/* Bi'Tişört ana sayfa ürün vitrini v7 (design-7). Tüm kurallar .btx/.bts7 kapsamında. */
.btx{--o:#FF6718;--o2:#e2560d;--ink:#111;--navy:#14223a;--mut:#6b6b6b;--line:#e8e5e0;--bg:#f2f0ed;--cream:#fbf8f5;--r:4px;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
.btx *,.btx *:before,.btx *:after{box-sizing:border-box}.btx a{color:inherit;text-decoration:none}.btx button{font:inherit;color:inherit;cursor:pointer}
.btx img{display:block;max-width:100%}.btx .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btx :focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.btx .wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.btx .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.btx .eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:0 0 14px}
.btx .eyebrow:before{content:"";width:18px;height:2px;background:var(--o)}
.btx .h2{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0}
.btx .lead{color:var(--mut);font-size:15px;line-height:1.6;margin:14px 0 0;max-width:46ch}
.btx .all{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--ink);white-space:nowrap;transition:gap .25s,color .25s,border-color .25s}
.btx .all:hover{gap:12px;color:var(--o2);border-color:var(--o)}
/* card */
.btx .pc{position:relative;min-width:0}
.btx .pc-media{position:relative;aspect-ratio:4/5;background:var(--bg);border-radius:var(--r);overflow:hidden;isolation:isolate}
.btx .pc-img,.btx .pc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.btx .pc-img img{transition:opacity .5s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.btx .pc-b{opacity:0}.btx .pc-img img{mix-blend-mode:multiply}
@media(hover:hover){.btx .pc:hover .pc-b{opacity:1}.btx .pc:hover .pc-img img{transform:scale(1.035)}}
.btx .pc-badge{position:absolute;z-index:2;top:12px;left:12px;background:#fff;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:2px;line-height:1}
.btx .pc-badge--new{color:var(--navy)}.btx .pc-badge--new:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--o);margin-right:6px;vertical-align:1px}
.btx .pc-badge--sale{background:var(--o);color:#fff}
.btx .pc-fav{position:absolute;z-index:2;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;transition:background .2s,transform .2s}
.btx .pc-fav:hover{background:rgba(255,255,255,.85)}.btx .pc-fav:active{transform:scale(.88)}
.btx .pc-fav[aria-pressed=true] svg path{fill:var(--o);stroke:var(--o)}
.btx .pc-qv{position:absolute;z-index:2;top:52px;right:8px;height:38px;border:0;border-radius:19px;background:rgba(255,255,255,.92);display:flex;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;opacity:0;transform:translateX(6px);transition:.3s}
.btx .pc-qv span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s}
.btx .pc-qv:hover span{max-width:100px}
.btx .pc:hover .pc-qv,.btx .pc-qv:focus-visible{opacity:1;transform:none}
.btx .pc-qa{position:absolute;z-index:3;left:10px;right:10px;bottom:10px}
.btx .pc-plus{display:none}
.btx .pc-qa-panel{background:#fff;border-radius:3px;padding:12px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 24px rgba(17,17,17,.06)}
.btx .pc:hover .pc-qa-panel,.btx .pc-qa:focus-within .pc-qa-panel{opacity:1;transform:none}
.btx .pc-qa-t{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:8px;text-align:center}
.btx .pc-sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.btx .sz{height:34px;border:1px solid var(--line);background:#fff;border-radius:2px;font-size:12px;font-weight:500;transition:.15s}
.btx .sz:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:#fff}
.btx .sz:disabled{color:#bbb;text-decoration:line-through;cursor:not-allowed;background:#fafafa}
.btx .sz.is-added{background:var(--o);border-color:var(--o);color:#fff}
.btx .pc-info{padding:14px 2px 0}
.btx .pc-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.btx .pc-name{font-size:14px;font-weight:500;margin:0;line-height:1.35;letter-spacing:-.005em}
.btx .pc-name a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}
.btx .pc-name a:hover{background-size:100% 1px}
.btx .pc-prices{margin:0;display:flex;flex-direction:row-reverse;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}
.btx .pc-price{font-size:14px;font-weight:600}.btx .pc-price.is-sale{color:var(--o2)}
.btx .pc-old{font-size:13px;color:var(--mut)}
.btx .pc-sub{font-size:13px;color:var(--mut);margin:4px 0 0}
.btx .pc-sw{display:flex;gap:8px;margin-top:10px}
.btx .sw{width:16px;height:16px;border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);position:relative;transition:transform .2s}
.btx .sw:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;transition:border-color .2s}
.btx .sw.is-on:after{border-color:var(--ink)}.btx .sw:hover{transform:scale(1.12)}
/* toast */
.bt-toast{position:fixed;z-index:99;right:24px;bottom:24px;display:flex;gap:14px;align-items:center;background:#fff;color:#111;font:500 14px Inter,system-ui,sans-serif;padding:12px 14px 12px 12px;border-radius:6px;box-shadow:0 18px 50px rgba(20,34,58,.18);transform:translateY(20px);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.7,.2,1);min-width:320px}
.bt-toast.show{opacity:1;transform:none;pointer-events:auto}
.bt-toast img{width:52px;height:65px;object-fit:cover;border-radius:3px;background:#f2f0ed}
.bt-toast small{display:block;color:#6b6b6b;font-size:12px;margin-top:3px}.bt-toast b{display:flex;align-items:center;gap:6px;font-weight:600}
.bt-toast b:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#FF6718;color:#fff;font-size:11px}
.bt-toast a{margin-left:auto;white-space:nowrap;font-weight:600;font-size:13px;border-bottom:1px solid;color:#111;text-decoration:none}
@media(max-width:900px){.btx .wrap{padding:0 20px}.btx .sh{margin-bottom:28px}}
@media(max-width:700px){
 .btx .pc-plus{display:grid;place-items:center;position:absolute;right:0;bottom:0;width:36px;height:36px;border-radius:50%;border:0;background:#fff;font-size:20px;font-weight:300;box-shadow:0 2px 10px rgba(0,0,0,.08)}
 .btx .pc-qa-panel{display:none}.btx .pc-qa.open .pc-qa-panel{display:block;opacity:1;transform:none;margin-bottom:44px}
 .btx .pc-qa.open .pc-plus{transform:rotate(45deg)}.btx .pc-qa-t{font-size:10px;letter-spacing:.04em}.btx .pc-sizes{grid-template-columns:repeat(3,1fr)}
 .btx .pc-qv{opacity:1;transform:none;top:auto;bottom:10px;left:10px;right:auto;width:36px;height:36px;padding:0;justify-content:center}.btx .pc-qv span{display:none}
 .btx .pc-row{flex-direction:column;gap:2px}.btx .pc-prices{flex-direction:row-reverse;justify-content:flex-end;gap:8px;align-items:baseline}
 .bt-toast{left:12px;right:12px;bottom:12px;min-width:0}}
@media(prefers-reduced-motion:reduce){.btx *,.bt-toast{transition:none!important}}

.bts7{padding:112px 0 120px;background:var(--cream)}
.bts7 .sh{margin-bottom:28px}
.bts7 .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}
.bts7 .tabs{display:flex;gap:8px;flex-wrap:wrap}
.bts7 .tab{height:40px;padding:0 18px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.bts7 .tab sup{font-size:10px;margin-left:4px;color:var(--mut)}
.bts7 .tab:hover{border-color:var(--ink)}
.bts7 .tab[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.bts7 .tab[aria-selected=true] sup{color:#ffffffaa}
.bts7 .grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:44px;align-items:start}
.bts7 .pc[hidden]{display:none}.bts7 .pc{animation:bts7in .45s both}@keyframes bts7in{from{opacity:0;transform:translateY(10px)}}
.bts7 .pc-media{background:#ece9e4}
.bts7 .pc-add{margin-top:14px;width:100%;height:44px;border:0;border-radius:2px;background:var(--o);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s}
.bts7 .pc-add:hover{background:var(--o2)}.bts7 .pc-add:active{transform:scale(.98)}
.bts7 .pc-add.is-done{background:var(--navy)}
.bts7 .pc-qa.open .pc-qa-panel{opacity:1;transform:none}
/* featured */
.bts7 .ft{grid-column:1;grid-row:1/3;position:sticky;top:24px;align-self:stretch;background:var(--navy);color:#fff;border-radius:8px;padding:32px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.bts7 .ft:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,103,24,.55),rgba(255,103,24,0) 68%);right:-160px;top:28%}
.bts7 .ft-top{display:flex;justify-content:space-between;align-items:center}
.bts7 .ft-k{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c3cbe0}
.bts7 .ft-d{background:var(--o);color:#fff;font-size:12px;font-weight:700;padding:6px 9px;border-radius:2px}
.bts7 .ft h3{font-size:30px;line-height:1.1;letter-spacing:-.025em;font-weight:600;margin:18px 0 8px}
.bts7 .ft p{margin:0;color:#b8c2d4;font-size:14px;line-height:1.6}
.bts7 .ft-img{position:relative;flex:1;min-height:260px;margin:12px -8px}
.bts7 .ft-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s,transform 1s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 30px 30px rgba(0,0,0,.35))}
.bts7 .ft-img .b{opacity:0}.bts7 .ft:hover .ft-img .b{opacity:1}.bts7 .ft:hover .ft-img img{transform:translateY(-6px) rotate(-2deg)}
.bts7 .ft-l{font-size:12px;font-weight:600;color:#c3cbe0;margin:0 0 8px;display:flex;justify-content:space-between}.bts7 .ft-l a{color:#c3cbe0;text-decoration:underline;font-weight:500}
.bts7 .ft-s{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:16px}
.bts7 .ft-s .sz{background:transparent;color:#fff;border-color:rgba(255,255,255,.22);height:36px}
.bts7 .ft-s .sz:hover{background:#fff;color:var(--ink);border-color:#fff}
.bts7 .ft-s .sz[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}
.bts7 .ft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.bts7 .ft-p{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.bts7 .ft-p s{display:block;font-size:13px;color:#8d9ab3;font-weight:400}
.bts7 .ft .pc-add{margin:0;width:auto;padding:0 22px;height:48px;border-radius:999px;flex:none}
.bts7 .ft .pc-add:disabled{background:rgba(255,255,255,.12);color:#c3cbe0;cursor:not-allowed}
.bts7 .ft-t{margin-top:14px;font-size:12px;color:#8d9ab3;display:flex;gap:6px;align-items:center}.bts7 .ft-t b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.bts7 .grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.bts7 .grid{grid-template-columns:repeat(2,1fr)}.bts7 .ft{grid-column:1/-1;grid-row:auto;position:relative;top:0}}
@media(max-width:700px){.bts7{padding:64px 0 72px}.bts7 .grid{column-gap:10px;row-gap:32px}.bts7 .sh{flex-direction:column;align-items:flex-start;margin-bottom:20px}
 .bts7 .bar{margin:0 -20px 24px;padding:0 20px;overflow-x:auto;scrollbar-width:none}.bts7 .tabs{flex-wrap:nowrap}.bts7 .tab{white-space:nowrap;height:36px;padding:0 14px}
 .bts7 .pc-plus{display:none}.bts7 .pc-qa.open .pc-qa-panel{display:block;margin-bottom:0}.bts7 .ft{padding:24px}.bts7 .ft-img{min-height:240px}.bts7 .ft h3{font-size:26px}.bts7 .pc-add{height:40px;font-size:13px}}

/* v7 canlı entegrasyon: şeffaf mockup PNG'ler için */
.bts7 .pc-img img{object-fit:contain;padding:9% 7%;mix-blend-mode:normal}
.bts7 .pc-more{font-size:11px;color:var(--mut);align-self:center}
.bts7 .pc-note{font-size:12px;color:var(--mut);margin:8px 0 0;text-align:center}
.bts7 .ft-note{margin-top:14px;font-size:12px;color:#8d9ab3}
.bts7 .pc-price.is-calc{font-weight:500;color:var(--mut);font-size:13px}
.bts7.bt-v7-home{margin:0}
.bts7 .ft h3 a{color:#fff}.bts7 .ft h3 a:hover{color:#fff;text-decoration:underline}
/* v7.1: Butik bölümüyle aynı tam genişlik bant, üst ve alt kartlarla 14px boşluk */
.bt-ref-home:has(.bt-v7-home){padding-bottom:0!important}
.bt-ref-home:has(.bt-v7-home) ~ #butik-vitrini{margin-top:14px!important}
.btx.bts7.bt-v7-home{position:relative;isolation:isolate;width:100vw;max-width:none;margin:14px calc(50% - 50vw) 0!important;padding:34px 0 36px;background:none;border-radius:0}
.btx.bts7.bt-v7-home:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.96),transparent 34%),radial-gradient(circle at 82% 15%,rgba(255,245,235,.78),transparent 32%),linear-gradient(180deg,#fbf7f2 0%,#f8f3ed 54%,#fbf8f4 100%);border-top:1px solid rgba(230,219,208,.72);border-bottom:1px solid rgba(230,219,208,.62)}
.btx.bts7.bt-v7-home:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 18%,transparent 82%,rgba(255,255,255,.28));pointer-events:none}
.btx.bts7.bt-v7-home .wrap{max-width:none;padding:0 26px}
@media(max-width:700px){.btx.bts7.bt-v7-home{padding:24px 0 28px}.btx.bts7.bt-v7-home .wrap{padding:0 10px}.btx.bts7.bt-v7-home .bar{margin:0 -10px 24px;padding:0 10px}}
/* v7.2: "Şimdi Tasarla" bağlantısı */
.btx.bts7 a.pc-add{color:#fff;text-decoration:none}.btx.bts7 a.pc-add:hover{color:#fff;background:var(--o2)}
.btx.bts7 .ft a.pc-add{background:var(--o)}.btx.bts7 .ft a.pc-add:hover{background:var(--o2)}
.btx.bts7 .pc-sw .sw{flex:none}
.btx.bts7 .ft .sw.is-on:after{border-color:#fff}
/* v7.3: 6/9/12 kart düzeni */
.btx.bts7 .ft{grid-row:1/span var(--bt-v7-rows,2)}
.btx.bts7 .ft .ft-img{min-height:300px;max-height:620px}
@media(max-width:1100px){.btx.bts7 .ft{grid-row:auto}}
@media(max-width:900px){.btx.bts7 .ft{grid-column:1/-1}}
@media(max-width:700px){
 .btx.bts7 .grid[data-count="9"] .pc:not(.ft):last-child{grid-column:1/-1;display:grid;grid-template-columns:44% 1fr;column-gap:12px;align-items:center}
 .btx.bts7 .grid[data-count="9"] .pc:not(.ft):last-child .pc-media{grid-row:1/4}
 .btx.bts7 .grid[data-count="9"] .pc:not(.ft):last-child .pc-info{padding-top:0}
 .btx.bts7 .grid[data-count="9"] .pc:not(.ft):last-child .pc-add{margin-top:10px}
}
/* v7.4: kompakt düzen. Haftanın Ürünü yalnızca ilk 2 sırayı kaplar; sonraki sıralar 4 sütunun tamamını kullanır. */
.btx.bts7 .grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:32px}
.btx.bts7 .ft{grid-column:1;grid-row:1/span 2!important;position:relative;top:auto;padding:26px 24px}
.btx.bts7 .ft h3{font-size:24px;margin:12px 0 6px}
.btx.bts7 .ft p{font-size:13px}
.btx.bts7 .ft .ft-img{min-height:200px;max-height:none;margin:8px -4px}
.btx.bts7 .ft .ft-s .sz{height:32px}
.btx.bts7 .ft .ft-p{font-size:21px}
.btx.bts7 .ft .pc-add{height:44px;padding:0 18px}
.btx.bts7 .ft .ft-row{padding-top:12px}
.btx.bts7 .pc-media{aspect-ratio:10/11}
.btx.bts7 .pc-img img{padding:7% 9%}
.btx.bts7 .pc-info{padding-top:10px}
.btx.bts7 .pc-name{font-size:13px}.btx.bts7 .pc-price{font-size:13px}
.btx.bts7 .pc-sub{font-size:12px;margin-top:2px}
.btx.bts7 .pc-sw{margin-top:8px;gap:7px}.btx.bts7 .sw{width:14px;height:14px}
.btx.bts7 .pc-add{height:38px;margin-top:10px;font-size:13px}
.btx.bts7 .pc-badge{top:10px;left:10px;font-size:10px;padding:5px 8px}
.btx.bts7 .sh{margin-bottom:22px}.btx.bts7 .bar{margin-bottom:26px}
@media(max-width:1100px){.btx.bts7 .grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px}.btx.bts7 .ft{grid-column:1;grid-row:1/span 2!important}}
@media(max-width:900px){.btx.bts7 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btx.bts7 .ft{grid-column:1/-1;grid-row:auto!important}.btx.bts7 .ft .ft-img{min-height:240px;height:260px}}
@media(max-width:700px){.btx.bts7 .grid{column-gap:10px;row-gap:24px}.btx.bts7 .ft{padding:22px 20px}.btx.bts7 .pc-add{height:38px}}

/* v7.5 — K4 "KENDİN TASARLA" baskı alanı çerçevesi (konum: mockup kalibrasyonu, JS ile yerleşir) */
.btx.bts7 .pc-kt{position:absolute;z-index:1;left:0;top:0;width:0;height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;border:1.5px dashed rgba(20,34,58,.55);border-radius:6px;background:rgba(255,255,255,.18);color:#14223a;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease;font-family:inherit;-webkit-font-smoothing:antialiased}
.btx.bts7 .pc-kt.is-on{opacity:1;visibility:visible}
.btx.bts7 .pc-kt svg{width:14px;height:14px;color:#ff6718;flex:none}
.btx.bts7 .pc-kt b{display:block;font-size:9.5px;line-height:1.05;font-weight:800;letter-spacing:.12em}
.btx.bts7 .pc-kt em{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:9px;font-weight:800;line-height:1;letter-spacing:.12em;padding:4px 7px;border-radius:999px;background:#14223a;color:#fff}
.btx.bts7 .pc-kt i{position:absolute;width:6px;height:6px;border:2px solid #ff6718}
.btx.bts7 .pc-kt i:nth-of-type(1){left:-4px;top:-4px;border-right:0;border-bottom:0}.btx.bts7 .pc-kt i:nth-of-type(2){right:-4px;top:-4px;border-left:0;border-bottom:0}
.btx.bts7 .pc-kt i:nth-of-type(3){left:-4px;bottom:-4px;border-right:0;border-top:0}.btx.bts7 .pc-kt i:nth-of-type(4){right:-4px;bottom:-4px;border-left:0;border-top:0}
.btx.bts7 .pc-kt.is-dark{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);color:#fff}
.btx.bts7 .pc-kt.is-left b,.btx.bts7 .pc-kt.is-mini b{display:none}
.btx.bts7 .pc-kt.is-left em,.btx.bts7 .pc-kt.is-mini em{display:block}
.btx.bts7 .pc-kt.is-dark em{background:#fff;color:#14223a}
.btx.bts7 .ft .pc-kt{z-index:2}
@media(hover:hover){.btx.bts7 .pc:hover .pc-kt.is-on{opacity:0}}
.btx.bts7 .ft:hover .pc-kt.is-on{opacity:0}
@media(max-width:700px){.btx.bts7 .pc-kt svg{width:12px;height:12px}.btx.bts7 .pc-kt b{font-size:8.5px}.btx.bts7 .pc-kt em{font-size:8px;padding:3px 6px;top:calc(100% + 4px)}}
@media(prefers-reduced-motion:reduce){.btx.bts7 .pc-kt{transition:none}}