:root{

  --bg:#F2F6FB;

  --surface:#FFFFFF;

  --surface-2:#EBF1F9;

  --ink:#13233F;

  --ink-soft:#4E5D78;

  --ink-faint:#8996AC;

  --red:#1C3E72;

  --red-dark:#0F2A57;

  --green:#0F7A5C;

  --green-soft:#DFF3EA;

  --line:#E1E8F2;

  --shadow: 0 20px 40px -24px rgba(19,42,76,0.28);

  --radius: 8px;

  --navy-deep:#0B1E38;

  --accent-badge:#E11D48;

}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{

  margin:0;

  background:var(--bg);

  color:var(--ink);

  font-family:'Inter',sans-serif;

  font-size:16px;

  line-height:1.5;

  -webkit-font-smoothing:antialiased;

}

h1,h2,h3,.display{

  font-family:'Bricolage Grotesque',sans-serif;

  font-weight:700;

  letter-spacing:-0.02em;

  margin:0;

}

.mono{font-family:'IBM Plex Mono',monospace;}

a{color:inherit;text-decoration:none;}

img{max-width:100%;display:block;}

button{font-family:inherit;cursor:pointer;}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

.eyebrow{

  font-family:'IBM Plex Mono',monospace;

  font-size:12px;

  letter-spacing:0.14em;

  text-transform:uppercase;

  color:var(--red);

  font-weight:600;

}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{

  outline:2px solid var(--red);

  outline-offset:3px;

}

@media (prefers-reduced-motion: reduce){

  *{animation-duration:0.001ms !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}

}



/* TOP INFO BAR */

.top-bar{background:var(--navy-deep); color:#DCE6F5;}

.top-bar-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 0; font-size:12.5px;}

.top-bar-left, .top-bar-right{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}

.top-bar-item{display:inline-flex; align-items:center; gap:6px; color:#DCE6F5;}

.top-bar-item svg{width:13px; height:13px; flex-shrink:0; opacity:.85;}

.top-bar-item:hover{color:#fff;}

@media (max-width:780px){ .top-bar-left{display:none;} .top-bar-inner{justify-content:center;} .top-bar-right{gap:14px;} }

@media (max-width:520px){ .top-bar-right .top-bar-item.tb-hide-xs{display:none;} }

/* HEADER */

header{position:sticky; top:0; z-index:40; background:rgba(255,255,255,0.97); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); box-shadow:0 2px 14px -8px rgba(19,42,76,0.12);}

/* KAYAN YAZI (duyuru şeridi) */
.site-marquee{overflow:hidden; white-space:nowrap; padding:8px 0;}
.site-marquee.contained-bg{max-width:1240px; margin:0 auto; border-radius:var(--radius);}
.site-marquee-inner{overflow:hidden;}
.site-marquee-inner.contained-text{max-width:1240px; margin:0 auto; padding:0 24px;}
.site-marquee-track{display:inline-flex; gap:80px; animation:marquee-scroll 18s linear infinite; padding-left:100%;}
.site-marquee-track span{font-weight:600; letter-spacing:.02em;}
@keyframes marquee-scroll{ from{transform:translateX(0);} to{transform:translateX(-100%);} }
@media (prefers-reduced-motion: reduce){ .site-marquee-track{animation:none; padding-left:16px;} }

.nav{display:flex; align-items:center; justify-content:space-between; height:76px;}

.logo{font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:28px; color:var(--red); letter-spacing:-0.03em;}

.logo sup{font-size:12px; color:var(--ink-soft); font-weight:600; vertical-align:middle; margin-left:2px;}

nav.links{display:flex; gap:32px; align-items:center;}

nav.links a{font-size:14px; font-weight:600; color:var(--ink-soft); padding:4px 0; border-bottom:2px solid transparent; transition:color .15s, border-color .15s;}

nav.links a:hover{color:var(--ink); border-color:var(--red);}

.nav-actions{display:flex; align-items:center; gap:14px;}

.cart-btn{position:relative; display:flex; align-items:center; gap:8px; background:var(--surface-2); color:var(--ink); border:none; padding:10px 16px; border-radius:999px; font-size:13px; font-weight:600;}

.cart-btn:hover{background:var(--ink); color:#fff;}

.cart-count{background:var(--accent-badge); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:11px; min-width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 4px;}

.burger{display:none; background:none; border:none; padding:8px;}

.burger svg{width:22px;height:22px;}



/* NAV DROPDOWN (Akpınar) */

.nav-dropdown{position:relative; display:flex; align-items:center; gap:2px;}

.nav-drop-link{font-size:14px; font-weight:600; color:var(--ink-soft); padding:4px 0; border-bottom:2px solid transparent !important;}

.nav-dropdown:hover .nav-drop-link, .nav-dropdown.open .nav-drop-link{color:var(--ink); border-color:var(--red) !important;}

.nav-drop-arrow{display:flex; align-items:center; background:none; border:none; color:var(--ink-faint); padding:4px 2px; cursor:pointer;}

.nav-drop-arrow svg{transition:transform .15s;}

.nav-dropdown.open .nav-drop-arrow svg{transform:rotate(180deg);}

.nav-drop-menu{position:absolute; top:100%; left:-16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); min-width:180px; padding:20px 8px 8px; margin-top:0; display:none; flex-direction:column; z-index:50;}

.nav-dropdown:hover .nav-drop-menu, .nav-dropdown.open .nav-drop-menu{display:flex;}

.nav-drop-menu a{font-size:13px; font-weight:600; color:var(--ink-soft); padding:9px 10px; border-radius:var(--radius); border-bottom:none !important;}

.nav-drop-menu a:hover{background:var(--surface-2); color:var(--ink);}



/* CATEGORY DRAWER (mobile burger menu) */

.cat-drawer-overlay{position:fixed; inset:0; background:rgba(36,28,24,0.45); opacity:0; visibility:hidden; transition:opacity .2s; z-index:55;}

.cat-drawer-overlay.open{opacity:1; visibility:visible;}

.cat-drawer{position:fixed; top:0; right:0; height:100%; width:280px; max-width:84vw; background:var(--surface); box-shadow:var(--shadow); z-index:60; transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column;}

.cat-drawer.open{transform:translateX(0);}

.cat-drawer-head{display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid var(--line);}

.cat-drawer-body{padding:20px; display:flex; flex-direction:column; overflow-y:auto;}

.cat-drawer-group-label{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-faint); margin:18px 0 8px;}

