/* ==========================================================================
   DGR Web — Kodla çizilmiş site önizlemeleri (proje temaları)
   Proje görseli yüklenmemişse pencere / kart içinde gösterilir (partials/mockup.php).
   Tüm ölçüler container query birimi (cqw): pencere genişliğine göre ölçeklenir.
   Net kenarlar, düz dolgular: blur / backdrop-filter / yumuşak halo yok.
   ========================================================================== */

.mock {
    --mk-bg: #fafafa;
    --mk-ink: #141414;
    --mk-accent: #ff5a1f;
    --mk-on: #fff;
    --mk-line: rgb(0 0 0 / 0.08);
    --mk-head: var(--font);
    --mk-r: 1.2cqw;
    --mk-rb: 99px;
    --mk-c1: #f1d6c7;
    --mk-c2: #e7e2dc;
    --mk-c3: #d8d2cc;
    display: flex;
    flex-direction: column;
    height: 155cqw;
    font-family: var(--font);
    color: var(--mk-ink);
    background: var(--mk-bg);
    text-align: left;
}

.mk-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.2cqw 5cqw;
}

.mk-logo {
    font-family: var(--mk-head);
    font-size: 3.1cqw;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.mk-links {
    display: flex;
    gap: 2.6cqw;
}

.mk-links i {
    width: 6.5cqw;
    height: 0.9cqw;
    border-radius: 1cqw;
    background: currentColor;
    opacity: 0.22;
}

.mk-btn {
    display: inline-block;
    width: fit-content;
    padding: 1.5cqw 3.2cqw;
    border-radius: var(--mk-rb);
    font-size: 2.1cqw;
    font-weight: 600;
    line-height: 1.2;
    color: var(--mk-on);
    background: var(--mk-accent);
}

.mk-btn--sm {
    padding: 1.1cqw 2.4cqw;
    font-size: 1.8cqw;
}

.mk-btn--light {
    color: var(--mk-accent);
    background: #fff;
}

.mk-hero {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 5cqw;
    padding: 6cqw 5cqw 7cqw;
}

.mk-copy {
    display: grid;
    justify-items: start;
}

.mk-kicker {
    font-size: 1.8cqw;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mk-accent);
}

.mk-h {
    margin: 1.6cqw 0 2.6cqw;
    font-family: var(--mk-head);
    font-size: 6cqw;
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.mk-line {
    display: block;
    width: 92%;
    height: 1.1cqw;
    margin-bottom: 1.3cqw;
    border-radius: 1cqw;
    background: currentColor;
    opacity: 0.13;
}

.mk-line--short {
    width: 62%;
}

.mk-copy .mk-btn {
    margin-top: 2cqw;
}

.mk-art {
    position: relative;
    aspect-ratio: 1 / 1.08;
    overflow: hidden;
    border-radius: calc(var(--mk-r) * 2);
    background: var(--mk-c1);
}

.mk-art i {
    position: absolute;
    display: block;
}

.mk-section {
    padding: 4cqw 5cqw 6cqw;
}

.mk-h2 {
    display: block;
    font-family: var(--mk-head);
    font-size: 3.8cqw;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.mk-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3cqw;
    margin-top: 3.2cqw;
}

.mk-card {
    display: grid;
}

.mk-card__img {
    aspect-ratio: 4 / 3;
    margin-bottom: 2cqw;
    border-radius: var(--mk-r);
    background: var(--mk-c1);
}

.mk-card__img--2 { background: var(--mk-c2); }
.mk-card__img--3 { background: var(--mk-c3); }

.mk-card__title {
    margin-bottom: 1.4cqw;
    font-size: 2.2cqw;
    font-weight: 600;
}

.mk-band {
    display: grid;
    justify-items: center;
    margin: 0 5cqw;
    padding: 6cqw;
    border-radius: calc(var(--mk-r) * 2);
    color: var(--mk-on);
    background: var(--mk-accent);
}

.mk-band .mk-line {
    width: 60%;
    opacity: 0.45;
}

.mk-band .mk-line--short {
    width: 40%;
}

.mk-band .mk-btn {
    margin-top: 2cqw;
}

.mk-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: 4.5cqw 5cqw;
    border-top: 1px solid var(--mk-line);
}

/* Tema: Kafe */
.mock--cafe {
    --mk-bg: #f7f0e6;
    --mk-ink: #3a2a1f;
    --mk-accent: #9c4f25;
    --mk-head: Georgia, "Times New Roman", serif;
    --mk-c1: #d9a878;
    --mk-c2: #e8cfae;
    --mk-c3: #c98a55;
}

