/* ================================================================
   AKSUMER PREMIUM SYSTEM v21
   Tutarlı UI, responsive UX, erişilebilirlik ve render optimizasyonu
   ================================================================ */

:root{
  --aks-brand:#0b6fdc;
  --aks-brand-2:#2698ff;
  --aks-ink:#102d49;
  --aks-muted:#6d8197;
  --aks-line:#dce8f4;
  --aks-soft:#f5f9fd;
  --aks-card:#fff;
  --aks-radius-sm:12px;
  --aks-radius:18px;
  --aks-radius-lg:24px;
  --aks-shadow:0 14px 36px rgba(17,58,102,.075);
  --aks-shadow-hover:0 22px 52px rgba(17,58,102,.12);
  --aks-container:1380px;
}

html{scroll-behavior:smooth}
body.aks-app{color:var(--aks-ink);background:#f5f8fc}
body.aks-app *{box-sizing:border-box}
body.aks-app img{max-width:100%;height:auto}

body.aks-app a,
body.aks-app button,
body.aks-app input,
body.aks-app select,
body.aks-app textarea{
  -webkit-tap-highlight-color:transparent;
}

body.aks-app a:focus-visible,
body.aks-app button:focus-visible,
body.aks-app input:focus-visible,
body.aks-app select:focus-visible,
body.aks-app textarea:focus-visible{
  outline:3px solid rgba(20,124,235,.23)!important;
  outline-offset:3px!important;
}

body.aks-app .container{
  width:min(var(--aks-container),calc(100% - 32px));
  max-width:var(--aks-container);
}

body.aks-app .btn_1,
body.aks-app .aks-outline-btn{
  min-height:46px;
  border-radius:13px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}

body.aks-app .btn_1:hover,
body.aks-app .aks-outline-btn:hover{
  transform:translateY(-1px);
}

body.aks-app .form-control,
body.aks-app select.form-control{
  min-height:46px;
  border-radius:12px!important;
  border-color:#d6e4f2!important;
  box-shadow:none!important;
}

body.aks-app .form-control:focus{
  border-color:#7ab6f3!important;
  box-shadow:0 0 0 4px rgba(21,124,232,.08)!important;
}

/* Premium section rhythm */
body.aks-app main > section,
body.aks-app .aks-page-section{
  scroll-margin-top:90px;
}

body.aks-app .aks-overhaul-section-head h2,
body.aks-app .main_title h2,
body.aks-app .page_header h1{
  letter-spacing:-.035em;
}

body.aks-app .aks-section-chip{
  border-radius:999px!important;
  font-weight:800!important;
}

/* Kategori / ürün kartlarında tek görsel dil */
body.aks-app .grid_item,
body.aks-app .aks-product-card,
body.aks-app .aks-home-deal-card,
body.aks-app .aks-home-recommended__item,
body.aks-app .aks-home-most-viewed__item{
  border:1px solid var(--aks-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(18,63,108,.055)!important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}

@media (hover:hover){
  body.aks-app .grid_item:hover,
  body.aks-app .aks-product-card:hover,
  body.aks-app .aks-home-deal-card:hover,
  body.aks-app .aks-home-recommended__item:hover,
  body.aks-app .aks-home-most-viewed__item:hover{
    transform:translateY(-4px);
    border-color:#c6def5!important;
    box-shadow:var(--aks-shadow-hover)!important;
  }
}

body.aks-app .aks-product-card__media-link,
body.aks-app .aks-home-deal-card__media{
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}

body.aks-app .price_box .new_price,
body.aks-app .aks-price-box--premium .new_price{
  color:#086bcc!important;
  font-weight:900!important;
}

/* Trust cards */
body.aks-app .aks-site-trust-strip,
body.aks-app .aks-home-service-proof__grid,
body.aks-app .aks-home-ux-proof__grid{
  border-radius:22px;
}

/* Sipariş sayfaları */
body.aks-app .aks-order-track-search,
body.aks-app .aks-order-track-summary,
body.aks-app .aks-order-track-shipment__card,
body.aks-app .aks-order-track-products{
  border-radius:20px!important;
  border:1px solid var(--aks-line)!important;
  box-shadow:var(--aks-shadow)!important;
}

/* Mobile action bar */
.aks-mobile-action-bar{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.aks-mobile-action-bar a{
  min-height:54px!important;
}
.aks-mobile-action-bar i{
  font-size:18px!important;
}

/* Render performance: below-fold blocks tarayıcı tarafından gerektiğinde çizilir */
@supports (content-visibility:auto){
  body.aks-page-home .aks-home > section:not(:first-child),
  body.aks-page-inner .aks-home-seo-links,
  body.aks-page-inner .aks-home-ux-proof{
    content-visibility:auto;
    contain-intrinsic-size:1px 650px;
  }
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* 360–430px telefon optimizasyonu */
@media (max-width:430px){
  body.aks-app .container{
    width:calc(100% - 20px);
  }
  body.aks-app h1{font-size:clamp(27px,8vw,36px)!important}
  body.aks-app h2{font-size:clamp(22px,6vw,29px)!important}
  body.aks-app .btn_1,
  body.aks-app .aks-outline-btn{
    min-height:48px;
  }
}


/* AKSUMER v26 — global mobile premium polish */
@media (max-width:767px){
  body.aks-app{
    font-size:14px;
    -webkit-text-size-adjust:100%;
  }
  body.aks-app .container{
    width:calc(100% - 24px);
  }
  body.aks-app input,
  body.aks-app select,
  body.aks-app textarea{
    font-size:16px!important;
  }
  body.aks-app button,
  body.aks-app .btn_1,
  body.aks-app .aks-outline-btn{
    min-height:48px;
  }
  body.aks-app .grid_item,
  body.aks-app .aks-product-card,
  body.aks-app .aks-home-deal-card,
  body.aks-app .aks-home-recommended__item,
  body.aks-app .aks-home-most-viewed__item{
    border-radius:16px!important;
  }
}