.cat-drawer-group-label:first-child{margin-top:0;}

.cat-drawer-body a{font-size:15px; font-weight:600; color:var(--ink); padding:10px 4px; border-bottom:1px solid var(--line);}



/* GRID TOGGLE (mobile 1-col / 2-col) — sits inline inside .filter-top-row, pushed to the far right */

.grid-toggle{display:none; gap:6px; flex-shrink:0; margin-left:auto;}

.gt-btn{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); width:36px; height:32px; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); flex-shrink:0;}

.gt-btn.active{background:var(--ink); color:var(--surface); border-color:var(--ink);}



/* QUICK-ADD (card + button) */

.qa-btn{position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; background:var(--surface); color:var(--ink); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 14px -6px rgba(0,0,0,.3); z-index:2;}

.qa-btn:hover{background:var(--red); color:#fff; border-color:var(--red);}

.pc-price-block{display:flex; flex-direction:column; gap:2px; margin-top:auto;}

.pc-price-pack{color:var(--ink-soft); font-size:13px;}

.subcat-head{font-size:18px; margin:36px 0 16px; padding-top:16px; border-top:1px solid var(--line);}

.subcat-count{font-size:13px; color:var(--ink-faint); font-weight:400;}

.subcat-block:first-of-type .subcat-head{margin-top:8px; padding-top:0; border-top:none;}



/* NAV SEARCH BUTTON */

.nav-search-wrap{position:relative; display:flex; align-items:center;}

.nav-search-btn{background:none; border:none; color:var(--ink-soft); padding:6px; display:flex; align-items:center; justify-content:center; margin-left:8px; z-index:2;}

.nav-search-btn:hover{color:var(--red);}

.nav-search-form{position:absolute; right:0; top:50%; transform:translateY(-50%); width:0; overflow:hidden; transition:width .2s ease; background:var(--surface); border-radius:999px; box-shadow:var(--shadow);}

.nav-search-form.open{width:220px;}

.nav-search-form input{width:100%; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-family:inherit; font-size:13.5px; outline:none;}

@media (max-width:860px){ .nav-search-form.open{width:180px;} }



/* FILTER BAR (search + subcategory pills) */

.filter-bar{display:flex; flex-direction:column; gap:18px; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--line);}

.filter-top-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}

.sort-select{background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:9px 14px; font-family:inherit; font-size:13px; font-weight:600; color:var(--ink-soft); cursor:pointer;}

.sort-select:focus{outline:none; border-color:var(--ink-faint);}

.filter-search{display:flex; align-items:center; gap:8px; background:var(--surface-2); border-radius:999px; padding:9px 16px; flex:1; min-width:200px; max-width:320px; color:var(--ink-faint);}

.filter-search-input{border:none; background:none; outline:none; font-family:inherit; font-size:13.5px; color:var(--ink); width:100%;}



/* Plain text pills (fallback, non-chip contexts) */

.filter-pills{display:flex; flex-wrap:wrap; gap:8px;}

.filter-pill{background:var(--surface); border:1px solid var(--line); border-radius:999px; padding:7px 14px; font-size:12.5px; font-weight:600; color:var(--ink-soft); white-space:nowrap;}

.filter-pill.active{background:var(--ink); color:var(--surface); border-color:var(--ink);}

.filter-pill:hover:not(.active){border-color:var(--ink-faint);}



/* Circular image category chips (Akpınar + Penti category pages) — always single-row horizontal scroll */

.filter-pills-chips{flex-wrap:nowrap; overflow-x:auto; gap:20px; padding-bottom:6px; -webkit-overflow-scrolling:touch; scrollbar-width:thin;}

.filter-pills-chips .filter-pill{background:none; border:none; padding:0; display:flex; flex-direction:column; align-items:center; gap:6px; width:84px; flex:0 0 auto; text-align:center; white-space:normal;}

.filter-pills-chips .fp-img{width:72px; height:72px; border-radius:50%; overflow:hidden; box-shadow:var(--shadow); border:2px solid var(--surface); background:var(--surface-2); display:flex; align-items:center; justify-content:center;}

.filter-pills-chips .fp-img img{width:100%; height:100%; object-fit:cover;}

.filter-pills-chips .fp-img-all{font-size:12px; font-weight:700; color:var(--ink-soft); background:var(--surface-2);}

.filter-pills-chips .filter-pill.active .fp-img, .filter-pills-chips .filter-pill:hover .fp-img{border-color:var(--red);}

.filter-pills-chips .fp-label{font-size:12px; font-weight:700; color:var(--ink);}

.filter-pills-chips .filter-pill.active .fp-label{color:var(--red);}

.filter-pills-chips .fp-count{font-size:10px; color:var(--ink-faint); font-family:'IBM Plex Mono',monospace;}