.mock--cafe .mk-h { font-weight: 400; font-style: italic; }
.mock--cafe .mk-art i:nth-child(1) { inset: 14%; border-radius: 50%; background: #f4eadf; box-shadow: 0 2cqw 4cqw rgb(58 42 31 / 0.25); }
.mock--cafe .mk-art i:nth-child(2) { inset: 26%; border-radius: 50%; background: #fff; }
.mock--cafe .mk-art i:nth-child(3) { inset: 32%; border-radius: 50%; background: radial-gradient(circle at 50% 46%, #f0d9bb 0 16%, transparent 17%), radial-gradient(circle at 44% 40%, #8a5a36, #4a2c18 70%); }

/* Tema: Mimarlık */
.mock--architecture {
    --mk-bg: #f3f2ef;
    --mk-ink: #111;
    --mk-accent: #111;
    --mk-r: 0px;
    --mk-rb: 0px;
    --mk-c1: #cfcac1;
    --mk-c2: #9c968c;
    --mk-c3: #e1ddd5;
}

.mock--architecture .mk-h { font-weight: 500; text-transform: uppercase; letter-spacing: -0.01em; font-size: 5.2cqw; }
.mock--architecture .mk-art { background: linear-gradient(180deg, #dfe4e7 0 62%, #cbc5ba 62%); }
.mock--architecture .mk-art i:nth-child(1) { left: 12%; bottom: 38%; width: 34%; height: 50%; background: linear-gradient(90deg, #2a2a2a, #4a4a4a); }
.mock--architecture .mk-art i:nth-child(2) { right: 8%; bottom: 38%; width: 50%; height: 30%; background: repeating-linear-gradient(90deg, #bdb6aa 0 3cqw, #a39c90 3cqw 3.4cqw); }
.mock--architecture .mk-art i:nth-child(3) { left: 30%; bottom: 66%; width: 52%; height: 3%; background: #111; }

/* Tema: Klinik */
.mock--clinic {
    --mk-bg: #f2fbfa;
    --mk-ink: #0f3b3a;
    --mk-accent: #0a7468;
    --mk-r: 1.8cqw;
    --mk-c1: #c9eee7;
    --mk-c2: #e1f4f1;
    --mk-c3: #b5e4dc;
}

.mock--clinic .mk-art { background: linear-gradient(160deg, #dff5f1, #bfe9e2); }
.mock--clinic .mk-art i:nth-child(1) { inset: 16% 12% 22% 18%; border-radius: 46% 54% 50% 50% / 52% 44% 56% 48%; background: #fff; box-shadow: 0 2cqw 5cqw rgb(15 59 58 / 0.12); }
.mock--clinic .mk-art i:nth-child(2) { top: 34%; left: 38%; width: 22%; aspect-ratio: 1; border-radius: 22%; background: linear-gradient(#fff, #fff) center / 46% 14% no-repeat, linear-gradient(#fff, #fff) center / 14% 46% no-repeat, #12a594; }
.mock--clinic .mk-art i:nth-child(3) { right: 12%; bottom: 14%; width: 14%; aspect-ratio: 1; border-radius: 50%; background: #12a594; opacity: 0.35; }

/* Tema: Otel */
.mock--hotel {
    --mk-bg: #0f1c2a;
    --mk-ink: #f1e8d8;
    --mk-accent: #c8a76a;
    --mk-on: #0f1c2a;
    --mk-line: rgb(255 255 255 / 0.1);
    --mk-head: Georgia, "Times New Roman", serif;
    --mk-r: 0.4cqw;
    --mk-rb: 0.4cqw;
    --mk-c1: #2b4a6b;
    --mk-c2: #6b5b8e;
    --mk-c3: #e98b6d;
}

.mock--hotel .mk-h { font-weight: 400; }
.mock--hotel .mk-art { border-radius: 50% 50% 0.4cqw 0.4cqw / 34% 34% 0.4cqw 0.4cqw; background: linear-gradient(180deg, #f5b98a 0%, #e98b6d 38%, #6b5b8e 72%, #1f3550 100%); }
.mock--hotel .mk-art i:nth-child(1) { left: 0; right: 0; bottom: 0; height: 32%; background: linear-gradient(#2b4a6b, #142a40); }
.mock--hotel .mk-art i:nth-child(2) { left: 38%; top: 46%; width: 24%; aspect-ratio: 1; border-radius: 50%; background: #ffd9a0; }
.mock--hotel .mk-art i:nth-child(3) { left: 20%; right: 20%; bottom: 26%; height: 1.2%; background: rgb(255 217 160 / 0.7); }

/* Tema: Yazılım */
.mock--saas {
    --mk-bg: #0b0c10;
    --mk-ink: #f5f5f7;
    --mk-accent: #355de0;
    --mk-line: rgb(255 255 255 / 0.08);
    --mk-r: 1.4cqw;
    --mk-c1: #15171e;
    --mk-c2: #1b2030;
    --mk-c3: #232a40;
}

.mock--saas .mk-kicker { color: #8fa8ff; }
.mock--saas .mk-art { border: 1px solid #262a35; background: #15171e; }
.mock--saas .mk-art i:nth-child(1) { left: 8%; right: 8%; bottom: 10%; height: 52%; background: linear-gradient(to top, rgb(79 124 255 / 0.05), rgb(79 124 255 / 0.55)); clip-path: polygon(0 100%, 0 70%, 18% 58%, 34% 66%, 52% 34%, 70% 44%, 86% 16%, 100% 24%, 100% 100%); }
.mock--saas .mk-art i:nth-child(2) { left: 8%; top: 10%; width: 40%; height: 7%; border-radius: 1cqw; background: #262a35; }
.mock--saas .mk-art i:nth-child(3) { right: 8%; top: 10%; width: 18%; height: 7%; border-radius: 1cqw; background: #4f7cff; }

/* Tema: E-ticaret */
.mock--shop {
    --mk-bg: #fff;
    --mk-ink: #151515;
    --mk-accent: #d63a52;
    --mk-r: 1cqw;
    --mk-c1: #f3e9e4;
    --mk-c2: #f6efe0;
    --mk-c3: #e9eef2;
}

.mock--shop .mk-art i:nth-child(1) { left: 37%; bottom: 18%; width: 26%; height: 52%; border-radius: 3cqw 3cqw 1.6cqw 1.6cqw; background: linear-gradient(#f9d7cf, #e7a597); }
.mock--shop .mk-art i:nth-child(2) { left: 43%; bottom: 70%; width: 14%; height: 9%; border-radius: 0.8cqw; background: #2b2b2b; }
.mock--shop .mk-art i:nth-child(3) { left: 28%; bottom: 14%; width: 44%; height: 5%; border-radius: 50%; background: rgb(0 0 0 / 0.1); }

/* Tema: Portfolyo */
.mock--portfolio {
    --mk-accent: #c2410c;
    --mk-c1: #141414;
    --mk-c2: #ffd2c0;
    --mk-c3: #e9e9e9;
}

.mock--portfolio .mk-art i:nth-child(1) { left: 18%; top: 18%; width: 46%; aspect-ratio: 1; border-radius: 50%; background: #ff5a1f; }
.mock--portfolio .mk-art i:nth-child(2) { right: 14%; bottom: 16%; width: 34%; aspect-ratio: 1; background: #fff; transform: rotate(12deg); }
.mock--portfolio .mk-art i:nth-child(3) { left: 10%; right: 10%; bottom: 46%; height: 1.2%; background: #fff; opacity: 0.5; }

/* Tema: Hukuk */
.mock--law {
    --mk-bg: #f6f3ee;
    --mk-ink: #1e2a38;
    --mk-accent: #8a6a3d;
    --mk-head: Georgia, "Times New Roman", serif;
    --mk-r: 0.6cqw;
    --mk-rb: 0.6cqw;
    --mk-c1: #e8e0d2;
    --mk-c2: #d6c9b3;
    --mk-c3: #cbd2da;
}

.mock--law .mk-h { font-weight: 400; }
.mock--law .mk-art { background: linear-gradient(160deg, #e8e0d2, #d6c9b3); }
.mock--law .mk-art i:nth-child(1) { left: 16%; right: 16%; bottom: 16%; height: 46%; background: repeating-linear-gradient(90deg, #f6f3ee 0 6cqw, transparent 6cqw 9.5cqw); }
.mock--law .mk-art i:nth-child(2) { left: 12%; right: 12%; top: 18%; height: 18%; background: #f6f3ee; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.mock--law .mk-art i:nth-child(3) { left: 12%; right: 12%; bottom: 10%; height: 6%; background: #f6f3ee; }

/* Tema: Spor salonu */
.mock--gym {
    --mk-bg: #121212;
    --mk-ink: #f5f5f0;
    --mk-accent: #c6f432;
    --mk-on: #121212;
    --mk-line: rgb(255 255 255 / 0.1);
    --mk-r: 0.6cqw;
    --mk-rb: 0.6cqw;
    --mk-c1: #222;
    --mk-c2: #2d2d2d;
    --mk-c3: #3a3a3a;
}

.mock--gym .mk-h { font-weight: 800; text-transform: uppercase; letter-spacing: -0.02em; }
.mock--gym .mk-art { background: #1d1d1d; border: 1px solid #2c2c2c; }
.mock--gym .mk-art i:nth-child(1) { left: 8%; right: 8%; top: 48%; height: 4%; background: #8a8a8a; }
.mock--gym .mk-art i:nth-child(2) { left: 18%; top: 26%; width: 9%; height: 48%; border-radius: 1cqw; background: #c6f432; box-shadow: 4.5cqw 0 0 -1.2cqw #c6f432; }
.mock--gym .mk-art i:nth-child(3) { right: 18%; top: 26%; width: 9%; height: 48%; border-radius: 1cqw; background: #c6f432; box-shadow: -4.5cqw 0 0 -1.2cqw #c6f432; }

/* Tema: Kurs */
.mock--course {
    --mk-bg: #f5f8ff;
    --mk-ink: #14213d;
    --mk-accent: #3157d5;
    --mk-r: 1.4cqw;
    --mk-c1: #dbe4ff;
    --mk-c2: #ffe9a8;
    --mk-c3: #cfe9df;
}

.mock--course .mk-art { background: #dbe4ff; }
.mock--course .mk-art i:nth-child(1) { left: 12%; right: 12%; bottom: 16%; height: 46%; border-radius: 1.4cqw; background: #fff; box-shadow: 0 0 0 1px #c4d0f5; }
.mock--course .mk-art i:nth-child(2) { right: 14%; top: 12%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: #ffc83d; }
.mock--course .mk-art i:nth-child(3) { left: 20%; right: 20%; bottom: 36%; height: 3%; background: #3157d5; opacity: 0.8; }

/* Tema: Güzellik */
.mock--beauty {
    --mk-bg: #fbf3f1;
    --mk-ink: #3b2a2e;
    --mk-accent: #a8435d;
    --mk-head: Georgia, "Times New Roman", serif;
    --mk-c1: #f3d4d6;
    --mk-c2: #f7e6dc;
    --mk-c3: #e9b4b8;
}

.mock--beauty .mk-h { font-weight: 400; }
.mock--beauty .mk-art { background: #f6e3de; }
.mock--beauty .mk-art i:nth-child(1) { left: 22%; right: 22%; top: 12%; bottom: 0; border-radius: 50% 50% 0 0; background: #f3d4d6; }
.mock--beauty .mk-art i:nth-child(2) { left: 38%; top: 28%; width: 24%; aspect-ratio: 1; border-radius: 50%; background: #e9b4b8; }
.mock--beauty .mk-art i:nth-child(3) { left: 44%; bottom: 0; width: 12%; height: 30%; border-radius: 6cqw 6cqw 0 0; background: #b4546b; }

/* Tema: Emlak */
.mock--realestate {
    --mk-bg: #fff;
    --mk-ink: #10263b;
    --mk-accent: #1f7a5a;
    --mk-r: 1cqw;
    --mk-c1: #dcebe5;
    --mk-c2: #e8eef4;
    --mk-c3: #f0e8d8;
}

.mock--realestate .mk-art { background: linear-gradient(180deg, #dcebe5 0 68%, #b9d6c8 68%); }
.mock--realestate .mk-art i:nth-child(1) { left: 20%; right: 20%; bottom: 32%; height: 28%; background: #fff; box-shadow: 0 0 0 1px #10263b; }
.mock--realestate .mk-art i:nth-child(2) { left: 14%; right: 14%; bottom: 58%; height: 20%; background: #10263b; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.mock--realestate .mk-art i:nth-child(3) { left: 44%; bottom: 32%; width: 12%; height: 16%; background: #1f7a5a; }

/* Tema: Oto galeri */
.mock--auto {
    --mk-bg: #131417;
    --mk-ink: #fff;
    --mk-accent: #e03131;
    --mk-line: rgb(255 255 255 / 0.1);
    --mk-r: 0.6cqw;
    --mk-rb: 0.6cqw;
    --mk-c1: #1d1f24;
    --mk-c2: #272a31;
    --mk-c3: #33363f;
}

.mock--auto .mk-h { font-weight: 800; text-transform: uppercase; letter-spacing: -0.02em; font-size: 5.4cqw; }
.mock--auto .mk-art { background: linear-gradient(180deg, #1d1f24 0 70%, #2a2d34 70%); }
.mock--auto .mk-art i:nth-child(1) { left: 8%; right: 8%; bottom: 34%; height: 15%; border-radius: 2cqw 2cqw 0.8cqw 0.8cqw; background: #e03131; }
.mock--auto .mk-art i:nth-child(2) { left: 26%; right: 24%; bottom: 48%; height: 12%; background: #b92727; clip-path: polygon(14% 100%, 30% 0, 74% 0, 100% 100%); }
.mock--auto .mk-art i:nth-child(3) { left: 14%; right: 14%; bottom: 26%; height: 14%; background: radial-gradient(circle at 18% 50%, #111 0 34%, #8d9099 35% 48%, transparent 49%), radial-gradient(circle at 82% 50%, #111 0 34%, #8d9099 35% 48%, transparent 49%); }

/* Tema: Fotoğraf */
.mock--photo {
    --mk-bg: #fafaf8;
    --mk-ink: #111;
    --mk-accent: #111;
    --mk-r: 0.3cqw;
    --mk-rb: 0.3cqw;
    --mk-c1: #d9d6cf;
    --mk-c2: #bdb8ad;
    --mk-c3: #efe0bd;
}

.mock--photo .mk-h { font-weight: 500; letter-spacing: -0.03em; }
.mock--photo .mk-art { background: #111; }
.mock--photo .mk-art i:nth-child(1) { inset: 14%; border-radius: 50%; background: #2a2a2a; }
.mock--photo .mk-art i:nth-child(2) { inset: 28%; border-radius: 50%; background: #e8b04a; }
.mock--photo .mk-art i:nth-child(3) { inset: 40%; border-radius: 50%; background: #111; box-shadow: 1.6cqw -1.6cqw 0 -0.9cqw #fff; }

/* Tema: Düğün */
.mock--wedding {
    --mk-bg: #fdf8f1;
    --mk-ink: #4a3b2c;
    --mk-accent: #8a6a35;
    --mk-head: Georgia, "Times New Roman", serif;
    --mk-r: 0.4cqw;
    --mk-c1: #f1e4d0;
    --mk-c2: #ead7bd;
    --mk-c3: #e4e8dc;
}

.mock--wedding .mk-h { font-weight: 400; }
.mock--wedding .mk-art { background: #f1e4d0; }
.mock--wedding .mk-art i:nth-child(1) { left: 16%; top: 34%; width: 40%; aspect-ratio: 1; border-radius: 50%; border: 1.4cqw solid #a8844d; }
.mock--wedding .mk-art i:nth-child(2) { right: 16%; top: 38%; width: 40%; aspect-ratio: 1; border-radius: 50%; border: 1.4cqw solid #cdb089; }
.mock--wedding .mk-art i:nth-child(3) { left: 38%; top: 20%; width: 12%; aspect-ratio: 1; background: #fff; transform: rotate(45deg); box-shadow: 0 0 0 1px #a8844d; }

/* Tema: Veteriner */
.mock--vet {
    --mk-bg: #fffaf0;
    --mk-ink: #23423f;
    --mk-accent: #a85108;
    --mk-r: 1.8cqw;
    --mk-c1: #fde8c0;
    --mk-c2: #d4ecdf;
    --mk-c3: #fbd9c4;
}

.mock--vet .mk-art { background: #fde8c0; }
.mock--vet .mk-art i:nth-child(1) { left: 30%; top: 44%; width: 40%; height: 34%; border-radius: 50% 50% 46% 46%; background: #d9741a; }
.mock--vet .mk-art i:nth-child(2) { left: 14%; right: 14%; top: 18%; height: 22%; background: radial-gradient(circle at 12% 70%, #d9741a 0 24%, transparent 25%), radial-gradient(circle at 38% 30%, #d9741a 0 24%, transparent 25%), radial-gradient(circle at 62% 30%, #d9741a 0 24%, transparent 25%), radial-gradient(circle at 88% 70%, #d9741a 0 24%, transparent 25%); }
.mock--vet .mk-art i:nth-child(3) { display: none; }

/* Tema: Çiçekçi */
.mock--florist {
    --mk-bg: #fff8f6;
    --mk-ink: #35453a;
    --mk-accent: #b83a5e;
    --mk-r: 1.6cqw;
    --mk-c1: #fde0e6;
    --mk-c2: #dcefd9;
    --mk-c3: #fff0c2;
}

.mock--florist .mk-art { background: #fde0e6; }
.mock--florist .mk-art i:nth-child(1) { left: 49%; bottom: 8%; width: 2%; height: 48%; background: #4d7a50; }
.mock--florist .mk-art i:nth-child(2) { left: 30%; top: 14%; width: 40%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #ffc83d 0 22%, #d9577c 23% 100%); }
.mock--florist .mk-art i:nth-child(3) { left: 52%; bottom: 20%; width: 18%; height: 10%; border-radius: 0 100% 0 100%; background: #6a9a6d; }

/* Tema: Nakliyat */
.mock--logistics {
    --mk-bg: #f3f6fa;
    --mk-ink: #0d2340;
    --mk-accent: #f5b301;
    --mk-on: #0d2340;
    --mk-r: 0.8cqw;
    --mk-rb: 0.8cqw;
    --mk-c1: #dde6f1;
    --mk-c2: #fbe8a8;
    --mk-c3: #c9d6e6;
}

.mock--logistics .mk-h { font-weight: 800; }
.mock--logistics .mk-art { background: linear-gradient(180deg, #dde6f1 0 70%, #bccadc 70%); }
.mock--logistics .mk-art i:nth-child(1) { left: 8%; bottom: 30%; width: 54%; height: 34%; background: #0d2340; }
.mock--logistics .mk-art i:nth-child(2) { left: 64%; bottom: 30%; width: 28%; height: 24%; background: #f5b301; clip-path: polygon(0 0, 62% 0, 100% 46%, 100% 100%, 0 100%); }
.mock--logistics .mk-art i:nth-child(3) { left: 12%; right: 10%; bottom: 23%; height: 12%; background: radial-gradient(circle at 12% 50%, #111 0 36%, #9aa7b8 37% 50%, transparent 51%), radial-gradient(circle at 78% 50%, #111 0 36%, #9aa7b8 37% 50%, transparent 51%); }

/* Tema: Danışmanlık */
.mock--consulting {
    --mk-bg: #f5f7f7;
    --mk-ink: #17302f;
    --mk-accent: #0f766e;
    --mk-r: 0.8cqw;
    --mk-c1: #d4e8e5;
    --mk-c2: #e4eceb;
    --mk-c3: #c4dcd8;
}

.mock--consulting .mk-art { background: #d4e8e5; }
.mock--consulting .mk-art i:nth-child(1) { left: 12%; bottom: 14%; width: 20%; height: 30%; background: #7fb8b1; }
.mock--consulting .mk-art i:nth-child(2) { left: 40%; bottom: 14%; width: 20%; height: 48%; background: #3d9189; }
.mock--consulting .mk-art i:nth-child(3) { left: 68%; bottom: 14%; width: 20%; height: 68%; background: #0f766e; }

/* Tema: Sanat galerisi */
.mock--gallery {
    --mk-bg: #fff;
    --mk-ink: #111;
    --mk-accent: #c2185b;
    --mk-r: 0px;
    --mk-rb: 0px;
    --mk-c1: #f0ebe3;
    --mk-c2: #e6dfd2;
    --mk-c3: #f4d4e0;
}

.mock--gallery .mk-h { font-weight: 500; letter-spacing: -0.03em; }
.mock--gallery .mk-art { background: #f0ebe3; }
.mock--gallery .mk-art i:nth-child(1) { left: 14%; top: 12%; width: 44%; height: 56%; background: #e6dfd2; box-shadow: 0 0 0 1.2cqw #fff, 0 0 0 1.4cqw #111; }
.mock--gallery .mk-art i:nth-child(2) { right: 12%; bottom: 14%; width: 30%; height: 34%; background: #c2185b; }
.mock--gallery .mk-art i:nth-child(3) { left: 24%; top: 24%; width: 24%; aspect-ratio: 1; border-radius: 50%; background: #111; }
.mock--shop .mk-art i:nth-child(3){filter:none}
.mock--auto .mk-kicker { color: #ff7b7e; }
.mock--logistics .mk-kicker { color: #7a5a00; }