/* ============================================================
   Excel Sınıfı — Responsive (mobile-first duzeltmeler)
   Kirilma noktalari: 1240 / 1100 / 980 / 780 / 560 / 420
   ============================================================ */

@media (max-width:1240px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .mega{width:calc(100vw - 32px)}
  .mega__grid{grid-template-columns:repeat(3,1fr)}
  .mega__promo{grid-column:span 3;flex-direction:row;align-items:center;gap:24px}
  .mega__promo p{margin-bottom:0}
  .slide__art{width:min(40%,390px)}
  .hfloat--a{left:-8%}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:36px}
  .footer__grid > :nth-child(4),.footer__grid > :nth-child(5){grid-column:span 1}
}

@media (max-width:1100px){
  .search{max-width:300px}
  .nav__phone{display:none}
  .cats{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .shop{grid-template-columns:236px 1fr;gap:24px}
  .cart-wrap,.checkout{grid-template-columns:1fr 330px;gap:24px}
  .acc{grid-template-columns:232px 1fr;gap:22px}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .pd{gap:34px}
  .hfloat{display:none}
  .slide__art{width:min(38%,340px)}
}

/* Tablet: navigasyon cekmeceye tasinir */
@media (max-width:980px){
  :root{--header-h:70px}
  .topbar__left .topbar__item:not(:first-child),.topbar__sep{display:none}
  .nav{display:none}
  .burger{display:grid}
  .search{display:none}
  .hactions .btn{display:none}
  .header__in{gap:12px}
  .logo{min-width:0}
  .logo__txt{min-width:0;overflow:hidden}
  .slider{height:auto;min-height:520px}
  .slide{position:relative;display:none}
  .slide.is-on{display:block}
  .slide__in{padding-block:64px 104px}
  .slide__art{display:none}
  .slide__text{max-width:none}
  .trustbar__in{grid-template-columns:repeat(2,1fr)}
  .trust{border-bottom:1px solid rgba(255,255,255,.07)}
  .trust:nth-child(2n){border-right:0}
  .feats,.revs,.steps,.vals{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .pd{grid-template-columns:1fr}
  .pd__media{position:static}
  .cart-wrap,.checkout{grid-template-columns:1fr}
  .summary{position:static}
  .acc{grid-template-columns:1fr}
  .accnav{position:static}
  .accnav ul{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
  .auth{grid-template-columns:1fr}
  .auth__art{display:none}
  .contact-grid{grid-template-columns:1fr}
  .lic{grid-template-columns:1fr}
  .modal__grid{grid-template-columns:1fr}
  .modal__media{padding:26px}
  .modal__media svg{width:44%}
  .side{position:static}
  .prefooter__in{flex-direction:column;align-items:flex-start;gap:22px}
}

@media (max-width:780px){
  .pgrid,.pgrid--3{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer__about{grid-column:span 2}
  .s-head{flex-direction:column;align-items:flex-start;gap:18px}
  .shop{grid-template-columns:1fr}
  .side{display:none;position:fixed;inset:0 0 0 auto;width:min(360px,90vw);z-index:1200;background:var(--bone-100);overflow-y:auto;padding:20px;box-shadow:-20px 0 60px rgba(7,8,8,.2)}
  .side.is-open{display:grid;align-content:start}
  .filter-toggle{display:inline-flex!important}
  .cart-row{grid-template-columns:70px 1fr auto;gap:14px;row-gap:12px}
  .cart-row__img{width:70px;height:60px}
  .cart-row .qty{grid-column:2}
  .cart-row .line-total{grid-column:3;min-width:auto}
  .cart-row .rm{grid-row:1;grid-column:3;justify-self:end}
  .grid-2{grid-template-columns:1fr}
  .pd__assure{grid-template-columns:1fr}
  .stories__rail{gap:14px;padding-inline:var(--gut);margin-inline:calc(-1 * var(--gut));
    scroll-padding-inline:var(--gut)}
  .stories__nav{display:none}                      /* dokunmatikte parmakla kaydirilir */
  .stories{padding:14px 0 16px}
  .stories__head{margin-bottom:11px}
  .stories__t span{display:none}
  .cta-band{flex-direction:column;align-items:flex-start;text-align:left}
  .sview__box{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0}
  .sview__arrow{display:none}
  .toasts{right:12px;left:12px;bottom:80px}
  .toast{min-width:auto;max-width:none}
}

@media (max-width:560px){
  :root{--gut:16px}
  .announce__in{font-size:12px;padding:8px 30px;gap:8px}
  .topbar__right .topbar__item span{display:none}
  .pgrid,.pgrid--3,.cats,.feats,.revs,.steps,.vals,.stats,.kpis{grid-template-columns:1fr}
  .trustbar__in{grid-template-columns:1fr}
  .trust{border-right:0}
  .slide__facts{gap:22px}
  .slide__fact b{font-size:21px}
  .slide__acts .btn{width:100%}
  .slide h1,.slide h2.slide__h{font-size:clamp(26px,7.4vw,34px)}
  .slide__p{font-size:14.6px}
  .logo__slog{display:none}
  .logo__name{font-size:19px}
  .hactions{gap:0}
  .announce__in{flex-wrap:wrap;line-height:1.45}
  .story{width:72px}
  .story__ring{width:66px;height:66px;margin-bottom:8px}
  .story__label{font-size:11px}
  .story__live{font-size:7.5px;padding:2px 6px}
  .sview__top{top:24px}
  .slider__nav .slider__arrow{display:none}
  .slider__ctrl-in{justify-content:center}
  .slider__count{margin:0}
  .accnav ul{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .footer__about{grid-column:span 1}
  .footer__bar{flex-direction:column;align-items:flex-start;gap:14px}
  .pd__price{flex-direction:column;align-items:flex-start;gap:8px}
  .pd__price .save{margin-left:0;text-align:left}
  .pd__buy .btn{min-width:100%}
  .toolbar{flex-direction:column;align-items:stretch}
  .toolbar__right{justify-content:space-between}
  .cstep,.accbox,.summary,.panelbox{padding:20px}
  .pager a,.pager span{min-width:38px;height:38px;font-size:13.5px}
  .modal__body{padding:24px}
  .floaters{right:12px;bottom:14px}
  .floater{width:46px;height:46px}
  .floater svg{width:21px;height:21px}
  .dtable{display:block;overflow-x:auto;white-space:nowrap}
}

@media (max-width:420px){
  .logo__slog{display:none}
  .logo__name{font-size:18px}
  .logo__mark{width:38px;height:38px;border-radius:12px}
  .iconbtn{width:40px;height:40px}
  .s-title{font-size:26px}
  .cart-row{grid-template-columns:56px 1fr}
  .cart-row .line-total{grid-column:2;text-align:left}
  .cart-row .rm{grid-column:2;justify-self:start}
}

/* Yazdirma (fatura / lisans ciktisi) */
@media print{
  .announce,.topbar,.header,.nav,.stories,.footer,.prefooter,.floaters,.drawer,.scrim,.toasts{display:none!important}
  body{background:#fff}
  .accbox,.panelbox,.card{box-shadow:none;border-color:#ccc}
  a[href]::after{content:" (" attr(href) ")";font-size:11px;color:#666}
}

/* Filtre panelindeki kapat butonu yalnizca mobilde gorunur */
.side .panelbox h4 button[data-drawer-close]{display:none}
@media (max-width:780px){.side .panelbox h4 button[data-drawer-close]{display:inline}}