@media (max-width:860px){

  .filter-bar{gap:12px;}

  .filter-search{max-width:none; width:100%; order:3;}

  .filter-pills-chips .filter-pill{width:70px;}

  .filter-pills-chips .fp-img{width:58px; height:58px;}

}



/* QUICK-ADD MODAL */

.qa-modal .modal{max-width:420px;}

.qa-head{display:flex; gap:14px; margin-bottom:18px;}

.qa-head img{width:72px; height:96px; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow);}

.qa-head h4{font-size:16px; margin:0 0 4px;}

.qa-head .qa-price{font-family:'IBM Plex Mono',monospace; font-size:14px; color:var(--ink-soft);}



/* FLOATING WHATSAPP BUTTON */

.wa-float{position:fixed; right:20px; bottom:20px; width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 26px -8px rgba(0,0,0,.45); z-index:45; border:none;}

.wa-float:hover{background:#1DA851;}

.wa-float svg{width:30px; height:30px;}



/* BACK TO TOP */

.back-to-top{position:fixed; left:20px; bottom:20px; width:48px; height:48px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 26px -8px rgba(0,0,0,.45); z-index:45; border:none; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .2s, transform .2s;}

.back-to-top.visible{opacity:1; pointer-events:auto; transform:translateY(0);}

.back-to-top:hover{background:var(--red);}

.back-to-top svg{width:22px; height:22px;}

@media (max-width:860px){ .back-to-top{left:14px; bottom:14px; width:44px; height:44px;} .back-to-top svg{width:20px; height:20px;} }



/* TOAST */

.toast-msg{position:fixed; left:50%; bottom:32px; transform:translate(-50%, 20px); background:var(--ink); color:#fff; padding:12px 22px; border-radius:999px; font-size:14px; font-weight:600; box-shadow:var(--shadow); z-index:90; opacity:0; pointer-events:none; transition:opacity .25s, transform .25s;}

.toast-msg.show{opacity:1; transform:translate(-50%, 0);}



/* CART ITEM PRICE COLUMN */

.ci-price-col{display:flex; flex-direction:column; align-items:flex-end; gap:6px;}

.ci-price{font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; white-space:nowrap;}



/* HERO */

.hero{padding:48px 0 56px; border-bottom:1px solid var(--line);}

.hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:56px; align-items:center;}

.hero h1{font-size:clamp(38px,5vw,60px); line-height:1.02; margin:14px 0 20px;}

.hero h1 em{font-style:normal; color:var(--red);}

.hero p.lede{font-size:17px; color:var(--ink-soft); max-width:46ch; margin-bottom:32px;}

.hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}

.btn{display:inline-flex; align-items:center; gap:8px; padding:14px 24px; border-radius:var(--radius); font-size:14px; font-weight:700; letter-spacing:0.01em; border:1px solid transparent;}

.btn-primary{background:var(--red); color:#fff;}

.btn-primary:hover{background:var(--red-dark);}

.btn-ghost{border-color:var(--ink); color:var(--ink); background:transparent;}

.btn-ghost:hover{background:var(--ink); color:var(--surface);}

.hero-art{position:relative;}

.hero-art img{border-radius:var(--radius); box-shadow:var(--shadow);}

.hero-badge{position:absolute; top:20px; left:-18px; background:var(--green); color:#fff; padding:14px 18px; border-radius:50%; width:88px; height:88px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 12px 24px -10px rgba(31,77,58,0.6); transform:rotate(-8deg);}

.hero-badge .num{font-family:'IBM Plex Mono',monospace; font-size:22px; font-weight:600; line-height:1;}

.hero-badge .lbl{font-size:9px; letter-spacing:0.08em; text-transform:uppercase; margin-top:2px;}



/* HOMEPAGE CATEGORY ICON CARDS */

.cat-icon-section{padding:8px 0 32px;}

.cat-icon-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}

.cat-icon-card{position:relative; display:flex; align-items:center; gap:14px; background:var(--surface-2); border-radius:var(--radius); padding:16px 50px 16px 16px; transition:background .15s, transform .15s;}

.cat-icon-card:hover{background:var(--surface); box-shadow:var(--shadow); transform:translateY(-2px);}

.cic-media{width:56px; height:56px; border-radius:50%; overflow:hidden; flex-shrink:0; background:#fff; box-shadow:0 0 0 1px var(--line);}

.cic-media img{width:100%; height:100%; object-fit:cover;}

.cic-body h3{font-size:15px; font-weight:700; line-height:1.3;}

.cic-body h3 span{display:block; font-weight:600; color:var(--ink-soft); font-size:12.5px;}

.cic-arrow{position:absolute; right:14px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; color:var(--ink); box-shadow:0 4px 10px -4px rgba(19,42,76,0.3);}

.cat-icon-card:hover .cic-arrow{background:var(--red); color:#fff;}

@media (max-width:860px){ .cat-icon-grid{grid-template-columns:repeat(2,1fr);} }



/* "NEDEN BİZ" ÖZELLİK KARTLARI */

.why-section{padding:40px 0; border-top:1px solid var(--line);}

.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}

.why-card{display:flex; gap:14px; align-items:flex-start;}

.why-icon{width:46px; height:46px; border-radius:50%; background:var(--surface-2); color:var(--red); display:flex; align-items:center; justify-content:center; flex-shrink:0;}

.why-icon svg{width:22px; height:22px;}

.why-card h4{font-size:15px; margin-bottom:4px;}

.why-card p{font-size:13px; color:var(--ink-soft); margin:0; line-height:1.45;}

@media (max-width:860px){ .why-grid{grid-template-columns:repeat(2,1fr);} }

@media (max-width:520px){ .why-grid{grid-template-columns:1fr;} }



/* DENIER GAUGE */

.gauge-section{padding:40px 0; border-bottom:1px solid var(--line);}

.gauge-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:36px; flex-wrap:wrap;}

.gauge-head h2{font-size:26px;}

.gauge-head p{color:var(--ink-soft); font-size:14px; max-width:42ch; margin-top:8px;}

.gauge{position:relative; height:6px; background:var(--line); border-radius:4px; margin:0 6px;}

.gauge-fill{position:absolute; inset:0; border-radius:4px; background:linear-gradient(90deg, var(--surface-2), var(--green));}

.gauge-marks{position:relative; height:0;}

.gmark{position:absolute; top:-9px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px;}

.gmark .dot{width:20px; height:20px; border-radius:50%; background:var(--surface); border:3px solid var(--green); box-shadow:0 0 0 4px var(--bg);}

.gmark .tag{margin-top:38px; text-align:center; white-space:nowrap;}

.gmark .tag .d{font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:15px;}

.gmark .tag .t{font-size:11px; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.05em;}

.gauge-labels{display:flex; justify-content:space-between; margin-top:6px; font-size:11px; color:var(--ink-faint); font-family:'IBM Plex Mono',monospace;}



/* CATALOG */

.catalog{padding:72px 0;}

.catalog-head{margin-bottom:48px;}

.catalog-head h2{font-size:32px; max-width:20ch;}

.product-line{margin-bottom:80px;}

.line-grid{display:grid; grid-template-columns:340px 1fr; gap:40px; border-top:1px solid var(--line); padding-top:40px;}

.line-media{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); position:relative;}

