/* archive-mama-ust.css */
@font-face{font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-latin-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-tr-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;}
@font-face{font-family: "Inter Variable";
src: url("/wp-content/themes/pati/assets/fonts/inter-latin-ext-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0100-011D, U+0120-012F, U+0132-015D, U+0160-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;}
@font-face{font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 699;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-4-7-700.woff2") format("woff2");
font-style: normal;
font-weight: 700 900;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-tr-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 699;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;}@font-face{font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-tr-4-7-700.woff2") format("woff2");
font-style: normal;
font-weight: 700 900;
font-display: swap;
unicode-range: U+011E-011F, U+0130, U+015E-015F;}
@font-face{font-family: "Jost";
src: url("/wp-content/themes/pati/assets/fonts/jost-latin-ext-4-7.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
font-display: swap;
unicode-range: U+0100-011D, U+0120-012F, U+0132-015D, U+0160-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;}
@font-face{font-family: "Inter Yedek";
src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
font-weight: 400 500;
size-adjust: 105.43%;
ascent-override: 91.88%;
descent-override: 22.88%;
line-gap-override: 0%;}
@font-face{font-family: "Inter Yedek";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold");
font-weight: 600 700;
size-adjust: 101.5%;
ascent-override: 96.24%;
descent-override: 23.96%;
line-gap-override: 0%;}
@font-face{font-family: "Jost Yedek";
src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
font-weight: 400 500;
size-adjust: 99.93%;
ascent-override: 107.07%;
descent-override: 37.52%;
line-gap-override: 0%;}
@font-face{font-family: "Jost Yedek";
src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold");
font-weight: 600 700;
size-adjust: 96.01%;
ascent-override: 111.45%;
descent-override: 39.06%;
line-gap-override: 0%;}
:root{--zemin: #FFF8EC;
--kagit: #FFFDF8;
--murekkep: #2D2A3E;
--soluk: #6A6580;
--cizgi: #F1E4CC;
--gok: #8ED3F4;
--gok-acik: #E3F4FD;
--gok-koyu: #1E6A93;
--gunes: #FFB37E;
--gunes-acik: #FFEADB;
--gunes-koyu: #8F4A14;
--cim: #93D486;
--cim-acik: #E5F6DF;
--cim-koyu: #2E7332;
--pembe: #7CCB9C;
--pembe-acik: #E3F4EA;
--pembe-koyu: #1F6E3F;
--deniz: #7FD6D0;
--deniz-acik: #DFF6F4;
--deniz-koyu: #17696A;
--lila: #C4B2F5;
--lila-acik: #F0EBFE;
--lila-koyu: #5A3FB0;
--eylem: #27824B;
--eylem-uzeri: #fff;
--marka: #27824B;
--marka-simge: #1E7F74;
--marka-gulus: #D94B4B;
--marka-acik: #8FD3B0;
--marka-zemin: #E3F1EC;
--yuvarlak: 22px;
--yuvarlak-k: 14px;
--yuvarlak-xk: 10px;
--yuvarlak-cip: 999px;
--golge: 0 10px 30px -12px rgba(140, 90, 20, .28);
--golge-k: 0 4px 14px -6px rgba(140, 90, 20, .3);
--b-1: 4px;
--b-2: 8px;
--b-3: 12px;
--b-4: 16px;
--b-5: 24px;
--b-6: 32px;
--b-7: 48px;
--b-8: 64px;
--baslik: "Jost", "Jost Yedek", "Inter Variable", system-ui, sans-serif;
--govde: "Inter Variable", "Inter Yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
--yazi-h1: clamp(2rem, 4.6vw, 3.4rem);
--yazi-h2: clamp(1.55rem, 3vw, 2.25rem);
--yazi-h3: 1.25rem;
--yazi-h4: 1.0625rem;
--yazi-govde: 17px;
--yazi-giris: 18px;
--yazi-kucuk: 14px;
--yazi-etiket: 13px;
--yazi-mini: 12px;
--satir-baslik: 1.08;
--satir-ara: 1.3;
--satir-govde: 1.65;
--iz-baslik: -.01em;
--iz-etiket: .06em;
--genislik: 1680px;
--bolum-aralik: clamp(56px, 6.4vw, 104px);
--bolum-bas-alt: clamp(20px, 2vw, 32px);
--kap-kenar: 16px;
--bas-gecis: clamp(120px, 12vw, 200px);
--yumusak: cubic-bezier(.22, .61, .36, 1);
--serit-solma: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);
--pati-doku: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg fill=%22%231E7F74%22 fill-opacity=%22.05%22 fill-rule=%22evenodd%22%3E%3Cpath transform=%22translate(10 12) rotate(-10 22 22)%22 d=%22M7.6 41.5C3.2 40 0.7 33.9 2.8 30C4 27.6 6.3 26.7 5.9 28.8C5.2 32 5.2 33.9 6 35.5C7 37.5 7.3 37.4 7.1 35C6.7 30.3 8.8 26 14.4 20.1C16.5 17.9 18.4 15.8 18.5 15.4C18.7 14.8 18.7 14.8 19.9 15.4C24 17.5 27.3 14.7 25.9 10.2C24.2 4.5 22.8 3.2 24.3 8.6C25.8 14.2 24.1 16.4 20 14.3C17.2 12.9 16.7 10.8 18.5 8C19.1 7 19.7 6 19.7 5.8C19.7 5.1 21.1 3.7 22.3 3C25.4 1.4 28.4 1.9 30.6 4.3C32 5.8 32.1 5.8 34.5 5.9C37.4 6.1 37.7 6.5 37 8.9C36.7 10.2 35.1 12 34.3 12C33.4 12 30.3 13.5 30 14C29.7 14.5 29.8 15.4 30.3 17.6C31.3 21.8 30.7 23.3 26.9 26.7C23.7 29.6 22 33.1 22 36.9C22 38.2 22 38.2 21.1 38.1C20.5 38 20.4 37.8 20.5 37.4C22.1 33.5 20.3 29.6 16.9 29.7C16.3 29.7 16.3 29.8 17.2 30.2C19.9 31.3 20.8 34.5 19.3 37.3C18.7 38.6 18.7 38.6 19.9 38.8C21.8 39.2 22.7 39.9 22.6 40.9C22.5 41.8 22.5 41.8 15.7 41.9C10.6 42 8.5 41.9 7.6 41.5ZM26 41.6C22.1 39.6 24 31.1 29 27.7C30.4 26.7 31.1 26 31.2 25.4C32 21.4 35 16 35 18.4C35 19.8 35.5 20.1 36 19C36.5 17.9 37 18 37 19.2C37 19.7 37.6 20.6 38.9 21.9C41.1 24.1 41 24.9 38.5 26.1C37.1 26.8 37.1 26.9 38 29.9C38.4 31.1 38.4 31.8 37.9 34.4C37.3 38.1 37.4 39.2 38.5 39.5C39.5 39.7 40.1 41 39.6 41.6C39 42.3 37.3 42.1 37.3 41.3C37.3 40.9 37 40.2 36.7 39.8C36.1 39.2 36 38.9 36.3 37.7C36.9 35.1 35.5 32.7 33.5 32.7C32.5 32.7 32.5 32.7 33.6 33.6C35.1 35 35.6 36.9 34.9 38.6C34.4 39.9 34.4 39.9 35.4 40.3C36.1 40.5 36.4 40.8 36.3 41.2C36.1 42 27.4 42.3 26 41.6Z%22/%3E%3Cpath transform=%22translate(66 64) rotate(9 22 22)%22 d=%22M7.6 41.5C3.2 40 0.7 33.9 2.8 30C4 27.6 6.3 26.7 5.9 28.8C5.2 32 5.2 33.9 6 35.5C7 37.5 7.3 37.4 7.1 35C6.7 30.3 8.8 26 14.4 20.1C16.5 17.9 18.4 15.8 18.5 15.4C18.7 14.8 18.7 14.8 19.9 15.4C24 17.5 27.3 14.7 25.9 10.2C24.2 4.5 22.8 3.2 24.3 8.6C25.8 14.2 24.1 16.4 20 14.3C17.2 12.9 16.7 10.8 18.5 8C19.1 7 19.7 6 19.7 5.8C19.7 5.1 21.1 3.7 22.3 3C25.4 1.4 28.4 1.9 30.6 4.3C32 5.8 32.1 5.8 34.5 5.9C37.4 6.1 37.7 6.5 37 8.9C36.7 10.2 35.1 12 34.3 12C33.4 12 30.3 13.5 30 14C29.7 14.5 29.8 15.4 30.3 17.6C31.3 21.8 30.7 23.3 26.9 26.7C23.7 29.6 22 33.1 22 36.9C22 38.2 22 38.2 21.1 38.1C20.5 38 20.4 37.8 20.5 37.4C22.1 33.5 20.3 29.6 16.9 29.7C16.3 29.7 16.3 29.8 17.2 30.2C19.9 31.3 20.8 34.5 19.3 37.3C18.7 38.6 18.7 38.6 19.9 38.8C21.8 39.2 22.7 39.9 22.6 40.9C22.5 41.8 22.5 41.8 15.7 41.9C10.6 42 8.5 41.9 7.6 41.5ZM26 41.6C22.1 39.6 24 31.1 29 27.7C30.4 26.7 31.1 26 31.2 25.4C32 21.4 35 16 35 18.4C35 19.8 35.5 20.1 36 19C36.5 17.9 37 18 37 19.2C37 19.7 37.6 20.6 38.9 21.9C41.1 24.1 41 24.9 38.5 26.1C37.1 26.8 37.1 26.9 38 29.9C38.4 31.1 38.4 31.8 37.9 34.4C37.3 38.1 37.4 39.2 38.5 39.5C39.5 39.7 40.1 41 39.6 41.6C39 42.3 37.3 42.1 37.3 41.3C37.3 40.9 37 40.2 36.7 39.8C36.1 39.2 36 38.9 36.3 37.7C36.9 35.1 35.5 32.7 33.5 32.7C32.5 32.7 32.5 32.7 33.6 33.6C35.1 35 35.6 36.9 34.9 38.6C34.4 39.9 34.4 39.9 35.4 40.3C36.1 40.5 36.4 40.8 36.3 41.2C36.1 42 27.4 42.3 26 41.6Z%22/%3E%3C/g%3E%3C/svg%3E");}
*, *::before, *::after{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip;}
body{margin: 0;
font: 400 var(--yazi-govde)/var(--satir-govde) var(--govde);
color: var(--murekkep);
background-color: var(--zemin);
overflow-x: clip;}
body::before{content: ""; position: fixed; z-index: -1; pointer-events: none;
top: -560px; left: -560px; right: 0; bottom: 0;
background: url("/wp-content/themes/pati/assets/img/zemin-desen.svg?v=1") 0 0 / 560px 560px repeat;
animation: zemin-kay 200s linear infinite;
will-change: transform;}
@keyframes zemin-kay{to { transform: translate3d(560px, 560px, 0); }}
@media (max-width: 820px){
body::before{animation-duration: 240s;}
}
@media (prefers-reduced-motion: reduce){
body::before{animation: none; will-change: auto;}
}
@media print{
body::before{display: none;}
}
:root{--kucak: clamp(0px, calc((100vw - 1100px) / 2), 460px);}
html::before, html::after{content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; display: none;
-webkit-mask-image:
linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) calc(var(--kucak) * .45), transparent var(--kucak), transparent calc(100% - var(--kucak)), rgba(0, 0, 0, .5) calc(100% - var(--kucak) * .45), #000 100%),
linear-gradient(180deg, rgba(0, 0, 0, .55), #000);
-webkit-mask-composite: source-in;
mask-image:
linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) calc(var(--kucak) * .45), transparent var(--kucak), transparent calc(100% - var(--kucak)), rgba(0, 0, 0, .5) calc(100% - var(--kucak) * .45), #000 100%),
linear-gradient(180deg, rgba(0, 0, 0, .55), #000);
mask-composite: intersect;}
html::before{background:
linear-gradient(180deg, rgba(142, 211, 244, .46), rgba(147, 212, 134, .4)) left top / 50% 100% no-repeat,
linear-gradient(180deg, rgba(255, 179, 126, .4), rgba(124, 203, 156, .38)) right top / 50% 100% no-repeat;}
html::after{opacity: .45;
background:
linear-gradient(180deg, rgba(147, 212, 134, .4), rgba(127, 214, 208, .46)) left top / 50% 100% no-repeat,
linear-gradient(180deg, rgba(124, 203, 156, .38), rgba(196, 178, 245, .46)) right top / 50% 100% no-repeat;}
@media (min-width: 1100px){
html::before, html::after{display: block;}
}
@supports (animation-timeline: scroll()){
@media (prefers-reduced-motion: no-preference){
html::after{opacity: 0; animation: kucak-gecis linear both; animation-timeline: scroll(root block);}
}
}
@keyframes kucak-gecis{to { opacity: 1; }}
@media print{
html::before, html::after{display: none !important;}
}
img{max-width: 100%; height: auto; display: block;}
a{color: var(--pembe-koyu); text-decoration-thickness: 1.5px; text-underline-offset: 3px;}
h1, h2, h3, h4{font-family: var(--baslik); font-weight: 800; line-height: var(--satir-baslik); letter-spacing: var(--iz-baslik); margin: 0 0 .5em; color: var(--murekkep);}
h1{font-size: var(--yazi-h1);}
h2{font-size: var(--yazi-h2);}
h3{font-size: var(--yazi-h3);}
p{margin: 0 0 1em;}
.kap{width: min(100% - 32px, var(--genislik)); margin-inline: auto;}
@media (min-width: 900px){
.kap{width: min(100% - 80px, var(--genislik));}
:root{--kap-kenar: max(40px, calc((100% - var(--genislik)) / 2));}
}
.gizli{position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.atla{position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--murekkep); color: #fff; padding: 8px 14px; border-radius: 10px;}
.atla:focus{left: 12px;}
.ik{width: 1.25em; height: 1.25em; flex: none;}
:focus-visible{outline: 3px solid var(--gok-koyu); outline-offset: 3px; border-radius: 8px;}
.ust{position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--kagit) 88%, transparent); backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--cizgi);}
.ust-ic{display: flex; align-items: center; gap: 18px; height: 68px; position: relative;}
.logo{display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--murekkep); flex: none;}
.logo-yazi{width: auto; height: 35px; flex: none; display: block; transition: transform .35s cubic-bezier(.3, 1.6, .5, 1);}
.logo:hover .logo-yazi{transform: rotate(-2deg) scale(1.03);}
@media (prefers-reduced-motion: reduce){
.logo-yazi{transition: none;}
.logo:hover .logo-yazi{transform: none;}
}
.ana-menu{margin-left: auto;}
.mm{list-style: none; margin: 0; padding: 0; display: flex; gap: 2px;}
.mm-dugme{all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 12px; font: 700 15px/1 var(--govde); color: var(--murekkep); white-space: nowrap;}
.mm-dugme .ik{width: 18px; height: 18px; color: var(--aile-koyu, var(--soluk));}
.mm-ok{width: 14px; height: 14px; opacity: .55; transition: transform .2s;}
.mm-dugme:hover, .mm-oge.acik .mm-dugme{background: var(--aile-acik, var(--gunes-acik));}
.mm-oge.acik .mm-ok{transform: rotate(180deg);}
.mm-oge{position: static;}
.mm-panel{position: absolute; top: calc(100% - 4px); left: 50%; translate: -50% 0; width: max-content; max-width: min(1080px, 94vw); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); box-shadow: var(--golge); padding: 22px 24px 18px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility 0s .18s;}
.mm-panel::before{content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; border-radius: var(--yuvarlak) var(--yuvarlak) 0 0; background: var(--aile, var(--gunes));}
.mm-oge.acik .mm-panel{opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s;}
.mobil-ust{display: none;}
.ust-eylem{display: flex; align-items: center; gap: 6px;}
.ust-ara, .menu-ac{all: unset; cursor: pointer; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--murekkep); background: var(--pembe-acik);}
.ust-ara:hover, .menu-ac:hover{background: var(--pembe);}
.menu-ac{display: none;}
.menu-ac .kapa{display: none;}
.aile-gunes{--aile: var(--gunes); --aile-acik: var(--gunes-acik); --aile-koyu: var(--gunes-koyu);}
.aile-pembe{--aile: var(--pembe); --aile-acik: var(--pembe-acik); --aile-koyu: var(--pembe-koyu);}
.aile-gok{--aile: var(--gok); --aile-acik: var(--gok-acik); --aile-koyu: var(--gok-koyu);}
.aile-cim{--aile: var(--cim); --aile-acik: var(--cim-acik); --aile-koyu: var(--cim-koyu);}
.aile-deniz{--aile: var(--deniz); --aile-acik: var(--deniz-acik); --aile-koyu: var(--deniz-koyu);}
.aile-lila{--aile: var(--lila); --aile-acik: var(--lila-acik); --aile-koyu: var(--lila-koyu);}
.dugme{display: inline-flex; align-items: center; gap: 8px; background: var(--eylem); color: var(--eylem-uzeri); font-weight: 800; padding: 13px 22px; border-radius: 999px; text-decoration: none; box-shadow: 0 6px 0 -1px #1B5E36; transition: transform .12s, box-shadow .12s;}
.dugme:hover{transform: translateY(-2px); box-shadow: 0 8px 0 -1px #1B5E36;}
.dugme:active{transform: translateY(3px); box-shadow: 0 2px 0 -1px #1B5E36;}
.dalga{display: block; width: 100%; height: 56px; fill: none;}
.arama{display: flex; align-items: center; gap: 8px; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 6px 6px 6px 18px; box-shadow: var(--golge-k); max-width: 560px; transition: border-color .15s, box-shadow .15s;}
.arama:focus-within{border-color: var(--gok); box-shadow: 0 0 0 5px var(--gok-acik);}
.arama > .ik{color: var(--soluk);}
.arama input{flex: 1; min-width: 0; border: 0; background: none; font: 600 16px/1.2 var(--govde); color: var(--murekkep); padding: 12px 0;}
.arama input:focus{outline: none;}
.arama input::placeholder{color: #9A93A8; font-weight: 500;}
.arama button{all: unset; cursor: pointer; background: var(--eylem); color: #fff; font-weight: 800; padding: 12px 22px; border-radius: 999px;}
.arama button:hover{background: #A8244C;}
@keyframes parilti{50% { transform: scale(1.06); opacity: .85; }}
.vurgu{color: var(--pembe-koyu); background: linear-gradient(transparent 62%, rgba(255, 212, 94, .7) 62%, rgba(255, 212, 94, .7) 92%, transparent 92%); padding: 0 .08em;}
@keyframes suzul{50% { transform: translateY(-8px); }}
@keyframes kipirda{50% { transform: rotate(5deg) translateY(-4px); }}
@keyframes uc{0%, 100% { transform: translate(0, 0) rotate(-4deg); } 50% { transform: translate(26px, -14px) rotate(4deg); }}
.alt{background: linear-gradient(180deg, rgba(255, 253, 248, 0) 0, rgba(255, 253, 248, .72) clamp(80px, 9vw, 140px)); margin-top: 40px; position: relative;}
.dalga-alt{position: absolute; top: -55px; left: 0; height: 56px; fill: none;}
.alt-ic{display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 28px; padding: 40px 0 26px;}
.alt-marka p{color: var(--soluk); font-size: 15px; margin-top: 12px; max-width: 340px;}
.alt ul{list-style: none; margin: 0; padding: 0;}
.alt li a{display: inline-block; padding: 4px 0; color: var(--soluk); text-decoration: none; font-weight: 600; font-size: 15px;}
.alt li a:hover{color: var(--pembe-koyu);}
.alt-not{border-top: 1px dashed var(--cizgi); padding: 18px 0 26px; font-size: var(--yazi-kucuk); color: var(--soluk);}
.alt-not .ik{color: var(--cim-koyu);}
@media (max-width: 1080px){
.alt-ic{grid-template-columns: 1fr 1fr;}
.ust{backdrop-filter: none; background: var(--kagit);}
.menu-ac{display: grid;}
.ana-menu{position: fixed; inset: 0 0 0 auto; width: min(420px, 100%); top: 0; background: var(--kagit); z-index: 60; padding: 84px 16px 30px; overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform .28s cubic-bezier(.3, .9, .3, 1), visibility 0s .28s; box-shadow: -20px 0 50px -20px rgba(100, 60, 0, .3);}
body.menu-acik .ana-menu{transform: none; visibility: visible; transition: transform .28s cubic-bezier(.3, .9, .3, 1);}
body.menu-acik .menu-ac{position: relative; z-index: 70; background: var(--pembe-acik);}
body.menu-acik .menu-ac .ac{display: none;}
body.menu-acik .menu-ac .kapa{display: block;}
body.menu-acik::after{content: ""; position: fixed; inset: 0; background: rgba(45, 42, 62, .28); z-index: 55;}
.ust-eylem{margin-left: auto; position: relative; z-index: 70;}
.mobil-ust{display: block; margin-bottom: 14px;}
.mobil-ust .arama{padding-left: 14px;}
.mobil-ust .arama button{display: none;}
.mm{flex-direction: column; gap: 8px;}
.mm-oge{background: var(--aile-acik); border-radius: 18px;}
.mm-dugme{display: flex; width: 100%; padding: 15px 16px; font-size: 17px; box-sizing: border-box;}
.mm-dugme .ik{width: 22px; height: 22px;}
.mm-ok{margin-left: auto;}
.mm-dugme:hover, .mm-oge.acik .mm-dugme{background: none;}
.mm-oge{position: relative;}
.mm-panel{position: static; translate: none; width: auto; max-width: none; box-shadow: none; border: 0; padding: 0 16px; background: none; opacity: 1; visibility: visible; transform: none; display: none;}
.mm-panel::before{display: none;}
.mm-oge.acik .mm-panel{display: block; padding-bottom: 14px;}
}
@media (max-width: 820px){
:root{--yazi-govde: 16px;}
}
@media (max-width: 560px){
.dalga{height: 34px;}
.arama{padding-left: 14px;}
.arama button{padding: 12px 16px;}
.logo-yazi{height: 30px;}
.alt-ic{grid-template-columns: 1fr 1fr; gap: 20px;}
}
@media (prefers-reduced-motion: reduce){
*, *::before, *::after{animation: none !important; transition: none !important; scroll-behavior: auto !important;}
}
.ekmek{font-size: var(--yazi-kucuk); font-weight: 700; color: var(--soluk); display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px;}
.ekmek a{color: var(--aile-koyu); text-decoration: none; display: inline-flex; align-items: center; min-height: 24px;}
.ekmek a:hover{text-decoration: underline;}
.irk-bolum{background: var(--kagit); border-radius: 28px; padding: clamp(22px, 3.5vw, 36px); margin-bottom: var(--bolum-bas-alt); box-shadow: 0 1px 0 var(--cizgi); scroll-margin-top: 90px;}
.irk-bolum > h2{font-size: clamp(1.45rem, 2.6vw, 1.95rem);}
.sss details{background: var(--zemin); border-radius: 18px; margin-bottom: 10px; padding: 0 18px;}
.sss summary{cursor: pointer; list-style: none; padding: 16px 30px 16px 0; font: 700 18px/1.3 var(--baslik); position: relative;}
.sss summary::after{content: "+"; position: absolute; right: 0; top: 50%; translate: 0 -50%; width: 28px; height: 28px; border-radius: 50%; background: var(--aile); display: grid; place-items: center; font-family: var(--govde); font-weight: 900;}
.sss details[open] summary::after{content: "–";}
.sss details p{margin: 0 0 16px; color: var(--soluk);}
@media (max-width: 560px){
.irk-bolum{border-radius: 22px; padding: 20px 16px; margin-bottom: 14px;}
}
main{overflow-x: clip;}
@keyframes akis{to { transform: translateX(-50%); }}
@keyframes cizgi-ac{from { transform: scaleX(0); }}
@keyframes sutun-yukari{to { transform: translateY(calc(-50% - clamp(12px, 1.2vw, 18px) / 2)); }}
@keyframes sutun-asagi{from { transform: translateY(calc(-50% - clamp(12px, 1.2vw, 18px) / 2)); } to { transform: none; }}
@media (max-width: 820px){
@keyframes sutun-sola{to { transform: translateX(calc(-50% - 5px)); }}
@keyframes sutun-saga{from { transform: translateX(calc(-50% - 5px)); } to { transform: none; }}
}
@keyframes emoji-salla{50% { transform: rotate(-6deg) translateY(-3px); }}
.mm-dugme{text-decoration: none;}
@media (min-width: 1081px){
.ust-ic{position: static;}
.ust{position: sticky;}
.ust.mm-acik{background: var(--kagit); box-shadow: 0 10px 30px -18px rgba(45, 42, 62, .35);}
.mm-panel{position: absolute; left: 0; right: 0; top: 100%; translate: none; width: auto; max-width: none; border-radius: 0 0 28px 28px; border: 0; border-top: 1px solid var(--cizgi);
padding: 0; background: var(--kagit); box-shadow: 0 30px 60px -30px rgba(45, 42, 62, .35); opacity: 0; visibility: hidden; transform: none; transition: none; max-height: calc(100vh - 110px); overflow-y: auto; overscroll-behavior: contain;}
.mm-panel::before{inset: 0 0 auto 0; height: 4px; border-radius: 0;}
.ust.mm-gecis .mm-oge.acik .mm-panel{animation: mm-gel .22s cubic-bezier(.2, .7, .2, 1);}
@keyframes mm-gel{from { opacity: 0; transform: translateY(-6px); }}
.mm-oge.acik .mm-panel{opacity: 1; visibility: visible; transform: none; transition: none;}
}
@media (min-width: 1081px){
@media (prefers-reduced-motion: reduce){
.ust.mm-gecis .mm-oge.acik .mm-panel{animation: none;}
}
}
@media (max-width: 1080px){
.mm-dugme{cursor: pointer;}
}
.alt-not p{margin: 0;}
.alt-imza{flex: none; display: inline-flex; opacity: .85; transition: opacity .2s;}
.alt-imza:hover{opacity: 1;}
.alt-imza img{height: 16px; width: auto; display: block;}
.mrz-yigin{position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none;}
.mrz{display: inline-block; padding: 4px 9px; border-radius: 999px; font: 800 11.5px/1.15 var(--govde); letter-spacing: .01em; color: #fff; white-space: nowrap; box-shadow: 0 0 0 2px #fff, 0 3px 8px -3px rgba(45, 42, 62, .35);}
.mrz-indirim{background: #B3204D;}
.mrz-uygun{background: #2E6B31;}
@font-face{font-family: "Pati Fiyat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/wp-content/themes/pati/assets/fonts/bricolage-fiyat.woff2") format("woff2"); unicode-range: U+0020, U+002C, U+002E, U+0030-0039, U+20BA;}
.fiyat-rakam{font-family: "Pati Fiyat", var(--baslik); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em;}
.alt a, .alt-yasal a{text-decoration: none;}
.alt a:hover, .alt-yasal a:hover{color: var(--pembe-koyu);}
:where(.tm-fotolar, .akis-oge, .bk-foto, .rehber-mini-foto, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart, .grup-karo-foto, .kat-foto, .kb-foto, .konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto, .yok-blob, .yas-kolaj, .isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne, :has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto)){position: relative;}
:is(.tm-fotolar, .arac-foto, .irk-foto, .akis-oge, .saglik-one-foto, .saglik-konu-foto, .bk-foto, .rehber-mini-foto, .rh-foto, .fk, .karo, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart, .grup-karo-foto, .kat-foto, .kb-foto, .konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto, .yok-blob, .yas-kolaj, .isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne, :has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto)):has(img:not([src*="/emoji/"]))::after{content: ""; position: absolute; z-index: 3; right: clamp(6px, 4%, 14px); bottom: clamp(6px, 4%, 14px);
width: clamp(46px, 16%, 104px); aspect-ratio: 1306 / 303;
background: url("/wp-content/themes/pati/assets/marka-kiti/filigran.svg?v=4") no-repeat center / contain;
opacity: .9; filter: drop-shadow(0 1px 2px rgba(16, 28, 22, .55)); pointer-events: none;}
.ma-vt-sahne:has(img:not([src*="/emoji/"]))::after{right: auto; bottom: auto; left: 3%; top: 6%;}
.ust{transition: background-color .45s ease, box-shadow .45s ease, border-color .45s ease, -webkit-backdrop-filter .45s ease, backdrop-filter .45s ease;}
.ust:not(.kaydi):not(.mm-acik){background-color: transparent; border-bottom-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;}
body.menu-acik .ust{background-color: var(--kagit);}
.ust.kaydi:not(.mm-acik){box-shadow: 0 10px 28px -22px rgba(45, 42, 62, .4);}
@media (prefers-reduced-motion: reduce){
.ust{transition: none;}
}
.mf-liste{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(var(--mf-kolon, 1), minmax(0, 1fr));}
.mf-n3{--mf-kolon: 3;}
.mf-kart a{position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; height: 100%; padding: 10px 12px 10px 10px; border-radius: 16px;
background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: border-color .2s, transform .2s;}
.mf-kart a:hover{border-color: var(--aile, var(--gunes)); transform: translateY(-2px);}
.mf-foto, .mf-simge{width: 64px; aspect-ratio: 5 / 6; border-radius: 12px; display: grid; place-items: center; overflow: hidden;}
.mf-foto{background: #fff; padding: 4px;}
.mf-foto img{width: 100%; height: 100%; object-fit: contain;}
.mf-metin{display: grid; gap: 3px; min-width: 0;}
.mf-tur{justify-self: start; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px; background: var(--aile-acik, var(--kagit)); color: var(--aile-koyu, var(--murekkep)); font: 800 11.5px/1.4 var(--govde);}
.mf-tur .ik{width: 13px; height: 13px;}
.mf-metin strong{font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.mf-metin strong i{font-style: normal; font-weight: 600; color: var(--soluk); white-space: nowrap;}
.mf-fiyat{display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px;}
.mf-fiyat b{font: 800 18px/1.1 var(--baslik); color: var(--cim-koyu);}
.mf-fiyat b i{font-style: normal; font-size: 11px; color: var(--soluk); margin-left: 2px;}
.mf-fiyat s{font-size: 12.5px; color: var(--soluk);}
.mf-metin em{font-style: normal; font-size: 12px; line-height: 1.3;}
.mf-olgu{color: var(--cim-koyu); font-weight: 700;}
.mf-kaynak{color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 1080px){
.mf-liste{--mf-kolon: 1; gap: 8px;}
.mf-kart a{grid-template-columns: 52px minmax(0, 1fr); padding: 8px 10px 8px 8px; min-height: 44px;}
.mf-foto, .mf-simge{width: 52px;}
}
.mm-oge:not(.acik) .mm-panel{display: none;}
@starting-style{.mm-oge.acik .mm-panel { opacity: 0; transform: translateY(6px); }}
.ust, .ust.kaydi, .ust.mm-acik{-webkit-backdrop-filter: none !important; backdrop-filter: none !important;}
.ust.kaydi, .ust.mm-acik{background-color: color-mix(in srgb, var(--kagit) 97%, transparent);}
.home main > section.bolum:nth-of-type(n+3), main > section.bg-bant, footer.alt{content-visibility: auto; contain-intrinsic-size: auto 900px;}
@media print{
.home main > section.bolum, main > section.bg-bant, footer.alt{content-visibility: visible;}
}
[data-katalog]:not(.cv-tam) .grup-bolum:nth-of-type(n+2){content-visibility: auto; contain-intrinsic-size: auto 1400px;}
@media print{
[data-katalog] .grup-bolum{content-visibility: visible;}
}
.cz{position:fixed;left:16px;bottom:16px;z-index:9000;width:min(370px,calc(100vw - 32px));font-size:13.5px;line-height:1.45;color:var(--murekkep)}
.cz[hidden]{display:none}
.cz-kart{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--kagit);border:2px solid var(--cizgi);border-radius:18px;padding:14px 16px;box-shadow:var(--golge);animation:czGir .25s ease-out}
@keyframes czGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cz-baslik{display:flex;align-items:center;gap:6px;margin:0 0 4px;font:700 15px/1.2 var(--baslik)}
.cz-baslik .ik{width:16px;height:16px;color:var(--cim-koyu)}
.cz-metin{margin:0;color:var(--soluk)}
.cz-metin a{color:var(--pembe-koyu);font-weight:700;white-space:nowrap;display:inline-block;padding:5px 0;margin:-5px 0}
.cz-tercih{display:grid;gap:6px;margin-top:10px}
.cz-tercih[hidden]{display:none}
.cz-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:7px 10px;margin:0;cursor:pointer}
.cz-satir span{display:flex;flex-direction:column;min-width:0}
.cz-satir b{font-weight:800;font-size:13px}
.cz-satir small{font-size:12px;color:var(--soluk);line-height:1.35}
.cz-satir em{flex:none;font-style:normal;font-size:11.5px;font-weight:800;color:var(--cim-koyu);background:var(--cim-acik);border-radius:999px;padding:2px 9px}
.cz-satir input{flex:none;appearance:none;-webkit-appearance:none;width:38px;height:22px;margin:0;border-radius:999px;background:#CFC6B4;position:relative;cursor:pointer;transition:background .2s}
.cz-satir input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s}
.cz-satir input:checked{background:var(--cim-koyu)}
.cz-satir input:checked::after{transform:translateX(16px)}
.cz-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px}
.cz-d{min-height:34px;padding:6px 14px;border-radius:999px;border:2px solid var(--eylem);background:#fff;color:var(--eylem);font:800 13px/1 var(--govde);cursor:pointer;transition:background .15s,color .15s}
.cz-d:hover{background:var(--pembe-acik)}
.cz-d-tamam{background:var(--eylem);color:#fff}
.cz-d-tamam:hover{background:#1B5E36;border-color:#1B5E36}
.cz-d-ince{margin-right:auto;padding-inline:2px;border-color:transparent;background:none;color:var(--soluk);text-decoration:underline;text-underline-offset:3px}
.cz-d-ince:hover{background:none;color:var(--murekkep)}
.cz-kisa{display:none}

@media (max-width:700px){
.cz{left:0;right:0;bottom:0;width:auto;font-size:12.5px}
.cz-kart{max-height:70dvh;border-width:2px 0 0;border-radius:16px 16px 0 0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px rgba(16,28,22,.12)}
.cz-baslik{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cz-metin{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-uzun{display:none}
.cz-kisa{display:inline}
.cz-dugmeler{flex-wrap:nowrap;gap:6px;margin-top:6px}
.cz-d{min-height:36px;padding:6px 12px;font-size:12.5px;white-space:nowrap}
.cz-d-ince{padding-inline:2px}
.cz:has(.cz-tercih:not([hidden])) .cz-metin{white-space:normal}
.cz:has(.cz-tercih:not([hidden])) .cz-uzun{display:inline}
.cz:has(.cz-tercih:not([hidden])) .cz-kisa{display:none}
}

@media (min-width:701px){
.cz{left:0;right:0;bottom:0;width:auto}
.cz-kart{max-height:70dvh;border-width:2px 0 0;border-radius:0;padding:8px max(20px,calc((100vw - 1180px)/2));display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;box-shadow:0 -6px 18px rgba(16,28,22,.10)}
.cz-baslik{margin:0;flex:none}
.cz-metin{flex:1 1 300px;min-width:0}
.cz-dugmeler{margin:0;flex:none}
.cz-d-ince{margin-right:6px}
.cz-tercih{order:5;flex:1 1 100%;grid-template-columns:repeat(3,1fr);margin:4px 0 2px}
}
body:has(.cz:not([hidden])){padding-bottom:64px}
@media (max-width:700px){body:has(.cz:not([hidden])){padding-bottom:92px}}
@media (max-width:340px){.cz-d{padding-inline:9px}}
@media (prefers-reduced-motion:reduce){.cz-kart{animation:none}}
@media print{.cz{display:none!important}}

.alt-yasal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;border-top:1px dashed var(--cizgi);padding:10px 0 18px;font-size:13px;color:var(--soluk)}
.alt-yasal ul{display:flex;flex-wrap:wrap;gap:0 2px;list-style:none;margin:0;padding:0}
.alt-yasal li:not(:last-child)::after{content:"·";margin:0 6px 0 5px;color:var(--soluk)}
.alt-yasal a{display:inline-block;padding:4px 0;color:var(--soluk);font-weight:600;text-decoration:none}
.alt-yasal a:hover{color:var(--pembe-koyu);text-decoration:underline}
.alt-yasal p{margin:0}
.alt-menu { display: contents; }
.alt-ic { grid-template-columns: minmax(0, 2.2fr) repeat(4, minmax(0, 1fr)); row-gap: 22px; }
.alt-marka { grid-row: span 2; }
.alt-marka p { max-width: 520px; line-height: 1.6; }
.alt-kolon { min-width: 0; }
.alt-kolon > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: default; }
.alt-kolon > summary::-webkit-details-marker { display: none; }
.alt-kolon > summary::marker { content: ""; }
.alt-ok { display: none; flex: none; width: 20px; height: 20px; color: var(--soluk); transition: transform .2s; }
.alt-kolon li a { overflow-wrap: anywhere; }
@media (max-width: 1080px) {
.alt-ic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.alt-marka { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 860px) {
.alt-ic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.alt-ic { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 14px; }
.alt-marka { margin-bottom: 14px; }
.alt-kolon { border-top: 1px dashed var(--cizgi); }
.alt-kolon:last-of-type { border-bottom: 1px dashed var(--cizgi); }
.alt-kolon > summary { cursor: pointer; margin: 0; padding: 13px 2px; min-height: 48px; }
.alt-ok { display: block; }
.alt-kolon[open] .alt-ok { transform: rotate(180deg); }
.alt-kolon ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; padding: 0 2px 12px; }
.alt-kolon li a { padding: 7px 0; }
.alt-not { gap: 10px 14px; }
.alt-not p:first-child { flex-basis: 100%; }
.alt-not .alt-iletisim { margin-left: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .alt-ok { transition: none; } }
:is(.tm-fotolar,.arac-foto,.irk-foto,.akis-oge,.bk-foto,.rehber-mini-foto,.rh-foto,.fk,.karo,.kf,.kart-foto,.ilan-foto,.one-kart,.grup-karo-foto,.kat-foto,.kb-foto,.konu-ilgili-foto,.konu-kart-foto,.fb-foto,.ar-foto,.ar-kat-foto,.ma-vt-sahne):has(img[src*="/pati-mama/"],img.ma-urun-foto,img.ma-vt-paket)::after{content:none!important;background:none!important}
/* mama.css */
.ma-rozetler { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.ma-rozet { display: inline-flex; align-items: center; gap: 6px; font: 800 13px/1 var(--govde); padding: 7px 12px; border-radius: 999px; background: #fff; color: var(--murekkep); border: 2px solid var(--cizgi); }
.ma-rozet .ik { width: 15px; height: 15px; }
.ma-rozet-tur { background: var(--aile, var(--gunes)); border-color: var(--aile, var(--gunes)); color: var(--murekkep); }
.ma-rozet-yas { background: var(--gok-acik); border-color: var(--gok); color: var(--gok-koyu); }
.ma-rozet-boy { background: var(--cim-acik); border-color: var(--cim); color: var(--cim-koyu); }
.ma-rozet-ozel { background: var(--lila-acik); border-color: var(--lila); color: var(--lila-koyu); }
.ma-rozet-bicim { background: var(--gunes-acik); border-color: var(--gunes); color: var(--gunes-koyu); }
.ma-torba { display: block; width: 100%; height: auto; aspect-ratio: 200 / 240; overflow: visible; }
.ma-aciklama { color: var(--soluk); font-size: 16px; margin-top: -4px; }
.ma-not { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--soluk); background: var(--zemin); border-radius: 16px; padding: 12px 14px; margin: 16px 0 0; }
.ma-not .ik { color: var(--cim-koyu); margin-top: 2px; }
.ma-not-uyari .ik { color: var(--gunes-koyu); }
.ma-not-uyari { background: var(--gunes-acik); color: var(--gunes-koyu); }
.ma-bos { background: var(--zemin); border: 2px dashed var(--cizgi); border-radius: 20px; padding: 20px; }
.ma-bos p { margin: 10px 0 0; color: var(--soluk); }
.ma-git { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--pembe-koyu); text-decoration: none; padding: 8px 12px; border-radius: 12px; background: var(--pembe-acik); white-space: nowrap; }
.ma-git .ik { width: 16px; height: 16px; transition: transform .15s; }
.ma-git:hover .ik { transform: translateX(3px); }
.ma-h2-ikon { display: flex; align-items: center; gap: 10px; }
.ma-h2-ikon .ik { width: 38px; height: 38px; padding: 7px; border-radius: 12px; background: var(--aile-acik); color: var(--aile-koyu); }
.ma-bas { position: relative; overflow-x: clip; background:
radial-gradient(640px 340px at 88% 8%, rgba(255, 212, 94, .45), transparent 65%),
radial-gradient(480px 300px at 6% 90%, rgba(255, 255, 255, .5), transparent 70%),
linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 62%, transparent) 0, color-mix(in srgb, var(--aile-acik) 32%, transparent) calc(100% - var(--bas-gecis)), transparent 100%); }
.ma-bas .dalga { fill: none; margin-top: -1px; position: relative; }
.ma-bas-ic { padding-top: 22px; }
.ma-bas-izgara { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.ma-marka { display: inline-block; font: 900 13px/1 var(--govde); letter-spacing: .12em; text-transform: uppercase; color: var(--aile-koyu); background: #fff; padding: 8px 12px; border-radius: 10px; margin-bottom: 12px; box-shadow: var(--golge-k); }
.ma-bas h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); margin-bottom: 14px; }
.ma-ifade { font-size: 18px; max-width: 620px; background: rgba(255, 255, 255, .7); border-left: 5px solid var(--aile); padding: 12px 16px; border-radius: 0 16px 16px 0; }
.ma-ifade small { color: var(--soluk); font-weight: 700; white-space: nowrap; }
.ma-kunye { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; }
.ma-kunye div { background: #fff; border-radius: 16px; padding: 12px 14px; box-shadow: var(--golge-k); }
.ma-kunye dt { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.ma-kunye dd { margin: 2px 0 0; font-weight: 800; font-size: 15px; line-height: 1.3; }
.ma-bas-gorsel { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 10px; }
.ma-torba-sahne { position: relative; isolation: isolate; padding: 18px 10px 6px; }
.ma-torba-sahne::before { content: ""; position: absolute; inset: 4% -4% 10% -6%; background: var(--aile); border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; transform: rotate(-6deg); z-index: -1; opacity: .75; }
.ma-torba-sahne::after { content: ""; position: absolute; width: 44px; height: 44px; right: 2%; top: 4%; z-index: -1; background: var(--pati-doku); background-size: 60px; opacity: .9; }
.ma-torba-b { max-width: 250px; margin: 0 auto; filter: drop-shadow(0 18px 18px rgba(140, 90, 20, .18)); animation: ma-sallan 6s ease-in-out infinite; transform-origin: 50% 100%; }
@keyframes ma-sallan { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg) translateY(-4px); } }
.ma-gorsel-not { display: block; text-align: center; font-size: 12px; font-weight: 700; color: var(--soluk); margin-top: 6px; }
.ma-ozet-kart { background: #fff; border-radius: var(--yuvarlak); padding: 20px; box-shadow: var(--golge); border: 2px solid var(--aile); transform: rotate(1.5deg); }
.ma-ozet-ust { display: flex; gap: 6px; align-items: center; font-size: 13px; font-weight: 800; color: var(--aile-koyu); margin: 0 0 6px; }
.ma-ozet-ust .ik { width: 16px; height: 16px; }
.ma-ozet-kg { font: 800 clamp(2rem, 3.4vw, 2.6rem)/1 var(--baslik); margin: 0 0 6px; color: var(--murekkep); }
.ma-ozet-kg small { font-size: .45em; color: var(--soluk); margin-left: 2px; }
.ma-ozet-alt { font-size: 14px; color: var(--soluk); font-weight: 700; margin: 0 0 14px; }
.ma-ozet-kart .dugme { width: 100%; justify-content: center; padding: 11px 14px; }
.ma-ozet-tarih { display: flex; gap: 6px; align-items: center; font-size: 12px; color: var(--soluk); margin: 10px 0 0; }
.ma-ozet-tarih .ik { width: 14px; height: 14px; }
.ma-yan { position: sticky; top: 92px; display: grid; gap: 14px; }
.ma-yan .irk-icindekiler { position: static; }
.ma-yan .yan-urun { grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "ust ust" "gorsel ad" "gorsel fiyat" "git git"; column-gap: 12px; row-gap: 4px; margin: 0; padding: 12px 14px; border-radius: 18px; background: #fff; border: 1px solid var(--cizgi); box-shadow: var(--golge-k); align-items: center; }
.ma-yan .yan-urun-ust { grid-area: ust; font-size: 10.5px; margin-bottom: 4px; }
.ma-yan .yan-urun-gorsel { grid-area: gorsel; height: 72px; border-radius: 12px; background: var(--zemin); }
.ma-yan .yan-urun-gorsel img, .ma-yan .yan-urun-gorsel svg { max-height: 64px; }
.ma-yan .yan-urun strong { grid-area: ad; font-size: 13.5px; line-height: 1.25; }
.ma-yan .yan-urun-fiyat { grid-area: fiyat; font-size: 16px; line-height: 1.2; }
.ma-yan .yan-urun-fiyat small { display: block; margin: 0; font-size: 11px; }
.ma-yan .yan-urun-git { grid-area: git; margin-top: 6px; font-size: 13px; }
.ma-govde { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 44px; align-items: start; padding: 26px 0 40px; }
.ma-icerik { min-width: 0; }
.ma-bolum h2 { font-size: clamp(1.45rem, 2.6vw, 1.95rem); }
.ma-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.ma-sekme-girdi { position: absolute; opacity: 0; pointer-events: none; }
.ma-sekme { cursor: pointer; display: inline-flex; flex-direction: column; align-items: flex-start; padding: 10px 16px; border-radius: 16px; background: var(--zemin); border: 2px solid var(--cizgi); font: 800 17px/1.1 var(--baslik); transition: border-color .15s, background .15s; }
.ma-sekme small { font: 700 12px/1.3 var(--govde); color: var(--soluk); margin-top: 3px; }
.ma-sekme:hover { border-color: var(--aile); }
.ma-sekme-girdi:checked + .ma-sekme { background: var(--aile); border-color: var(--aile); box-shadow: 0 5px 0 -1px var(--aile-koyu); }
.ma-sekme-girdi:checked + .ma-sekme small { color: var(--murekkep); }
.ma-sekme-girdi:focus-visible + .ma-sekme { outline: 3px solid var(--gok-koyu); outline-offset: 3px; }
.ma-paneller { flex-basis: 100%; margin-top: 10px; }
.ma-panel { display: none; }
#ma-a0:checked ~ .ma-paneller .ma-panel-0, #ma-a1:checked ~ .ma-paneller .ma-panel-1, #ma-a2:checked ~ .ma-paneller .ma-panel-2,
#ma-a3:checked ~ .ma-paneller .ma-panel-3, #ma-a4:checked ~ .ma-paneller .ma-panel-4, #ma-a5:checked ~ .ma-paneller .ma-panel-5 { display: block; }
.ma-barkod { font-size: 13px; color: var(--soluk); margin: 8px 2px 0; }
.ma-tablo { width: 100%; border-collapse: separate; border-spacing: 0 8px; font-size: 16px; }
.ma-tablo thead th { text-align: left; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); padding: 0 14px; }
.ma-tablo tbody th, .ma-tablo tbody td { background: var(--zemin); padding: 14px; text-align: left; vertical-align: middle; }
.ma-tablo tbody tr > :first-child { border-radius: 16px 0 0 16px; }
.ma-tablo tbody tr > :last-child { border-radius: 0 16px 16px 0; text-align: right; }
.ma-tablo tbody th { font-weight: 800; }
.ma-tablo small { display: block; font-weight: 600; font-size: 12.5px; color: var(--soluk); }
.ma-tablo tr.ma-en-ucuz > * { background: var(--cim-acik); }
.ma-tablo tr.ma-en-ucuz > :first-child { box-shadow: inset 5px 0 0 var(--cim); }
.ma-tablo tr.ma-stok-yok > * { background: #F7F3EC; }
.ma-tablo tr.ma-stok-yok small, .ma-tablo tr.ma-stok-yok .ma-stok, .ma-tablo tr.ma-stok-yok s { color: #5B5468; }
.ma-magaza { font-family: var(--baslik); font-size: 18px; }
.ma-etiket-ucuz { display: inline-block; margin-left: 8px; font: 800 11px/1 var(--govde); text-transform: uppercase; letter-spacing: .05em; background: var(--cim-koyu); color: #fff; padding: 5px 8px; border-radius: 999px; vertical-align: 3px; }
.ma-tablo td strong { font: 800 19px/1.1 var(--baslik); }
.ma-ustu-cizili s { color: var(--soluk); }
.ma-stok { display: inline-block; font-size: 13px; font-weight: 800; padding: 5px 10px; border-radius: 999px; }
.ma-stok.var { background: #fff; color: var(--cim-koyu); }
.ma-stok.yok { background: #fff; color: var(--pembe-koyu); }
.ma-tablo tr.ma-eski > * { opacity: .62; }
.ma-stok.eski { background: #fff; color: #5B5468; border: 1px dashed #B9B1C4; }
.ma-tablo-k { font-size: 14.5px; }
.ma-tablo-k tbody th, .ma-tablo-k tbody td { padding: 9px 12px; }
.ma-birikiyor { display: flex; gap: 16px; align-items: center; background: linear-gradient(120deg, var(--gok-acik), var(--lila-acik)); border-radius: 20px; padding: 18px 20px; }
.ma-birikiyor p { margin: 0 0 10px; }
.ma-birikiyor-ikon { flex: none; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: #fff; color: var(--gok-koyu); }
.ma-birikiyor-ikon .ik { width: 30px; height: 30px; }
.ma-ilerleme { display: flex; gap: 6px; }
.ma-ilerleme i { width: 30px; height: 10px; border-radius: 99px; background: rgba(255, 255, 255, .9); }
.ma-ilerleme i.dolu { background: var(--gok-koyu); }
.ma-olcumler { margin-top: 14px; }
.ma-olcumler summary, .ma-katki summary { cursor: pointer; font: 700 16px/1.3 var(--baslik); padding: 10px 0; color: var(--aile-koyu, var(--gok-koyu)); }
.ma-grafik { width: 100%; height: auto; background: var(--zemin); border-radius: 18px; }
.ma-grafik-acik { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 14px; font-size: 14px; font-weight: 700; }
.ma-grafik-acik i { display: inline-block; width: 14px; height: 14px; border-radius: 4px; margin-right: 6px; vertical-align: -2px; }
.ma-analiz tbody th small { font-size: 12px; }
.ma-cubuk-h { width: 34%; }
.ma-cubuk { display: block; height: 14px; border-radius: 99px; background: #fff; overflow: hidden; }
.ma-cubuk i { display: block; height: 100%; border-radius: 99px; background: var(--aile); }
.ma-c-protein i { background: linear-gradient(90deg, var(--pembe), var(--pembe-koyu)); }
.ma-c-yag i { background: linear-gradient(90deg, var(--gunes), #F2A93B); }
.ma-c-lif i { background: linear-gradient(90deg, var(--cim), var(--cim-koyu)); }
.ma-c-kul i { background: linear-gradient(90deg, var(--lila), var(--lila-koyu)); }
.ma-c-nem i { background: linear-gradient(90deg, var(--gok), var(--gok-koyu)); }
.ma-beyansiz { font-size: 13px; font-weight: 700; color: var(--soluk); }
.ma-ham { color: var(--soluk); margin: 12px 0 0; }
.ma-bilesim { list-style: none; counter-reset: b; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 12px; }
.ma-bilesim li { counter-increment: b; display: inline-flex; align-items: center; gap: 8px; background: var(--zemin); border: 2px solid var(--cizgi); border-radius: 999px; padding: 6px 13px 6px 6px; font-weight: 700; font-size: 15px; }
.ma-bilesim li::before { content: counter(b); display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: 50%; background: #fff; color: var(--soluk); font-size: 12px; font-weight: 800; }
.ma-bilesim li.ilk { background: var(--aile-acik); border-color: var(--aile); }
.ma-bilesim li.ilk::before { background: var(--aile-koyu); color: #fff; }
.ma-katki p { font-size: 14.5px; color: var(--soluk); }
.ma-kaynak-satir { font-size: 14px; color: var(--soluk); margin: 10px 0 0; }
.ma-kimler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.ma-kim { display: flex; gap: 12px; align-items: flex-start; background: var(--cim-acik); border-radius: 18px; padding: 14px 16px; }
.ma-kim p { margin: 0; font-size: 16px; }
.ma-isaret { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--cim-koyu); color: #fff; font-weight: 900; }
.ma-kim-dikkat { background: var(--gunes-acik); }
.ma-kim-dikkat .ma-isaret { background: var(--gunes-koyu); }
.ma-irklar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.ma-irklar a, .ma-irklar span { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 999px; background: var(--zemin); text-decoration: none; color: var(--murekkep); border: 2px solid transparent; }
.ma-irklar a:hover { border-color: var(--aile); background: var(--aile-acik); }
.ma-irklar img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; flex: none; }
.ma-irklar b { font: 700 15.5px/1.15 var(--baslik); }
.ma-irklar small { display: block; font-size: 11.5px; color: var(--soluk); }
.ma-irklar span { flex-wrap: wrap; }
.ma-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.ma-izgara-k { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ma-kart { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 26px; text-decoration: none; color: var(--murekkep); border: 2px solid var(--aile-acik); overflow: hidden; transition: transform .18s, box-shadow .18s, border-color .18s; }
.ma-kart:hover { transform: translateY(-6px) rotate(-.5deg); box-shadow: var(--golge); border-color: var(--aile); }
.ma-kart-gorsel { position: relative; display: grid; place-items: center; padding: 20px 20px 8px; background:
radial-gradient(circle at 50% 62%, var(--aile) 0 38%, transparent 38.5%),
linear-gradient(160deg, var(--aile-acik), #fff 90%); }
.ma-kart-gorsel::before { content: ""; position: absolute; inset: 0; background: var(--pati-doku); background-size: 90px; opacity: .8; }
.ma-torba-k { position: relative; width: 128px; transition: transform .25s; }
.ma-kart:hover .ma-torba-k { transform: rotate(-4deg) scale(1.05); }
.ma-kart-metin { display: flex; flex-direction: column; flex: 1; padding: 14px 18px 18px; }
.ma-kart-marka { font: 900 11.5px/1 var(--govde); letter-spacing: .12em; text-transform: uppercase; color: var(--aile-koyu); margin-bottom: 6px; }
.ma-kart strong { font: 700 20px/1.15 var(--baslik); margin-bottom: 10px; }
.ma-kart .ma-rozetler { margin-bottom: 12px; gap: 5px; }
.ma-kart .ma-rozet { font-size: 11.5px; padding: 5px 9px; border-width: 1.5px; }
.ma-mini-an { display: grid; gap: 5px; margin-bottom: 12px; font-size: 12.5px; font-weight: 700; color: var(--soluk); }
.ma-mini-an span { position: relative; padding-left: 0; }
.ma-mini-an i { display: block; height: 7px; border-radius: 99px; background: var(--zemin); margin-bottom: 3px; position: relative; overflow: hidden; }
.ma-mini-an i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--d); background: var(--aile); border-radius: 99px; }
.ma-kart-fiyat { margin-top: auto; background: var(--zemin); border-radius: 16px; padding: 10px 12px; }
.ma-kart-kg { display: block; font: 800 24px/1.1 var(--baslik); color: var(--murekkep); }
.ma-kart-kg small { font-size: 13px; color: var(--soluk); }
.ma-kart-alt { display: block; font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.ma-liste-bas { position: relative; overflow-x: clip; background:
radial-gradient(600px 320px at 86% 10%, rgba(255, 212, 94, .45), transparent 65%),
linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 62%, transparent) 0, color-mix(in srgb, var(--aile-acik) 32%, transparent) calc(100% - var(--bas-gecis)), transparent 100%); }
.ma-liste-bas .dalga { fill: none; margin-top: -1px; position: relative; }
.ma-liste-bas-ic { display: grid; grid-template-columns: 1.2fr .8fr; gap: 30px; align-items: center; padding-top: 22px; }
.ma-liste-bas h1 { font-size: clamp(2.3rem, 5vw, 3.9rem); }
.ma-liste-bas h1 span { display: block; font-size: .5em; color: var(--aile-koyu); margin-top: 6px; }
.ma-liste-alt { font-size: 18.5px; max-width: 620px; }
.ust-etiket .ik { vertical-align: -3px; }
.ma-istatistik { list-style: none; padding: 0; margin: 18px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ma-istatistik li { background: #fff; border-radius: 16px; padding: 10px 16px; font-weight: 700; color: var(--soluk); box-shadow: var(--golge-k); }
.ma-istatistik b { font: 800 22px/1 var(--baslik); color: var(--murekkep); margin-right: 4px; }
.ma-istatistik .ma-ist-kg { background: var(--gunes-acik); color: var(--gunes-koyu); }
.ma-istatistik .ma-ist-kg b { color: var(--gunes-koyu); }
.ma-liste-sahne { position: relative; height: 270px; align-self: start; margin-top: 36px; contain: layout size; }
.ma-liste-sahne > span > .ma-torba { aspect-ratio: 200 / 240; }
.ma-liste-sahne > span { position: absolute; width: 150px; bottom: 6px; }
.ma-liste-sahne .ma-sahne-0 { left: 6%; transform: rotate(-9deg); z-index: 1; }
.ma-liste-sahne .ma-sahne-1 { left: 34%; bottom: 34px; width: 172px; z-index: 2; }
.ma-liste-sahne .ma-sahne-2 { left: 64%; transform: rotate(8deg); }
.ma-liste-sahne::before { content: ""; position: absolute; left: 4%; right: 2%; top: 8%; bottom: 0; background: #fff; opacity: .55; border-radius: 48% 52% 44% 56% / 56% 48% 52% 44%; }
.ma-liste-govde { padding: 18px 0 50px; }
.ma-tur-sekme { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 10px; margin-bottom: 8px; scrollbar-width: none; }
.ma-tur-sekme::-webkit-scrollbar { display: none; }
.ma-tur-sekme a { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 18px; background: var(--aile-acik); color: var(--murekkep); text-decoration: none; font: 800 17px/1 var(--baslik); border: 2px solid transparent; transition: transform .15s; }
.ma-tur-sekme a .ik { width: 22px; height: 22px; color: var(--aile-koyu); }
.ma-tur-sekme a small { font: 800 12px/1 var(--govde); background: #fff; color: var(--aile-koyu); padding: 4px 8px; border-radius: 99px; }
.ma-tur-sekme a:hover { transform: translateY(-2px); border-color: var(--aile); }
.ma-tur-sekme a.secili { background: var(--aile); border-color: var(--aile); box-shadow: 0 5px 0 -1px var(--aile-koyu); }
.ma-tur-sekme a.secili .ik { color: var(--murekkep); }
.ma-suzgec { background: var(--kagit); border-radius: 24px; padding: 16px 18px; box-shadow: 0 1px 0 var(--cizgi); display: grid; gap: 12px; margin-bottom: 16px; }
.ma-suzgec fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.ma-suzgec legend { float: left; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); margin-right: 8px; min-width: 96px; padding: 0; }
.ma-cip input { position: absolute; opacity: 0; }
.ma-cip span { display: inline-block; cursor: pointer; padding: 8px 14px; border-radius: 999px; background: var(--zemin); border: 2px solid var(--cizgi); font-weight: 800; font-size: 14.5px; }
.ma-cip span:hover { border-color: var(--gunes); }
.ma-cip input:checked + span { background: var(--gunes); border-color: var(--gunes); }
.ma-cip input:focus-visible + span { outline: 3px solid var(--gok-koyu); outline-offset: 2px; }
.ma-suzgec-satir { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.ma-secim { display: grid; gap: 4px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); }
.ma-secim select { font: 700 15px var(--govde); color: var(--murekkep); padding: 10px 36px 10px 14px; border-radius: 14px; border: 2px solid var(--cizgi); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%236A6580' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center / 16px no-repeat; appearance: none; text-transform: none; letter-spacing: 0; max-width: 100%; }
.ma-uygula { padding: 11px 18px; }
.js .ma-uygula { display: none; }
.ma-temizle { font-weight: 800; font-size: 14px; padding: 10px 4px; }
.ma-sonuc { color: var(--soluk); font-weight: 700; margin: 0 0 12px; }
.ma-sonuc b { color: var(--murekkep); }
.ma-bos-buyuk { display: grid; grid-template-columns: 180px 1fr; gap: 24px; align-items: center; background: var(--aile-acik); border-style: solid; border-color: var(--aile); }
.ma-bos-sahne { max-width: 180px; }
.ma-bos-buyuk h2 { margin-bottom: 6px; }
.ma-bos-buyuk p { margin: 0 0 14px; color: var(--murekkep); }
.ma-alt-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }
.ma-alt-kart { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; padding: 18px; border-radius: 22px; background: var(--aile-acik); text-decoration: none; color: var(--murekkep); border: 2px solid transparent; transition: transform .15s, border-color .15s; }
.ma-alt-kart:hover { transform: translateY(-4px); border-color: var(--aile); }
.ma-alt-kart .ik { grid-row: span 2; width: 48px; height: 48px; padding: 11px; border-radius: 16px; background: #fff; color: var(--aile-koyu); }
.ma-alt-kart strong { font: 700 19px/1.2 var(--baslik); }
.ma-alt-kart span { font-size: 14px; color: var(--soluk); }
.ma-sayfa-bas .ma-liste-bas-ic { grid-template-columns: 1.3fr .7fr; }
.ma-sayfa-ikon svg { width: 100%; max-width: 280px; display: block; margin-left: auto; transform: rotate(3deg); filter: drop-shadow(0 14px 20px rgba(140, 90, 20, .16)); }
.ma-guncel { display: inline-flex; gap: 6px; align-items: center; font-size: 14px; font-weight: 700; color: var(--soluk); background: #fff; padding: 8px 12px; border-radius: 12px; }
.ma-guncel .ik { width: 16px; height: 16px; }
.ma-sayfa-govde { padding: 18px 0 50px; }
.ma-takip tbody th a { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--murekkep); }
.ma-takip tbody th a:hover b { text-decoration: underline; }
.ma-takip b { font: 700 17px/1.2 var(--baslik); }
.ma-sira { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--aile); font-size: 13px; font-weight: 900; }
.ma-takip td strong { font: 800 19px/1 var(--baslik); }
.ma-fark { display: inline-block; font-size: 13px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: #fff; white-space: nowrap; }
.ma-fark.asagi { color: var(--cim-koyu); background: var(--cim-acik); }
.ma-fark.yukari { color: var(--pembe-koyu); background: var(--pembe-acik); }
.ma-fark.bos, .ma-fark.esit { color: var(--soluk); }
.ma-dusen { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ma-dusen a { display: grid; grid-template-columns: 46px 1fr auto auto; gap: 14px; align-items: center; padding: 10px 14px; border-radius: 18px; background: var(--aile-acik); text-decoration: none; color: var(--murekkep); }
.ma-dusen small { display: block; font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.ma-torba-xs { width: 46px; }
.ma-fiyat-k { font: 800 18px/1.1 var(--baslik); text-align: right; }
.ma-yontem-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.ma-yontem-izgara > div { background: var(--zemin); border-radius: 20px; padding: 18px; }
.ma-yontem-izgara strong { display: block; font: 700 18px/1.2 var(--baslik); margin: 8px 0 6px; }
.ma-yontem-izgara p { margin: 0; font-size: 14.5px; color: var(--soluk); }
.ma-yontem-no { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 12px; background: var(--gunes); font: 800 17px/1 var(--baslik); }
.ma-yontem-izgara > div:nth-child(2) .ma-yontem-no { background: var(--gok); }
.ma-yontem-izgara > div:nth-child(3) .ma-yontem-no { background: var(--pembe); }
.ma-yontem-izgara > div:nth-child(4) .ma-yontem-no { background: var(--cim); }
.ma-kaynak-liste { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 8px; }
.ma-kaynak-liste li { background: var(--zemin); border-radius: 14px; padding: 10px 14px; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.ma-kaynak-liste small { color: var(--soluk); font-size: 13px; flex: 1 1 260px; }
.ma-durum { font-size: 12px; font-weight: 800; padding: 4px 9px; border-radius: 99px; }
.ma-durum.var { background: var(--cim-acik); color: var(--cim-koyu); }
.ma-durum.yok { background: var(--pembe-acik); color: var(--pembe-koyu); }
.ma-katki ul { margin: 0; padding-left: 20px; font-size: 14.5px; color: var(--soluk); }
.ma-kampanyalar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.ma-kampanya { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 22px; background: var(--aile-acik); border: 2px dashed var(--aile); }
.ma-kampanya::after { content: ""; position: absolute; right: -2px; top: 50%; width: 22px; height: 22px; border-radius: 50%; background: var(--kagit); transform: translate(50%, -50%); }
.ma-kampanya-ust { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ma-kampanya-magaza { display: inline-flex; align-items: center; gap: 6px; font: 800 13px/1 var(--govde); background: #fff; color: var(--aile-koyu); padding: 7px 10px; border-radius: 10px; }
.ma-kampanya-magaza .ik { width: 15px; height: 15px; }
.ma-kampanya .ma-rozet { font-size: 11.5px; padding: 5px 9px; }
.ma-kampanya strong { font: 700 18px/1.25 var(--baslik); }
.ma-kampanya-alt { font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.ma-kampanya .ma-git { align-self: flex-start; background: #fff; margin-top: auto; }
@media (max-width: 1080px) {
.ma-bas-izgara { grid-template-columns: 1fr; }
.ma-bas-gorsel { max-width: 640px; }
.ma-govde { grid-template-columns: 1fr; gap: 0; }
.ma-yan { display: none; }
.ma-yontem-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
.ma-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ma-liste-bas-ic, .ma-sayfa-bas .ma-liste-bas-ic { grid-template-columns: 1fr; }
.ma-liste-sahne { display: none; }
.ma-liste-sahne > span { width: 110px; }
.ma-liste-sahne .ma-sahne-1 { width: 128px; }
.ma-sayfa-ikon { display: none; }
.ma-alt-kartlar { grid-template-columns: 1fr; }
.ma-kimler { grid-template-columns: 1fr; }
.ma-tablo thead { display: none; }
.ma-tablo, .ma-tablo tbody, .ma-tablo tr { display: block; }
.ma-tablo { border-spacing: 0; }
.ma-tablo tbody tr { display: grid; grid-template-columns: 1fr 1fr; background: var(--zemin); border-radius: 18px; margin-bottom: 10px; padding: 12px 14px; gap: 6px 12px; }
.ma-tablo tbody th, .ma-tablo tbody td { background: none !important; padding: 0; border-radius: 0 !important; text-align: left !important; }
.ma-tablo tbody th { grid-column: 1 / -1; }
.ma-tablo tbody td[data-ad]::before { content: attr(data-ad); display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.ma-tablo tbody td:last-child:not([data-ad]) { grid-column: 1 / -1; }
.ma-tablo tbody td:last-child .ma-git { width: 100%; justify-content: center; }
.ma-tablo tr.ma-en-ucuz { background: var(--cim-acik); box-shadow: inset 5px 0 0 var(--cim); }
.ma-tablo tr.ma-en-ucuz > :first-child { box-shadow: none; }
.ma-analiz tbody tr { grid-template-columns: 1fr auto; align-items: center; }
.ma-analiz tbody th { grid-column: 1; }
.ma-analiz tbody td[data-ad]::before { display: none; }
.ma-analiz tbody td.ma-cubuk-h { grid-column: 1 / -1; width: auto; }
.ma-analiz tbody td[data-ad="Değer"] { font: 800 18px/1 var(--baslik); text-align: right !important; }
.ma-analiz tbody td[data-ad="Kuru madde"] { grid-column: 1 / -1; font-size: 13px; color: var(--soluk); }
.ma-analiz tbody td[data-ad="Kuru madde"]::before { display: inline; content: "Kuru madde bazında: "; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 700; }
.ma-takip tbody tr { grid-template-columns: 1fr 1fr; }
.ma-dusen a { grid-template-columns: 40px 1fr auto; }
.ma-dusen .ma-fark { grid-column: 3; grid-row: 1; }
.ma-dusen .ma-fiyat-k { grid-column: 2 / -1; text-align: left; }
}
@media (max-width: 560px) {
.ma-bas h1 { font-size: 2.1rem; }
.ma-bas-gorsel { grid-template-columns: 1fr; }
.ma-torba-sahne { max-width: 230px; margin: 0 auto; }
.ma-ozet-kart { transform: none; }
.ma-ifade { font-size: 16px; }
.ma-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ma-kart { border-radius: 20px; }
.ma-kart-gorsel { padding: 12px 10px 4px; }
.ma-torba-k { width: 92px; }
.ma-kart-metin { padding: 10px 11px 12px; }
.ma-kart strong { font-size: 16px; }
.ma-kart .ma-rozetler { display: none; }
.ma-kart-kg { font-size: 19px; }
.ma-kart-alt { font-size: 11px; }
.ma-mini-an { font-size: 11px; }
.ma-suzgec legend { float: none; width: 100%; margin-bottom: 2px; }
.ma-secim { flex: 1 1 100%; }
.ma-secim select { width: 100%; }
.ma-bos-buyuk { grid-template-columns: 1fr; text-align: center; }
.ma-bos-sahne { margin: 0 auto; max-width: 130px; }
.ma-yontem-izgara { grid-template-columns: 1fr; }
.ma-sekme { padding: 8px 12px; font-size: 15px; }
.ma-ilerleme i { width: 20px; }
.ma-birikiyor { flex-direction: column; align-items: flex-start; }
.ma-istatistik li { padding: 8px 12px; }
.ma-istatistik b { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .ma-torba-b { animation: none; } }
@media (max-width: 560px) {
.ma-bas-gorsel { grid-template-columns: 120px 1fr; gap: 12px; align-items: center; }
.ma-torba-sahne { max-width: 120px; padding: 8px 0 0; }
.ma-gorsel-not { font-size: 10px; line-height: 1.2; }
.ma-ozet-kart { padding: 14px; }
.ma-ozet-kg { font-size: 1.8rem; }
.ma-ozet-alt { font-size: 13px; margin-bottom: 10px; }
.ma-kunye { margin-top: 14px; gap: 8px; }
.ma-kunye div { padding: 10px 12px; }
.ma-tablo tbody tr { grid-template-columns: 1fr 1fr auto; align-items: end; padding: 12px; }
.ma-tablo tbody td[data-ad="Durum"]::before { display: none; }
.ma-tablo tbody td:last-child .ma-git { padding: 7px 10px; }
.ma-tablo .ma-ustu-cizili { font-size: 11px; }
.ma-analiz tbody tr { grid-template-columns: 1fr auto; }
.ma-takip tbody tr { grid-template-columns: 1fr 1fr; }
}
.ma-bolum > p.ma-not, .irk-bolum > p.ma-not { font-size: 14.5px; }
.ma-bolum > p.ma-aciklama { font-size: 16px; }
.ma-bolum > p.ma-barkod, .ma-bolum > p.ma-kaynak-satir { font-size: 13.5px; }
.ma-logo { display: block; width: auto; max-width: 100%; object-fit: contain; }
.ma-logo-yazi { font: 900 12px/1.1 var(--govde); letter-spacing: .1em; text-transform: uppercase; color: var(--aile-koyu, var(--gunes-koyu)); }
.ma-marka-notu { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 700; color: var(--soluk); margin-top: 6px; margin-bottom: 20px; }
.ma-marka-notu .ik { width: 16px; height: 16px; flex: none; }
.ma-kolaj-atif { font-size: 11px; line-height: 1.4; color: var(--soluk); margin: 8px 0 0; }
.ma-kolaj-atif a { color: inherit; }
.ma-kart-marka { display: flex; align-items: center; min-height: 30px; margin-bottom: 8px; }
.ma-kart-logo { max-width: 118px; }
.ma-kart-gorsel { min-height: 196px; padding: 18px 14px 6px; place-items: end center; background:
radial-gradient(circle at 26% 88%, rgba(255, 255, 255, .9) 0 22%, transparent 22.5%),
linear-gradient(160deg, var(--aile-acik), #fff 92%); }
.ma-kart-hayvan { position: absolute; right: 8%; top: 16px; width: 42%; max-width: 128px; height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; border: 5px solid #fff; box-shadow: var(--golge-k); background: var(--aile-acik); transition: transform .25s; }
.ma-kart-gorsel .ma-torba-k { z-index: 1; width: 136px; transform: translateX(-30%); filter: drop-shadow(0 10px 10px rgba(90, 58, 16, .16)); }
.ma-kart:hover .ma-torba-k { transform: translateX(-30%) rotate(-4deg) scale(1.05); }
.ma-kart:hover .ma-kart-hayvan { transform: scale(1.04); }
.ma-urun-foto { display: block; width: 100%; height: auto; object-fit: contain; }
.ma-liste-sahne { height: 330px; margin-top: 10px; }
.ma-liste-sahne::before { display: none; }
.ma-liste-sahne > .ma-kolaj { position: absolute; bottom: auto; overflow: hidden; border-radius: 50%; border: 6px solid #fff; box-shadow: var(--golge); background: var(--aile-acik); }
.ma-kolaj img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ma-liste-sahne .ma-kolaj-0 { width: 236px; height: 236px; left: 34%; top: 6px; border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; z-index: 1; }
.ma-liste-sahne .ma-kolaj-1 { width: 150px; height: 150px; left: 4%; top: 22px; }
.ma-liste-sahne .ma-kolaj-2 { width: 124px; height: 124px; left: auto; right: 0; top: auto; bottom: 30px; z-index: 2; }
.ma-liste-sahne > .ma-sahne-torba { position: absolute; width: 132px; left: 17%; bottom: 0; z-index: 3; transform: rotate(-7deg); filter: drop-shadow(0 14px 14px rgba(90, 58, 16, .2)); }
.ma-liste-sahne > .ma-kolaj-atif { position: absolute; left: 0; right: 0; top: 100%; bottom: auto; margin-top: 8px; text-align: right; }
.ma-tur-sekme a { padding: 8px 16px 8px 8px; }
.ma-sekme-foto { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; flex: none; }
.ma-sekme-ikon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; }
.ma-marka-serit { display: flex; flex-wrap: wrap; gap: 10px; padding: 2px 2px 12px; margin-bottom: 8px; }
.ma-marka-cip { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 56px; padding: 0 10px 0 14px; background: #fff; border: 2px solid var(--cizgi); border-radius: 18px; text-decoration: none; color: var(--murekkep); font: 800 15px/1 var(--baslik); transition: transform .15s, border-color .15s; }
.ma-marka-cip .ma-cip-logo { max-width: 96px; max-height: 46px; }
.ma-marka-cip small { font: 800 11.5px/1 var(--govde); background: var(--zemin); color: var(--soluk); padding: 4px 7px; border-radius: 99px; }
.ma-marka-cip:hover { border-color: var(--gunes); transform: translateY(-2px); }
.ma-marka-cip.secili { border-color: var(--gunes-koyu); background: var(--gunes-acik); box-shadow: 0 4px 0 -1px var(--gunes-koyu); }
.ma-marka-hepsi { padding-left: 16px; }
.ma-marka-logo { padding: 8px 14px; }
.ma-marka-logo a { display: flex; align-items: center; text-decoration: none; color: inherit; }
.ma-bas-logo { max-width: 180px; }
.ma-marka-logo a > img + span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ma-sahne-hayvan { position: absolute; right: -4%; top: 2%; width: 50%; max-width: 190px; height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; border: 6px solid #fff; box-shadow: var(--golge); z-index: 0; }
.ma-torba-sahne .ma-torba-b { position: relative; z-index: 1; margin: 0 auto 0 2%; }
.ma-kimler-izgara { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; margin-bottom: 16px; }
.ma-kimler-izgara .ma-kimler { grid-template-columns: 1fr; margin: 0; }
.ma-kimler-foto { margin: 0; text-align: center; }
.ma-kimler-img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; border: 6px solid var(--aile-acik); }
.ma-kimler-foto figcaption { font-size: 11px; margin-top: 6px; color: var(--soluk); }
.ma-kimler-foto figcaption a { color: inherit; }
.ma-irk-kartlar { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.ma-irk-kartlar li > a, .ma-irk-kartlar li > span { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; padding: 14px 10px 16px; text-align: center; background: var(--zemin); border-radius: 24px; border: 2px solid transparent; text-decoration: none; color: var(--murekkep); transition: transform .15s, border-color .15s; }
.ma-irk-kartlar li > a:hover { border-color: var(--aile); background: var(--aile-acik); transform: translateY(-3px); }
.ma-irk-foto { display: grid; place-items: center; width: 100%; max-width: 128px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 4px solid #fff; box-shadow: var(--golge-k); background: var(--aile-acik); color: var(--aile-koyu); }
.ma-irk-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ma-irk-foto .ik { width: 40px; height: 40px; }
.ma-irk-kartlar b { font: 700 16px/1.15 var(--baslik); }
.ma-irk-kartlar small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.ma-marka-hucre a { display: inline-flex; align-items: center; padding: 4px 8px; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; }
.ma-tablo-logo { max-width: 92px; max-height: 44px; }
.ma-rozet-logo { background: #fff; padding: 4px 8px; }
.ma-kampanya-logo { max-width: 100px; }
@media (max-width: 820px) {
.ma-liste-sahne { display: block; height: 196px; width: 100%; max-width: 440px; margin: 4px auto 64px; }
.ma-liste-sahne .ma-kolaj-0 { width: 156px; height: 156px; left: 36%; top: 0; }
.ma-liste-sahne .ma-kolaj-1 { width: 98px; height: 98px; left: 4%; top: 14px; }
.ma-liste-sahne .ma-kolaj-2 { width: 84px; height: 84px; right: 2%; bottom: 14px; }
.ma-liste-sahne > .ma-sahne-torba { width: 86px; left: 18%; }
.ma-liste-sahne > .ma-kolaj-atif { font-size: 10px; text-align: center; }
.ma-marka-serit { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.ma-marka-serit::-webkit-scrollbar { display: none; }
.ma-kimler-izgara { grid-template-columns: 120px minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 560px) {
.ma-kart-gorsel { min-height: 140px; padding: 12px 8px 4px; }
.ma-kart-gorsel .ma-torba-k { width: 88px; transform: translateX(-28%); }
.ma-kart:hover .ma-torba-k { transform: translateX(-28%); }
.ma-kart-hayvan { width: 48%; top: 10px; right: 6%; border-width: 3px; }
.ma-kart-logo { max-height: 30px; max-width: 96px; }
.ma-kart-marka { min-height: 24px; margin-bottom: 4px; }
.ma-marka-cip { height: 48px; padding: 0 8px 0 10px; }
.ma-marka-cip .ma-cip-logo { max-height: 38px; max-width: 80px; }
.ma-bas-logo { max-height: 52px; max-width: 140px; }
.ma-kimler-izgara { grid-template-columns: 1fr; }
.ma-kimler-foto { max-width: 190px; margin: 0 auto; }
.ma-irk-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ma-tur-sekme a { font-size: 15px; }
.ma-sekme-foto, .ma-sekme-ikon { width: 30px; height: 30px; }
}
.fg { background: #fff; border-radius: 22px; box-shadow: var(--golge-k); padding: 18px 18px 14px; }
.fg-ust { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 8px; }
.fg-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, auto)); gap: 4px 26px; margin: 0; }
.fg-ozet div { min-width: 0; }
.fg-ozet dt { font: 800 12px/1.2 var(--govde); color: var(--soluk); text-transform: uppercase; letter-spacing: .03em; }
.fg-ozet dd { margin: 4px 0 0; font: 800 19px/1.15 var(--baslik); color: var(--murekkep); }
.fg-ozet dd small { display: block; font: 600 12px/1.3 var(--govde); color: var(--soluk); margin-top: 2px; }
.fg-ozet div:first-child dd { color: var(--cim-koyu); }
.fg-araclar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fg-aralik { display: inline-flex; background: var(--zemin); border-radius: 12px; padding: 3px; }
.fg-aralik button { border: 0; background: none; font: 800 13px/1 var(--govde); color: var(--soluk); padding: 8px 11px; border-radius: 9px; cursor: pointer; }
.fg-aralik button[aria-pressed="true"] { background: #fff; color: var(--murekkep); box-shadow: 0 2px 6px rgba(60, 40, 20, .12); }
.fg-paket select { font: 700 14px var(--govde); border: 2px solid var(--cizgi); border-radius: 12px; padding: 7px 10px; background: #fff; color: var(--murekkep); }
.fg-cizim { position: relative; min-height: 290px; }
.fg-svg { display: block; width: 100%; height: auto; touch-action: pan-y; }
.fg-svg-ssr { height: 290px; }
@media (max-width: 620px) { .fg-svg-ssr { height: 230px; } }
.fg-izgara { stroke: var(--cizgi); stroke-width: 1; }
.fg-eksen { font: 600 11px var(--govde); fill: var(--soluk); }
.fg-yok { fill: #F7F1E6; }
.fg-yok-y { font: 700 12px var(--govde); fill: var(--soluk); }
.fg-bos { font: 700 14px var(--govde); fill: var(--soluk); }
.fg-cizgi { fill: none; stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; }
.fg-kesik { fill: none; stroke-width: 2; stroke-dasharray: 4 5; opacity: .55; }
.fg-arsiv { fill: #fff; stroke-width: 2.4; }
.fg-imlec { stroke: var(--murekkep); stroke-width: 1; stroke-dasharray: 3 3; opacity: .5; }
.fg-balon { position: absolute; top: 4px; pointer-events: none; background: var(--murekkep); color: #fff; border-radius: 12px; padding: 8px 11px; font: 600 12.5px/1.45 var(--govde); box-shadow: 0 8px 20px rgba(30, 20, 40, .25); white-space: nowrap; }
.fg-balon b { display: block; font-weight: 800; margin-bottom: 2px; }
.fg-balon span { display: flex; align-items: center; gap: 6px; }
.fg-balon i { width: 9px; height: 9px; border-radius: 3px; flex: none; }
.fg-balon em { font-style: normal; font-weight: 800; margin-left: auto; padding-left: 14px; }
.fg-acik { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 8px 0 0; }
.fg-acik button { display: inline-flex; align-items: center; gap: 7px; border: 2px solid var(--cizgi); background: #fff; border-radius: 999px; padding: 5px 12px; font: 700 13px var(--govde); color: var(--murekkep); cursor: pointer; }
.fg-acik button[aria-pressed="false"] { opacity: .45; text-decoration: line-through; }
.fg-acik i { width: 12px; height: 12px; border-radius: 4px; background: var(--cizgi); }
.fg-not { font-size: 12.5px; color: var(--soluk); margin: 10px 0 0; }
.kivilcim { display: block; overflow: visible; }
.kivilcim path { fill: none; stroke: var(--gok-koyu); stroke-width: 2; stroke-linejoin: round; }
.kivilcim circle { fill: var(--gok-koyu); }
.kivilcim.asagi path { stroke: var(--cim-koyu); }
.kivilcim.asagi circle { fill: var(--cim-koyu); }
.kivilcim.yukari path { stroke: var(--pembe-koyu); }
.kivilcim.yukari circle { fill: var(--pembe-koyu); }
@media (max-width: 820px) {
.fg { padding: 14px 12px 12px; border-radius: 18px; }
.fg-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; width: 100%; }
.fg-ozet dd { font-size: 16.5px; }
}
@media (max-width: 620px) {
.fg-cizim, .fg-dar .fg-cizim { min-height: 230px; }
}
.ma-sayfa-bas:has(.ma-sayfa-grafik) .ma-liste-bas-ic { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.ma-sayfa-grafik { min-width: 0; }
.fg-urun { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.fg-urun label { flex: 1; min-width: 0; }
.fg-urun select { width: 100%; font: 700 14px var(--govde); border: 2px solid var(--cizgi); border-radius: 12px; padding: 8px 10px; background: #fff; color: var(--murekkep); }
.fg-urun a { font: 800 13px var(--govde); color: var(--gok-koyu); white-space: nowrap; }
.fg-dar .fg-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; width: 100%; }
.fg-dar .fg-ozet dd { font-size: 16.5px; }
.fg-dar .fg-cizim { min-height: 290px; }
.ma-kivilcim-hucre a { display: inline-block; }
@media (max-width: 820px) {
.ma-sayfa-bas:has(.ma-sayfa-grafik) .ma-liste-bas-ic { grid-template-columns: minmax(0, 1fr); }
.fg-urun { flex-wrap: wrap; }
}
.ma-urun-foto-kap { display: block; aspect-ratio: 600 / 720; border-radius: 14px; overflow: hidden; background: #fff; }
.ma-urun-foto-kap .ma-urun-foto { width: 100%; height: 100%; object-fit: contain; }
.ma-urun-foto-kap.ma-torba-b { box-shadow: 0 16px 30px -18px rgba(90, 58, 16, .45); animation: none; }
.ma-urun-foto-kap.ma-torba-k { box-shadow: 0 8px 18px -12px rgba(90, 58, 16, .45); }
.ma-urun-foto-kap.ma-torba-xs { border-radius: 8px; }
.ma-vitrinli .ma-vt-ust { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 30px; align-items: end; padding-top: 18px; }
.ma-vitrinli h1 { margin-bottom: 8px; }
.ma-vitrinli .ma-liste-alt { margin: 0; max-width: 640px; font-size: 17px; }
.ma-vitrinli .ma-istatistik { margin: 0; justify-content: flex-end; max-width: 420px; }
.ma-vitrin { position: relative; margin: 22px 0 6px; }
.ma-vt-iz { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 34px; }
.ma-vt-iz::-webkit-scrollbar { display: none; }
.ma-vt-slayt { position: relative; isolation: isolate; scroll-snap-align: start; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 10px; height: 400px; padding: 0 0 0 52px; border-radius: 34px; overflow: hidden; background:
radial-gradient(120% 90% at 100% 0%, var(--aile-acik) 0 40%, transparent 70%),
linear-gradient(115deg, #fff 0%, var(--aile-acik) 100%); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8); }
.ma-vt-slayt::before { content: ""; position: absolute; z-index: -1; inset: 0 0 0 40%; background: var(--pati-doku); background-size: 110px; opacity: .8; }
.ma-vt-metin { position: relative; z-index: 2; min-width: 0; }
.ma-vt-logo { display: inline-flex; align-items: center; min-height: 64px; padding: 9px 16px; background: #fff; border-radius: 18px; box-shadow: var(--golge-k); margin-bottom: 16px; }
.ma-vt-logo-img { max-width: 190px; max-height: 66px; width: auto; }
.ma-vt-metin h2 { font-size: clamp(1.75rem, 2.7vw, 2.55rem); line-height: 1.05; margin: 0 0 14px; max-width: 13ch; }
.ma-vt-bilgi { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.ma-vt-bilgi li { background: #fff; border-radius: 14px; padding: 8px 12px; font-weight: 700; font-size: 14px; color: var(--soluk); }
.ma-vt-bilgi b { font: 800 19px/1 var(--baslik); color: var(--murekkep); margin-right: 4px; }
.ma-vt-bilgi .ma-vt-kg { background: var(--gunes-acik); color: var(--gunes-koyu); }
.ma-vt-bilgi .ma-vt-kg b { color: var(--gunes-koyu); display: block; margin: 0 0 2px; }
.ma-vt-dugme .ik { width: 18px; height: 18px; }
.ma-vt-sahne { position: relative; height: 100%; }
.ma-vt-isik { position: absolute; z-index: -1; width: 380px; height: 380px; left: 4%; top: 2px; border-radius: 50%; background: radial-gradient(circle, #fff 0 45%, rgba(255, 255, 255, 0) 70%); }
.ma-vt-raf { position: absolute; left: 0; right: 32%; bottom: 40px; }
.ma-vt-paketler { display: flex; align-items: flex-end; justify-content: center; }
.ma-vt-raf::after { content: ""; position: absolute; z-index: -1; left: -4%; right: -46%; bottom: -22px; height: 26px; border-radius: 10px 10px 18px 18px; background: linear-gradient(180deg, #fff 0 6px, var(--aile) 6px); border-top: 4px solid var(--marka); box-shadow: 0 18px 24px -14px rgba(90, 58, 16, .5); }
.ma-vt-paket { display: block; flex: none; width: auto; height: clamp(92px, 8.2vw, 130px); margin: 0 -.8vw; mix-blend-mode: multiply; transform-origin: 50% 100%; }
.ma-vt-p1 { height: clamp(116px, 10.5vw, 165px); }
.ma-vt-p0 { height: clamp(146px, 13.5vw, 210px); }
.ma-vt-paketler .ma-vt-p2:first-child { transform: rotate(-4deg); }
.ma-vt-paketler .ma-vt-p2:last-child { transform: rotate(4deg); }
.ma-vt-hayvan { position: absolute; right: 3%; bottom: 36px; width: 270px; max-width: 36%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 46% 54% 50% 50% / 56% 50% 50% 44%; border: 7px solid #fff; box-shadow: var(--golge); background: var(--aile-acik); }
.ma-vt-hayvan2 { position: absolute; right: 30%; top: 34px; width: 104px; height: 104px; border-radius: 50%; object-fit: cover; border: 5px solid #fff; box-shadow: var(--golge-k); background: var(--aile-acik); }
.ma-vt-kontrol { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; margin-top: 12px; }
.ma-vt-noktalar { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
.ma-vt-nokta { width: 28px; height: 28px; padding: 0; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.ma-vt-nokta::before { content: ""; width: 10px; height: 10px; border-radius: 99px; background: rgba(45, 42, 62, .25); transition: width .25s, background .25s; }
.ma-vt-nokta[aria-current="true"]::before { width: 26px; background: var(--murekkep); }
.ma-vt-ok, .ma-vt-durdur { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; min-width: 40px; padding: 0 10px; border: 2px solid var(--cizgi); border-radius: 999px; background: #fff; color: var(--murekkep); font: 800 14px/1 var(--govde); cursor: pointer; }
.ma-vt-ok .ik { width: 18px; height: 18px; }
.ma-vt-ok:not(.ma-vt-sonraki) .ik { transform: scaleX(-1); }
.ma-vt-ok:hover, .ma-vt-durdur:hover { border-color: var(--gunes); }
.ma-vt-nokta:focus-visible, .ma-vt-ok:focus-visible, .ma-vt-durdur:focus-visible { outline: 3px solid var(--gok-koyu); outline-offset: 2px; border-radius: 999px; }
.ma-vt-d-ikon { width: 12px; height: 12px; border-left: 4px solid currentColor; border-right: 4px solid currentColor; box-sizing: border-box; }
.ma-vt-durdur.durdu .ma-vt-d-ikon { border-width: 6px 0 6px 11px; border-style: solid; border-color: transparent transparent transparent currentColor; width: 0; height: 0; }
.ma-vitrinli .dalga { margin-top: 4px; }
@media (prefers-reduced-motion: no-preference) {
.ma-vt-iz { scroll-behavior: smooth; }
}
@media (min-width: 1600px) {
.ma-vt-slayt { height: 430px; }
.ma-vt-hayvan { width: 300px; }
}
@media (max-width: 1080px) {
.ma-vt-slayt { padding-left: 32px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
}
@media (max-width: 820px) {
.ma-vitrinli .ma-vt-ust { grid-template-columns: 1fr; }
.ma-vitrinli .ma-liste-alt { font-size: 15.5px; }
.ma-vitrinli .ma-istatistik { justify-content: flex-start; max-width: none; gap: 6px; }
.ma-vitrinli .ma-istatistik li { padding: 7px 11px; font-size: 13.5px; }
.ma-vitrinli .ma-istatistik b { font-size: 18px; }
.ma-vitrin { margin-top: 16px; }
.ma-vt-iz, .ma-vt-slayt { border-radius: 26px; }
.ma-vt-slayt { grid-template-columns: 1fr; align-items: start; align-content: start; height: auto; padding: 20px 18px 22px; gap: 4px; }
.ma-vt-slayt::before { inset: 0 0 50% 0; }
.ma-vt-logo { min-height: 48px; padding: 6px 12px; margin-bottom: 10px; border-radius: 14px; }
.ma-vt-logo-img { max-height: 44px; max-width: 150px; }
.ma-vt-metin h2 { font-size: 1.5rem; max-width: none; margin-bottom: 10px; }
.ma-vt-bilgi { margin-bottom: 14px; gap: 6px; }
.ma-vt-bilgi li { padding: 6px 10px; font-size: 13px; }
.ma-vt-bilgi li:nth-child(2) { display: none; }
.ma-vt-bilgi b { font-size: 16px; }
.ma-vt-bilgi .ma-vt-kg b { display: inline; margin: 0 4px 0 0; }
.ma-vt-dugme { padding: 11px 18px; font-size: 15px; }
.ma-vt-sahne { order: -1; height: 200px; margin: -20px -18px 6px; }
.ma-vt-isik { width: 240px; height: 240px; left: 0; top: -30px; }
.ma-vt-raf { left: 10px; right: 28%; bottom: 28px; }
.ma-vt-raf::after { height: 18px; bottom: -16px; left: -20px; right: -60%; border-radius: 0; }
.ma-vt-p2 { display: none; }
.ma-vt-paket { height: 24vw; margin: 0 -1.2vw; }
.ma-vt-p0 { height: 33vw; }
.ma-vt-hayvan { width: 128px; max-width: 36%; right: 12px; bottom: 28px; border-width: 5px; }
.ma-vt-hayvan2 { display: none; }
.ma-vt-kontrol { gap: 6px; }
.ma-vt-ok { display: none; }
}
.ma-foto-yok { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; aspect-ratio: 5 / 6; padding: 10px; background: #fff; border: 2px dashed var(--cizgi); border-radius: 18px; text-align: center; }
.ma-foto-yok small { font-size: 12px; font-weight: 700; color: var(--soluk); line-height: 1.25; }
.ma-foto-yok-logo { max-width: 80%; }
.ma-kart { overflow: hidden; }
.ma-kart .ma-kart-gorsel { display: block; min-height: 0; padding: 14px 14px 0; background: linear-gradient(180deg, #fff 0%, #fff 70%, var(--aile-acik) 100%); }
.ma-kart .ma-kart-gorsel::before { display: none; }
.ma-kart .ma-kart-gorsel .ma-torba-k { display: block; width: 100%; max-width: none; aspect-ratio: 4 / 5; transform: none; filter: none; transition: transform .25s; }
.ma-kart .ma-kart-gorsel .ma-urun-foto { width: 100%; height: 100%; object-fit: contain; }
.ma-kart:hover .ma-kart-gorsel .ma-torba-k { transform: translateY(-4px) scale(1.03); }
.ma-kart .ma-kart-metin { padding: 12px 16px 16px; }
.ma-kart .ma-kart-marka { min-height: 26px; margin-bottom: 6px; }
.ma-kart .ma-kart-logo { max-width: 104px; max-height: 32px; }
.ma-kart strong { font-size: 17.5px; line-height: 1.2; margin-bottom: 8px; }
.ma-kart-etiket { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.ma-kart-etiket i { font: 800 11.5px/1 var(--govde); font-style: normal; padding: 5px 9px; border-radius: 999px; background: var(--gunes-acik); color: var(--gunes-koyu); }
.ma-kart-an { display: block; font-size: 13px; font-weight: 700; color: var(--soluk); margin-bottom: 10px; }
@media (max-width: 560px) {
.ma-kart .ma-kart-gorsel { padding: 8px 8px 0; }
.ma-kart .ma-kart-gorsel .ma-torba-k { width: 100%; transform: none; }
.ma-kart:hover .ma-kart-gorsel .ma-torba-k { transform: none; }
.ma-kart .ma-kart-metin { padding: 10px 11px 12px; }
.ma-kart strong { font-size: 15px; }
.ma-kart-etiket { display: none; }
.ma-kart-an { font-size: 11.5px; margin-bottom: 8px; }
.ma-kart .ma-kart-logo { max-height: 26px; max-width: 90px; }
}
.ma-tablo td strong, .ma-tablo td s, .ma-fiyat-k, .ma-kart-kg, .ma-ozet-kg { white-space: nowrap; }
.ma-kimler-izgara { grid-template-columns: 170px minmax(0, 1fr); align-items: center; }
.ma-izgara-k { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ma-izgara-k > .ma-kart { max-width: 340px; }
@media (max-width: 820px) {
.ma-vt-noktalar { flex-wrap: nowrap; gap: 0; }
.ma-vt-nokta { width: 22px; }
.ma-vt-nokta[aria-current="true"]::before { width: 18px; }
.ma-vt-d-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ma-vt-durdur { width: 40px; padding: 0; }
.ma-kimler-izgara { grid-template-columns: 110px minmax(0, 1fr); }
}
.ma-izgara > .ma-kart { max-width: 400px; }
.ma-irk-kartlar { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 10px; }
.ma-vt-raf { right: 34%; }
.ma-izgara > .ma-kart { content-visibility: auto; contain-intrinsic-size: auto 560px; }
@media (max-width: 820px) {
.ma-vt-raf { right: 30%; }
.ma-vt-nokta { width: 24px; height: 28px; }
.ma-izgara > .ma-kart { contain-intrinsic-size: auto 400px; }
}
.ma-kart .ma-kart-marka { display: none; }
.ma-kart-fiyat { display: flex; align-items: center; gap: 10px; }
.ma-kart-fiyat-sol { flex: 1 1 auto; min-width: 0; }
.ma-kart-fiyat-logo { flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-end; max-width: 42%; }
.ma-kart .ma-kart-fiyat-logo .ma-logo { height: 34px !important; width: auto; max-width: 100%; object-fit: contain; }
.ma-kart .ma-kart-fiyat-logo .ma-logo-yazi { height: auto; font-size: 12px; text-align: right; }
.ma-kart-kg { font: 700 30px/1.05 var(--baslik); color: var(--cim-koyu); margin-bottom: 2px; }
.ma-kart-kg small { font: 700 13px/1 var(--govde); color: var(--soluk); margin-left: 2px; }
@media (max-width: 560px) {
.ma-kart-fiyat { flex-direction: column-reverse; align-items: flex-start; gap: 6px; }
.ma-kart-fiyat-logo { max-width: 100%; justify-content: flex-start; }
.ma-kart .ma-kart-fiyat-logo .ma-logo { height: 26px !important; }
.ma-kart-kg { font-size: 22px; }
}
.ma-marka-serit { gap: 4px 18px; align-items: center; padding: 0 2px 6px; margin-bottom: 6px; }
.ma-marka-cip { height: 48px; padding: 0 4px; background: none; border: 0; border-radius: 0; box-shadow: none; position: relative; opacity: .8; transition: opacity .15s, transform .15s; }
.ma-marka-cip::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: -2px; height: 3px; border-radius: 3px; background: transparent; }
.ma-marka-cip:hover { opacity: 1; transform: translateY(-2px); border: 0; }
.ma-marka-cip.secili { opacity: 1; background: none; box-shadow: none; border: 0; }
.ma-marka-cip.secili::after { background: var(--murekkep); }
.ma-marka-cip .ma-cip-logo { max-height: 38px; max-width: 104px; }
.ma-marka-hepsi { font: 800 14px/1 var(--govde); color: var(--murekkep); padding: 0 4px; }
.ma-marka-cip:focus-visible { outline: 3px solid var(--gok-koyu); outline-offset: 2px; }
.ma-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; padding: 10px 16px; border-radius: 20px; margin-bottom: 12px; }
.ma-suzgec fieldset { flex: 0 1 auto; gap: 6px; flex-wrap: wrap; }
.ma-suzgec legend { float: left; min-width: 0; margin-right: 4px; font-size: 11.5px; line-height: 34px; }
.ma-suzgec .ma-cip span { padding: 6px 12px; font-size: 14px; }
.ma-suzgec-satir { margin-left: auto; align-items: center; gap: 10px; }
.ma-secim { display: flex; align-items: center; gap: 8px; }
.ma-secim select { padding: 7px 34px 7px 12px; font-size: 14px; }
.ma-sonuc { margin-bottom: 10px; }
@media (max-width: 820px) {
.ma-suzgec { gap: 10px; padding: 12px; }
.ma-suzgec legend { float: none; width: 100%; line-height: 1.2; margin-bottom: 2px; }
.ma-suzgec-satir { margin-left: 0; flex: 1 1 100%; }
.ma-secim { flex: 1 1 100%; }
.ma-secim select { flex: 1; width: auto; }
}
#fiyatlar.ma-bolum { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; }
#fiyatlar.ma-bolum > h2 { flex: 1 1 auto; margin-right: 8px; }
#fiyatlar.ma-bolum > .ma-sekmeler { display: contents; }
#fiyatlar .ma-sekme { flex: none; }
#fiyatlar.ma-bolum > .ma-aciklama, #fiyatlar .ma-paneller, #fiyatlar.ma-bolum > .ma-not, #fiyatlar.ma-bolum > .ma-bos { flex: 1 1 100%; }
#fiyatlar.ma-bolum > .ma-aciklama { order: 2; margin-top: 8px; }
#fiyatlar .ma-paneller { order: 3; }
#fiyatlar.ma-bolum > .ma-not, #fiyatlar.ma-bolum > .ma-bos { order: 4; }
.ma-not.ma-not-kisa { display: block; background: none; padding: 0; margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--soluk); }
@media (max-width: 820px) {
#fiyatlar.ma-bolum > h2 { flex-basis: 100%; margin-right: 0; }
}
.ma-not-uyari { background: #FCEEE6; color: #7E3510; }
.ma-not-uyari .ik { color: #A8481A; }
.ma-kim-dikkat { background: #FCEEE6; }
.ma-kim-dikkat p { color: #5E2A0E; }
.ma-kim-dikkat .ma-isaret { background: #A8481A; }
.rozet-yakinda { background: #EEEDF3; color: #4A4660; border-color: #C9C6D6; }
.ma-kart-etiket i { background: #EFEDF5; color: #4A4660; }
.ma-rozet-bicim { background: #EFEDF5; border-color: #D9D5E6; color: #4A4660; }
.ma-suzgec .ma-cip input:checked + span { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
.ma-suzgec .ma-cip span:hover { border-color: var(--murekkep); }
.ma-analiz-muadil .ma-cubuk-h { width: 16%; }
.ma-muadil-h { text-align: left; vertical-align: bottom; min-width: 180px; }
.ma-muadil-bas { display: flex; gap: 10px; align-items: center; text-decoration: none; color: var(--murekkep); }
.ma-muadil-bas img { width: 40px; height: 48px; object-fit: contain; background: #fff; border-radius: 8px; flex: none; }
.ma-muadil-bas > span { display: grid; gap: 1px; min-width: 0; text-transform: none; letter-spacing: 0; }
.ma-muadil-bas small { font: 800 10.5px/1.2 var(--govde); text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.ma-muadil-bas b { font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ma-muadil-bas em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--cim-koyu); }
.ma-muadil-bas:hover b { text-decoration: underline; }
.ma-muadil-taban { display: block; margin-top: 4px; font-size: 11px; font-weight: 700; color: var(--soluk); text-transform: none; letter-spacing: 0; }
.ma-muadil-d { white-space: nowrap; font-weight: 700; color: var(--murekkep); }
.ma-fark { font-style: normal; font-weight: 900; margin-left: 4px; }
.ma-fark-ust { color: #1E5F8C; }
.ma-fark-alt { color: #A8481A; }
.ma-muadil-kart { display: none; }
@media (max-width: 820px) {
.ma-analiz-muadil .ma-muadil-h, .ma-analiz-muadil .ma-muadil-d { display: none; }
.ma-muadil-kart { display: block; margin-top: 12px; padding: 12px 14px; border-radius: 16px; background: var(--zemin); }
.ma-muadil-kart ul { list-style: none; margin: 10px 0 6px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; }
.ma-muadil-kart li { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.ma-muadil-kart li span { color: var(--soluk); font-weight: 700; }
.ma-muadil-kart > small { font-size: 12px; color: var(--soluk); }
}
.ma-bilesim2 { list-style: none; margin: 4px 0 14px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); column-gap: 28px; }
.ma-bilesim2 li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: baseline; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--cizgi); }
.ma-bilesim2 .no { font: 700 22px/1 var(--baslik); color: #8D89A3; font-variant-numeric: tabular-nums; }
.ma-bilesim2 .ad { font-size: 15.5px; line-height: 1.35; color: var(--murekkep); }
.ma-bilesim2 .yz { font-size: 12.5px; font-weight: 700; color: var(--soluk); text-align: right; max-width: 150px; }
.ma-bilesim2 li.ana .no { color: var(--pembe-koyu); }
.ma-bilesim2 li.ana .ad { font-weight: 800; font-size: 16.5px; }
.ma-hayvansal { font-style: normal; display: inline-block; vertical-align: 1px; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #F6E3E8; color: #8E1F43; font-size: 11px; font-weight: 800; }
.ma-katki2 { margin-top: 18px; }
.ma-katki2 h3 { font: 700 18px/1.3 var(--baslik); margin: 0 0 6px; }
.ma-katki-not { font-size: 13px; color: var(--soluk); margin: 0 0 10px; }
.ma-katki-gruplar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 14px 28px; }
.ma-katki-grup h4 { font: 800 12px/1.2 var(--govde); text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); margin: 0 0 6px; }
.ma-katki-grup ul { list-style: none; margin: 0; padding: 0; }
.ma-katki-grup li { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border-bottom: 1px solid var(--cizgi); font-size: 14.5px; }
.ma-katki-grup li b { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ma-katki-ham { font-size: 14.5px; color: var(--murekkep); }
.ma-katki2 .ma-ham small { font-size: 12px; }
.ma-kimler-izgara { grid-template-columns: 230px minmax(0, 1fr); }
.ma-oneri-bas { font: 800 12px/1.2 var(--govde); text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); margin: 2px 0 8px; }
.ma-oneri-irk ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ma-oneri-irk li > a, .ma-oneri-irk li > span { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 14px; text-decoration: none; color: var(--murekkep); }
.ma-oneri-irk li > a:hover { background: var(--aile-acik, var(--zemin)); }
.ma-oneri-irk img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none; }
.ma-oneri-irk b { display: block; font: 700 15px/1.2 var(--baslik); }
.ma-oneri-irk small { font-size: 12px; color: var(--soluk); font-weight: 700; }
@media (max-width: 820px) {
.ma-kimler-izgara { grid-template-columns: 1fr; }
.ma-oneri-irk ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ma-bilesim2 li { grid-template-columns: 30px minmax(0, 1fr) auto; }
}
.ma-analiz-muadil td.ma-muadil-d { text-align: left !important; }
.ma-analiz .ma-fark { display: inline; width: auto; height: auto; background: none; box-shadow: none; border: 0; padding: 0; font-size: 15px; }
.ma-muadil-bas em { white-space: nowrap; }
.ma-kimler-izgara .ma-kimler { align-self: start; }
.ma-vitrinli { --vt-boy: clamp(176px, calc(100vh - 588px), 300px); background: linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 62%, transparent) 0, color-mix(in srgb, var(--aile-acik) 32%, transparent) calc(100% - var(--bas-gecis)), transparent 100%); }
.ma-vitrinli .dalga { display: none; }
.ma-vitrinli .ma-vt-ust { display: block; padding-top: 10px; }
.ma-vitrinli .ekmek { margin-bottom: 2px; }
.ma-vitrinli h1 { font-size: clamp(1.7rem, 2.6vw, 2.3rem); line-height: 1.1; margin: 0; }
.ma-vitrin { margin: 10px 0 0; padding-bottom: 12px; }
.ma-vt-iz { border-radius: 26px; }
.ma-vt-slayt { height: var(--vt-boy); padding-left: 36px; border-radius: 26px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.ma-vt-logo { min-height: 0; padding: 6px 12px; margin-bottom: 8px; border-radius: 14px; }
.ma-vt-logo-img { max-height: calc(var(--vt-boy) * .17); max-width: 150px; }
.ma-vt-metin h2 { font-size: clamp(1.25rem, calc(var(--vt-boy) * .1), 1.9rem); max-width: 18ch; margin: 0 0 8px; }
.ma-vt-bilgi { margin: 0 0 8px; gap: 6px; }
.ma-vt-bilgi li { padding: 5px 10px; font-size: 13px; border-radius: 12px; }
.ma-vt-bilgi b { font-size: 16px; }
.ma-vt-bilgi .ma-vt-kg { background: #fff; color: var(--soluk); }
.ma-vt-bilgi .ma-vt-kg b { display: inline; margin: 0 4px 0 0; color: var(--cim-koyu); }
.ma-vt-dugme { padding: 8px 16px; font-size: 14.5px; }
.ma-vt-isik { width: calc(var(--vt-boy) * 1.1); height: calc(var(--vt-boy) * 1.1); top: 0; }
.ma-vt-raf { bottom: 26px; left: 0; right: 30%; }
.ma-vt-raf::after { left: 0; right: -40%; bottom: -16px; height: 16px; border-radius: 8px; }
.ma-vt-paket { height: calc(var(--vt-boy) * .44); }
.ma-vt-p1 { height: calc(var(--vt-boy) * .54); }
.ma-vt-p0 { height: calc(var(--vt-boy) * .66); }
.ma-vt-hayvan { width: calc(var(--vt-boy) * .74); bottom: 22px; border-width: 5px; }
.ma-vt-hayvan2 { width: calc(var(--vt-boy) * .3); height: calc(var(--vt-boy) * .3); top: 14px; border-width: 4px; }
.ma-vt-kontrol { position: absolute; z-index: 5; right: 18px; bottom: 22px; margin: 0; min-height: 0; gap: 4px; padding: 3px 6px; border-radius: 999px; background: rgba(255, 255, 255, .86); box-shadow: 0 4px 14px -8px rgba(45, 42, 62, .4); }
.ma-vt-ok, .ma-vt-durdur { height: 30px; min-width: 30px; padding: 0 8px; border-width: 1px; font-size: 13px; }
.ma-vt-nokta { width: 18px; height: 24px; }
.ma-vt-nokta::before { width: 7px; height: 7px; }
.ma-vt-nokta[aria-current="true"]::before { width: 18px; }
@media (max-height: 820px) and (min-width: 821px) {
.ma-vt-bilgi li:nth-child(2) { display: none; }
.ma-vt-hayvan2 { display: none; }
}
.ma-marka-serit { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; margin-top: 2px; padding: 4px 12px 6px; border-radius: 18px; }
.ma-marka-cip { flex: none; height: 44px; }
.ma-marka-cip .ma-cip-logo { max-height: 32px; max-width: 96px; }
.ma-suzgec { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; padding: 8px 14px; gap: 8px 22px; }
.ma-suzgec fieldset { flex: none; flex-wrap: nowrap; }
.ma-suzgec-satir { flex: none; }
.ma-suzgec .ma-cip span { white-space: nowrap; padding: 5px 11px; font-size: 13.5px; }
.ma-suzgec legend { line-height: 30px; }
.ma-liste-govde { padding-top: 4px; }
@media (max-width: 820px) {
.ma-suzgec { flex-wrap: nowrap; gap: 8px 18px; padding: 8px 12px; }
.ma-suzgec legend { float: left; width: auto; line-height: 30px; margin: 0 4px 0 0; }
.ma-suzgec-satir { margin-left: 0; flex: none; }
.ma-secim { flex: none; }
.ma-vitrinli { --vt-boy: 200px; }
.ma-vt-slayt { height: auto; padding: 14px 16px 54px; }
.ma-vt-sahne { height: 150px; margin: -14px -16px 4px; }
.ma-vt-kontrol { right: 12px; bottom: 12px; }
}
.ma-suzgec, .ma-marka-serit, .ma-kart .ma-kart-fiyat { background: #fff; }
.ma-vt-bilgi li, .ma-vt-logo { background: #fff; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.ma-suzgec, .ma-marka-serit, .ma-vt-bilgi li, .ma-vt-logo, .ma-kart .ma-kart-fiyat, .ma-vt-kontrol {
background: rgba(255, 255, 255, .62);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
backdrop-filter: blur(14px) saturate(1.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(255, 255, 255, .55), 0 10px 26px -18px rgba(45, 42, 62, .45);
}
.ma-vt-bilgi .ma-vt-kg { background: rgba(255, 255, 255, .7); }
.ma-kart .ma-kart-fiyat { background: rgba(255, 255, 255, .7); }
}
.ma-vitrinli { --vt-boy: clamp(156px, calc(100vh - 612px), 300px); }
@media (min-width: 821px) {
.ma-vitrinli .ma-liste-metin { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 6px 22px; flex-wrap: wrap; }
.ma-vitrinli .ekmek { margin: 0; }
}
.ma-vitrin { padding-bottom: 8px; margin-top: 8px; }
.ma-vt-dugme { padding: 6px 14px; font-size: 14px; }
.ma-marka-serit { padding: 2px 12px 4px; margin-bottom: 6px; }
.ma-marka-cip { height: 40px; }
.ma-suzgec { padding: 6px 14px; margin-bottom: 10px; }
.ma-suzgec .ma-cip span { padding: 4px 11px; }
.ma-secim select { padding: 5px 32px 5px 12px; }
@media (min-width: 821px) and (max-height: 900px) {
.ma-vt-bilgi { display: none; }
.ma-vt-metin h2 { font-size: 1.3rem; margin-bottom: 8px; }
.ma-vt-logo { margin-bottom: 6px; padding: 4px 10px; }
}
@media (max-width: 820px) {
.ma-vt-slayt { grid-template-columns: 1fr; height: auto; padding: 0 14px 52px; gap: 0; }
.ma-vt-sahne { order: -1; height: 128px; margin: 0 -14px 4px; }
.ma-vt-hayvan, .ma-vt-hayvan2 { display: none; }
.ma-vt-raf { left: 12px; right: 12px; bottom: 18px; }
.ma-vt-raf::after { right: 0; left: 0; }
.ma-vt-paket { height: 70px; } .ma-vt-p1 { height: 86px; } .ma-vt-p0 { height: 104px; }
.ma-vt-logo { display: none; }
.ma-vt-metin h2 { font-size: 1.2rem; margin-bottom: 8px; }
.ma-vt-bilgi { display: none; }
.ma-vt-dugme { padding: 7px 14px; font-size: 14px; }
.ma-vt-kontrol { bottom: 10px; right: 10px; }
}
.ma-marka-bolum { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: 18px 28px; margin: 28px 0 10px; padding: clamp(18px, 2.6vw, 30px); background: var(--kagit); border-radius: 26px; box-shadow: 0 1px 0 var(--cizgi); }
.ma-marka-tanit h2 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); margin: 0 0 8px; }
.ma-marka-tanit p { margin: 0; font-size: 16px; }
.ma-marka-one { grid-row: span 2; }
.ma-marka-one-bas { margin: 0 0 8px; font: 800 12px/1.2 var(--govde); text-transform: uppercase; letter-spacing: .07em; color: var(--cim-koyu); }
.ma-marka-one .ma-kart { max-width: 340px; }
.ma-marka-one-not { font-size: 12.5px; color: var(--soluk); margin: 8px 0 0; }
.ma-marka-gecmis h3 { font: 700 18px/1.3 var(--baslik); margin: 0 0 4px; }
.ma-gecmis-tablo td, .ma-gecmis-tablo th { vertical-align: middle; }
.ma-gecmis-tablo th a { color: var(--murekkep); font-weight: 700; }
.ma-mini-cizgi path { fill: none; stroke: var(--cim-koyu); stroke-width: 2; stroke-linejoin: round; }
.ma-mini-cizgi circle { fill: var(--cim-koyu); }
.ma-mini-h small { color: var(--soluk); font-size: 12px; }
@media (max-width: 820px) {
.ma-marka-bolum { grid-template-columns: 1fr; }
.ma-marka-one { grid-row: auto; }
}
.ma-marka-ozet { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; margin: 0 0 12px; }
.ma-ozet-kutu { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: baseline; padding: 7px 14px; border-radius: 18px; background: #fff; box-shadow: var(--golge-k); text-decoration: none; color: var(--murekkep); min-width: 0; }
@supports (backdrop-filter: blur(1px)) { .ma-ozet-kutu { background: rgba(255, 255, 255, .72); backdrop-filter: blur(12px) saturate(1.3); border: 1px solid rgba(255, 255, 255, .8); } }
.ma-ozet-kutu small { grid-column: 1 / -1; font-size: 11px; font-weight: 700; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; }
.ma-ozet-kutu b { font-size: 19px; line-height: 1.1; color: var(--murekkep); }
.ma-ozet-kutu b.fiyat-rakam { color: var(--cim-koyu); font-size: 22px; }
.ma-ozet-kutu b i { font-style: normal; font-size: 13px; color: var(--soluk); margin-left: 2px; }
.ma-ozet-kutu span { font-size: 13px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.ma-ozet-kutu:hover { transform: translateY(-1px); }
.ma-marka-sonra { padding-top: 8px; }
@media (max-width: 760px) { .ma-marka-ozet { grid-template-columns: 1fr 1fr; } .ma-ozet-ana { grid-column: 1 / -1; } .ma-ozet-kutu b.fiyat-rakam { font-size: 22px; } }
.ma-firsat { margin: 6px 0 22px; padding: 18px; border-radius: 22px; background: var(--gunes-acik); scroll-margin-top: 90px; }
.ma-firsat-bas { display: grid; gap: 4px; margin-bottom: 14px; }
.ma-firsat h2 { margin: 0; font: 800 clamp(20px, 2vw, 24px)/1.2 var(--baslik); }
.ma-firsat .ma-aciklama { margin: 0; font-size: 15px; max-width: 80ch; }
@media (min-width: 1081px) { .ma-firsat .mf-n3 { --mf-kolon: 3; } .ma-firsat .mf-n4 { --mf-kolon: 4; } .ma-firsat .mf-n4 .mf-kart a, .ma-firsat .mf-n3 .mf-kart a { grid-template-columns: 56px minmax(0, 1fr); } .ma-firsat .mf-n4 .mf-foto, .ma-firsat .mf-n4 .mf-simge { width: 56px; } }
@media (min-width: 900px) { .ma-firsat:has(.mf-n1) { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: center; } .ma-firsat:has(.mf-n1) .ma-firsat-bas { margin: 0; } }
@media (max-width: 1080px) { .ma-firsat { padding: 14px; border-radius: 18px; } .ma-firsat .ma-aciklama { font-size: 16px; } }
.ma-kunye div { --kt: var(--gok-acik); --kk: var(--gok-koyu); background: var(--kt); box-shadow: none; border: 1px solid color-mix(in srgb, var(--kk) 14%, transparent); }
.ma-kunye div:nth-child(4n+2) { --kt: var(--cim-acik); --kk: var(--cim-koyu); }
.ma-kunye div:nth-child(4n+3) { --kt: var(--lila-acik); --kk: var(--lila-koyu); }
.ma-kunye div:nth-child(4n) { --kt: var(--deniz-acik); --kk: var(--deniz-koyu); }
.ma-kunye dt { color: var(--kk); }
.ma-irk-kartlar { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 14px; }
.ma-irk-kartlar li > a, .ma-irk-kartlar li > span { padding: 0 0 14px; gap: 4px; overflow: hidden; border-radius: 22px; background: #fff; border: 1px solid var(--yumusak-cizgi); }
.ma-irk-foto { max-width: none; aspect-ratio: 4 / 3; border-radius: 0; border: 0; box-shadow: none; margin-bottom: 8px; }
.ma-irk-kartlar b, .ma-irk-kartlar small { padding-inline: 12px; }
@media (max-width: 560px) {
.ma-irk-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ma-bas-gorsel { grid-template-columns: 156px 1fr; }
.ma-torba-sahne { max-width: 156px; }
}
.ma-firsat .mf-liste .mf-kart a { grid-template-columns: 112px minmax(0, 1fr); gap: 16px; padding: 12px 16px 12px 12px; }
.ma-firsat .mf-liste .mf-foto, .ma-firsat .mf-liste .mf-simge { width: 112px; padding: 6px; }
@media (max-width: 1080px) {
.ma-firsat .mf-liste .mf-kart a { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 10px 12px 10px 10px; }
.ma-firsat .mf-liste .mf-foto, .ma-firsat .mf-liste .mf-simge { width: 96px; }
}
.ma-vt-logo, .ma-marka-serit { background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; }
.ma-vt-logo { padding: 0; min-height: 0; border-radius: 0; }
.ma-marka-serit { padding-left: 0; padding-right: 0; }
.ma-rozet-logo { background: none; padding: 0 2px; }
.ma-marka-hucre a { background: none; border-color: transparent; padding: 2px 0; }
.ma-vt-logo img, .ma-marka-serit img, .ma-rozet-logo img, .ma-marka-hucre img, .ma-kart-fiyat-logo img { mix-blend-mode: multiply; }
@media (max-width: 560px) { .ma-kart .ma-kart-fiyat-logo { display: none; } }
.ma-firsat .mf-liste .mf-metin strong { font-size: 15px; }
@media (min-width: 561px) {
.ma-kart .ma-kart-fiyat { align-items: flex-start; min-height: 132px; box-sizing: border-box; }
.ma-kart .ma-kart-fiyat-logo { align-self: center; }
}
/* filigran.css */
:is(.tm-fotolar, .arac-foto, .irk-foto, .akis-oge, .saglik-one-foto, .saglik-konu-foto, .bk-foto, .rehber-mini-foto,
.rh-foto, .fk, .karo, .kf, .kart-foto, .ilan-foto, .tur-bas-foto, .one-kart, .grup-karo-foto, .kat-foto, .kb-foto,
.konu-irk-foto, .konu-ilgili-foto, .konu-kart-foto, .fb-foto, .test-kolaj, .test-foto, .yok-blob, .yas-kolaj,
.isik-kutu figure, .ar-foto, .ar-kat-foto, .ma-vt-sahne,
:has(> .uc-kart-img, > .uc-il-img, > .uc-diger-img, > .nb-kart-img, > .ts-img, > .rh-kart-foto))::after {
content: none !important; background: none !important;
}
.aba-iz {
position: absolute; z-index: 3; top: clamp(7px, 6%, 18px); width: clamp(36px, 15%, 64px); aspect-ratio: 650 / 299;
color: var(--aba-renk, var(--gok)); opacity: 0; pointer-events: none;
filter: drop-shadow(0 1px 2px rgba(16, 28, 22, .45));
transition: opacity 1.2s ease;
}
.aba-iz.uyanik { opacity: var(--aba-op, .5); }
.aba-iz[data-konum="su"] { left: clamp(7px, 5%, 18px); }
.aba-iz[data-konum="ss"] { right: clamp(7px, 5%, 18px); }
.aba-iz[data-konum="sa"] { right: clamp(7px, 5%, 18px); top: auto; bottom: clamp(7px, 6%, 18px); }
:is(.yok-blob, .tur-bas-foto) > .aba-iz { top: 14%; }
:is(.yok-blob, .tur-bas-foto) > .aba-iz[data-konum="su"] { left: 18%; }
:is(.yok-blob, .tur-bas-foto) > .aba-iz[data-konum="ss"] { right: 18%; }
.aba-iz.genis { width: clamp(44px, 9%, 72px); }
.aba-iz svg { display: block; width: 100%; height: auto; overflow: visible; transform-origin: 50% 92%;
animation: aba-nefes var(--aba-sure, 8s) ease-in-out var(--aba-gecikme, 0s) infinite; }
.aba-iz .aba-gulus { fill: #D94B4B; }
.aba-iz .aba-kapak { fill: currentColor; transform-box: fill-box; transform-origin: 50% 0; transform: scaleY(0);
animation: aba-kirp var(--aba-sure, 8s) linear var(--aba-gecikme, 0s) infinite; }
.aba-iz .aba-kapak.kopek { animation-delay: calc(var(--aba-gecikme, 0s) - .9s); }
@keyframes aba-nefes {
0%, 100% { transform: scale(1) rotate(0); }
28% { transform: scale(1.05) rotate(0); }
52% { transform: scale(1) rotate(0); }
60% { transform: scale(1) rotate(-5deg); }
64% { transform: scale(1) rotate(4deg); }
68% { transform: scale(1) rotate(-2.5deg); }
72% { transform: scale(1) rotate(0); }
}
@keyframes aba-kirp {
0%, 88%, 93.5%, 100% { transform: scaleY(0); }
90.5% { transform: scaleY(1); }
}
:is(a:hover, .aba-var:hover) > .aba-iz.uyanik,
a:hover .aba-var > .aba-iz.uyanik { animation: aba-zipla .7s cubic-bezier(.28, 1.5, .5, 1); }
@keyframes aba-zipla {
0% { translate: 0 0; }
30% { translate: 0 -8px; }
55% { translate: 0 0; }
72% { translate: 0 -2.5px; }
100% { translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
.aba-iz, .aba-iz svg, .aba-iz .aba-kapak { animation: none !important; transition: none; }
}
@media print { .aba-iz { display: none; } }
.yok-abarik { color: var(--soluk); font-size: 14.5px; font-style: italic; margin-top: 6px; }
.ar-abarik { color: var(--soluk); font-size: 14px; font-style: italic; margin-top: 4px; }
.alt-marka::after {
display: block; margin-top: 12px; padding-left: 38px; min-height: 15px; max-width: 340px;
font-size: 13px; font-weight: 600; line-height: 15px; color: var(--soluk); opacity: .85;
background: no-repeat left center / 30px auto;
}
.aba-iz{display:none!important}