/* Zarif · E-ticaret widget'ları (11.9) — duyuru, hızlı alışveriş, kargo çubuğu, son bakılanlar, görsel noktalı ürün, birlikte alınanlar */
.zs-notice{margin:0;padding:14px 18px;border:1px dashed #c9b99f;border-radius:12px;background:#fbf7ef;color:#6b5b45;font:500 13px/1.5 'DM Sans',sans-serif}
.zs-hidden-until-ready{display:none!important}
.zp-shop svg{display:block}
.zp-shop .zs-status,.zs-qv-status{min-height:0;margin:10px 0 0;font:600 12px/1.4 'DM Sans',sans-serif;color:var(--zp-accent,#9b6c43)}
.zp-shop .zs-status:empty,.zs-qv-status:empty{display:none}
html.zs-lock{overflow:hidden}

/* ================= Duyuru çubuğu ================= */
.zs-announce{--_bg:var(--zs-an-bg,#26231e);--_fg:var(--zs-an-fg,#fff);--_ac:var(--zs-an-accent,#e9c28f);position:relative;width:100%;box-sizing:border-box;background:var(--_bg);color:var(--_fg);font:500 13px/1.4 'DM Sans',sans-serif;z-index:30}
.zs-announce[hidden]{display:none}
.zs-announce.is-sticky{position:sticky;top:0}
.zs-an-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;max-width:1400px;margin:0 auto;padding:10px 48px;min-height:42px;box-sizing:border-box}
.zs-an-msgs{display:grid;justify-items:center;text-align:center}
.zs-an-msg{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;animation:zs-fade .5s ease}
.zs-an-msg[hidden]{display:none}
@keyframes zs-fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.zs-an-text{font-weight:600;letter-spacing:.005em}
.zs-an-link{color:var(--_ac);font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:1px solid currentColor}
.zs-an-link:hover{opacity:.85}
.zs-an-code{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px dashed color-mix(in srgb,var(--_fg) 55%,transparent);border-radius:999px;background:transparent;color:inherit;font:600 12px/1 'DM Sans',sans-serif;cursor:pointer}
.zs-an-code b{letter-spacing:.08em}
.zs-an-code i{font-style:normal;padding:4px 8px;border-radius:999px;background:var(--_ac);color:var(--_bg);font-size:10px;font-weight:800;letter-spacing:.04em}
.zs-an-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.8}
.zs-an-close:hover{opacity:1;background:#ffffff1f}
.zs-an-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.zs-announce a:focus-visible,.zs-announce button:focus-visible{outline:2px solid var(--_ac);outline-offset:2px}
.zs-announce .zp-tk-time{font:800 13px/1 'Manrope',sans-serif;font-variant-numeric:tabular-nums;padding:5px 9px;border-radius:8px;background:#ffffff22;letter-spacing:.02em;white-space:nowrap}
/* B — kayan şerit */
.zs-an-B .zs-an-inner{padding:0 44px 0 0;overflow:hidden;justify-content:flex-start}
.zs-an-marquee{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.zs-an-track{display:flex;width:max-content;animation:zs-marq 32s linear infinite}
.zs-an-B:hover .zs-an-track{animation-play-state:paused}
.zs-an-set{display:flex;flex:none;align-items:center}
.zs-an-item{display:flex;align-items:center;padding:11px 0}
.zs-an-item .zs-an-msg{flex-wrap:nowrap;white-space:nowrap;animation:none}
.zs-an-item:after{content:'✦';margin:0 28px;color:var(--_ac);font-size:11px}
.zs-an-B .zp-tk-time{margin-left:8px}
@keyframes zs-marq{to{transform:translateX(-50%)}}
/* C — geri sayım + düğme */
.zs-an-C{--_bg:var(--zs-an-bg,#f26b1d)}
.zs-an-C .zs-an-inner{padding:12px 52px;gap:10px 22px;flex-wrap:wrap}
.zs-an-C .zs-an-msgs{justify-items:start;text-align:left}
.zs-an-C .zs-an-text{font:800 15px/1.25 'Manrope',sans-serif;letter-spacing:-.01em}
.zs-an-C .zs-an-link{border:0;padding:9px 16px;border-radius:999px;background:#fff;color:#241c17;font-size:12px}
.zs-an-C .zp-promo-timer{display:flex;gap:6px;margin:0}
.zs-an-C .zp-tm{min-width:44px;padding:5px 4px 4px;border-radius:10px;background:#00000026;border:0}
.zs-an-C .zp-tm b{font-size:16px}
.zs-an-C .zp-tm small{font-size:8px}
.zs-an-C .zs-an-code{border-color:#ffffff99}
.zs-an-C .zs-an-code i{background:#fff;color:#241c17}
@media(max-width:767px){
 .zs-an-inner{padding:9px 40px 9px 14px;min-height:40px;gap:8px}
 .zs-announce{font-size:12px}
 .zs-an-msg{gap:3px 8px}
 .zs-an-close{right:4px;width:30px;height:30px}
 .zs-an-B .zs-an-inner{padding:0 36px 0 0}
 .zs-an-C .zs-an-inner{padding:11px 40px 11px 14px;justify-content:flex-start}
 .zs-an-C .zs-an-text{font-size:13px}
 .zs-an-C .zp-tm{min-width:38px}
}
@media(prefers-reduced-motion:reduce){.zs-an-track{animation:none;flex-wrap:wrap}.zs-an-set[aria-hidden]{display:none}.zs-an-msg{animation:none}}

/* ================= Ürün kartları ================= */
.zp-shop .zs-grid{align-items:start}
.zs-card{position:relative;min-width:0;display:flex;flex-direction:column;border-radius:var(--zp-radius);background:var(--zp-card);color:var(--zp-text)}
.zs-photo{position:relative;overflow:hidden;background:#eee9df;border-radius:inherit}
.zs-photo-link{display:block;position:relative;width:100%;height:100%}
.zs-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,opacity .4s ease}
.zs-img2{position:absolute;inset:0;opacity:0}
.zs-card:hover .zs-img2{opacity:1}
.zs-card:hover .zs-img1{transform:scale(1.03)}
.zs-badges{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;z-index:2}
.zs-badge{padding:5px 9px;border-radius:999px;background:var(--zp-card);color:var(--zp-text);font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.zs-badge-sale{background:#c2410c;color:#fff}
.zs-badge-low{background:#fff3df;color:#9a5b0e}
.zs-badge-out{background:#2c332c;color:#fff}
.zs-qv-btn{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer;background:var(--zp-card);color:var(--zp-text);font:700 12px/1 'DM Sans',sans-serif;box-shadow:0 6px 20px #20160f26;transition:transform .3s ease,opacity .3s ease,background .2s}
.zs-qv-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.zs-qv-btn:hover{background:var(--zp-button-bg);color:var(--zp-button-text)}
.zs-body{display:flex;flex-direction:column;flex:1;padding:16px}
.zs-name{margin:0;font:700 15px/1.35 'Manrope',sans-serif;letter-spacing:-.015em}
.zs-name a{color:inherit;text-decoration:none}
.zs-name a:hover{color:var(--zp-accent)}
.zs-rate{margin:6px 0 0;font:600 12px/1 'DM Sans',sans-serif;color:var(--zp-muted)}
.zs-rate span{color:#c48a3f}
.zs-rate small{font-size:11px;opacity:.8}
.zs-price{font:800 16px/1.3 'Manrope',sans-serif;color:var(--zp-price,var(--zp-text));margin:10px 0 14px}
.zs-price del{font-weight:500;font-size:12px;color:var(--zp-muted);margin-right:6px}
.zs-price ins{text-decoration:none}
.zs-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;min-height:44px;padding:10px 16px;border-radius:999px;background:var(--zp-button-bg);color:var(--zp-button-text);font:700 13px/1.2 'DM Sans',sans-serif;text-decoration:none;border:1px solid var(--zp-button-bg);transition:transform .2s ease,filter .2s ease}
.zp-shop .zs-card .zs-add{color:var(--zp-button-text)}
.zs-add:hover{filter:brightness(1.12);transform:translateY(-1px)}
.zs-add[data-busy]{opacity:.7;pointer-events:none}
.zp-shop a:focus-visible,.zp-shop button:focus-visible{outline:3px solid var(--zp-accent);outline-offset:3px}

/* A — klasik, ikinci görselli */
.zs-card-A{border:1px solid var(--zp-border);overflow:hidden}
.zs-card-A .zs-photo{aspect-ratio:4/5;border-radius:0}
.zs-card-A .zs-qv-btn{left:10px;right:10px;bottom:10px;min-height:42px;border-radius:999px;transform:translateY(calc(100% + 16px));opacity:0}
.zs-card-A:hover .zs-qv-btn,.zs-card-A:focus-within .zs-qv-btn{transform:none;opacity:1}
.zs-card-A .zs-add{width:100%}
/* B — minimal */
.zs-card-B{background:transparent}
.zs-card-B .zs-photo{aspect-ratio:1/1.12;border-radius:var(--zp-radius)}
.zs-card-B .zs-body{padding:14px 2px 0}
.zs-card-B .zs-qv-btn{right:10px;top:10px;width:38px;height:38px;padding:0;border-radius:50%;opacity:0;transform:scale(.85)}
.zs-card-B:hover .zs-qv-btn,.zs-card-B:focus-within .zs-qv-btn{opacity:1;transform:none}
.zs-card-B .zs-qv-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.zs-card-B .zs-badges{left:10px;top:10px}
.zs-card-B .zs-price{margin:6px 0 12px}
.zp-shop .zs-card-B .zs-add{align-self:flex-start;min-height:0;padding:0 0 3px;border:0;border-bottom:1.5px solid currentColor;border-radius:0;background:transparent;color:var(--zp-text);gap:8px}
.zp-shop .zs-card-B .zs-add:hover{filter:none;color:var(--zp-accent);transform:none}
.zs-card-B .zs-add i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--zp-text);color:var(--zp-card);font-size:14px;line-height:1}
/* C — büyük vitrin */
.zs-card-C{border-radius:calc(var(--zp-radius) + 8px);overflow:hidden;box-shadow:0 18px 50px #2a1c1022;border:1px solid var(--zp-border)}
.zs-card-C .zs-photo{aspect-ratio:1/1.18;border-radius:0}
.zs-card-C .zs-qv-btn{right:12px;bottom:12px;min-height:42px;padding:0 15px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(6px)}
.zs-card-C .zs-body{padding:20px}
.zs-card-C .zs-name{font-size:17px}
.zs-card-C .zs-price{font-size:19px;color:var(--zp-accent)}
.zp-shop .zs-card-C .zs-add{background:var(--zp-accent);border-color:var(--zp-accent);color:#fff;min-height:48px}
.zs-card-C .zs-badge{padding:7px 11px;font-size:11px}

@media(hover:none),(max-width:767px){
 .zs-card-A .zs-qv-btn{left:auto;right:8px;bottom:8px;width:38px;height:38px;padding:0;transform:none;opacity:1}
 .zs-card-B .zs-qv-btn{opacity:1;transform:none;right:8px;top:8px;width:34px;height:34px}
 .zs-card-C .zs-qv-btn{right:8px;bottom:8px;width:38px;height:38px;padding:0}
 .zs-qv-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media(max-width:767px){
 .zs-body{padding:11px}
 .zs-name{font-size:13px}
 .zs-price{font-size:14px;margin:7px 0 10px}
 .zs-add{min-height:40px;font-size:12px;padding:8px 10px}
 .zs-card-B .zs-body{padding:10px 0 0}
 .zs-card-C .zs-body{padding:14px}
 .zs-card-C .zs-name{font-size:14px}
 .zs-card-C .zs-price{font-size:15px}
 .zs-badge{font-size:9px;padding:4px 7px}
}

/* ================= Hızlı bak penceresi ================= */
.zs-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'DM Sans',sans-serif}
.zs-modal[hidden]{display:none}
.zs-modal-bg{position:absolute;inset:0;background:#1a120cb8;backdrop-filter:blur(3px);animation:zs-bgin .25s ease}
.zs-modal-box{position:relative;width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:24px;background:#fffdfa;color:#26231e;box-shadow:0 40px 100px #0006;animation:zs-pop .3s cubic-bezier(.2,.8,.2,1);outline:0}
@keyframes zs-bgin{from{opacity:0}}
@keyframes zs-pop{from{opacity:0;transform:translateY(18px) scale(.98)}}
.zs-modal-x{position:absolute;right:14px;top:14px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f2ece1;color:#26231e;cursor:pointer}
.zs-modal-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.zs-modal button:focus-visible,.zs-modal a:focus-visible,.zs-modal select:focus-visible,.zs-modal input:focus-visible{outline:3px solid #9b6c43;outline-offset:2px}
.zs-qv-loading{margin:0;padding:80px 24px;text-align:center;color:#716b61;font-weight:600}
.zs-qv-grid{display:grid;grid-template-columns:1fr 1fr}
.zs-qv-gallery{padding:24px;background:#f3eee4}
.zs-qv-main{aspect-ratio:1;border-radius:18px;overflow:hidden;background:#e9e3d6}
.zs-qv-main img{display:block;width:100%;height:100%;object-fit:cover}
.zs-qv-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}
.zs-qv-thumbs button{flex:none;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#e9e3d6;cursor:pointer;opacity:.75}
.zs-qv-thumbs button.is-on,.zs-qv-thumbs button:hover{border-color:#26231e;opacity:1}
.zs-qv-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.zs-qv-info{padding:34px 32px 30px;display:flex;flex-direction:column;gap:2px}
.zs-qv-title{margin:0 40px 6px 0;font:800 clamp(20px,2.4vw,28px)/1.2 'Manrope',sans-serif;letter-spacing:-.03em}
.zs-qv-info .zs-rate{margin:0 0 4px}
.zs-qv-price{font-size:24px;margin:8px 0 12px}
.zs-qv-desc{font-size:14px;line-height:1.65;color:#5f594f;margin-bottom:16px}
.zs-qv-desc p{margin:0 0 .6em}
.zs-qv-field{display:grid;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;color:#5f594f}
.zs-qv-field select{height:46px;padding:0 14px;border:1px solid #ddd3c2;border-radius:12px;background:#fff;color:#26231e;font:600 14px 'DM Sans',sans-serif}
.zs-qv-actions{display:flex;gap:10px;margin-top:6px}
.zs-qv-actions input{width:70px;height:50px;border:1px solid #ddd3c2;border-radius:999px;text-align:center;font:700 15px 'DM Sans',sans-serif;background:#fff;color:#26231e}
.zs-qv-add{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:0;border-radius:999px;background:#2c332c;color:#fff;font:700 14px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}
.zs-qv-add:disabled{opacity:.45;cursor:not-allowed}
.zs-qv-more{margin-top:14px;font-size:13px;font-weight:700;color:#9b6c43;text-decoration:none}
.zs-qv-note{margin:8px 0;padding:12px 14px;border-radius:12px;background:#f6ede0;font-weight:600;font-size:13px}
@media(max-width:767px){
 .zs-modal{align-items:flex-end;padding:0}
 .zs-modal-box{width:100%;max-height:92vh;border-radius:24px 24px 0 0;animation:zs-sheet .32s cubic-bezier(.2,.8,.2,1)}
 @keyframes zs-sheet{from{transform:translateY(100%)}}
 .zs-qv-grid{grid-template-columns:1fr}
 .zs-qv-gallery{padding:16px 16px 12px}
 .zs-qv-main{aspect-ratio:4/3;border-radius:14px}
 .zs-qv-info{padding:18px 18px 24px}
 .zs-qv-title{font-size:20px}
 .zs-qv-price{font-size:21px;margin:6px 0 10px}
 .zs-qv-actions{position:sticky;bottom:0;padding:10px 0 2px;background:linear-gradient(transparent,#fffdfa 24%)}
 .zs-modal-x{right:10px;top:10px;background:#ffffffe6}
}
@media(prefers-reduced-motion:reduce){.zs-modal-bg,.zs-modal-box{animation:none}.zs-card *{transition:none!important}}

/* ================= Ücretsiz kargo çubuğu ================= */
.zs-ship{--_bg:var(--zs-sh-bg,#f6f1e7);--_fg:var(--zs-sh-fg,#26231e);--_ac:var(--zs-sh-accent,#9b6c43);--_dn:var(--zs-sh-done,#2f7d4f);box-sizing:border-box;width:100%;background:var(--_bg);color:var(--_fg);font:600 13px/1.4 'DM Sans',sans-serif}
.zs-ship.is-done{--_ac:var(--_dn)}
.zs-sh-row{display:flex;align-items:center;gap:10px;justify-content:center}
.zs-sh-ico{display:grid;place-items:center;flex:none;color:var(--_ac)}
.zs-sh-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.zs-sh-bar{position:relative;height:6px;background:color-mix(in srgb,var(--_fg) 12%,transparent);overflow:hidden}
.zs-sh-bar i{display:block;height:100%;background:var(--_ac);border-radius:inherit;transition:width .7s cubic-bezier(.2,.8,.2,1),background .3s}
.zs-sh-A{padding:10px 20px 0}
.zs-sh-A .zs-sh-row{padding-bottom:9px}
.zs-sh-A .zs-sh-bar{margin:0 -20px;border-radius:0;height:4px}
.zs-sh-B{max-width:560px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--_fg) 12%,transparent);border-radius:20px;box-shadow:0 12px 34px #2a1c1014}
.zs-sh-B .zs-sh-row{justify-content:flex-start;gap:12px;margin-bottom:12px}
.zs-sh-B .zs-sh-ico{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--_ac) 15%,transparent)}
.zs-sh-B .zs-sh-text{font-size:14px;font-weight:700}
.zs-sh-B .zs-sh-bar{height:9px;border-radius:999px}
.zs-sh-B .zs-sh-bar:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 10px,#ffffff30 10px 20px);pointer-events:none}
.zs-sh-C{position:relative;overflow:hidden;max-width:520px;border-radius:999px;padding:0;border:1px solid color-mix(in srgb,var(--_ac) 40%,transparent)}
.zs-sh-C .zs-sh-bar{position:absolute;inset:0;height:auto;background:transparent;z-index:0}
.zs-sh-C .zs-sh-bar i{opacity:.2;border-radius:0}
.zs-sh-C .zs-sh-row{position:relative;z-index:1;padding:12px 20px}
.zs-ship.is-done.zs-sh-C .zs-sh-bar i{opacity:.28}
@media(max-width:767px){
 .zs-ship{font-size:12px}
 .zs-sh-A{padding:9px 14px 0}
 .zs-sh-A .zs-sh-bar{margin:0 -14px}
 .zs-sh-B{padding:14px;border-radius:16px}
 .zs-sh-B .zs-sh-text{font-size:13px}
 .zs-sh-C .zs-sh-row{padding:11px 14px;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.zs-sh-bar i{transition:none}}

/* ================= Son bakılanlar ================= */
.zp-shop-recent.zs-v-B .zs-recent-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--zp-columns) - 1)*var(--zp-gap))/var(--zp-columns));grid-template-columns:none;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.zp-shop-recent.zs-v-B .zs-recent-list::-webkit-scrollbar{display:none}
.zp-shop-recent.zs-v-B .zs-recent-list>*{scroll-snap-align:start}
.zp-shop-recent.zs-v-C .zs-recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--zp-gap)}
.zp-shop-recent.zs-v-C .zs-card{flex-direction:row;align-items:center;gap:14px;padding:10px;border:1px solid var(--zp-border);border-radius:calc(var(--zp-radius) - 2px);box-shadow:none;background:var(--zp-card)}
.zp-shop-recent.zs-v-C .zs-photo{flex:none;width:92px;height:92px;aspect-ratio:auto;border-radius:calc(var(--zp-radius) - 6px)}
.zp-shop-recent.zs-v-C .zs-body{padding:0;min-width:0}
.zp-shop-recent.zs-v-C .zs-name{font-size:14px}
.zp-shop-recent.zs-v-C .zs-price{font-size:14px;margin:4px 0 0;color:var(--zp-text)}
.zp-shop-recent.zs-v-C .zs-add,.zp-shop-recent.zs-v-C .zs-rate,.zp-shop-recent.zs-v-C .zs-badges{display:none}
@media(max-width:1024px){.zp-shop-recent.zs-v-B .zs-recent-list{grid-auto-columns:calc((100% - var(--zp-gap))/2)}}
@media(max-width:767px){
 .zp-shop-recent.zs-v-B .zs-recent-list{grid-auto-columns:62%}
 .zp-shop-recent.zs-v-C .zs-recent-list{grid-template-columns:1fr}
 .zp-shop-recent.zs-v-C .zs-photo{width:78px;height:78px}
}

/* rail görünümü (hızlı alışveriş) */
.zp-shop-quickshop .zp-rail{scrollbar-width:none}
.zp-shop-quickshop .zp-rail::-webkit-scrollbar{display:none}

/* ================= Görsel noktalı ürün ================= */
.zs-look-stage{position:relative;overflow:hidden;border-radius:calc(var(--zp-radius) + 6px);background:#e6dfd2}
.zs-look-stage>img,.zs-look-stage picture,.zs-look-stage picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zs-look-stage.has-pop:after{content:'';position:absolute;inset:0;background:#1a120c40;pointer-events:none}
.zs-hotwrap{position:absolute;width:0;height:0;z-index:2}
.zs-hotwrap:has(.zs-pop:not([hidden])){z-index:5}
.zs-hot{position:absolute;left:-18px;top:-18px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#26231e;font:800 13px 'Manrope',sans-serif;cursor:pointer;box-shadow:0 6px 18px #0004;transition:transform .2s,background .2s,color .2s}
.zs-hot:before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid #ffffffcc;animation:zs-ping 2.2s ease-out infinite}
.zs-hot:hover,.zs-hot.is-active{background:var(--zp-accent);color:#fff;transform:scale(1.12)}
@keyframes zs-ping{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.zs-pop{position:absolute;left:-18px;top:28px;width:250px;padding:12px;border-radius:18px;background:#fffdfa;color:#26231e;box-shadow:0 24px 60px #0005;animation:zs-pop .25s ease}
.zs-pop[hidden]{display:none}
.zs-hotwrap.flip-x .zs-pop{left:auto;right:-18px}
.zs-hotwrap.flip-y .zs-pop{top:auto;bottom:28px}
.zs-pop-close{position:absolute;right:6px;top:6px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#f2ece1;color:#26231e;font-size:18px;line-height:1;cursor:pointer;z-index:2}
.zs-mini{display:flex;gap:12px;align-items:center;min-width:0}
.zs-mini-photo{flex:none;width:76px;height:76px;border-radius:14px;overflow:hidden;background:#eee9df}
.zs-mini-photo img{display:block;width:100%;height:100%;object-fit:cover}
.zs-mini-body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:16px}
.zs-mini-name{font:700 13px/1.3 'Manrope',sans-serif}
.zs-mini-name a{color:inherit;text-decoration:none}
.zs-mini .zs-price{font-size:14px;margin:0}
.zp-shop .zs-mini-add{color:var(--zp-button-text,#fff);align-self:flex-start;margin-top:4px;padding:7px 12px;border-radius:999px;background:var(--zp-button-bg,#2c332c);color:var(--zp-button-text,#fff);font:700 11px/1 'DM Sans',sans-serif;text-decoration:none}
.zs-num{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--zp-text);color:var(--zp-card);font:800 12px 'Manrope',sans-serif}
/* B — yan liste */
.zs-v-B.zp-shop-look .zs-look-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--zp-gap);align-items:start}
.zs-look-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zs-look-list li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--zp-border);border-radius:18px;background:var(--zp-card);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.zs-look-list li.is-active{border-color:var(--zp-accent);box-shadow:0 10px 30px #2a1c1018}
.zs-look-list .zs-mini{flex:1}
/* C — alt şerit */
.zs-look-rail{display:flex;gap:12px;overflow:auto;margin-top:14px;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.zs-look-rail::-webkit-scrollbar{display:none}
.zs-rail-item{position:relative;flex:none;width:min(300px,78%);scroll-snap-align:start;padding:12px 12px 12px 46px;border:1px solid var(--zp-border);border-radius:18px;background:var(--zp-card);transition:border-color .2s}
.zs-rail-item .zs-num{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.zs-rail-item.is-active{border-color:var(--zp-accent)}
@media(max-width:767px){
 .zs-v-B.zp-shop-look .zs-look-wrap{grid-template-columns:1fr}
 .zs-hot{left:-16px;top:-16px;width:32px;height:32px}
 .zs-pop,.zs-hotwrap.flip-x .zs-pop,.zs-hotwrap.flip-y .zs-pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;z-index:99990;padding:14px;border-radius:22px;animation:zs-sheet .3s cubic-bezier(.2,.8,.2,1)}
 .zs-mini-photo{width:84px;height:84px}
}
@media(prefers-reduced-motion:reduce){.zs-hot:before{animation:none}.zs-pop{animation:none}}

/* ================= Birlikte alınanlar ================= */
.zs-bundle{position:relative}
.zs-bd-items{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.zs-bd-item{position:relative;display:flex;min-width:0;cursor:pointer;background:var(--zp-card);border:1px solid var(--zp-border);border-radius:var(--zp-radius);overflow:hidden;transition:opacity .25s,border-color .25s,box-shadow .25s}
.zs-bd-item input{position:absolute;opacity:0;pointer-events:none}
.zs-bd-photo{display:block;overflow:hidden;background:#eee9df}
.zs-bd-photo img{display:block;width:100%;height:100%;object-fit:cover}
.zs-bd-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.zs-bd-info b{font:700 14px/1.3 'Manrope',sans-serif;letter-spacing:-.01em}
.zs-bd-info .zs-price{margin:0;font-size:15px}
.zs-check{position:absolute;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:2px solid var(--zp-border);background:var(--zp-card);transition:background .2s,border-color .2s}
.zs-check:after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0}
.zs-bd-item input:checked ~ .zs-check{background:var(--zp-accent);border-color:var(--zp-accent)}
.zs-bd-item input:checked ~ .zs-check:after{opacity:1}
.zs-bd-item input:focus-visible ~ .zs-check{outline:3px solid var(--zp-accent);outline-offset:2px}
.zs-bd-item.is-off{opacity:.55}
.zs-bd-item.is-off .zs-bd-photo{filter:grayscale(1)}
.zs-bd-total{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.zs-bd-sum{display:grid;gap:3px}
.zs-bd-sum small{font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--zp-muted)}
.zs-bd-sum b{font:800 clamp(24px,3vw,34px)/1.1 'Manrope',sans-serif;letter-spacing:-.04em}
.zs-bd-sum em{font:600 12px/1.4 'DM Sans',sans-serif;font-style:normal;color:var(--zp-accent)}
.zs-bd-add:disabled{opacity:.45;cursor:not-allowed}
.zs-bd-add svg{width:16px;height:16px}
/* A — yan yana + toplam kutusu */
.zs-bd-A .zs-bd-items{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:20px}
.zs-bd-A .zs-bd-item{flex:1 1 0;flex-direction:column}
.zs-bd-A .zs-bd-photo{aspect-ratio:4/3}
.zs-bd-A .zs-bd-info{padding:14px}
.zs-bd-A .zs-check{right:10px;top:10px}
.zs-plus{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--zp-text);color:var(--zp-card);font:500 20px/1 'DM Sans',sans-serif}
.zs-bd-A .zs-bd-total{padding:20px 24px;border-radius:var(--zp-radius);background:var(--zp-card);border:1px solid var(--zp-border)}
/* B — seçimli liste */
.zs-bd-B{max-width:760px;margin-inline:auto}
.zs-bd-B .zs-bd-items{flex-direction:column;gap:10px;margin-bottom:16px}
.zs-bd-B .zs-bd-item{align-items:center;gap:14px;padding:10px 54px 10px 10px}
.zs-bd-B .zs-bd-photo{flex:none;width:84px;height:84px;border-radius:calc(var(--zp-radius) - 6px)}
.zs-bd-B .zs-bd-info{flex:1}
.zs-bd-B .zs-check{right:16px;top:50%;margin-top:-13px}
.zs-bd-B .zs-bd-total{padding-top:16px;border-top:1px dashed var(--zp-border)}
/* C — fırsat kartı */
.zs-bd-C{max-width:980px;margin-inline:auto;padding:clamp(22px,3.5vw,40px);border-radius:calc(var(--zp-radius) + 10px);background:linear-gradient(150deg,#2b221b,#4a2a16);color:#fff;--zp-text:#fff;--zp-muted:#e6d8c6;--zp-card:#ffffff14;--zp-border:#ffffff26}
.zs-bd-C .zp-title,.zs-bd-C .zp-description,.zs-bd-C .zp-eyebrow{color:inherit}
.zs-bd-C .zp-eyebrow{color:#f0c58f}
.zs-bd-C .zs-bd-items{gap:10px;margin-bottom:22px}
.zs-bd-C .zs-bd-item{flex:1 1 200px;align-items:center;gap:12px;padding:10px 46px 10px 10px;backdrop-filter:blur(6px)}
.zs-bd-C .zs-bd-photo{flex:none;width:64px;height:64px;border-radius:50%}
.zs-bd-C .zs-bd-info b{font-size:13px}
.zs-bd-C .zs-price{color:#fff}
.zs-bd-C .zs-check{right:12px;top:50%;margin-top:-13px;background:transparent}
.zs-bd-C .zs-bd-sum em{color:#f0c58f}
.zs-bd-C .zs-bd-sum b{color:#fff}
.zs-bd-C .zs-bd-add{background:#fff;border-color:#fff;color:#241c17}
@media(max-width:767px){
 .zs-bd-A .zs-bd-items{flex-wrap:wrap}
 .zs-bd-A .zs-bd-items{gap:10px}
 .zs-bd-A .zs-bd-item{flex:1 1 calc(50% - 5px);max-width:calc(50% - 5px)}
 .zs-plus{display:none}
 .zs-bd-A .zs-bd-photo{aspect-ratio:1}
 .zs-bd-A .zs-bd-info{padding:10px}
 .zs-bd-A .zs-bd-total{padding:16px}
 .zs-bd-total{display:grid;gap:14px}
 .zs-bd-add{width:100%}
 .zs-bd-B .zs-bd-photo{width:68px;height:68px}
 .zs-bd-C .zs-bd-item{flex-basis:100%}
 .zs-bd-info b{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.zs-bd-item,.zs-check{transition:none}}

/* ================= 11.9.10: tema düğme stillerine karşı koruma ================= */
/* Görsel noktalar: küçük, şeffaf buzlu cam */
.zp-shop .zs-hotwrap .zs-hot{position:absolute!important;left:-15px!important;top:-15px!important;display:grid!important;place-items:center;width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:1.5px solid #ffffffb3!important;border-radius:50%!important;background:#ffffff40!important;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);color:#fff!important;font:700 12px/1 'DM Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-shadow:0 1px 3px #0006;box-shadow:0 4px 14px #0003,inset 0 1px 0 #ffffff66!important;line-height:1!important;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.zp-shop .zs-hotwrap .zs-hot span{display:block;font:inherit;line-height:1;color:inherit}
.zp-shop .zs-hotwrap .zs-hot:before{inset:-5px;border-width:1.5px;border-color:#ffffff99}
.zp-shop .zs-hotwrap .zs-hot:hover,.zp-shop .zs-hotwrap .zs-hot.is-active{background:#ffffffe6!important;color:#1c2733!important;text-shadow:none;border-color:#fff!important;transform:scale(1.1)}
.zp-shop .zs-pop{left:-15px;top:24px;width:min(250px,70vw)}
.zp-shop .zs-hotwrap.flip-x .zs-pop{left:auto;right:-15px}.zp-shop .zs-hotwrap.flip-y .zs-pop{top:auto;bottom:24px}
.zp-shop .zs-pop-close{width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;line-height:1!important;display:grid!important;place-items:center}
@media(max-width:767px){.zp-shop .zs-hotwrap .zs-hot{width:26px!important;height:26px!important;left:-13px!important;top:-13px!important;font-size:11px!important}}
/* editörde konum ızgarası */
.zs-look-stage.is-editor:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,transparent 1px),linear-gradient(90deg,#ffffff2e 1px,transparent 1px);background-size:10% 10%}
.zs-look-stage.is-editor .zs-hot{cursor:grab}
.zs-look-stage.is-editor .zs-hot.is-drag{cursor:grabbing;transform:scale(1.2)}
.zs-hot-tip{position:absolute;left:50%;bottom:calc(100% + 22px);transform:translateX(-50%);padding:3px 7px;border-radius:6px;background:#1c2733e6;color:#fff;font:600 10px/1.3 'DM Sans',sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.zs-look-stage.is-editor .zs-hotwrap:hover .zs-hot-tip,.zs-hot.is-drag~.zs-hot-tip{opacity:1}

/* Hızlı bak düğmesi: küçük yuvarlak göz */
.zp-shop .zs-card .zs-qv-btn{position:absolute!important;left:auto!important;right:10px!important;top:10px!important;bottom:auto!important;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ffffffe6!important;color:#1c2733!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0000002e!important;line-height:1!important;transform:none;opacity:1}
.zp-shop .zs-card .zs-qv-btn svg{width:17px!important;height:17px!important}
.zp-shop .zs-card .zs-qv-btn span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap}
.zp-shop .zs-card .zs-qv-btn:hover{background:var(--zp-accent,#F37021)!important;color:#fff!important;transform:scale(1.06)}
@media(hover:hover) and (min-width:768px){.zp-shop .zs-card .zs-qv-btn{opacity:0;transform:scale(.85)}.zp-shop .zs-card:hover .zs-qv-btn,.zp-shop .zs-card:focus-within .zs-qv-btn{opacity:1;transform:none}}
@media(max-width:767px){.zp-shop .zs-card .zs-qv-btn{width:32px!important;height:32px!important;right:8px!important;top:8px!important}.zp-shop .zs-card .zs-qv-btn svg{width:15px!important;height:15px!important}}
/* indirim rozeti ile çakışmasın: rozet solda, göz sağda */

/* Hızlı bak penceresi: taşmayı engelle */
.zs-modal{box-sizing:border-box}
.zs-modal *,.zs-modal *:before,.zs-modal *:after{box-sizing:border-box}
.zs-modal .zs-modal-box{width:min(880px,100%)!important;max-width:100%!important;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-x:hidden!important;overflow-y:auto}
.zs-modal .zs-qv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.zs-modal .zs-qv-gallery,.zs-modal .zs-qv-info{min-width:0}
.zs-modal .zs-qv-main{width:100%;max-width:100%;aspect-ratio:1/1}
.zs-modal .zs-qv-main img,.zs-modal .zs-qv-thumbs img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;margin:0!important}
.zs-modal button.zs-modal-x{width:40px!important;height:40px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#ffffffee!important;color:#26231e!important;box-shadow:0 4px 14px #0000001f!important;line-height:1!important;display:grid!important;place-items:center}
.zs-modal .zs-qv-thumbs button{width:58px!important;height:58px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:12px!important}
.zs-modal .zs-qv-actions input{min-width:0!important;padding:0!important;margin:0!important}
.zs-modal .zs-qv-add{min-width:0!important;margin:0!important;width:auto!important}
@media(max-width:767px){
 .zs-modal{align-items:flex-end;padding:0}
 .zs-modal .zs-modal-box{width:100%!important;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0}
 .zs-modal .zs-qv-grid{grid-template-columns:minmax(0,1fr)}
 .zs-modal .zs-qv-gallery{padding:14px 14px 8px}
 .zs-modal .zs-qv-main{aspect-ratio:4/3}
 .zs-modal .zs-qv-thumbs button{width:50px!important;height:50px!important}
 .zs-modal button.zs-modal-x{right:10px;top:10px;width:36px!important;height:36px!important}
}
html.zs-lock [class*="whatsapp" i]:not(.zs-modal *):not(.zs-hd *),html.zs-lock .joinchat,html.zs-lock .qlwapp,html.zs-lock .ht-ctc,html.zs-lock #wh-widget-send-button{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.zs-look-stage.is-editor .zs-hot{touch-action:none}
@media(max-width:767px){.zs-modal input,.zs-modal select{font-size:16px!important}}
/* v11.9.24: yatay kaydırmalı listeler kendi içinde dikey kaymasın (sayfa kaydırılırken ürün kartı kayıyordu) */
.zp .zp-rail,.zs-look-rail,.zp-promo-story .zp-grid,.zp-shop-recent.zs-v-B .zs-recent-list{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y}
.zp .zp-rail{padding-top:6px}