.line-media .den-chip{position:absolute; bottom:14px; left:14px; background:var(--surface); color:var(--ink); font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; padding:6px 12px; border-radius:var(--radius); box-shadow:0 6px 14px -6px rgba(0,0,0,.3);}

.line-info h3{font-size:24px;}

.line-info .subtitle{color:var(--red); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:0.04em; margin:6px 0 14px;}

.line-info p.desc{color:var(--ink-soft); font-size:14.5px; max-width:60ch; margin-bottom:24px;}

.variant-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px;}

.variant-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:16px; display:flex; flex-direction:column; gap:10px;}

.variant-top{display:flex; align-items:center; gap:10px;}

.swatch{width:30px; height:30px; border-radius:50%; border:2px solid var(--surface); box-shadow:0 0 0 1px var(--line); display:block;}

.variant-name{font-size:13px; font-weight:600;}

.variant-code{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--ink-faint);}

.variant-price{font-family:'IBM Plex Mono',monospace; font-size:15px; font-weight:600; margin-top:auto;}

.variant-price span{font-size:11px; color:var(--ink-faint); font-family:'Inter',sans-serif; display:block; font-weight:400;}

.add-btn{background:var(--ink); color:var(--surface); border:none; padding:9px 10px; font-size:12.5px; font-weight:700; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; gap:6px;}

.add-btn:hover{background:var(--red);}

.add-btn.added{background:var(--green);}



/* CATEGORY SECTIONS */

.category-section{padding:40px 0; border-top:1px solid var(--line);}

.category-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:36px; flex-wrap:wrap;}

.category-head h2{font-size:28px;}

.category-head p{color:var(--ink-soft); font-size:14px; max-width:50ch; margin-top:6px;}

.empty-hint{color:var(--ink-faint); font-size:14px; padding:24px; border:1px dashed var(--line); border-radius:var(--radius);}



/* PRODUCT CARD GRID (home + penti listing) */

.card-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:22px;}

.product-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s;}

.product-card:hover{box-shadow:var(--shadow); transform:translateY(-3px);}

.pc-media{position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--surface-2);}

.pc-media img{width:100%; height:100%; object-fit:cover;}

.pc-media .den-chip{position:absolute; bottom:10px; left:10px; background:var(--surface); color:var(--ink); font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:12px; padding:5px 10px; border-radius:var(--radius); box-shadow:0 6px 14px -6px rgba(0,0,0,.3);}

.pc-body{padding:16px; display:flex; flex-direction:column; gap:8px; flex:1;}

.pc-body h3{font-size:16px; line-height:1.25;}

.pc-body .pc-sub{font-size:12px; color:var(--ink-faint);}

.pc-body .pc-price{font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:15px; margin-top:auto;}

.pc-body .pc-price span{font-size:11px; color:var(--ink-faint); font-family:'Inter',sans-serif; font-weight:400;}

.pc-body .pc-colors{display:flex; gap:5px; flex-wrap:wrap;}

.pc-body .pc-colors i{width:14px; height:14px; border-radius:50%; box-shadow:0 0 0 1px var(--line); display:block;}

.pc-more{font-size:11px; color:var(--ink-faint); align-self:center;}

.pc-btn{display:block; text-align:center; background:var(--ink); color:var(--surface); padding:10px; font-size:13px; font-weight:700; border-radius:var(--radius);}

.pc-btn:hover{background:var(--red);}



/* PENTI PROMO BANNER (side-by-side like Akpınar hero) */

.penti-hero-grid h2{font-size:clamp(28px,3.6vw,38px); margin:14px 0 20px; line-height:1.1;}

.penti-banner-img{position:relative; display:block; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);}

.penti-banner-img img{width:100%; display:block; object-fit:cover;}

.penti-banner-img:hover{opacity:0.96;}

.penti-band-section{padding-top:40px;}



/* ÇOK SATANLAR (ana sayfa, sadece masaüstü) */

.bestseller-section{margin-top:32px;}

.bestseller-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px;}

.bestseller-grid .product-card{font-size:13px;}

.bestseller-grid .pc-body{padding:12px;}

.bestseller-grid .pc-body h3{font-size:13.5px;}

