/* ============================================================
   ISTANBULTOPTAN PREMIUM FINAL UI
   LIVE SAFE OVERRIDE LAYER
   ============================================================ */

:root{
  --itp-navy:#081a38;
  --itp-navy-2:#0d2a58;
  --itp-blue:#1167ff;
  --itp-blue-2:#009fe3;
  --itp-cyan:#16b9d6;
  --itp-bg:#f4f8fd;
  --itp-card:#ffffff;
  --itp-line:#dbe6f3;
  --itp-muted:#6f8099;
  --itp-text:#10213e;
  --itp-green:#12a968;
  --itp-orange:#ff7a00;
  --itp-shadow:0 16px 42px rgba(13,42,88,.08);
  --itp-shadow-soft:0 8px 24px rgba(13,42,88,.055);
  --itp-radius:22px;
}

html{
  background:var(--itp-bg);
}

body{
  background:
    radial-gradient(circle at 18% 0%,rgba(17,103,255,.055),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%);
  color:var(--itp-text);
}

/* ============================================================
   HEADER
   ============================================================ */

.top-strip{
  background:var(--itp-navy)!important;
}

.header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #dfe8f4!important;
  box-shadow:0 8px 28px rgba(9,35,76,.055)!important;
  backdrop-filter:blur(18px);
}

.header-inner{
  gap:14px!important;
}

.logo{
  border:1px solid #d9e5f3!important;
  border-radius:17px!important;
  padding:8px 12px!important;
  background:#fff!important;
  box-shadow:var(--itp-shadow-soft)!important;
}

.logo span{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#164cff,#21c5dd)!important;
  box-shadow:0 10px 24px rgba(17,103,255,.22)!important;
}

.site-search{
  height:52px!important;
  border:1px solid #d9e3f1!important;
  border-radius:17px!important;
  background:#fff!important;
  padding:4px!important;
  box-shadow:0 9px 28px rgba(12,45,91,.055)!important;
}

.site-search input{
  padding:0 15px!important;
  font-size:13px!important;
}

.site-search button{
  width:48px!important;
  min-width:48px!important;
  height:44px!important;
  padding:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--itp-blue),var(--itp-blue-2))!important;
  box-shadow:0 7px 18px rgba(17,103,255,.2)!important;
}

.quick{
  gap:7px!important;
}

.quick a{
  min-height:52px!important;
  border-radius:14px!important;
  border:1px solid #dce6f3!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:none!important;
  font-size:11px!important;
}

.quick a:hover{
  border-color:#93baff!important;
  box-shadow:0 8px 20px rgba(17,103,255,.09)!important;
  transform:translateY(-2px)!important;
}

/* üst koyu navigasyon */
.nav-line{
  background:var(--itp-navy)!important;
  border:0!important;
  box-shadow:none!important;
}

.nav-line a{
  color:#dce8fb!important;
  font-weight:800!important;
}

.nav-line a:hover{
  color:#fff!important;
}

/* ============================================================
   CATEGORY STRIP
   ============================================================ */

.category-strip,
.category-nav,
.home-category-strip{
  background:#f7faff!important;
  border-top:1px solid #e5edf7!important;
  border-bottom:1px solid #dce7f4!important;
}

.category-strip a,
.category-nav a,
.home-category-strip a{
  border:1px solid #dce6f3!important;
  background:#fff!important;
  border-radius:13px!important;
  color:#162642!important;
  box-shadow:0 5px 14px rgba(13,42,88,.04)!important;
}

.category-strip a:hover,
.category-nav a:hover,
.home-category-strip a:hover,
.category-strip a.active,
.category-nav a.active{
  border-color:#80afff!important;
  background:#eff6ff!important;
  color:#075cff!important;
  transform:translateY(-1px);
}

/* ============================================================
   GLOBAL CARDS
   ============================================================ */

.card,
.panel,
.content-card,
.form-card{
  border:1px solid var(--itp-line)!important;
  border-radius:var(--itp-radius)!important;
  background:#fff!important;
  box-shadow:var(--itp-shadow-soft)!important;
}

.btn,
button.btn{
  border-radius:13px!important;
  font-weight:900!important;
}

