/* İpek tema — yazı tipleri (SIL Open Font License) */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/fraunces-latin-400-normal.woff2) format('woff2');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:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/fraunces-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(yazitipi/fraunces-latin-500-normal.woff2) format('woff2');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:'Fraunces';font-style:normal;font-weight:500;font-display:swap;src:url(yazitipi/fraunces-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(yazitipi/fraunces-latin-600-normal.woff2) format('woff2');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:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(yazitipi/fraunces-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Fraunces';font-style:italic;font-weight:400;font-display:swap;src:url(yazitipi/fraunces-latin-400-italic.woff2) format('woff2');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:'Fraunces';font-style:italic;font-weight:400;font-display:swap;src:url(yazitipi/fraunces-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/manrope-latin-400-normal.woff2) format('woff2');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:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(yazitipi/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(yazitipi/manrope-latin-500-normal.woff2) format('woff2');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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(yazitipi/manrope-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(yazitipi/manrope-latin-600-normal.woff2) format('woff2');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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(yazitipi/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(yazitipi/manrope-latin-700-normal.woff2) format('woff2');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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(yazitipi/manrope-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(yazitipi/manrope-latin-800-normal.woff2) format('woff2');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:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(yazitipi/manrope-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}

/* =====================================================================
   İPEK — dönüşüm odaklı doğal kozmetik teması
   Renkler panelden (Vitrin Görünümü > Renkler) değiştirilebilir.
   ===================================================================== */

:root {
    --ip-ana: var(--marka, #9D6F63);
    --ip-ana-koyu: var(--marka-koyu, #7E574D);
    --ip-ana-acik: var(--marka-acik, #BC8A7E);
    --ip-vurgu: #A2482F;
    --ip-vurgu-zemin: #F6E3DB;
    --ip-yesil: #5F7552;
    --ip-murekkep: #2B211D;
    --ip-yazi: #3A2F2A;
    --ip-soluk: #7D706A;
    --ip-krem: var(--marka-yumusak, #F7F1EB);
    --ip-krem-koyu: #EFE4D9;
    --ip-cizgi: var(--marka-cizgi, #E8DDD3);
    --ip-beyaz: #FFFDFB;
    --ip-yildiz: #D9A441;

    --ip-serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
    --ip-sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;

    --ip-r-s: 10px;
    --ip-r: 18px;
    --ip-r-l: 28px;
    --ip-golge: 0 1px 2px rgba(43, 33, 29, .04), 0 8px 24px rgba(43, 33, 29, .06);
    --ip-golge-l: 0 2px 6px rgba(43, 33, 29, .05), 0 24px 60px rgba(43, 33, 29, .12);
    --ip-gecis: 220ms cubic-bezier(.2, .7, .2, 1);
    --ip-kap: 1320px;
}

/* Çekirdek sayfaların (sepet, ödeme, hesabım…) yazı tipleri de temaya bağlanır */
:root {
    --karma-fonts: var(--ip-sans);
    --frank-ruhl-fonts: var(--ip-serif);
    --inter-fonts: var(--ip-sans);
    --jost-fonts: var(--ip-sans);
    --font-lato: var(--ip-sans);
    --primary-color: var(--ip-yazi);
}
body.ip-govde :where(input, select, textarea, button, table) { font-family: var(--ip-sans); }

/* ---------- Temel ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.ip-govde {
    font-family: var(--ip-sans);
    font-size: 16px;
    line-height: 1.6;
    color: var(--ip-yazi);
    background: var(--ip-beyaz);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "ss01";
    overflow-x: hidden;
}
:where(.ip-govde) :is(h1, h2, h3, h4) { color: var(--ip-murekkep); letter-spacing: -.01em; }
:where(.ip-govde) :is(p, .p) { color: inherit; }
:where(.ip-govde) a { color: inherit; text-decoration: none; transition: color var(--ip-gecis); }
.ip-govde img { max-width: 100%; }
.ip-govde button { font-family: inherit; }
.ip-govde ::selection { background: var(--ip-ana); color: #fff; }
.ip-govde :focus-visible { outline: 2px solid var(--ip-ana); outline-offset: 3px; border-radius: 4px; }
.ip-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ip-atla { position: absolute; left: -9999px; top: 8px; z-index: 10000; background: var(--ip-murekkep); color: #fff !important; padding: 10px 16px; border-radius: 8px; }
.ip-atla:focus { left: 8px; }
.ip-soluk { color: var(--ip-soluk); }
.ip-kap { width: 100%; max-width: var(--ip-kap); margin: 0 auto; padding: 0 20px; }
.ip-dar { max-width: 820px; }
.ip-ana { min-height: 40vh; }
body.ip-kilit { overflow: hidden; }

/* ---------- Tipografi ---------- */
.ip-h1, .ip-h2, .ip-hero__baslik, .ip-urun__ad, .ip-kapanis__baslik, .ip-bulten__baslik, .ip-slayt__baslik {
    font-family: var(--ip-serif);
    font-weight: 500;
    font-variation-settings: "SOFT" 50, "WONK" 0;
    line-height: 1.08;
    letter-spacing: -.02em;
    color: var(--ip-murekkep);
    margin: 0;
}
.ip-h1 { font-size: clamp(34px, 4.6vw, 56px); }
.ip-h2 { font-size: clamp(28px, 3.4vw, 44px); }
.ip-h4 { font-family: var(--ip-sans); font-size: 17px; font-weight: 700; margin: 0 0 6px; }
.ip-ust-baslik {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
    color: var(--ip-ana-koyu); margin-bottom: 14px;
}
.ip-ust-baslik::before { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6; }
.ip-metin { color: var(--ip-yazi); font-size: 15.5px; line-height: 1.75; }
.ip-metin p { margin: 0 0 .8em; }
.ip-bolum__metin { color: var(--ip-soluk); font-size: 16.5px; max-width: 560px; margin: 14px 0 0; }

/* ---------- Butonlar ---------- */
.ip-btn {
    --b-zemin: transparent; --b-yazi: var(--ip-murekkep); --b-cizgi: var(--ip-murekkep);
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 46px; padding: 0 22px; border-radius: 999px;
    background: var(--b-zemin); color: var(--b-yazi) !important; border: 1.5px solid var(--b-cizgi);
    font-weight: 700; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; line-height: 1;
    cursor: pointer; white-space: nowrap;
    transition: background var(--ip-gecis), color var(--ip-gecis), border-color var(--ip-gecis), transform var(--ip-gecis), box-shadow var(--ip-gecis);
}
.ip-btn svg { width: 18px; height: 18px; flex: none; transition: transform var(--ip-gecis); }
.ip-btn:hover svg { transform: translateX(3px); }
.ip-btn:active { transform: scale(.98); }
.ip-btn--koyu { --b-zemin: var(--ip-murekkep); --b-yazi: #fff; --b-cizgi: var(--ip-murekkep); }
.ip-btn--koyu:hover { --b-zemin: var(--ip-ana-koyu); --b-cizgi: var(--ip-ana-koyu); box-shadow: 0 10px 24px rgba(126, 87, 77, .28); }
.ip-btn--cizgi:hover { --b-zemin: var(--ip-murekkep); --b-yazi: #fff; }
.ip-btn--acik { --b-zemin: #fff; --b-yazi: var(--ip-murekkep); --b-cizgi: #fff; }
.ip-btn--acik:hover { --b-zemin: var(--ip-krem); --b-cizgi: var(--ip-krem); }
.ip-btn--buyuk { min-height: 56px; padding: 0 30px; font-size: 14.5px; }
.ip-btn--tam { width: 100%; }
.ip-btn--esnek { flex: 1; }
.ip-btn--ikon { width: 46px; padding: 0; flex: none; }
.ip-btn--ikon svg { width: 20px; height: 20px; }
.ip-btn--ikon:hover svg { transform: none; }
.ip-btn.is-yukleniyor { pointer-events: none; opacity: .7; }
.ip-btn.is-tamam { --b-zemin: var(--ip-yesil) !important; --b-cizgi: var(--ip-yesil) !important; }
.ip-btn__fiyat { padding-left: 12px; margin-left: 2px; border-left: 1px solid rgba(255, 255, 255, .3); font-weight: 600; letter-spacing: 0; }
.ip-bag {
    display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 0;
    font-weight: 700; font-size: 14.5px; color: var(--ip-murekkep);
    text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px; text-decoration-color: var(--ip-ana-acik);
    cursor: pointer;
}
.ip-bag:hover { color: var(--ip-ana-koyu); text-decoration-color: currentColor; }
.ip-ikon-btn {
    display: inline-flex; align-items: center; justify-content: center; position: relative;
    width: 44px; height: 44px; border-radius: 50%; border: 0; background: transparent; color: var(--ip-murekkep);
    cursor: pointer; transition: background var(--ip-gecis);
}
.ip-ikon-btn:hover { background: var(--ip-krem); }
.ip-ikon-btn svg { width: 22px; height: 22px; }
.ip-rozet-sayac {
    position: absolute; top: 4px; right: 2px; min-width: 19px; height: 19px; padding: 0 5px;
    border-radius: 999px; background: var(--ip-ana); color: #fff; font-size: 11px; font-weight: 800;
    display: inline-flex; align-items: center; justify-content: center; line-height: 1;
}
.ip-rozet-sayac[hidden] { display: none; }
.ip-rozet-sayac--satir { position: static; margin-left: 2px; }
.ip-rozet-sayac.is-zipla { animation: ip-zipla .5s; }
@keyframes ip-zipla { 30% { transform: scale(1.4); } 60% { transform: scale(.9); } }

/* ---------- Etiket, hap, yıldız ---------- */
.ip-etiket {
    display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 999px;
    background: #fff; color: var(--ip-murekkep); font-size: 11.5px; font-weight: 700; letter-spacing: .02em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06); white-space: nowrap;
}
.ip-etiket--koyu { background: var(--ip-murekkep); color: #fff; }
.ip-etiket--vurgu { background: var(--ip-vurgu); color: #fff; }
.ip-etiket--gri { background: #8B817C; color: #fff; }
.ip-hap {
    display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px;
    border-radius: 999px; border: 1.5px solid var(--ip-cizgi); background: #fff;
    font-weight: 600; font-size: 15px; color: var(--ip-murekkep); white-space: nowrap;
    transition: all var(--ip-gecis);
}
.ip-hap img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; margin-left: -12px; }
.ip-hap:hover, .ip-hap.is-aktif { border-color: var(--ip-murekkep); background: var(--ip-murekkep); color: #fff !important; }
.ip-hap--koyu { background: var(--ip-murekkep); border-color: var(--ip-murekkep); color: #fff !important; }
.ip-hap--koyu:hover { background: var(--ip-ana-koyu); border-color: var(--ip-ana-koyu); }
.ip-hap--kucuk { min-height: 38px; padding: 0 16px; font-size: 14px; }
.ip-yildiz { position: relative; display: inline-block; font-size: 15px; line-height: 1; letter-spacing: 2px; vertical-align: -1px; }
.ip-yildiz__bos { color: #E3D8CE; }
.ip-yildiz__dolu { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: var(--ip-yildiz); }
.ip-i { width: 20px; height: 20px; flex: none; }

/* ---------- Fiyat ---------- */
.ip-fiyat { font-weight: 800; font-size: 19px; color: var(--ip-murekkep); letter-spacing: -.01em; }
.ip-fiyat--buyuk { font-size: 30px; }
.ip-fiyat-eski { color: var(--ip-soluk); font-size: 15px; text-decoration-thickness: 1px; }
.ip-indirim { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 6px; background: var(--ip-vurgu-zemin); color: var(--ip-vurgu); font-size: 11.5px; font-weight: 800; letter-spacing: .03em; }
.ip-kdv { color: var(--ip-soluk); font-size: 12px; font-weight: 600; }

/* ---------- Onay maddeleri ---------- */
.ip-maddeler { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.ip-maddeler li { position: relative; padding-left: 26px; font-size: 14px; line-height: 1.45; color: var(--ip-yazi); }
.ip-maddeler li::before {
    content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%;
    background: #E7EEE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F7552' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;
}
.ip-maddeler--buyuk { gap: 10px; margin: 22px 0 4px; }
.ip-maddeler--buyuk li { font-size: 15.5px; padding-left: 30px; }
.ip-maddeler--buyuk li::before { width: 20px; height: 20px; background-size: 13px; }

/* ---------- Güven maddeleri ---------- */
.ip-guven { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.ip-guven li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--ip-yazi); }
.ip-guven .ip-i { color: var(--ip-ana); }
.ip-guven--kucuk { justify-content: center; gap: 8px 16px; margin-top: 14px; }
.ip-guven--kucuk li { font-size: 12.5px; }
.ip-guven--kucuk .ip-i { width: 16px; height: 16px; }
.ip-guven--kutu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 22px 0; border: 1px solid var(--ip-cizgi); border-radius: var(--ip-r); overflow: hidden; }
.ip-guven--kutu li { flex-direction: column; text-align: center; gap: 6px; padding: 16px 8px; font-size: 12.5px; line-height: 1.3; }
.ip-guven--kutu li + li { border-left: 1px solid var(--ip-cizgi); }
.ip-guven--kutu .ip-i { width: 24px; height: 24px; }
.ip-guven--alt { justify-content: space-between; padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.ip-guven--alt li { color: #F1E8E1; font-size: 15px; }
.ip-guven--alt .ip-i { color: var(--ip-ana-acik); width: 24px; height: 24px; }

/* =====================================================================
   BAŞLIK
   ===================================================================== */
.ip-baslik { position: sticky; top: 0; z-index: 900; background: rgba(255, 253, 251, .96); backdrop-filter: saturate(1.4) blur(10px); transition: box-shadow var(--ip-gecis); }
.ip-baslik.is-kaydi { box-shadow: 0 6px 24px rgba(43, 33, 29, .07); }
.ip-duyuru { background: var(--ip-murekkep); color: #F4ECE6; font-size: 13px; }
.ip-duyuru__ic { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 40px; gap: 12px; }
.ip-duyuru__sol a { color: #D8CBC3; font-weight: 600; }
.ip-duyuru__serit { position: relative; height: 22px; overflow: hidden; width: min(640px, 56vw); text-align: center; }
.ip-duyuru__oge { position: absolute; inset: 0; margin: 0; font-weight: 600; letter-spacing: .02em; opacity: 0; transform: translateY(100%); transition: opacity .5s, transform .5s; white-space: nowrap; }
.ip-duyuru__oge.is-aktif { opacity: 1; transform: none; }
.ip-duyuru__oge.is-cikan { opacity: 0; transform: translateY(-100%); }
.ip-duyuru__sag { display: flex; justify-content: flex-end; gap: 6px; }
.ip-secici { margin: 0; display: inline-flex; }
.ip-secici select { background: transparent; color: #F4ECE6; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ip-secici select option { color: #222; }

.ip-ust { border-bottom: 1px solid var(--ip-cizgi); }
.ip-ust__ic { display: flex; align-items: center; gap: 24px; min-height: 76px; }
.ip-ust__menu { display: none; }
.ip-logo { display: inline-flex; flex: none; }
.ip-logo img { height: 50px; width: auto; }
.ip-nav { display: flex; align-items: center; gap: 4px; margin: 0 auto; }
.ip-nav__link { display: inline-flex; align-items: center; gap: 4px; padding: 10px 14px; font-size: 14.5px; font-weight: 600; color: var(--ip-yazi); border-radius: 999px; }
.ip-nav__link:hover { color: var(--ip-murekkep); background: var(--ip-krem); }
.ip-nav__link.is-aktif { color: var(--ip-murekkep); box-shadow: inset 0 -2px 0 var(--ip-ana); border-radius: 0; }
.ip-nav__ok { width: 14px; height: 14px; opacity: .6; }
.ip-nav__grup { position: relative; }
.ip-mega {
    position: absolute; left: 50%; top: 100%; transform: translate(-50%, 8px); min-width: 280px; padding: 12px;
    background: #fff; border: 1px solid var(--ip-cizgi); border-radius: var(--ip-r); box-shadow: var(--ip-golge-l);
    opacity: 0; visibility: hidden; transition: all var(--ip-gecis);
}
.ip-nav__grup:hover .ip-mega, .ip-nav__grup:focus-within .ip-mega { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.ip-mega__liste { display: grid; }
.ip-mega__baslik { padding: 10px 14px; font-weight: 800; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--ip-ana-koyu); }
.ip-mega__link { padding: 10px 14px; border-radius: var(--ip-r-s); font-weight: 600; font-size: 15px; }
.ip-mega__link:hover { background: var(--ip-krem); }
.ip-mega__link--alt { padding-left: 28px; font-weight: 500; font-size: 14px; color: var(--ip-soluk); }
.ip-ust__ikonlar { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.ip-nav + .ip-ust__ikonlar { margin-left: 0; }

.ip-hizli { border-bottom: 1px solid var(--ip-cizgi); background: var(--ip-beyaz); }
.ip-hizli__serit { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 9px 0; justify-content: center; }
.ip-hizli__serit::-webkit-scrollbar { display: none; }
.ip-hizli__link { flex: none; padding: 6px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: var(--ip-soluk); white-space: nowrap; }
.ip-hizli__link:hover { color: var(--ip-murekkep); background: var(--ip-krem); }
.ip-hizli__link.is-aktif { background: var(--ip-krem-koyu); color: var(--ip-murekkep); }

/* ---------- Çekmeceler ---------- */
.ip-perde { position: fixed; inset: 0; background: rgba(30, 22, 19, .45); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; z-index: 990; transition: all var(--ip-gecis); }
.ip-perde.is-acik { opacity: 1; visibility: visible; }
.ip-cekmece {
    position: fixed; top: 0; bottom: 0; width: min(440px, 92vw); background: var(--ip-beyaz); z-index: 1000;
    display: flex; flex-direction: column; transition: transform 380ms cubic-bezier(.2, .8, .2, 1); box-shadow: var(--ip-golge-l);
}
.ip-cekmece--sag { right: 0; transform: translateX(105%); }
.ip-cekmece--sol { left: 0; transform: translateX(-105%); width: min(380px, 88vw); }
.ip-cekmece.is-acik { transform: none; }
[data-ip-sepet-icerik], .ip-sepet { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.ip-mnav { flex: 1 1 auto; min-height: 0; align-content: start; }
.ip-cekmece__ust, .ip-cekmece__alt { flex: none; }
.ip-cekmece__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--ip-cizgi); flex: none; }
.ip-cekmece__baslik { font-family: var(--ip-serif); font-size: 26px; font-weight: 500; margin: 0; }
.ip-cekmece__baslik span { font-family: var(--ip-sans); font-size: 15px; color: var(--ip-soluk); font-weight: 600; }
.ip-cekmece__logo { height: 40px; width: auto; }
.ip-cekmece__alt { padding: 20px; display: grid; gap: 10px; margin-top: auto; border-top: 1px solid var(--ip-cizgi); }
.ip-mnav { display: grid; padding: 8px 12px; overflow-y: auto; }
.ip-mnav > a, .ip-mnav summary { display: block; padding: 14px 10px; font-size: 18px; font-weight: 600; color: var(--ip-murekkep); border-bottom: 1px solid var(--ip-cizgi); cursor: pointer; list-style: none; }
.ip-mnav summary::-webkit-details-marker { display: none; }
.ip-mnav summary::after { content: "+"; float: right; font-weight: 400; }
.ip-mnav details[open] summary::after { content: "−"; }
.ip-mnav details a { display: block; padding: 10px 10px 10px 22px; color: var(--ip-soluk); font-weight: 600; }

/* Sepet çekmecesi */
.ip-sepet__puan { display: flex; align-items: center; gap: 8px; justify-content: center; margin: 0; padding: 10px 20px; background: var(--ip-krem); font-size: 13px; color: var(--ip-yazi); }
.ip-kargo { padding: 14px 20px; border-bottom: 1px solid var(--ip-cizgi); }
.ip-kargo p { margin: 0 0 8px; font-size: 14px; }
.ip-kargo--tamam { color: var(--ip-yesil); font-weight: 700; }
.ip-kargo__yol { height: 7px; border-radius: 99px; background: var(--ip-krem-koyu); overflow: hidden; }
.ip-kargo__yol span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ip-ana-acik), var(--ip-ana)); transition: width .6s; }
.ip-sepet__liste { flex: 1; overflow-y: auto; padding: 6px 20px; }
.ip-sepet__kalem { display: grid; grid-template-columns: 84px 1fr auto; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--ip-cizgi); }
.ip-sepet__gorsel { display: block; aspect-ratio: 1; border-radius: var(--ip-r-s); overflow: hidden; background: var(--ip-krem); }
.ip-sepet__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ip-sepet__bilgi { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ip-sepet__ad { font-weight: 700; font-size: 14.5px; line-height: 1.35; color: var(--ip-murekkep); }
.ip-sepet__not { font-size: 12.5px; color: var(--ip-soluk); }
.ip-sepet__satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 6px; }
.ip-sepet__fiyat { font-weight: 800; font-size: 15px; }
.ip-sepet__sil { width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: var(--ip-soluk); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ip-sepet__sil:hover { background: var(--ip-krem); color: var(--ip-murekkep); }
.ip-sepet__sil svg { width: 16px; height: 16px; }
.ip-sepet__bos { text-align: center; padding: 60px 10px; color: var(--ip-soluk); }
.ip-sepet__bos svg { width: 56px; height: 56px; color: var(--ip-ana-acik); margin-bottom: 8px; }
.ip-sepet__alt { padding: 16px 20px 20px; border-top: 1px solid var(--ip-cizgi); background: #fff; flex: none; }
.ip-sepet__toplam { display: flex; justify-content: space-between; font-size: 14px; color: var(--ip-soluk); margin-bottom: 6px; }
.ip-sepet__toplam--buyuk { font-size: 17px; font-weight: 800; color: var(--ip-murekkep); margin: 10px 0 14px; }
.ip-sepet__toplam small { font-weight: 500; color: var(--ip-soluk); font-size: 12px; }
.ip-sepet__git { display: block; text-align: center; margin-top: 10px; font-size: 13.5px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; color: var(--ip-soluk); }
.ip-sepet.is-yukleniyor { opacity: .55; pointer-events: none; }

/* Adet seçici */
.ip-adet { display: inline-flex; align-items: center; border: 1.5px solid var(--ip-cizgi); border-radius: 999px; height: 56px; background: #fff; flex: none; }
.ip-adet button { width: 44px; height: 100%; border: 0; background: none; font-size: 20px; color: var(--ip-murekkep); cursor: pointer; border-radius: 999px; }
.ip-adet button:hover { background: var(--ip-krem); }
.ip-adet input { width: 36px; border: 0; text-align: center; font-weight: 800; font-size: 16px; background: none; -moz-appearance: textfield; }
.ip-adet input::-webkit-outer-spin-button, .ip-adet input::-webkit-inner-spin-button { -webkit-appearance: none; }
.ip-adet--kucuk { height: 34px; }
.ip-adet--kucuk button { width: 32px; font-size: 16px; }
.ip-adet--kucuk span { min-width: 22px; text-align: center; font-weight: 800; font-size: 14px; }

/* Arama */
.ip-arama { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: var(--ip-beyaz); padding: 24px 0 20px; transform: translateY(-110%); transition: transform 350ms cubic-bezier(.2, .8, .2, 1); box-shadow: var(--ip-golge-l); }
.ip-arama.is-acik { transform: none; }
.ip-arama__form { display: flex; align-items: center; gap: 12px; border-bottom: 2px solid var(--ip-murekkep); padding-bottom: 10px; }
.ip-arama__form > svg { width: 26px; height: 26px; flex: none; }
.ip-arama__form input { flex: 1; border: 0; background: none; font-size: clamp(18px, 2.4vw, 26px); font-family: var(--ip-serif); outline: none; min-width: 0; }
.ip-arama__oneri { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 14px; font-size: 14px; }
.ip-arama__oneri span { color: var(--ip-soluk); font-weight: 600; }
.ip-arama__oneri a { padding: 6px 14px; border-radius: 999px; background: var(--ip-krem); font-weight: 600; }
.ip-arama__oneri a:hover { background: var(--ip-krem-koyu); }

/* =====================================================================
   HERO
   ===================================================================== */
.ip-hero { background: radial-gradient(1200px 500px at 85% 20%, #fff 0%, transparent 60%), var(--ip-krem); overflow: hidden; }
.ip-hero__ic { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 48px; min-height: min(760px, calc(100svh - 150px)); padding-top: 48px; padding-bottom: 56px; }
.ip-hero__baslik { font-size: clamp(42px, 6.2vw, 84px); line-height: 1.02; letter-spacing: -.03em; font-weight: 400; }
.ip-hero__aciklama { font-size: clamp(16.5px, 1.4vw, 19px); color: var(--ip-yazi); max-width: 520px; margin: 24px 0 0; line-height: 1.65; }
.ip-hero__butonlar { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 28px; margin: 34px 0 0; }
.ip-hero__puan { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 28px 0 0; font-size: 14.5px; }
.ip-hero__puan b { font-size: 17px; color: var(--ip-murekkep); }
.ip-hero__puan span:last-child { color: var(--ip-soluk); }
.ip-hero__puan--kucuk { margin-top: 14px; }
.ip-hero .ip-guven { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--ip-cizgi); }
.ip-hero__gorsel { position: relative; justify-self: center; width: min(100%, 540px); }
.ip-kemer { aspect-ratio: 4 / 5; border-radius: 999px 999px var(--ip-r-l) var(--ip-r-l); overflow: hidden; background: var(--ip-krem-koyu); box-shadow: var(--ip-golge-l); }
.ip-kemer img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); transition: transform 1.2s ease; }
.ip-hero__gorsel:hover .ip-kemer img { transform: scale(1.06); }
.ip-hero__damga {
    position: absolute; top: 12%; left: -28px; padding: 12px 18px; border-radius: 999px; background: #fff; box-shadow: var(--ip-golge);
    font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ip-ana-koyu);
    animation: ip-sallan 6s ease-in-out infinite;
}
@keyframes ip-sallan { 50% { transform: translateY(-8px); } }
.ip-hero__urun {
    position: absolute; right: -24px; bottom: 9%; display: flex; align-items: center; gap: 12px; padding: 10px 16px 10px 10px;
    background: rgba(255, 255, 255, .95); border-radius: var(--ip-r); box-shadow: var(--ip-golge-l); max-width: 290px;
}
.ip-hero__urun img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; background: var(--ip-krem); }
.ip-hero__urun span { display: grid; line-height: 1.3; min-width: 0; }
.ip-hero__urun b { font-size: 14px; color: var(--ip-murekkep); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-hero__urun small { color: var(--ip-soluk); font-weight: 700; font-size: 13px; }
.ip-hero__urun svg { width: 18px; height: 18px; flex: none; color: var(--ip-ana); }

/* Panel slaytları */
.ip-slayt { position: relative; min-height: min(680px, 80svh); overflow: hidden; background: var(--ip-krem); }
.ip-slayt__oge { position: absolute; inset: 0; display: flex; align-items: center; background-size: cover; background-position: center; opacity: 0; transition: opacity .9s; }
.ip-slayt__oge::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(247, 241, 235, .92) 0%, rgba(247, 241, 235, .6) 45%, transparent 75%); }
.ip-slayt__oge.is-aktif { opacity: 1; z-index: 1; }
.ip-slayt__oge .ip-kap { position: relative; }
.ip-slayt__icerik { max-width: 560px; }
.ip-slayt__icerik--orta { margin: 0 auto; text-align: center; }
.ip-slayt__icerik--sag { margin-left: auto; }
.ip-slayt__baslik { font-size: clamp(38px, 5.4vw, 72px); margin-bottom: 18px; }
.ip-slayt__icerik p { font-size: 18px; margin-bottom: 28px; }
.ip-slayt__noktalar { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; gap: 8px; z-index: 2; }
.ip-slayt__noktalar button { width: 10px; height: 10px; border-radius: 99px; border: 0; background: rgba(43, 33, 29, .25); cursor: pointer; transition: all var(--ip-gecis); padding: 0; }
.ip-slayt__noktalar button.is-aktif { width: 28px; background: var(--ip-murekkep); }

/* Kayan rozet şeridi */
.ip-kayan { background: var(--ip-murekkep); color: #F4ECE6; overflow: hidden; padding: 18px 0; }
.ip-kayan__serit { display: flex; width: max-content; animation: ip-kay 38s linear infinite; }
.ip-kayan:hover .ip-kayan__serit { animation-play-state: paused; }
.ip-kayan__oge { display: inline-flex; align-items: center; gap: 18px; padding-right: 36px; font-family: var(--ip-serif); font-size: clamp(18px, 2vw, 24px); white-space: nowrap; font-style: italic; }
.ip-kayan__oge svg { width: 16px; height: 16px; color: var(--ip-ana-acik); }
@keyframes ip-kay { to { transform: translateX(-50%); } }

/* =====================================================================
   BÖLÜMLER
   ===================================================================== */
.ip-bolum { padding: clamp(64px, 8vw, 110px) 0; }
.ip-bolum--ust0 { padding-top: 0; }
.ip-bolum--krem { background: var(--ip-krem); }
.ip-bolum--krem + .ip-bolum--krem { padding-top: 0; }
.ip-bolum__baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 36px; flex-wrap: wrap; }
.ip-bolum__baslik--orta { justify-content: center; text-align: center; }
.ip-bolum__baslik--orta .ip-ust-baslik::after { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6; }

/* Kaydırmalı liste */
.ip-kaydir { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 4px 2px 18px; margin: -4px -2px 0; }
.ip-kaydir::-webkit-scrollbar { display: none; }
.ip-kaydir__oge { scroll-snap-align: start; min-width: 0; display: flex; }
.ip-kaydir__oge > * { width: 100%; }
.ip-kaydir--yorum { grid-auto-columns: calc((100% - 2 * 20px) / 3); }
.ip-kaydir--video { grid-auto-columns: calc((100% - 4 * 16px) / 5); gap: 16px; }
.ip-kaydir__oklar { display: flex; align-items: center; gap: 10px; }
.ip-kaydir__oklar .ip-bag { margin-right: 10px; }
.ip-ok { width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--ip-cizgi); background: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--ip-murekkep); transition: all var(--ip-gecis); }
.ip-ok:hover { background: var(--ip-murekkep); border-color: var(--ip-murekkep); color: #fff; }
.ip-ok:disabled { opacity: .35; pointer-events: none; }
.ip-ok svg { width: 20px; height: 20px; }

.ip-izgara { display: grid; gap: 28px 20px; }
.ip-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ip-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* =====================================================================
   ÜRÜN KARTI
   ===================================================================== */
.ip-kart { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: var(--ip-r); border: 1px solid var(--ip-cizgi); overflow: hidden; transition: box-shadow var(--ip-gecis), transform var(--ip-gecis), border-color var(--ip-gecis); height: 100%; }
.ip-kart:hover { box-shadow: var(--ip-golge-l); border-color: transparent; transform: translateY(-3px); }
.ip-kart__gorsel { position: relative; display: block; aspect-ratio: 1 / 1; background: var(--ip-krem); overflow: hidden; }
.ip-kart__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .5s, transform .8s ease; }
.ip-kart__img--iki { opacity: 0; }
.ip-kart:hover .ip-kart__img--iki { opacity: 1; }
.ip-kart:hover .ip-kart__img { transform: scale(1.04); }
.ip-kart__rozetler { position: absolute; top: 12px; left: 12px; right: 56px; display: flex; flex-wrap: wrap; gap: 6px; z-index: 2; pointer-events: none; }
.ip-kart__favori { position: absolute; top: 10px; right: 10px; z-index: 3; margin: 0; }
.ip-kart__favori button { width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; color: var(--ip-murekkep); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.ip-kart__favori button.is-aktif { color: var(--ip-vurgu); }
.ip-kart__favori svg { width: 18px; height: 18px; }
.ip-kart__govde { display: flex; flex-direction: column; gap: 8px; padding: 18px 18px 18px; flex: 1; }
.ip-kart__ad { font-family: var(--ip-serif); font-size: 20px; font-weight: 500; line-height: 1.2; margin: 0; letter-spacing: -.01em; }
.ip-kart__ad a:hover { color: var(--ip-ana-koyu); }
.ip-kart__puan { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; }
.ip-kart__alt { margin: 0; font-size: 13px; color: var(--ip-soluk); line-height: 1.45; }
.ip-kart__fiyat { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 2px; }
.ip-kart .ip-maddeler { margin: 6px 0 2px; padding-top: 12px; border-top: 1px dashed var(--ip-cizgi); }
.ip-kart .ip-maddeler li { font-size: 13px; }
.ip-kart__eylem { display: flex; gap: 8px; margin-top: auto; padding-top: 12px; }
.ip-kart__eylem .ip-btn--cizgi { flex: 1; min-width: 0; font-size: 12.5px; padding: 0 14px; }
.ip-kart__eylem form { margin: 0; }
.ip-kart.is-tukendi .ip-kart__img { filter: grayscale(.5); opacity: .8; }

/* =====================================================================
   VİDEO, ÇÖZÜM, YORUM
   ===================================================================== */
.ip-video { position: relative; aspect-ratio: 9 / 16; border-radius: var(--ip-r); overflow: hidden; background: var(--ip-murekkep); }
.ip-video video { width: 100%; height: 100%; object-fit: cover; }
.ip-video__oynat { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .9); color: var(--ip-murekkep); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity var(--ip-gecis); }
.ip-video__oynat svg { width: 24px; height: 24px; margin-left: 3px; }
.ip-video.is-oynuyor .ip-video__oynat { opacity: 0; }
.ip-video__urun { position: absolute; left: 10px; right: 10px; bottom: 10px; display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 14px; background: rgba(255, 255, 255, .95); }
.ip-video__urun img { width: 42px; height: 42px; border-radius: 10px; object-fit: cover; }
.ip-video__urun span { display: grid; min-width: 0; line-height: 1.25; }
.ip-video__urun b { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-video__urun small { font-weight: 800; font-size: 12px; }
.ip-video__urun s { color: var(--ip-soluk); font-weight: 500; margin-right: 4px; }

.ip-cozum__ic { text-align: center; display: flex; flex-direction: column; align-items: center; }
.ip-cozum__ic .ip-ust-baslik::after { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6; }
.ip-cozum__liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 36px; max-width: 980px; }

.ip-yorum { position: relative; display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 26px; background: #fff; border-radius: var(--ip-r); border: 1px solid var(--ip-cizgi); height: 100%; }
.ip-yorum blockquote { margin: 0; font-family: var(--ip-serif); font-size: 18.5px; line-height: 1.5; color: var(--ip-murekkep); flex: 1; }
.ip-yorum blockquote::before { content: "“"; display: block; font-size: 54px; line-height: .6; color: var(--ip-ana-acik); height: 22px; }
.ip-yorum figcaption { display: flex; align-items: center; gap: 12px; }
.ip-yorum figcaption span:last-child { display: grid; line-height: 1.3; }
.ip-yorum figcaption small { color: var(--ip-yesil); font-weight: 700; font-size: 12px; }
.ip-yorum figcaption small::before { content: "✓ "; }
.ip-yorum__harf { width: 40px; height: 40px; flex: none; border-radius: 50%; background: var(--ip-krem-koyu); color: var(--ip-ana-koyu); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; }
.ip-yorum__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.ip-yorum__foto--kucuk { width: 96px; height: 96px; aspect-ratio: 1; }
.ip-yorum__urun { display: flex; align-items: center; gap: 10px; padding: 10px; margin: 0 -8px -8px; border-radius: 12px; background: var(--ip-krem); font-size: 13px; font-weight: 700; }
.ip-yorum__urun img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.ip-yorum__urun span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-yorum__urun em { font-style: normal; color: var(--ip-ana-koyu); white-space: nowrap; font-size: 12px; }
.ip-yorum__urun:hover { background: var(--ip-krem-koyu); }

/* Setler afişi */
.ip-afis { display: grid; grid-template-columns: 1.15fr 1fr; border-radius: var(--ip-r-l); overflow: hidden; background: var(--ip-murekkep); margin-bottom: 36px; min-height: 380px; }
.ip-afis__gorsel { background: var(--ip-krem-koyu); }
.ip-afis__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ip-afis__metin { padding: clamp(32px, 5vw, 64px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #EFE5DE; }
.ip-afis__metin .ip-h2 { color: #fff; }
.ip-afis__metin .ip-ust-baslik { color: var(--ip-ana-acik); }
.ip-afis__metin p { margin: 16px 0 28px; font-size: 17px; max-width: 420px; }
.ip-afis { margin-bottom: 0; }
.ip-afis + .ip-izgara { margin-top: 36px; }
.ip-afis__setler { display: grid; gap: 10px; width: 100%; margin-bottom: 24px; }
.ip-mini { display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: var(--ip-r); background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); transition: background var(--ip-gecis); }
.ip-mini:hover { background: rgba(255, 255, 255, .1); }
.ip-mini__gorsel { flex: none; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: var(--ip-krem); }
.ip-mini__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ip-mini__bilgi { flex: 1; min-width: 0; display: grid; gap: 2px; }
.ip-mini__bilgi b { color: #fff; font-size: 15px; }
.ip-mini__bilgi span { font-weight: 800; color: #F4ECE6; font-size: 14px; }
.ip-mini__bilgi s { color: #A99890; font-weight: 500; margin-left: 4px; }
.ip-mini__bilgi em { font-style: normal; color: #F1A792; font-size: 12px; margin-left: 4px; }
.ip-mini form { margin: 0; }
.ip-bag--acik { color: #fff; text-decoration-color: var(--ip-ana-acik); }
.ip-bag--acik:hover { color: #fff; }

/* İçerikler */
.ip-icerik__ic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: start; }
.ip-icerik__bas { position: sticky; top: 150px; }
.ip-icerik__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ip-icerik__liste li { padding: 24px; background: #fff; border-radius: var(--ip-r); border: 1px solid var(--ip-cizgi); transition: transform var(--ip-gecis), box-shadow var(--ip-gecis); }
.ip-icerik__liste li:hover { transform: translateY(-2px); box-shadow: var(--ip-golge); }
.ip-icerik__no { font-family: var(--ip-serif); font-style: italic; color: var(--ip-ana); font-size: 15px; }
.ip-icerik__liste h3 { font-family: var(--ip-serif); font-weight: 500; font-size: 21px; margin: 6px 0 8px; }
.ip-icerik__liste p { margin: 0; color: var(--ip-soluk); font-size: 14.5px; line-height: 1.6; }
.ip-yok { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; margin-top: 64px; padding: clamp(32px, 5vw, 56px); border-radius: var(--ip-r-l); background: var(--ip-murekkep); color: #E9DED7; }
.ip-yok .ip-h2 { color: #fff; }
.ip-yok .ip-ust-baslik { color: var(--ip-ana-acik); }
.ip-yok__bas p { margin: 14px 0 0; color: #CDBFB7; }
.ip-yok__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-content: center; }
.ip-yok__liste li { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--ip-r-s); }
.ip-yok__liste svg { width: 22px; height: 22px; flex: none; color: #E48F79; margin-top: 1px; }
.ip-yok__liste span { display: grid; gap: 2px; }
.ip-yok__liste b { color: #fff; font-size: 15.5px; }
.ip-yok__liste small { color: #BDAEA6; font-size: 13px; line-height: 1.5; }

/* Hikâye */
.ip-hikaye__ic { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.ip-hikaye__gorsel { position: relative; }
.ip-hikaye__gorsel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--ip-r-l); }
.ip-hikaye__gorsel::after { content: ""; position: absolute; inset: 22px -22px -22px 22px; border: 1.5px solid var(--ip-ana-acik); border-radius: var(--ip-r-l); z-index: -1; }
.ip-hikaye__govde { margin: 22px 0; font-size: 17px; line-height: 1.8; color: var(--ip-yazi); }
.ip-hikaye__imza { font-family: var(--ip-serif); font-style: italic; font-size: 24px; color: var(--ip-ana-koyu); margin: 0 0 26px; }

/* Blog */
.ip-yazi { display: flex; flex-direction: column; gap: 8px; }
.ip-yazi__gorsel { display: block; aspect-ratio: 16 / 11; border-radius: var(--ip-r); overflow: hidden; background: var(--ip-krem); margin-bottom: 8px; }
.ip-yazi__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.ip-yazi:hover img { transform: scale(1.04); }
.ip-yazi .ip-ust-baslik { margin: 0; }
.ip-yazi h3 { font-family: var(--ip-serif); font-weight: 500; font-size: 22px; line-height: 1.25; margin: 0; }
.ip-yazi p { margin: 0; color: var(--ip-soluk); font-size: 14.5px; }
.ip-yazi em { font-style: normal; font-weight: 700; font-size: 14px; color: var(--ip-ana-koyu); }

/* SSS / akordeon */
.ip-sss { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: start; }
.ip-sss__liste { border-top: 1px solid var(--ip-cizgi); }
.ip-akordeon { border-bottom: 1px solid var(--ip-cizgi); }
.ip-akordeon > summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; cursor: pointer; list-style: none; font-weight: 700; font-size: 16.5px; color: var(--ip-murekkep); }
.ip-akordeon > summary::-webkit-details-marker { display: none; }
.ip-akordeon > summary::after { content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--ip-krem) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B211D' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat; transition: transform var(--ip-gecis); }
.ip-akordeon[open] > summary::after { transform: rotate(45deg); }
.ip-akordeon > p, .ip-akordeon > div, .ip-akordeon > table, .ip-akordeon > form { margin: 0 0 20px; color: var(--ip-yazi); }
.ip-akordeon--kutu { margin-top: 24px; border: 1.5px solid var(--ip-murekkep); border-radius: var(--ip-r); padding: 0 20px; background: #fff; }
.ip-akordeon--kutu > summary { padding: 16px 0; }

/* Sekmeli koleksiyonlar */
.ip-sekmeler { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.ip-sekmeler::-webkit-scrollbar { display: none; }
.ip-sekmeler button { flex: none; min-height: 42px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--ip-cizgi); background: #fff; font-weight: 700; font-size: 14px; color: var(--ip-soluk); cursor: pointer; transition: all var(--ip-gecis); }
.ip-sekmeler button:hover { color: var(--ip-murekkep); border-color: var(--ip-murekkep); }
.ip-sekmeler button[aria-selected="true"] { background: var(--ip-murekkep); border-color: var(--ip-murekkep); color: #fff; }
.ip-sekme-panel[hidden] { display: none; }

/* Mağazalar */
.ip-magazalar { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.ip-magaza { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 170px; height: 110px; padding: 16px; border: 1px solid var(--ip-cizgi); border-radius: var(--ip-r); background: #fff; font-size: 13px; font-weight: 700; color: var(--ip-soluk); transition: all var(--ip-gecis); }
.ip-magaza img { max-height: 40px; max-width: 120px; object-fit: contain; filter: grayscale(1); opacity: .8; transition: all var(--ip-gecis); }
.ip-magaza:hover { border-color: var(--ip-murekkep); }
.ip-magaza:hover img { filter: none; opacity: 1; }

/* Kapanış */
.ip-kapanis { position: relative; overflow: hidden; padding: clamp(72px, 10vw, 130px) 0; text-align: center; background: radial-gradient(700px 360px at 50% 115%, rgba(241, 196, 180, .45), transparent 70%), radial-gradient(900px 500px at 0% 0%, rgba(255, 255, 255, .08), transparent 60%), linear-gradient(160deg, var(--ip-ana-koyu), var(--ip-ana)); color: #FBF1EC; }
.ip-kapanis .ip-kap { position: relative; }
.ip-kapanis__baslik { color: #fff; font-size: clamp(34px, 5vw, 64px); max-width: 860px; margin: 0 auto 18px; }
.ip-kapanis p { max-width: 540px; margin: 0 auto 32px; font-size: 17.5px; }

/* =====================================================================
   ALT BİLGİ
   ===================================================================== */
.ip-alt { background: var(--ip-murekkep); color: #CBBDB5; font-size: 14.5px; }
.ip-bulten { background: var(--ip-krem-koyu); color: var(--ip-yazi); padding: 48px 0; }
.ip-bulten__ic { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.ip-bulten__baslik { font-size: clamp(26px, 3vw, 36px); margin-bottom: 6px; }
.ip-bulten p { margin: 0; color: var(--ip-soluk); }
.ip-bulten__form { display: flex; gap: 10px; flex-wrap: wrap; }
.ip-bulten__form input[type=email] { flex: 1; min-width: 220px; height: 56px; border-radius: 999px; border: 1.5px solid transparent; background: #fff; padding: 0 24px; font-size: 15px; outline: none; }
.ip-bulten__form input[type=email]:focus { border-color: var(--ip-murekkep); }
.ip-bulten__form .ip-btn { min-height: 56px; }
.ip-bulten__form .koruma-soru { flex-basis: 100%; margin: 0 !important; display: flex; align-items: center; gap: 10px; font-size: 13px; }
.ip-bulten__form .koruma-soru * { margin: 0 !important; }
.ip-bulten__form .koruma-soru input { height: 40px; border-radius: 999px; border: 1.5px solid transparent; padding: 0 16px; max-width: 140px; }
.ip-alt__izgara { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 36px; padding-top: 56px; padding-bottom: 40px; }
.ip-alt__logo { height: 54px; width: auto; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 16px; }
.ip-alt__marka p { max-width: 320px; line-height: 1.7; }
.ip-alt h3 { color: #fff; font-family: var(--ip-sans); font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin: 6px 0 18px; }
.ip-alt__kolon { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.ip-alt__kolon a:hover { color: #fff; }
.ip-alt__kolon p { margin: 0; line-height: 1.6; }
.ip-sosyal { display: flex; gap: 8px; margin-top: 18px; }
.ip-sosyal a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); display: inline-flex; align-items: center; justify-content: center; color: #fff; transition: all var(--ip-gecis); }
.ip-sosyal a:hover { background: #fff; color: var(--ip-murekkep); }
.ip-sosyal svg { width: 18px; height: 18px; }
.ip-alt__son { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 22px; padding-bottom: 22px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 13px; }
.ip-odeme { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ip-odeme__etiket { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-right: 4px; }
.ip-odeme__etiket svg { width: 15px; height: 15px; }
.ip-odeme__kart { padding: 5px 10px; border-radius: 6px; background: rgba(255, 255, 255, .08); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .03em; }
.ip-alt__kdv { font-size: 12px; opacity: .7; padding-bottom: 22px; margin: 0 auto; }

.ip-yukari { position: fixed; right: 18px; bottom: 86px; z-index: 950; width: 46px; height: 46px; border-radius: 50%; border: 0; background: #fff; color: var(--ip-murekkep); box-shadow: var(--ip-golge-l); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all var(--ip-gecis); }
.ip-yukari.is-gorunur { opacity: 1; visibility: visible; transform: none; }
.ip-yukari svg { width: 20px; height: 20px; }

/* =====================================================================
   LİSTE SAYFASI
   ===================================================================== */
.ip-sayfa-bas { background: var(--ip-krem); padding: 36px 0 32px; margin-bottom: 36px; }
.ip-sayfa-bas__metin { color: var(--ip-soluk); max-width: 640px; margin: 12px 0 0; font-size: 16.5px; }
.ip-kirinti { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 600; color: var(--ip-soluk); margin-bottom: 14px; }
.ip-kirinti a:hover { color: var(--ip-murekkep); }
.ip-kirinti--ust { padding: 20px 0 0; margin-bottom: 18px; }
.ip-hap-serit { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-top: 26px; padding-bottom: 2px; }
.ip-hap-serit::-webkit-scrollbar { display: none; }
.ip-hap-serit .ip-hap { min-height: 42px; padding: 0 18px; font-size: 14px; flex: none; }
.ip-hap-serit--alt { margin-top: 10px; }
.ip-arac { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 26px; flex-wrap: wrap; }
.ip-arac .ip-soluk { margin: 0; font-size: 14px; font-weight: 600; }
.ip-arac .ip-btn svg { width: 18px; }
.ip-arac .ip-btn:hover svg { transform: none; }
.ip-sirala { margin: 0; }
.ip-sirala select, .ip-girdi {
    height: 46px; border-radius: 999px; border: 1.5px solid var(--ip-cizgi); background: #fff; padding: 0 18px;
    font-size: 14.5px; font-weight: 600; color: var(--ip-murekkep); outline: none; font-family: inherit; width: auto;
}
textarea.ip-girdi { border-radius: var(--ip-r-s); height: auto; padding: 12px 16px; width: 100%; font-weight: 500; }
.ip-girdi:focus, .ip-sirala select:focus { border-color: var(--ip-murekkep); }
.ip-sirala select { padding-right: 36px; cursor: pointer; }
.ip-filtre { display: flex; flex-direction: column; padding: 0 20px; overflow-y: auto; flex: 1; }
.ip-filtre__fiyat { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; }
.ip-filtre__fiyat .ip-girdi { width: 100%; min-width: 0; }
.ip-secim { display: flex; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; font-weight: 600; font-size: 15px; }
.ip-secim input { width: 18px; height: 18px; accent-color: var(--ip-murekkep); }
.ip-renk { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .15); }
.ip-filtre__alt { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 20px 0; margin-top: auto; position: sticky; bottom: 0; background: var(--ip-beyaz); }
.ip-bos { text-align: center; padding: 60px 0; color: var(--ip-soluk); }
.ip-sayfalama { margin-top: 48px; display: flex; justify-content: center; }
.ip-sayfalama .pagination { gap: 6px; }
.ip-sayfalama .page-link { border-radius: 999px !important; border: 1.5px solid var(--ip-cizgi); color: var(--ip-murekkep); min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.ip-sayfalama .active .page-link { background: var(--ip-murekkep); border-color: var(--ip-murekkep); color: #fff; }
.ip-metin { line-height: 1.8; }

/* =====================================================================
   ÜRÜN DETAY
   ===================================================================== */
.ip-urun { padding-bottom: 72px; }
.ip-urun__ic { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.ip-galeri { position: sticky; top: 150px; display: grid; gap: 12px; }
.ip-galeri__ana { position: relative; aspect-ratio: 1; border-radius: var(--ip-r-l); overflow: hidden; background: var(--ip-krem); }
.ip-galeri__ana img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s; }
.ip-galeri__ana .ip-kart__rozetler { top: 18px; left: 18px; }
.ip-galeri__kucukler { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 10px; }
.ip-galeri__kucukler button { aspect-ratio: 1; padding: 0; border: 2px solid transparent; border-radius: 14px; overflow: hidden; background: var(--ip-krem); cursor: pointer; transition: border-color var(--ip-gecis); }
.ip-galeri__kucukler button.is-aktif, .ip-galeri__kucukler button:hover { border-color: var(--ip-murekkep); }
.ip-galeri__kucukler img { width: 100%; height: 100%; object-fit: cover; }
.ip-urun__bilgi { padding-top: 4px; }
.ip-urun__ad { font-size: clamp(32px, 3.6vw, 48px); margin-bottom: 10px; }
.ip-urun__alt { color: var(--ip-soluk); font-size: 16px; margin: 0 0 12px; }
.ip-urun__puan { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 18px; }
.ip-urun__puan span { color: var(--ip-soluk); text-decoration: underline; text-underline-offset: 3px; }
.ip-urun__fiyat { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 18px 0; border-top: 1px solid var(--ip-cizgi); border-bottom: 1px solid var(--ip-cizgi); }
.ip-uyari { display: inline-flex; align-items: center; gap: 10px; margin: 20px 0 0; padding: 8px 14px; border-radius: 999px; background: var(--ip-vurgu-zemin); color: var(--ip-vurgu); font-size: 14px; font-weight: 600; }
.ip-nabiz { width: 9px; height: 9px; border-radius: 50%; background: var(--ip-vurgu); box-shadow: 0 0 0 0 rgba(162, 72, 47, .6); animation: ip-nabiz 1.6s infinite; }
@keyframes ip-nabiz { 70% { box-shadow: 0 0 0 9px rgba(162, 72, 47, 0); } 100% { box-shadow: 0 0 0 0 rgba(162, 72, 47, 0); } }
.ip-kanit { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 6px; font-size: 14px; color: var(--ip-yazi); }
.ip-kanit li::before { content: "● "; color: var(--ip-yesil); font-size: 10px; vertical-align: 2px; }
.ip-sepet-form { margin: 24px 0 0; }
.ip-sepet-form__satir { display: flex; gap: 10px; }
.ip-varyant { border: 0; padding: 0; margin: 0 0 18px; }
.ip-varyant legend { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 10px; color: var(--ip-murekkep); float: none; width: auto; }
.ip-varyant__liste { display: flex; flex-wrap: wrap; gap: 8px; }
.ip-varyant__oge { position: relative; cursor: pointer; margin: 0; }
.ip-varyant__oge input { position: absolute; opacity: 0; }
.ip-varyant__oge span { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 18px; border: 1.5px solid var(--ip-cizgi); border-radius: 999px; font-weight: 700; font-size: 14px; transition: all var(--ip-gecis); background: #fff; }
.ip-varyant__oge input:checked + span { border-color: var(--ip-murekkep); background: var(--ip-murekkep); color: #fff; }
.ip-varyant__oge input:focus-visible + span { outline: 2px solid var(--ip-ana); outline-offset: 2px; }
.ip-varyant__oge.is-tukendi span { opacity: .45; text-decoration: line-through; cursor: not-allowed; }
.ip-urun__ikincil { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; }
.ip-urun__ikincil form { margin: 0; }
.ip-urun__ikincil .ip-bag { font-size: 13.5px; text-decoration-color: var(--ip-cizgi); }
.ip-akordeonlar { margin-top: 8px; border-top: 1px solid var(--ip-cizgi); }
.ip-tablo { width: 100%; font-size: 14px; border-collapse: collapse; }
.ip-tablo td { padding: 8px 0; border-bottom: 1px dashed var(--ip-cizgi); }
.ip-tablo td:nth-child(2) { text-align: right; }
.ip-tablo td:last-child { text-align: right; padding-left: 12px; }
.ip-kutu { margin: 24px 0 0; padding: 22px; border-radius: var(--ip-r); border: 1px solid var(--ip-cizgi); }
.ip-kutu p { margin: 0 0 14px; font-size: 14.5px; }
.ip-kutu--krem { background: var(--ip-krem); border-color: transparent; }
.ip-satir-form, .ip-abone { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; }
.ip-satir-form .ip-girdi { flex: 1; min-width: 200px; }
.ip-abone .ip-girdi { width: 90px; }
.ip-abone select.ip-girdi { width: auto; flex: 1; }

.ip-yorumlar { display: grid; grid-template-columns: .75fr 1.25fr; gap: 56px; align-items: start; }
.ip-yorumlar__ozet { position: sticky; top: 150px; }
.ip-yorumlar__skor { display: flex; align-items: center; gap: 16px; margin: 20px 0 16px; }
.ip-yorumlar__skor > b { font-family: var(--ip-serif); font-size: 64px; font-weight: 500; line-height: 1; color: var(--ip-murekkep); }
.ip-yorumlar__skor > div { display: grid; gap: 4px; font-size: 14px; }
.ip-yorumlar__skor .ip-yildiz { font-size: 20px; }
.ip-dagilim { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.ip-dagilim li { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; gap: 10px; }
.ip-dagilim__cubuk { height: 8px; border-radius: 99px; background: var(--ip-krem-koyu); overflow: hidden; }
.ip-dagilim__cubuk span { display: block; height: 100%; background: var(--ip-yildiz); border-radius: inherit; }
.ip-yorumlar__liste { display: grid; gap: 14px; }
.ip-yorum--satir { padding: 22px 24px; gap: 10px; }
.ip-yorum--satir p { margin: 0; font-size: 15.5px; line-height: 1.7; }
.ip-yorum__ust { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.ip-yorum__kim { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.ip-yorum__kim .ip-yorum__harf { width: 32px; height: 32px; font-size: 13px; }
.ip-form { display: grid; gap: 14px; padding-bottom: 20px; }
.ip-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: var(--ip-murekkep); }
.ip-form .ip-girdi { width: 100%; border-radius: var(--ip-r-s); font-weight: 500; }
.ip-puan-sec { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; }
.ip-puan-sec legend { font-size: 13px; font-weight: 700; margin-bottom: 4px; float: left; width: 100%; }
.ip-puan-sec input { position: absolute; opacity: 0; }
.ip-puan-sec label { font-size: 30px; color: #E3D8CE; cursor: pointer; line-height: 1; transition: color .15s; }
.ip-puan-sec input:checked ~ label, .ip-puan-sec label:hover, .ip-puan-sec label:hover ~ label { color: var(--ip-yildiz); }

.ip-yapiskan { position: fixed; left: 0; right: 0; bottom: 0; z-index: 940; display: none; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 253, 251, .97); backdrop-filter: blur(10px); border-top: 1px solid var(--ip-cizgi); box-shadow: 0 -8px 24px rgba(0, 0, 0, .06); transform: translateY(110%); transition: transform var(--ip-gecis); }
.ip-yapiskan.is-gorunur { transform: none; }
.ip-yapiskan img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.ip-yapiskan div { display: grid; flex: 1; min-width: 0; line-height: 1.3; font-size: 13px; }
.ip-yapiskan b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-yapiskan span { font-weight: 800; }

/* Çekirdek "birlikte al" kutusu tema içinde */
.ip-govde .birlikte__kutu { max-width: var(--ip-kap); margin: 0 auto 56px; padding: 28px; border-radius: var(--ip-r-l); background: var(--ip-krem); border: 0; }
.ip-govde .birlikte__baslik { font-family: var(--ip-serif); font-weight: 500; }

/* Bildirimler (çekirdek) */
.ip-govde .bildirim__alan { margin-top: 18px; }
.ip-govde .bildirim { border-radius: var(--ip-r-s); }

/* Toast */
.ip-tost { position: fixed; left: 50%; bottom: 24px; z-index: 1100; transform: translate(-50%, 140%); display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-radius: 999px; background: var(--ip-murekkep); color: #fff; font-weight: 600; font-size: 14px; box-shadow: var(--ip-golge-l); transition: transform 380ms cubic-bezier(.2, .8, .2, 1); max-width: calc(100vw - 32px); }
.ip-tost.is-gorunur { transform: translate(-50%, 0); }
.ip-tost--hata { background: var(--ip-vurgu); }

/* Çekirdek sayfalardaki birincil düğmeler de temaya uysun */
.ip-govde .primary__btn { border-radius: 999px; background: var(--ip-murekkep); font-family: var(--ip-sans); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: 13.5px; }
.ip-govde .primary__btn:hover { background: var(--ip-ana-koyu); }
.ip-govde .breadcrumb__section { background: var(--ip-krem) !important; }
.ip-govde .breadcrumb__content--title, .ip-govde .section__heading--maintitle { font-family: var(--ip-serif); font-weight: 500; color: var(--ip-murekkep); }
.ip-govde .form__alan { border-radius: var(--ip-r-s); }

/* =====================================================================
   DUYARLI
   ===================================================================== */
@media (max-width: 1199px) {
    .ip-nav__link { padding: 10px 10px; font-size: 14px; }
    .ip-alt__izgara { grid-template-columns: repeat(3, 1fr); }
    .ip-alt__marka { grid-column: 1 / -1; }
    .ip-kaydir { grid-auto-columns: calc((100% - 2 * 20px) / 3); }
    .ip-kaydir--video { grid-auto-columns: calc((100% - 3 * 16px) / 4); }
    .ip-hero__urun { right: 0; }
    .ip-hero__damga { left: 0; }
}
@media (max-width: 991px) {
    .ip-nav { display: none; }
    .ip-ust__menu { display: inline-flex; }
    .ip-ust__ic { gap: 8px; min-height: 64px; }
    .ip-logo { margin: 0 auto; }
    .ip-logo img { height: 42px; }
    .ip-ust__ikonlar { margin-left: 0; }
    .ip-duyuru__ic { grid-template-columns: 1fr; }
    .ip-duyuru__sol, .ip-duyuru__sag { display: none; }
    .ip-duyuru__serit { width: 100%; }
    .ip-hizli__serit { justify-content: flex-start; }

    .ip-hero__ic { grid-template-columns: 1fr; min-height: 0; gap: 36px; padding-top: 32px; }
    .ip-hero__gorsel { width: min(100%, 460px); }
    .ip-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ip-izgara--3 { grid-template-columns: 1fr 1fr; }
    .ip-kaydir--yorum { grid-auto-columns: calc((100% - 20px) / 2); }
    .ip-afis { grid-template-columns: 1fr; }
    .ip-afis__gorsel { aspect-ratio: 16 / 9; }
    .ip-icerik__ic, .ip-yok, .ip-sss, .ip-yorumlar, .ip-hikaye__ic { grid-template-columns: 1fr; gap: 32px; }
    .ip-icerik__bas, .ip-yorumlar__ozet { position: static; }
    .ip-urun__ic { grid-template-columns: 1fr; }
    .ip-galeri { position: static; }
    .ip-bulten__ic { grid-template-columns: 1fr; }
    .ip-yapiskan { display: flex; }
    .ip-sayfa-urun .ip-yukari { bottom: 90px; }
    .ip-hikaye__gorsel { max-width: 520px; }
}
@media (max-width: 640px) {
    body.ip-govde { font-size: 15px; }
    .ip-kap { padding: 0 16px; }
    .ip-mobil-gizle { display: none; }
    .ip-ikon-btn { width: 40px; height: 40px; }
    .ip-hizli__link { font-size: 13px; padding: 5px 12px; }
    .ip-hero__butonlar .ip-btn { width: 100%; }
    .ip-hero__damga { top: 6%; font-size: 11px; padding: 9px 14px; }
    .ip-hero__urun { left: 12px; right: 12px; bottom: 16px; max-width: none; }
    .ip-guven { gap: 10px 16px; }
    .ip-guven li { font-size: 13px; }
    .ip-kaydir { grid-auto-columns: 78%; gap: 14px; }
    .ip-kaydir--yorum { grid-auto-columns: 86%; }
    .ip-kaydir--video { grid-auto-columns: 58%; }
    .ip-kaydir__oklar .ip-ok { display: none; }
    .ip-izgara { gap: 16px 12px; }
    .ip-izgara--3 { grid-template-columns: 1fr; }
    .ip-kart__govde { padding: 14px 12px; gap: 6px; }
    .ip-kart__ad { font-size: 17px; }
    .ip-kart .ip-maddeler { display: none; }
    .ip-kaydir .ip-kart .ip-maddeler { display: grid; }
    .ip-kart__rozetler { top: 8px; left: 8px; right: 44px; }
    .ip-etiket { height: 22px; padding: 0 8px; font-size: 10.5px; }
    .ip-kart__eylem .ip-btn--cizgi { font-size: 0; gap: 0; padding: 0; }
    .ip-kart__eylem .ip-btn--cizgi svg { width: 18px; height: 18px; }
    .ip-kaydir .ip-kart__eylem .ip-btn--cizgi { font-size: 12.5px; gap: 8px; padding: 0 14px; }
    .ip-fiyat { font-size: 17px; }
    .ip-icerik__liste, .ip-yok__liste { grid-template-columns: 1fr; }
    .ip-guven--kutu li { font-size: 11.5px; padding: 12px 4px; }
    .ip-alt__izgara { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
    .ip-guven--alt { display: grid; grid-template-columns: 1fr 1fr; }
    .ip-alt__son { flex-direction: column; align-items: flex-start; }
    .ip-sepet-form__satir .ip-btn__fiyat { display: none; }
    .ip-hikaye__gorsel::after { inset: 14px -10px -14px 10px; }
    .ip-arac { gap: 10px; }
    .ip-arac .ip-soluk { order: 3; width: 100%; }
    .ip-sirala select { max-width: 190px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
    .ip-kayan__serit { animation: none; flex-wrap: wrap; width: auto; justify-content: center; }
}