.bestseller-grid .pc-body .pc-price{font-size:13px;}

.bestseller-grid .pc-price-pack{display:none;}



/* SECTION DIVIDER (thin line before footer, replaces old green band) */

.section-divider{padding:8px 0;}

.section-divider hr{border:none; border-top:1px solid var(--line); margin:0;}



/* CONTACT MAP */

.contact-map iframe{display:block;}

@media (max-width:860px){ .contact-map iframe{height:260px;} }



/* BREADCRUMB */

.breadcrumb{font-size:13px; color:var(--ink-faint); margin-bottom:24px;}

.breadcrumb a:hover{color:var(--red);}



/* PRODUCT DETAIL PAGE */

.pd-section{padding:48px 0 80px;}

.pd-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px;}

.pd-media{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); position:relative;}

.pd-media img{width:100%; display:block;}

.pd-media .den-chip{position:absolute; bottom:16px; left:16px; background:var(--surface); color:var(--ink); font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; padding:6px 12px; border-radius:var(--radius);}

.pd-info h1{font-size:30px; margin-bottom:8px;}

.pd-info .pd-sub{color:var(--red); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:14px;}

.pd-info .pd-desc{color:var(--ink-soft); font-size:14.5px; margin-bottom:22px;}

.pd-info .pd-price{font-family:'IBM Plex Mono',monospace; font-size:26px; font-weight:700; margin-bottom:4px;}

.pd-info .pd-price span{font-size:13px; color:var(--ink-faint); font-family:'Inter',sans-serif; font-weight:400;}

.pd-price-pack{font-size:16px !important; color:var(--ink-soft); font-weight:600; margin-bottom:14px !important;}

.pd-info .pd-minqty{font-size:12.5px; color:var(--ink-faint); margin-bottom:26px;}

.pd-option-label{font-size:13px; font-weight:700; margin-bottom:10px; text-transform:uppercase; letter-spacing:0.03em;}

.pd-sizes{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px;}

.size-pill{border:1px solid var(--line); background:var(--surface); padding:9px 16px; border-radius:var(--radius); font-size:13px; font-weight:600; cursor:pointer;}

.size-pill.active{background:var(--ink); color:var(--surface); border-color:var(--ink);}

.pd-colors{display:flex; flex-wrap:wrap; gap:12px; margin-bottom:28px;}

.color-pill{display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:var(--surface); padding:8px 14px 8px 8px; border-radius:var(--radius); font-size:13px; font-weight:600; cursor:pointer;}

.color-pill i{width:20px; height:20px; border-radius:50%; box-shadow:0 0 0 1px var(--line); display:block;}

.color-pill.active{border-color:var(--ink); background:var(--surface-2);}

.pd-qty-row{display:flex; align-items:center; gap:18px; margin-bottom:26px;}

.pd-qty-row .qty-stepper button{width:34px;height:34px;font-size:17px;}

.pd-qty-row .qty-stepper span{min-width:34px; font-size:15px;}

.pd-total{font-size:13px; color:var(--ink-soft); margin-bottom:20px;}

.pd-total b{font-family:'IBM Plex Mono',monospace; color:var(--ink);}

.pd-add-btn{width:100%; justify-content:center; font-size:15px; padding:16px;}

.pd-meta-list{list-style:none; padding:0; margin:28px 0 0; display:flex; flex-direction:column; gap:8px; font-size:13px; color:var(--ink-soft); border-top:1px solid var(--line); padding-top:20px;}

.pd-meta-list li span{color:var(--ink-faint); display:inline-block; min-width:110px;}

@media (max-width:860px){ .pd-grid{grid-template-columns:1fr;} }



/* NOTE BAND */



/* CONTACT */

.contact{padding:80px 0; border-bottom:1px solid var(--line);}

.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px;}

.contact h2{font-size:30px; margin-bottom:14px;}

.contact p.lede{color:var(--ink-soft); max-width:44ch; margin-bottom:26px;}

.contact-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:16px;}

.contact-list li{display:flex; gap:12px; align-items:flex-start; font-size:14.5px;}

.contact-list svg{width:18px;height:18px; flex-shrink:0; margin-top:2px; color:var(--red);}



/* FOOTER */

footer{background:var(--navy-deep); color:#B9C6DE; padding:0;}

.footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; padding:40px 24px 28px; border-bottom:1px solid rgba(255,255,255,0.12);}

.footer-brand{display:flex; flex-direction:column; gap:10px; max-width:360px;}

