:root{
  --bg:#f5f8fa;
  --panel:#ffffff;
  --panel-2:#eef3f7;
  --line:#dbe5eb;
  --line-soft:#e8f0f4;
  --text:#122733;
  --text-dim:#54697a;
  --text-faint:#5a6e7d;
  --cyan:#4B3FD9;
  --cyan-dim:#3B32B0;
  --cyan-wash:rgba(75,63,217,.1);
  --steel-blue:#3B32B0;
  --flow-blue:#2F6FED;
  --flow-violet:#7B5CFA;
  --radius:10px;
  --maxw:1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Rubik',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
h1,h2,h3{font-family:'Jost',sans-serif; margin:0;}
p{margin:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
::selection{background:var(--cyan); color:#062430;}

a:focus-visible, button:focus-visible, input:focus-visible{
  outline:2px solid var(--cyan-dim);
  outline-offset:2px;
}

.bp-grid{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.6;
}

.wrap{max-width:var(--maxw); margin:0 auto; padding-left:24px; padding-right:24px;}
.eyebrow{
  font-family:'Roboto Mono', monospace; font-size:11.5px; letter-spacing:.22em;
  color:var(--cyan-dim); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.tick{width:22px; height:1px; background:var(--cyan);}

/* ===== Topbar ===== */
.topbar{
  background:var(--text); color:rgba(255,255,255,.78);
  font-size:12.5px; position:relative; z-index:41;
}
.topbar__inner{
  max-width:var(--maxw); margin:0 auto; padding:8px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.topbar__info{list-style:none; display:flex; gap:24px; margin:0; padding:0;}
.topbar__info li{display:flex; align-items:center; gap:7px;}
.topbar__info a{color:inherit;}
.topbar__info a:hover{color:#fff;}
.topbar__social{display:flex; gap:14px;}
.topbar__social a{color:rgba(255,255,255,.7); font-size:11.5px; display:inline-flex; align-items:center; gap:5px;}
.topbar__social a svg{flex-shrink:0;}
.topbar__social a:hover{color:var(--cyan);}
@media (max-width:760px){ .topbar__info li:last-child{display:none;} }
@media (max-width:520px){ .topbar{display:none;} }

/* ===== Header ===== */
.site-head{
  position:sticky; top:0; z-index:230;
  background:rgba(245,248,250,.9);
  backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);
  transition:box-shadow .25s ease, background .25s ease;
}
.site-head.is-scrolled{
  background:rgba(245,248,250,.98);
  box-shadow:0 8px 24px rgba(18,39,51,.08);
}
.site-head.is-scrolled .site-head__inner{padding-top:8px; padding-bottom:8px;}
.site-head.is-scrolled .brand__logo{height:44px;}
.site-head__inner{
  max-width:var(--maxw); margin:0 auto; padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  transition:padding .25s ease;
}
.brand{display:flex; align-items:center; gap:12px; flex-shrink:0;}
.brand__logo{height:60px; width:auto; display:block; flex-shrink:0; transition:height .25s ease;}
.brand__logo--foot{height:44px;}

.site-nav__list{
  list-style:none; display:flex; align-items:center; gap:8px; margin:0; padding:0;
}
.site-nav__list a{
  font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--text-dim);
  padding:9px 14px; position:relative; white-space:nowrap; border-radius:999px;
  transition:color .15s, background .15s;
}
.site-nav__list a:hover{color:var(--text); background:var(--panel-2);}
.site-nav__list a.is-active{color:#fff; background:var(--text);}

.site-head__contact{display:flex; align-items:center; gap:10px; font-size:13.5px; flex-shrink:0;}
.site-head__contact > a:not(.wa){display:flex; align-items:center; gap:7px; color:var(--text-dim); white-space:nowrap;}
.site-head__contact > a:not(.wa):hover{color:var(--cyan-dim);}
.dot{width:6px; height:6px; border-radius:50%; background:#1fae5c; box-shadow:0 0 0 3px rgba(31,174,92,.16); flex-shrink:0;}
.wa{
  display:flex; align-items:center; gap:7px;
  border:1px solid var(--cyan); padding:8px 15px; border-radius:999px;
  color:var(--cyan-dim) !important; font-weight:700; font-size:12.5px; background:var(--cyan-wash);
  white-space:nowrap;
}
.wa svg{flex-shrink:0;}
.wa:hover{border-color:var(--cyan-dim); background:var(--cyan); color:#fff !important;}

/* Hamburger: always a real, reachable button */
.nav-toggle{
  display:none; width:42px; height:40px; border:1px solid var(--line); background:var(--panel);
  border-radius:8px; cursor:pointer; flex-shrink:0;
  flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0;
  -webkit-tap-highlight-color:transparent;
}
.nav-toggle span{display:block; width:18px; height:2px; background:var(--text); transition:.2s; border-radius:8px;}
.nav-toggle[aria-expanded="true"]{background:var(--text); border-color:var(--text);}
.nav-toggle[aria-expanded="true"] span{background:#fff;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:900px){
  html.nav-is-locked, html.nav-is-locked body{overflow:hidden; height:100%;}

  .site-head__contact > a:not(.nav-toggle):not(.wa){display:none;}
  .wa{padding:8px 12px;}
  .wa__text{display:inline;}
  @media (max-width:420px){ .wa__text{display:none;} .wa{padding:9px;} }

  .site-nav{
    position:fixed; top:0; right:0; height:100dvh; width:min(320px,86vw); z-index:220;
    background:var(--panel); border-left:1px solid var(--line);
    transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
    padding:104px 28px 28px; box-shadow:-16px 0 40px rgba(18,39,51,.14);
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    display:block;
    visibility:hidden;
  }
  .site-nav.is-open{transform:translateX(0); visibility:visible;}
  .site-nav__list{flex-direction:column; align-items:stretch; gap:4px;}
  .site-nav__list a{
    display:block; font-size:16px; padding:14px 16px; border-radius:8px; border:1px solid transparent;
  }
  .site-nav__list a:hover{background:var(--panel-2);}
  .site-nav__list a.is-active{background:var(--cyan-wash); color:var(--cyan-dim); border-color:rgba(75,63,217,.25);}
  .site-nav__foot{
    margin-top:24px; padding-top:24px; border-top:1px solid var(--line);
    display:flex; flex-direction:column; gap:10px;
  }
  .site-nav__foot a{
    display:flex; align-items:center; gap:9px; font-size:14px; color:var(--text-dim); font-weight:600;
  }
  .nav-toggle{display:flex;}
  .nav-scrim{
    position:fixed; inset:0; z-index:210; background:rgba(10,20,26,.22);
    opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s, visibility .2s;
  }
  .nav-scrim.is-open{opacity:1; visibility:visible; pointer-events:auto;}
}

@media (min-width:901px){
  .site-nav__foot{display:none;}
  /* Mobil menü için tasarlanan ikonlar masaüstünde stilsiz/düzensiz
     görünüyordu (o boyut kuralları sadece mobil medya sorgusunda
     tanımlı) — masaüstünde tamamen gizleyip temiz metin görünümü
     koruyoruz. */
  .site-nav__list .site-nav__icon{display:none;}
}

/* ======================================================================
   HEADER ULTRA ÖZELLİKLER — mega menü, açık/kapalı rozeti, kaydırma
   çubuğu, WhatsApp dikkat çekme animasyonu
   ====================================================================== */

/* Sayfa en üstünde ince kaydırma ilerleme çubuğu */
.scroll-progress{position:fixed; top:0; left:0; height:3px; background:linear-gradient(90deg,var(--cyan,#4B3FD9),var(--navy,#241F5C)); z-index:240; width:0%; transition:width .1s linear;}

/* Üst şeritteki "Şu An Açık/Kapalı" rozeti */
.topbar__status{display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; padding:3px 10px 3px 8px; border-radius:99px; white-space:nowrap;}
.topbar__status .dot{width:6px; height:6px; border-radius:50%; flex-shrink:0;}
.topbar__status.is-open{background:rgba(76,217,135,.16); color:#bdf5d3;}
.topbar__status.is-open .dot{background:#4cd987; box-shadow:0 0 0 0 rgba(76,217,135,.5); animation:statusPulse 2s infinite;}
.topbar__status.is-closed{background:rgba(255,255,255,.08); color:rgba(255,255,255,.55);}
.topbar__status.is-closed .dot{background:rgba(255,255,255,.4);}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(76,217,135,.45);} 70%{box-shadow:0 0 0 6px rgba(76,217,135,0);} 100%{box-shadow:0 0 0 0 rgba(76,217,135,0);}}

/* WhatsApp butonuna hafif, dikkat çekici nabız */
.site-head__contact .wa{position:relative;}
.site-head__contact .wa::after{
  content:""; position:absolute; inset:0; border-radius:inherit; background:#25D366; opacity:.5;
  animation:waPulse 2.6s ease-out infinite; z-index:-1;
}
@keyframes waPulse{0%{transform:scale(1); opacity:.45;} 100%{transform:scale(1.35); opacity:0;}}

/* Ürünlerimiz mega menü (sadece masaüstü) */
@media (min-width:901px){
  .site-nav__list li{position:relative;}
  /* DIŞ SARMALAYICI: görünmez, tetikleyiciye SIFIR boşlukla bitişik —
     fare buradan geçerken hover asla kopmaz (eski hatanın kök nedeni
     buydu: 14px boşluk fareyi "kaybettiriyordu"). */
  .mega-menu{
    position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:14px;
    width:760px; max-width:min(760px, 94vw);
    opacity:0; visibility:hidden; pointer-events:none; transition:opacity .16s ease, visibility .16s;
    z-index:120;
  }
  .site-nav__list li:hover .mega-menu{opacity:1; visibility:visible; pointer-events:auto;}
  /* İÇ KART: gerçek görsel kutu — gölge, kenarlık, yuvarlak köşe hep burada. */
  .mega-menu__inner{
    position:relative; background:var(--card,#fff); border:1px solid var(--line); border-radius:16px;
    box-shadow:0 24px 60px rgba(18,39,51,.18); overflow:hidden;
    transform:translateY(6px); transition:transform .16s ease;
  }
  .site-nav__list li:hover .mega-menu__inner{transform:translateY(0);}
  .mega-menu__inner::before{
    content:""; position:absolute; top:-7px; left:50%; transform:translateX(-50%) rotate(45deg);
    width:14px; height:14px; background:var(--card,#fff); border-left:1px solid var(--line); border-top:1px solid var(--line);
  }
  .mega-menu__body{display:flex; position:relative;}
  .mega-menu__cats{flex:1; min-width:0; padding:22px 24px 20px 24px; display:grid; grid-template-columns:1fr 1fr; gap:6px 22px; align-items:start;}
  .mega-menu__link{
    display:grid; grid-template-columns:30px 1fr auto; align-items:start; column-gap:11px;
    padding:9px 10px; border-radius:10px; font-size:13px; min-width:0; overflow:hidden;
    font-weight:600; color:var(--text-dim); transition:background .12s ease; line-height:1.35;
  }
  .mega-menu__link:hover{background:var(--panel2,#f2f2f2); color:var(--navy,#241F5C);}
  .mega-menu__link-icon{
    grid-column:1; grid-row:1; width:30px; height:30px; border-radius:9px; background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);
    display:flex; align-items:center; justify-content:center;
  }
  .mega-menu__link:hover .mega-menu__link-icon{background:var(--cyan,#4B3FD9); color:#fff;}
  .mega-menu__link-name{grid-column:2; grid-row:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .mega-menu__link-count{
    grid-column:3; grid-row:1; justify-self:end; font-size:10.5px; font-weight:700; color:var(--text-faint);
    background:var(--panel2,#f2f2f2); padding:2px 7px; border-radius:99px; line-height:1.4; white-space:nowrap;
  }
  .mega-menu__link:hover .mega-menu__link-count{background:#fff; color:var(--cyan-dim,#3B32B0);}

  @keyframes megaLinkIn{from{opacity:0;} to{opacity:1;}}
  .site-nav__list li:hover .mega-menu__link{animation:megaLinkIn .3s ease backwards;}
  .mega-menu__cats .mega-menu__link:nth-child(1){animation-delay:.02s;}
  .mega-menu__cats .mega-menu__link:nth-child(2){animation-delay:.04s;}
  .mega-menu__cats .mega-menu__link:nth-child(3){animation-delay:.06s;}
  .mega-menu__cats .mega-menu__link:nth-child(4){animation-delay:.08s;}
  .mega-menu__cats .mega-menu__link:nth-child(5){animation-delay:.10s;}
  .mega-menu__cats .mega-menu__link:nth-child(n+6){animation-delay:.12s;}
  @media (prefers-reduced-motion:reduce){ .mega-menu__link{animation:none !important;} }

  .mega-menu__feature{
    width:225px; min-width:0; flex-shrink:0; background:linear-gradient(165deg,var(--navy,#241F5C),#180F42);
    padding:22px 18px; display:flex; flex-direction:column; color:#fff; overflow-wrap:break-word; word-break:break-word;
  }
  .mega-menu__feature-eyebrow{font-size:10px; font-weight:700; letter-spacing:.14em; color:#a394f5; text-transform:uppercase; margin-bottom:10px;}
  .mega-menu__feature-title{font-size:16px; font-weight:700; line-height:1.35; margin-bottom:10px;}
  .mega-menu__feature-desc{font-size:12px; color:rgba(255,255,255,.65); line-height:1.6; margin-bottom:18px; flex:1;}
  .mega-menu__feature-btn{
    display:flex; align-items:center; justify-content:center; gap:7px; background:#25D366; color:#fff;
    font-size:12.5px; font-weight:700; padding:11px 10px; border-radius:9px; text-align:center; white-space:normal; line-height:1.3;
  }
  .mega-menu__feature-btn svg{flex-shrink:0;}
  .mega-menu__feature-count{font-size:28px; font-weight:800; color:#a394f5; margin-top:14px;}
  .mega-menu__feature-count-label{font-size:10.5px; color:rgba(255,255,255,.55); margin-top:2px;}

  .mega-menu__foot{padding:12px 24px; border-top:1px solid var(--line); text-align:center; background:var(--panel2,#f9fafb);}
  .mega-menu__foot a{font-size:12.5px; font-weight:700; color:var(--cyan-dim,#3B32B0);}
}

/* ---- Products page hero (single-column variant) ---- */
.hero__inner{max-width:var(--maxw); margin:0 auto; position:relative; z-index:1;}
.hero__eyebrow{
  font-family:'Roboto Mono', monospace; font-size:11.5px; letter-spacing:.22em;
  display:flex; align-items:center; gap:10px; margin-bottom:22px;
}
.hero.dark-panel .hero__eyebrow{color:#b3a8f7;}
.hero__inner .hero__title{
  font-size:clamp(34px, 6vw, 58px); font-weight:700; line-height:1.05;
  letter-spacing:-.01em; max-width:16ch;
}
.hero__accent{color:#a394f5;}
.hero__inner .hero__sub{margin-top:22px; max-width:640px; font-size:15.5px; line-height:1.65; color:rgba(238,245,248,.72);}
@media (max-width:640px){
  .site-head__inner{padding:10px 20px;}
  .brand__logo{height:48px;}
  .hero{padding:52px 18px 32px;}
}


/* ===== Hero ===== */
.hero{position:relative; z-index:1; padding:76px 24px 60px; overflow:hidden;}
.hero.dark-panel .hero__title em{color:#a394f5;}
.hero.dark-panel .hero__sub{color:rgba(238,245,248,.72);}
.hero.dark-panel .hero__panel{box-shadow:0 30px 60px rgba(4,10,14,.4);}
.hero__grid{max-width:var(--maxw); margin:0 auto; position:relative; z-index:2;}
.hero__content{max-width:640px;}
.hero__waves{position:absolute; right:-60px; top:-60px; width:520px; max-width:50vw; z-index:0; opacity:.5; pointer-events:none;}
.hero__title{
  font-size:clamp(36px,5.2vw,58px); font-weight:600; line-height:1.06; letter-spacing:-.01em;
  color:var(--text); position:relative; z-index:1;
}
.hero__title em{font-style:normal; color:var(--cyan-dim);}
.hero__sub{margin-top:20px; max-width:520px; color:var(--text-dim); font-size:15.5px; line-height:1.65; position:relative; z-index:1;}
.hero__ctas{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap; position:relative; z-index:1;}
.btn{
  display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600;
  padding:13px 22px; border-radius:var(--radius); white-space:nowrap; letter-spacing:.01em;
}
.btn--primary{background:var(--cyan); color:#fff;}
.btn--primary:hover{background:var(--cyan-dim);}
.btn--ghost{border:1px solid var(--line); color:var(--text); background:var(--panel);}
.btn--ghost:hover{border-color:var(--cyan); color:var(--cyan-dim);}
.hero__stats{
  margin-top:44px; display:grid; grid-template-columns:repeat(4,auto); gap:0;
  border-top:1px solid var(--line); max-width:560px; position:relative; z-index:1;
}
.stat{padding:16px 20px 0 0; border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat__num{display:block; font-family:'Jost',sans-serif; font-weight:700; font-size:24px; color:var(--cyan-dim); font-variant-numeric:tabular-nums;}
.stat__label{display:block; font-size:10.5px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.08em; margin-top:4px;}

.hero__visual{position:relative; z-index:1; display:flex; flex-direction:column; gap:18px; height:100%;}
.hero__photo{
  position:relative; border-radius:14px; overflow:hidden;
  box-shadow:0 30px 60px rgba(4,10,14,.45), 0 0 0 1px rgba(255,255,255,.08);
  flex:1; min-height:420px;
}
.hero__photo img{width:100%; height:100%; object-fit:cover; display:block;}
.hero__photo::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(200deg, transparent 45%, rgba(6,16,22,.55) 100%);
}
.hero__photo__badge{
  position:absolute; left:14px; bottom:14px; z-index:2;
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(8,20,27,.66); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16); color:#fff;
  font-size:11.5px; font-weight:600; padding:8px 13px; border-radius:999px;
}
.hero__photo__badge svg{color:#a394f5; flex-shrink:0;}

.hero__panel{
  position:relative; z-index:1; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:22px 24px; box-shadow:0 10px 30px rgba(18,39,51,.06);
}
.hero__panel__label{font-family:'Roboto Mono',monospace; font-size:10.5px; letter-spacing:.12em; color:var(--text-faint); text-transform:uppercase;}
.hero__panel__list{list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:0;}
.hero__panel__list li{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 0; border-top:1px solid var(--line-soft); font-size:13.5px; color:var(--text);
}
.hero__panel__list li:first-child{border-top:none;}
.hero__panel__list li span.code{
  font-family:'Roboto Mono',monospace; font-size:10px; color:var(--steel-blue); border:1px solid currentColor;
  padding:1px 5px; border-radius:8px; margin-right:8px;
}
.hero__panel__list li a{color:var(--text-dim); display:flex; align-items:center; gap:8px; flex:1;}
.hero__panel__list li a:hover{color:var(--cyan-dim);}
.hero__panel__count{font-family:'Roboto Mono',monospace; font-size:11px; color:var(--text-faint);}

@media (max-width:900px){
  .hero{padding:56px 20px 44px;}
  .hero__waves{display:none;}
  .hero__stats{grid-template-columns:repeat(4,1fr); max-width:none;}
}
@media (max-width:520px){
  .hero__stats{grid-template-columns:repeat(2,1fr); row-gap:16px;}
  .stat{border-right:none;}
}

/* ===== Ticker ===== */
.ticker{
  border-bottom:1px solid var(--line); background:var(--panel-2); position:relative; z-index:1;
  overflow:hidden; padding:14px 0;
}
.ticker__track{display:flex; gap:0; width:max-content; animation:ticker 34s linear infinite;}
.ticker__item{
  display:flex; align-items:center; gap:10px; padding:0 28px; font-family:'Roboto Mono',monospace;
  font-size:12px; letter-spacing:.06em; color:var(--text-dim); white-space:nowrap; border-right:1px solid var(--line);
}
.ticker__item:hover{color:var(--cyan-dim);}
.ticker__dot{width:4px; height:4px; border-radius:50%; background:var(--cyan);}
.ticker:hover .ticker__track{animation-play-state:paused;}
@keyframes ticker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion: reduce){ .ticker__track{animation:none;} .ticker{overflow-x:auto;} }

/* ===== Section shell ===== */
.section{position:relative; z-index:1; padding:64px 24px;}
.section--tight{padding-top:0;}
.section__head{max-width:640px; margin-bottom:32px;}
.section__title{font-size:clamp(24px,3vw,32px); font-weight:600; letter-spacing:-.01em;}
.section__desc{margin-top:10px; color:var(--text-dim); font-size:15px; line-height:1.6;}

.btn{
  display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600;
  padding:13px 22px; border-radius:var(--radius); white-space:nowrap; letter-spacing:.01em;
}
.btn--primary{background:var(--cyan); color:#fff;}
.btn--primary:hover{background:var(--cyan-dim);}
.btn--ghost{border:1px solid var(--line); color:var(--text); background:var(--panel);}
.btn--ghost:hover{border-color:var(--cyan); color:var(--cyan-dim);}

/* ===== About ===== */
.about{background:var(--panel);}
.about__grid{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.15fr .95fr; gap:56px; align-items:center;}
.about__images{position:relative;}
.about__img-frame{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel-2);
  aspect-ratio:4/3.1;
}
.about__img-frame img{width:100%; height:100%; object-fit:cover;}
.about__badge{
  position:absolute; left:-18px; bottom:-18px; background:var(--cyan-dim); color:#fff; border-radius:var(--radius);
  padding:18px 20px; box-shadow:0 12px 26px rgba(75,63,217,.3);
}
.about__badge__num{display:block; font-family:'Jost',sans-serif; font-weight:700; font-size:32px; line-height:1;}
.about__badge__label{display:block; font-size:11px; letter-spacing:.04em; margin-top:4px;}
.about__text{color:var(--text-dim); font-size:15px; line-height:1.7; margin-top:16px;}
.about__info{display:flex; gap:28px; margin-top:26px; flex-wrap:wrap;}
.about__info__item{display:flex; align-items:flex-start; gap:10px; max-width:220px;}
.about__info__icon{
  width:30px; height:30px; border:1px solid var(--cyan); border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--cyan-dim);
}
.about__info__title{font-size:13.5px; font-weight:600;}
.about__list{list-style:none; margin:26px 0 0; padding:0; display:flex; flex-direction:column; gap:10px;}
.about__list li{display:flex; align-items:flex-start; gap:10px; font-size:14px; color:var(--text-dim);}
.about__list li svg{flex-shrink:0; margin-top:3px; color:var(--cyan-dim);}
@media (max-width:900px){
  .about__grid{grid-template-columns:1fr; gap:40px;}
  .about__badge{left:14px; bottom:-14px;}
}

/* ===== Category grid ===== */
.catgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.catcard{
  border:1px solid var(--line); background:var(--panel); border-radius:var(--radius-lg); padding:22px;
  transition:.2s; position:relative; box-shadow:var(--shadow-sm); overflow:hidden;
}
.catcard::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, var(--cyan), var(--amber)); transform:scaleX(0); transform-origin:left;
  transition:transform .25s ease;
}
.catcard:hover{border-color:var(--cyan); box-shadow:var(--shadow-md); transform:translateY(-5px);}
.catcard:hover::before{transform:scaleX(1);}
.catcard__top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px;}
.catcard__code{
  font-family:'Roboto Mono',monospace; font-size:11px; font-weight:700; color:#fff; background:var(--ink);
  padding:3px 8px; border-radius:5px; letter-spacing:.05em;
}
.catcard__count{font-family:'Roboto Mono',monospace; font-size:11px; color:var(--text-faint);}
.catcard__title{font-size:15px; font-weight:700; line-height:1.3;}
.catcard__desc{margin-top:7px; font-size:12.5px; color:var(--text-dim); line-height:1.5;}
.catcard:hover .catcard__title{color:var(--cyan-dim);}
@media (max-width:1000px){ .catgrid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:680px){ .catgrid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:420px){ .catgrid{grid-template-columns:1fr;} }

/* ===== Featured products (reuses card component) ===== */
.featured{background:var(--panel-2);}
.prodgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px;}
.card{border-radius:var(--radius);}
.card__link{display:block; height:100%;}
.card__frame{
  position:relative; aspect-ratio:1/1; background:var(--panel); border:1px solid var(--line);
  overflow:hidden; border-radius:var(--radius); box-shadow:0 1px 2px rgba(18,39,51,.04);
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.card:hover .card__frame{border-color:var(--cyan); box-shadow:0 8px 20px rgba(75,63,217,.14); transform:translateY(-2px);}
.card__corner{position:absolute; width:9px; height:9px; z-index:2; opacity:0; transition:opacity .15s; border-color:var(--cyan);}
.card:hover .card__corner{opacity:1;}
.card__corner--tl{top:-1px; left:-1px; border-top:1.5px solid; border-left:1.5px solid;}
.card__corner--tr{top:-1px; right:-1px; border-top:1.5px solid; border-right:1.5px solid;}
.card__corner--bl{bottom:-1px; left:-1px; border-bottom:1.5px solid; border-left:1.5px solid;}
.card__corner--br{bottom:-1px; right:-1px; border-bottom:1.5px solid; border-right:1.5px solid;}
.card__img{width:100%; height:100%; object-fit:contain; padding:14px; background:#fff; transition:transform .25s ease;}
.card:hover .card__img{transform:scale(1.045);}
.card__fallback{display:none; position:absolute; inset:0; align-items:center; justify-content:center; font-family:'Roboto Mono',monospace; color:var(--text-faint); font-size:11px; letter-spacing:.1em;}
.card__frame.img-fail .card__img{display:none;}
.card__frame.img-fail .card__fallback{display:flex;}
.card__body{padding:10px 2px 0;}
.card__tag{font-family:'Roboto Mono',monospace; font-size:10px; color:var(--text-faint); letter-spacing:.03em;}
.card__title{margin-top:4px; font-size:13px; font-weight:500; color:var(--text); line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em;}
.card:hover .card__title{color:var(--cyan-dim);}
.card__cta{margin-top:7px; display:inline-flex; align-items:center; gap:5px; font-size:11px; color:var(--text-faint); opacity:0; transform:translateY(-2px); transition:.15s;}
.card:hover .card__cta{opacity:1; transform:translateY(0); color:var(--steel-blue);}

/* ===== Why us ===== */
.why{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.why__item{border:1px solid var(--line); background:var(--panel); border-radius:var(--radius); padding:26px;}
.why__icon{
  width:44px; height:44px; border-radius:50%; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; margin-bottom:16px;
}
.why__title{font-size:15.5px; font-weight:600;}
.why__desc{margin-top:8px; font-size:13.5px; color:var(--text-dim); line-height:1.6;}
@media (max-width:800px){ .why{grid-template-columns:1fr;} }

/* ===== CTA band ===== */
.ctaband{color:#fff; position:relative; z-index:1; padding:56px 24px;}
.ctaband__inner{max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; position:relative; z-index:1;}
.ctaband__title{font-size:clamp(21px,2.8vw,28px); font-weight:700; max-width:520px;}
.ctaband__sub{margin-top:10px; color:rgba(238,245,248,.68); font-size:14px; max-width:480px;}
.ctaband__actions{display:flex; gap:14px; flex-wrap:wrap; position:relative; z-index:1;}
.btn--light{background:#fff; color:var(--text);}
.btn--light:hover{background:var(--cyan); color:#fff;}
.btn--outline-light{border:1px solid rgba(255,255,255,.35); color:#fff;}
.btn--outline-light:hover{border-color:#fff;}

/* ===== Footer ===== */
.site-foot{
  position:relative; z-index:1; overflow:hidden;
  background:linear-gradient(180deg, var(--ink), #081118);
  margin-top:0;
}
.site-foot::before{
  content:""; position:absolute; inset:0; opacity:.4; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 85%);
}
.site-foot__inner{
  position:relative; z-index:1;
  max-width:var(--maxw); margin:0 auto; padding:56px 24px 32px;
  display:grid; grid-template-columns:1.3fr .8fr 1fr 1fr .8fr; gap:28px;
}
.site-foot__col p{color:rgba(238,245,248,.6); font-size:13.5px; line-height:1.6; margin-top:14px;}
.site-foot__col h3{
  font-family:'Roboto Mono', monospace; font-size:11px; color:#b3a8f7;
  letter-spacing:.1em; text-transform:uppercase; margin-bottom:14px;
}
.site-foot__col address{
  font-style:normal; color:rgba(238,245,248,.6); font-size:13.5px; line-height:1.6; margin-bottom:10px;
}
.site-foot__hours{
  font-size:12.5px; color:rgba(238,245,248,.4); margin-bottom:10px; line-height:1.6;
}
.site-foot__col a{
  display:block; color:rgba(238,245,248,.65); font-size:13.5px; margin-bottom:8px;
}
.site-foot__col a:hover{color:#a394f5;}
.site-foot__social{display:flex; gap:10px;}
.site-foot__social a{
  width:34px; height:34px; border:1px solid var(--ink-line); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Roboto Mono', monospace; font-size:10.5px; text-transform:uppercase;
  color:rgba(238,245,248,.7); background:rgba(255,255,255,.04); transition:.15s;
}
.site-foot__social a:hover{border-color:var(--cyan); color:#a394f5; background:rgba(75,63,217,.15); transform:translateY(-2px);}
.site-foot__bottom{
  position:relative; z-index:1;
  border-top:1px solid var(--ink-line); padding:18px 24px; text-align:center;
  font-size:12px; color:rgba(238,245,248,.4);
}
@media (max-width:860px){
  .site-foot__inner{grid-template-columns:1fr 1fr; row-gap:32px;}
}
@media (max-width:480px){
  .site-foot__inner{grid-template-columns:1fr;}
}

/* ===== Floating actions ===== */
.float-actions{position:fixed; z-index:50; display:flex; flex-direction:column; gap:10px;}
.float-actions--left{left:20px; bottom:20px;}
@media (max-width:640px){
  .float-actions{display:none;}                 /* replaced by the sticky mobile action bar */
}
.fab{
  width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px rgba(18,39,51,.18); color:#fff;
}
.fab--phone{background:var(--cyan);}
.fab--phone:hover{background:var(--cyan-dim);}
.fab--whatsapp{background:#25D366;}
.fab--whatsapp:hover{background:#1fb959;}

.back-to-top{
  position:fixed; right:20px; bottom:20px; z-index:50; width:42px; height:42px; border-radius:50%;
  background:var(--cyan); color:#fff; display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transform:translateY(8px); transition:.2s; box-shadow:0 6px 18px rgba(75,63,217,.35);
}
.back-to-top:hover{background:var(--cyan-dim);}
.back-to-top.is-visible{opacity:1; pointer-events:auto; transform:translateY(0);}

.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 (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important; animation:none !important;}
}


:root{
  --bg:#f5f8fa;
  --panel:#ffffff;
  --panel-2:#eef3f7;
  --line:#dbe5eb;
  --line-soft:#e8f0f4;
  --text:#122733;
  --text-dim:#54697a;
  --text-faint:#5a6e7d;
  --cyan:#4B3FD9;
  --cyan-dim:#3B32B0;
  --cyan-wash:rgba(75,63,217,.1);
  --steel-blue:#3B32B0;
  --radius:10px;
  --maxw:1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Rubik',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
h1,h2,h3{font-family:'Jost',sans-serif; margin:0;}
p{margin:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
::selection{background:var(--cyan); color:#062430;}

a:focus-visible, button:focus-visible, input:focus-visible{
  outline:2px solid var(--cyan-dim);
  outline-offset:2px;
}

.bp-grid{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.6;
}

.wrap{max-width:var(--maxw); margin:0 auto; padding-left:24px; padding-right:24px;}
.eyebrow{
  font-family:'Roboto Mono', monospace; font-size:11.5px; letter-spacing:.22em;
  color:var(--cyan-dim); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.tick{width:22px; height:1px; background:var(--cyan);}

/* ===== Page header ===== */
.pagehead{
  position:relative; z-index:1; padding:64px 24px 46px; border-bottom:1px solid var(--line); overflow:hidden;
}
.pagehead__inner{max-width:var(--maxw); margin:0 auto; position:relative; z-index:1;}
.pagehead__waves{position:absolute; right:-60px; top:-70px; width:420px; max-width:46vw; z-index:0; opacity:.45; pointer-events:none;}
.pagehead__title{font-size:clamp(32px,4.6vw,48px); font-weight:600; letter-spacing:-.01em; position:relative; z-index:1;}
.breadcrumb{list-style:none; display:flex; align-items:center; gap:8px; margin:16px 0 0; padding:0; font-size:12.5px; color:var(--text-faint); position:relative; z-index:1;}
.breadcrumb a{color:var(--text-dim);}
.breadcrumb a:hover{color:var(--cyan-dim);}
.breadcrumb__sep{color:var(--text-faint);}
.pagehead__desc{margin-top:18px; max-width:620px; color:var(--text-dim); font-size:15px; line-height:1.65; position:relative; z-index:1;}

/* ===== Page header — photo variant ===== */
.pagehead--photo{padding:96px 24px 64px; border-bottom:none;}
.pagehead__bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; will-change:transform; transition:transform .1s linear;}
.pagehead__overlay{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(100deg, rgba(6,16,22,.93) 0%, rgba(6,16,22,.82) 40%, rgba(6,16,22,.55) 70%, rgba(6,16,22,.32) 100%),
    linear-gradient(180deg, rgba(6,16,22,.2), rgba(6,16,22,.05) 30%, rgba(6,16,22,.35));
}
.pagehead--photo .eyebrow{
  color:#bfe8f0; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2);
  display:inline-flex; padding:7px 14px; border-radius:999px;
}
.pagehead--photo .pagehead__title{color:#fff;}
.pagehead--photo .breadcrumb{color:rgba(238,245,248,.55);}
.pagehead--photo .breadcrumb a{color:rgba(238,245,248,.8);}
.pagehead--photo .breadcrumb a:hover{color:#fff;}
.pagehead--photo .pagehead__desc{color:rgba(238,245,248,.78);}
@media (max-width:640px){ .pagehead--photo{padding:80px 20px 48px;} }

/* ===== Story ===== */
.story{background:var(--panel);}
.story__grid{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:start;}
.story__title{font-size:clamp(26px,3.4vw,38px); font-weight:600; letter-spacing:-.01em; line-height:1.15;}
.story__text{margin-top:20px; display:flex; flex-direction:column; gap:14px;}
.story__text p{color:var(--text-dim); font-size:14.5px; line-height:1.75;}
.story__foot{margin-top:30px; display:flex; align-items:center; gap:24px; flex-wrap:wrap;}
.story__call{display:flex; align-items:center; gap:12px;}
.story__call__icon{
  width:38px; height:38px; border-radius:50%; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.story__call__label{font-size:11px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.06em;}
.story__call__num{display:block; font-size:15px; font-weight:600; margin-top:2px;}
.story__call__num:hover{color:var(--cyan-dim);}

.story__images{position:relative;}
.story__img-frame{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel-2);
}
.story__img-frame img{width:100%; height:100%; object-fit:cover; display:block;}
.story__img-frame--one{aspect-ratio:4/3.2;}
.story__img-frame--two{
  aspect-ratio:4/3.2; width:64%; margin-top:-70px; margin-left:auto; position:relative; z-index:2;
  box-shadow:0 16px 34px rgba(18,39,51,.12);
}
.story__badge{
  position:absolute; left:-16px; bottom:20px; z-index:3; background:var(--cyan); color:#fff; border-radius:var(--radius);
  padding:16px 18px; box-shadow:0 12px 26px rgba(75,63,217,.3); max-width:150px;
}
.story__badge__title{font-size:12.5px; font-weight:700; line-height:1.3; letter-spacing:.02em;}

/* ---- Trio photo layout (used on hakkimizda.html) ---- */
.story__images--trio .story__img-row{display:flex; gap:14px; margin-top:-70px; position:relative; z-index:2;}
.story__images--trio .story__img-frame--two,
.story__images--trio .story__img-frame--three{
  aspect-ratio:1/1; flex:1; margin:0; box-shadow:0 16px 34px rgba(18,39,51,.14);
}
@media (max-width:900px){
  .story__grid{grid-template-columns:1fr; gap:40px;}
  .story__images{order:-1;}
  .story__img-frame--two{margin-top:-40px;}
  .story__images--trio .story__img-row{margin-top:-40px;}
  .story__badge{left:12px; bottom:-14px;}
}

/* ===== Behind the scenes strip ===== */


/* ===== Quality badges strip ===== */
.quality-strip{padding:36px 24px; background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.quality-strip__row{
  max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:36px 48px;
}
.quality-strip__item{display:flex; align-items:center; gap:10px; color:var(--text-dim); font-size:13px; font-weight:600;}
.quality-strip__item svg{color:var(--cyan-dim); flex-shrink:0;}

/* ===== Values ===== */
.values{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.value{position:relative; border:1px solid var(--line); background:var(--panel); border-radius:var(--radius); padding:24px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.value:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:transparent;}
.value__icon{
  display:flex; align-items:center; justify-content:center; width:40px; height:40px;
  border-radius:10px; background:var(--cyan-wash); color:var(--cyan-dim); margin-bottom:14px;
  transition:background .2s ease, color .2s ease;
}
.value:hover .value__icon{background:var(--cyan); color:#fff;}
.value__num{position:absolute; top:22px; right:22px; font-family:'Roboto Mono',monospace; font-size:11px; color:var(--text-faint); letter-spacing:.06em;}
.value__title{margin-top:0; font-size:15px; font-weight:600; line-height:1.3;}
.value__desc{margin-top:8px; font-size:13px; color:var(--text-dim); line-height:1.6;}
@media (max-width:1000px){ .values{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .values{grid-template-columns:1fr;} }

/* ===== About quick stats ===== */
.about-quickstats{padding:32px 24px; border-bottom:1px solid var(--line);}
.about-quickstats__row{
  max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:0;
}
.about-quickstats__item{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:6px 40px; border-right:1px solid var(--line);
}
.about-quickstats__item:last-child{border-right:none;}
.about-quickstats__num{font-family:'Jost',sans-serif; font-weight:700; font-size:26px; color:var(--text); line-height:1;}
.about-quickstats__label{font-size:11.5px; color:var(--text-dim); margin-top:6px;}
@media (max-width:700px){
  .about-quickstats__item{flex:1 1 40%; padding:10px 16px; border-right:none; border-bottom:1px solid var(--line);}
}

/* ===== Timeline ===== */
.timeline{
  max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; position:relative;
}
.timeline::before{
  content:""; position:absolute; top:23px; left:11%; right:11%; height:1px;
  background:linear-gradient(90deg, var(--cyan), var(--cyan-dim));
  z-index:0;
}
.timeline__item{position:relative; z-index:1; padding:0 20px; text-align:left;}
.timeline__item:first-child{padding-left:0;}
.timeline__item:last-child{padding-right:0;}
.timeline__dot{
  display:flex; align-items:center; justify-content:center; width:46px; height:46px;
  border-radius:50%; background:var(--panel); border:2px solid var(--cyan); color:var(--cyan-dim);
  margin-bottom:16px; box-shadow:var(--shadow-sm);
}
.timeline__year{
  display:block; font-family:'Roboto Mono',monospace; font-size:12px; font-weight:700;
  color:var(--cyan-dim); letter-spacing:.04em; margin-bottom:6px;
}
.timeline__title{font-size:15px; font-weight:700; line-height:1.3;}
.timeline__desc{margin-top:8px; font-size:13px; color:var(--text-dim); line-height:1.6;}
@media (max-width:900px){
  .timeline{grid-template-columns:1fr; gap:28px;}
  .timeline::before{display:none;}
  .timeline__item{padding:0;}
}

/* ===== Filter bar ===== */
.filterbar{
  position:sticky; top:102px; z-index:30;
  background:rgba(255,255,255,.94); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.filterbar__inner{max-width:var(--maxw); margin:0 auto; padding:16px 24px;}
.search{
  display:flex; align-items:center; gap:10px;
  border:1.5px solid var(--line); border-radius:var(--radius-lg);
  padding:13px 16px; background:var(--panel); margin-bottom:14px;
  color:var(--text-faint); transition:border-color .15s, box-shadow .15s; box-shadow:var(--shadow-sm);
}
.search:focus-within{border-color:var(--cyan); box-shadow:0 0 0 4px var(--cyan-wash);}
.search input{
  flex:1; background:none; border:none; outline:none; color:var(--text);
  font-size:14.5px; font-family:'Roboto', sans-serif;
}
.search input::placeholder{color:var(--text-faint);}
.search__count{font-family:'Roboto Mono', monospace; font-size:11.5px; color:var(--cyan-dim); font-weight:700; white-space:nowrap; background:var(--cyan-wash); padding:4px 10px; border-radius:999px;}
.chips{display:flex; flex-wrap:wrap; gap:9px;}
.sortbar{display:flex; align-items:center; gap:9px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line);}
.sortbar__label{font-size:12.5px; font-weight:600; color:var(--text-faint);}
.sortbar__select{
  font-size:12.5px; font-weight:600; color:var(--text-dim); border:1px solid var(--line); border-radius:8px;
  padding:6px 10px; background:var(--card,#fff); cursor:pointer;
}
.sortbar__select:hover{border-color:var(--cyan-dim,#3B32B0);}
.chip{
  display:inline-flex; align-items:center; gap:7px;
  border:1.5px solid var(--line); background:var(--panel); color:var(--text-dim);
  font-size:12.5px; font-weight:600; font-family:'Roboto', sans-serif; padding:8px 14px 8px 10px;
  border-radius:999px; cursor:pointer; transition:.15s;
  white-space:nowrap;
}
.chip:hover{border-color:var(--steel-blue); color:var(--text); transform:translateY(-1px);}
.chip.is-active{border-color:var(--cyan); color:#fff; background:linear-gradient(180deg,var(--cyan),var(--cyan-dim)); box-shadow:0 6px 16px rgba(75,63,217,.3);}
.chip__code{
  font-family:'Roboto Mono', monospace; font-size:10px; color:var(--steel-blue);
  border:1px solid currentColor; padding:1px 4px; border-radius:8px; opacity:.9;
}
.chip.is-active .chip__code{color:#fff; border-color:rgba(255,255,255,.6);}
.chip__count{color:var(--text-faint); font-family:'Roboto Mono', monospace; font-size:11px;}
.chip.is-active .chip__count{color:rgba(255,255,255,.85);}

/* ===== Catalog / sections ===== */
.catalog{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto; padding:8px 24px 40px;}
.catsec{padding-top:64px; scroll-margin-top:206px;}
.catsec__head{max-width:680px; margin-bottom:32px;}
.catsec__eyebrow{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.catsec__code{
  font-family:'Roboto Mono', monospace; font-size:12px; font-weight:700; color:#fff;
  background:var(--theme_primary,var(--cyan)); padding:4px 10px; border-radius:8px; letter-spacing:.08em;
}
.catsec__rule{height:1px; flex:1; background:var(--line); max-width:120px;}
.catsec__title{font-family:'Rubik',sans-serif; font-size:32px; font-weight:700; letter-spacing:-.01em;}
.catsec__desc{margin-top:10px; color:var(--text-dim); font-size:14.5px; line-height:1.6;}

.catsec__grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:14px;
}
@media (max-width:520px){
  .catsec__grid{grid-template-columns:repeat(2,1fr); gap:10px;}
}

/* ===== Product card ===== */
.card{border-radius:var(--radius);}
.card__link{display:block; height:100%;}
.card__frame{
  position:relative; aspect-ratio:1/1; background:var(--panel-2);
  border:1px solid var(--line); overflow:hidden; border-radius:var(--radius);
  box-shadow:0 1px 2px rgba(18,39,51,.04);
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.card:hover .card__frame{border-color:var(--cyan); box-shadow:0 8px 20px rgba(75,63,217,.14); transform:translateY(-2px);}
.card__corner{
  position:absolute; width:9px; height:9px; z-index:2; opacity:0; transition:opacity .15s;
  border-color:var(--cyan);
}
.card:hover .card__corner{opacity:1;}
.card__corner--tl{top:-1px; left:-1px; border-top:1.5px solid; border-left:1.5px solid;}
.card__corner--tr{top:-1px; right:-1px; border-top:1.5px solid; border-right:1.5px solid;}
.card__corner--bl{bottom:-1px; left:-1px; border-bottom:1.5px solid; border-left:1.5px solid;}
.card__corner--br{bottom:-1px; right:-1px; border-bottom:1.5px solid; border-right:1.5px solid;}
.card__img{
  width:100%; height:100%; object-fit:contain; padding:14px;
  filter:contrast(1.02);
  transition:transform .25s ease;
  background:#fff;
}
.card:hover .card__img{transform:scale(1.045);}
.card__fallback{
  display:none; position:absolute; inset:0; align-items:center; justify-content:center;
  font-family:'Roboto Mono', monospace; color:var(--text-faint); font-size:11px;
  letter-spacing:.1em;
}
.card__frame.img-fail .card__img{display:none;}
.card__frame.img-fail .card__fallback{display:flex;}
.card__body{padding:10px 2px 0;}
.card__tag{
  font-family:'Roboto Mono', monospace; font-size:10px; color:var(--text-faint);
  letter-spacing:.03em;
}
.card__title{
  margin-top:4px; font-size:13px; font-weight:500; color:var(--text);
  line-height:1.35; font-family:'Roboto', sans-serif;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:2.7em;
}
.card:hover .card__title{color:var(--cyan-dim);}
.card__cta{
  margin-top:7px; display:inline-flex; align-items:center; gap:5px;
  font-size:11px; color:var(--text-faint); opacity:0; transform:translateY(-2px);
  transition:.15s;
}
.card:hover .card__cta{opacity:1; transform:translateY(0); color:var(--steel-blue);}

.card[hidden]{display:none;}
.catsec[hidden]{display:none;}

.empty-state{
  text-align:center; color:var(--text-dim); padding:64px 24px; font-size:14.5px;
}

/* ===== Back to top ===== */
.back-to-top{
  position:fixed; right:20px; bottom:20px; z-index:50;
  width:42px; height:42px; border-radius:50%;
  background:var(--cyan); color:#fff;
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transform:translateY(8px);
  transition:.2s;
  box-shadow:0 6px 18px rgba(75,63,217,.35);
}
.back-to-top:hover{background:var(--cyan-dim);}
.back-to-top.is-visible{opacity:1; pointer-events:auto; transform:translateY(0);}

.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 (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important; animation:none !important;}
}



:root{
  --bg:#f5f8fa;
  --panel:#ffffff;
  --panel-2:#eef3f7;
  --line:#dbe5eb;
  --line-soft:#e8f0f4;
  --text:#122733;
  --text-dim:#54697a;
  --text-faint:#5a6e7d;
  --cyan:#4B3FD9;
  --cyan-dim:#3B32B0;
  --cyan-wash:rgba(75,63,217,.1);
  --steel-blue:#3B32B0;
  --radius:10px;
  --maxw:1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Rubik',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  position:relative;
}
h1,h2,h3{font-family:'Jost',sans-serif; margin:0;}
p{margin:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
::selection{background:var(--cyan); color:#062430;}

a:focus-visible, button:focus-visible, input:focus-visible{
  outline:2px solid var(--cyan-dim);
  outline-offset:2px;
}

.bp-grid{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.6;
}

.wrap{max-width:var(--maxw); margin:0 auto; padding-left:24px; padding-right:24px;}
.eyebrow{
  font-family:'Roboto Mono', monospace; font-size:11.5px; letter-spacing:.22em;
  color:var(--cyan-dim); display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.tick{width:22px; height:1px; background:var(--cyan);}

/* ===== Contact cards ===== */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.contact-card{
  position:relative; border:1px solid var(--line); background:var(--panel); border-radius:var(--radius); overflow:hidden;
  padding:30px; display:flex; flex-direction:column; gap:20px;
}
.contact-card:before{
  position:absolute; content:''; top:0; height:3px; background:var(--theme_primary,var(--cyan));
  left:20px; right:20px; border-radius:5px;
}
.contact-card__head{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.contact-card__title{font-size:19px; font-weight:600;}
.contact-card__badge{
  font-family:'Roboto Mono',monospace; font-size:10.5px; color:var(--cyan-dim); border:1px solid var(--cyan);
  padding:3px 8px; border-radius:8px; letter-spacing:.06em; white-space:nowrap;
}
.contact-card__list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
.contact-card__list li{display:flex; align-items:flex-start; gap:12px; font-size:14px; color:var(--text-dim); line-height:1.5;}
.contact-card__icon{
  width:32px; height:32px; border-radius:50%; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.contact-card__list a:hover{color:var(--cyan-dim);}
.contact-card__hours{font-size:12.5px; color:var(--text-faint);}
.contact-card__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:4px;}
@media (max-width:820px){ .contact-grid{grid-template-columns:1fr;} }

.btn{
  display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600;
  padding:12px 20px; border-radius:var(--radius); white-space:nowrap; letter-spacing:.01em;
}
.btn--primary{background:var(--cyan); color:#fff;}
.btn--primary:hover{background:var(--cyan-dim);}
.btn--ghost{border:1px solid var(--line); color:var(--text); background:var(--panel);}
.btn--ghost:hover{border-color:var(--cyan); color:var(--cyan-dim);}
.btn--sm{padding:9px 16px; font-size:12.5px;}

/* ===== Map ===== */
.map-panel{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel);
  box-shadow:0 10px 30px rgba(18,39,51,.06);
}
.map-panel__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  padding:18px 22px; border-bottom:1px solid var(--line);
}
.map-panel__title{font-size:14.5px; font-weight:600;}
.map-panel__sub{font-size:12.5px; color:var(--text-faint); margin-top:3px;}
.map-panel iframe{display:block; width:100%; height:460px; border:0;}
@media (max-width:640px){ .map-panel iframe{height:340px;} }
/* ===== Product detail ===== */
.product-detail{
  position:relative; z-index:1; padding:56px 24px 20px;
}
.product-detail__grid{
  max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:52px; align-items:start;
}
@media (max-width:860px){ .product-detail__grid{grid-template-columns:1fr; gap:32px;} .product-detail__grid > *{min-width:0;} }

.product-media{
  position:sticky; top:96px;
}
@media (max-width:860px){ .product-media{position:static;} }
.product-media__frame{
  position:relative; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  background:var(--panel); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 30px rgba(18,39,51,.06); cursor:zoom-in;
}
.product-media__frame img{
  width:100%; height:100%; object-fit:contain; padding:22px;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.product-media__frame:hover img{transform:scale(1.09);}
.product-media__frame .card__corner{position:absolute; width:18px; height:18px; border-color:var(--cyan);}
.product-media__zoom-hint{
  position:absolute; right:14px; bottom:14px; z-index:2;
  width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.92);
  display:flex; align-items:center; justify-content:center; color:var(--cyan-dim);
  box-shadow:var(--shadow-sm); opacity:0; transform:scale(.85);
  transition:opacity .2s ease, transform .2s ease;
}
.pdp__stageview:hover .product-media__zoom-hint{opacity:1; transform:scale(1);}
.product-media__code{
  margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-family:'Roboto Mono', monospace; font-size:12px; color:var(--text-faint);
}

.product-info__tag{
  display:inline-flex; align-items:center; gap:8px; font-family:'Roboto Mono', monospace;
  font-size:11.5px; letter-spacing:.14em; color:var(--cyan-dim); background:var(--cyan-wash);
  border:1px solid rgba(75,63,217,.25); border-radius:999px; padding:6px 14px; text-transform:uppercase;
}
.product-info__title{
  margin-top:16px; font-size:clamp(26px,3.4vw,36px); font-weight:600; letter-spacing:-.01em; line-height:1.15;
}
.product-info__lede{margin-top:14px; color:var(--text-dim); font-size:15px; line-height:1.65; max-width:560px;}
.product-info__ctas{display:flex; gap:12px; margin-top:26px; flex-wrap:wrap;}

.product-facts{
  margin-top:30px; border-top:1px solid var(--line); padding-top:22px;
  display:grid; grid-template-columns:repeat(3,auto); gap:0 28px;
}
.product-facts .stat{border-right:none; padding:0;}
.product-facts .stat__num{font-size:20px;}

.spec-panel{
  margin-top:34px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel);
  box-shadow:0 10px 30px rgba(18,39,51,.05); overflow:hidden;
}
.spec-panel__head{
  padding:16px 20px; border-bottom:1px solid var(--line); background:var(--panel-2);
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.spec-panel__title{font-size:13.5px; font-weight:600; letter-spacing:.02em;}
.spec-panel__note{font-size:12px; color:var(--text-faint);}
.spec-table-wrap{overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch;}
table.spec-table{width:auto; min-width:520px; border-collapse:collapse; font-size:13.5px;}
table.spec-table th{
  background:var(--theme_primary,var(--cyan)); color:#fff; text-align:left; font-weight:600; font-size:11.5px;
  letter-spacing:.06em; text-transform:uppercase; padding:11px 16px; white-space:nowrap;
}
table.spec-table td{
  padding:10px 16px; border-bottom:1px solid var(--line-soft); color:var(--text-dim); white-space:nowrap;
}
table.spec-table tr:last-child td{border-bottom:none;}
table.spec-table tr:nth-child(even) td{background:var(--panel-2);}
table.spec-table td:first-child{color:var(--text); font-weight:600; font-family:'Roboto Mono', monospace; font-size:12.5px;}

.product-note{
  margin-top:22px; padding:16px 18px; border:1px dashed var(--line); border-radius:var(--radius);
  color:var(--text-dim); font-size:13.5px; line-height:1.6; background:var(--cyan-wash);
}

/* ===== Related products ===== */
.related{padding:20px 24px 72px;}
.related__inner{max-width:var(--maxw); margin:0 auto;}
.related__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:22px; flex-wrap:wrap;}
.related__title{font-size:clamp(20px,2.6vw,26px); font-weight:600; letter-spacing:-.01em;}
.related__more{font-size:13px; color:var(--cyan-dim); white-space:nowrap;}
.related__grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px;}

/* ===== Gallery ===== */
.gallery-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px;
  max-width:var(--maxw); margin:0 auto;
}
.gallery-grid[hidden]{display:none !important;}
.gallery-item{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel);
  box-shadow:0 8px 22px rgba(18,39,51,.05); position:relative; transition:transform .18s ease, box-shadow .18s ease;
}
.gallery-item:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(18,39,51,.12);}
.product-block-link:hover .inner-box{transform:translateY(-4px); box-shadow:0 14px 30px rgba(18,39,51,.14) !important;}
.gallery-item__frame{aspect-ratio:4/3; overflow:hidden; background:var(--panel-2);}
.gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .35s ease;}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-item__cap{padding:12px 14px; font-size:13px; color:var(--text-dim); border-top:1px solid var(--line-soft);}

/* ===== Category index (product listing landing) ===== */
.catindex-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px;
  max-width:var(--maxw); margin:0 auto;
}
.catindex-card{
  border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); padding:22px;
  box-shadow:0 8px 22px rgba(18,39,51,.05);
}
.catindex-card__code{font-family:'Roboto Mono', monospace; font-size:11px; letter-spacing:.14em; color:var(--cyan-dim);}
.catindex-card__title{margin-top:8px; font-size:17px; font-weight:600;}
.catindex-card__count{margin-top:6px; font-size:12.5px; color:var(--text-faint);}

/* =====================================================================
   V2 DESIGN UPGRADE — deeper palette, icon system, richer components
   ===================================================================== */
:root{
  --ink:#0c1a22;
  --ink-2:#132732;
  --ink-line:rgba(255,255,255,.1);
  --amber:#e8880c;
  --amber-dim:#c26f06;
  --amber-wash:rgba(232,136,12,.1);
  --radius-lg:10px;
  --shadow-sm:0 2px 8px rgba(15,31,41,.06);
  --shadow-md:0 10px 28px rgba(15,31,41,.09);
  --shadow-lg:0 22px 54px rgba(11,23,31,.16);
}

/* ---- Buttons v2 ---- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  border-radius:8px; font-weight:700; letter-spacing:.01em;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn svg{flex-shrink:0;}
.btn--primary{
  background:linear-gradient(180deg, var(--cyan), var(--cyan-dim));
  box-shadow:0 10px 24px rgba(75,63,217,.28), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn--primary:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(75,63,217,.36), inset 0 1px 0 rgba(255,255,255,.25); background:linear-gradient(180deg, var(--cyan), var(--cyan-dim));}
.btn--primary:active{transform:translateY(0);}
.btn--ghost{background:var(--panel); border:1.5px solid var(--line);}
.btn--ghost:hover{transform:translateY(-2px); border-color:var(--cyan); color:var(--cyan-dim); box-shadow:var(--shadow-sm);}
.btn--amber{background:linear-gradient(180deg, var(--amber), var(--amber-dim)); color:#fff; box-shadow:0 10px 24px rgba(232,136,12,.28);}
.btn--amber:hover{transform:translateY(-2px);}
.btn--outline-light{border:1.5px solid rgba(255,255,255,.35); color:#fff; background:rgba(255,255,255,.04);}
.btn--outline-light:hover{border-color:#fff; background:rgba(255,255,255,.1); transform:translateY(-2px);}
.btn--light{background:#fff; color:var(--ink); box-shadow:0 10px 24px rgba(0,0,0,.2);}
.btn--light:hover{transform:translateY(-2px); background:var(--cyan); color:#fff;}

/* ---- Cards v2 ---- */
.card__frame{border-radius:var(--radius-lg); overflow:hidden;}
.card{transition:transform .22s ease;}
.card:hover{transform:translateY(-4px);}
.card:hover .card__frame{box-shadow:var(--shadow-md);}
.card__title{transition:color .15s;}

/* ---- Dark section utility ---- */
.dark-panel{
  position:relative; background:
    radial-gradient(1100px 480px at 12% -10%, rgba(75,63,217,.32), transparent 60%),
    radial-gradient(900px 460px at 100% 0%, rgba(47,111,237,.22), transparent 55%),
    linear-gradient(180deg, var(--ink), var(--ink-2));
  color:#eef5f8; overflow:hidden;
}
.dark-panel::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 85%);
}
.dark-panel .eyebrow{color:#b3a8f7;}
.dark-panel .tick{background:var(--amber);}
.dark-panel h1, .dark-panel h2, .dark-panel h3{color:#fff;}

/* Akis gecisi — hidrolik/pnomatik akiskan temasina gonderme yapan tek
   bir dalga formu, sadece hero altinda kullanilir (her bolumde degil). */
.flow-divider{position:absolute; left:0; right:0; bottom:-1px; line-height:0; z-index:3; pointer-events:none;}
.flow-divider svg{width:100%; height:auto; display:block;}

/* ---- Icon tiles (feature/why-us cards) ---- */
.icon-tiles{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  max-width:var(--maxw); margin:0 auto;
}
@media (max-width:900px){ .icon-tiles{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .icon-tiles{grid-template-columns:1fr;} }
.icon-tile{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:26px 22px; box-shadow:var(--shadow-sm); transition:transform .2s, box-shadow .2s, border-color .2s;
  position:relative; overflow:hidden;
}
.icon-tile:hover{transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(75,63,217,.35);}
.icon-tile__icon{
  width:46px; height:46px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:var(--cyan-wash); color:var(--cyan-dim); margin-bottom:16px;
}
.icon-tile__title{font-size:15.5px; font-weight:700; letter-spacing:-.005em;}
.icon-tile__desc{margin-top:8px; font-size:13px; color:var(--text-dim); line-height:1.6;}

/* ---- Category launcher tiles (urunler.html top grid) ---- */
.cat-launcher{
  display:grid; grid-template-columns:repeat(6,1fr); gap:14px;
  max-width:var(--maxw); margin:0 auto;
}
@media (max-width:1100px){ .cat-launcher{grid-template-columns:repeat(4,1fr);} }
@media (max-width:720px){ .cat-launcher{grid-template-columns:repeat(3,1fr);} }
@media (max-width:480px){ .cat-launcher{grid-template-columns:repeat(2,1fr);} }
.cat-tile{
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:18px 16px; box-shadow:var(--shadow-sm); transition:.2s;
  cursor:pointer;
}
.cat-tile:hover, .cat-tile.is-active{
  transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--cyan);
  background:linear-gradient(180deg, #fff, var(--cyan-wash));
}
.cat-tile__icon{
  width:42px; height:42px; border-radius:10px; overflow:hidden; flex-shrink:0;
  background:var(--panel-2); border:1px solid var(--line);
}
.cat-tile__icon img{width:100%; height:100%; object-fit:cover; display:block;}
.cat-tile__icon--all{
  display:flex; align-items:center; justify-content:center;
  background:var(--ink); color:#b3a8f7; border:none;
}
.cat-tile.is-active .cat-tile__icon{box-shadow:0 0 0 2px var(--cyan); border-color:transparent;}
.cat-tile.is-active .cat-tile__icon--all{background:var(--cyan); color:#fff; box-shadow:none;}
.cat-tile__label{font-size:13px; font-weight:700; color:var(--text); line-height:1.25;}
.cat-tile__count{font-family:'Roboto Mono',monospace; font-size:10.5px; color:var(--text-faint); letter-spacing:.04em;}

/* ---- Sticky filter bar v2 ---- */
.filterbar{position:sticky; top:73px; z-index:30; background:rgba(245,248,250,.92); backdrop-filter:blur(10px);}
.filterbar.is-stuck{box-shadow:var(--shadow-sm); border-color:var(--line);}
@media (max-width:900px){ .filterbar{top:0;} }

/* ---- Section eyebrow badge variant ---- */
.badge-amber{
  display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; letter-spacing:.08em;
  color:var(--amber-dim); background:var(--amber-wash); border:1px solid rgba(232,136,12,.3);
  padding:6px 12px; border-radius:999px; text-transform:uppercase;
}

/* ---- Marquee / logo strip style stat row (for dark hero) ---- */
.dstat-row{
  display:grid; grid-template-columns:repeat(4,auto); gap:0; border-top:1px solid var(--ink-line);
  max-width:600px; position:relative; z-index:1;
}
.dstat{padding:18px 22px 0 0; border-right:1px solid transparent; border-image:linear-gradient(180deg, var(--ink-line), transparent) 1;}
.dstat:last-child{border-right:none;}
.dstat__num{display:block; font-family:'Jost',sans-serif; font-size:26px; font-weight:700; color:#fff;}
.dstat__label{display:block; margin-top:3px; font-size:11px; color:rgba(238,245,248,.62); letter-spacing:.03em;}
@media (max-width:640px){
  .dstat-row{grid-template-columns:repeat(2,auto); row-gap:18px;}
  .dstat:nth-child(2){border-right:none;}
}

/* ===== Site loader (index.html only) ===== */
.site-loader{
  position:fixed; inset:0; z-index:9999; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(1100px 480px at 12% -10%, rgba(75,63,217,.24), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(232,136,12,.16), transparent 55%),
    linear-gradient(180deg, var(--ink), var(--ink-2));
  transition:opacity .6s cubic-bezier(.4,0,.2,1), filter .6s cubic-bezier(.4,0,.2,1), visibility .6s;
}
.site-loader::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 85%);
}
.site-loader.is-hidden{opacity:0; filter:blur(6px); visibility:hidden; pointer-events:none; transform:scale(1.03);}
html.is-loading, html.is-loading body{overflow:hidden; height:100%;}

/* Yumuşakça süzülen ışık lekeleri — arka planda derinlik katıyor */
.site-loader__orbs{position:absolute; inset:0; pointer-events:none; overflow:hidden;}
.site-loader__orb{
  position:absolute; border-radius:50%; filter:blur(50px); opacity:.35;
  animation:orbFloat 9s ease-in-out infinite;
}
.site-loader__orb--1{width:280px; height:280px; background:var(--cyan); top:8%; left:8%; animation-delay:0s;}
.site-loader__orb--2{width:220px; height:220px; background:#f0b950; bottom:10%; right:10%; animation-delay:-3s;}
.site-loader__orb--3{width:180px; height:180px; background:#5fd6e8; bottom:22%; left:20%; animation-delay:-6s;}
@keyframes orbFloat{
  0%, 100%{transform:translate(0,0) scale(1);}
  50%{transform:translate(24px,-18px) scale(1.12);}
}

.site-loader__inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center;}

.site-loader__ring-wrap{position:relative; display:flex; align-items:center; justify-content:center; width:132px; height:132px;}
.site-loader__ring{position:absolute; inset:0; transform:rotate(-90deg);}
.site-loader__ring-track{stroke:rgba(255,255,255,.1);}
.site-loader__ring-progress{
  stroke:url(#loaderRingGradient); stroke-linecap:round;
  stroke-dasharray:339.3; stroke-dashoffset:339.3;
  transition:stroke-dashoffset .25s linear;
}
.site-loader__logo{
  position:relative; z-index:1; height:64px; width:auto;
  filter:drop-shadow(0 12px 30px rgba(75,63,217,.4));
  opacity:0; transform:scale(.85);
  animation:loaderLogoIn .7s cubic-bezier(.34,1.56,.64,1) .1s forwards;
}
@media (max-width:520px){ .site-loader__ring-wrap{width:108px; height:108px;} .site-loader__logo{height:50px;} }

.site-loader__welcome{
  margin-top:26px; color:#fff; font-family:'Jost',sans-serif;
  font-size:clamp(24px,4vw,32px); font-weight:700; letter-spacing:-.01em;
  opacity:0; animation:loaderFadeUp .6s ease .35s forwards;
}
.site-loader__text{
  margin-top:8px; color:rgba(238,245,248,.62); font-family:'Roboto Mono',monospace;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  opacity:0; animation:loaderFadeUp .6s ease .5s forwards;
  transition:opacity .25s ease;
}
.site-loader__percent{
  margin-top:14px; color:var(--cyan); font-family:'Roboto Mono',monospace;
  font-size:22px; font-weight:700; letter-spacing:.02em;
  opacity:0; animation:loaderFadeUp .6s ease .6s forwards;
  font-variant-numeric:tabular-nums;
}

@keyframes loaderLogoIn{
  0%{opacity:0; transform:scale(.8) translateY(6px);}
  100%{opacity:1; transform:scale(1) translateY(0);}
}
@keyframes loaderFadeUp{
  from{opacity:0; transform:translateY(8px);}
  to{opacity:1; transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
  .site-loader__orb{animation:none;}
  .site-loader__logo{animation:none; opacity:1; transform:none;}
}


/* ===== Process / steps ===== */
.steps-row{
  max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  position:relative;
}
.steps-row::before{
  content:""; position:absolute; top:42px; left:8%; right:8%; height:1px;
  background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);
  z-index:0;
}
.steps-row::after{
  content:""; position:absolute; top:42px; left:8%; width:0; height:2px;
  background:linear-gradient(90deg, var(--cyan), var(--amber)); z-index:0;
  transition:width 1.4s cubic-bezier(.22,1,.36,1);
}
.steps-row.is-filled::after{width:84%;}
.step-card{position:relative; z-index:1; padding:0 22px; text-align:left; transition:transform .25s ease;}
.step-card:hover{transform:translateY(-4px);}
.step-card:first-child{padding-left:0;}
.step-card__icon-wrap{position:relative; width:60px; height:60px; margin-bottom:18px;}
.step-card__icon{
  display:flex; align-items:center; justify-content:center; width:100%; height:100%;
  border-radius:50%; background:var(--panel); border:2px solid var(--cyan); color:var(--cyan-dim);
  box-shadow:var(--shadow-sm); transition:background .25s ease, color .25s ease, transform .25s ease;
}
.step-card:hover .step-card__icon{background:linear-gradient(135deg, var(--flow-blue), var(--flow-violet)); color:#fff; transform:scale(1.06); border-color:transparent;}
.step-card__num{
  position:absolute; top:-6px; right:-6px; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:24px; height:24px; border-radius:50%; background:var(--ink); color:#fff;
  font-family:'Jost',sans-serif; font-size:11px; font-weight:700;
  border:2px solid var(--panel);
}
.step-card__title{font-size:15.5px; font-weight:700;}
.step-card__desc{margin-top:8px; font-size:13px; color:var(--text-dim); line-height:1.6; max-width:240px;}
.step-card__chip{
  display:inline-block; margin-top:12px; padding:5px 12px; border-radius:999px;
  background:var(--cyan-wash); color:var(--cyan-dim); font-size:11px; font-weight:700;
}
@media (max-width:900px){
  .steps-row{grid-template-columns:1fr; gap:28px;}
  .steps-row::before{display:none;}
  .step-card{padding-left:0;}
}

/* ===== Photo category cards ===== */
.catcard--photo{
  position:relative; aspect-ratio:4/3.1; padding:0; overflow:hidden; border:none;
  box-shadow:var(--shadow-md);
}
.catcard--photo::before{display:none;}
.catcard__img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease; filter:saturate(1.05) contrast(1.03);
}
.catcard--photo:hover .catcard__img{transform:scale(1.08);}
.catcard__scrim{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,16,22,.15) 0%, rgba(6,16,22,.15) 40%, rgba(6,16,22,.92) 100%),
             linear-gradient(90deg, rgba(6,16,22,.55) 0%, transparent 45%);
}
.catcard--photo .catcard__top{
  position:relative; z-index:1; margin:0; padding:16px 16px 0;
}
.catcard--photo .catcard__code{
  background:rgba(255,255,255,.14); backdrop-filter:blur(6px); color:#fff;
  border:1px solid rgba(255,255,255,.3);
}
.catcard--photo .catcard__count{
  color:rgba(255,255,255,.85); background:rgba(6,16,22,.4); padding:3px 9px; border-radius:999px;
  font-size:10.5px;
}
.catcard--photo .catcard__bottom{
  position:absolute; left:0; right:0; bottom:0; z-index:1; padding:18px 18px 20px;
}
.catcard--photo .catcard__title{color:#fff; font-size:17px;}
.catcard--photo .catcard__desc{color:rgba(238,245,248,.75); margin-top:6px;}
.catcard--photo:hover .catcard__title{color:#fff;}
.catcard--photo:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg);}

@media (max-width:1000px){ .catgrid--photo{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){
  .catgrid--photo{grid-template-columns:1fr;}
  .catcard--photo{aspect-ratio:16/10;}
}

/* ===== Hero pill badge (mirrors premium competitor style) ===== */
.hero .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(127,216,232,.1); border:1px solid rgba(127,216,232,.28);
  padding:8px 16px 8px 12px; border-radius:999px; margin-bottom:24px;
}
.hero .eyebrow .tick{display:none;}
.hero .eyebrow::before{
  content:""; width:6px; height:6px; border-radius:50%; background:var(--amber);
  box-shadow:0 0 0 3px rgba(232,136,12,.22); flex-shrink:0;
}

/* touch of breathing room between stacked light sections */

.hero__photo__fallback{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .4s ease;}

/* ===== Why-us + Process grouped band ===== */
.why-process-band{
  position:relative; z-index:1; background:var(--panel-2); padding:64px 24px 68px;
}
.why-process-band .section__head{max-width:640px;}
.why-process-band .icon-tiles{margin-bottom:0;}
.band-divider{
  height:1px; background:var(--line); margin:56px 0 40px;
}

/* ===== Scroll progress bar ===== */
.scroll-progress{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:400;
  background:transparent; pointer-events:none;
}
.scroll-progress span{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  box-shadow:0 0 10px rgba(75,63,217,.5);
  transition:width .1s linear;
}

/* ===== Card tilt / magnetic interaction polish ===== */
.catcard--photo, .icon-tile, .step-card, .cat-tile, .card__frame{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change:transform;
}
.btn--primary, .btn--amber, .btn--light{ transition:transform .18s ease, box-shadow .15s ease, background .15s ease; }

/* ===== Hero mouse parallax ===== */
.hero.dark-panel{ --parallax-x:0px; --parallax-y:0px; }
.hero.dark-panel::before{
  transform:translate(var(--parallax-x), var(--parallax-y));
  transition:transform .3s ease-out;
}
.hero__visual{
  transform:translate(calc(var(--parallax-x) * -0.6), calc(var(--parallax-y) * -0.6));
  transition:transform .3s ease-out;
}

/* ===== Richer reveal: fade + slight scale ===== */
.reveal{
  opacity:0; transform:translateY(22px) scale(.97);
  transition:opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
}
.reveal.is-visible{opacity:1; transform:translateY(0) scale(1);}

/* ===== Button shine sweep ===== */
.btn--primary, .btn--amber{position:relative; overflow:hidden;}
.btn--primary::after, .btn--amber::after{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-20deg); transition:left .55s ease;
}
.btn--primary:hover::after, .btn--amber:hover::after{left:120%;}

/* ===== Floating idle animation for hero photo badge ===== */
@keyframes floatY{
  0%, 100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}
.hero__photo__badge{animation:floatY 3.6s ease-in-out infinite;}

/* ===== Ticker item subtle hover pop ===== */
.ticker__item{transition:color .15s, transform .15s;}
.ticker__item:hover{transform:translateY(-1px);}

/* ===== Link/nav underline sweep ===== */
.site-nav__list a{position:relative;}
.site-nav__list a::before{
  content:""; position:absolute; left:14px; right:14px; bottom:4px; height:2px;
  background:var(--cyan); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
  border-radius:8px;
}
.site-nav__list a:hover::before{transform:scaleX(1);}
.site-nav__list a.is-active::before{display:none;}

/* ===== Gallery / product image zoom refinement ===== */
.card__img{transition:transform .5s cubic-bezier(.22,1,.36,1), filter .3s ease;}
.card:hover .card__img{transform:scale(1.07);}

@media (prefers-reduced-motion: reduce){
  .hero__photo__badge{animation:none;}
  .catcard--photo, .icon-tile, .step-card, .cat-tile, .card__frame,
  .btn--primary, .btn--amber, .btn--light{transition:none;}
}

/* ===== Reveal stagger delays (re-asserted to win cascade order) ===== */
.catgrid .catcard:nth-child(1), .cat-launcher .cat-tile:nth-child(1), .catsec__grid .card:nth-child(1), .related__grid .card:nth-child(1), .gallery-grid .gallery-item:nth-child(1), .icon-tiles .icon-tile:nth-child(1) { transition-delay:0.045s; }
.catgrid .catcard:nth-child(2), .cat-launcher .cat-tile:nth-child(2), .catsec__grid .card:nth-child(2), .related__grid .card:nth-child(2), .gallery-grid .gallery-item:nth-child(2), .icon-tiles .icon-tile:nth-child(2) { transition-delay:0.09s; }
.catgrid .catcard:nth-child(3), .cat-launcher .cat-tile:nth-child(3), .catsec__grid .card:nth-child(3), .related__grid .card:nth-child(3), .gallery-grid .gallery-item:nth-child(3), .icon-tiles .icon-tile:nth-child(3) { transition-delay:0.135s; }
.catgrid .catcard:nth-child(4), .cat-launcher .cat-tile:nth-child(4), .catsec__grid .card:nth-child(4), .related__grid .card:nth-child(4), .gallery-grid .gallery-item:nth-child(4), .icon-tiles .icon-tile:nth-child(4) { transition-delay:0.18s; }
.catgrid .catcard:nth-child(5), .cat-launcher .cat-tile:nth-child(5), .catsec__grid .card:nth-child(5), .related__grid .card:nth-child(5), .gallery-grid .gallery-item:nth-child(5), .icon-tiles .icon-tile:nth-child(5) { transition-delay:0.225s; }
.catgrid .catcard:nth-child(6), .cat-launcher .cat-tile:nth-child(6), .catsec__grid .card:nth-child(6), .related__grid .card:nth-child(6), .gallery-grid .gallery-item:nth-child(6), .icon-tiles .icon-tile:nth-child(6) { transition-delay:0.27s; }
.catgrid .catcard:nth-child(7), .cat-launcher .cat-tile:nth-child(7), .catsec__grid .card:nth-child(7), .related__grid .card:nth-child(7), .gallery-grid .gallery-item:nth-child(7), .icon-tiles .icon-tile:nth-child(7) { transition-delay:0.315s; }
.catgrid .catcard:nth-child(8), .cat-launcher .cat-tile:nth-child(8), .catsec__grid .card:nth-child(8), .related__grid .card:nth-child(8), .gallery-grid .gallery-item:nth-child(8), .icon-tiles .icon-tile:nth-child(8) { transition-delay:0.36s; }
.catgrid .catcard:nth-child(9), .cat-launcher .cat-tile:nth-child(9), .catsec__grid .card:nth-child(9), .related__grid .card:nth-child(9), .gallery-grid .gallery-item:nth-child(9), .icon-tiles .icon-tile:nth-child(9) { transition-delay:0.405s; }
.catgrid .catcard:nth-child(10), .cat-launcher .cat-tile:nth-child(10), .catsec__grid .card:nth-child(10), .related__grid .card:nth-child(10), .gallery-grid .gallery-item:nth-child(10), .icon-tiles .icon-tile:nth-child(10) { transition-delay:0.45s; }
.catgrid .catcard:nth-child(11), .cat-launcher .cat-tile:nth-child(11), .catsec__grid .card:nth-child(11), .related__grid .card:nth-child(11), .gallery-grid .gallery-item:nth-child(11), .icon-tiles .icon-tile:nth-child(11) { transition-delay:0.495s; }
.catgrid .catcard:nth-child(12), .cat-launcher .cat-tile:nth-child(12), .catsec__grid .card:nth-child(12), .related__grid .card:nth-child(12), .gallery-grid .gallery-item:nth-child(12), .icon-tiles .icon-tile:nth-child(12) { transition-delay:0.54s; }

/* ===== About v2 — collage imagery + mini stats ===== */
.about--v2{padding-top:88px; padding-bottom:88px; overflow:visible;}
.about__images--v2{padding:26px 34px 40px 6px;}
.about__ring{
  position:absolute; top:-6px; right:6px; width:120px; height:120px;
  border:2px dashed rgba(75,63,217,.4); border-radius:50%;
  animation:spinSlow 26s linear infinite; z-index:0;
}
@keyframes spinSlow{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
.about__img-frame--main{
  position:relative; z-index:1; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg);
  border-color:var(--line); aspect-ratio:3/2.1;
}
.about__img-frame--main img{transition:transform .6s cubic-bezier(.22,1,.36,1);}
.about__images--v2:hover .about__img-frame--main img{transform:scale(1.06);}
.about__img-frame--sub{
  position:absolute; z-index:2; width:46%; aspect-ratio:1/1;
  right:-6%; bottom:-14%; border-radius:var(--radius-lg); overflow:hidden;
  border:5px solid var(--panel); box-shadow:var(--shadow-lg);
  background:var(--panel-2);
}
.about__img-frame--sub img{transition:transform .6s cubic-bezier(.22,1,.36,1);}
.about__images--v2:hover .about__img-frame--sub img{transform:scale(1.1);}
.about--v2 .about__badge{z-index:3; border-radius:12px;}

.about__stats-mini{
  display:grid; grid-template-columns:repeat(3,auto); gap:0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:20px 0; margin-top:30px; max-width:440px;
}
.about__stats-mini .stat{padding:0 22px 0 0; border-right:1px solid var(--line);}
.about__stats-mini .stat:last-child{border-right:none; padding-right:0;}
.about__stats-mini .stat__num{font-size:24px;}

.about__cta-row{display:flex; align-items:center; gap:22px; margin-top:32px; flex-wrap:wrap;}
.about__phone-mini{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text-dim);}
.about__phone-mini__icon{
  width:38px; height:38px; border-radius:50%; border:1px solid var(--line); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; color:var(--cyan-dim);
  transition:.2s;
}
.about__phone-mini:hover .about__phone-mini__icon{background:var(--cyan); color:#fff; border-color:var(--cyan);}
.about__phone-mini b{color:var(--text); font-size:13.5px;}

@media (max-width:900px){
  .about--v2{padding-top:56px; padding-bottom:56px;}
  .about__images--v2{padding:20px 26px 46px 0; margin-bottom:12px;}
  .about__img-frame--sub{width:50%;}
  .about__ring{width:88px; height:88px;}
}
@media (max-width:520px){
  .about__stats-mini{grid-template-columns:1fr 1fr; row-gap:16px;}
  .about__stats-mini .stat:nth-child(2){border-right:none;}
}

/* ===== About photo caption ===== */
.about__photo__caption{
  position:absolute; left:14px; bottom:14px; z-index:2;
  background:rgba(8,20,27,.6); backdrop-filter:blur(6px); color:#fff;
  font-size:11px; font-weight:600; padding:7px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
}

/* ===== About — visit info card ===== */
.about__visit{
  display:flex; align-items:center; gap:14px; margin-top:26px; padding:16px 18px;
  background:var(--panel-2); border:1px solid var(--line); border-radius:var(--radius-lg);
  flex-wrap:wrap;
}
.about__visit__icon{
  width:38px; height:38px; border-radius:50%; background:var(--panel); border:1px solid var(--line);
  color:var(--cyan-dim); display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.about__visit__title{display:block; font-size:13.5px; font-weight:700; color:var(--text);}
.about__visit__desc{display:block; font-size:12.5px; color:var(--text-dim); margin-top:2px; line-height:1.5;}
.about__visit__link{
  margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700;
  color:var(--cyan-dim); white-space:nowrap;
}
.about__visit__link:hover{color:var(--cyan);}
@media (max-width:520px){ .about__visit__link{margin-left:0;} }

/* ===== Hero quick search ===== */
.hero__search{
  display:flex; align-items:center; gap:10px; margin-top:26px; max-width:480px;
  background:rgba(255,255,255,.06); border:1.5px solid rgba(255,255,255,.16);
  border-radius:999px; padding:6px 8px 6px 18px; backdrop-filter:blur(8px);
  transition:border-color .2s, background .2s;
}
.hero__search:focus-within{border-color:var(--cyan); background:rgba(255,255,255,.1);}
.hero__search svg{color:rgba(238,245,248,.55); flex-shrink:0;}
.hero__search input{
  flex:1; background:none; border:none; outline:none; color:#fff; font-size:13.5px;
  font-family:'Roboto',sans-serif; min-width:0;
}
.hero__search input::placeholder{color:rgba(238,245,248,.4);}
.hero__search button{
  background:linear-gradient(180deg,var(--cyan),var(--cyan-dim)); color:#fff; border:none;
  font-size:12.5px; font-weight:700; padding:9px 18px; border-radius:999px; cursor:pointer;
  transition:transform .15s;
}
.hero__search button:hover{transform:translateY(-1px);}
@media (max-width:500px){
  .hero__search{max-width:none;}
}

/* ===== Anchor scroll offset (prevents sticky header covering jump targets) ===== */
.catsec, section[id], .pagehead{scroll-margin-top:96px;}
@media (max-width:900px){ .catsec, section[id], .pagehead{scroll-margin-top:76px;} }

/* ===== Keyboard accessibility ===== */
a:focus-visible, button:focus-visible, input:focus-visible, .chip:focus-visible,
.cat-tile:focus-visible, .card__link:focus-visible{
  outline:2.5px solid var(--cyan); outline-offset:2px; border-radius:4px;
}
.nav-toggle:focus-visible{outline-offset:3px;}

/* ===== Sticky mobile action bar ===== */
.mobile-actionbar{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:250;
  background:rgba(255,255,255,.96); backdrop-filter:blur(10px);
  border-top:1px solid var(--line); box-shadow:0 -8px 24px rgba(18,39,51,.1);
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
}
@media (max-width:640px){ .mobile-actionbar{display:flex; gap:8px;} }
.mobile-actionbar a{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
  font-size:10.5px; font-weight:700; color:var(--text-dim); padding:6px 4px; border-radius:10px;
}
.mobile-actionbar a svg{color:var(--cyan-dim);}
.mobile-actionbar a.mobile-actionbar__primary{background:linear-gradient(180deg,var(--cyan),var(--cyan-dim)); color:#fff;}
.mobile-actionbar a.mobile-actionbar__primary svg{color:#fff;}

/* ===== Print ===== */
@media print{
  .site-head, .topbar, .nav-scrim, .site-nav, .float-actions, .back-to-top,
  .mobile-actionbar, .scroll-progress, .site-foot__social{display:none !important;}
}

/* ===== Mobile bottom clearances (kept last to win the cascade) ===== */
@media (max-width:640px){
  .back-to-top{bottom:76px;}
}

@media (max-width:640px){
  body{padding-bottom:64px;}
}

/* ===== Shipping / trust strip ===== */
.shipping-strip__grid{
  max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.shipping-item{
  display:flex; align-items:center; gap:12px; padding:18px; border:1px solid var(--line);
  border-radius:var(--radius-lg); background:var(--panel); box-shadow:var(--shadow-sm);
}
.shipping-item__icon{
  width:42px; height:42px; border-radius:10px; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.shipping-item__title{display:block; font-size:13px; font-weight:700;}
.shipping-item__desc{display:block; font-size:11.5px; color:var(--text-faint); margin-top:2px;}
@media (max-width:900px){ .shipping-strip__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:480px){ .shipping-strip__grid{grid-template-columns:1fr;} }

/* ===== FAQ accordion ===== */
.faq-list{max-width:820px;}
.faq-item{border-bottom:1px solid var(--line); transition:background .2s ease;}
.faq-item:first-child{border-top:1px solid var(--line);}
.faq-item:hover{background:var(--cyan-wash);}
.faq-item__q{
  width:100%; display:flex; align-items:center; gap:14px;
  background:none; border:none; text-align:left; cursor:pointer;
  padding:18px 4px; font-size:15px; font-weight:600; color:var(--text);
}
.faq-item__icon{
  flex-shrink:0; width:38px; height:38px; border-radius:50%;
  background:var(--panel); border:1px solid var(--line); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; transition:background .2s ease, color .2s ease;
}
.faq-item.is-open .faq-item__icon, .faq-item:hover .faq-item__icon{background:var(--cyan); color:#fff; border-color:transparent;}
.faq-item__q-body{flex:1; display:flex; flex-direction:column; gap:4px;}
.faq-item__tag{
  align-self:flex-start; font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700;
  letter-spacing:.08em; color:var(--cyan-dim); text-transform:uppercase;
}
.faq-item__q-text{line-height:1.4;}
.faq-item__chevron{flex-shrink:0; color:var(--cyan-dim); transition:transform .25s ease;}
.faq-item.is-open .faq-item__chevron{transform:rotate(180deg);}
.faq-item__a{
  max-height:0; overflow:hidden; transition:max-height .3s ease, opacity .25s ease; opacity:0;
}
.faq-item.is-open .faq-item__a{opacity:1; max-height:320px;}
.faq-item__a p{padding:0 4px 20px 56px; font-size:13.5px; color:var(--text-dim); line-height:1.7; max-width:680px;}

/* ===== Card image hover overlay ("İncele") — pure CSS, applies sitewide ===== */
.card__frame{position:relative;}
.card__frame::before{
  content:"İncele";
  position:absolute; inset:auto 0 0 0; z-index:2;
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding:10px; font-size:12px; font-weight:700; color:#fff; letter-spacing:.02em;
  background:linear-gradient(0deg, rgba(6,16,22,.72), rgba(6,16,22,0));
  transform:translateY(100%); opacity:0;
  transition:transform .25s ease, opacity .25s ease;
  pointer-events:none;
}
.card:hover .card__frame::before{transform:translateY(0); opacity:1;}

/* ===== Hero trust tags ===== */
.hero__trust-tags{display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:16px;}
.hero__trust-tags span{
  display:inline-flex; align-items:center; gap:6px; font-size:12px; color:rgba(238,245,248,.72); font-weight:600;
}
.hero__trust-tags svg{color:#a394f5; flex-shrink:0;}

/* ===== Hero scroll-down hint ===== */
.hero__scrolldown{
  position:absolute; left:50%; bottom:18px; transform:translateX(-50%);
  width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.25);
  display:flex; align-items:center; justify-content:center; color:rgba(238,245,248,.7);
  z-index:2; animation:scrollHintBounce 2.2s ease-in-out infinite;
}
.hero__scrolldown:hover{border-color:var(--cyan); color:#fff;}
@keyframes scrollHintBounce{
  0%, 100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(6px);}
}
@media (max-width:640px){ .hero__scrolldown{display:none;} }

/* ===== "All categories" CTA tile in the category grid ===== */
.catcard--all{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  background:linear-gradient(165deg, var(--ink), var(--ink-2)); border-color:transparent;
}
.catcard--all__icon{
  width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.1); color:#fff;
  display:flex; align-items:center; justify-content:center; margin-bottom:12px;
}
.catcard--all .catcard__title{color:#fff;}
.catcard--all .catcard__desc{color:rgba(238,245,248,.6);}
.catcard--all:hover{transform:translateY(-5px); box-shadow:var(--shadow-lg);}
.catcard--all:hover .catcard__title{color:#a394f5;}

/* ===== FAQ "more" link ===== */
.faq-more{margin-top:22px; font-size:13.5px; color:var(--text-dim);}
.faq-more a{color:var(--cyan-dim); font-weight:700;}
.faq-more a:hover{color:var(--cyan);}

/* ===== Shipping strip hover ===== */
.shipping-item{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.shipping-item:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:rgba(75,63,217,.3);}
.shipping-item:hover .shipping-item__icon{background:var(--cyan); color:#fff;}
.shipping-item__icon{transition:background .2s ease, color .2s ease;}

/* ===== Subtle grain texture on dark panels (adds depth without a real image asset) ===== */
.dark-panel{position:relative;}
.dark-panel::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.035; z-index:0;
  background-image:
    radial-gradient(circle at 20% 30%, #fff 0.5px, transparent 0.5px),
    radial-gradient(circle at 70% 65%, #fff 0.5px, transparent 0.5px),
    radial-gradient(circle at 45% 85%, #fff 0.5px, transparent 0.5px);
  background-size:120px 120px, 90px 90px, 140px 140px;
}

/* ===== Icon micro-interaction: nudge/rotate on hover ===== */
.cat-tile:hover .cat-tile__icon{transform:rotate(-6deg) scale(1.08);}
.cat-tile__icon{transition:transform .25s ease;}
.icon-tile:hover .icon-tile__icon{transform:rotate(-6deg) scale(1.08);}
.icon-tile__icon{transition:transform .25s ease;}


/* ===== About v4 — edge-bleeding wide photo + separate hose-rakor 3D panel ===== */
.about--v4{padding-top:0; padding-bottom:88px; overflow:hidden;}
.about__grid--v4{grid-template-columns:1.08fr .92fr; gap:56px; align-items:center;}

.about__media-col{display:block;}

/* Wide photo banner, bleeding to both true viewport edges.
   .section has no max-width of its own (only 24px side padding), so simply
   cancelling that padding on a direct section child reaches the real edge —
   no vw-based math needed, and it works regardless of any grid/flex nesting
   elsewhere in the section. */
.about__photo-bleed{
  position:relative; overflow:hidden;
  margin:64px -24px 44px;
  aspect-ratio:21/9;
  box-shadow:var(--shadow-lg);
}
.about__photo-bleed img{
  width:100%; height:100%; object-fit:cover; object-position:center 26%; display:block;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.about__photo-bleed:hover img{transform:scale(1.04);}
.about__badge--v4{
  position:absolute; left:auto; right:20px; top:auto; bottom:20px; z-index:3; width:auto;
  background:var(--cyan); color:#fff; border-radius:12px; padding:14px 18px;
  box-shadow:0 12px 26px rgba(75,63,217,.35);
}

/* Separate 3D hose+rakor panel — own card, not overlapping the photo */

@media (max-width:900px){
  .about__grid--v4{grid-template-columns:1fr; gap:32px;}
  .about__photo-bleed{aspect-ratio:16/11; margin-top:44px;}
}
@media (max-width:640px){
  .about__badge--v4{right:auto; left:16px;}
}

/* ===== About v5 — settled photo card + labelled 3D panel + feature grid ===== */
.about--v5{position:relative; padding-top:84px; padding-bottom:88px; overflow:hidden; background:var(--panel);}
.about__year-mark{
  position:absolute; top:18px; right:-8px; z-index:0; pointer-events:none; user-select:none;
  font-family:'Jost',sans-serif; font-weight:700; font-size:clamp(120px,17vw,230px);
  line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(75,63,217,.1);
}
.about__grid--v5{
  max-width:var(--maxw); margin:0 auto; position:relative; z-index:1;
  display:grid; grid-template-columns:1.18fr .82fr; gap:60px; align-items:start;
}

.about__media-stack{position:relative; display:flex; flex-direction:column; gap:20px;}
.about__media-stack--single{gap:0;}
.about__ring--v5{
  position:absolute; top:-26px; left:-26px; width:110px; height:110px; z-index:0;
  border:2px dashed rgba(75,63,217,.35); border-radius:50%;
  animation:spinSlow 26s linear infinite;
}

/* Photo card: native 3:2 ratio → the building (and its sign) fits without cropping */
.about__photo-card{
  position:relative; z-index:1; margin:0; overflow:hidden;
  aspect-ratio:3/2; border-radius:var(--radius-lg);
  border:1px solid var(--line); box-shadow:var(--shadow-lg); background:var(--panel-2);
}
.about__photo-card--tall{aspect-ratio:5/6;}
.about__photo-card img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.about__photo-card:hover img{transform:scale(1.045);}
.about__badge--v5{
  position:absolute; right:16px; bottom:16px; left:auto; top:auto; width:auto; z-index:3;
  background:var(--cyan-dim); color:#fff; border-radius:12px; padding:13px 17px;
  box-shadow:0 12px 26px rgba(75,63,217,.35);
}

@media (max-width:1000px){
  .about__photo-card--tall{aspect-ratio:3/2;}
}

/* Title accent */
.about__title-accent{font-style:normal; color:var(--cyan-dim); position:relative;}
.about__title-accent::after{
  content:""; position:absolute; left:0; right:0; bottom:2px; height:8px; z-index:-1;
  background:linear-gradient(90deg, rgba(75,63,217,.18), rgba(232,136,12,.14)); border-radius:8px;
}

/* Feature 2x2 grid (replaces the old duplicated info + checklist) */
.about__feature-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px;
}
.about__feature{
  display:flex; align-items:flex-start; gap:12px; padding:14px 15px;
  border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--panel-2);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.about__feature:hover{transform:translateY(-3px); border-color:rgba(75,63,217,.35); box-shadow:var(--shadow-sm);}
.about__feature__icon{
  width:34px; height:34px; border-radius:9px; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.about__feature b{display:block; font-size:13px; font-weight:700; color:var(--text);}
.about__feature span:not(.about__feature__icon){display:block; font-size:11.5px; color:var(--text-faint); margin-top:2px; line-height:1.45;}

@media (max-width:1000px){
  .about__grid--v5{grid-template-columns:1fr; gap:40px;}
  .about__year-mark{display:none;}
}
@media (max-width:520px){
  .about__feature-grid{grid-template-columns:1fr;}
  .about--v5{padding-top:56px; padding-bottom:56px;}
}

/* ===== Gallery filter bar + empty state ===== */
.gallery-item[hidden]{display:none !important;}
.gallery-filterbar{
  max-width:var(--maxw); margin:0 auto 26px;
  display:flex; flex-direction:column; gap:14px;
}
.gallery-filterbar .chips{overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; scrollbar-width:thin;}
.gallery-filterbar .chip{flex-shrink:0;}
.gallery-empty{
  max-width:var(--maxw); margin:32px auto 0; text-align:center; padding:36px 20px;
  border:1px dashed var(--line); border-radius:var(--radius-lg); color:var(--text-dim); font-size:14px;
}
.gallery-empty button{color:var(--cyan-dim); font-weight:700; text-decoration:underline; background:none; border:none; cursor:pointer; font-size:14px;}
.gallery-empty button:hover{color:var(--cyan);}
@media (max-width:640px){
  .gallery-filterbar .chips{flex-wrap:nowrap;}
}

/* ===== Lightbox ===== */
html.lightbox-locked{overflow:hidden;}
.lightbox{
  position:fixed; inset:0; z-index:600; display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;
}
.lightbox.is-open{opacity:1; visibility:visible;}
.lightbox__backdrop{position:absolute; inset:0; background:rgba(6,16,22,.88); backdrop-filter:blur(4px);}
.lightbox__stage{
  position:relative; z-index:1; display:flex; flex-direction:column; align-items:center;
  max-width:min(90vw, 900px); max-height:88vh; padding:0 16px;
}
.lightbox__img{
  max-width:100%; max-height:70vh; width:auto; height:auto; object-fit:contain;
  border-radius:10px; background:#fff; box-shadow:0 30px 70px rgba(0,0,0,.5);
  transform:scale(.97); transition:transform .25s ease;
}
.lightbox.is-open .lightbox__img{transform:scale(1);}
.lightbox__meta{margin-top:18px; text-align:center;}
.lightbox__caption{color:#fff; font-size:14.5px; font-weight:600;}
.lightbox__link{
  display:inline-flex; align-items:center; gap:6px; margin-top:10px;
  color:#a394f5; font-size:12.5px; font-weight:700;
}
.lightbox__link:hover{color:#fff;}
.lightbox__close{
  position:absolute; top:18px; right:18px; z-index:2;
  width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.lightbox__close:hover{background:rgba(255,255,255,.2);}
.lightbox__nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.lightbox__nav:hover{background:rgba(255,255,255,.2);}
.lightbox__prev{left:18px;}
.lightbox__next{right:18px;}
@media (max-width:640px){
  .lightbox__img{max-height:56vh;}
  .lightbox__nav{width:40px; height:40px;}
  .lightbox__prev{left:8px;}
  .lightbox__next{right:8px;}
  .lightbox__close{top:10px; right:10px; width:38px; height:38px;}
}

/* ===== Breadcrumb — dark hero variant ===== */
.breadcrumb--dark{margin:0 0 20px; color:rgba(238,245,248,.45);}
.breadcrumb--dark a{color:rgba(238,245,248,.75);}
.breadcrumb--dark a:hover{color:#a394f5;}
.breadcrumb--dark .breadcrumb__sep{color:rgba(238,245,248,.35);}

/* ===== Active filter pill (urunler.html) ===== */
.active-filter-pill{
  display:inline-flex; align-items:center; gap:7px; align-self:flex-start;
  background:var(--cyan); color:#fff; font-size:11.5px; font-weight:700;
  padding:7px 12px; border-radius:999px; margin-bottom:12px; border:none; cursor:pointer;
  transition:background .15s;
}
.active-filter-pill[hidden]{display:none !important;}
.active-filter-pill:hover{background:var(--cyan-dim);}
.active-filter-pill svg{flex-shrink:0;}

/* ===== Centered section head (used on urunler.html + galery.html) ===== */
.section__head--center{margin-left:auto; margin-right:auto; text-align:center;}
.section__head--center .eyebrow{justify-content:center;}
.section__head--center .section__desc{margin-left:auto; margin-right:auto;}

/* ===== About v6 — full-width photo banner + centered content below ===== */
.about--v6{position:relative; padding-top:0; padding-bottom:80px; overflow:hidden; background:var(--panel);}

.about__photo-full{
  position:relative; width:100%; margin:0 0 52px; overflow:hidden;
  aspect-ratio:2/1; background:var(--panel-2);
  border-radius:22px; border:1px solid var(--line); box-shadow:var(--shadow-lg);
}
.about__photo-full img{object-position:center 30%;}
.about__photo-full img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .8s cubic-bezier(.22,1,.36,1);
}
.about__photo-full:hover img{transform:scale(1.035);}
.about__photo-full .about__photo__caption{
  position:absolute; left:24px; bottom:20px; z-index:2;
}
.about__photo-full .about__badge--v6{
  position:absolute; right:24px; bottom:20px; left:auto; top:auto; width:auto; z-index:3;
  background:var(--cyan-dim); color:#fff; border-radius:12px; padding:14px 18px;
  box-shadow:0 12px 26px rgba(75,63,217,.35);
}

.about__body-center{
  max-width:760px; margin:0 auto; text-align:center;
}
.about__body-center .eyebrow{justify-content:center;}
.about__body-center .section__title{max-width:none;}
.about__body-center .about__text{max-width:640px; margin:18px auto 0;}

.about__stats-mini--center{
  justify-content:center; margin-left:auto; margin-right:auto;
}
.about__feature-grid--center{
  grid-template-columns:repeat(4,1fr); max-width:960px; margin:32px auto 0;
}
.about__feature-grid--center .about__feature{text-align:left;}

.about__cta-row--center{justify-content:center;}
.about__visit--center{max-width:640px; margin:26px auto 0; text-align:left;}

@media (max-width:1000px){
  .about__photo-full{aspect-ratio:16/10;}
  .about__feature-grid--center{grid-template-columns:repeat(2,1fr); max-width:520px;}
}
@media (max-width:640px){
  .about__photo-full{aspect-ratio:4/3.4; margin-bottom:36px;}
  .about__feature-grid--center{grid-template-columns:1fr; max-width:360px;}
  .about__cta-row--center{flex-direction:column; align-items:stretch;}
  .about__photo-full .about__badge--v6{right:16px; bottom:16px; left:auto;}
}

/* ===== About banner — full-bleed factory photo with overlaid text ===== */
.about--stats-only{padding-top:64px;}

/* ===== CTA band — solid color variant ===== */
.ctaband--solid{
  background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dim) 100%);
  position:relative; overflow:hidden;
}
.ctaband--solid .badge-amber{background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.3);}
.ctaband--solid .ctaband__sub{color:rgba(255,255,255,.85);}
.ctaband--solid .btn--light{background:#fff; color:var(--cyan-dim);}
.ctaband--solid .btn--light:hover{background:#eef8fa;}
.ctaband--solid .btn--outline-light{border-color:rgba(255,255,255,.55);}
.ctaband--solid .btn--outline-light:hover{background:rgba(255,255,255,.12);}

/* ===== Footer v2 — 4-column layout with icon contact rows ===== */
.site-foot__inner--v2{grid-template-columns:1.3fr .9fr .9fr 1.1fr;}
.site-foot__col--contact .site-foot__contact-line{
  display:flex; align-items:flex-start; gap:10px; color:rgba(238,245,248,.72);
  font-size:13px; line-height:1.5; margin-bottom:14px; transition:color .15s;
}
.site-foot__col--contact .site-foot__contact-line:last-child{margin-bottom:0;}
.site-foot__col--contact .site-foot__contact-line:hover{color:#fff;}
.site-foot__col--contact .site-foot__contact-line svg{flex-shrink:0; margin-top:1px; color:#b3a8f7;}
.site-foot__col--contact .site-foot__contact-line em{font-style:normal; color:rgba(238,245,248,.5);}
.site-foot__col:first-child .site-foot__social{margin-top:16px;}

@media (max-width:900px){
  .site-foot__inner--v2{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .site-foot__inner--v2{grid-template-columns:1fr;}
}

/* ===== Stats band — dark strip above footer ===== */
.stats-band{
  background:linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%);
  border-top:1px solid var(--ink-line);
}
.stats-band__inner{
  max-width:var(--maxw); margin:0 auto; padding:44px 24px;
  display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap;
}
.stats-band__item{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:8px 44px; border-right:1px solid var(--ink-line);
}
.stats-band__item:last-child{border-right:none;}
.stats-band__num{
  font-family:'Jost',sans-serif; font-weight:700; font-size:34px; line-height:1;
  color:#fff; margin-bottom:8px; display:flex; align-items:center; justify-content:center; min-height:34px;
}
.stats-band__num svg{color:var(--cyan);}
.stats-band__label{
  font-family:'Roboto Mono',monospace; font-size:11px; letter-spacing:.06em;
  color:rgba(238,245,248,.55); text-transform:uppercase; white-space:nowrap;
}
@media (max-width:760px){
  .stats-band__inner{gap:28px 0;}
  .stats-band__item{padding:4px 22px; flex:1 1 40%; border-right:none;}
}
@media (max-width:480px){
  .stats-band__item{flex:1 1 100%; padding:10px 0; border-bottom:1px solid var(--ink-line);}
  .stats-band__item:last-child{border-bottom:none;}
}
@media (max-width:480px){
  .faq-item__icon{width:32px; height:32px;}
  .faq-item__q{gap:10px;}
  .faq-item__a p{padding-left:42px;}
}

/* ===== Ürünler sayfası — sidebar layout (kardeşin sitesindeki gibi) ===== */

/* Search box adapted for the dark hero */
.search--hero{
  max-width:520px; margin:26px 0 0; background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18); color:rgba(238,245,248,.6);
}
.search--hero input{color:#fff;}
.search--hero input::placeholder{color:rgba(238,245,248,.45);}
.search--hero:focus-within{border-color:var(--cyan); box-shadow:0 0 0 4px rgba(75,63,217,.18);}
.search--hero .search__count{background:rgba(255,255,255,.12); color:#bfeaf2;}

/* The original chip filter bar keeps the filtering logic alive but is no
   longer the primary UI — the sidebar (below) drives it visually now. */
.filterbar--hidden{
  position:absolute; width:1px; height:1px; overflow:hidden; padding:0; margin:0; border:0;
  clip:rect(0 0 0 0); white-space:nowrap; z-index:-1;
  backdrop-filter:none !important; background:none !important; box-shadow:none !important;
}

.urunler-layout{padding:44px 24px 8px;}
.urunler-layout__inner{
  display:grid; grid-template-columns:270px 1fr; gap:36px; align-items:start;
}
.urunler-sidebar{
  position:sticky; top:88px; max-height:calc(100vh - 108px);
  display:flex; flex-direction:column; gap:14px;
}
.urunler-sidebar__head{
  flex-shrink:0;
  font-family:'Roboto Mono',monospace; font-size:11px; letter-spacing:.12em;
  color:var(--text-faint); padding:0 4px;
}
.cat-launcher--sidebar{
  display:flex; flex-direction:column; gap:4px; max-width:none; margin:0;
  overflow-y:auto; min-height:0; padding-right:2px;
}
.cat-launcher--sidebar .cat-tile{
  flex-direction:row; align-items:center; gap:12px; padding:11px 12px;
  border-radius:10px; box-shadow:none;
}
.cat-launcher--sidebar .cat-tile:hover, .cat-launcher--sidebar .cat-tile.is-active{
  transform:none; background:var(--cyan-wash); border-color:transparent; box-shadow:none;
}
.cat-launcher--sidebar .cat-tile.is-active{background:var(--cyan); }
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__label,
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__count{color:#fff;}
.cat-launcher--sidebar .cat-tile__icon{
  width:34px; height:34px; border-radius:8px; flex-shrink:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:var(--cyan-wash); border:none;
}
.cat-launcher--sidebar .cat-tile__icon img{width:100%; height:100%; object-fit:cover; display:block;}
.cat-launcher--sidebar .cat-tile--all .cat-tile__icon{background:var(--ink);}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__icon{background:rgba(255,255,255,.2); box-shadow:0 0 0 2px rgba(255,255,255,.35);}
.cat-launcher--sidebar .cat-tile__code{
  font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700; color:var(--cyan-dim);
}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__code{color:#fff;}
.cat-launcher--sidebar .cat-tile--all .cat-tile__icon{background:var(--ink); color:#b3a8f7;}
.cat-launcher--sidebar .cat-tile--all .cat-tile__icon .cat-tile__code{color:inherit;}
.cat-launcher--sidebar .cat-tile__label{font-size:13px; font-weight:700; flex:1; text-align:left;}
.cat-launcher--sidebar .cat-tile__count{font-family:'Roboto Mono',monospace; font-size:10px; color:var(--text-faint);}

.urunler-sidebar__cta{
  position:relative; overflow:hidden; flex-shrink:0;
  background:linear-gradient(150deg, var(--cyan) 0%, var(--cyan-dim) 100%);
  border-radius:var(--radius-lg); padding:22px 20px; display:flex; flex-direction:column; gap:5px;
  box-shadow:var(--shadow-md);
}
.urunler-sidebar__cta::after{
  content:""; position:absolute; top:-30px; right:-30px; width:110px; height:110px;
  border-radius:50%; background:rgba(255,255,255,.08); pointer-events:none;
}
.urunler-sidebar__cta-head{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.urunler-sidebar__cta-icon{
  width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0;
}
.urunler-sidebar__cta-status{
  display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700;
  color:rgba(255,255,255,.9); background:rgba(255,255,255,.14); padding:5px 10px 5px 8px;
  border-radius:999px; line-height:1;
}
.urunler-sidebar__cta-status-dot{
  width:6px; height:6px; border-radius:50%; background:#5cf28a; flex-shrink:0;
  box-shadow:0 0 0 0 rgba(92,242,138,.6); animation:ctaDotPulse 1.8s ease-out infinite;
}
@keyframes ctaDotPulse{
  0%{box-shadow:0 0 0 0 rgba(92,242,138,.55);}
  70%{box-shadow:0 0 0 6px rgba(92,242,138,0);}
  100%{box-shadow:0 0 0 0 rgba(92,242,138,0);}
}
.urunler-sidebar__cta-title{color:#fff; font-weight:700; font-size:15px; line-height:1.3;}
.urunler-sidebar__cta-desc{color:rgba(255,255,255,.82); font-size:12px; line-height:1.55; margin:6px 0 14px;}
.urunler-sidebar__cta-btn{
  background:#fff; color:var(--cyan-dim); justify-content:center; gap:8px;
  display:inline-flex; align-items:center; position:relative; z-index:1;
}
.urunler-sidebar__cta-btn:hover{background:#eef8fa;}
.urunler-sidebar__cta-phone{
  display:inline-flex; align-items:center; gap:7px; justify-content:center;
  margin-top:11px; font-size:11.5px; font-weight:600; color:rgba(255,255,255,.85);
  position:relative; z-index:1; transition:color .15s;
}
.urunler-sidebar__cta-phone:hover{color:#fff;}

.urunler-main{min-width:0;}
.urunler-main__head{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px;
}
.urunler-main__count{
  font-family:'Roboto Mono',monospace; font-size:12px; font-weight:700; color:var(--cyan-dim);
  background:var(--cyan-wash); padding:6px 13px; border-radius:999px;
}

@media (max-width:960px){
  .urunler-layout__inner{grid-template-columns:1fr; min-width:0;}
  .urunler-sidebar{position:static; max-height:none; min-width:0; width:100%;}
  .cat-launcher--sidebar{
    flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:8px; padding-bottom:6px;
    min-width:0; -webkit-overflow-scrolling:touch;
  }
  .cat-launcher--sidebar .cat-tile{flex-shrink:0; flex-direction:column; align-items:flex-start; min-width:140px;}
  .urunler-sidebar__cta{flex-direction:column;}
  .urunler-sidebar__cta-desc{margin-bottom:12px;}
  .urunler-layout__inner > *{min-width:0;}
}

/* ===== Sidebar scroll-spy highlight (separate from the click-filter state) ===== */
.cat-launcher--sidebar .cat-tile.is-in-view:not(.is-active){
  background:var(--cyan-wash); border-color:rgba(75,63,217,.25);
}
.cat-launcher--sidebar .cat-tile.is-in-view:not(.is-active) .cat-tile__label{color:var(--cyan-dim);}

/* ===== Hero text sync with slider ===== */
#heroEyebrow, #heroHeadingLine1, #heroHeadingLine2, #heroDesc{
  transition:opacity .2s ease, transform .2s ease;
}
#heroEyebrow.is-swapping, #heroHeadingLine1.is-swapping,
#heroHeadingLine2.is-swapping, #heroDesc.is-swapping{
  opacity:0; transform:translateY(4px);
}

/* ===== Hero — full-bleed slider with overlaid content ===== */
/* ===== Pure hero image slider — no text overlay, full image shown ===== */
.hero-slider-pure{position:relative; background:var(--ink); overflow:hidden;}
.hero-slider-pure__frame{
  position:relative; width:100%; aspect-ratio:2.35/1; max-height:70vh; min-height:280px;
}
.hero__slide{
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  opacity:0; transition:opacity 1.2s ease; transform:scale(1.0);
}
.hero__slide.is-active{opacity:1; animation:heroKenBurns 7s ease-out forwards;}
@keyframes heroKenBurns{ from{transform:scale(1.05);} to{transform:scale(1);} }
@media (prefers-reduced-motion:reduce){ .hero__slide.is-active{animation:none;} }

/* ---- Bottom scrim + per-slide caption ---- */
.hero-slider-pure__scrim{
  position:absolute; left:0; right:0; bottom:0; height:38%; z-index:2; pointer-events:none;
  background:linear-gradient(0deg, rgba(6,16,22,.72) 0%, rgba(6,16,22,.28) 55%, transparent 100%);
}
.hero-slider-pure__caption{
  position:absolute; left:28px; bottom:22px; z-index:3; color:#fff; max-width:70%;
}
.hero-slider-pure__caption-eyebrow{
  display:block; font-size:10.5px; font-weight:700; letter-spacing:.12em; color:var(--cyan, #4B3FD9);
  margin-bottom:5px; text-transform:uppercase;
}
.hero-slider-pure__caption-title{
  display:block; font-family:'Jost',sans-serif; font-size:clamp(16px,2.4vw,22px);
  font-weight:700; line-height:1.25; text-shadow:0 2px 10px rgba(0,0,0,.35);
}

/* ---- Slide counter ---- */
.hero-slider-pure__counter{
  position:absolute; right:28px; bottom:24px; z-index:3; color:rgba(255,255,255,.75);
  font-family:'Roboto Mono',monospace; font-size:12px; letter-spacing:.04em;
}
.hero-slider-pure__counter #heroCounterCurrent{color:#fff; font-weight:700;}

/* ---- Prev/next arrows ---- */
.hero-slider-pure__arrow{
  position:absolute; top:50%; z-index:3; transform:translateY(-50%);
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.25);
  background:rgba(8,18,24,.35); backdrop-filter:blur(4px); color:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  opacity:0; transition:opacity .2s ease, background .2s ease, border-color .2s ease;
}
.hero-slider-pure:hover .hero-slider-pure__arrow{opacity:1;}
.hero-slider-pure__arrow:hover{background:rgba(75,63,217,.55); border-color:rgba(255,255,255,.5);}
.hero-slider-pure__arrow--prev{left:20px;}
.hero-slider-pure__arrow--next{right:20px;}
@media (max-width:760px){ .hero-slider-pure__arrow{display:none;} }

/* ---- Progress-bar style indicators (replaces plain dots) ---- */
.hero__slide-dots{
  position:absolute; left:50%; bottom:18px; z-index:3; transform:translateX(-50%);
  display:flex; align-items:center; gap:8px;
}
.hero__slide-dots--progress .hero__slide-dot{
  position:relative; width:34px; height:3px; border-radius:8px; background:rgba(255,255,255,.28);
  border:none; padding:0; cursor:pointer; overflow:hidden;
}
.hero__slide-dots--progress .hero__slide-dot-fill{
  position:absolute; inset:0; width:0%; background:#fff; border-radius:8px;
}
.hero__slide-dots--progress .hero__slide-dot.is-active .hero__slide-dot-fill{
  animation:heroDotFill 5.2s linear forwards;
}
.hero__slide-dots--progress .hero__slide-dot.is-done .hero__slide-dot-fill{width:100%;}
@keyframes heroDotFill{ from{width:0%;} to{width:100%;} }
.hero-slider-pure:hover .hero__slide-dots--progress .hero__slide-dot.is-active .hero__slide-dot-fill{animation-play-state:paused;}

.hero--text-only{padding-top:56px; padding-bottom:56px;}
.hero--text-only .hero__content{max-width:760px; margin:0 auto; text-align:center;}
.hero--text-only .eyebrow{justify-content:center;}
.hero--text-only .hero__sub{margin-left:auto; margin-right:auto;}
.hero--text-only .hero__search{margin-left:auto; margin-right:auto;}
.hero--text-only .hero__trust-tags{justify-content:center;}
.hero--text-only .hero__ctas{justify-content:center;}
.hero--text-only .dstat-row{margin:28px auto 0; justify-content:center;}

@media (max-width:900px){
  .hero-slider-pure__frame{aspect-ratio:4/3; max-height:none;}
  .hero-slider-pure__caption{max-width:85%; left:18px; bottom:44px;}
  .hero-slider-pure__counter{right:18px; bottom:46px;}

}

/* ===== Galeri sayfası — sidebar layout (urunler.html ile tutarlı) ===== */
.gallery-filterbar--hidden{
  position:absolute; width:1px; height:1px; overflow:hidden; padding:0; margin:0; border:0;
  clip:rect(0 0 0 0); white-space:nowrap; z-index:-1;
  backdrop-filter:none !important; background:none !important; box-shadow:none !important;
}
.search--gallery-top{
  max-width:560px; margin:0 auto 32px;
}

/* ===== CMS entegrasyonu: stok durumu rozeti ===== */
.card__stock-badge{
  position:absolute; top:10px; left:10px; z-index:3;
  background:var(--ink); color:#fff; font-size:10.5px; font-weight:700;
  padding:5px 10px; border-radius:999px; letter-spacing:.02em;
}
.card.is-out-of-stock .card__frame{opacity:.6;}

/* ===== İletişim formu ===== */
.contact-form{padding:30px; display:grid; gap:18px;}
.contact-form__row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.contact-form .field label{display:block; font-size:12.5px; font-weight:700; margin-bottom:7px; color:var(--text);}
.contact-form .field__optional{font-weight:400; color:var(--text-faint);}
.contact-form input:not([type="checkbox"]):not([type="radio"]), .contact-form textarea{
  width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid var(--line);
  font-size:14px; outline:none; font-family:inherit; color:var(--text); background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.contact-form input:not([type="checkbox"]):not([type="radio"]):focus, .contact-form textarea:focus{border-color:var(--cyan); box-shadow:0 0 0 4px var(--cyan-wash);}
.contact-form textarea{resize:vertical;}
.contact-form__submit{justify-content:center; position:relative; gap:8px;}
.contact-form__spinner{display:none; animation:spin .8s linear infinite;}
.contact-form__submit.is-busy .contact-form__submit-text{opacity:.6;}
.contact-form__submit.is-busy .contact-form__spinner{display:block;}
.contact-form__submit:disabled{opacity:.75; cursor:not-allowed;}
@keyframes spin{to{transform:rotate(360deg);}}
.contact-form__success{
  display:flex; align-items:center; gap:8px; justify-content:center;
  color:var(--cyan-dim); font-size:13.5px; font-weight:600; margin:0;
  background:var(--cyan-wash); padding:12px 16px; border-radius:10px;
}
.contact-form__success[hidden], .contact-form__error[hidden]{display:none !important;}
.contact-form__error{
  color:var(--red, #c4515a); font-size:13px; text-align:center; margin:0;
  background:rgba(196,81,90,.08); padding:12px 16px; border-radius:10px;
}
.contact-form__error a{color:inherit; font-weight:700; text-decoration:underline;}
@media (max-width:560px){
  .contact-form__row{grid-template-columns:1fr;}
}

/* ===== İletişim formu — genişletilmiş alanlar ===== */
.contact-form__select{
  width:100%; padding:12px 14px; border-radius:10px; border:1.5px solid var(--line);
  font-size:14px; outline:none; font-family:inherit; color:var(--text); background:#fff;
  appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2354697a' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
.contact-form__select:focus{border-color:var(--cyan); box-shadow:0 0 0 4px var(--cyan-wash);}
.contact-form__pref-row{display:flex; flex-wrap:wrap; gap:9px;}
.contact-form__pref{
  display:flex; align-items:center; gap:7px; padding:9px 15px; border-radius:999px;
  border:1.5px solid var(--line); font-size:12.5px; font-weight:600; color:var(--text-dim);
  cursor:pointer; transition:border-color .15s, background .15s, color .15s;
}
.contact-form__pref input{accent-color:var(--cyan); margin:0;}
.contact-form__pref:has(input:checked){border-color:var(--cyan); background:var(--cyan-wash); color:var(--cyan-dim);}
.contact-form__counter{display:block; text-align:right; font-size:11px; color:var(--text-faint); margin-top:5px;}
.contact-form__err-msg{display:block; font-size:11.5px; color:var(--red, #c4515a); margin-top:5px; min-height:0;}
.contact-form__err-msg:empty{display:none;}
.contact-form input.has-error, .contact-form textarea.has-error{border-color:var(--red, #c4515a);}
/* Honeypot: gerçek ziyaretçilere görünmez, botlar genelde doldurur */
.contact-form__honeypot{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.contact-form__consent{
  display:flex; align-items:flex-start; gap:10px; font-size:12px; color:var(--text-dim);
  line-height:1.6; cursor:pointer;
}
.contact-form__consent input{margin-top:3px; accent-color:var(--cyan); flex-shrink:0;}
.contact-form__consent a{color:var(--cyan-dim); font-weight:600;}
.contact-form__ref{font-size:11.5px; color:var(--cyan-dim); font-weight:400;}

/* ===== İletişim — hızlı erişim şeridi ===== */
.quick-contact{padding:0 24px 20px; margin-top:-1px; position:relative; z-index:2;}
.quick-contact__grid{
  max-width:var(--maxw); margin:-38px auto 0; display:grid; grid-template-columns:repeat(4,1fr);
  box-shadow:var(--shadow-md); border-radius:var(--radius-lg);
  overflow:hidden; background:var(--card, #fff);
}
.quick-contact__item{
  display:flex; align-items:center; gap:12px; padding:20px 18px; background:#fff;
  border-right:1px solid var(--line); transition:background .15s;
}
.quick-contact__item:last-child{border-right:none;}
.quick-contact__item:not(.quick-contact__item--static):hover{background:var(--cyan-wash);}
.quick-contact__icon{
  width:38px; height:38px; border-radius:10px; background:var(--cyan-wash); color:var(--cyan-dim);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.quick-contact__label{display:block; font-size:11px; color:var(--text-faint); font-weight:600; text-transform:uppercase; letter-spacing:.02em;}
.quick-contact__value{display:block; font-size:13.5px; color:var(--text); font-weight:700; margin-top:2px;}
@media (max-width:900px){
  .quick-contact__grid{grid-template-columns:repeat(2,1fr); margin-top:-28px;}
  .quick-contact__item{border-bottom:1px solid var(--line);}
}
@media (max-width:560px){
  .quick-contact__grid{grid-template-columns:1fr;}
}

/* ===== Skip-to-content linki (erişilebilirlik) ===== */
.skip-link{
  position:fixed; top:-60px; left:12px; z-index:9999;
  background:var(--cyan, #4B3FD9); color:#fff; font-weight:700; font-size:13px;
  padding:12px 20px; border-radius:8px; text-decoration:none;
  transition:top .2s ease;
}
.skip-link:focus{top:12px;}

/* ===== Öne Çıkan Ürün (Supabase'e bağlı) ===== */
.featured-spot__card{
  display:grid; grid-template-columns:280px 1fr; gap:0; background:var(--panel);
  border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
}
.featured-spot__media{aspect-ratio:1/1; background:var(--ink);}
.featured-spot__media img{width:100%; height:100%; object-fit:contain;}
.featured-spot__body{padding:32px; display:flex; flex-direction:column; justify-content:center; gap:12px;}
.featured-spot__badge{
  display:inline-flex; align-items:center; gap:6px; width:fit-content; font-size:11px; font-weight:700;
  letter-spacing:.04em; color:var(--amber, #c07a12); background:rgba(240,185,80,.14); padding:6px 12px; border-radius:999px;
}
.featured-spot__title{font-family:'Jost',sans-serif; font-size:clamp(20px,3vw,28px); font-weight:700;}
.featured-spot__desc{color:var(--text-dim); font-size:14px; line-height:1.6; max-width:520px;}
@media (max-width:700px){
  .featured-spot__card{grid-template-columns:1fr;}
  .featured-spot__media{aspect-ratio:16/10;}
}

/* ===== Kalite & sertifikasyon rozetleri ===== */
.cert-strip__row{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:32px 44px;
  padding:8px 0;
}
.cert-strip__item{display:flex; align-items:center; gap:10px; color:var(--text-dim); font-size:13px; font-weight:600;}
.cert-strip__item svg{color:var(--cyan-dim, #3B32B0); flex-shrink:0;}
.cert-strip__review{
  display:flex; align-items:center; gap:7px; color:var(--cyan-dim, #3B32B0); font-weight:700; text-decoration:none;
  padding:8px 16px; border:1.5px solid var(--cyan, #4B3FD9); border-radius:999px; transition:background .15s, color .15s;
}
.cert-strip__review:hover{background:var(--cyan, #4B3FD9); color:#fff;}
.cert-strip__review svg{color:#f0b950;}

/* ===== Araç markaları şeridi (kayan bant) ===== */
.brand-strip__grid{
  display:flex; flex-wrap:wrap; justify-content:center; gap:16px;
  margin-top:24px; max-width:var(--maxw); margin-left:auto; margin-right:auto;
}
.brand-badge{
  display:inline-flex; align-items:center; gap:10px; padding:10px 20px 10px 10px;
  border:1px solid var(--line); border-radius:999px; background:var(--card, #fff);
  font-family:'Jost',sans-serif; font-size:16px; font-weight:700; color:var(--text-dim);
  letter-spacing:.01em; box-shadow:var(--shadow-sm);
}
.brand-badge__mark{
  display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%;
  background:var(--cyan-wash); color:var(--cyan-dim); font-family:'Roboto Mono',monospace;
  font-size:11px; font-weight:700; flex-shrink:0;
}
.brand-badge--logo{
  width:150px; height:90px; padding:18px 22px; box-sizing:border-box;
  border-radius:14px; justify-content:center; transition:box-shadow .2s ease, transform .2s ease;
}
.brand-badge--logo:hover{box-shadow:var(--shadow-md); transform:translateY(-3px);}
.brand-badge--logo img{
  max-height:100%; max-width:100%; width:auto; height:auto; object-fit:contain; display:block;
  filter:grayscale(100%) opacity(.55); transition:filter .25s ease;
}
.brand-badge--logo:hover img{filter:grayscale(0%) opacity(1);}
.brand-strip__note{text-align:center; font-size:12.5px; color:var(--text-faint); margin-top:18px;}

/* ===== Sayaç animasyonu (dstat sayıları) ===== */
.dstat__num.is-counting{transition:none;}

/* ===== Arka plan filigranı — büyük, çok soft rakam (örn. kuruluş yılı) ===== */
.about-sec{position:relative; overflow:hidden;}
.bg-watermark{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-52%);
  font-family:'Jost',sans-serif; font-weight:700;
  font-size:clamp(140px, 24vw, 340px); line-height:1; letter-spacing:-.02em;
  color:var(--cyan-dim, #3B32B0); opacity:.05; z-index:0; pointer-events:none;
  white-space:nowrap; user-select:none;
}
.about-sec > .wrap{position:relative; z-index:1;}

/* ===== Teknik çizim köşe işaretleri (blueprint estetiği) ===== */
.bp-corners{position:relative;}
.bp-corners::before, .bp-corners::after{
  content:""; position:absolute; width:22px; height:22px; pointer-events:none; opacity:.35; z-index:2;
  border-color:var(--cyan, #4B3FD9);
}
.bp-corners::before{top:10px; left:10px; border-top:1.5px solid; border-left:1.5px solid;}
.bp-corners::after{bottom:10px; right:10px; border-bottom:1.5px solid; border-right:1.5px solid;}
.featured-spot__card.bp-corners::before, .featured-spot__card.bp-corners::after{opacity:.5;}

@media (max-width:700px){
  .bg-watermark{font-size:clamp(90px, 32vw, 180px);}
}

/* ===== Ürün 3D görüntüleyici (sadece BSP-Metrik-Nipel sayfasında) ===== */
.product-media__box{display:flex; flex-direction:column; gap:10px; margin-bottom:20px;}
.product-media__box-label{
  display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700;
  color:var(--text-faint); text-transform:uppercase; letter-spacing:.04em;
}
.product-media__frame--3d{aspect-ratio:1/1; cursor:default;}
.product-media__frame--lg{aspect-ratio:1/1;}
@media (min-width:861px){
  .product-media__frame--lg{min-height:380px;}
}
.product-3d-missing{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; color:var(--text-faint); background:var(--panel-2, #f2f5f7);
}
.product-3d-missing svg{opacity:.55;}
.product-3d-missing p{font-size:13px; font-weight:600; margin:0;}
.product-3d{position:absolute; inset:0; z-index:2; background:var(--panel-2, #f2f5f7); border-radius:inherit; overflow:hidden;}
.product-3d canvas{display:block; width:100% !important; height:100% !important; cursor:grab;}
.product-3d canvas:active{cursor:grabbing;}
.product-3d__loading{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; color:var(--text-faint); font-size:12.5px; z-index:1;
}
.product-3d__loading[hidden]{display:none !important;}
.spin-slow{animation:spin 1.2s linear infinite; color:var(--cyan);}
.product-3d__rotate-toggle{
  position:absolute; left:14px; bottom:14px; z-index:3; padding:8px 14px; border-radius:999px;
  background:rgba(12,26,34,.75); color:#fff; font-size:11.5px; font-weight:700; border:none; backdrop-filter:blur(4px);
}
.product-3d__hint{
  position:absolute; right:14px; bottom:16px; z-index:3; font-size:10.5px; color:rgba(84,105,122,.9);
  background:rgba(255,255,255,.85); padding:5px 10px; border-radius:999px;
}
@media (max-width:640px){ .product-3d__hint{display:none;} }

/* ===== Ürün detay sayfası — paylaşılan geliştirmeler (181 sayfada) ===== */

/* Toast bildirimi */
.site-toast{
  position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(10px); z-index:400;
  background:var(--ink); color:#fff; padding:11px 20px; border-radius:999px; font-size:13px; font-weight:600;
  box-shadow:0 15px 40px rgba(0,0,0,.25); opacity:0; transition:opacity .25s ease, transform .25s ease;
  max-width:90vw; text-align:center;
}
.site-toast.is-visible{opacity:1; transform:translateX(-50%) translateY(0);}

/* Ürün kodu kopyalama butonu */
.product-media__code{position:relative;}
.product-media__copy-code, .product-media__qr-btn{
  display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px;
  border-radius:7px; border:1px solid var(--line); background:#fff; color:var(--text-faint);
  margin-left:8px; transition:color .15s, border-color .15s;
}
.product-media__copy-code:hover, .product-media__qr-btn:hover{color:var(--cyan-dim); border-color:var(--cyan);}

/* Favori / Paylaş butonları */
.product-fav-btn.is-fav{color:#e0505a; border-color:rgba(224,80,90,.4); background:rgba(224,80,90,.06);}
.product-fav-btn, .product-share-btn{display:inline-flex; align-items:center; gap:7px;}

/* Yazdır butonu (spec panel başlığında) */
.spec-panel__head{position:relative;}
.spec-panel__print{
  margin-left:auto; display:flex; align-items:center; justify-content:center; width:28px; height:28px;
  border-radius:8px; border:1px solid var(--line); background:#fff; color:var(--text-faint);
}
.spec-panel__print:hover{color:var(--cyan-dim); border-color:var(--cyan);}

/* Teknik tablo canlı arama */
.spec-table__search{
  display:flex; align-items:center; gap:8px; padding:10px 14px; margin-bottom:10px;
  border:1.5px solid var(--line); border-radius:10px; color:var(--text-faint);
}
.spec-table__search input{flex:1; border:none; outline:none; font-size:13px; background:none; color:var(--text);}
.spec-table__code-cell{cursor:pointer; transition:color .15s;}
.spec-table__code-cell:hover{color:var(--cyan-dim); text-decoration:underline;}

/* Son görüntülenen ürünler */
.recent-products{padding:24px 24px 8px; position:relative; z-index:1; background:var(--panel);}
.recent-products__row{display:flex; gap:14px; overflow-x:auto; padding-bottom:6px;}
.recent-products__item{
  flex:0 0 120px; display:flex; flex-direction:column; gap:6px; text-decoration:none;
}
.recent-products__item img{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:10px; border:1px solid var(--line); background:var(--panel);}
.recent-products__item span{font-size:11px; color:var(--text-dim); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.recent-products__item.is-img-missing::before{
  content:""; display:block; width:100%; aspect-ratio:1/1; border-radius:10px; border:1px dashed var(--line); background:var(--panel-2);
  background-image:linear-gradient(45deg, var(--line-soft) 25%, transparent 25%, transparent 50%, var(--line-soft) 50%, var(--line-soft) 75%, transparent 75%, transparent);
  background-size:14px 14px;
}

/* QR kod modal */
.qr-modal{position:fixed; inset:0; z-index:500; display:flex; align-items:center; justify-content:center;}
.qr-modal__backdrop{position:absolute; inset:0; background:rgba(8,20,27,.6);}
.qr-modal__box{position:relative; z-index:1; background:#fff; border-radius:16px; padding:24px; text-align:center; box-shadow:0 30px 70px rgba(0,0,0,.3);}
.qr-modal__box img{border-radius:8px;}
.qr-modal__box p{margin:12px 0 0; font-size:12.5px; color:var(--text-dim);}

/* Yazdırma kuralları .pdp bölümündeki kapsamlı @media print içinde birleştirildi. */

/* ===== Ürün detay — CMS senkronizasyonlu öğeler (fiyat, öne çıkan, görüntülenme) ===== */
.product-featured-badge{
  display:inline-flex; align-items:center; gap:5px; margin-left:8px; padding:4px 10px;
  border-radius:999px; background:rgba(240,185,80,.14); color:var(--amber, #c07a12);
  font-size:11px; font-weight:700; vertical-align:middle;
}
.product-price{
  font-family:'Jost',sans-serif; font-size:26px; font-weight:700; color:var(--cyan-dim);
  margin:10px 0 4px;
}
.product-view-count{
  display:inline-flex; align-items:center; gap:5px; position:absolute; top:10px; right:10px;
  background:rgba(12,26,34,.65); color:#fff; font-size:10.5px; font-weight:600; padding:5px 10px;
  border-radius:999px; backdrop-filter:blur(3px); z-index:3;
}
.product-oos-note{
  background:var(--red-wash, #fbeaec); color:var(--red, #c4515a); font-size:13px; font-weight:600;
  padding:12px 16px; border-radius:10px; margin-bottom:16px;
}


/* ===== Footer v3 — komple yenileme ===== */
.site-foot__ctaband{
  position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;
  padding:34px 24px; border-bottom:1px solid var(--ink-line);
}
.site-foot__ctaband-eyebrow{
  display:block; font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700;
  letter-spacing:.14em; color:#b3a8f7; margin-bottom:6px;
}
.site-foot__ctaband-text h3{color:#fff; font-family:'Jost',sans-serif; font-size:clamp(18px,2.4vw,24px); font-weight:700; margin:0;}
.site-foot__ctaband-actions{display:flex; gap:10px; flex-wrap:wrap;}
.site-foot__ctaband-actions .btn{font-size:13px;}

.site-foot__inner--v3{grid-template-columns:1.2fr .75fr .85fr 1fr 1fr;}
@media (max-width:1100px){ .site-foot__inner--v3{grid-template-columns:1fr 1fr 1fr;} }
@media (max-width:860px){ .site-foot__inner--v3{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .site-foot__inner--v3{grid-template-columns:1fr;} }

.site-foot__hours-badge{
  display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:7px 13px;
  border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--ink-line);
  font-size:12px; color:rgba(238,245,248,.75);
}
.site-foot__hours-dot{width:7px; height:7px; border-radius:50%; background:#5fd68a; flex-shrink:0;}
.site-foot__hours-badge.is-closed .site-foot__hours-dot{background:#e0787f;}

.site-foot__newsletter-form{display:flex; gap:8px; margin-top:14px; flex-wrap:wrap;}
.site-foot__newsletter-form input[type="email"]{
  flex:1; min-width:0; padding:10px 13px; border-radius:9px; border:1px solid var(--ink-line);
  background:rgba(255,255,255,.05); color:#fff; font-size:13px; outline:none;
}
.site-foot__newsletter-form input[type="email"]::placeholder{color:rgba(238,245,248,.4);}
.site-foot__newsletter-form input[type="email"]:focus{border-color:var(--cyan);}
.site-foot__newsletter-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.site-foot__newsletter-form button{
  display:flex; align-items:center; gap:6px; padding:10px 15px; border-radius:9px; border:none;
  background:var(--cyan); color:#fff; font-size:12.5px; font-weight:700; white-space:nowrap;
  transition:background .15s;
}
.site-foot__newsletter-form button:hover{background:var(--cyan-dim);}
.site-foot__newsletter-msg{margin-top:10px; font-size:12px; color:#7fe3a0;}
.site-foot__newsletter-msg.is-error{color:#f0a3a8;}

.site-foot__trust{
  position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:28px;
  padding:20px 24px; border-top:1px solid var(--ink-line);
}
.site-foot__trust span{
  display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600;
  color:rgba(238,245,248,.55);
}
.site-foot__trust svg{color:#5fbfd0; flex-shrink:0;}

.site-foot__bottom{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  text-align:left; padding-right:60px; padding-left:70px;
}
.site-foot__totop{
  display:flex; align-items:center; gap:6px; padding:8px 14px; border-radius:999px;
  border:1px solid var(--ink-line); background:rgba(255,255,255,.03); color:rgba(238,245,248,.65);
  font-size:11.5px; font-weight:700; transition:border-color .15s, color .15s, transform .15s;
}
.site-foot__totop:hover{border-color:var(--cyan); color:#a394f5; transform:translateY(-2px);}
@media (max-width:520px){ .site-foot__bottom{justify-content:center; text-align:center; padding-right:0; padding-left:0;} }

/* ======================================================================
   ÖNE ÇIKAN ÜRÜNLER — geliştirilmiş görünüm
   Ürün fotoğraflarını gerçek bir ölçü/çizim masası üzerindeymiş gibi
   sunan, sitenin geri kalanındaki "blueprint" diline sadık kalan bir
   sunum. Sadece .prodgrid (yalnızca bu bölümde kullanılıyor) içinde
   kapsanmıştır — .card bileşeninin diğer kullanımlarını etkilemez.
   ====================================================================== */

.section__head--split{
  max-width:none; display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.section__head--split > .section__head__main{max-width:640px;}
.section__count{
  font-family:'Roboto Mono',monospace; font-size:11.5px; font-weight:700; color:var(--cyan-dim);
  white-space:nowrap; background:var(--cyan-wash); padding:7px 13px; border-radius:999px; flex-shrink:0;
  border:1px solid rgba(75,63,217,.18);
}

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

/* Fotoğraf çerçevesi: hafif "kareli kağıt" zemini + üstte açılan cyan/amber şerit */
.prodgrid .card__frame{
  background-color:#fff;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:13px 13px;
  background-position:center;
}
.prodgrid .card__img{background:transparent;}
.prodgrid .card__frame::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; z-index:3;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.prodgrid .card:hover .card__frame::after{transform:scaleX(1);}

/* Görselin üzerinde küçük, damga gibi kategori kodu */
.prodgrid .card__spec{
  position:absolute; top:9px; left:9px; z-index:2;
  font-family:'Roboto Mono',monospace; font-size:10px; font-weight:700; letter-spacing:.05em;
  color:var(--steel-blue); background:rgba(255,255,255,.88); border:1px solid var(--line);
  padding:3px 7px; border-radius:8px; backdrop-filter:blur(2px);
}

.prodgrid .card__body{padding:12px 3px 0;}
.prodgrid .card__tag{
  display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:700;
  color:var(--text-faint); letter-spacing:.08em; text-transform:uppercase;
}
.prodgrid .card__tag::before{content:""; width:11px; height:1px; background:var(--cyan); flex-shrink:0;}
.prodgrid .card__title{font-size:14px; font-weight:600; margin-top:6px;}

/* CTA metni her zaman görünür (dokunmatik cihazlarda hover olmadığı için) */
.prodgrid .card__cta{opacity:1; transform:none; color:var(--text-faint); margin-top:9px;}
.prodgrid .card__cta svg{transition:transform .2s ease;}
.prodgrid .card:hover .card__cta{color:var(--cyan-dim);}
.prodgrid .card:hover .card__cta svg{transform:translateX(3px);}

.section__foot{margin-top:36px; display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.btn--arrow{gap:10px;}
.btn__count{
  font-family:'Roboto Mono',monospace; font-size:11.5px; background:rgba(255,255,255,.22);
  padding:2px 8px; border-radius:999px;
}
.btn--arrow svg{transition:transform .2s ease;}
.btn--arrow:hover svg{transform:translateX(4px);}

@media (max-width:520px){
  .prodgrid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:14px 12px;}
  .section__head--split{align-items:flex-start;}
}

/* ======================================================================
   NEDEN RANA REKOR ALİ — "kalite mührü" kartları
   Ürün kartlarındaki köşe-parantez ve damga-rozet dilini bu bölüme
   taşıyarak site genelinde tek bir görsel imza kuruyoruz: dairesel,
   kesikli çizgili bir "mühür" ikonu + gerçek bir veriyi taşıyan
   monospace rozet + hover'da açılan cyan→amber üst şerit + kayıt
   işareti gibi köşe parantezleri.
   ====================================================================== */

.why-process-band{
  background-image:
    linear-gradient(rgba(75,63,217,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(75,63,217,.055) 1px, transparent 1px);
  background-size:26px 26px;
}

.icon-tile{position:relative; overflow:visible; padding-top:28px;}
.icon-tile::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; z-index:1;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.icon-tile:hover::after{transform:scaleX(1);}

.icon-tile__corner{position:absolute; width:10px; height:10px; z-index:2; opacity:0; transition:opacity .2s ease; border-color:var(--cyan);}
.icon-tile:hover .icon-tile__corner{opacity:1;}
.icon-tile__corner--tl{top:9px; left:9px; border-top:1.5px solid; border-left:1.5px solid;}
.icon-tile__corner--tr{top:9px; right:9px; border-top:1.5px solid; border-right:1.5px solid;}
.icon-tile__corner--bl{bottom:9px; left:9px; border-bottom:1.5px solid; border-left:1.5px solid;}
.icon-tile__corner--br{bottom:9px; right:9px; border-bottom:1.5px solid; border-right:1.5px solid;}

.icon-tile__badge{
  position:absolute; top:22px; right:20px; font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700;
  letter-spacing:.06em; color:var(--cyan-dim); background:var(--cyan-wash); border:1px solid rgba(75,63,217,.22);
  padding:4px 8px; border-radius:999px; white-space:nowrap;
}

.icon-tile__icon{
  width:54px; height:54px; border-radius:50%;
  background:linear-gradient(135deg, var(--flow-blue), var(--flow-violet)); color:#fff;
  border:1.5px solid transparent; box-shadow:0 8px 18px -6px rgba(75,63,217,.55);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.icon-tile:hover .icon-tile__icon{transform:scale(1.08); box-shadow:0 10px 24px -6px rgba(75,63,217,.7);}

.icon-tile__title{font-size:16px;}
.icon-tile__desc{max-width:230px;}

@media (max-width:520px){
  .icon-tile__badge{position:static; display:inline-block; margin-bottom:14px;}
  .icon-tile{padding-top:26px;}
}

/* ======================================================================
   ÖNE ÇIKAN ÜRÜN, SERTİFİKA ŞERİDİ ve UYUMLU MARKALAR — ultra geliştirme
   ====================================================================== */

/* ---- Öne Çıkan Ürün: beyaz "ölçü masası" zemini, ürün fotoğrafıyla kaynaşıyor ---- */
.featured-spot__card{grid-template-columns:320px 1fr;}
.featured-spot__media{
  position:relative; overflow:hidden;
  background-color:#fff;
  aspect-ratio:4/3;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:13px 13px;
  padding:18px; box-sizing:border-box;
  border-right:1px solid var(--line);
}
.featured-spot__media img{position:relative; z-index:1; width:100%; height:100%; object-fit:contain;}
.featured-spot__sku{
  position:absolute; top:14px; left:14px; z-index:2;
  font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700; letter-spacing:.06em;
  color:var(--steel-blue); background:rgba(255,255,255,.9); border:1px solid var(--line);
  padding:4px 9px; border-radius:8px;
}
.featured-spot__card{transition:box-shadow .25s ease; box-shadow:var(--shadow-sm);}
.featured-spot__card:hover{box-shadow:var(--shadow-md);}
.featured-spot__card.bp-corners::before, .featured-spot__card.bp-corners::after{width:26px; height:26px; opacity:.6;}
.featured-spot__badge{border:1px solid rgba(240,185,80,.35);}
@media (max-width:700px){
  .featured-spot__media{aspect-ratio:4/3; border-right:none; border-bottom:1px solid var(--line);}
}

/* ---- Sertifika şeridi: hafif çerçeveli, hover'da renklenen rozetler ---- */
.cert-strip__row{gap:12px 16px;}
.cert-strip__item{
  padding:9px 16px; border:1px solid var(--line); border-radius:999px; background:var(--panel);
  transition:border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.cert-strip__item:hover{border-color:var(--cyan); color:var(--cyan-dim); box-shadow:var(--shadow-sm);}
.cert-strip__item:hover svg{color:var(--cyan);}

/* ---- Uyumlu markalar: ürün kartlarındaki köşe/şerit imzasıyla aynı dil ---- */
.brand-badge--logo{position:relative; overflow:hidden; border-radius:var(--radius-lg);}
.brand-badge--logo::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; z-index:2;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.brand-badge--logo:hover::after{transform:scaleX(1);}
.brand-badge__corner{position:absolute; width:9px; height:9px; z-index:2; opacity:0; transition:opacity .2s ease; border-color:var(--cyan);}
.brand-badge--logo:hover .brand-badge__corner{opacity:1;}
.brand-badge__corner--tl{top:7px; left:7px; border-top:1.5px solid; border-left:1.5px solid;}
.brand-badge__corner--tr{top:7px; right:7px; border-top:1.5px solid; border-right:1.5px solid;}
.brand-badge__corner--bl{bottom:7px; left:7px; border-bottom:1.5px solid; border-left:1.5px solid;}
.brand-badge__corner--br{bottom:7px; right:7px; border-bottom:1.5px solid; border-right:1.5px solid;}
.brand-strip .section__count{margin-top:12px; display:inline-flex;}
.brand-strip__note{margin-top:22px;}
.brand-strip__note strong{color:var(--cyan-dim); font-weight:700; font-family:'Roboto Mono',monospace;}

@media (max-width:520px){
  .brand-badge--logo{width:128px; height:78px; padding:14px 16px;}
}

/* ======================================================================
   KARGO & GÜVENCE ŞERİDİ — ultra özelleştirme
   Site genelindeki köşe-parantez / üst-şerit / mühür-ikon imzasını
   bu son güven şeridine de taşıyoruz.
   ====================================================================== */
.shipping-item{position:relative; overflow:hidden;}
.shipping-item::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; z-index:1;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.shipping-item:hover::after{transform:scaleX(1);}

.shipping-item__corner{position:absolute; width:8px; height:8px; z-index:2; opacity:0; transition:opacity .2s ease; border-color:var(--cyan);}
.shipping-item:hover .shipping-item__corner{opacity:1;}
.shipping-item__corner--tl{top:7px; left:7px; border-top:1.5px solid; border-left:1.5px solid;}
.shipping-item__corner--tr{top:7px; right:7px; border-top:1.5px solid; border-right:1.5px solid;}
.shipping-item__corner--bl{bottom:7px; left:7px; border-bottom:1.5px solid; border-left:1.5px solid;}
.shipping-item__corner--br{bottom:7px; right:7px; border-bottom:1.5px solid; border-right:1.5px solid;}

.shipping-item__icon{border-radius:50%; border:1.5px dashed rgba(75,63,217,.5);}
.shipping-item:hover .shipping-item__icon{border-style:solid;}

.shipping-item__text{flex:1; min-width:0;}
.shipping-item__badge{
  margin-left:auto; flex-shrink:0; font-family:'Roboto Mono',monospace; font-size:9px; font-weight:700;
  letter-spacing:.05em; color:var(--cyan-dim); background:var(--cyan-wash); border:1px solid rgba(75,63,217,.2);
  padding:3px 7px; border-radius:999px; white-space:nowrap;
}
@media (max-width:560px){ .shipping-item__badge{display:none;} }

/* ======================================================================
   ÜRÜNLER SAYFASI — ultra özelleştirme (30+ yenilik)
   ====================================================================== */

/* ---- 1-4: Ürün kartları (181 adet) — anasayfadaki katalog imzası ---- */
.catsec__grid .card__frame{
  background-color:#fff;
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:13px 13px;
}
.catsec__grid .card__img{background:transparent;}
.catsec__grid .card__frame::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; z-index:3;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.catsec__grid .card:hover .card__frame::after{transform:scaleX(1);}
.catsec__grid .card__spec{
  position:absolute; top:8px; left:8px; z-index:2;
  font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700; letter-spacing:.05em;
  color:var(--steel-blue); background:rgba(255,255,255,.9); border:1px solid var(--line);
  padding:3px 6px; border-radius:8px;
}
.catsec__grid .card__cta{opacity:1; transform:none; color:var(--text-faint);}
.catsec__grid .card:hover .card__cta{color:var(--cyan-dim);}
.catsec__grid .card:hover .card__cta svg{transform:translateX(3px);}
.catsec__grid .card__cta svg{transition:transform .2s ease;}

.card__add-cart{
  display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin-top:9px;
  font-size:11.5px; font-weight:700; color:var(--cyan-dim,#3B32B0); background:var(--cyan-wash,#ECEAFB);
  border:none; border-radius:8px; padding:8px 10px; cursor:pointer; transition:background .15s ease, color .15s ease;
  position:relative; z-index:2;
}
.card__add-cart:hover{background:var(--cyan,#4B3FD9); color:#fff;}
.card__add-cart:active{transform:scale(.97);}
.card__add-cart.is-added{background:var(--green,#1d8a4a); color:#fff;}
.card__add-cart.is-added::after{content:"Eklendi ✓"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:inherit; border-radius:inherit;}
.catsec__grid .card__title{font-weight:600;}

/* ---- 5: Bozuk görsel yer tutucusu — ikonlu, markalı ---- */
.card__frame.img-fail .card__fallback{
  flex-direction:column; gap:6px; background:var(--panel-2);
}
.card__frame.img-fail .card__fallback::before{
  content:""; width:26px; height:26px; opacity:.55;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---- 6-8: Kategori başlıkları — sayaç rozeti + bağlantı kopyalama + gradyan ayraç ---- */
.catsec__eyebrow{position:relative;}
.catsec__rule{background:linear-gradient(90deg, var(--line), transparent);}
.catsec__count{
  font-family:'Roboto Mono',monospace; font-size:11px; font-weight:700; color:var(--cyan-dim);
  background:var(--cyan-wash); padding:3px 10px; border-radius:999px; white-space:nowrap; flex-shrink:0;
}
.catsec__copy{
  display:flex; align-items:center; justify-content:center; width:26px; height:26px; flex-shrink:0;
  border:1px solid var(--line); border-radius:50%; color:var(--text-faint); background:var(--panel);
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.catsec__copy:hover{border-color:var(--cyan); color:var(--cyan-dim); background:var(--cyan-wash);}
.catsec__copy.is-copied{border-color:var(--cyan); color:#fff; background:var(--cyan);}

/* ---- 9-10: Sidebar kategori kutucukları — hover şerit imzası ---- */
.cat-launcher--sidebar .cat-tile{position:relative; overflow:hidden;}
.cat-launcher--sidebar .cat-tile::after{
  content:""; position:absolute; inset:auto 0 0 0; height:2px; z-index:1;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.cat-launcher--sidebar .cat-tile:hover::after, .cat-launcher--sidebar .cat-tile.is-active::after{transform:scaleX(1);}

/* ---- 11: Arama kutusu — temizle düğmesi + klavye kısayolu ipucu ---- */
.search__clear[hidden]{display:none;}
.search__clear{
  display:flex; align-items:center; justify-content:center; width:22px; height:22px; flex-shrink:0;
  border-radius:50%; color:rgba(238,245,248,.55); transition:background .15s ease, color .15s ease;
}
.search__clear:hover{background:rgba(255,255,255,.12); color:#fff;}
.search__kbd{
  font-family:'Roboto Mono',monospace; font-size:11px; color:rgba(238,245,248,.4);
  border:1px solid rgba(255,255,255,.18); border-radius:4px; padding:1px 7px; flex-shrink:0;
}
.search--hero:focus-within .search__kbd{display:none;}

/* ---- 12: Boş sonuç durumu — ikon + sıfırlama butonu ---- */
.empty-state{
  text-align:center; color:var(--text-dim); padding:64px 24px; display:flex; flex-direction:column; align-items:center; gap:6px;
}
.empty-state svg{color:var(--text-faint); margin-bottom:6px;}
.empty-state__title{font-size:16px; font-weight:700; color:var(--text);}
.empty-state__desc{font-size:13.5px; max-width:360px; margin-bottom:14px;}

/* ---- 13: Hero istatistik satırı — ikonlu ---- */
.dstat{display:flex; flex-direction:column; gap:4px;}
.dstat__icon{color:var(--cyan); opacity:.85; margin-bottom:2px;}

/* ---- 14: Genel kart derinliği ve odak netliği ---- */
.catsec__grid .card__frame{transition:border-color .15s ease, box-shadow .15s ease, transform .2s ease;}
.catsec__grid .card:hover .card__frame{transform:translateY(-3px);}

@media (max-width:700px){
  .search__kbd{display:none;}
}

/* ======================================================================
   ÜRÜNLER SAYFASI HERO + SIDEBAR — aşırı özelleştirme
   ====================================================================== */

/* ---- Hero: fare takipli ışık, filigran, çerçeve, hızlı erişim ---- */
.hero--ultra{
  --mx:50%; --my:20%;
}
.hero--ultra::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(560px 420px at var(--mx) var(--my), rgba(75,63,217,.16), transparent 68%);
  transition:background-position .1s linear;
}
.hero__watermark{
  position:absolute; top:-4%; right:2%; z-index:0; pointer-events:none; user-select:none;
  font-family:'Jost',sans-serif; font-weight:700; font-size:clamp(160px,22vw,320px);
  line-height:1; color:#fff; opacity:.035; letter-spacing:-.02em;
}
.hero__corner{position:absolute; width:34px; height:34px; z-index:1; pointer-events:none; opacity:.4; border-color:#b3a8f7;}
.hero__corner--tl{top:22px; left:22px; border-top:1.5px solid; border-left:1.5px solid;}
.hero__corner--br{bottom:22px; right:22px; border-bottom:1.5px solid; border-right:1.5px solid;}

.hero__quicklinks{display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:16px;}
.hero__quicklinks-label{font-size:11.5px; color:rgba(238,245,248,.45); margin-right:2px;}
.hero__quicklinks a{
  font-size:11.5px; font-weight:700; color:rgba(238,245,248,.8);
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05);
  padding:5px 12px; border-radius:999px; transition:border-color .15s ease, background .15s ease, color .15s ease;
}
.hero__quicklinks a:hover{border-color:var(--cyan); background:rgba(75,63,217,.15); color:#fff;}

.hero__scrollcue{
  position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:1;
  width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,.22);
  display:flex; align-items:center; justify-content:center; color:rgba(238,245,248,.55);
  animation:heroScrollBounce 2.2s ease-in-out infinite; transition:border-color .15s ease, color .15s ease;
}
.hero__scrollcue:hover{border-color:var(--cyan); color:#fff;}
@keyframes heroScrollBounce{
  0%,100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(5px);}
}

.hero .eyebrow::before{animation:heroEyebrowPulse 2s ease-out infinite;}
@keyframes heroEyebrowPulse{
  0%{box-shadow:0 0 0 0 rgba(232,136,12,.5);}
  70%{box-shadow:0 0 0 6px rgba(232,136,12,0);}
  100%{box-shadow:0 0 0 0 rgba(232,136,12,0);}
}

.hero__accent{text-shadow:0 0 24px rgba(127,227,242,.35);}

.dstat{transition:transform .2s ease;}
.dstat:hover{transform:translateY(-3px);}

@media (prefers-reduced-motion: reduce){
  .hero__scrollcue, .hero .eyebrow::before{animation:none;}
}
@media (max-width:700px){
  .hero__watermark{display:none;}
  .hero__scrollcue{display:none;}
}

/* ---- Sidebar: köşe parantezleri + kategori büyüklük çubuğu ---- */
.cat-tile{position:relative;}
.cat-tile:before{position:absolute; content:''; top:0; left:14px; right:14px; height:3px; background:var(--theme_primary,var(--cyan)); border-radius:5px; z-index:2;}
.cat-tile__corner{position:absolute; width:8px; height:8px; z-index:2; opacity:0; transition:opacity .2s ease; border-color:var(--cyan);}
.cat-tile:hover .cat-tile__corner, .cat-tile.is-active .cat-tile__corner{opacity:1;}
.cat-tile__corner--tl{top:4px; left:4px; border-top:1.5px solid; border-left:1.5px solid;}
.cat-tile__corner--tr{top:4px; right:4px; border-top:1.5px solid; border-right:1.5px solid;}
.cat-tile__corner--bl{bottom:4px; left:4px; border-bottom:1.5px solid; border-left:1.5px solid;}
.cat-tile__corner--br{bottom:4px; right:4px; border-bottom:1.5px solid; border-right:1.5px solid;}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__corner{border-color:rgba(255,255,255,.7);}

.cat-launcher--sidebar .cat-tile{padding-bottom:14px;}
.cat-tile__bar{
  position:absolute; left:12px; right:12px; bottom:6px; height:2px; border-radius:8px;
  background:var(--line-soft); overflow:hidden;
}
.cat-tile__bar::before{
  content:""; position:absolute; inset:0; width:100%; transform-origin:left;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transition:transform .5s ease;
}
.cat-tile:hover .cat-tile__bar::before, .cat-tile.is-active .cat-tile__bar::before{transform:scaleX(1);}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__bar{background:rgba(255,255,255,.3);}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__bar::before{background:#fff;}

.urunler-sidebar__cta{position:relative;}

/* ======================================================================
   ÜRÜNLER SAYFASI HERO — 30+ yenilik (2. tur, sadece hero bölümü)
   ====================================================================== */

/* 1: Arama temizle butonu artik gercekten gizleniyor (yukarida da tanimli, guvenlik icin) */
.search__clear[hidden]{display:none;}

/* 2-4: Yüzen dekoratif rakor/somun şekilleri (konuya özgü imza, parallax) */
.hero__float{
  position:absolute; width:64px; height:64px; z-index:0; pointer-events:none;
  color:rgba(127,216,232,.10); will-change:transform;
}
.hero__float--1{top:14%; right:22%;}
.hero__float--2{bottom:10%; right:8%; width:44px; height:44px; color:rgba(232,136,12,.10);}
.hero__float--3{top:55%; right:38%; width:30px; height:30px; opacity:.7;}

/* 5: Tanecikli doku (grain) — premium his */
.hero__grain{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* 6: Cetvel çentikleri — sağ kenarda ölçü hissi */
.hero__ruler{
  position:absolute; top:0; right:40px; bottom:0; width:1px; z-index:0; pointer-events:none;
  background:repeating-linear-gradient(180deg, rgba(255,255,255,.08) 0 1px, transparent 1px 24px);
  opacity:.5;
}

/* 7: Köşe çerçevesi "çizilme" animasyonu (sayfa yüklenince) */
.hero__corner{
  opacity:0; animation:heroCornerDraw .6s ease forwards;
}
.hero__corner--tl{animation-delay:.15s;}
.hero__corner--br{animation-delay:.3s;}
@keyframes heroCornerDraw{
  from{opacity:0; transform:scale(.7);}
  to{opacity:.4; transform:scale(1);}
}

/* 8: Konum rozeti */
.hero__locbadge{
  display:inline-flex; align-items:center; gap:5px; margin:0 0 14px 10px;
  font-size:11px; color:rgba(238,245,248,.55); vertical-align:middle;
}
.hero__locbadge svg{color:var(--amber); flex-shrink:0;}

/* 9-10: Breadcrumb — ok ayracı + ev ikonlu link hover */
.breadcrumb--dark li a{display:inline-flex; align-items:center; transition:color .15s ease;}
.breadcrumb--dark .breadcrumb__sep{font-size:14px;}

/* 11-12: Başlık satırlarının kademeli girişi */
.hero__title-line{display:inline-block; opacity:0; transform:translateY(16px); animation:heroTitleIn .55s cubic-bezier(.22,1,.36,1) forwards;}
.hero__title-line--2{animation-delay:.12s;}
@keyframes heroTitleIn{to{opacity:1; transform:translateY(0);}}

/* 13: Bir kerelik köşegen ışık geçişi (yüklenince) */
.hero--ultra{position:relative;}
.hero--ultra::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.06) 50%, transparent 60%);
  transform:translateX(-100%); animation:heroSweep 1.4s ease-out .3s forwards;
}
@keyframes heroSweep{to{transform:translateX(100%);}}

/* 14: Arama kutusu ilk yüklemede dikkat çeken halka */
.search--hero{animation:heroSearchAttn 2.4s ease-out .8s 2;}
@keyframes heroSearchAttn{
  0%,100%{box-shadow:none;}
  50%{box-shadow:0 0 0 5px rgba(75,63,217,.16);}
}
.search--hero:focus-within{animation:none;}

/* 15: Arama ikonunun odakta hafif titremesi */
.search--hero:focus-within svg:first-child{animation:heroSearchIconPulse .4s ease;}
@keyframes heroSearchIconPulse{50%{transform:scale(1.15);}}

/* 16-17: Hızlı erişim pillerinde ürün sayısı rozeti */
.hero__quicklinks a{display:inline-flex; align-items:center; gap:6px;}
.hero__quicklinks a em{
  font-style:normal; font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700;
  color:rgba(238,245,248,.5); background:rgba(255,255,255,.08); padding:1px 6px; border-radius:999px;
}
.hero__quicklinks a:hover em{color:#fff; background:rgba(255,255,255,.18);}

/* 18: Hızlı erişim — o kategoriye kaydırıldığında aktif vurgu */
.hero__quicklinks a.is-current{border-color:var(--cyan); background:rgba(75,63,217,.22); color:#fff;}

/* 19: dstat ikon dairesel rozet zemini */
.dstat__icon{
  display:flex; align-items:center; justify-content:center; width:26px; height:26px;
  border-radius:50%; background:rgba(127,216,232,.08); border:1px solid rgba(127,216,232,.18);
}

/* 20: dstat sayılarının içeri kayarak belirmesi */
.dstat{opacity:0; transform:translateY(10px); animation:heroDstatIn .5s ease forwards;}
.dstat:nth-child(1){animation-delay:.2s;}
.dstat:nth-child(2){animation-delay:.3s;}
.dstat:nth-child(3){animation-delay:.4s;}
.dstat:nth-child(4){animation-delay:.5s;}
@keyframes heroDstatIn{to{opacity:1; transform:translateY(0);}}

/* 21: Vinyet — kenarlarda sinematik koyulaşma */
.hero--ultra{box-shadow:inset 0 -60px 80px -60px rgba(0,0,0,.35);}

/* 22: Eyebrow tikleri hafif nabız */
.hero .eyebrow .tick, .hero__eyebrow .tick{animation:heroTickGlow 2.4s ease-in-out infinite;}
@keyframes heroTickGlow{0%,100%{opacity:1;} 50%{opacity:.45;}}

/* 23: Scroll cue hover büyümesi zaten var, ek: odak halkası */
.hero__scrollcue:focus-visible{outline:2px solid var(--cyan); outline-offset:3px;}

/* 24: Quicklinks etiketi mono font ile ayraç hissi */
.hero__quicklinks-label{font-family:'Roboto Mono',monospace; letter-spacing:.03em;}

/* 25: Watermark hafif parallax (JS ile transform uygulanacak) */
.hero__watermark{transition:transform .1s linear;}

/* 26: dstat title tooltip için imleç ipucu */
.dstat[title]{cursor:help;}

/* 27: Sub paragrafın giriş animasyonu */
.hero__sub{opacity:0; animation:heroFadeUp .5s ease .35s forwards;}
@keyframes heroFadeUp{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}

/* 28: Arama kutusu — DİKKAT: burada opacity:0 + giriş animasyonu KASITLI
   OLARAK kullanılmıyor. En önemli etkileşim öğesi (arama kutusu) sayfa
   yüklenir yüklenmez tam görünür ve tıklanabilir olmalı; bir öğeyi
   "içeri kayarak" göstermek, otomasyon/erişilebilirlik araçlarının ve
   bazı tarayıcıların onu geçici olarak etkileşime kapalı sayması
   riskini taşır. Sadece zararsız, opaklığı etkilemeyen dikkat-halkası
   (box-shadow nabzı) kalıyor — bkz. yukarıdaki "14" numaralı kural. */
.search--hero{opacity:1;}

/* 29: Quicklinks + dstat container giriş */
/* Hızlı erişim linkleri de tıklanabilir olduğu için (arama kutusuyla
   aynı gerekçeyle) opacity:0 giriş animasyonu kullanmıyoruz — anında
   görünür ve tıklanabilir kalmalılar. */
.hero__quicklinks{opacity:1;}

/* 30: Reduced motion tam saygı */
@media (prefers-reduced-motion: reduce){
  .hero__title-line, .hero__sub, .search--hero, .hero__quicklinks, .dstat, .hero__corner{
    animation:none !important; opacity:1 !important; transform:none !important;
  }
  .hero--ultra::before{display:none;}
}

/* 31: Mobilde dekoratif katmanları sadeleştir */
@media (max-width:700px){
  .hero__float, .hero__ruler, .hero__grain{display:none;}
  .hero__locbadge{display:none;}
}

/* ======================================================================
   SIDEBAR KATEGORİ LİSTESİ — ultra kalite geliştirme
   ====================================================================== */

/* 1: Kaydırılabilir liste için ince, temaya uygun kaydırma çubuğu */
.cat-launcher--sidebar{scrollbar-width:thin; scrollbar-color:rgba(75,63,217,.35) transparent;}
.cat-launcher--sidebar::-webkit-scrollbar{width:5px;}
.cat-launcher--sidebar::-webkit-scrollbar-track{background:transparent;}
.cat-launcher--sidebar::-webkit-scrollbar-thumb{background:rgba(75,63,217,.3); border-radius:999px;}
.cat-launcher--sidebar::-webkit-scrollbar-thumb:hover{background:rgba(75,63,217,.55);}

/* 2: "daha fazla var" gölge katmanları (scroll durumuna göre JS ile açılıp kapanır) */
.cat-launcher-wrap{position:relative;}
.cat-launcher__fade{
  position:absolute; left:0; right:2px; height:26px; pointer-events:none; z-index:2;
  opacity:0; transition:opacity .2s ease;
}
.cat-launcher__fade--top{top:0; background:linear-gradient(180deg, var(--bg), transparent);}
.cat-launcher__fade--bottom{bottom:0; background:linear-gradient(0deg, var(--bg), transparent);}
.cat-launcher-wrap.is-scroll-top .cat-launcher__fade--top{opacity:1;}
.cat-launcher-wrap.is-scroll-bottom .cat-launcher__fade--bottom{opacity:1;}

/* 3: Ürün sayısı artık rozet/çip görünümünde */
.cat-tile__count{
  background:var(--panel-2); padding:2px 8px; border-radius:999px; transition:background .15s ease, color .15s ease;
}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__count{background:rgba(255,255,255,.2);}

/* 4: Aktif kutucukta onay işareti */
.cat-launcher--sidebar .cat-tile{position:relative;}
.cat-launcher--sidebar .cat-tile.is-active::before{
  content:""; position:absolute; top:50%; left:-1px; width:3px; height:60%; transform:translateY(-50%);
  background:#fff; border-radius:0 3px 3px 0;
}

/* 5: En geniş kategoriye küçük rozet */
.cat-tile__topbadge{
  display:inline-flex; align-items:center; gap:3px; margin-left:6px; vertical-align:middle;
  font-family:'Roboto Mono',monospace; font-size:8.5px; font-weight:700; letter-spacing:.03em;
  color:var(--amber-dim,#c26f06); background:rgba(232,136,12,.12); border:1px solid rgba(232,136,12,.25);
  padding:2px 6px; border-radius:999px; white-space:nowrap;
}
.cat-launcher--sidebar .cat-tile.is-active .cat-tile__topbadge{color:#fff; background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.35);}
.cat-tile__label{display:inline-flex; align-items:center; flex-wrap:wrap; row-gap:2px;}

/* 6: İkon çerçevesine hover'da halka */
.cat-launcher--sidebar .cat-tile__icon{transition:box-shadow .2s ease;}
.cat-launcher--sidebar .cat-tile:hover .cat-tile__icon{box-shadow:0 0 0 2px rgba(75,63,217,.35);}

/* 7: Klavye ile odaklanma netliği */
.cat-tile:focus-visible{outline:2px solid var(--cyan-dim); outline-offset:-2px; z-index:3;}

/* 8: WhatsApp teklif kutusu — dönen parıltılı kenarlık */
.urunler-sidebar__cta{isolation:isolate;}
.urunler-sidebar__cta::before{
  content:""; position:absolute; inset:-1.5px; z-index:-1; border-radius:inherit;
  background:conic-gradient(from var(--shimmer-angle,0deg), transparent 0 60%, rgba(255,255,255,.55), transparent 75%);
  animation:ctaShimmerRotate 4.5s linear infinite;
}
@property --shimmer-angle{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
@keyframes ctaShimmerRotate{ to{ --shimmer-angle:360deg; } }
@supports not (background: conic-gradient(from 0deg, red, blue)){
  .urunler-sidebar__cta::before{display:none;}
}

@media (prefers-reduced-motion: reduce){
  .urunler-sidebar__cta::before{animation:none;}
}

/* ======================================================================
   KATEGORİLER — KOMPLE YENİDEN TASARIM
   Eski uzun dikey liste, sayfaya sığmıyordu. Yerine, "Tüm Ürünler"in
   tam genişlikte üstte durduğu, geri kalan 12 kategorinin 2 sütunlu
   kompakt bir ızgarada sıralandığı yeni bir düzen kuruyoruz. Toplam
   yükseklik yaklaşık yarıya iniyor, WhatsApp kutusuyla birlikte
   neredeyse her ekranda kaydırma gerektirmeden sığıyor.
   (Sadece masaüstünde; mobildeki yatay kaydırma şeridi olduğu gibi kalır.)
   ====================================================================== */
@media (min-width:961px){
  .cat-launcher--sidebar{
    display:grid; grid-template-columns:1fr 1fr; gap:7px;
    max-width:none; margin:0; overflow-y:auto; min-height:0; padding-right:2px;
  }
  .cat-launcher--sidebar .cat-tile--all{grid-column:1 / -1;}

  .cat-launcher--sidebar .cat-tile{
    flex-direction:column; align-items:flex-start; gap:0; padding:9px 10px;
    border-radius:9px; box-shadow:none; min-height:0;
  }
  .cat-launcher--sidebar .cat-tile--all{
    flex-direction:row; align-items:center; gap:10px; padding:11px 12px;
  }

  .cat-launcher--sidebar .cat-tile__icon{
    width:24px; height:24px; border-radius:6px; margin-bottom:5px;
  }
  .cat-launcher--sidebar .cat-tile--all .cat-tile__icon{margin-bottom:0;}

  .cat-launcher--sidebar .cat-tile__label{
    font-size:11.5px; font-weight:700; line-height:1.25; width:100%; margin-bottom:1px;
  }
  .cat-launcher--sidebar .cat-tile__count{
    font-size:9px; margin-top:3px; padding:1px 6px; display:inline-block;
  }
  .cat-launcher--sidebar .cat-tile--all .cat-tile__count{margin-top:0;}
  .cat-launcher--sidebar .cat-tile--all .cat-tile__label{width:auto;}

  .cat-launcher--sidebar .cat-tile__corner{width:6px; height:6px;}
  .cat-launcher--sidebar .cat-tile__corner--tl, .cat-launcher--sidebar .cat-tile__corner--tr{top:3px;}
  .cat-launcher--sidebar .cat-tile__corner--bl, .cat-launcher--sidebar .cat-tile__corner--br{bottom:3px;}
  .cat-launcher--sidebar .cat-tile__corner--tl, .cat-launcher--sidebar .cat-tile__corner--bl{left:3px;}
  .cat-launcher--sidebar .cat-tile__corner--tr, .cat-launcher--sidebar .cat-tile__corner--br{right:3px;}

  .cat-launcher--sidebar .cat-tile.is-active::before{
    top:auto; left:0; bottom:0; width:100%; height:2px; transform:none; border-radius:8px 2px 0 0;
  }

  .cat-tile__star{color:var(--amber); font-size:10px; margin-left:2px;}
  .cat-launcher--sidebar .cat-tile.is-active .cat-tile__star{color:#fff;}

  .urunler-sidebar{max-height:calc(100vh - 88px);}
}

/* ======================================================================
   ARAMA KUTUSU — canlı öneri (autocomplete) açılır listesi
   ====================================================================== */
.search--hero{position:relative;}
.search__suggest{
  position:fixed; z-index:9999;
  background:var(--ink-2); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-lg);
  box-shadow:0 20px 45px rgba(0,0,0,.45); overflow-y:auto;
  max-height:360px;
}
.search__suggest-item{
  display:flex; align-items:center; gap:11px; padding:10px 14px; cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.06); transition:background .1s ease;
}
.search__suggest-item:last-child{border-bottom:none;}
.search__suggest-item:hover, .search__suggest-item.is-highlighted{background:rgba(75,63,217,.16);}
.search__suggest-thumb{
  width:34px; height:34px; border-radius:7px; background:#fff; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.search__suggest-thumb img{width:100%; height:100%; object-fit:contain; padding:3px;}
.search__suggest-body{flex:1; min-width:0;}
.search__suggest-name{
  font-size:13px; font-weight:600; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.search__suggest-name mark{background:none; color:#a394f5; font-weight:700;}
.search__suggest-cat{
  font-family:'Roboto Mono',monospace; font-size:9.5px; color:rgba(238,245,248,.45); margin-top:1px;
}
.search__suggest-arrow{color:rgba(238,245,248,.35); flex-shrink:0; transition:transform .15s ease, color .15s ease;}
.search__suggest-item:hover .search__suggest-arrow, .search__suggest-item.is-highlighted .search__suggest-arrow{
  transform:translateX(2px); color:#a394f5;
}
.search__suggest-more{
  padding:9px 14px; text-align:center; font-size:11.5px; font-weight:700; color:var(--cyan-dim, #a394f5);
  background:rgba(255,255,255,.03); cursor:pointer;
}
.search__suggest-more:hover{background:rgba(255,255,255,.06);}
.search__suggest-empty{padding:18px 14px; text-align:center; font-size:12.5px; color:rgba(238,245,248,.5);}

@media (max-width:700px){
  .search__suggest{max-height:280px;}
}

/* ======================================================================
   HAKKIMIZDA SAYFASI — komple yeniden tasarım (50+ yenilik)
   ====================================================================== */

/* ---- 1-7: Sayfa başlığı (pagehead--photo) ---- */
.pagehead--photo .bp-corners::before, .pagehead--photo.bp-corners::before,
.pagehead--photo.bp-corners::after{width:28px; height:28px; opacity:.55; border-color:#b3a8f7;}
.pagehead__watermark{
  position:absolute; top:-6%; right:2%; z-index:0; pointer-events:none; user-select:none;
  font-family:'Jost',sans-serif; font-weight:700; font-size:clamp(140px,20vw,300px);
  line-height:1; color:#fff; opacity:.05; letter-spacing:-.02em;
}
.pagehead__locbadge{
  display:inline-flex; align-items:center; gap:5px; margin:0 0 14px 10px;
  font-size:11px; color:rgba(238,245,248,.6); position:relative; z-index:1;
}
.pagehead__locbadge svg{color:var(--amber); flex-shrink:0;}
.pagehead--photo .breadcrumb li a{display:inline-flex; align-items:center;}
.about-quicknav{
  position:relative; z-index:1; max-width:var(--maxw); margin:30px auto 0;
  display:flex; gap:10px; flex-wrap:wrap;
}
.about-quicknav a{
  font-size:11.5px; font-weight:700; color:rgba(238,245,248,.8);
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05);
  padding:6px 14px; border-radius:999px; transition:border-color .15s ease, background .15s ease, color .15s ease;
}
.about-quicknav a:hover, .about-quicknav a.is-current{border-color:var(--cyan); background:rgba(75,63,217,.2); color:#fff;}
.hero .eyebrow::before, .pagehead--photo .eyebrow::before{animation:aboutEyebrowPulse 2s ease-out infinite;}
@keyframes aboutEyebrowPulse{0%{box-shadow:0 0 0 0 rgba(232,136,12,.5);} 70%{box-shadow:0 0 0 6px rgba(232,136,12,0);} 100%{box-shadow:0 0 0 0 rgba(232,136,12,0);}}

/* ---- 8-11: Hızlı istatistikler ---- */
.about-quickstats__item{position:relative; transition:transform .2s ease;}
.about-quickstats__item:hover{transform:translateY(-2px);}
.about-quickstats__icon{
  display:flex; align-items:center; justify-content:center; width:26px; height:26px; margin-bottom:6px;
  border-radius:50%; background:var(--cyan-wash); color:var(--cyan-dim); border:1px solid rgba(75,63,217,.18);
}

/* ---- 12-18: Hikaye bölümü ---- */
.story__readtime{
  display:inline-flex; align-items:center; gap:5px; font-size:11.5px; color:var(--text-faint);
  font-family:'Roboto Mono',monospace; margin-top:10px;
}
.story__readtime::before{content:""; width:12px; height:12px; flex-shrink:0;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.story__quote{
  margin:6px 0; padding:14px 18px; border-left:3px solid var(--cyan); background:var(--cyan-wash);
  border-radius:0 var(--radius) var(--radius) 0; font-size:15px; font-weight:600; color:var(--text);
  line-height:1.6; font-style:normal;
}
.story__img-frame{position:relative;}
.story__img-tag{
  position:absolute; top:10px; left:10px; z-index:2;
  font-family:'Roboto Mono',monospace; font-size:9px; font-weight:700; letter-spacing:.06em;
  color:#fff; background:rgba(6,16,22,.55); backdrop-filter:blur(2px);
  padding:4px 8px; border-radius:8px;
}
.story__img-frame--one .story__img-tag{
  font-size:11px; padding:6px 12px; letter-spacing:.08em;
  background:rgba(75,63,217,.85);
}
.story__img-frame--one::after{
  content:"Gerçek konumumuz"; position:absolute; bottom:10px; left:10px; z-index:2;
  font-size:10.5px; font-weight:600; color:#fff; background:rgba(6,16,22,.55); backdrop-filter:blur(2px);
  padding:4px 10px; border-radius:8px; opacity:0; transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}
.story__img-frame--one:hover::after{opacity:1; transform:translateY(0);}
.story__badge{display:flex; align-items:center; gap:8px;}
.story__badge svg{color:#fff; flex-shrink:0;}
.story__img-frame.bp-corners::before, .story__img-frame.bp-corners::after{opacity:.55;}

/* ---- 19-23: Yolculuğumuz (timeline) ---- */
.timeline::before{width:0; transition:none;}
.timeline::after{
  content:""; position:absolute; top:23px; left:11%; width:0; height:1px;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  z-index:0; transition:width 1.3s cubic-bezier(.22,1,.36,1);
}
.timeline.is-filled::after{width:78%;}
.timeline__dot{transition:transform .25s ease, box-shadow .25s ease;}
.timeline__item:hover .timeline__dot{transform:scale(1.1); box-shadow:0 6px 16px rgba(75,63,217,.3);}
.timeline__year{position:relative;}
.timeline__item:hover .timeline__year{color:var(--amber-dim,#c26f06);}

/* ---- 29-33: Çalışma ilkelerimiz (values) ---- */
.value.bp-corners::before, .value.bp-corners::after{opacity:0; transition:opacity .2s ease;}
.value:hover.bp-corners::before, .value:hover.bp-corners::after{opacity:.4;}
.value::after{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; border-radius:var(--radius) var(--radius) 0 0;
  background:linear-gradient(90deg, var(--cyan), var(--amber));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.value:hover::after{transform:scaleX(1);}
.value__icon{border:1.5px dashed rgba(75,63,217,.4); background:var(--cyan-wash);}
.value:hover .value__icon{border-style:solid;}

/* ---- 34-39: CTA bandı ---- */
.ctaband--solid.bp-corners::before, .ctaband--solid.bp-corners::after{opacity:.4; border-color:#fff;}
.ctaband--solid{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(135deg, var(--cyan) 0%, var(--cyan-dim) 100%);
  background-size:28px 28px, 28px 28px, 100% 100%;
}
.btn--light svg{transition:transform .2s ease;}
.btn--light:hover svg{transform:translateX(3px);}

/* ---- 40-45: Sayfa geneli reveal animasyonu — mevcut .reveal sistemine
   dahil edildi (bkz. assets/js/site.js revealSelector listesi), burada
   ayrı bir opacity:0 kuralı TANIMLANMIYOR ki JS çalışmazsa içerik
   görünmez kalmasın. ---- */

@media (prefers-reduced-motion: reduce){
  .timeline::after{transition:none;}
}

@media (max-width:700px){
  .pagehead__watermark, .pagehead__locbadge{display:none;}
  .about-quicknav{gap:7px;}
}

/* ======================================================================
   HAKKIMIZDA SAYFASI — 2. TUR: 100+ yenilik
   Yeni bölümler: O Zaman & Şimdi karşılaştırması, Ürün Yelpazesi grafiği,
   Konum & Harita, SSS. Artı: derin mikro-etkileşimler (parallax, tilt,
   mıknatıs buton, odometer sayaç, dalgalı ayraçlar, yazdırma stili).
   ====================================================================== */

/* ---- FAQ listesini ortala (bu sayfaya özel) ---- */
.faq-sec .faq-list{max-width:820px; margin:0 auto;}

/* ---- 1-8: O Zaman & Şimdi karşılaştırması ---- */
.thenow__grid{
  max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr;
  gap:22px; align-items:center;
}
.thenow__col{
  position:relative; padding:26px 24px; border-radius:var(--radius-lg); border:1px solid var(--line);
  background:var(--panel); box-shadow:var(--shadow-sm); transition:transform .2s ease, box-shadow .2s ease;
}
.thenow__col:hover{transform:translateY(-3px); box-shadow:var(--shadow-md);}
.thenow__col--now{background:linear-gradient(150deg, var(--cyan) 0%, var(--cyan-dim) 100%); border-color:transparent;}
.thenow__year{
  display:block; font-family:'Jost',sans-serif; font-weight:700; font-size:30px; line-height:1;
  color:var(--text);
}
.thenow__col--now .thenow__year{color:#fff;}
.thenow__label{
  display:inline-block; margin-top:6px; font-family:'Roboto Mono',monospace; font-size:10.5px;
  letter-spacing:.08em; color:var(--text-faint); text-transform:uppercase;
}
.thenow__col--now .thenow__label{color:rgba(255,255,255,.7);}
.thenow__list{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:11px;}
.thenow__list li{display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--text-dim); line-height:1.4;}
.thenow__col--now .thenow__list li{color:rgba(255,255,255,.9);}
.thenow__list li svg{flex-shrink:0; color:var(--cyan-dim);}
.thenow__col--now .thenow__list li svg{color:#fff;}
.thenow__arrow{
  display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
  background:var(--cyan-wash); color:var(--cyan-dim); flex-shrink:0;
}
@media (max-width:760px){
  .thenow__grid{grid-template-columns:1fr; gap:14px;}
  .thenow__arrow{margin:0 auto; transform:rotate(90deg);}
}

/* ---- 9-20: Ürün yelpazesi mini grafiği ---- */
.rangechart__grid{
  max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:13px;
}
.rangechart__row{display:grid; grid-template-columns:130px 1fr 34px; align-items:center; gap:14px;}
.rangechart__label{font-size:12.5px; font-weight:600; color:var(--text); text-align:right;}
.rangechart__track{
  height:8px; border-radius:999px; background:var(--panel-2); overflow:hidden; position:relative;
}
.rangechart__fill{
  position:absolute; inset:0; width:0; border-radius:999px;
  background:linear-gradient(90deg, var(--cyan), var(--cyan-dim));
  transition:width 1s cubic-bezier(.22,1,.36,1);
}
.rangechart__row[data-count="33"] .rangechart__fill{background:linear-gradient(90deg, var(--cyan), var(--amber));}
.rangechart__num{
  font-family:'Roboto Mono',monospace; font-size:12px; font-weight:700; color:var(--cyan-dim); text-align:right;
}
.rangechart__foot{text-align:center; margin-top:30px;}
@media (max-width:600px){
  .rangechart__row{grid-template-columns:92px 1fr 26px; gap:9px;}
  .rangechart__label{font-size:11px;}
}

/* ---- 21-35: Konum & harita ---- */


/* ---- 36-40: Dalgalı SVG ayraçlar (bölümler arası imza geçiş) ---- */
.pagehead--photo{position:relative;}
.pagehead--photo::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:26px; z-index:2;
  background:var(--bg);
  clip-path:polygon(0 100%, 0 40%, 4% 55%, 8% 35%, 12% 60%, 16% 30%, 20% 55%, 24% 40%, 28% 58%, 32% 35%,
    36% 55%, 40% 42%, 44% 60%, 48% 32%, 52% 58%, 56% 38%, 60% 55%, 64% 40%, 68% 60%, 72% 35%,
    76% 55%, 80% 42%, 84% 58%, 88% 35%, 92% 55%, 96% 40%, 100% 55%, 100% 100%);
}

/* ---- 41-44: Odometer stili (rakamların hafif 3D dönüşle sayması) ---- */
.about-quickstats__num, .rangechart__num{transition:transform .2s ease;}
.about-quickstats__item:hover .about-quickstats__num{transform:scale(1.06);}

/* ---- 45-52: Tilt-on-hover kapsamını genişlet (3D eğim efekti) ---- */
.story__img-frame, .thenow__col{transform-style:preserve-3d; will-change:transform;}

/* ---- 53-58: Mıknatıs (magnetic) buton efekti — CTA butonlarına ---- */
.story__foot .btn--primary, .ctaband--solid .btn--light{
  transition:transform .15s cubic-bezier(.34,1.56,.64,1), background .15s ease, box-shadow .15s ease;
}

/* ---- 59-63: Değer kartları — hafif 3D derinlik ---- */
.value{transform-style:preserve-3d;}

/* ---- 64-68: İnce, temalı kaydırma çubuğu (tüm sayfa) ---- */
html{scrollbar-width:thin; scrollbar-color:rgba(75,63,217,.35) var(--bg);}
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:rgba(75,63,217,.35); border-radius:999px; border:2px solid var(--bg);}
::-webkit-scrollbar-thumb:hover{background:rgba(75,63,217,.6);}

/* ---- 69-72: Değer/zaman çizelgesi/karşılaştırma — köşe parantez fade-in ---- */
.thenow__col.bp-corners::before, .thenow__col.bp-corners::after{opacity:.35;}

/* ---- 73-80: Yazdırma (print) stili — ziyaretçi çıktı alırsa temiz görünsün ---- */
@media print{
  .site-head, .topbar, .nav-scrim, .site-foot, .mobile-actionbar, .scroll-progress,
  .back-to-top, .about-quicknav, .hero__scrollcue,
  .btn, .ctaband, .pagehead__bg, .pagehead__overlay, .pagehead__watermark{display:none !important;}
  .pagehead--photo{background:none !important; color:#000 !important; padding:20px 0 !important;}
  .pagehead__title, .pagehead__desc, .eyebrow{color:#000 !important;}
  body{background:#fff !important;}
  .story__img-frame, .value, .timeline__item{opacity:1 !important; transform:none !important;}
  a{color:#000 !important; text-decoration:underline;}
}

/* ---- 81-86: Erişilebilirlik — yeni etkileşimli öğelerde net odak halkaları ---- */
.about-quicknav a:focus-visible, .rangechart__row:focus-visible,
.thenow__col:focus-visible{outline:2px solid var(--cyan-dim); outline-offset:2px;}

/* ---- 87-92: Bölüm arkaplanlarında hafif doku tutarlılığı ---- */
.thenow, .rangechart, .faq-sec{background:var(--panel);}
.rangechart{background:var(--panel-2);}

@media (max-width:700px){
  .pagehead--photo::after{display:none;}
}

/* ======================================================================
   HAKKIMIZDA — Hikaye bölümü, 3. tur ultra özelleştirme
   ====================================================================== */

/* İkinci rozet: dinamik "39+ Yıllık Tecrübe" — sağ üstte, koyu zemin */
.story__badge--years{
  left:auto; right:-16px; bottom:auto; top:20px;
  background:var(--ink); flex-direction:column; align-items:flex-start; gap:0;
  padding:14px 16px;
}
.story__badge__num{
  font-family:'Jost',sans-serif; font-weight:700; font-size:22px; color:#a394f5; line-height:1;
}
.story__badge--years .story__badge__title{margin-top:3px; font-weight:600; color:rgba(238,245,248,.75); line-height:1.25;}
@media (max-width:900px){ .story__badge--years{right:12px;} }

/* Fotoğraflarda hover'da hafif yakınlaşma */
.story__img-frame{overflow:hidden;}
.story__img-frame img{transition:transform .5s ease;}
.story__img-frame:hover img{transform:scale(1.06);}

/* WhatsApp hızlı erişim butonu, telefon satırıyla aynı hizada */
.story__foot{align-items:center;}
.story__wa{display:inline-flex; align-items:center; gap:7px; color:#25D366; border-color:#25D366;}
.story__wa:hover{background:#25D366; color:#fff;}

/* Metin sütununun soluna imza niteliğinde ince dikey çizgi */
.story__grid > div:first-child{position:relative; padding-left:20px;}
.story__grid > div:first-child::before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:2px;
  background:linear-gradient(180deg, var(--cyan), var(--amber));
  border-radius:8px;
}
@media (max-width:700px){
  .story__grid > div:first-child{padding-left:16px;}
}

/* Bölüme hafif mühendislik ızgarası dokusu (çok düşük opaklık) */
.story{
  background-color:var(--panel);
  background-image:
    linear-gradient(var(--line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:34px 34px;
}

/* ======================================================================
   HAKKIMIZDA — 4. tur: istatistikler, galeri, SSS, CTA ultra dokunuşlar
   ====================================================================== */

/* ---- İstatistik kutuları: hover'da parlayan halka + üst şerit ---- */
.about-quickstats__item{position:relative; transition:transform .2s ease; padding-top:14px;}
.about-quickstats__item::before{
  content:""; position:absolute; top:0; left:50%; width:0; height:2px; transform:translateX(-50%);
  background:linear-gradient(90deg, var(--cyan), var(--amber)); transition:width .3s ease;
}
.about-quickstats__item:hover::before{width:70%;}
.about-quickstats__icon{transition:box-shadow .25s ease, background .25s ease, color .25s ease;}
.about-quickstats__item:hover .about-quickstats__icon{
  background:var(--cyan); color:#fff; box-shadow:0 0 0 5px var(--cyan-wash);
}

/* ---- SSS: madde numarası yerine ok animasyonu güçlendirme + alt CTA ---- */
.faq-sec .faq-item__q{transition:padding-left .2s ease;}
.faq-sec .faq-item:hover .faq-item__q, .faq-sec .faq-item.is-open .faq-item__q{padding-left:6px;}
.faq-sec__foot{
  max-width:820px; margin:28px auto 0; padding-top:22px; border-top:1px solid var(--line);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.faq-sec__foot p{font-size:13.5px; color:var(--text-dim);}
.faq-sec__foot a{
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--cyan-dim);
  border:1px solid rgba(75,63,217,.3); padding:8px 16px; border-radius:999px; transition:background .15s ease, color .15s ease;
}
.faq-sec__foot a:hover{background:var(--cyan); color:#fff; border-color:var(--cyan);}

/* ---- CTA bandı: ikon + garanti kontrast ---- */
.ctaband--solid .ctaband__title{display:flex; align-items:center; gap:12px;}
.ctaband--solid .ctaband__title svg{flex-shrink:0; opacity:.85;}
.ctaband__title, .ctaband__sub{opacity:1 !important;}

/* ======================================================================
   HAKKIMIZDA — sayfa geneli tek, kesintisiz mühendislik ızgarası arkaplanı
   ====================================================================== */

/* Not: ızgaranın üstte solma efekti artık global olarak kaldırıldı
   (bkz. .bp-grid tanımı) — bu yüzden burada ayrı bir geçersiz kılmaya
   gerek kalmadı. */

/* Bölümlerin kendi dolgu renklerini kaldır ki ortak ızgara altlarından görünsün
   (site genelinde — bu sınıflar birden fazla sayfada kullanılıyor) */
.story,
.thenow,
.rangechart,
.cert-strip,
.faq-sec,
.about-quickstats,
.about,
.featured{
  background:transparent;
  background-image:none;
}

/* Kart/rozet gibi öğeler zaten kendi beyaz zeminiyle okunaklı kalıyor;
   sadece bölüm dolgularını kaldırdık. Fotoğraflı başlık ve CTA bandı
   kasıtlı olarak dokunulmadı — onlar güçlü, kendi kimliğiyle kalmalı. */

/* ======================================================================
   MOBİL TARAMA — site geneli düzeltmeler
   ====================================================================== */

/* 1) Kapalı mobil menü çekmecesi (position:fixed + translateX(100%))
   bazı tarayıcılarda body genişliğine dahil edilip yatay kaydırmaya
   izin verebiliyor. Sitenin hiçbir yerinde kasıtlı yatay kaydırma
   olmadığından güvenle engelliyoruz. */
html, body{overflow-x:hidden;}

/* 2) Ürünler sayfası: kenar çubuğundaki yatay kaydırılabilir kategori
   şeridi, üst grid sütununu içeriğinin doğal genişliğine göre
   büyütüp mobilde tüm düzeni taşırıyordu. Grid öğelerine min-width:0
   vererek düzeltiyoruz (bkz. 960px breakpoint için ayrıca eklenen kural). */
@media (max-width:960px){
  .urunler-layout__inner, .urunler-layout__inner > *{min-width:0;}
}

/* ======================================================================
   HAKKIMIZDA — Ürün Yelpazemiz + Çalışma İlkelerimiz ultra genişletme
   ====================================================================== */

/* ---- Ürün Yelpazemiz: istatistik şeridi ---- */
.rangechart__stats{
  display:flex; justify-content:center; gap:0; flex-wrap:wrap; max-width:680px; margin:0 auto 30px;
  border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; background:var(--panel);
}
.rangechart__stat{flex:1; min-width:130px; text-align:center; padding:14px 10px; border-right:1px solid var(--line);}
.rangechart__stat:last-child{border-right:none;}
.rangechart__stat-num{display:block; font-family:'Jost',sans-serif; font-weight:700; font-size:21px; color:var(--cyan-dim);}
.rangechart__stat-label{display:block; font-size:10.5px; color:var(--text-faint); margin-top:2px;}

/* ---- Ürün Yelpazemiz: tıklanabilir satırlar ---- */
.rangechart__grid{
  max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:4px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); padding:10px; position:relative;
}
.rangechart__row{
  display:grid; grid-template-columns:38px 150px 1fr 34px 30px 14px; align-items:center; gap:10px;
  text-decoration:none; color:inherit; padding:7px 8px; border-radius:8px;
  transition:background .15s ease, transform .15s ease;
}
.rangechart__row:hover{background:var(--cyan-wash); transform:translateX(2px);}
.rangechart__row:hover .rangechart__fill{filter:brightness(1.15);}
.rangechart__row:hover .rangechart__arrow{opacity:1; transform:translateX(0);}
.rangechart__code{
  font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700; color:var(--cyan-dim);
  background:var(--cyan-wash); border-radius:5px; padding:3px 0; text-align:center;
}
.rangechart__label{font-size:12.5px; font-weight:600; color:var(--text);}
.rangechart__topbadge{
  display:inline-block; margin-left:6px; font-family:'Roboto Mono',monospace; font-size:8.5px; font-weight:700;
  color:var(--amber-dim,#c26f06); background:rgba(232,136,12,.12); border:1px solid rgba(232,136,12,.25);
  padding:1px 6px; border-radius:999px; vertical-align:middle;
}
.rangechart__track{height:8px; border-radius:999px; background:var(--panel2); overflow:hidden; position:relative;}
.rangechart__fill{position:absolute; inset:0; width:0; border-radius:999px; background:linear-gradient(90deg, var(--cyan), var(--cyan-dim)); transition:width 1s cubic-bezier(.22,1,.36,1), filter .15s ease;}
.rangechart__row--top .rangechart__fill{background:linear-gradient(90deg, var(--cyan), var(--amber));}
.rangechart__pct{font-family:'Roboto Mono',monospace; font-size:10.5px; color:var(--text-faint); text-align:right;}
.rangechart__num{font-family:'Roboto Mono',monospace; font-size:12px; font-weight:700; color:var(--cyan-dim); text-align:right;}
.rangechart__arrow{color:var(--cyan-dim); opacity:0; transform:translateX(-3px); transition:opacity .15s ease, transform .15s ease;}
@media (max-width:600px){
  .rangechart__row{grid-template-columns:30px 92px 1fr 26px 14px; gap:7px;}
  .rangechart__pct{display:none;}
  .rangechart__label{font-size:11px;}
  .rangechart__topbadge{display:block; margin-left:0; margin-top:2px; width:fit-content;}
}

/* ---- Çalışma İlkelerimiz: kanıt satırı + bağlayıcı akış çizgisi ---- */
.values--flow{position:relative;}
.value__proof{
  display:flex; align-items:center; gap:6px; margin-top:14px; padding-top:12px; border-top:1px dashed var(--line);
  font-size:11.5px; font-weight:600; color:var(--cyan-dim);
}
.value__proof svg{flex-shrink:0;}
.values__connector{display:none;}
@media (min-width:861px){
  .values--flow{display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr; align-items:center;}
  .values--flow .value{height:100%;}
  .values__connector{
    display:block; height:1px; background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);
    position:relative;
  }
  .values__connector::after{
    content:""; position:absolute; top:50%; left:50%; width:4px; height:4px; border-radius:50%;
    background:var(--cyan); transform:translate(-50%,-50%);
  }
}

/* ======================================================================
   ÜRÜN SAYFASI — ultra geliştirme (görüntülenme, SKU kopyala, güven
   rozetleri, tablo arama, satır başına WhatsApp)
   ====================================================================== */

/* Görüntülenme sayacı */
.product-view-count{
  display:inline-flex; align-items:center; gap:5px; margin-left:8px; padding:4px 10px;
  border-radius:999px; background:var(--panel-2); color:var(--text-faint);
  font-size:11px; font-weight:600; vertical-align:middle; font-family:'Roboto Mono', monospace;
}

/* SKU kopyalama düğmesi */
.product-media__copy-sku{
  display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px;
  border-radius:6px; border:1px solid var(--line); background:var(--panel); color:var(--text-faint);
  flex-shrink:0; transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.product-media__copy-sku:hover{background:var(--cyan-wash,#ECEAFB); color:var(--cyan); border-color:var(--cyan);}
.product-media__copy-sku.is-copied{background:var(--cyan); color:#fff; border-color:var(--cyan);}
.product-media__copy-sku.is-copied svg{display:none;}
.product-media__copy-sku.is-copied::after{content:"✓"; font-size:12px; font-weight:700;}

/* Teknik tablo arama kutusu: site.js'in kendi .spec-table__search
   sınıfı zaten var ve stilleri de mevcut — burada tekrar tanımlamıyoruz. */
.spec-panel__empty{padding:20px 16px; text-align:center; font-size:12.5px; color:var(--text-faint);}
.spec-table tbody tr[hidden]{display:none;}

/* Satır başına WhatsApp hızlı sor */
.spec-table__ask{width:34px; text-align:center !important;}
.spec-table__ask a{display:inline-flex; color:#25D366; opacity:.55; transition:opacity .15s ease, transform .15s ease;}
.spec-table__ask a:hover{opacity:1; transform:scale(1.15);}

/* Güven rozetleri satırı */
.product-trust{display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line);}
.product-trust__item{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text-dim); font-weight:600;}
.product-trust__item svg{color:var(--cyan); flex-shrink:0;}

/* ======================================================================
   TEKLİF SEPETİ — sağ üst bildirim, başlık ikonu, çekmece paneli
   ====================================================================== */

/* Sağ üst "sepete eklendi" bildirimi */
.cart-toast{
  position:fixed; top:20px; right:20px; z-index:600;
  background:#fff; color:var(--text); border-radius:14px; box-shadow:0 20px 50px rgba(18,39,51,.18);
  border:1px solid var(--line); width:300px; max-width:calc(100vw - 32px); font-size:12.5px; line-height:1.5;
  opacity:0; transform:translateX(24px); transition:opacity .25s ease, transform .25s ease; overflow:hidden;
}
.cart-toast.is-visible{opacity:1; transform:translateX(0);}
.cart-toast__row{display:flex; align-items:flex-start; gap:11px; padding:14px 14px 12px;}
.cart-toast__icon{width:30px; height:30px; border-radius:50%; background:var(--green-wash,#e8f7ee); color:var(--green,#1d8a4a); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.cart-toast__img{width:38px; height:38px; border-radius:9px; object-fit:cover; flex-shrink:0; background:var(--panel2,#f2f2f2);}
.cart-toast__text{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.cart-toast__text b{color:var(--green,#1d8a4a); font-size:12.5px;}
.cart-toast__name{
  font-size:12px; color:var(--text-dim); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cart-toast__close{background:none; border:none; color:var(--text-faint); flex-shrink:0; padding:3px; margin:-3px -3px 0 0;}
.cart-toast__close:hover{color:var(--text);}
.cart-toast__cta{
  width:100%; border:none; border-top:1px solid var(--line); background:var(--panel2,#f7f9fa); color:var(--cyan-dim,#3B32B0);
  font-size:12.5px; font-weight:700; padding:11px; cursor:pointer; transition:background .12s ease;
}
.cart-toast__cta:hover{background:var(--cyan-wash,#ECEAFB);}
@media (max-width:640px){ .cart-toast{left:16px; right:16px; width:auto;} }

.cart-undo-toast{
  position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(20px); z-index:600;
  background:var(--ink,#12232e); color:#fff; padding:12px 10px 12px 18px; border-radius:99px; box-shadow:0 14px 34px rgba(0,0,0,.28);
  display:flex; align-items:center; gap:14px; font-size:12.5px; opacity:0; transition:opacity .22s ease, transform .22s ease;
  max-width:calc(100vw - 32px);
}
.cart-undo-toast.is-visible{opacity:1; transform:translateX(-50%) translateY(0);}
.cart-undo-toast span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cart-undo-toast button{
  background:rgba(255,255,255,.14); border:none; color:#fff; font-weight:700; font-size:12px; padding:7px 14px;
  border-radius:99px; flex-shrink:0; white-space:nowrap;
}
.cart-undo-toast button:hover{background:rgba(255,255,255,.24);}

/* Başlıktaki sepet ikonu ve hesabım bağlantısı */
.cart-trigger{position:relative; display:inline-flex; align-items:center; justify-content:center; background:none; border:none; color:var(--text); padding:6px; margin-right:2px;}
.cart-trigger__badge{
  position:absolute; top:-2px; right:-2px; min-width:16px; height:16px; padding:0 3px; border-radius:99px;
  background:var(--cyan); color:#fff; font-size:9.5px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
.cart-account-link{display:inline-flex; align-items:center; justify-content:center; color:var(--text); padding:6px; margin-right:2px;}
@media (max-width:900px){ .cart-trigger, .cart-account-link{ display:none; } }

/* Sepet çekmecesi */
.cart-drawer{position:fixed; inset:0; z-index:550; visibility:hidden;}
.cart-drawer.is-open{visibility:visible;}
.cart-drawer__backdrop{position:absolute; inset:0; background:rgba(8,20,27,.5); opacity:0; transition:opacity .25s ease;}
.cart-drawer.is-open .cart-drawer__backdrop{opacity:1;}
.cart-drawer__panel{
  position:absolute; top:0; right:0; bottom:0; width:min(380px,92vw); background:#fff; display:flex; flex-direction:column;
  transform:translateX(100%); transition:transform .3s cubic-bezier(.22,1,.36,1); box-shadow:-20px 0 50px rgba(0,0,0,.15);
}
.cart-drawer.is-open .cart-drawer__panel{transform:translateX(0);}
.cart-drawer__head{display:flex; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid var(--line);}
.cart-drawer__head b{font-family:'Jost',sans-serif; font-size:16px;}
.cart-drawer__headcount{font-size:11px; font-weight:700; color:var(--cyan-dim,#3B32B0); background:var(--cyan-wash,#ECEAFB); padding:3px 9px; border-radius:99px;}
.cart-drawer__clearbtn{font-size:11.5px; font-weight:700; color:var(--text-faint); background:none; border:none; padding:4px 8px; margin-left:auto;}
.cart-drawer__clearbtn:hover{color:var(--red,#c4515a);}
.cart-drawer__close{background:var(--panel-2); border:none; width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--text-dim);}
.cart-drawer__body{flex:1; overflow-y:auto; padding:8px 20px;}

.cart-drawer__item{display:flex; gap:13px; padding:16px 0; border-bottom:1px solid var(--line);}
.cart-drawer__item-thumbwrap{width:56px; height:56px; border-radius:10px; overflow:hidden; background:var(--panel2,#f2f2f2); flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.cart-drawer__item-thumb{width:100%; height:100%; object-fit:cover;}
.cart-drawer__item-thumb--empty{color:var(--text-faint);}
.cart-drawer__item-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:10px;}
.cart-drawer__item-name{
  font-size:13.5px; font-weight:600; line-height:1.4; color:var(--ink,#12232e);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cart-drawer__item-row{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.cart-drawer__item-qty{display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; flex-shrink:0;}
.cart-drawer__qtybtn{width:24px; height:24px; border-radius:6px; border:1px solid var(--line); background:var(--panel); color:var(--text); flex-shrink:0; transition:background .12s ease;}
.cart-drawer__qtybtn:hover{background:var(--panel2,#f2f2f2); border-color:var(--cyan-dim,#3B32B0);}
.cart-drawer__item-remove{background:none; border:none; color:var(--text-faint); flex-shrink:0; padding:5px;}
.cart-drawer__item-remove:hover{color:var(--red,#c4515a);}

.cart-drawer__empty{padding:50px 10px; text-align:center; color:var(--text-faint);}
.cart-drawer__empty svg{margin-bottom:12px; opacity:.5;}
.cart-drawer__empty p{font-size:14px; font-weight:700; color:var(--text); margin:0 0 4px;}
.cart-drawer__empty span{font-size:12px;}
.cart-drawer__foot{padding:16px 20px 20px; border-top:1px solid var(--line);}
.cart-drawer__hint{font-size:11px; color:var(--text-faint); margin:10px 0 0; line-height:1.5; text-align:center;}
.is-disabled-look{opacity:.5; pointer-events:none;}

/* ======================================================================
   HESABIM SAYFASI — giriş/kayıt ekranı + hesap panosu
   ====================================================================== */
.account-loading{display:flex; align-items:center; justify-content:center; gap:10px; padding:80px 0; color:var(--text-faint); font-size:13px;}

/* Giriş / Kayıt */
.account-auth{display:flex; justify-content:center;}
.account-auth__card{width:100%; max-width:440px; background:var(--card,#fff); border:1px solid var(--line); border-radius:var(--radius-lg,16px); padding:32px; box-shadow:0 10px 30px rgba(18,39,51,.06);}
.account-auth__card h1{font-family:'Jost',sans-serif; font-size:22px; margin:10px 0 6px; text-align:center;}
.account-auth__sub{font-size:13px; color:var(--text-dim); text-align:center; margin:0 0 20px; line-height:1.6;}
.account-auth__tabs{display:flex; border:1px solid var(--line); border-radius:10px; overflow:hidden; margin-bottom:20px;}
.account-auth__tab{flex:1; padding:10px; background:var(--panel); border:none; font-size:13px; font-weight:700; color:var(--text-dim);}
.account-auth__tab.is-active{background:var(--cyan); color:#fff;}
.account-auth__grid2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.account-field{display:block; margin-bottom:14px;}
.account-field span{display:block; font-size:12px; font-weight:700; margin-bottom:6px; color:var(--text);}
.account-field input, .account-field select{
  width:100%; padding:10px 12px; border-radius:9px; border:1.5px solid var(--line); font-size:14px; color:var(--text);
  background:#fff; outline:none; transition:border-color .15s ease;
}
.account-field input:focus, .account-field select:focus{border-color:var(--cyan);}
.account-field input:disabled{background:var(--panel-2); color:var(--text-faint);}
.account-field small{display:block; font-size:11px; color:var(--text-faint); margin-top:4px;}
.account-auth__msg{margin-top:14px; padding:11px 14px; border-radius:9px; font-size:12.5px; line-height:1.5;}
.account-auth__msg.is-error{background:var(--red-wash,#fbeaec); color:var(--red,#c4515a);}
.account-auth__msg.is-ok{background:var(--green-wash,#e8f7ee); color:var(--green,#1d8a4a);}

/* Hesap panosu */
.account-dash{display:grid; grid-template-columns:250px 1fr; gap:28px; align-items:start;}
@media (max-width:760px){ .account-dash{grid-template-columns:1fr;} .account-dash__side{position:static;} }
.account-dash__side{background:var(--card,#fff); border:1px solid var(--line); border-radius:14px; padding:18px; position:sticky; top:96px;}
.account-dash__who{display:flex; align-items:center; gap:10px; padding-bottom:16px; margin-bottom:14px; border-bottom:1px solid var(--line);}
.account-dash__avatar{width:38px; height:38px; border-radius:50%; background:linear-gradient(150deg,var(--cyan),var(--cyan-dim,#3B32B0)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0;}
.account-dash__who b{display:block; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:140px;}
.account-dash__who span{font-size:11px; color:var(--text-faint);}
.account-dash__nav{display:flex; flex-direction:column; gap:3px;}
.account-dash__nav button{display:flex; align-items:center; gap:10px; padding:10px 11px; border-radius:9px; border:none; background:none; font-size:13px; font-weight:600; color:var(--text-dim); text-align:left;}
.account-dash__nav button:hover{background:var(--panel-2);}
.account-dash__nav button.is-active{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.account-dash__nav button svg{flex-shrink:0;}
.account-dash__logout{margin-top:10px; padding-top:13px !important; border-top:1px solid var(--line); border-radius:0 !important; color:var(--red,#c4515a) !important;}
.account-dash__content{background:var(--card,#fff); border:1px solid var(--line); border-radius:14px; padding:26px; min-height:300px;}
.account-dash__content h2{font-family:'Jost',sans-serif; font-size:19px; margin:0 0 6px;}
.account-dash__desc{font-size:12.5px; color:var(--text-dim); margin:0 0 20px;}
.account-dash__form{max-width:460px;}
.account-dash__saved{margin-left:12px; font-size:12.5px; color:var(--green,#1d8a4a); font-weight:700;}
.account-dash__loading{padding:40px; text-align:center; color:var(--text-faint); font-size:13px;}
.account-dash__empty{padding:40px 20px; text-align:center; color:var(--text-faint); font-size:13px; line-height:1.6;}

.account-quote-card{border:1px solid var(--line); border-radius:12px; padding:16px; margin-bottom:12px;}
.account-quote-card__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:12px; color:var(--text-faint);}
.account-quote-card__status{padding:3px 10px; border-radius:99px; font-weight:700; font-size:10.5px;}
.status-yeni{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.status-inceleniyor{background:var(--amber-wash,#fdf1de); color:var(--amber,#c07a12);}
.status-yanitlandi, .status-kapandi{background:var(--green-wash,#e8f7ee); color:var(--green,#1d8a4a);}
.account-quote-card ul{margin:0; padding-left:18px; font-size:13px; line-height:1.9;}
.account-quote-card ul span{color:var(--text-faint); font-family:'Roboto Mono',monospace; font-size:11.5px;}

.account-doc-row{display:flex; align-items:center; gap:10px; padding:13px 14px; border:1px solid var(--line); border-radius:10px; margin-bottom:10px; text-decoration:none; color:var(--text); transition:border-color .15s ease, background .15s ease;}
.account-doc-row:hover{border-color:var(--cyan); background:var(--cyan-wash,#ECEAFB);}
.account-doc-row span{flex:1; font-size:13px; font-weight:600;}
.account-doc-row small{font-size:11px; color:var(--text-faint);}

/* ======================================================================
   HESABIM — Teklifler ve Belgeler sekmelerinin ultra özelleştirmesi
   ====================================================================== */

/* Teklif özet şeridi */
.account-quote-summary{display:flex; gap:20px; margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--line); flex-wrap:wrap;}
.account-quote-summary span{font-size:12.5px; color:var(--text-dim);}
.account-quote-summary b{font-family:'Jost',sans-serif; font-size:17px; color:var(--text); margin-right:4px;}
.account-quote-summary .is-pending{color:var(--amber,#c07a12);}
.account-quote-summary .is-pending b{color:var(--amber,#c07a12);}
.account-quote-summary .is-ok{color:var(--green,#1d8a4a);}

/* Teklif kartları grid */
.account-quote-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px;}
.account-quote-card{border:1px solid var(--line); border-radius:12px; padding:16px; cursor:pointer; transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;}
.account-quote-card:hover{border-color:var(--cyan); transform:translateY(-2px); box-shadow:0 10px 26px rgba(18,39,51,.08);}
.account-quote-card__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:11.5px; color:var(--text-faint);}
.account-quote-card__status{padding:3px 10px; border-radius:99px; font-weight:700; font-size:10.5px;}
.account-quote-card__preview{font-size:13px; font-weight:600; color:var(--text); margin:0 0 14px; line-height:1.5; min-height:38px;}
.account-quote-card__foot{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.account-quote-card__count{font-size:11px; color:var(--text-faint); font-family:'Roboto Mono',monospace;}
.account-quote-card__flag{display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:700;}
.account-quote-card__flag.is-answered{color:var(--green,#1d8a4a);}
.account-quote-card__flag.is-waiting{color:var(--amber,#c07a12);}
.account-quote-card__more{margin-left:auto; display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:var(--cyan-dim,#3B32B0);}

/* Teklif detay penceresi */
.account-quote-modal-overlay{position:fixed; inset:0; z-index:600; background:rgba(8,20,27,.55); display:flex; align-items:center; justify-content:center; padding:16px; opacity:0; transition:opacity .2s ease;}
.account-quote-modal-overlay.is-open{opacity:1;}
.account-quote-modal{background:#fff; border-radius:16px; width:100%; max-width:480px; max-height:86vh; overflow-y:auto; padding:26px; transform:scale(.96); transition:transform .2s ease; box-shadow:0 30px 70px rgba(0,0,0,.3);}
.account-quote-modal-overlay.is-open .account-quote-modal{transform:scale(1);}
.account-quote-modal__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;}
.account-quote-modal__head b{font-family:'Jost',sans-serif; font-size:17px;}
.account-quote-modal__head button{background:var(--panel-2); border:none; width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--text-dim);}
.account-quote-modal__meta{display:flex; gap:10px; align-items:center; font-size:12.5px; color:var(--text-faint);}
.account-quote-modal__items{border:1px solid var(--line); border-radius:10px; overflow:hidden;}
.account-quote-modal__item{display:flex; justify-content:space-between; padding:11px 14px; font-size:13px; border-bottom:1px solid var(--line);}
.account-quote-modal__item:last-child{border-bottom:none;}
.account-quote-modal__item b{font-family:'Roboto Mono',monospace; font-size:11px; font-weight:700; color:var(--text-faint); margin-left:6px;}

/* Teklif Yanıtı kutusu */
.account-quote-response{margin-top:18px; padding:16px; border-radius:12px;}
.account-quote-response__head{display:flex; align-items:center; gap:8px; font-weight:700; font-size:13.5px; margin-bottom:10px;}
.account-quote-response p{margin:0; font-size:13px; line-height:1.65;}
.account-quote-response.is-answered{background:var(--green-wash,#e8f7ee); color:#15602f;}
.account-quote-response.is-answered .account-quote-response__head{color:var(--green,#1d8a4a);}
.account-quote-response__price{font-family:'Jost',sans-serif; font-size:22px; font-weight:700; color:var(--green,#1d8a4a); margin-bottom:8px;}
.account-quote-response__date{display:block; margin-top:10px; font-size:11px; opacity:.75;}
.account-quote-response.is-waiting{background:var(--amber-wash,#fdf1de); color:#8a5a08;}
.account-quote-response.is-waiting .account-quote-response__head{color:var(--amber,#c07a12);}
.account-quote-response.is-waiting p b{display:block; font-size:14px; margin-bottom:4px;}

/* Belge kartları grid */
.account-doc-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px;}
.account-doc-card{display:flex; flex-direction:column; gap:8px; padding:18px; border:1px solid var(--line); border-radius:12px; text-decoration:none; color:var(--text); transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;}
.account-doc-card:hover{border-color:var(--cyan); transform:translateY(-2px); box-shadow:0 10px 26px rgba(18,39,51,.08);}
.account-doc-card__icon{width:38px; height:38px; border-radius:10px; background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0); display:flex; align-items:center; justify-content:center;}
.account-doc-card__title{font-size:13.5px; font-weight:700; line-height:1.4;}
.account-doc-card__date{font-size:11px; color:var(--text-faint);}
.account-doc-card__dl{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; color:var(--cyan-dim,#3B32B0); margin-top:4px;}

/* Favorilerim kartı — görsel önizleme + hızlı sepete ekle/kaldır */
.account-fav-card{border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease, opacity .18s ease, transform .18s ease;}
.account-fav-card:hover{border-color:var(--cyan); box-shadow:0 10px 26px rgba(18,39,51,.08);}
.account-fav-card__imgwrap{display:flex; align-items:center; justify-content:center; aspect-ratio:1.3/1; background:var(--panel2,#f2f2f2); overflow:hidden;}
.account-fav-card__imgwrap img{width:100%; height:100%; object-fit:contain; transition:transform .3s ease;}
.account-fav-card:hover .account-fav-card__imgwrap img{transform:scale(1.06);}
.account-fav-card__body{padding:14px;}
.account-fav-card__title{display:block; font-size:12.5px; font-weight:700; line-height:1.4; color:var(--text); text-decoration:none; margin-bottom:4px;}
.account-fav-card__title:hover{color:var(--cyan-dim);}
.account-fav-card__cat{font-size:10.5px; color:var(--text-faint); font-weight:600;}
.account-fav-card__actions{display:flex; align-items:center; gap:8px; margin-top:12px;}
.account-fav-card__addcart{flex:1; display:flex; align-items:center; justify-content:center; gap:5px; background:var(--cyan); color:#fff; border:none; border-radius:8px; padding:8px 10px; font-size:11px; font-weight:700;}
.account-fav-card__addcart:hover{background:var(--cyan-dim);}
.account-fav-card__remove{flex-shrink:0; width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:var(--panel2,#f2f2f2); color:var(--text-faint); border:none; border-radius:8px;}
.account-fav-card__remove:hover{background:var(--red-wash,#fbeaec); color:var(--red,#c4515a);}

/* Karşılama/özet şeridi (geniş ekranı doldurmak için) */
.account-welcome{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:24px; padding-bottom:22px; border-bottom:1px solid var(--line);}
.account-welcome h1{font-family:'Jost',sans-serif; font-size:24px; margin:6px 0 0;}
.account-welcome__stats{display:flex; gap:14px;}
.account-welcome__stat{text-align:center; padding:12px 20px; border-radius:12px; background:var(--panel2); min-width:90px;}
.account-welcome__stat b{display:block; font-family:'Jost',sans-serif; font-size:22px; color:var(--text);}
.account-welcome__stat span{font-size:11px; color:var(--text-faint);}
.account-welcome__stat.is-pending{background:var(--amber-wash,#fdf1de);}
.account-welcome__stat.is-pending b{color:var(--amber,#c07a12);}
@media (max-width:700px){ .account-welcome{flex-direction:column; align-items:flex-start;} .account-welcome__stats{width:100%;} .account-welcome__stat{flex:1;} }

/* Sekme rozetleri */
.account-dash__nav-badge{margin-left:auto; font-size:10px; font-weight:700; background:var(--cyan); color:#fff; padding:2px 7px; border-radius:99px;}

/* ======================================================================
   TEKLİF DETAY PENCERESİ — ultra özelleştirme (çizelge, referans no,
   yazdırma, WhatsApp'tan sor, onaylama)
   ====================================================================== */
.account-quote-modal{position:relative;}
.account-quote-modal.bp-corners::before, .account-quote-modal.bp-corners::after{opacity:.5; border-color:var(--cyan);}
.account-quote-modal__ref{display:block; font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700; letter-spacing:.06em; color:var(--cyan-dim,#3B32B0); margin-bottom:3px;}
.account-quote-modal__headbtns{display:flex; gap:6px;}
.account-quote-modal__iconbtn{background:var(--panel-2); border:none; width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--text-dim); transition:background .15s ease, color .15s ease;}
.account-quote-modal__iconbtn:hover{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.status-onaylandi{background:var(--green-wash,#e8f7ee); color:var(--green,#1d8a4a);}

/* Durum çizelgesi */
.account-quote-stepper{display:flex; align-items:flex-start; margin:20px 0 4px;}
.account-quote-stepper__step{display:flex; flex-direction:column; align-items:center; gap:6px; flex:0 0 auto;}
.account-quote-stepper__dot{
  width:22px; height:22px; border-radius:50%; border:2px solid var(--line); background:#fff; color:#fff;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .2s ease;
}
.account-quote-stepper__step.is-done .account-quote-stepper__dot{background:var(--green,#1d8a4a); border-color:var(--green,#1d8a4a);}
.account-quote-stepper__step.is-current .account-quote-stepper__dot{border-color:var(--cyan); box-shadow:0 0 0 4px var(--cyan-wash,#ECEAFB);}
.account-quote-stepper__label{font-size:9.5px; font-weight:700; color:var(--text-faint); text-align:center; max-width:70px; letter-spacing:.02em;}
.account-quote-stepper__step.is-done .account-quote-stepper__label, .account-quote-stepper__step.is-current .account-quote-stepper__label{color:var(--text);}
.account-quote-stepper__line{flex:1; height:2px; background:var(--line); margin-top:11px; min-width:16px;}

/* Ürün satırları */
.account-quote-modal__item{display:flex; align-items:center; gap:10px; padding:11px 14px; font-size:13px; border-bottom:1px solid var(--line);}
.account-quote-modal__item:last-child{border-bottom:none;}
.account-quote-modal__item-num{font-family:'Roboto Mono',monospace; font-size:10px; color:var(--text-faint); width:16px; flex-shrink:0;}
.account-quote-modal__item-name{flex:1; font-weight:600;}
.account-quote-modal__item-name b{display:block; font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700; color:var(--text-faint); margin-top:1px;}
.account-quote-modal__item-qty{font-weight:700; color:var(--cyan-dim,#3B32B0); flex-shrink:0;}

/* Bekleyen yanıt kutusundaki nabız efekti */
.account-quote-response{position:relative; overflow:hidden;}
.account-quote-response__pulse{position:absolute; top:14px; right:14px; width:8px; height:8px; border-radius:50%; background:var(--amber,#c07a12); animation:pulseGlowQ 1.8s ease-in-out infinite;}
@keyframes pulseGlowQ{0%,100%{box-shadow:0 0 0 0 rgba(192,122,18,.5);} 70%{box-shadow:0 0 0 8px rgba(192,122,18,0);}}

/* Onayla ve WhatsApp'tan sor */
.account-quote-modal__accept{width:100%; justify-content:center; margin-top:14px;}
.account-quote-modal__ask{
  display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px; padding:11px;
  border-radius:10px; border:1.5px solid #25D366; color:#128C7E; font-size:12.5px; font-weight:700; text-decoration:none;
  transition:background .15s ease;
}
.account-quote-modal__ask:hover{background:rgba(37,211,102,.08);}

/* Yazdırma: sadece teklif detayı görünsün */
@media print{
  body.printing-quote > *:not(.account-quote-modal-overlay){display:none !important;}
  body.printing-quote .account-quote-modal-overlay{position:static; background:none; padding:0;}
  body.printing-quote .account-quote-modal{box-shadow:none; max-height:none; transform:none;}
  body.printing-quote .account-quote-modal__iconbtn, body.printing-quote .account-quote-modal__ask, body.printing-quote .account-quote-modal__accept{display:none;}
}

/* ======================================================================
   HESABIM — A'DAN Z'YE ULTRA YENİLEME
   ====================================================================== */

/* ---- Giriş ekranı: iki panelli tasarım ---- */
.account-auth--split{display:grid; grid-template-columns:1fr 1.1fr; gap:0; max-width:920px; margin:0 auto; border-radius:20px; overflow:hidden; box-shadow:0 20px 60px rgba(18,39,51,.10); background:var(--card,#fff);}
@media (max-width:760px){ .account-auth--split{grid-template-columns:1fr; max-width:460px;} }
.account-auth__brand{position:relative; padding:40px 34px; display:flex; align-items:flex-end; overflow:hidden; min-height:320px; background:var(--ink,#0c1a22);}
@media (max-width:760px){ .account-auth__brand{display:none;} }
.account-auth__brand-watermark{position:absolute; top:-4%; right:-6%; font-family:'Jost',sans-serif; font-weight:700; font-size:220px; line-height:1; color:#fff; opacity:.035; pointer-events:none;}
.account-auth__brand-inner{position:relative; z-index:1;}
.account-auth__brand h2{color:#fff; font-family:'Jost',sans-serif; font-size:26px; line-height:1.25; margin:14px 0 22px; font-weight:700;}
.account-auth__brand-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px;}
.account-auth__brand-list li{display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.65); font-size:12.5px;}
.account-auth__brand-list li svg{color:var(--cyan); flex-shrink:0;}
.account-auth--split .account-auth__card{border:none; box-shadow:none; border-radius:0; max-width:none; padding:40px;}
@media (max-width:520px){ .account-auth--split .account-auth__card{padding:28px 22px;} }

/* Şifre göster/gizle */
.account-field__pw-wrap{position:relative;}
.account-field__pw-wrap input{padding-right:40px;}
.account-field__pw-toggle{position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--text-faint); padding:4px; display:flex;}

/* Şifremi unuttum linki */
.account-auth__forgot-link{text-align:right; margin:-8px 0 14px;}
.account-auth__forgot-link button{background:none; border:none; font-size:11.5px; font-weight:700; color:var(--cyan-dim,#3B32B0);}
.account-auth__switch{text-align:center; margin-top:16px;}
.account-auth__switch button{background:none; border:none; font-size:12.5px; font-weight:700; color:var(--cyan-dim,#3B32B0);}

/* Şifre gücü göstergesi */
.account-pw-meter{display:flex; align-items:center; gap:8px; margin-top:8px;}
.account-pw-meter__track{flex:1; height:4px; border-radius:99px; background:var(--panel2); overflow:hidden;}
.account-pw-meter__fill{height:100%; border-radius:99px; transition:width .25s ease, background .25s ease; width:15%;}
.account-pw-meter__fill.s0{background:#c4515a; width:15%;} .account-pw-meter__fill.s1{background:#e0685f; width:35%;}
.account-pw-meter__fill.s2{background:#e8a33d; width:55%;} .account-pw-meter__fill.s3{background:#4cd987; width:78%;}
.account-pw-meter__fill.s4{background:var(--cyan); width:100%;}
.account-pw-meter span{font-size:10.5px; font-weight:700; color:var(--text-faint); white-space:nowrap;}

/* Profilim: bölüm ayırıcı + tehlikeli bölge */
.account-dash__divider{height:1px; background:var(--line); margin:32px 0;}
.account-danger-zone{padding:18px; border-radius:12px; border:1px dashed var(--red,#c4515a); background:var(--red-wash,#fbeaec);}
.account-danger-zone h2{color:var(--red,#c4515a) !important;}

/* ---- Teklif kartlarında ürün fotoğrafı şeridi ---- */
.account-quote-card__photos{display:flex; align-items:center; margin-bottom:12px; height:44px;}
.account-quote-card__photos img{width:44px; height:44px; border-radius:9px; object-fit:contain; background:#fff; border:2px solid var(--card,#fff); box-shadow:0 1px 4px rgba(18,39,51,.1); margin-left:-12px;}
.account-quote-card__photos img:first-child{margin-left:0;}
.account-quote-card__photos-more{margin-left:-8px; width:30px; height:30px; border-radius:50%; background:var(--panel2); color:var(--text-faint); font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; align-self:center; border:2px solid var(--card,#fff);}
.account-quote-card__photos--empty{width:44px; height:44px; border-radius:9px; background:var(--panel2); color:var(--text-faint); display:flex; align-items:center; justify-content:center;}

/* Teklif filtre şeridi */
.account-filter-row{display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap;}
.btn-pill-tab-lite{padding:6px 13px; border-radius:99px; font-size:11.5px; font-weight:700; border:1px solid var(--line); background:var(--card,#fff); color:var(--text-dim); transition:all .15s ease;}
.btn-pill-tab-lite.is-active{background:var(--cyan); color:#fff; border-color:var(--cyan);}
.btn-pill-tab-lite:hover:not(.is-active){border-color:var(--cyan);}

/* Teklif detay penceresi: ürün küçük fotoğrafı */
.account-quote-modal__item-thumb{width:34px; height:34px; border-radius:8px; object-fit:contain; background:#fff; border:1px solid var(--line); flex-shrink:0;}
.account-quote-modal__item-num{width:34px; height:34px; border-radius:8px; background:var(--panel2); color:var(--text-faint); font-family:'Roboto Mono',monospace; font-size:10px; font-weight:700; align-items:center; justify-content:center; flex-shrink:0; display:flex;}

/* ======================================================================
   HESABIM — Giriş/Kayıt ekranı ikinci tur ultra geliştirme
   ====================================================================== */

/* Sol panel: gerçek fabrika fotoğrafı arka planı */
.account-auth__brand-photo{
  position:absolute; inset:0; background-image:linear-gradient(160deg, rgba(12,26,34,.94), rgba(10,21,28,.88)), url('/images/fabrika.jpg');
  background-size:cover; background-position:center;
}
.account-auth__brand-watermark{position:absolute; top:-4%; right:-6%; font-family:'Jost',sans-serif; font-weight:700; font-size:220px; line-height:1; color:#fff; opacity:.04; pointer-events:none; z-index:1;}
.account-auth__brand-inner{position:relative; z-index:1;}

/* Yüzen dekoratif rakor silüetleri */
.account-auth__float{position:absolute; z-index:1; pointer-events:none; color:rgba(127,216,232,.09);}
.account-auth__float--1{width:70px; height:70px; top:8%; right:10%;}
.account-auth__float--2{width:48px; height:48px; bottom:14%; right:16%; color:rgba(232,136,12,.1);}

/* Canlı sistem göstergesi */
.account-auth__live{display:flex; align-items:center; gap:7px; font-size:10.5px; font-weight:700; letter-spacing:.04em; color:rgba(255,255,255,.5); margin-bottom:16px; text-transform:uppercase;}
.status-dot{width:7px; height:7px; border-radius:50%; display:inline-block; flex-shrink:0;}
.status-dot.online{background:#4cd987; box-shadow:0 0 0 3px rgba(76,217,135,.18); animation:acctPulse 2s ease-in-out infinite;}
@keyframes acctPulse{0%,100%{opacity:1;} 50%{opacity:.5;}}

/* Alt istatistik şeridi */
.account-auth__brand-stats{display:flex; gap:22px; margin-top:26px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1);}
.account-auth__brand-stats div{display:flex; flex-direction:column;}
.account-auth__brand-stats b{font-family:'Jost',sans-serif; font-size:19px; color:#fff; font-weight:700;}
.account-auth__brand-stats span{font-size:10px; color:rgba(255,255,255,.4); margin-top:1px;}

/* İkon önekli input alanları */
.account-field__icon-wrap{position:relative;}
.account-field__icon-wrap svg{position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--text-faint); pointer-events:none;}
.account-field__icon-wrap input, .account-field__icon-wrap select{padding-left:36px;}
.account-field__icon-wrap:focus-within svg{color:var(--cyan);}

/* Caps Lock uyarısı */
.account-caps-warn{display:flex; align-items:center; gap:5px; margin:-8px 0 12px; font-size:11px; font-weight:700; color:var(--amber,#c07a12);}

/* KVKK onay kutusu */
.account-kvkk{display:flex; align-items:flex-start; gap:9px; margin:6px 0 16px; font-size:11px; color:var(--text-faint); line-height:1.6; cursor:pointer;}
.account-kvkk input{position:absolute; opacity:0; width:0; height:0;}
.account-kvkk__box{width:16px; height:16px; border-radius:5px; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; color:transparent; flex-shrink:0; margin-top:1px; transition:all .15s ease;}
.account-kvkk input:checked + .account-kvkk__box{background:var(--cyan); border-color:var(--cyan); color:#fff;}
.account-kvkk a{color:var(--cyan-dim,#3B32B0); font-weight:700; text-decoration:underline;}

/* Form geçiş animasyonu */
@keyframes acctFadeIn{from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;}}
#authFormWrap{animation:acctFadeIn .25s ease;}

/* ======================================================================
   HESABIM — KABUK KOMPLE YENİDEN İNŞA (kahraman karşılama, ikon
   döşemeli kenar çubuğu, profil tamamlama, Genel Bakış sekmesi)
   ====================================================================== */

/* Kahraman karşılama bölümü */
.account-hero{
  position:relative; overflow:hidden; border-radius:20px; padding:32px 36px 28px;
  background:linear-gradient(135deg, #0F141E 0%, #241F5C 55%, #3B32B0 100%);
  margin-bottom:24px; box-shadow:0 20px 50px rgba(12,26,34,.18);
}
.account-hero__grid{position:absolute; inset:0; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:28px 28px; mask-image:radial-gradient(ellipse at 70% 30%, black, transparent 75%);
}
.account-hero__top{position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:26px;}
.account-hero__who{display:flex; align-items:center; gap:14px;}
.account-hero__avatar{width:52px; height:52px; border-radius:50%; background:linear-gradient(150deg,#a394f5,#4B3FD9); color:#0c1a22; font-weight:700; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 14px rgba(0,0,0,.25);}
.account-hero__eyebrow{display:flex; align-items:center; gap:8px; font-family:'Roboto Mono',monospace; font-size:10px; font-weight:700; letter-spacing:1.5px; color:#a394f5; text-transform:uppercase; margin-bottom:6px;}
.account-hero__eyebrow .tick{width:14px; height:1px; background:#a394f5; display:inline-block;}
.account-hero h1{margin:0; color:#fff; font-family:'Jost',sans-serif; font-size:24px; font-weight:700;}
.account-hero__logout-mini{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); flex-shrink:0; transition:background .15s ease, color .15s ease;}
.account-hero__logout-mini:hover{background:rgba(242,112,124,.18); color:#f2707c;}

.account-hero__rings{position:relative; z-index:1; display:flex; gap:14px; flex-wrap:wrap;}
.account-hero__ring{
  flex:1; min-width:110px; padding:16px 18px; border-radius:14px; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09); backdrop-filter:blur(6px);
}
.account-hero__ring b{display:block; font-family:'Jost',sans-serif; font-size:26px; font-weight:700; color:#fff;}
.account-hero__ring span{font-size:11px; color:rgba(255,255,255,.5);}

/* Kenar çubuğu — ikon döşemeli */
.account-dash__side{background:var(--card,#fff); border:1px solid var(--line); border-radius:16px; padding:14px; position:sticky; top:96px; box-shadow:0 4px 16px rgba(18,39,51,.04);}
.account-dash__nav{display:flex; flex-direction:column; gap:3px;}
.account-dash__nav button{display:flex; align-items:center; gap:11px; padding:10px 11px; border-radius:10px; border:none; background:none; font-size:13px; font-weight:600; color:var(--text-dim); text-align:left; transition:background .15s ease, transform .15s ease;}
.account-dash__nav-icon{width:30px; height:30px; border-radius:9px; background:var(--panel2); color:var(--text-faint); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .15s ease, color .15s ease;}
.account-dash__nav button:hover{background:var(--panel2); transform:translateX(2px);}
.account-dash__nav button.is-active{color:var(--cyan-dim,#3B32B0);}
.account-dash__nav button.is-active .account-dash__nav-icon{background:var(--cyan); color:#fff;}
.account-dash__nav-badge{margin-left:auto; font-size:10px; font-weight:700; background:var(--cyan); color:#fff; padding:2px 7px; border-radius:99px;}
.account-dash__logout{color:var(--red,#c4515a) !important; margin-top:6px; padding-top:13px !important; border-top:1px solid var(--line); border-radius:0 !important;}
.account-dash__logout .account-dash__nav-icon{background:var(--red-wash,#fbeaec); color:var(--red,#c4515a);}

/* Profil tamamlama göstergesi */
.account-dash__completion{margin-top:14px; padding:14px; border-radius:12px; background:var(--panel2);}
.account-dash__completion-head{display:flex; justify-content:space-between; font-size:10.5px; font-weight:700; color:var(--text-dim); margin-bottom:8px;}
.account-dash__completion-head b{color:var(--cyan-dim,#3B32B0);}
.account-dash__completion-track{height:5px; border-radius:99px; background:var(--line); overflow:hidden;}
.account-dash__completion-fill{height:100%; width:0%; border-radius:99px; background:linear-gradient(90deg,var(--cyan),var(--amber,#e8880c)); transition:width .6s cubic-bezier(.22,1,.36,1);}

/* İçerik geçiş animasyonu */
.account-dash__content{transition:opacity .12s ease, transform .12s ease;}
.account-dash__content.is-out{opacity:0; transform:translateY(4px);}
.account-dash__content.is-in{opacity:1; transform:none;}

/* Genel Bakış sekmesi */
.account-overview__quick{display:flex; gap:10px; margin-bottom:28px; flex-wrap:wrap;}
.account-overview__quick-btn{display:flex; align-items:center; gap:8px; padding:11px 16px; border-radius:11px; border:1px solid var(--line); font-size:12.5px; font-weight:700; color:var(--text); text-decoration:none; transition:border-color .15s ease, background .15s ease;}
.account-overview__quick-btn:hover{border-color:var(--cyan); background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.account-overview__section-head{display:flex; align-items:center; justify-content:space-between; margin:26px 0 12px;}
.account-overview__section-head:first-of-type{margin-top:0;}
.account-overview__section-head h3{margin:0; font-size:14px; font-family:'Jost',sans-serif;}
.account-overview__seeall{background:none; border:none; font-size:11.5px; font-weight:700; color:var(--cyan-dim,#3B32B0);}
.account-overview__list{display:flex; flex-direction:column; gap:8px;}
.account-overview__row{display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:11px; border:1px solid var(--line); text-decoration:none; color:var(--text); cursor:pointer; transition:border-color .15s ease, background .15s ease;}
.account-overview__row:hover{border-color:var(--cyan); background:var(--cyan-wash,#ECEAFB);}
.account-overview__row img{width:32px; height:32px; border-radius:8px; object-fit:contain; background:#fff; border:1px solid var(--line); flex-shrink:0;}
.account-overview__row-icon{width:32px; height:32px; border-radius:8px; background:var(--panel2); color:var(--text-faint); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.account-overview__row-text{flex:1; font-size:13px; font-weight:600; display:flex; flex-direction:column; gap:2px;}
.account-overview__row-text small{font-size:11px; font-weight:400; color:var(--text-faint);}

@media (max-width:700px){
  .account-hero{padding:24px 20px;}
  .account-hero__rings{gap:8px;}
  .account-hero__ring{min-width:90px; padding:12px 14px;}
  .account-hero__ring b{font-size:20px;}
}

/* ======================================================================
   HESABIM — İKİNCİ TUR: kompakt üst çubuk, bildirim zili, satır içi
   alanlar, kompakt teklif satırları, aktivite zaman çizelgesi, arama
   ====================================================================== */

/* Kompakt üst bilgi çubuğu (eski kahraman gradyanın yerine) */
.account-bar{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  background:var(--card,#fff); border:1px solid var(--line); border-radius:16px; padding:16px 22px; margin-bottom:22px;
}
.account-bar__who{display:flex; align-items:center; gap:12px;}
.account-bar__avatar{width:40px; height:40px; border-radius:50%; background:linear-gradient(150deg,var(--cyan),var(--cyan-dim,#3B32B0)); color:#fff; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.account-bar__eyebrow{display:flex; align-items:center; gap:6px; font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700; letter-spacing:1px; color:var(--cyan-dim,#3B32B0); text-transform:uppercase;}
.account-bar__custid{display:block; font-family:'Roboto Mono',monospace; font-size:10.5px; color:var(--text-faint); margin-top:3px; letter-spacing:.02em;}
.account-bar h1{margin:2px 0 0; font-family:'Jost',sans-serif; font-size:17px; font-weight:700;}
.account-bar__stats{display:flex; gap:8px;}
.account-bar__chip{padding:6px 14px; border-radius:10px; background:var(--panel2); text-align:center;}
.account-bar__chip b{display:block; font-family:'Jost',sans-serif; font-size:16px; font-weight:700; color:var(--text);}
.account-bar__chip span{font-size:9.5px; color:var(--text-faint);}
.account-bar__chip.is-warn{background:var(--amber-wash,#fdf1de);}
.account-bar__chip.is-warn b{color:var(--amber,#c07a12);}
.account-bar__actions{display:flex; align-items:center; gap:6px;}
.account-bar__iconbtn{position:relative; width:34px; height:34px; border-radius:9px; border:1px solid var(--line); background:var(--panel); color:var(--text-dim); display:flex; align-items:center; justify-content:center; transition:background .15s ease, color .15s ease;}
.account-bar__iconbtn:hover{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.account-bar__dot{position:absolute; top:5px; right:5px; width:6px; height:6px; border-radius:50%; background:var(--red,#c4515a);}
@media (max-width:760px){ .account-bar__stats{display:none;} }

/* Bildirim paneli */
.account-notif{position:relative;}
.account-notif__panel{position:absolute; top:calc(100% + 8px); right:0; width:270px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 16px 40px rgba(18,39,51,.14); padding:8px; z-index:60;}
.account-notif__item{display:flex; align-items:flex-start; gap:9px; padding:9px; border-radius:9px;}
.account-notif__item:hover{background:var(--panel2);}
.account-notif__icon{width:24px; height:24px; border-radius:7px; background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.account-notif__text{font-size:12px; line-height:1.4;}
.account-notif__text small{display:block; color:var(--text-faint); font-size:10.5px; margin-top:2px;}
.account-notif__empty{padding:20px; text-align:center; font-size:12px; color:var(--text-faint);}

/* Kenar çubuğu: ok işareti eklendi */
.account-dash__nav button{position:relative;}
.account-dash__chev{margin-left:auto; color:var(--text-faint); opacity:0; transition:opacity .15s ease;}
.account-dash__nav button:hover .account-dash__chev, .account-dash__nav button.is-active .account-dash__chev{opacity:1;}

/* Satır içi düzenlenebilir Profilim alanları */
.account-inline-fields{border-top:1px solid var(--line);}
.account-inline-field{display:grid; grid-template-columns:110px 1fr 20px; align-items:center; gap:14px; padding:13px 4px; border-bottom:1px solid var(--line); position:relative;}
.account-inline-field__label{font-size:12px; font-weight:700; color:var(--text-dim);}
.account-inline-field__input{border:1px solid transparent; background:none; font-size:13.5px; color:var(--text); padding:6px 8px; border-radius:7px; width:100%; transition:border-color .15s ease, background .15s ease;}
.account-inline-field__input:hover{background:var(--panel2);}
.account-inline-field__input:focus{border-color:var(--cyan); background:#fff; outline:none;}
.account-inline-field__static{font-size:13.5px; color:var(--text-faint); padding:6px 8px;}
.account-inline-field__check{color:var(--green,#1d8a4a); opacity:0; transform:scale(.6); transition:opacity .2s ease, transform .2s ease;}
.account-inline-field.is-saved .account-inline-field__check{opacity:1; transform:scale(1);}
.account-inline-field.is-saving .account-inline-field__input{background:var(--cyan-wash,#ECEAFB);}

/* Arama kutuları (teklifler/belgeler) */
.account-inline-fields__search{display:flex; align-items:center; gap:8px; padding:9px 12px; border:1.5px solid var(--line); border-radius:9px; color:var(--text-faint); margin-bottom:14px; max-width:320px;}
.account-inline-fields__search:focus-within{border-color:var(--cyan);}
.account-inline-fields__search input{flex:1; border:none; outline:none; font-size:13px; background:none; color:var(--text);}

/* Kompakt teklif satırları (kart yerine) */
.account-quote-list{display:flex; flex-direction:column; gap:6px;}
.account-quote-row{display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:11px; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
.account-quote-row:hover{border-color:var(--cyan); background:var(--cyan-wash,#ECEAFB);}
.account-quote-row__photo{width:36px; height:36px; border-radius:8px; object-fit:contain; background:#fff; border:1px solid var(--line); flex-shrink:0;}
.account-quote-row__photo--empty{display:flex; align-items:center; justify-content:center; background:var(--panel2); color:var(--text-faint);}
.account-quote-row__mid{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px;}
.account-quote-row__mid b{font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.account-quote-row__mid small{font-size:11px; color:var(--text-faint);}

/* Aktivite zaman çizelgesi */
.account-timeline{position:relative; padding-left:6px;}
.account-timeline__row{display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line);}
.account-timeline__row:last-child{border-bottom:none;}
.account-timeline__icon{width:28px; height:28px; border-radius:50%; background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.account-timeline__text{flex:1; font-size:13px;}
.account-timeline__date{font-size:11px; color:var(--text-faint); white-space:nowrap;}

/* ======================================================================
   MOBİL MENÜ — ikonlar, kapatma başlığı, sosyal medya satırı
   ====================================================================== */
.site-nav__closebar{display:none;}
@media (max-width:900px){
  .site-nav__closebar{
    display:flex; align-items:center; justify-content:space-between; margin:-104px -28px 20px; padding:20px 28px 16px;
    border-bottom:1px solid var(--line);
  }
  .site-nav__closebar-label{font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700; letter-spacing:.08em; color:var(--text-faint); text-transform:uppercase;}
  .site-nav__closebtn{width:32px; height:32px; border-radius:9px; background:var(--panel-2); border:none; display:flex; align-items:center; justify-content:center; color:var(--text-dim);}
  .site-nav__closebtn:hover{background:var(--red-wash,#fbeaec); color:var(--red,#c4515a);}

  .site-nav__list a{display:flex; align-items:center; gap:12px;}
  .site-nav__icon{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:8px; background:var(--panel-2); color:var(--cyan-dim,#3B32B0); flex-shrink:0;}
  .site-nav__list a.is-active .site-nav__icon{background:var(--cyan); color:#fff;}
  .site-nav__foot a{display:flex; align-items:center; gap:10px;}
  .site-nav__foot .site-nav__icon{width:26px; height:26px; background:none; color:var(--cyan-dim,#3B32B0);}
  .site-nav__foot a .dot{display:none;}

  .site-nav__social{display:flex; gap:10px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line);}
  .site-nav__social a{width:36px; height:36px; border-radius:50%; background:var(--panel-2); color:var(--text-dim); display:flex; align-items:center; justify-content:center; transition:background .15s ease, color .15s ease;}
  .site-nav__social a:hover{background:var(--cyan); color:#fff;}
  .site-nav__social a.site-nav__social--wa{background:rgba(37,211,102,.12); color:#25D366;}
  .site-nav__social a.site-nav__social--wa:hover{background:#25D366; color:#fff;}
}

/* ======================================================================
   MÜŞTERİ YORUMLARI
   ====================================================================== */
.testimonial-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px;}
.testimonial-card{
  background:var(--card,#fff); border:1px solid var(--line); border-radius:16px; padding:28px 24px;
  position:relative; box-shadow:0 4px 16px rgba(18,39,51,.04);
}
.testimonial-card__quote{color:var(--cyan-wash,#ECEAFB); margin-bottom:14px;}
.testimonial-card__text{font-size:14px; line-height:1.65; color:var(--text-dim); margin-bottom:18px; min-height:84px; font-style:italic;}
.testimonial-card__stars{color:#f5a623; font-size:14px; letter-spacing:2px; margin-bottom:14px;}
.testimonial-card__who{display:flex; align-items:center; gap:11px; font-size:13px; color:var(--text-dim); padding-top:14px; border-top:1px solid var(--line);}
.testimonial-card__avatar{
  width:38px; height:38px; border-radius:50%; background:var(--panel2,#f2f2f2); color:var(--text-faint);
  display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0;
}
@media (max-width:900px){ .testimonial-grid{grid-template-columns:1fr;} }

/* ======================================================================
   KONUM / HARİTA
   ====================================================================== */
.location-sec__grid{display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:center;}
.location-sec__addr{display:flex; align-items:flex-start; gap:9px; font-size:14.5px; color:var(--text-dim); margin:18px 0 8px; line-height:1.5;}
.location-sec__addr svg{color:var(--cyan-dim,#3B32B0); flex-shrink:0; margin-top:2px;}
.location-sec__hours{font-size:13px; color:var(--text-faint); margin-bottom:22px;}
.location-sec__actions{display:flex; gap:12px; flex-wrap:wrap;}
.location-sec__map{border-radius:16px; overflow:hidden; height:320px; box-shadow:0 10px 30px rgba(18,39,51,.1); border:1px solid var(--line);}
.location-sec__map--placeholder{display:flex; align-items:center; justify-content:center; background:var(--panel2,#f2f2f2);}
.location-sec__map-fallback{display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--text-faint); text-align:center; padding:20px; max-width:220px;}
.location-sec__map-fallback svg{color:var(--cyan-dim,#3B32B0);}
.location-sec__map-fallback span{font-size:12.5px; line-height:1.5;}
@media (max-width:900px){
  .location-sec__grid{grid-template-columns:1fr;}
  .location-sec__map{height:260px;}
}

/* ======================================================================
   KAYDIRMADA BELİRME ANİMASYONU — genel amaçlı, herhangi bir bölüme
   .reveal-up sınıfı eklenerek kullanılabilir
   ====================================================================== */
.reveal-up{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.reveal-up.is-visible{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  .reveal-up{opacity:1; transform:none; transition:none;}
}

/* ======================================================================
   ÜRÜNLER SAYFASI — Kategori Seçim Ekranı (yan menü yerine)
   ====================================================================== */
.category-landing{padding:48px 0 56px; position:relative;}
.category-landing__head{text-align:center; max-width:640px; margin:0 auto 34px;}
.category-landing__title{font-size:clamp(24px,3.4vw,32px); font-weight:700; color:var(--ink,#12232e); margin-top:10px;}
.category-landing__sub{font-size:14.5px; color:var(--text-dim); margin-top:12px; line-height:1.6;}

.cat-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; margin-bottom:40px;
}
.cat-card{
  position:relative; display:flex; flex-direction:column; align-items:center; text-align:center;
  background:var(--card,#fff); border:1px solid var(--line); border-radius:16px; padding:24px 16px 20px;
  cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cat-card:hover{transform:translateY(-4px); box-shadow:0 16px 34px rgba(18,39,51,.12); border-color:var(--cyan-dim,#3B32B0);}
.cat-card__img{
  width:72px; height:72px; border-radius:14px; overflow:hidden; margin-bottom:14px; background:var(--panel2,#f2f2f2);
  display:flex; align-items:center; justify-content:center;
}
.cat-card__img img{width:100%; height:100%; object-fit:cover;}
.cat-card--all .cat-card__icon{
  width:72px; height:72px; border-radius:14px; margin-bottom:14px; background:linear-gradient(155deg,var(--navy,#241F5C),#180F42);
  display:flex; align-items:center; justify-content:center;
}
.cat-card--all .cat-card__code{color:#fff; font-weight:800; font-size:13px; letter-spacing:.04em;}
.cat-card--all{border-color:var(--navy,#241F5C); background:linear-gradient(180deg,#fff,var(--panel2,#f7f9fa));}
.cat-card__label{font-size:14.5px; font-weight:700; color:var(--ink,#12232e); line-height:1.35;}
.cat-card__star{color:#f5a623; margin-left:2px;}
.cat-card__count{font-size:12px; color:var(--text-faint); margin-top:6px; font-weight:600;}
.cat-card.is-active{border-color:var(--cyan,#4B3FD9); box-shadow:0 0 0 2px var(--cyan,#4B3FD9) inset;}

.category-landing__cta{
  max-width:none; margin:0; text-align:left; background:linear-gradient(115deg,var(--navy,#241F5C),#180F42);
  border:none; border-radius:18px; padding:28px 32px; position:relative; overflow:hidden;
  display:flex; align-items:center; gap:24px; flex-wrap:wrap; color:#fff;
}
.category-landing__cta::before{
  content:""; position:absolute; inset:0; opacity:.07; pointer-events:none;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size:24px 24px;
}
.category-landing__cta > *{position:relative; z-index:1;}
.category-landing__cta-textwrap{flex:1; min-width:240px;}
.category-landing__cta-status{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:700; color:#a394f5; margin-bottom:10px;}
.category-landing__cta-status-dot{width:6px; height:6px; border-radius:50%; background:#4cd987; box-shadow:0 0 0 0 rgba(76,217,135,.5); animation:statusPulse 2s infinite;}
.category-landing__cta-title{display:block; font-size:19px; font-weight:700; color:#fff; margin-bottom:8px;}
.category-landing__cta-desc{font-size:13.5px; color:rgba(255,255,255,.65); line-height:1.6; margin-bottom:0; max-width:420px;}
.category-landing__cta .btn--primary{background:#25D366; border-color:#25D366; flex-shrink:0;}
.category-landing__cta .btn--primary:hover{background:#1fb955;}

.catalog-view{padding-top:8px;}
.back-to-categories{
  display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--cyan-dim,#3B32B0);
  background:var(--card,#fff); border:1px solid var(--line); border-radius:99px; padding:9px 16px 9px 12px; margin-bottom:16px; cursor:pointer;
  position:sticky; top:14px; z-index:20; box-shadow:0 6px 16px rgba(18,39,51,.08); transition:box-shadow .15s ease;
}
.back-to-categories:hover{color:var(--navy,#241F5C); box-shadow:0 8px 20px rgba(18,39,51,.14);}

@media (max-width:1024px){
  .cat-grid{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:700px){
  .cat-grid{grid-template-columns:repeat(2, 1fr); gap:12px;}
  .cat-card{padding:18px 10px 16px;}
  .cat-card__img, .cat-card--all .cat-card__icon{width:56px; height:56px;}
  .category-landing{padding:32px 0 40px;}
}

/* ---- "Tüm Ürünler" öne çıkan geniş kart ---- */
.cat-card--featured{
  flex-direction:row; align-items:center; text-align:left; gap:18px; max-width:520px; margin:0 auto 36px;
  padding:20px 24px; border-color:var(--navy,#241F5C);
}
.cat-card--featured .cat-card__icon{margin-bottom:0; flex-shrink:0;}
.cat-card--featured .cat-card__body{flex:1;}
.cat-card--featured .cat-card__count{margin-top:4px;}
.cat-card__arrow{color:var(--text-faint); flex-shrink:0; transition:transform .15s ease;}
.cat-card--featured:hover .cat-card__arrow{transform:translateX(4px); color:var(--cyan,#4B3FD9);}

/* ---- Kategori grupları ---- */
.cat-group{margin-bottom:32px;}
.cat-group__head{display:flex; align-items:baseline; gap:12px; margin-bottom:14px; flex-wrap:wrap;}
.cat-group__title{font-size:13px; font-weight:800; color:var(--navy,#241F5C); text-transform:uppercase; letter-spacing:.04em;}
.cat-group__note{font-size:12px; color:var(--text-faint);}
.cat-grid--3{grid-template-columns:repeat(3, 1fr);}
.cat-grid--4{grid-template-columns:repeat(4, 1fr);}
@media (max-width:1024px){
  .cat-grid--3{grid-template-columns:repeat(3, 1fr);}
  .cat-grid--4{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:700px){
  .cat-grid--3, .cat-grid--4{grid-template-columns:repeat(2, 1fr);}
}

/* ---- "Popüler" rozeti ---- */
.cat-card{position:relative;}
.cat-card__badge{
  position:absolute; top:-9px; left:50%; transform:translateX(-50%); background:var(--amber,#d97e0a); color:#fff;
  font-size:9.5px; font-weight:800; padding:3px 9px; border-radius:99px; white-space:nowrap; letter-spacing:.02em;
  box-shadow:0 3px 8px rgba(217,126,10,.35);
}
.cat-card--popular{border-color:rgba(217,126,10,.3);}

/* ---- Açıklama balonu (tooltip) ---- */
.cat-tooltip{
  position:absolute; transform:translate(-50%,-100%); background:var(--ink,#12232e); color:#fff; font-size:12px;
  line-height:1.5; padding:9px 13px; border-radius:9px; max-width:230px; text-align:center; z-index:30;
  pointer-events:none; box-shadow:0 10px 24px rgba(18,39,51,.25);
}
.cat-tooltip::after{
  content:""; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:9px; height:9px;
  background:var(--ink,#12232e); rotate:45deg;
}
.cat-card:focus-visible{outline:2px solid var(--cyan,#4B3FD9); outline-offset:2px;}
@media (max-width:700px){ .cat-tooltip{display:none;} }

.cat-card__cart-badge{
  position:absolute; top:-9px; right:-8px; background:var(--navy,#241F5C); color:#fff; font-size:9.5px; font-weight:800;
  padding:4px 8px; border-radius:99px; white-space:nowrap; box-shadow:0 3px 8px rgba(18,39,51,.3); z-index:2;
}
.cat-card--featured .cat-card__cart-badge{top:-9px; right:14px;}

/* ======================================================================
   ÜRÜNLER SAYFASI — TAMAMEN YENİDEN TASARIM (v2)
   Temiz, teknik, kendinden emin bir başlık şeridi + boyut hiyerarşili
   "bento" ızgara. Eski .cat-card sistemi artık kullanılmıyor (yukarıda
   kalan kurallar zararsız, ölü CSS'tir).
   ====================================================================== */

/* ---- Üst Başlık Şeridi (eski dekoratif hero'nun yerine) ---- */
.pg-head{background:var(--card,#fff); padding:38px 0 0; position:relative;}
.pg-head__inner{position:relative;}
.pg-head__row{display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-top:22px; flex-wrap:wrap;}
.pg-head__titlewrap{max-width:560px;}
.pg-head__kicker{
  font-family:'Roboto Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.14em;
  color:var(--cyan-dim,#3B32B0);
}
.pg-head__title{font-size:clamp(32px,4.6vw,48px); font-weight:800; color:var(--ink,#12232e); line-height:1.05; margin-top:10px; letter-spacing:-.01em;}
.pg-head__sub{font-size:14.5px; color:var(--text-dim); line-height:1.6; margin-top:14px; max-width:480px;}
.pg-head__searchwrap{flex:1; min-width:280px; max-width:420px; margin-bottom:4px;}
.pg-head__quickstats{display:flex; align-items:center; gap:10px; margin-top:14px; font-size:12px; color:var(--text-faint); flex-wrap:wrap;}
.pg-head__quickstats b{color:var(--ink,#12232e); font-family:'Roboto Mono',monospace;}
.pg-head__dot{width:3px; height:3px; border-radius:50%; background:var(--text-faint);}
.pg-head__rule{
  margin-top:32px; height:1px; width:100%;
  background:repeating-linear-gradient(90deg, var(--line) 0, var(--line) 6px, transparent 6px, transparent 12px);
}
/* .search--hero koyu arka plan için tasarlanmıştı (beyaz yazı) — burada
   açık başlık üzerinde olduğu için renkleri geçersiz kılıyoruz. */
.pg-head__searchwrap .search--hero{
  background:var(--card,#fff); border-color:var(--line); color:var(--text-dim);
  box-shadow:0 2px 10px rgba(18,39,51,.06);
}
.pg-head__searchwrap .search--hero input{color:var(--ink,#12232e);}
.pg-head__searchwrap .search--hero input::placeholder{color:var(--text-faint);}
.pg-head__searchwrap .search--hero:focus-within{border-color:var(--cyan,#4B3FD9); box-shadow:0 0 0 4px rgba(0,168,181,.14);}
.pg-head__searchwrap .search--hero .search__count{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}

/* ---- Bento Izgara ---- */
.pg-groups{padding:40px 0 56px; position:relative;}
.pg-groups::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; z-index:-1;
  opacity:.5; pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px; mask-image:linear-gradient(180deg, black, transparent 85%);
}

@keyframes pgTileIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);}}
.pg-tile{animation:pgTileIn .45s ease backwards;}
.pg-tile:nth-child(1){animation-delay:.02s;}
.pg-tile:nth-child(2){animation-delay:.05s;}
.pg-tile:nth-child(3){animation-delay:.08s;}
.pg-tile:nth-child(4){animation-delay:.11s;}
.pg-tile:nth-child(5){animation-delay:.14s;}
.pg-tile:nth-child(n+6){animation-delay:.17s;}
@media (prefers-reduced-motion:reduce){ .pg-tile{animation:none;} }

/* Rekorsan tarzı: sade, TEK BOYUTLU, görsel ağırlıklı kart ızgarası —
   önceki sürümdeki farklı boy kartlar (--all tam genişlik, --lg 2 sütun)
   ve rozetler kaldırıldı, hepsi aynı boyuta indirgendi. */
.pg-bento{
  display:grid; grid-template-columns:repeat(5, 1fr); gap:14px; margin-bottom:36px;
}
.pg-tile{
  position:relative; text-align:left; background:#F0F4F9; border:1px solid var(--line); border-radius:12px;
  cursor:pointer; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  padding:0; grid-column:span 1;
}
.pg-tile:before{
  position:absolute; content:''; top:0; height:3px; background:var(--theme_primary,var(--cyan));
  left:20px; right:20px; border-radius:5px; z-index:2;
}
.pg-tile:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(18,39,51,.12); border-color:var(--cyan-dim,#3B32B0);}
.pg-tile:active{transform:translateY(-1px); transition-duration:.05s;}
.pg-tile:focus-visible{outline:2px solid var(--cyan,#4B3FD9); outline-offset:2px;}

.pg-tile__img{display:block; width:100%; aspect-ratio:1/1; background:var(--panel2,#f2f2f2); overflow:hidden; position:relative;}
.pg-tile__img::before{
  content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.5) 50%, transparent 70%);
  background-size:200% 100%; animation:pgShimmer 1.8s ease-in-out infinite;
}
.pg-tile__img img{position:relative; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .3s ease;}
.pg-tile:hover .pg-tile__img img{transform:scale(1.06);}
@keyframes pgShimmer{0%{background-position:150% 0;} 100%{background-position:-50% 0;}}

.pg-tile__foot{padding:12px 14px; text-align:center;}
.pg-tile__title{display:block; font-size:12.5px; font-weight:700; color:var(--ink,#12232e); line-height:1.3; text-transform:uppercase; letter-spacing:.01em;}
.pg-tile__count{display:block; margin-top:3px; font-family:'Roboto Mono',monospace; font-size:11px; font-weight:600; color:var(--text-faint);}

/* "Tüm Ürünler" — artık görseli olmayan diğer kartlarla aynı boyutta,
   sade, marka renginde dolu bir kart (Rekorsan'da tüm kartlar sade
   isim gösteriyor; bu kart tek ayrıcalığını sadece renkle koruyor) */
.pg-tile--all{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center;
  aspect-ratio:1/1; background:linear-gradient(150deg,var(--navy,#241F5C),#180F42); border-color:transparent; color:#fff; padding:14px;
}
.pg-tile--all:hover{border-color:transparent; box-shadow:0 14px 30px rgba(18,39,51,.28);}
.pg-tile__eyebrow{font-family:'Roboto Mono',monospace; font-size:9.5px; font-weight:700; letter-spacing:.1em; color:#a394f5; display:block;}
.pg-tile--all .pg-tile__title{font-size:14px; font-weight:800; color:#fff;}
.pg-tile--all .pg-tile__meta{font-size:10.5px; color:rgba(255,255,255,.65);}
.pg-tile--all .pg-tile__meta b{color:#fff; font-family:'Roboto Mono',monospace;}
.pg-tile__arrow{display:none;} /* sade tasarımda ok simgesi kaldırıldı */
.pg-tile__blueprint{
  position:absolute; inset:0; opacity:.08; pointer-events:none;
  background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size:26px 26px;
}
.pg-tile__badge{display:none;} /* "★ En Geniş Grup" gibi rozetler sade tasarımda kaldırıldı */

.pg-tile__cart-badge{
  position:absolute; top:6px; right:6px; background:var(--green,#1d8a4a); color:#fff; font-size:9.5px; font-weight:800;
  padding:4px 8px; border-radius:99px; white-space:nowrap; box-shadow:0 3px 8px rgba(18,39,51,.3); z-index:3;
}

@media (max-width:1100px){
  .pg-bento{grid-template-columns:repeat(3, 1fr);}
}
@media (max-width:760px){
  .pg-head{padding-top:26px;}
  .pg-head__row{flex-direction:column; align-items:stretch;}
  .pg-head__searchwrap{max-width:none;}
  .pg-bento{grid-template-columns:repeat(2, 1fr); gap:10px;}
}

/* ======================================================================
   ÜRÜN DETAY SAYFASI — İskelet yükleme ekranı, "Öne Çıkan" görsel
   yakınlaştırma, yapışkan mobil sepet çubuğu ve ilgili k\u00fc\u00e7\u00fck iyile\u015ftirmeler
   ====================================================================== */
.skel{background:linear-gradient(100deg, var(--panel-2) 30%, rgba(255,255,255,.6) 50%, var(--panel-2) 70%); background-size:200% 100%; animation:skelShimmer 1.6s ease-in-out infinite;}
@keyframes skelShimmer{0%{background-position:150% 0;} 100%{background-position:-50% 0;}}
.skel-text{border-radius:6px;}
.skel-block{width:100%;}
.product-skeleton{padding-top:24px;}
@media (prefers-reduced-motion:reduce){ .skel{animation:none; background:var(--panel-2);} }

/* Ürün fotoğrafı: fare ile üzerine gelince hafif yakınlaştırma */
.product-media__frame img{transition:transform .35s ease;}
.product-media__frame:hover img{transform:scale(1.06);}
@media (hover:none){ .product-media__frame:hover img{transform:none;} }

/* Miktar seçici */
.product-info__cartrow{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap;}
.product-qty{display:flex; align-items:center; border:1px solid var(--line); border-radius:10px; overflow:hidden; flex-shrink:0;}
.product-qty__btn{width:38px; height:44px; background:var(--panel2,#f7f9fa); border:none; font-size:17px; font-weight:600; color:var(--text-dim); flex-shrink:0;}
.product-qty__btn:hover{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.product-qty__input{width:46px; height:44px; border:none; border-left:1px solid var(--line); border-right:1px solid var(--line); text-align:center; font-size:14px; font-weight:700;}
.product-info__cartrow .product-add-quote-btn{flex:1; min-width:180px;}

/* Paylaş / Yazdır satırı */
.product-info__utilrow{display:flex; gap:16px; margin-top:12px;}
.product-util-btn{display:flex; align-items:center; gap:6px; background:none; border:none; font-size:12px; font-weight:600; color:var(--text-faint); padding:4px 0;}
.product-util-btn:hover{color:var(--cyan-dim,#3B32B0);}
.product-util-btn.is-copied{color:var(--green,#1d8a4a);}
.product-util-btn.is-copied::after{content:"Kopyalandı ✓"; margin-left:2px;}

/* Sepet odaklı not ve fiyat-CTA kutusu */
.product-note--cart{background:var(--cyan-wash,#ECEAFB); border-radius:10px; padding:11px 14px; font-size:12.5px; line-height:1.6; color:var(--text-dim); margin-top:10px;}
.product-price-cta{display:flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--cyan-dim,#3B32B0); margin-top:8px;}

/* Yapışkan mobil "Sepete Ekle" çubuğu — ana CTA görünümden çıkınca belirir */
.product-sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:120; background:var(--card,#fff); border-top:1px solid var(--line);
  padding:10px 14px; display:none; align-items:center; gap:10px; box-shadow:0 -8px 24px rgba(18,39,51,.1);
  transform:translateY(100%); transition:transform .25s ease;
}
.product-sticky-cta.is-visible{transform:translateY(0);}
.product-sticky-cta__name{flex:1; min-width:0; font-size:12.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-sticky-cta__btn{flex-shrink:0; padding:10px 16px; font-size:12.5px;}
@media (max-width:760px){ .product-sticky-cta{display:flex;} }

@media print{
  .site-head, .topbar, .nav-scrim, .site-foot, .float-actions, .back-to-top,
  .product-sticky-cta, .pdp__buybox-secondary, .related, .recent-products, .spec-table__search,
  .product-media__copy-code, .product-media__qr-btn, .product-fav-btn, .bp-grid, .pagehead__waves{display:none !important;}
  .pdp{padding:0 !important;}
  .pdp__layout{grid-template-columns:1fr !important; display:block !important;}
  body{background:#fff !important;}
}

/* ======================================================================
   ÜRÜN DETAY SAYFASI v2 — sabit (sticky) medya kolonu + kayan içerik.
   ====================================================================== */
.pdp{padding:28px 0 60px;}
.pdp__layout{display:grid; grid-template-columns:420px 1fr; gap:44px; align-items:start; max-width:var(--maxw); margin:0 auto; padding:0 24px;}

.pdp__media{position:sticky; top:96px;}
.pdp__mediatabs{display:flex; gap:8px; margin-bottom:12px;}
.pdp__mediatab{
  display:flex; align-items:center; gap:6px; padding:8px 14px; border-radius:99px; border:1px solid var(--line);
  background:var(--card); font-size:12.5px; font-weight:700; color:var(--text-dim); transition:.15s;
}
.pdp__mediatab:hover{border-color:var(--cyan-dim,#3B32B0); color:var(--cyan-dim,#3B32B0);}
.pdp__mediatab.is-active{background:var(--navy,#241F5C); color:#fff; border-color:var(--navy,#241F5C);}

.pdp__stage{position:relative; aspect-ratio:1/1; border-radius:18px; overflow:hidden; background:var(--panel2,#f2f2f2); border:1px solid var(--line);}
.pdp__stageview{position:absolute; inset:0; display:none; align-items:center; justify-content:center; cursor:zoom-in;}
.pdp__stageview.is-active{display:flex;}
.pdp__stageview img{width:100%; height:100%; object-fit:contain; transition:transform .35s ease;}
.pdp__stage:hover .pdp__stageview.is-active img{transform:scale(1.05);}
.pdp__stageview[data-view="3d"]{cursor:default;}
.pdp__stageview[data-view="3d"] .product-3d, .pdp__stageview[data-view="3d"] .product-3d-missing{width:100%; height:100%;}

.pdp__mediameta{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:14px; flex-wrap:wrap;}
.pdp__skuchip{display:flex; align-items:center; gap:8px; font-family:'Roboto Mono',monospace; font-weight:700; font-size:12px; background:var(--panel2,#f2f2f2); padding:7px 12px; border-radius:8px; color:var(--text-dim);}
.pdp__skuchip .product-media__copy-sku{background:none; border:none; color:var(--text-faint); display:flex;}
.pdp__skuchip .product-media__copy-sku:hover{color:var(--cyan-dim,#3B32B0);}
.pdp__skuchip .product-media__copy-sku.is-copied{color:var(--green,#1d8a4a);}
.pdp__catchip{font-size:12px; font-weight:600; color:var(--text-faint);}

.pdp__content{min-width:0;}
.pdp__topline{display:flex; gap:10px; margin-bottom:10px; flex-wrap:wrap;}
.pdp__title{font-size:clamp(24px,3vw,32px); font-weight:800; line-height:1.15; letter-spacing:-.01em; color:var(--ink,#12232e);}
.pdp__lede{font-size:14px; color:var(--text-dim); margin-top:12px; line-height:1.65; max-width:60ch;}

.pdp__quickfacts{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1px; background:var(--line);
  border:1px solid var(--line); border-radius:14px; overflow:hidden; margin-top:22px;
}
.pdp__qf{background:var(--card,#fff); padding:12px 14px;}
.pdp__qf-label{display:block; font-size:9.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--text-faint); font-weight:700; margin-bottom:5px;}
.pdp__qf-val{font-size:12.5px; font-weight:700; color:var(--ink,#12232e);}
.pdp__qf-val--ok{color:var(--green,#1d8a4a);}
.pdp__qf-val--oos{color:var(--red,#c4515a);}

.pdp__buybox{background:var(--panel2,#f7f9fa); border-radius:18px; padding:22px; margin-top:22px; border:1px solid var(--line);}
.pdp__buybox-row{display:flex; gap:10px; margin-top:16px; flex-wrap:wrap;}
.pdp__buybox-row .product-add-quote-btn{flex:1; min-width:200px;}
.pdp__buybox-secondary{display:flex; gap:20px; margin-top:16px; flex-wrap:wrap; padding-top:16px; border-top:1px solid var(--line);}
.pdp__contactlink{display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--cyan-dim,#3B32B0); background:none; border:none;}
.pdp__contactlink:hover{color:var(--navy,#241F5C);}

.pdp__section{margin-top:32px;}

@media (max-width:1000px){
  .pdp__layout{grid-template-columns:1fr; gap:28px;}
  .pdp__media{position:static;}
  .pdp__quickfacts{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:520px){
  .pdp__layout{padding:0 16px;}
  .pdp__buybox-row .product-add-quote-btn{min-width:0;}
}

/* Ürün detay bölüm başlıkları (Teknik Özellikler, Neden Bizi Tercih Etmelisiniz vb.) */
.pdp__section-title{
  display:flex; align-items:center; gap:8px; font-size:15px; font-weight:800; color:var(--ink,#12232e);
  margin:0 0 16px; padding-bottom:12px; border-bottom:2px solid var(--line);
}

/* Kurumsal güven bölümü — her ürün sayfasında sabit görünen 4 temel sinyal + varsa özel rozetler */
.product-trust-corp{background:var(--panel2,#f7f9fa); border-radius:16px; padding:22px; border:1px solid var(--line);}
.product-trust-corp__grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:16px;}
.product-trust-corp__item{display:flex; align-items:flex-start; gap:12px;}
.product-trust-corp__icon{
  flex-shrink:0; width:38px; height:38px; border-radius:10px; background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);
  display:flex; align-items:center; justify-content:center;
}
.product-trust-corp__item b{display:block; font-size:12.5px; font-weight:700; color:var(--ink,#12232e); margin-bottom:2px;}
.product-trust-corp__item span{font-size:11.5px; color:var(--text-faint); line-height:1.4;}
.product-trust__custom{display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line);}
@media (min-width:520px) and (max-width:1000px){ .product-trust-corp__grid{grid-template-columns:repeat(4, 1fr);} }
@media (max-width:520px){ .product-trust-corp{padding:16px;} }

/* ======================================================================
   DESTEK TALEPLERİM — WHMCS tarzı ticket sistemi
   ====================================================================== */
.account-tickets-head{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px;}
.account-back-link{display:inline-flex; align-items:center; gap:6px; background:none; border:none; font-size:12px; font-weight:700; color:var(--text-faint); margin-bottom:16px; cursor:pointer;}
.account-back-link:hover{color:var(--cyan-dim);}

.account-ticket-list{display:flex; flex-direction:column; gap:8px;}
.account-ticket-row{display:flex; align-items:center; gap:14px; padding:12px; border:1px solid var(--line); border-radius:11px; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
.account-ticket-row:hover{border-color:var(--cyan); background:var(--panel2,#f7f9fa);}
.account-ticket-row__no{font-family:'Roboto Mono',monospace; font-size:10.5px; font-weight:700; color:var(--text-faint); flex-shrink:0; width:88px;}
.account-ticket-row__mid{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.account-ticket-row__mid b{font-size:12.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.account-ticket-row__mid small{font-size:11px; color:var(--text-faint);}
.account-ticket-row__priority, .account-ticket-row__status{flex-shrink:0; font-size:10.5px; font-weight:700; padding:4px 10px; border-radius:99px;}
.account-ticket-row__priority.is-dusuk{background:var(--panel2,#f2f2f2); color:var(--text-faint);}
.account-ticket-row__priority.is-normal{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.account-ticket-row__priority.is-yuksek{background:var(--amber-wash,#fdf1de); color:var(--amber,#c07a12);}
.account-ticket-row__priority.is-acil{background:var(--red-wash,#fbeaec); color:var(--red,#c4515a);}
.account-ticket-row__status.is-acik{background:var(--cyan-wash,#ECEAFB); color:var(--cyan-dim,#3B32B0);}
.account-ticket-row__status.is-yanitlandi{background:var(--amber-wash,#fdf1de); color:var(--amber,#c07a12);}
.account-ticket-row__status.is-musteri_yanitladi{background:var(--green-wash,#e8f7ee); color:var(--green,#1d8a4a);}
.account-ticket-row__status.is-kapali{background:var(--panel2,#f2f2f2); color:var(--text-faint);}
@media (max-width:640px){ .account-ticket-row{flex-wrap:wrap;} .account-ticket-row__no{width:auto;} }

.account-ticket-form{display:flex; flex-direction:column; gap:16px; max-width:520px;}
.account-ticket-form label{display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:700; color:var(--text-dim);}
.account-ticket-form select, .account-ticket-form input, .account-ticket-form textarea{
  font-family:inherit; font-size:13px; font-weight:500; padding:10px 12px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:var(--card,#fff);
}
.account-ticket-form textarea{resize:vertical;}
.account-ticket-form select:focus, .account-ticket-form input:focus, .account-ticket-form textarea:focus{outline:none; border-color:var(--cyan);}

.account-ticket-detail-head{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--line);}
.account-ticket-detail-head h2{margin:4px 0 0; font-size:17px;}
.account-ticket-thread{display:flex; flex-direction:column; gap:12px; max-height:440px; overflow-y:auto; padding-right:4px;}
.account-ticket-msg{max-width:82%; padding:12px 14px; border-radius:12px; background:var(--panel2,#f7f9fa); border:1px solid var(--line);}
.account-ticket-msg.is-musteri{align-self:flex-end; background:var(--cyan-wash,#ECEAFB); border-color:transparent;}
.account-ticket-msg.is-personel{align-self:flex-start;}
.account-ticket-msg__head{display:flex; justify-content:space-between; gap:12px; font-size:10.5px; margin-bottom:5px;}
.account-ticket-msg__head b{color:var(--text-dim); font-weight:700;}
.account-ticket-msg__head span{color:var(--text-faint);}
.account-ticket-msg p{margin:0; font-size:12.5px; line-height:1.6; color:var(--text);}
.account-ticket-reply{display:flex; flex-direction:column; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line);}
.account-ticket-reply textarea{font-family:inherit; font-size:13px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; resize:vertical;}
.account-ticket-reply textarea:focus{outline:none; border-color:var(--cyan);}
.account-ticket-reply .btn{align-self:flex-end;}
@media (max-width:640px){ .account-ticket-msg{max-width:94%;} }

/* ======================================================================
   HESABIM v2 — koyu lacivert + altın kurumsal tema, kart tabanlı HUB
   ====================================================================== */
.acv2{
  --bg:#f5f8fa; --panel:#ffffff; --panel-2:#eef3f7; --line:#dbe5eb; --line-soft:#e8f0f4;
  --text:#122733; --text-dim:#54697a; --text-faint:#5a6e7d;
  --cyan:#4B3FD9; --cyan-dim:#3B32B0; --cyan-wash:rgba(75,63,217,.1);
  --card:#ffffff; --navy:#241F5C; --amber:#c07a12; --amber-wash:#fdf1de;
  --green:#1d8a4a; --green-wash:#e8f7ee; --red:#c4515a; --red-wash:#fbeaec;
  background:var(--bg);
  min-height:100vh; color:var(--text); padding-bottom:60px;
}
.acv2 h1, .acv2 h2, .acv2 h3{color:var(--text);}
.acv2 a{color:var(--cyan-dim);}

.acv2__topbar{display:flex; align-items:center; justify-content:space-between; padding:20px clamp(20px,4vw,56px); border-bottom:1px solid var(--line);}
.acv2__brand{font-family:'Jost',sans-serif; font-size:14px; font-weight:700; letter-spacing:.03em; color:var(--text);}
.acv2__brand em{font-style:normal; color:var(--cyan); font-weight:500; margin-left:6px;}
.acv2__topbar-right{display:flex; align-items:center; gap:10px; position:relative;}
.acv2__iconbtn{width:38px; height:38px; border-radius:10px; background:var(--panel-2); border:1px solid var(--line); color:var(--text-dim); display:flex; align-items:center; justify-content:center; position:relative; transition:.15s;}
.acv2__iconbtn:hover{border-color:var(--cyan); color:var(--cyan);}

.acv2__hub{max-width:1080px; margin:0 auto; padding:40px clamp(20px,4vw,56px) 0;}
.acv2__hero{display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid var(--line);}
.acv2__hero-avatar{
  width:64px; height:64px; border-radius:50%; background:linear-gradient(150deg,var(--cyan),var(--cyan-dim)); color:#fff;
  display:flex; align-items:center; justify-content:center; font-family:'Jost',sans-serif; font-size:22px; font-weight:800; flex-shrink:0;
  box-shadow:0 8px 24px rgba(75,63,217,.25);
}
.acv2__hero-text{flex:1; min-width:200px;}
.acv2__hero-eyebrow{display:block; font-family:'Roboto Mono',monospace; font-size:10px; font-weight:700; letter-spacing:2px; color:var(--cyan);}
.acv2__hero-text h1{font-size:26px; margin:4px 0 0; font-weight:700;}
.acv2__hero-custid{display:block; font-family:'Roboto Mono',monospace; font-size:11px; color:var(--text-faint); margin-top:5px;}
.acv2__hero-stats{display:flex; gap:10px; flex-wrap:wrap;}

.acv2__completion{margin-bottom:28px; padding:16px 18px; background:var(--panel-2); border-radius:12px; border:1px solid var(--line);}
.acv2__completion-head{display:flex; justify-content:space-between; font-size:12px; color:var(--text-dim); margin-bottom:8px;}
.acv2__completion-head b{color:var(--cyan);}
.acv2__completion-track{height:6px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden;}
.acv2__completion-fill{height:100%; background:linear-gradient(90deg,var(--cyan-dim),var(--cyan)); border-radius:99px; width:0; transition:width .6s ease;}

.acv2__cardgrid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:32px;}
.acv2__card{
  position:relative; text-align:left; padding:24px; background:var(--card); border:1px solid var(--line); border-radius:16px;
  display:flex; flex-direction:column; gap:10px; cursor:pointer; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  min-height:150px; box-shadow:0 2px 10px rgba(18,39,51,.05); overflow:hidden;
}
.acv2__card:before{
  position:absolute; content:''; top:0; left:20px; right:20px; height:3px;
  background:var(--theme_primary,var(--cyan)); border-radius:5px; z-index:2;
}
.acv2__card:hover{transform:translateY(-3px); border-color:var(--cyan); box-shadow:0 16px 34px rgba(18,39,51,.12);}
.acv2__card--lg{grid-column:span 2;}
.acv2__card-icon{width:44px; height:44px; border-radius:12px; background:var(--cyan-wash); color:var(--cyan); display:flex; align-items:center; justify-content:center;}
.acv2__card b{font-size:15px; font-weight:700; color:var(--text);}
.acv2__card-desc{font-size:12px; color:var(--text-faint); line-height:1.5; flex:1;}
.acv2__card-arrow{font-size:11.5px; font-weight:700; color:var(--cyan);}
.acv2__card-badge{
  position:absolute; top:18px; right:18px; background:var(--cyan); color:#fff; font-size:10.5px; font-weight:800;
  padding:3px 9px; border-radius:99px;
}
@media (max-width:820px){ .acv2__cardgrid{grid-template-columns:repeat(2, 1fr);} .acv2__card--lg{grid-column:span 2;} }
@media (max-width:560px){ .acv2__cardgrid{grid-template-columns:1fr;} .acv2__card--lg{grid-column:span 1;} }

.acv2__quicklinks{display:flex; gap:14px; flex-wrap:wrap; padding-top:8px;}
.acv2__quicklinks a{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:var(--text-dim); padding:10px 16px; border:1px solid var(--line); border-radius:99px; transition:.15s;}
.acv2__quicklinks a:hover{border-color:var(--cyan); color:var(--cyan);}

.acv2__detail{max-width:900px; margin:0 auto; padding:32px clamp(20px,4vw,56px) 0;}
.acv2__backbtn{display:inline-flex; align-items:center; gap:7px; background:none; border:none; color:var(--text-faint); font-size:12.5px; font-weight:700; margin-bottom:22px; cursor:pointer;}
.acv2__backbtn:hover{color:var(--cyan);}
.acv2__detail-inner{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px;}
@media (max-width:600px){ .acv2__detail-inner{padding:20px;} }

/* Panel aktifken sayfa sitenin geri kalanıyla bütünleşik hissetsin diye
   standart üst bilgi/başlık/altbilgi KORUNUYOR — sadece body arka planını
   panelin koyu rengine yakın tutuyoruz ki kaydırma sırasında kenarlarda
   ani bir beyaz şerit görünmesin. */
body.acv2-active{background:#f5f8fa;}

.acv2__announce{display:flex; flex-direction:column; gap:10px; margin-bottom:24px;}
.acv2__announce-item{display:flex; gap:12px; padding:14px 16px; background:var(--panel-2); border:1px solid var(--line); border-radius:12px;}
.acv2__announce-dot{width:8px; height:8px; border-radius:50%; background:var(--cyan); flex-shrink:0; margin-top:6px; box-shadow:0 0 0 4px var(--cyan-wash);}
.acv2__announce-item b{display:block; font-size:12.5px; font-weight:700; color:var(--text); margin-bottom:3px;}
.acv2__announce-item p{margin:0; font-size:12px; color:var(--text-dim); line-height:1.5;}
.acv2__announce-item small{display:block; font-size:10.5px; color:var(--text-faint); margin-top:5px;}

/* Sadakat rozeti */
.account-loyalty-badge{display:inline-flex; align-items:center; gap:7px; background:var(--amber-wash); color:var(--amber); font-size:12px; font-weight:700; padding:8px 14px; border-radius:99px; margin-top:10px;}

/* Profil fotoğrafı yükleme */
.account-avatar-upload{display:flex; align-items:center; gap:16px; margin:18px 0 22px;}
.account-avatar-upload__preview{width:64px; height:64px; border-radius:50%; background:var(--cyan-wash); color:var(--cyan-dim); display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:800; overflow:hidden; flex-shrink:0;}
.account-avatar-upload__preview img{width:100%; height:100%; object-fit:cover;}

/* Teslimat adresleri */
.account-address-row{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--line);}
.account-address-row div{display:flex; flex-direction:column; gap:2px;}
.account-address-row b{font-size:12.5px;}
.account-address-row span{font-size:11.5px; color:var(--text-faint);}
.account-address-row__default{font-size:9.5px; font-weight:700; color:var(--green); background:var(--green-wash); padding:2px 8px; border-radius:99px; margin-left:6px;}
.account-address-row__del{background:none; border:none; color:var(--text-faint); padding:6px;}
.account-address-row__del:hover{color:var(--red);}
.account-address-form{display:grid; grid-template-columns:1fr 2fr 1fr auto; gap:8px; margin-top:14px;}
.account-address-form input{font-family:inherit; font-size:12.5px; padding:9px 12px; border:1px solid var(--line); border-radius:8px;}
@media (max-width:640px){ .account-address-form{grid-template-columns:1fr;} }

/* Bildirim tercihleri */
.account-notif-prefs{display:flex; flex-direction:column; gap:2px;}
.account-notif-pref{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); cursor:pointer;}
.account-notif-pref b{display:block; font-size:12.5px; font-weight:700;}
.account-notif-pref small{display:block; font-size:11px; color:var(--text-faint); margin-top:2px;}
.account-notif-pref input{flex-shrink:0; width:38px; height:22px;}

/* Oturum geçmişi */
.account-login-row{display:flex; align-items:center; gap:12px; padding:9px 0; font-size:12px; color:var(--text-dim); border-bottom:1px solid var(--line);}
.account-login-row__now{font-size:9.5px; font-weight:700; color:var(--green); background:var(--green-wash); padding:2px 8px; border-radius:99px;}

/* Şu an açık/kapalı rozeti (hero içinde) */
.acv2__hero-openbadge{display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--green); margin-top:6px;}
.acv2__hero-openbadge span{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px var(--green-wash);}
.acv2__hero-openbadge.is-closed{color:var(--text-faint);}
.acv2__hero-openbadge.is-closed span{background:var(--text-faint); box-shadow:0 0 0 3px var(--line);}

/* Panel geneli arama */
.acv2__search{position:relative; display:flex; align-items:center; gap:10px; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 16px; margin-bottom:24px; color:var(--text-faint);}
.acv2__search input{flex:1; border:none; background:none; font-size:13px; color:var(--text); outline:none;}
.acv2__search-results{position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--card); border:1px solid var(--line); border-radius:12px; box-shadow:0 16px 34px rgba(18,39,51,.12); z-index:20; overflow:hidden;}
.acv2__search-results button{display:block; width:100%; text-align:left; padding:11px 16px; font-size:12.5px; color:var(--text-dim); border-bottom:1px solid var(--line); background:none;}
.acv2__search-results button:hover{background:var(--panel-2); color:var(--cyan-dim);}
.acv2__search-results button:last-child{border-bottom:none;}
.acv2__search-empty{padding:14px 16px; font-size:12px; color:var(--text-faint);}

/* Hızlı Notlarım */
.acv2__notes{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px; margin-top:20px;}
.acv2__notes-head{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--text); margin-bottom:14px;}
.acv2__notes-head span{font-size:10.5px; font-weight:500; color:var(--text-faint); margin-left:auto;}
.acv2__notes-empty{font-size:12px; color:var(--text-faint); margin-bottom:10px;}
.acv2__note-item{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); font-size:12.5px; color:var(--text-dim);}
.acv2__note-item button{background:none; border:none; color:var(--text-faint); font-size:16px; line-height:1; padding:2px 6px;}
.acv2__note-item button:hover{color:var(--red);}
.acv2__notes-add{display:flex; gap:8px; margin-top:12px;}
.acv2__notes-add input{flex:1; font-size:12.5px; padding:9px 12px; border:1px solid var(--line); border-radius:8px;}
.acv2__notes-add button{padding:9px 16px; border-radius:8px; border:none; background:var(--cyan); color:#fff; font-size:12px; font-weight:700;}
.acv2__notes-add button:hover{background:var(--cyan-dim);}

/* Sepet: kategori grup başlığı */
.cart-drawer__grouphead{font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--cyan-dim,#3B32B0); padding:14px 20px 6px;}
.cart-drawer__grouphead:first-child{padding-top:4px;}

/* Sepet: not butonu + alanı */
.cart-drawer__item-notebtn{background:none; border:none; color:var(--text-faint); padding:5px;}
.cart-drawer__item-notebtn:hover{color:var(--cyan-dim);}
.cart-drawer__item-note{max-height:0; overflow:hidden; transition:max-height .2s ease, margin-top .2s ease;}
.cart-drawer__item-note.is-open{max-height:44px; margin-top:8px;}
.cart-drawer__item-note input{width:100%; font-size:12px; padding:7px 10px; border:1px solid var(--line); border-radius:7px; font-family:inherit;}

/* Sepet: e-posta butonu (başlıkta) */
.cart-drawer__emailbtn{background:none; border:none; color:var(--text-faint); padding:6px; margin-left:auto;}
.cart-drawer__emailbtn:hover{color:var(--cyan-dim);}
.cart-drawer__headcount + .cart-drawer__emailbtn{margin-left:auto;}
.cart-drawer__emailbtn + .cart-drawer__clearbtn{margin-left:0;}

/* Sepet: görsel büyütme (lightbox) */
.cart-lightbox{position:fixed; inset:0; background:rgba(10,20,30,.88); z-index:9999; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .2s ease; cursor:zoom-out;}
.cart-lightbox.is-open{opacity:1;}
.cart-lightbox img{max-width:88vw; max-height:88vh; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.5);}

/* Teklif detayında müşteri notu gösterimi (hem panel hem hesabım) */
.account-quote-modal__item-note{display:block; font-size:10.5px; color:var(--amber,#c07a12); background:var(--amber-wash,#fdf1de); padding:3px 8px; border-radius:6px; margin-top:4px; width:fit-content;}

/* Favorilerim: kategori filtre çipleri */
.acv2__favchips{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px;}
.acv2__favchips button{padding:6px 13px; border-radius:99px; border:1px solid var(--line); background:none; font-size:11.5px; font-weight:700; color:var(--text-dim);}
.acv2__favchips button.is-active{background:var(--cyan); color:#fff; border-color:var(--cyan);}
.acv2__favchips button:hover:not(.is-active){border-color:var(--cyan);}

/* ===== WhatsApp yuzen sohbet balonu ===== */
.wa-float{position:fixed; right:20px; bottom:20px; z-index:9000; display:flex; flex-direction:column; align-items:flex-end; gap:12px;}
.wa-float__btn{width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; border:none; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 20px rgba(0,0,0,.22); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease;}
.wa-float__btn:hover{transform:scale(1.06); box-shadow:0 8px 26px rgba(0,0,0,.28);}
.wa-float__bubble{width:280px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 14px 40px rgba(18,39,51,.18); overflow:hidden; opacity:0; transform:translateY(10px) scale(.97); pointer-events:none; transition:opacity .18s ease, transform .18s ease;}
.wa-float.is-open .wa-float__bubble{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}
.wa-float__head{background:var(--cyan); color:#fff; padding:12px 14px;}
.wa-float__head strong{display:block; font-size:13.5px;}
.wa-float__head span{display:block; font-size:11px; opacity:.85; margin-top:2px;}
.wa-float__body{padding:14px; font-size:12.5px; line-height:1.6; color:var(--text-dim);}
.wa-float__cta{display:block; margin:0 14px 14px; padding:9px 12px; background:#25D366; color:#fff; text-align:center; font-size:12.5px; font-weight:700; border-radius:var(--radius); text-decoration:none;}
.wa-float__cta:hover{filter:brightness(1.05);}
@media (max-width:640px){
  .wa-float{right:14px; bottom:14px;}
  .wa-float__bubble{width:calc(100vw - 48px); max-width:280px;}
}

/* ===== Blog sayfalari ===== */
.wrap--narrow{max-width:820px;}
.blog-hero{padding-top:52px; padding-bottom:8px;}
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:8px;}
.blog-grid__loading, .blog-grid__empty{grid-column:1/-1; color:var(--text-faint); font-size:14px; padding:40px 0; text-align:center;}
.blog-card{display:flex; flex-direction:column; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; text-decoration:none; color:inherit; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.blog-card:hover{transform:translateY(-3px); box-shadow:0 14px 32px rgba(18,39,51,.12); border-color:var(--cyan);}
.blog-card__img{height:170px; background:var(--panel-2) center/cover no-repeat;}
.blog-card__img--placeholder{background:linear-gradient(135deg, var(--cyan-wash), var(--panel-2));}
.blog-card__body{padding:18px 18px 20px; display:flex; flex-direction:column; flex:1;}
.blog-card__date{font-family:'Roboto Mono', monospace; font-size:10.5px; letter-spacing:.14em; color:var(--text-faint); text-transform:uppercase;}
.blog-card__title{font-size:17px; font-weight:600; margin-top:8px; line-height:1.35; color:var(--text);}
.blog-card__excerpt{font-size:13.5px; color:var(--text-dim); line-height:1.55; margin-top:8px; flex:1;}
.blog-card__cta{font-size:12.5px; font-weight:700; color:var(--cyan-dim); margin-top:14px;}

.blog-breadcrumb{margin:36px 0 18px;}
.blog-breadcrumb a{font-size:13px; font-weight:600; color:var(--cyan-dim); text-decoration:none;}
.blog-breadcrumb a:hover{text-decoration:underline;}
.blog-post__loading{color:var(--text-faint); padding:60px 0; text-align:center;}
.blog-post__cover{width:100%; border-radius:var(--radius); margin-bottom:20px; max-height:360px; object-fit:cover;}
.blog-post__date{font-family:'Roboto Mono', monospace; font-size:11px; letter-spacing:.14em; color:var(--text-faint); text-transform:uppercase;}
.blog-post__title{font-size:clamp(22px,3.2vw,30px); font-weight:600; margin-top:10px; line-height:1.3;}
.blog-post__body{margin-top:22px; font-size:15.5px; line-height:1.8; color:var(--text-dim);}
.blog-post__body p{margin:0 0 18px;}
.blog-post__cta{margin:32px 0 50px;}

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