.btn-primary,
.btn.primary{
  border:0!important;
  background:linear-gradient(135deg,var(--itp-blue),var(--itp-blue-2))!important;
  box-shadow:0 9px 20px rgba(17,103,255,.18)!important;
}

/* ============================================================
   HOME
   ============================================================ */

.home-hero,
.hero,
.vitrine-hero{
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 22px 55px rgba(5,30,68,.13)!important;
}

.v1285-guide-final,
.v1285-guide-copy,
.home-section,
.home-module{
  border-radius:24px!important;
}

.v1285-guide-final{
  background:linear-gradient(135deg,#09295a,#075cff 64%,#16abc7)!important;
  box-shadow:0 18px 40px rgba(15,69,150,.12)!important;
}

.v1285-guide-final h2,
.v1285-guide-final p{
  color:#fff!important;
}

/* ana sayfa feature kartları */
.v1286-home-nav-card,
.home-nav-card,
.discovery-card{
  border:1px solid #dbe7f5!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 10px 26px rgba(15,48,91,.055)!important;
  transition:.2s ease!important;
}

.v1286-home-nav-card:hover,
.home-nav-card:hover,
.discovery-card:hover{
  transform:translateY(-3px)!important;
  border-color:#9abfff!important;
  box-shadow:0 16px 34px rgba(17,103,255,.10)!important;
}

/* ============================================================
   PRODUCTS PAGE
   ============================================================ */

.products-page{
  max-width:1450px!important;
}

.products-page .catalog-hero{
  border-radius:28px!important;
  padding:32px 38px!important;
  background:
    radial-gradient(circle at 95% 5%,rgba(50,177,220,.20),transparent 28%),
    linear-gradient(135deg,#071c3d,#0c54b9 62%,#149fbd)!important;
  box-shadow:0 20px 48px rgba(7,47,104,.16)!important;
  color:#fff!important;
}

.products-page .catalog-hero h1{
  color:#fff!important;
  font-size:clamp(34px,4vw,54px)!important;
  letter-spacing:-.045em!important;
}

.products-page .catalog-hero p{
  color:#dceaff!important;
}

.products-page .commerce-hero-channels{
  gap:7px!important;
}

.products-page .commerce-hero-channels a,
.products-page .commerce-hero-filter{
  min-height:39px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
}

.products-page .commerce-hero-channels a.active{
  background:#fff!important;
  color:#075cff!important;
  border-color:#fff!important;
}

.products-page .catalog-search{
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:17px!important;
  background:#fff!important;
  padding:5px!important;
  box-shadow:0 12px 30px rgba(0,24,67,.16)!important;
}

.products-page .catalog-search input{
  border:0!important;
  box-shadow:none!important;
}

.products-page .catalog-search .btn{
  min-width:92px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#1268ff,#14b7d5)!important;
}

/* sonuç toolbar */
.commerce-filter-toolbar,
.products-page .category-results-head{
  border:1px solid #dce6f3!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:var(--itp-shadow-soft)!important;
}

.commerce-filter-toolbar{
  padding:13px 16px!important;
}

.commerce-filter-open{
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#1167ff,#13afd1)!important;
  color:#fff!important;
}

.commerce-quick-chip{
  border-radius:12px!important;
}

/* layout */
@media(min-width:901px){
  .products-page .category-smart-layout{
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* filter container */
.products-page [data-filter-panel]{
  border:1px solid #dbe6f3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(13,42,88,.07)!important;
}

.products-page [data-filter-panel] .filter-card-head{
  padding:16px!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(135deg,#09295b,#1267ff 70%,#16b6d3)!important;
}

.products-page [data-filter-panel] .filter-card-head h2{
  color:#fff!important;
  font-size:20px!important;
}

.products-page [data-filter-panel] .filter-card-head .catalog-eyebrow{
  color:#dcecff!important;
}

/* compact commerce type options */
.products-page .product-type-filter-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

.products-page .product-type-option{
  min-height:58px!important;
  height:58px!important;
  padding:8px 8px 8px 34px!important;
  border:1px solid #dce5f1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.products-page .product-type-option.active{
  border-color:#1268ff!important;
  background:linear-gradient(135deg,#f4f8ff,#eaf4ff)!important;
  box-shadow:0 8px 18px rgba(18,104,255,.08)!important;
}

.products-page .product-type-option b{
  font-size:11px!important;
}

.products-page .product-type-option small{
  font-size:8.5px!important;
}

/* accordions */
.products-page .filter-accordion{
  border-bottom:1px solid #edf2f7!important;
}

.products-page .filter-accordion-head{
  min-height:46px!important;
  color:#223450!important;
  font-weight:900!important;
}

.products-page .filter-accordion-body{
  padding-bottom:12px!important;
}

/* inputs */
.products-page .product-filter-card .input,
.products-page .product-filter-card select,
.products-page .product-filter-card input[type=text],
.products-page .product-filter-card input[type=number]{
  border:1px solid #d9e4f2!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  box-shadow:none!important;
}

.products-page .product-filter-card .input:focus,
.products-page .product-filter-card select:focus,
.products-page .product-filter-card input:focus{
  border-color:#79aaff!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(17,103,255,.08)!important;
}

/* ============================================================
   PRODUCT GRID CARDS
   ============================================================ */

.products-page .catalog-grid{
  gap:16px!important;
}

.products-page .catalog-card{
  overflow:hidden!important;
  border:1px solid #dce6f3!important;
  border-top:3px solid #1268ff!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 27px rgba(14,44,88,.055)!important;
  transition:.2s ease!important;
}

.products-page .catalog-card:hover{
  transform:translateY(-4px)!important;
  border-color:#9abfff!important;
  box-shadow:0 20px 40px rgba(13,66,156,.11)!important;
}

.products-page .catalog-card-media{
  background:linear-gradient(180deg,#f4f8fd,#eef5fc)!important;
}

.products-page .catalog-card h3,
.products-page .catalog-card h2{
  color:#121f36!important;
}

.products-page .catalog-card .btn{
  min-height:42px!important;
  border-radius:12px!important;
}

.products-page .catalog-card .btn:first-of-type{
  background:linear-gradient(135deg,#1268ff,#16b3d4)!important;
}

/* badges */
.catalog-card .badge,
.catalog-card [class*="badge"],
.catalog-card [class*="pill"]{
  border-radius:999px!important;
}

/* ============================================================
   STORE LIST + STORE DETAIL
   ============================================================ */

.it-stores-page,
.it205-store-page{
  max-width:1450px!important;
}

.it-store-card,
.it205-store-hero,
.it205-kpi-grid>div{
  border-color:#dce6f3!important;
  box-shadow:var(--itp-shadow-soft)!important;
}

/* ============================================================
   FOOTER
   ============================================================ */

#footer,
.footer,
.site-footer{
  background:
    radial-gradient(circle at 88% 0%,rgba(17,103,255,.12),transparent 25%),
    linear-gradient(180deg,#0a1832,#07142b)!important;
  color:#d5e2f4!important;
}

#footer a,
.footer a,
.site-footer a{
  color:#b9cbe2!important;
}

#footer a:hover,
.footer a:hover,
.site-footer a:hover{
  color:#fff!important;
}

#footer h3,
#footer h4,
.footer h3,
.footer h4,
.site-footer h3,
.site-footer h4{
  color:#fff!important;
}

/* ============================================================
   FLOATING BUTTONS
   ============================================================ */

.ai-float,
.whatsapp-float,
.scroll-top,
#scrollTop{
  box-shadow:0 12px 28px rgba(9,35,76,.18)!important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:900px){

  .header-inner{
    padding:10px 12px!important;
  }

  .products-page .catalog-hero{
    padding:24px 20px!important;
    border-radius:22px!important;
  }

  .products-page .catalog-hero h1{
    font-size:34px!important;
  }

  .products-page .product-type-filter-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .products-page .catalog-grid{
    gap:12px!important;
  }
}

@media(max-width:480px){

  .products-page .product-type-filter-list{
    grid-template-columns:1fr 1fr!important;
  }

  .products-page .product-type-option{
    min-height:54px!important;
    height:54px!important;
  }
}