.footer-brand p{margin:0; font-size:13px; color:#B9C6DE; line-height:1.5;}

.footer-contact{display:flex; flex-wrap:wrap; gap:22px 32px;}

.footer-contact-item{display:flex; align-items:flex-start; gap:10px; font-size:13px; color:#DCE6F5;}

.footer-contact-item svg{width:16px; height:16px; flex-shrink:0; margin-top:2px; color:#7C93BE;}

.footer-contact-item span{display:block;}

.footer-contact-item .fc-label{font-size:11px; text-transform:uppercase; letter-spacing:0.05em; color:#7C93BE; margin-bottom:2px;}

footer .wrap.footer-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:18px 24px;}

footer .footer-bottom p{font-size:12.5px; color:#7C93BE; margin:0;}

@media (max-width:780px){ .footer-top{flex-direction:column;} }



/* CART DRAWER */

.overlay{position:fixed; inset:0; background:rgba(36,28,24,0.45); opacity:0; pointer-events:none; transition:opacity .25s; z-index:60;}

.overlay.open{opacity:1; pointer-events:auto;}

.drawer{position:fixed; top:0; right:0; height:100%; width:min(420px,92vw); background:var(--surface); z-index:61; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s ease; box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);}

.drawer.open{transform:translateX(0);}

.drawer-head{padding:22px 24px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between;}

.drawer-head h3{font-size:18px;}

.drawer-close{background:none; border:none; padding:6px;}

.drawer-body{flex:1; overflow-y:auto; padding:16px 24px;}

.cart-item{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line);}

.cart-item .csw{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px var(--line);}

.cart-item .ci-name{font-size:13.5px; font-weight:600;}

.cart-item .ci-meta{font-size:11.5px; color:var(--ink-faint); font-family:'IBM Plex Mono',monospace;}

.qty-stepper{display:flex; align-items:center; gap:8px; margin-top:6px;}

.qty-stepper button{width:24px; height:24px; border:1px solid var(--line); background:var(--surface-2); border-radius:var(--radius); font-size:14px; line-height:1;}

.qty-stepper span{font-family:'IBM Plex Mono',monospace; font-size:13px; min-width:16px; text-align:center;}

.remove-btn{background:none; border:none; color:var(--ink-faint); font-size:11.5px; text-decoration:underline; padding:0; justify-self:end;}

.cart-empty{color:var(--ink-faint); font-size:14px; text-align:center; padding:60px 0;}

.drawer-foot{padding:20px 24px; border-top:1px solid var(--line);}

.subtotal-row{display:flex; justify-content:space-between; font-size:14px; margin-bottom:16px;}

.subtotal-row strong{font-family:'IBM Plex Mono',monospace; font-size:17px;}

.drawer-foot .btn{width:100%; justify-content:center; margin-bottom:10px;}



/* CHECKOUT MODAL */

.modal-overlay{position:fixed; inset:0; background:rgba(36,28,24,0.55); z-index:70; display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .2s;}

.modal-overlay.open{opacity:1; pointer-events:auto;}

.modal{background:var(--surface); border-radius:var(--radius); max-width:480px; width:100%; max-height:90vh; overflow-y:auto; padding:32px; position:relative;}

.modal h3{font-size:20px; margin-bottom:6px;}

.modal p.hint{color:var(--ink-soft); font-size:13.5px; margin-bottom:22px;}

.field{margin-bottom:16px;}

.field label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px;}

.field input, .field textarea{width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:var(--radius); font-family:inherit; font-size:14px; background:var(--surface-2); color:var(--ink);}

.field textarea{resize:vertical; min-height:70px;}

.modal-actions{display:flex; flex-direction:column; gap:10px; margin-top:22px;}

.modal-close-x{position:absolute; top:16px; right:16px; background:none; border:none;}

.status-msg{font-size:13px; margin-top:14px; padding:10px 12px; border-radius:var(--radius); display:none;}

.status-msg.show{display:block;}

.status-msg.ok{background:var(--green-soft); color:var(--green);}

.status-msg.err{background:#FBE7E7; color:#B42318;}



/* BANK INFO PANEL (payment step) */

.bank-box{background:var(--surface-2); border:1px dashed var(--ink-faint); border-radius:var(--radius); padding:16px; font-size:13.5px; margin-bottom:18px;}

.bank-box div{display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px solid var(--line);}

.bank-box div:last-child{border-bottom:none;}

.bank-box b{font-family:'IBM Plex Mono',monospace;}

.order-no-chip{display:inline-block; background:var(--green); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:13px; padding:6px 12px; border-radius:var(--radius); margin-bottom:14px;}



.field-checkbox label{display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; cursor:pointer;}

.order-total-box{background:var(--surface-2); border-radius:var(--radius); padding:14px 16px; margin:14px 0; font-size:13.5px;}

.order-total-box > div{display:flex; justify-content:space-between; padding:4px 0;}

.order-total-box b{font-family:'IBM Plex Mono',monospace;}

.order-total-final{border-top:1px solid var(--line); margin-top:6px; padding-top:10px !important; font-size:15px; font-weight:700;}



/* RESPONSIVE */

@media (max-width:860px){

  nav.links{display:none;}

  .burger{display:block;}

  .hero-grid{grid-template-columns:1fr;}

  .hero-art{order:-1;}

  .hero-badge{left:auto; right:16px;}

  .line-grid{grid-template-columns:1fr;}

  .contact-grid{grid-template-columns:1fr;}

  .gmark .tag{display:block; white-space:normal; max-width:70px; line-height:1.25;}

  .gmark .tag .d{font-size:12px; display:block;}

  .gmark .tag .t{font-size:8.5px; line-height:1.25; display:block; margin-top:2px;}

  .gauge-labels{margin-top:114px !important;}

  .grid-toggle{display:flex;}

  .card-grid{grid-template-columns:repeat(2,1fr); gap:12px;}

  .card-grid.cols-1{grid-template-columns:1fr;}

  .card-grid.cols-2{grid-template-columns:repeat(2,1fr);}

  .wa-float{right:14px; bottom:14px; width:52px; height:52px;}

  .wa-float svg{width:26px; height:26px;}

  .bestseller-section{display:none;}

}

@media (max-width:520px){

  .variant-grid{grid-template-columns:repeat(2,1fr);}

}


/* ---- Marka rozetleri (Akpınar / Aksoy / Aknisa) ---- */
.brand-badge{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  padding:3px 10px;
  border-radius:999px;
  border:1px solid currentColor;
  margin-bottom:6px;
}
.brand-badge.brand-akpinar{ color:#1C3E72; }
.brand-badge.brand-aksoy{ color:#158A4A; }
.brand-badge.brand-aknisa{ color:#1B6EE6; }
.brand-badge.brand-donshop{ color:#B4531A; }
.brand-badge.brand-vienkarl{ color:#7A2E8E; }

.logo-link{ display:flex; align-items:center; }
.logo-img{ height:44px; width:auto; display:block; }
@media (max-width:640px){ .logo-img{ height:36px; } }

/* ---- Marka kartları (anasayfa) ---- */
.brand-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:36px;
}
.brand-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius,14px);
  padding:24px;
  border-left:5px solid var(--c,#E64A1B);
}
.brand-card h3{ margin:0 0 8px; font-size:20px; }
.brand-card p{ margin:0; color:var(--ink-soft); font-size:14.5px; }
.brand-card-akpinar{ --c:#1C3E72; }
.brand-card-aksoy{ --c:#158A4A; }
.brand-card-aknisa{ --c:#1B6EE6; }
.brand-card-donshop{ --c:#B4531A; }
.brand-card-vienkarl{ --c:#7A2E8E; }
@media (max-width:1000px){ .brand-cards{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .brand-cards{ grid-template-columns:1fr; } }

/* HERO SLIDER */
.hero-slider{position:relative; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; background:var(--navy-deep);}
.hs-track{display:grid;}
.hs-slide{grid-area:1/1; position:relative; min-height:260px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; padding:8% 10%; opacity:0; visibility:hidden; transition:opacity .6s ease, visibility .6s; color:#fff; text-decoration:none;}
.hs-slide.is-active{opacity:1; visibility:visible;}
.hs-slide.s-cream{background:#F9F4EC; color:#13233F;}
.hs-slide.s-navy{background:linear-gradient(135deg,#0B1E38,#1C3E72);}
.hs-slide.s-blue{background:linear-gradient(135deg,#1C3E72,#3B6BB5);}
.hs-slide::before{content:""; position:absolute; left:0; right:0; bottom:18%; height:14px; background:#E5481A; transform:skewY(-6deg); opacity:.9;}
.hs-slide::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.0),rgba(0,0,0,0)); pointer-events:none;}
.hs-slide > *{position:relative; z-index:1;}
.hs-tag{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; opacity:.85;}
.hs-title{font-family:'Bricolage Grotesque',sans-serif; font-size:clamp(26px,3.4vw,44px); line-height:1.05; font-weight:800; letter-spacing:-0.02em; text-transform:uppercase; max-width:12ch;}
.hs-sub{font-size:15px; opacity:.9; max-width:34ch;}
.hs-btn{margin-top:6px; background:#E5481A; color:#fff; padding:10px 18px; border-radius:999px; font-size:13px; font-weight:700;}
.hs-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:38px; height:38px; border:none; border-radius:50%; background:rgba(255,255,255,.88); color:#13233F; font-size:24px; line-height:1; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.18);}
.hs-prev{left:12px;} .hs-next{right:12px;}
.hs-nav:hover{background:#fff;}
.hs-dots{position:absolute; left:0; right:0; bottom:12px; z-index:3; display:flex; justify-content:center; gap:8px;}
.hs-dots button{width:9px; height:9px; padding:0; border:none; border-radius:50%; background:rgba(255,255,255,.75); box-shadow:0 0 0 1px rgba(19,35,63,.35); cursor:pointer;}
.hs-dots button.is-active{background:#E5481A; width:22px; border-radius:6px;}
@media (max-width:560px){.hs-title{font-size:24px;} .hs-sub{font-size:13px;} .hs-nav{width:32px; height:32px; font-size:20px;}}

.hs-slide.has-img{background-color:#0B1E38; background-position:center; background-size:cover; background-repeat:no-repeat; color:#fff;}
.hs-slide.has-img::before{display:none;}

/* Tam genişlik hero + sadece görselli slayt */
.hero-full{padding:24px 0 40px;}
.hero-full .hero-slider{box-shadow:var(--shadow);}
.hs-slide.img-only{padding:0; min-height:0; aspect-ratio:2116/743;}
.hs-slide.img-only::before{display:none;}
.hs-slide.has-img:not(.img-only){padding:6% 8%;}
.hero-slider.is-single .hs-nav,.hero-slider.is-single .hs-dots{display:none;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
@media (max-width:700px){.hero-full{padding:14px 0 28px;} .hs-slide{min-height:165px;} .hs-slide.img-only{min-height:0;} .hs-title{font-size:22px;}}

.hero-full .hs-dots{bottom:5px; gap:6px;}
.hero-full .hs-dots button{width:7px; height:7px;}
.hero-full .hs-dots button.is-active{width:18px;}

/* ===== Tam genişlik slayt + mobil dikey görsel ===== */
.hero-full{padding:0 0 40px;}
.hero-full .hero-slider{border-radius:0; box-shadow:none; width:100%;}
.hs-slide > .hs-pic{position:absolute; inset:0; z-index:0; display:block;}
.hs-pic img{width:100%; height:100%; object-fit:cover; display:block;}
.hs-slide.has-img:not(.img-only)::after{background:linear-gradient(90deg,rgba(11,30,56,.82),rgba(11,30,56,.25)); z-index:0;}
@media (max-width:700px){
  .hs-slide.img-only.has-mobile{aspect-ratio:2/3;}
  .hero-full{padding-bottom:28px;}
}

/* ===== Markalarımız: dikey bannerlar ===== */
.brand-banners{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px;}
.brand-banner{display:block; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--surface-2); transition:transform .2s ease;}
.brand-banner:hover{transform:translateY(-4px);}
.brand-banner img{width:100%; height:auto; aspect-ratio:1092/1440; object-fit:cover;}
@media (max-width:820px){
  .brand-banners{grid-template-columns:1fr; max-width:480px; margin-left:auto; margin-right:auto; gap:16px;}
}

/* Kategori kartlarının altındaki banner bölümü */
.hero-full{padding-bottom:0;}
.brand-banner-section{padding:0 0 40px;}
.brand-banner-section .brand-banners{margin-top:0;}

/* Footer logosu: beyaz zeminli JPG olduğu için beyaz bir kapsül içinde, orantılı boyutta */
.footer-brand .footer-logo{align-self:flex-start; height:44px; width:auto; max-width:100%; background:#fff; padding:6px 14px; border-radius:10px;}

@media (min-width:781px){
  .footer-brand{flex:0 0 auto; max-width:300px;}
  .footer-contact{flex:1 1 560px; justify-content:flex-end; gap:22px 28px;}
}

/* Marka bannerları: 4 adet. Farklı oranlı görseller aynı kutuda (5:7) gösterilir */
.brand-banners{grid-template-columns:repeat(4,1fr); gap:20px;}
.brand-banner img{aspect-ratio:2/3; height:auto; object-fit:cover; object-position:top center;}
@media (max-width:1000px){ .brand-banners{grid-template-columns:repeat(2,1fr); max-width:none; gap:16px;} }
@media (max-width:700px){ .brand-banners{grid-template-columns:1fr; max-width:480px; margin-left:auto; margin-right:auto;} }

/* Masaüstü: marka bannerları geniş alanı kullanır (site genişliğinden daha geniş) */
@media (min-width:1001px){
  .brand-banner-section .wrap{max-width:1760px;}
  .brand-banners{gap:18px;}
}

/* Mobil yan boşluk: 24px yerine biraz daha dar. Değiştirmek için yalnızca --m-gap değerini değiştirin. */
:root{--m-gap:16px;}
@media (max-width:700px){
  .wrap{padding-left:var(--m-gap); padding-right:var(--m-gap);}
  footer .wrap.footer-top, footer .wrap.footer-bottom{padding-left:var(--m-gap); padding-right:var(--m-gap);}
}
@media (max-width:700px){
  .cat-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
  .cat-icon-card{padding-right:44px; gap:10px;}
}

/* ===== "İmalattan İç Giyim" <-> "Ürünleri İncele" rozeti: slaytın sağ üstünde + 4 bannerın her birinin üstünde ===== */
.imalat-cta{position:absolute; z-index:4; display:inline-flex; align-items:center; gap:12px; padding:7px 7px 7px 16px; border-radius:999px; background:rgba(11,30,56,.92); color:#fff; text-decoration:none; font-weight:800; font-size:13px; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 6px 20px rgba(0,0,0,.25); animation:icRing 2.2s ease-out infinite;}
.imalat-cta.on-slider{top:18px; right:18px;}
.imalat-cta.on-banner{left:50%; bottom:16px; transform:translateX(-50%); pointer-events:none; font-size:11.5px; gap:9px; padding:5px 5px 5px 13px;}
.brand-banner{position:relative;}
.imalat-cta:focus-visible{outline:3px solid #fff; outline-offset:2px;}
.ic-dot{width:9px; height:9px; border-radius:50%; background:#FF5A1F; flex:0 0 auto; animation:icBlink 1.1s ease-in-out infinite;}
.ic-label{display:grid; text-align:center;}
.ic-label span{grid-area:1/1; white-space:nowrap;}
.ic-a{animation:icSwapA 4s ease-in-out infinite;}
.ic-b{opacity:0; animation:icSwapB 4s ease-in-out infinite;}
.ic-arrow{width:32px; height:32px; flex:0 0 auto; border-radius:50%; background:#E5481A; display:grid; place-items:center; font-size:18px; line-height:1;}
.on-banner .ic-arrow{width:26px; height:26px; font-size:15px;}
@keyframes icBlink{0%,100%{opacity:1;} 50%{opacity:.15;}}
/* iki yazı hiçbir zaman aynı anda görünmez (üst üste binmez) */
@keyframes icSwapA{0%,40%{opacity:1;} 46%,94%{opacity:0;} 100%{opacity:1;}}
@keyframes icSwapB{0%,46%{opacity:0;} 54%,86%{opacity:1;} 92%,100%{opacity:0;}}
@keyframes icRing{
  0%{box-shadow:0 6px 20px rgba(0,0,0,.25), 0 0 0 0 rgba(229,72,26,.7);}
  70%{box-shadow:0 6px 20px rgba(0,0,0,.25), 0 0 0 14px rgba(229,72,26,0);}
  100%{box-shadow:0 6px 20px rgba(0,0,0,.25), 0 0 0 0 rgba(229,72,26,0);}
}
@media (prefers-reduced-motion:reduce){ .imalat-cta,.ic-dot,.ic-a,.ic-b{animation:none;} .ic-b{display:none;} }
@media (max-width:700px){
  .imalat-cta.on-slider{top:8px; right:8px; padding:5px 5px 5px 11px; gap:7px; font-size:9.5px; letter-spacing:.04em;}
  .imalat-cta.on-slider .ic-dot{display:none;}
  .imalat-cta.on-slider .ic-arrow{width:26px; height:26px; font-size:15px;}
  .imalat-cta.on-banner{font-size:12px; bottom:14px;}
}
/* Marka sayfası: çocuk filtresi bilgi notu */
.brand-filter-note{margin:0 0 18px; padding:10px 14px; background:var(--surface-2); border-radius:var(--radius); font-size:14px; color:var(--ink-soft);}
.brand-filter-note a{margin-left:8px; color:var(--red); font-weight:700; text-decoration:underline;}
/* 4 markalı üst menü: orta genişliklerde sığsın */
@media (max-width:1180px){ nav.links{gap:20px;} }
@media (max-width:980px){ nav.links{gap:14px;} nav.links a, .nav-drop-link{font-size:13px;} }