.zr-html {
    --zr-ink: var(--th-text, #111);
    --zr-muted: var(--th-muted, #6b6b6b);
    --zr-line: var(--th-border, #e6e6e6);
    --zr-bg: var(--th-bg, #fff);
    --zr-soft: var(--th-surface, #f6f6f6);
    --zr-accent: var(--th-primary, #111);
    --zr-sale: var(--th-sale, #c8102e);
    --zr-radius: var(--th-btn-radius, 0px);
    --fs-accent: var(--zr-accent);
    --fs-radius: var(--th-card-radius, 0px);
    --fs-border: var(--zr-line);
    background: var(--zr-bg);
}
.zr-body { background: var(--zr-bg); color: var(--zr-ink); letter-spacing: .005em; -webkit-font-smoothing: antialiased; }
.zr-body .fs-site-top { background: var(--zr-bg); }

.zr-ann { position: relative; display: flex; align-items: center; height: 36px; overflow: hidden; background: #111; color: #fff; font-size: calc(12px * var(--th-font-scale, 1)); font-weight: 500; letter-spacing: .04em; }
.zr-ann--upper { text-transform: uppercase; letter-spacing: .08em; }
.zr-ann a { color: inherit; text-decoration: none; }
.zr-ann a:hover { text-decoration: underline; }
.zr-ann__track { display: flex; width: max-content; animation: zr-marquee var(--zr-ann-speed, 34s) linear infinite; }
.zr-ann:hover .zr-ann__track, .zr-ann:focus-within .zr-ann__track { animation-play-state: paused; }
.zr-ann--closable { padding-right: 40px; }
.zr-ann__group { display: flex; align-items: center; gap: 28px; padding-right: 28px; white-space: nowrap; }
.zr-ann__sep { font-style: normal; opacity: .6; }
.zr-ann__stage { position: relative; width: 100%; height: 36px; text-align: center; }
.zr-ann__line { position: absolute; inset: 0; margin: 0; display: grid; place-items: center; opacity: 0; transform: translateY(8px); transition: opacity .45s, transform .45s; padding: 0 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zr-ann__line.is-active { opacity: 1; transform: none; }
.zr-ann__close { position: absolute; right: 0; top: 0; z-index: 2; width: 40px; height: 100%; border: 0; background: inherit; color: inherit; font-size: calc(20px * var(--th-font-scale, 1)); cursor: pointer; opacity: .8; }
@keyframes zr-marquee { to { transform: translateX(-50%); } }

.zr-header { position: relative; z-index: 40; background: var(--th-hdr-bg, var(--zr-bg)); color: var(--th-hdr-fg, var(--zr-ink)); border-bottom: 1px solid var(--zr-line); }
.zr-header.th-hdr--noborder { border-bottom: 0; }
.zr-header__inner { max-width: var(--th-container, 1440px); margin: 0 auto; height: 68px; padding: 0 20px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; }
@media (min-width: 1024px) {
    .zr-header--logo_left .zr-header__inner { grid-template-columns: auto 1fr auto; }
    .zr-header--logo_left .zr-header__logo { order: -1; }
    .zr-header--logo_left .zr-header__left { justify-content: flex-start; }
}
.zr-header__left, .zr-header__right { display: flex; align-items: center; gap: 4px; min-width: 0; }
.zr-header__right { justify-content: flex-end; }
.zr-header__logo { display: flex; align-items: center; justify-content: center; color: inherit; text-decoration: none; }
.zr-header__logo-img { display: block; width: var(--th-logo-w, 150px); max-height: 48px; height: auto; object-fit: contain; }
.zr-header__wordmark { font-family: var(--th-font-heading, inherit); font-size: calc(26px * var(--th-font-scale, 1)); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.zr-hbtn { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 10px; border: 0; background: none; color: inherit; font: inherit; font-size: calc(13px * var(--th-font-scale, 1)); font-weight: 500; text-decoration: none; cursor: pointer; border-radius: 6px; transition: background .15s, opacity .15s; }
.zr-hbtn:hover { background: rgb(0 0 0 / .04); }
.zr-hbtn .ui-icon, .zr-hbtn svg { width: 20px; height: 20px; stroke-width: 1.6; }
.zr-hbtn__label { white-space: nowrap; }
.zr-hbtn--bar { min-width: 220px; justify-content: flex-start; border: 1px solid var(--zr-line); border-radius: var(--th-input-radius, 999px); color: var(--zr-muted); }
.zr-dot { position: absolute; top: 10px; left: 24px; width: 7px; height: 7px; border-radius: 50%; background: var(--zr-sale); box-shadow: 0 0 0 2px var(--zr-bg); }
.zr-badge { position: absolute; top: 4px; left: 22px; min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: var(--zr-accent); color: var(--th-primary-text, #fff); font-size: calc(10px * var(--th-font-scale, 1)); font-weight: 700; line-height: 1; transition: transform .25s cubic-bezier(.3, .7, .3, 1.6); }
.zr-badge.is-updated { transform: scale(1.3); }
.zr-burger { display: inline-flex; flex-direction: column; gap: 4px; width: 20px; }
.zr-burger span { display: block; height: 1.6px; background: currentColor; border-radius: 2px; }
.zr-burger span:nth-child(2) { width: 70%; }
.zr-header__nav { border-top: 1px solid var(--zr-line); }
.zr-header__nav .sf-mega { max-width: var(--th-container, 1440px); margin: 0 auto; }
.zr-header__nav .sf-mega__bar { justify-content: center; }
.zr-header__nav .sf-mega__link { min-height: 46px; padding: 0 16px; text-transform: uppercase; letter-spacing: .08em; font-size: calc(12.5px * var(--th-font-scale, 1)); font-weight: 500; }
.zr-header__nav .sf-mega__link::after { bottom: 0; left: 16px; right: 16px; height: 2px; }
.zr-header__nav .sf-mega__panel { border-top-color: var(--zr-line); }
.zr-header__nav .sf-mega__head { font-weight: 600; letter-spacing: .1em; font-size: calc(12px * var(--th-font-scale, 1)); }
.zr-header__nav .sf-mega__feature, .zr-header__nav .sf-mega__thumb { border-radius: 0; }
.zr-header__nav .sf-mega__name { font-weight: 500; letter-spacing: .04em; text-transform: uppercase; font-size: calc(12px * var(--th-font-scale, 1)); }
.zr-header.th-hdr--sticky-scroll_up { transition: transform .3s; }
.zr-body.zr-hdr-hidden .fs-site-top { transform: translateY(-100%); }
.zr-body .fs-site-top { transition: transform .3s ease; }
.zr-body.zr-hdr-static .fs-site-top { position: relative; }
@media (max-width: 1279px) { .zr-header__left .zr-hbtn__label, .zr-header__right .zr-hbtn__label { display: none; } .zr-hbtn--menu .zr-hbtn__label { display: inline; } .zr-hbtn--bar { min-width: 0; border: 0; } .zr-hbtn--bar span { display: none; } }
@media (min-width: 1024px) { .zr-hbtn--menu { display: none; } }
@media (max-width: 1023px) {
    .zr-header__inner { height: 58px; padding: 0 8px; }
    .zr-header__nav { display: none; }
    .zr-hbtn { padding: 0 8px; }
    .zr-hbtn--menu .zr-hbtn__label { display: none; }
    .zr-header__logo-img { width: var(--th-logo-w-m, 110px); max-height: 38px; }
    .zr-header__wordmark { font-size: calc(20px * var(--th-font-scale, 1)); letter-spacing: .14em; }
    .zr-header__inner .zr-hbtn[href*="kampanyalar"], .zr-header__inner [aria-label="Kargo takibi"], .zr-header__right [aria-label="Favorilerim"] { display: none; }
}

.zr-mm { position: fixed; inset: 0; z-index: 5000; }
.zr-mm__backdrop { position: absolute; inset: 0; background: rgb(0 0 0 / .4); }
.zr-mm__panel { position: absolute; inset: 0 auto 0 0; width: min(440px, 100%); display: flex; flex-direction: column; background: #fff; color: #111; box-shadow: 20px 0 60px rgb(0 0 0 / .2); }
.zr-mm-enter, .zr-mm-leave { transition: transform .32s cubic-bezier(.2, .8, .2, 1), opacity .25s; }
.zr-mm-enter-start { transform: translateX(-100%); opacity: .6; }
.zr-mm-enter-end { transform: none; opacity: 1; }
.zr-mm__head { display: flex; align-items: center; justify-content: space-between; height: 58px; padding: 0 12px 0 18px; border-bottom: 1px solid var(--zr-line); }
.zr-mm__brand { font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: inherit; text-decoration: none; }
.zr-mm__brand img { max-height: 34px; width: auto; }
.zr-mm__close { width: 44px; height: 44px; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.zr-mm__tabs { display: flex; gap: 22px; padding: 0 18px; overflow-x: auto; border-bottom: 1px solid var(--zr-line); }
.zr-mm__tab { position: relative; padding: 14px 0; border: 0; background: none; font: inherit; font-size: calc(14px * var(--th-font-scale, 1)); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #8a8a8a; cursor: pointer; white-space: nowrap; }
.zr-mm__tab.is-active { color: #111; }
.zr-mm__tab.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #111; }
.zr-mm__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 24px; }
.zr-mm__circles { display: flex; gap: 14px; overflow-x: auto; padding: 18px; }
.zr-mm__circle { flex: none; width: 72px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: calc(12px * var(--th-font-scale, 1)); text-align: center; color: inherit; text-decoration: none; line-height: 1.25; }
.zr-mm__circle-img { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--zr-soft); display: grid; place-items: center; box-shadow: 0 0 0 1px var(--zr-line); }
.zr-mm__circle-img img { width: 100%; height: 100%; object-fit: cover; }
.zr-mm__circle-img b { font-size: calc(22px * var(--th-font-scale, 1)); font-weight: 600; color: #999; }
.zr-mm__list { list-style: none; margin: 0; padding: 0 18px; }
.zr-mm__list > li { border-bottom: 1px solid #f0f0f0; }
.zr-mm__row { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 0; border: 0; background: none; font: inherit; font-size: calc(15px * var(--th-font-scale, 1)); color: inherit; text-decoration: none; cursor: pointer; text-align: left; }
.zr-mm__row.is-hl, .zr-mm__sub a.is-hl { color: var(--zr-sale); font-weight: 600; }
.zr-mm__row--all { font-weight: 600; }
.zr-mm__chev { font-size: calc(20px * var(--th-font-scale, 1)); font-weight: 300; transition: transform .2s; }
.zr-mm__chev.is-open { transform: rotate(45deg); }
.zr-mm__sub { list-style: none; margin: 0; padding: 0 0 12px 12px; }
.zr-mm__sub a { display: block; padding: 9px 0; color: #555; text-decoration: none; font-size: calc(14px * var(--th-font-scale, 1)); }
.zr-mm__all { font-weight: 600; color: #111 !important; }
.zr-mm__list--plain { margin-top: 8px; }
.zr-mm__account { display: grid; margin: 20px 18px 0; padding: 8px 14px; background: var(--zr-soft); }
.zr-mm__account a, .zr-mm__account button { display: flex; align-items: center; gap: 12px; min-height: 46px; border: 0; background: none; font: inherit; font-size: calc(14px * var(--th-font-scale, 1)); color: inherit; text-decoration: none; cursor: pointer; text-align: left; }
.zr-mm__account .ui-icon, .zr-mm__account svg { width: 18px; height: 18px; }

.zr-body .fs-product-card { border-radius: var(--th-card-radius, 0); background: transparent; box-shadow: var(--th-card-shadow, none); border: 0; }
.zr-body .fs-product-card__media-wrap, .zr-body .fs-product-card__media { border-radius: var(--th-card-radius, 0); }
.zr-body .fs-product-card__media img { aspect-ratio: var(--th-card-ratio, 3/4); object-fit: cover; }
.zr-body .fs-product-card__body { padding: 10px 2px 6px; text-align: var(--th-card-align, left); }
.zr-body .fs-product-card__name { font-size: calc(13.5px * var(--th-font-scale, 1)); font-weight: 400; color: var(--zr-ink); line-height: 1.4; }
.zr-body .fs-product-card__meta { font-size: calc(12px * var(--th-font-scale, 1)); color: var(--zr-muted); }
.zr-body .fs-product-card__price-current { font-weight: 600; font-size: calc(14px * var(--th-font-scale, 1)); color: var(--zr-ink); }
.zr-body .fs-product-card__price-old { font-size: calc(12.5px * var(--th-font-scale, 1)); }
.zr-body .fs-product-card__pill { border-radius: 0; font-size: calc(10.5px * var(--th-font-scale, 1)); letter-spacing: .06em; text-transform: uppercase; font-weight: 600; background: #fff; color: #111; }
.zr-body .fs-product-card__pill--sale { background: var(--zr-sale); color: #fff; }
.zr-body .fs-product-card__pill--new { background: #111; color: #fff; }

.zr-list__circles { display: flex; gap: 18px; overflow-x: auto; margin: 0 calc(-1 * var(--fs-vitrin-pad, 12px)); padding: 2px var(--fs-vitrin-pad, 12px) 16px; justify-content: flex-start; }
@media (min-width: 1024px) { .zr-list__circles { justify-content: center; flex-wrap: wrap; } }
.zr-list__circle { flex: none; width: 86px; display: flex; flex-direction: column; align-items: center; gap: 8px; color: inherit; text-decoration: none; text-align: center; }
.zr-list__circle-img { width: 76px; height: 76px; border-radius: 50%; overflow: hidden; background: var(--zr-soft); box-shadow: 0 0 0 1px var(--zr-line); transition: box-shadow .2s; }
.zr-list__circle-img img { width: 100%; height: 100%; object-fit: cover; }
.zr-list__circle:hover .zr-list__circle-img, .zr-list__circle.is-active .zr-list__circle-img { box-shadow: 0 0 0 2px var(--zr-ink); }
.zr-list__circle-name { font-size: calc(12.5px * var(--th-font-scale, 1)); line-height: 1.3; }
.zr-list__circle-name small { color: var(--zr-muted); }
.zr-list__quick { display: flex; gap: 8px; overflow-x: auto; min-width: 0; margin: 0 calc(-1 * var(--fs-vitrin-pad, 12px)); padding: 0 var(--fs-vitrin-pad, 12px); }
@media (min-width: 1024px) { .zr-list__quick { margin: 0; padding: 0; } }
.zr-qchip { display: inline-flex; align-items: center; gap: 6px; flex: none; height: 34px; padding: 0 14px; border: 1px solid var(--zr-line); border-radius: 999px; background: #fff; color: var(--zr-ink); font: inherit; font-size: calc(13px * var(--th-font-scale, 1)); text-decoration: none; cursor: pointer; transition: border-color .15s, background .15s, color .15s; }
.zr-qchip:hover { border-color: var(--zr-ink); }
.zr-qchip.is-active { background: var(--zr-ink); border-color: var(--zr-ink); color: #fff; }
.zr-qchip .ui-icon, .zr-qchip svg { width: 15px; height: 15px; }
.zr-list__density { display: flex; gap: 2px; padding-left: 6px; border-left: 1px solid var(--zr-line); }
.zr-list__density button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; background: none; cursor: pointer; opacity: .45; transition: opacity .15s; }
.zr-list__density button.is-active, .zr-list__density button:hover { opacity: 1; }
.zr-dg { display: grid; gap: 2px; width: 16px; height: 16px; }
.zr-dg::before, .zr-dg::after { content: ""; }
.zr-dg--2 { grid-template-columns: repeat(2, 1fr); background: linear-gradient(90deg, #111 0 7px, transparent 7px 9px, #111 9px); }
.zr-dg--3 { background: linear-gradient(90deg, #111 0 4px, transparent 4px 6px, #111 6px 10px, transparent 10px 12px, #111 12px); }
.zr-dg--4 { background: linear-gradient(90deg, #111 0 2.5px, transparent 2.5px 4.5px, #111 4.5px 7px, transparent 7px 9px, #111 9px 11.5px, transparent 11.5px 13.5px, #111 13.5px); }
@media (max-width: 1023px) { .zr-only-d { display: none !important; } }
.zr-list__grid[data-density="2"] .fs-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zr-list__grid[data-density="3"] .fs-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zr-list__grid[data-density="4"] .fs-home-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 767px) {
    .zr-list__grid[data-density="2"] .fs-home-grid { grid-template-columns: 1fr; }
    .zr-list__grid[data-density="3"] .fs-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) { .zr-list__grid[data-cols="5"]:not([data-density]) .fs-home-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .zr-list__grid[data-cols="3"]:not([data-density]) .fs-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.zr-body .fs-vitrin-head__title { font-family: var(--th-font-heading, inherit); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.zr-body .fs-vitrin-filter-btn { border-radius: var(--zr-radius); }
.zr-body .fs-vitrin-bar { --fs-vitrin-bar-bg: var(--zr-bg, #fff); --fs-vitrin-bar-line: var(--zr-line); }
.zr-body.zr-hdr-hidden .fs-vitrin-bar, .zr-body.zr-hdr-static .fs-vitrin-bar { top: 0; }

.zr-sizepop { position: fixed; z-index: 6000; width: 280px; padding: 16px; background: #fff; color: #111; box-shadow: 0 20px 50px rgb(0 0 0 / .2); border: 1px solid var(--zr-line); animation: zr-pop .18s ease-out; }
.zr-sizepop h4 { margin: 0 0 4px; font-size: calc(14px * var(--th-font-scale, 1)); }
.zr-sizepop p { margin: 0 0 12px; font-size: calc(12px * var(--th-font-scale, 1)); color: var(--zr-muted); }
.zr-sizepop__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.zr-sizepop__grid button { height: 38px; border: 1px solid var(--zr-line); background: #fff; font: inherit; font-size: calc(13px * var(--th-font-scale, 1)); cursor: pointer; }
.zr-sizepop__grid button:hover, .zr-sizepop__grid button.is-active { border-color: #111; background: #111; color: #fff; }
.zr-sizepop__clear { margin-top: 10px; border: 0; background: none; font: inherit; font-size: calc(12px * var(--th-font-scale, 1)); text-decoration: underline; cursor: pointer; color: var(--zr-muted); }
@keyframes zr-pop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.zr-body .sf-sec__title { font-weight: var(--th-heading-weight, 500); letter-spacing: var(--th-heading-spacing, .06em); text-transform: var(--th-heading-transform, uppercase); font-size: clamp(18px, 2vw, 24px); }
.zr-body .sf-sec__head--left { justify-content: space-between; }
.zr-body .th-btn { border-radius: var(--zr-radius); text-transform: var(--th-btn-transform, uppercase); letter-spacing: var(--th-btn-spacing, .08em); font-size: calc(12.5px * var(--th-font-scale, 1)); }
.zr-body .th-banner__title, .zr-body .th-slide__title { font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.zr-body .th-card__name { font-size: calc(13.5px * var(--th-font-scale, 1)); }
.zr-body .th-chip { border-radius: 999px; }
.zr-body .fs-main.fs-home { padding-top: 0; }

.zr-body .fs-footer { background: var(--th-footer-bg, #f6f6f6); color: var(--th-footer-text, #111); border-top: 1px solid var(--zr-line); }
.zr-body .fs-footer__name { font-family: var(--th-font-heading, inherit); letter-spacing: .16em; text-transform: none; }
.zr-body .fs-footer__col-title { text-transform: uppercase; letter-spacing: .1em; font-size: calc(12px * var(--th-font-scale, 1)); font-weight: 600; }
.zr-body .fs-footer__link { font-size: calc(13.5px * var(--th-font-scale, 1)); }
.zr-body .fs-footer__newsletter-input { border-radius: var(--th-input-radius, 0); }
.zr-body .fs-footer__newsletter-btn { border-radius: var(--zr-radius); background: var(--zr-accent); color: var(--th-primary-text, #fff); text-transform: uppercase; letter-spacing: .08em; }

.zr-pdp-extra { display: grid; gap: 14px; margin-top: 18px; }
.zr-body .fs-pdp__add, .zr-body .pdp-add-to-cart { border-radius: var(--zr-radius); text-transform: uppercase; letter-spacing: .08em; }
.zr-body .pdp-info-col h1, .zr-body .fs-page-hero__title { font-family: var(--th-font-heading, inherit); font-weight: var(--th-heading-weight, 500); letter-spacing: var(--th-heading-spacing, .04em); }
.zr-body .pdp-info-col h1 { text-transform: var(--th-heading-transform, uppercase); }
.zr-body .pdp-btn-cart, .zr-body .pdp-mbar__btn { background: var(--zr-accent); color: var(--th-primary-text, #fff); border-radius: var(--zr-radius); }
.zr-body .pdp-info-tabs__tab.is-active { background: var(--zr-accent); color: var(--th-primary-text, #fff); }
.zr-body .pdp-info-tabs__tab:not(.is-active) .pdp-info-tabs__badge { background: var(--zr-soft); color: var(--zr-ink); }
.zr-body .text-indigo-400, .zr-body .text-indigo-500, .zr-body .text-indigo-600, .zr-body .text-indigo-700 { color: var(--zr-accent) !important; }
.zr-body .bg-indigo-500, .zr-body .bg-indigo-600, .zr-body .bg-indigo-700 { background-color: var(--zr-accent) !important; }
.zr-body .ring-indigo-400, .zr-body .ring-indigo-500, .zr-body .ring-indigo-600 { --tw-ring-color: var(--zr-accent) !important; }
.zr-body .storefront-not-found__eyebrow, .zr-body .storefront-not-found__picks-all, .zr-body .storefront-not-found__pick-brand, .zr-body .storefront-not-found__support-link { color: var(--zr-accent); }
.zr-body .storefront-not-found__quick-badge { background: var(--zr-accent); color: var(--th-primary-text, #fff); }
.zr-body input[type="checkbox"], .zr-body input[type="radio"] { accent-color: var(--zr-accent); }
.zr-body .shipping-progress__fill { background: var(--zr-accent); }
.zr-body .storefront-search-mobile-list__price { color: var(--zr-ink); }

@media (prefers-reduced-motion: reduce) { .zr-ann__track { animation: none; } .zr-mm-enter, .zr-mm-leave { transition: none; } }

/* Erişilebilirlik: klavye odağı görünür (fare tıklamasında halka yok). */
.zr-html :where(a, button, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible { outline: 2px solid var(--zr-accent, #111); outline-offset: 2px; }
.zr-html :where(.zr-qchip, .th-chip, .th-btn, .zr-hbtn, .th-card__fav, .pdp-chip, .pdp-swatch):focus-visible { outline-offset: 3px; }
@media (max-width: 767px) {
    .zr-qchip { height: 44px; }
    .zr-ann__close { width: 44px; }
}