/* Imported from: ../../sub-components/Base/base.css */
/* ================= CardStore ortak stiller (her bölümün içinde, kapsamlı) ================= */
.cc_fZcSkUVPga_quRlNTz7EN .cs-root {
  --abyss:#00121F;--night:#001A2E;--deep:#00243F;--d2:#00304F;--gentian:#00417C;--signal:#005387;
  --sky:#3D9BD6;--sky2:#5FB4E8;--red:#FF2D21;--red-ink:#C01A0C;--red-btn:#D81E0E;
  --paper:#EEF2F4;--paper2:#E1E8EC;--ink:#0A1219;--steel:#8397A6;--line:#E0E7EC;
  --mute-d:#9FB6C4;--mute-l:#4E5E6B;--frame:#17415F;--frame-hi:#3A86B8;
  --f-sans:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --f-ui:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-brush:"Kaushan Script","Segoe Script","Brush Script MT",cursive;
  --gut:clamp(16px,3vw,44px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --io:cubic-bezier(.65,0,.35,1);
  --annH:34px;--barH:76px;--valH:24px;--awnO:12px;--barC:62px;--tabH:0px;
  --hdrH:calc(var(--annH) + var(--barH) + var(--valH) + var(--awnO));
  --hdrC:calc(var(--barC) + (var(--valH) + var(--awnO)) * .4);
  --hdrSpace:calc(var(--annH) + var(--barH) + var(--valH));
  position:relative;
  font:500 16px/1.5 var(--f-ui);
  letter-spacing:normal;text-transform:none;text-align:left;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;
  overflow-x:clip;
}
@media (max-width:1100px){.cc_fZcSkUVPga_quRlNTz7EN .cs-root {--annH:32px;--barH:118px;--valH:20px;--awnO:10px;--barC:64px}}
@media (max-width:760px){.cc_fZcSkUVPga_quRlNTz7EN .cs-root {--annH:0px;--barH:112px;--valH:16px;--awnO:8px;--barC:58px;--tabH:calc(64px + env(safe-area-inset-bottom,0px))}}
@media (min-width:761px) and (max-height:760px){.cc_fZcSkUVPga_quRlNTz7EN .cs-root {--annH:0px}}
@media (min-width:761px) and (max-width:1100px) and (max-height:540px){.cc_fZcSkUVPga_quRlNTz7EN .cs-root {--barH:64px;--valH:16px;--awnO:8px}}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root *, .cc_fZcSkUVPga_quRlNTz7EN .cs-root *::before, .cc_fZcSkUVPga_quRlNTz7EN .cs-root *::after {box-sizing:border-box}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(h1,h2,h3,h4,h5,p,ul,ol,li,figure,figcaption,blockquote,dl,dd) {margin:0;padding:0;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(ul,ol) {list-style:none}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(a) {color:inherit;text-decoration:none}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(button) {font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-transform:none;letter-spacing:inherit;border-radius:0;box-shadow:none;min-width:0;min-height:0;line-height:inherit}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(input) {font:inherit;margin:0}
.cc_fZcSkUVPga_quRlNTz7EN .cs-root :where(img,video) {max-width:none;height:auto}
.cc_fZcSkUVPga_quRlNTz7EN svg {max-width:100%}
.cc_fZcSkUVPga_quRlNTz7EN :focus-visible {outline:2px solid var(--sky2);outline-offset:3px}
.cc_fZcSkUVPga_quRlNTz7EN .vh {position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cc_fZcSkUVPga_quRlNTz7EN .wrap {padding-inline:max(var(--gut),env(safe-area-inset-left,0px)) max(var(--gut),env(safe-area-inset-right,0px))}
.cc_fZcSkUVPga_quRlNTz7EN .eyebrow {margin:0;font:800 12px/1.2 var(--f-ui);letter-spacing:.18em}
.cc_fZcSkUVPga_quRlNTz7EN .m-only {display:none}
@media (max-width:760px){.cc_fZcSkUVPga_quRlNTz7EN .m-only {display:block}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csPulse{0%{box-shadow:0 0 0 0 rgba(255,45,33,.55)}70%{box-shadow:0 0 0 8px rgba(255,45,33,0)}100%{box-shadow:0 0 0 0 rgba(255,45,33,0)}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csSpin{to{transform:rotate(360deg)}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csBump{35%{transform:scale(1.14)}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csDropIn{from{opacity:0;transform:translateY(-8px)}}

/* karışık başlık: grotesk + serif */
.cc_fZcSkUVPga_quRlNTz7EN .mix {margin:0;font-weight:400;line-height:.9;text-wrap:balance}
.cc_fZcSkUVPga_quRlNTz7EN .mix .s {font-family:var(--f-sans);font-weight:900;font-stretch:84%;letter-spacing:-.02em}
.cc_fZcSkUVPga_quRlNTz7EN .mix .f {font-family:var(--f-serif);font-weight:400;font-style:normal;letter-spacing:-.015em;font-size:1.08em}

/* satır satır vurgu açılışı (Lando) */
.cc_fZcSkUVPga_quRlNTz7EN [data-hl] {position:relative}
.cc_fZcSkUVPga_quRlNTz7EN .hl-l {display:block}
.cc_fZcSkUVPga_quRlNTz7EN .hl-c {position:relative;display:inline-block;max-width:100%}
.cc_fZcSkUVPga_quRlNTz7EN .hl-b {position:absolute;left:-.05em;right:-.05em;top:.02em;bottom:.02em;background:var(--hlc,#FF2D21);transform:scaleX(0);transform-origin:right center;pointer-events:none;z-index:2}
.cc_fZcSkUVPga_quRlNTz7EN [data-dir=left] .hl-b {transform-origin:left center}
.cc_fZcSkUVPga_quRlNTz7EN .hw {white-space:nowrap}
.cc_fZcSkUVPga_quRlNTz7EN .hm {display:inline-block;width:0;height:0;vertical-align:baseline}
.cc_fZcSkUVPga_quRlNTz7EN .armed .hl-c {clip-path:inset(-.35em 100% -.35em 0)}
.cc_fZcSkUVPga_quRlNTz7EN [data-dir=left].armed .hl-c {clip-path:inset(-.35em 0 -.35em 100%)}
.cc_fZcSkUVPga_quRlNTz7EN .armed .hl-b {transform:scaleX(0)}
.cc_fZcSkUVPga_quRlNTz7EN .armed.in .hl-c {animation:cc_fZcSkUVPga_quRlNTz7EN_csHlTxt .9s linear both;animation-delay:calc(var(--dl,0s) + var(--k) * .085s)}
.cc_fZcSkUVPga_quRlNTz7EN .armed.in .hl-b {animation:cc_fZcSkUVPga_quRlNTz7EN_csHlBar .9s var(--io) both;animation-delay:calc(var(--dl,0s) + var(--k) * .085s)}
.cc_fZcSkUVPga_quRlNTz7EN [data-dir=left].armed.in .hl-c {animation-name:cc_fZcSkUVPga_quRlNTz7EN_csHlTxtL}
.cc_fZcSkUVPga_quRlNTz7EN [data-dir=left].armed.in .hl-b {animation-name:cc_fZcSkUVPga_quRlNTz7EN_csHlBarL}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csHlBar{0%{transform:scaleX(0);transform-origin:0 50%}46%{transform:scaleX(1);transform-origin:0 50%}54%{transform:scaleX(1);transform-origin:100% 50%}100%{transform:scaleX(0);transform-origin:100% 50%}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csHlBarL{0%{transform:scaleX(0);transform-origin:100% 50%}46%{transform:scaleX(1);transform-origin:100% 50%}54%{transform:scaleX(1);transform-origin:0 50%}100%{transform:scaleX(0);transform-origin:0 50%}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csHlTxt{0%,45.9%{clip-path:inset(-.35em 100% -.35em 0)}46%,100%{clip-path:inset(-.35em -.2em -.35em -.2em)}}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csHlTxtL{0%,45.9%{clip-path:inset(-.35em 0 -.35em 100%)}46%,100%{clip-path:inset(-.35em -.2em -.35em -.2em)}}
.cc_fZcSkUVPga_quRlNTz7EN .armed.done .hl-c {clip-path:none;animation:none}
.cc_fZcSkUVPga_quRlNTz7EN .armed.done .hl-b {display:none}

/* harf harf yuvarlanan hover */
.cc_fZcSkUVPga_quRlNTz7EN .roll {display:inline-flex;overflow:hidden;line-height:1.16;height:1.16em;vertical-align:middle}
.cc_fZcSkUVPga_quRlNTz7EN .roll .rc {display:inline-block;white-space:pre;text-shadow:0 1.16em 0 currentColor;transition:transform .5s var(--ease);transition-delay:calc(var(--i) * 16ms)}
.cc_fZcSkUVPga_quRlNTz7EN a:hover .roll .rc, .cc_fZcSkUVPga_quRlNTz7EN button:hover .roll .rc, .cc_fZcSkUVPga_quRlNTz7EN a:focus-visible .roll .rc, .cc_fZcSkUVPga_quRlNTz7EN button:focus-visible .roll .rc {transform:translateY(-1.16em)}

.cc_fZcSkUVPga_quRlNTz7EN .btn {display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 22px;border-radius:10px;font:900 17px/1 var(--f-sans);font-stretch:86%;letter-spacing:.03em;white-space:nowrap;transition:box-shadow .3s,transform .3s var(--ease),background .3s,color .3s;text-decoration:none}
.cc_fZcSkUVPga_quRlNTz7EN .btn .ar {width:16px;height:16px;flex:none;transition:transform .45s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .btn:hover .ar {transform:rotate(45deg)}
.cc_fZcSkUVPga_quRlNTz7EN .btn svg:not(.ar) {width:18px;height:18px;flex:none}
.cc_fZcSkUVPga_quRlNTz7EN .btn-red {background:var(--red);color:var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-red:hover {box-shadow:0 14px 30px -12px rgba(255,45,33,.65)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-ghost {background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-ghost:hover {box-shadow:inset 0 0 0 2px #fff;background:rgba(255,255,255,.07)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-ink {background:var(--ink);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .btn-ink:hover {box-shadow:0 14px 30px -14px rgba(10,18,25,.8)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-white {background:#fff;color:var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .btn-white:hover {box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.cc_fZcSkUVPga_quRlNTz7EN .btn.ok {background:var(--ink);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .sqb {width:52px;height:52px;border-radius:10px;background:var(--red);color:var(--ink);display:grid;place-items:center;flex:none;transition:box-shadow .3s}
.cc_fZcSkUVPga_quRlNTz7EN .sqb svg {width:18px;height:18px;transition:transform .45s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .sqb:hover {box-shadow:0 12px 24px -10px rgba(255,45,33,.7)}
.cc_fZcSkUVPga_quRlNTz7EN .sqb:hover svg {transform:rotate(-45deg)}
.cc_fZcSkUVPga_quRlNTz7EN .i-ok {display:none}
.cc_fZcSkUVPga_quRlNTz7EN .ok .i-plus {display:none}
.cc_fZcSkUVPga_quRlNTz7EN .ok .i-ok {display:block}

/* ortak zemin ve kart yüzü */
.cc_fZcSkUVPga_quRlNTz7EN .tw {position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cc_fZcSkUVPga_quRlNTz7EN .topo {position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .topo path {fill:none;stroke:var(--tp,#0A2C47);stroke-width:1.1;vector-effect:non-scaling-stroke}
.cc_fZcSkUVPga_quRlNTz7EN .face {position:absolute;inset:0;border-radius:5.8%/4.2%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cc_fZcSkUVPga_quRlNTz7EN .face>span {display:block;width:100%;height:100%}
.cc_fZcSkUVPga_quRlNTz7EN .face svg {display:block;width:100%;height:100%}
.cc_fZcSkUVPga_quRlNTz7EN .face>img, .cc_fZcSkUVPga_quRlNTz7EN .face>video {display:block;width:100%;height:100%;object-fit:cover}
.cc_fZcSkUVPga_quRlNTz7EN .holo {position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(61,155,214,.6) 33%,rgba(255,45,33,.42) 43%,rgba(255,255,255,.6) 50%,rgba(95,180,232,.55) 58%,transparent 74%);background-size:280% 280%;background-position:var(--hx,50%) var(--hy,50%);mix-blend-mode:color-dodge;opacity:var(--ho,0);pointer-events:none;transition:opacity .35s}
.cc_fZcSkUVPga_quRlNTz7EN .glare {position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.6),rgba(255,255,255,0) 48%);mix-blend-mode:overlay;opacity:var(--go,0);pointer-events:none;transition:opacity .35s}
.cc_fZcSkUVPga_quRlNTz7EN .sec-head {display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap;margin-bottom:clamp(18px,2.2vw,30px)}
.cc_fZcSkUVPga_quRlNTz7EN .sec-head h2 {font-size:clamp(34px,4.6vw,76px)}
.cc_fZcSkUVPga_quRlNTz7EN .sec-head h2 .f {color:var(--signal)}
.cc_fZcSkUVPga_quRlNTz7EN .sec-head p {margin:0;max-width:40ch;font-size:clamp(14px,1.1vw,17px);line-height:1.45;color:var(--mute-l)}
.cc_fZcSkUVPga_quRlNTz7EN .h-touch {display:none}
@media (hover:none){.cc_fZcSkUVPga_quRlNTz7EN .h-hover {display:none}.cc_fZcSkUVPga_quRlNTz7EN .h-touch {display:inline}}
.cc_fZcSkUVPga_quRlNTz7EN .demo-note {display:none}

/* kayan çerçevesiz ürün etiketi (galeri, kolaj) */
.cc_fZcSkUVPga_quRlNTz7EN .tagx {position:absolute;left:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);white-space:nowrap;height:40px;padding:0 6px 0 14px;border-radius:9px;background:rgba(238,242,244,.95);color:var(--ink);font:800 13px/1 var(--f-ui);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.cc_fZcSkUVPga_quRlNTz7EN .tagx span {overflow:hidden;text-overflow:ellipsis;min-width:0}
.cc_fZcSkUVPga_quRlNTz7EN .tagx b {font:900 16px/1 var(--f-sans);font-stretch:88%;white-space:nowrap}
.cc_fZcSkUVPga_quRlNTz7EN .tagx button {width:28px;height:28px;border-radius:7px;background:var(--red);color:var(--ink);display:grid;place-items:center;flex:none}
.cc_fZcSkUVPga_quRlNTz7EN .tagx button svg {width:14px;height:14px}
.cc_fZcSkUVPga_quRlNTz7EN .tagx button.ok {background:var(--ink);color:#fff}
@media (max-width:760px){.cc_fZcSkUVPga_quRlNTz7EN .tagx {left:8px;bottom:8px;height:34px;font-size:11px;gap:6px;padding-left:10px}.cc_fZcSkUVPga_quRlNTz7EN .tagx b {font-size:13px}}

@media (prefers-reduced-motion:reduce){.cc_fZcSkUVPga_quRlNTz7EN .cs-root * {scroll-behavior:auto}}

/* End import: ../../sub-components/Base/base.css */
/* Imported from: ../../sub-components/ProductCard/card.css */
/* ================= ürün kartı ================= */
.cc_fZcSkUVPga_quRlNTz7EN .pc {position:relative;flex:none;width:var(--cw,clamp(220px,19.5vw,300px));scroll-snap-align:start;background:#fff;color:var(--ink);border-radius:18px;padding:10px;display:flex;flex-direction:column;box-shadow:0 1px 0 #D5DEE4,0 0 0 1px #E3E9ED;transition:transform .45s var(--ease),box-shadow .45s;text-align:left}
.cc_fZcSkUVPga_quRlNTz7EN .pc:hover {transform:translateY(-6px);box-shadow:0 26px 44px -26px rgba(0,36,63,.45),0 0 0 1px #D5DEE4}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img {position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;display:grid;place-items:center;perspective:700px;background:var(--deep)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img.plain {background:#fff;box-shadow:inset 0 0 0 1px #EEF2F4}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img .tbgw {position:absolute;inset:0;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img .tbgw svg, .cc_fZcSkUVPga_quRlNTz7EN .pc-img .tbg {position:absolute;inset:0;width:100%;height:100%;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art {position:relative;width:48%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .5s var(--ease);filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art .sv {display:block;width:100%;height:100%}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art svg {display:block;width:100%;height:100%}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art .holo, .cc_fZcSkUVPga_quRlNTz7EN .pc-art .glare {border-radius:6%/4%}
.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-art .holo {--ho:.4}.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-art .glare {--go:.5}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.obj {width:80%;aspect-ratio:1/1;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35))}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.slab {width:40%;aspect-ratio:5/8}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.pack {width:44%}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.photo {width:78%;height:78%;aspect-ratio:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.4))}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.photo img, .cc_fZcSkUVPga_quRlNTz7EN .pc-art.photo video {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art.photo .holo, .cc_fZcSkUVPga_quRlNTz7EN .pc-art.photo .glare {border-radius:8px}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img.plain .pc-art.photo {width:86%;height:86%;filter:none}
.cc_fZcSkUVPga_quRlNTz7EN .pc-img.plain .pc-art.photo .holo {display:none}
.cc_fZcSkUVPga_quRlNTz7EN .pc-art .noimg {position:absolute;inset:18%;border-radius:10px;background:rgba(255,255,255,.12)}
.cc_fZcSkUVPga_quRlNTz7EN .badge {position:absolute;top:20px;left:20px;z-index:3;height:26px;padding:0 10px;border-radius:13px;background:var(--red);color:var(--ink);font:900 11px/26px var(--f-ui);letter-spacing:.06em;white-space:nowrap;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis}
.cc_fZcSkUVPga_quRlNTz7EN .badge.off {background:#fff;color:var(--red-ink);box-shadow:inset 0 0 0 1.5px var(--red)}
.cc_fZcSkUVPga_quRlNTz7EN .badge.new {background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .badge.pre {background:var(--ink);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .fav {position:absolute;top:20px;right:20px;z-index:3;width:38px;height:38px;border-radius:19px;background:rgba(255,255,255,.94);display:grid;place-items:center;color:var(--ink);box-shadow:0 6px 14px -8px rgba(0,0,0,.45);transition:transform .25s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .fav svg {width:19px;height:19px;overflow:visible}
.cc_fZcSkUVPga_quRlNTz7EN .fav svg path {fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;transition:fill .25s,stroke .25s}
.cc_fZcSkUVPga_quRlNTz7EN .fav:hover {transform:scale(1.08)}
.cc_fZcSkUVPga_quRlNTz7EN .fav[aria-pressed="true"] svg path {fill:var(--red);stroke:var(--red)}
.cc_fZcSkUVPga_quRlNTz7EN .fav.pop {animation:cc_fZcSkUVPga_quRlNTz7EN_csFavPop .5s var(--ease)}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csFavPop{35%{transform:scale(1.32)}70%{transform:scale(.92)}}
.cc_fZcSkUVPga_quRlNTz7EN .pc-meta {margin-top:12px;padding-inline:4px;font:800 10.5px/1.2 var(--f-ui);letter-spacing:.1em;color:var(--mute-l)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-name {margin:5px 0 0;padding-inline:4px;font:700 15px/1.3 var(--f-ui);min-height:2.6em;color:var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-name a {color:inherit}
.cc_fZcSkUVPga_quRlNTz7EN .pc-link::after {content:"";position:absolute;inset:0;z-index:1;border-radius:18px}
.cc_fZcSkUVPga_quRlNTz7EN .chips {margin-top:8px;padding-inline:4px;display:flex;gap:6px;flex-wrap:wrap}
.cc_fZcSkUVPga_quRlNTz7EN .chip {height:22px;padding:0 8px;border-radius:6px;background:var(--paper);font:700 11px/22px var(--f-ui);color:var(--mute-l)}
.cc_fZcSkUVPga_quRlNTz7EN .stock {margin-top:8px;padding-inline:4px;font:800 11.5px/1 var(--f-ui);color:var(--red-ink);display:flex;align-items:center;gap:7px}
.cc_fZcSkUVPga_quRlNTz7EN .stock i {width:7px;height:7px;border-radius:50%;background:var(--red);animation:cc_fZcSkUVPga_quRlNTz7EN_csPulse 1.6s infinite}
.cc_fZcSkUVPga_quRlNTz7EN .dlv {margin:8px 0 0;padding-inline:4px;display:flex;align-items:center;gap:6px;font:700 11.5px/1.2 var(--f-ui);color:var(--signal)}
.cc_fZcSkUVPga_quRlNTz7EN .dlv svg {width:15px;height:15px;flex:none}
.cc_fZcSkUVPga_quRlNTz7EN .pc-row {margin-top:auto;padding:12px 4px 2px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.cc_fZcSkUVPga_quRlNTz7EN .price b {display:block;font:900 21px/1 var(--f-sans);font-stretch:88%;font-variant-numeric:tabular-nums;white-space:nowrap}
.cc_fZcSkUVPga_quRlNTz7EN .price s {display:block;font:600 12.5px/1 var(--f-ui);color:var(--mute-l);margin-top:5px;white-space:nowrap}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add {position:relative;z-index:2;height:42px;min-width:42px;padding:0 13px;border-radius:21px;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:0;font:900 13px/1 var(--f-sans);font-stretch:88%;letter-spacing:.03em;overflow:hidden;transition:box-shadow .25s,background .3s,color .3s,gap .4s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add svg {width:16px;height:16px;flex:none}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add .t {max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .45s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-add, .cc_fZcSkUVPga_quRlNTz7EN .pc-add:focus-visible {gap:6px}
.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-add .t, .cc_fZcSkUVPga_quRlNTz7EN .pc-add:focus-visible .t {max-width:130px}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add:hover {box-shadow:0 10px 20px -10px rgba(255,45,33,.75)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add.ok {background:var(--ink);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add.soldout {background:var(--paper);color:var(--mute-l)}
.cc_fZcSkUVPga_quRlNTz7EN .pc-add[aria-busy="true"] {opacity:.7}
.cc_fZcSkUVPga_quRlNTz7EN .pc {--cw:clamp(220px,19.5vw,300px)}
@media (max-width:1100px){.cc_fZcSkUVPga_quRlNTz7EN .pc {--cw:clamp(210px,31vw,280px)}}
@media (max-width:760px){.cc_fZcSkUVPga_quRlNTz7EN .pc {--cw:62vw}.cc_fZcSkUVPga_quRlNTz7EN .pc-name {font-size:14px}.cc_fZcSkUVPga_quRlNTz7EN .price b {font-size:18px}}
@media (hover:none){.cc_fZcSkUVPga_quRlNTz7EN .pc:hover {transform:none;box-shadow:0 1px 0 #D5DEE4,0 0 0 1px #E3E9ED}.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-add {gap:0}.cc_fZcSkUVPga_quRlNTz7EN .pc:hover .pc-add .t {max-width:0}}

/* End import: ../../sub-components/ProductCard/card.css */
/* ================= 5 · TEKİL / KAPALI (sabitlenir) + 6 · HAFTANIN FIRSATI (üstüne kayar) ================= */
.cc_fZcSkUVPga_quRlNTz7EN .cd-root {background:var(--abyss)}
.cc_fZcSkUVPga_quRlNTz7EN .stack {position:relative}
.cc_fZcSkUVPga_quRlNTz7EN .otot {position:sticky;top:0;z-index:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;overflow:clip;background:var(--paper);color:var(--ink);--tp:#D2DCE2}
.cc_fZcSkUVPga_quRlNTz7EN .otot .tw {-webkit-mask-image:linear-gradient(transparent 0,#000 40%);mask-image:linear-gradient(transparent 0,#000 40%)}
.cc_fZcSkUVPga_quRlNTz7EN .otot.nostick {position:relative;height:auto;min-height:100vh;min-height:100svh;padding-block:calc(var(--hdrC) + 40px) 70px;display:flex;align-items:center}
.cc_fZcSkUVPga_quRlNTz7EN .ot-dim {position:absolute;inset:0;z-index:6;background:#00121F;opacity:0;pointer-events:none}
.cc_fZcSkUVPga_quRlNTz7EN .ot-card {position:absolute;left:-6vw;top:14vh;width:min(27vw,46vh);aspect-ratio:5/7;z-index:1;will-change:transform}
.cc_fZcSkUVPga_quRlNTz7EN .ot-card .face {box-shadow:0 50px 80px -30px rgba(0,36,63,.5)}
.cc_fZcSkUVPga_quRlNTz7EN .ot-card .holo {--ho:.3}
.cc_fZcSkUVPga_quRlNTz7EN .ot-box {position:absolute;right:-6vw;bottom:-7vh;width:min(32vw,58vh);z-index:1;will-change:transform}
.cc_fZcSkUVPga_quRlNTz7EN .ot-box>span>svg, .cc_fZcSkUVPga_quRlNTz7EN .ot-box>svg {display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 40px 50px rgba(0,36,63,.35))}
.cc_fZcSkUVPga_quRlNTz7EN .ot-box img {display:block;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(0,36,63,.35))}
.cc_fZcSkUVPga_quRlNTz7EN .ot-cols {position:absolute;left:0;right:0;top:50%;translate:0 -47%;z-index:2;display:flex;justify-content:center;gap:4.4vw;padding-inline:var(--gut)}
.cc_fZcSkUVPga_quRlNTz7EN .otot.nostick .ot-cols {position:relative;top:auto;translate:none;width:100%}
.cc_fZcSkUVPga_quRlNTz7EN .ot-col {position:relative;display:flex;flex-direction:column;gap:18px;will-change:transform}
.cc_fZcSkUVPga_quRlNTz7EN .ot-col.l {align-items:flex-end;text-align:right}
.cc_fZcSkUVPga_quRlNTz7EN .ot-col.r {align-items:flex-start;text-align:left}
.cc_fZcSkUVPga_quRlNTz7EN .ot-h {font-size:clamp(46px,5.9vw,116px);line-height:.86;color:var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .ot-p {margin:0;max-width:21ch;font:600 clamp(14px,1.12vw,19px)/1.36 var(--f-ui);color:#23313C}
.cc_fZcSkUVPga_quRlNTz7EN .ot-scrib {position:absolute;right:.02em;top:-.42em;z-index:3;font:400 clamp(58px,7.6vw,150px)/1 var(--f-brush);color:var(--red);rotate:-12deg;pointer-events:none;white-space:nowrap}
@media (max-width:760px){
  .cc_fZcSkUVPga_quRlNTz7EN .ot-cols {flex-direction:column;align-items:center;gap:42px;translate:0 -50%}
  .cc_fZcSkUVPga_quRlNTz7EN .ot-col.l, .cc_fZcSkUVPga_quRlNTz7EN .ot-col.r {align-items:center;text-align:center}
  .cc_fZcSkUVPga_quRlNTz7EN .ot-h {font-size:clamp(44px,13vw,72px)}
  .cc_fZcSkUVPga_quRlNTz7EN .ot-card {left:-16vw;top:9vh;width:40vw}
  .cc_fZcSkUVPga_quRlNTz7EN .ot-box {right:-18vw;bottom:-3vh;width:58vw}
  .cc_fZcSkUVPga_quRlNTz7EN .ot-scrib {font-size:clamp(54px,17vw,96px);right:-.1em}
}

/* haftanın fırsatı */
.cc_fZcSkUVPga_quRlNTz7EN .deal {position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;align-items:center;background:radial-gradient(120% 90% at 28% 45%,#0B3A5E 0%,#012640 45%,var(--abyss) 100%);color:#fff;overflow:hidden;overflow:clip;padding-block:calc(var(--hdrC) + 24px) 56px;box-shadow:0 -40px 80px -30px rgba(0,0,0,.6);--tp:#0B3350}
.cc_fZcSkUVPga_quRlNTz7EN .deal .tw {opacity:.7}
.cc_fZcSkUVPga_quRlNTz7EN .deal-in {position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,70px);align-items:center}
.cc_fZcSkUVPga_quRlNTz7EN .deal-vis {position:relative;width:min(100%,74vh);aspect-ratio:1/1;justify-self:center;perspective:1000px}
.cc_fZcSkUVPga_quRlNTz7EN .dv-glow {position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,45,33,.36),rgba(61,155,214,.16) 55%,transparent);filter:blur(12px);opacity:.4}
.cc_fZcSkUVPga_quRlNTz7EN .dv-stage {position:absolute;inset:0;will-change:transform}
.cc_fZcSkUVPga_quRlNTz7EN .dv-back, .cc_fZcSkUVPga_quRlNTz7EN .dv-front {position:absolute;inset:0;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .dv-back {z-index:1}.cc_fZcSkUVPga_quRlNTz7EN .dv-front {z-index:3}
.cc_fZcSkUVPga_quRlNTz7EN .dv-back svg, .cc_fZcSkUVPga_quRlNTz7EN .dv-front svg {display:block;width:100%;height:100%}
.cc_fZcSkUVPga_quRlNTz7EN .dv-packs {position:absolute;inset:0;z-index:2}
.cc_fZcSkUVPga_quRlNTz7EN .dv-pack {position:absolute;top:35%;left:38.5%;width:16%;aspect-ratio:250/350;transform-origin:50% 100%;will-change:transform}
.cc_fZcSkUVPga_quRlNTz7EN .dv-pack svg {display:block;width:100%;height:100%;filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}
.cc_fZcSkUVPga_quRlNTz7EN .dv-img {position:absolute;inset:4%;display:grid;place-items:center}
.cc_fZcSkUVPga_quRlNTz7EN .dv-img img, .cc_fZcSkUVPga_quRlNTz7EN .dv-img video {display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.cc_fZcSkUVPga_quRlNTz7EN .dv-spark {position:absolute;width:10px;height:10px;z-index:4;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:cc_fZcSkUVPga_quRlNTz7EN_csTw 2.4s var(--ease) infinite;animation-delay:var(--d)}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csTw{0%,100%{transform:scale(.2);opacity:0}40%{transform:scale(1);opacity:1}70%{transform:scale(.4);opacity:.3}}
.cc_fZcSkUVPga_quRlNTz7EN .dv-badge {position:absolute;right:-3%;top:2%;z-index:4;width:23%;display:block}
.cc_fZcSkUVPga_quRlNTz7EN .dv-badge svg {display:block;width:100%;height:auto;animation:cc_fZcSkUVPga_quRlNTz7EN_csSpin 16s linear infinite}
.cc_fZcSkUVPga_quRlNTz7EN .deal-info .eyebrow {color:var(--sky2)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-h {font-size:clamp(52px,6.4vw,118px);margin-top:14px;color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .deal-h .f {color:var(--red)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-sub {margin:14px 0 0;color:var(--mute-d);font-size:clamp(15px,1.15vw,18px);font-weight:600}
.cc_fZcSkUVPga_quRlNTz7EN .deal-price {display:flex;align-items:baseline;gap:14px;margin-top:24px;flex-wrap:wrap}
.cc_fZcSkUVPga_quRlNTz7EN .deal-price b {font:900 clamp(40px,4.2vw,64px)/1 var(--f-sans);font-stretch:84%;font-variant-numeric:tabular-nums}
.cc_fZcSkUVPga_quRlNTz7EN .deal-price s {font:700 18px/1 var(--f-ui);color:var(--mute-d)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-price .off {align-self:center;height:30px;padding:0 12px;border-radius:15px;background:var(--red);color:var(--ink);font:900 14px/30px var(--f-ui)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-tax {margin-top:8px;font:700 14px/1.3 var(--f-ui);color:var(--mute-d)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-stock {margin-top:20px;max-width:440px}
.cc_fZcSkUVPga_quRlNTz7EN .deal-stock p {margin:0 0 8px;display:flex;justify-content:space-between;gap:10px;font:800 13px/1 var(--f-ui);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .deal-stock p span {color:var(--mute-d)}
.cc_fZcSkUVPga_quRlNTz7EN .sbar {height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.cc_fZcSkUVPga_quRlNTz7EN .sbar i {display:block;height:100%;width:calc(var(--p) * 100%);background:linear-gradient(90deg,var(--red),#FF6A5E);border-radius:4px;transform-origin:0 50%}
.cc_fZcSkUVPga_quRlNTz7EN .deal.armed .sbar i {transform:scaleX(0)}
.cc_fZcSkUVPga_quRlNTz7EN .deal.armed.in .sbar i {transform:none;transition:transform 1.4s var(--ease) .3s}
.cc_fZcSkUVPga_quRlNTz7EN .dcd {margin-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:800 12px/1 var(--f-ui);letter-spacing:.12em;color:var(--mute-d)}
.cc_fZcSkUVPga_quRlNTz7EN .dcd .u {display:flex;flex-direction:column;align-items:center;gap:5px}
.cc_fZcSkUVPga_quRlNTz7EN .dcd b {min-width:54px;height:54px;padding:0 8px;border-radius:13px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);display:grid;place-items:center;font:900 25px/1 var(--f-sans);font-stretch:84%;color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}
.cc_fZcSkUVPga_quRlNTz7EN .dcd b.tk {animation:cc_fZcSkUVPga_quRlNTz7EN_csTick .4s var(--ease)}
@keyframes cc_fZcSkUVPga_quRlNTz7EN_csTick{0%{transform:translateY(-6px);opacity:.3}100%{transform:none;opacity:1}}
.cc_fZcSkUVPga_quRlNTz7EN .dcd .lab {margin-right:8px}
.cc_fZcSkUVPga_quRlNTz7EN .deal-actions {margin-top:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cc_fZcSkUVPga_quRlNTz7EN .qty {height:58px;border-radius:29px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;align-items:center;gap:2px;padding:0 6px}
.cc_fZcSkUVPga_quRlNTz7EN .qty button {width:46px;height:46px;border-radius:23px;display:grid;place-items:center;transition:background .2s;color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .qty button:hover {background:rgba(255,255,255,.1)}
.cc_fZcSkUVPga_quRlNTz7EN .qty button svg {width:18px;height:18px}
.cc_fZcSkUVPga_quRlNTz7EN .qty output {min-width:30px;text-align:center;font:900 21px/1 var(--f-sans)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-add {height:58px;padding:0 30px;font-size:19px;border-radius:29px}
.cc_fZcSkUVPga_quRlNTz7EN .deal-add.ok {background:#fff;color:var(--ink)}
.cc_fZcSkUVPga_quRlNTz7EN .deal .fav.big {position:static;width:58px;height:58px;border-radius:29px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff}
.cc_fZcSkUVPga_quRlNTz7EN .deal .fav.big svg {width:22px;height:22px}
.cc_fZcSkUVPga_quRlNTz7EN .deal-more {display:inline-flex;align-items:center;margin-top:18px;font:800 14px/1 var(--f-ui);color:var(--sky2);gap:8px}
.cc_fZcSkUVPga_quRlNTz7EN .deal-more svg {width:14px;height:14px;transition:transform .3s var(--ease)}
.cc_fZcSkUVPga_quRlNTz7EN .deal-more:hover svg {transform:translateX(4px)}
@media (max-width:1100px){.cc_fZcSkUVPga_quRlNTz7EN .deal-in {grid-template-columns:1fr;justify-items:center;text-align:center}.cc_fZcSkUVPga_quRlNTz7EN .deal-vis {width:min(78vw,52vh)}.cc_fZcSkUVPga_quRlNTz7EN .deal-info {display:flex;flex-direction:column;align-items:center}.cc_fZcSkUVPga_quRlNTz7EN .deal-stock {width:100%}.cc_fZcSkUVPga_quRlNTz7EN .deal-price, .cc_fZcSkUVPga_quRlNTz7EN .deal-actions, .cc_fZcSkUVPga_quRlNTz7EN .dcd {justify-content:center}}
@media (max-width:760px){.cc_fZcSkUVPga_quRlNTz7EN .deal-vis {width:min(84vw,44vh)}.cc_fZcSkUVPga_quRlNTz7EN .deal-h {font-size:clamp(46px,14vw,72px)}.cc_fZcSkUVPga_quRlNTz7EN .dcd b {min-width:46px;height:46px;font-size:21px}.cc_fZcSkUVPga_quRlNTz7EN .deal-add {flex:1;justify-content:center;padding:0 20px}.cc_fZcSkUVPga_quRlNTz7EN .deal-actions {width:100%}}
@media (prefers-reduced-motion:reduce){.cc_fZcSkUVPga_quRlNTz7EN .dv-badge svg, .cc_fZcSkUVPga_quRlNTz7EN .dv-spark {animation:none}}