/* Istanbul Experiences + Shopping hubs. Loaded only on the two commerce hubs. */
body[data-commerce-hub="experiences"]{
  --enb-accent:#0f766e;
  --enb-accent-dark:#115e59;
  --enb-accent-soft:rgba(20,184,166,.18);
  --enb-accent-soft-2:rgba(45,212,191,.16);
}

body[data-commerce-hub="shopping"]{
  --enb-accent:#a16207;
  --enb-accent-dark:#854d0e;
  --enb-accent-soft:rgba(217,119,6,.17);
  --enb-accent-soft-2:rgba(245,158,11,.15);
}

body[data-commerce-hub] .hub-page{
  background:
    radial-gradient(circle at 12% 5%, var(--enb-accent-soft), transparent 34rem),
    radial-gradient(circle at 90% 18%, rgba(15,23,42,.07), transparent 32rem),
    #f8fafc;
}

/* Full-viewport hero contract; 100svh is Safari-safe, 100dvh follows dynamic UI. */
body[data-commerce-hub] .hub-hero{
  min-height:calc(100svh - 76px);
  display:grid;
  align-items:center;
  overflow:hidden;
}
@supports (min-height:100dvh){
  body[data-commerce-hub] .hub-hero{min-height:calc(100dvh - 76px);}
}

body[data-commerce-hub] .hub-hero::after{
  content:"İSTANBUL";
  position:absolute;
  right:-.035em;
  bottom:-.16em;
  z-index:0;
  font-size:clamp(5.2rem,18vw,16rem);
  line-height:.8;
  font-weight:1000;
  letter-spacing:-.075em;
  color:rgba(15,23,42,.035);
  pointer-events:none;
  user-select:none;
}

body[data-commerce-hub] .hub-hero-grid,
body[data-commerce-hub] .hub-hero-copy,
body[data-commerce-hub] .hub-stage{position:relative;z-index:1;}

body[data-commerce-hub] .hub-card,
body[data-commerce-hub] .hub-scenario,
body[data-commerce-hub] .hub-benefit{
  backdrop-filter:blur(10px);
}

body[data-commerce-hub] .hub-card-link,
body[data-commerce-hub] .hub-card-trigger,
body[data-commerce-hub] .hub-filter,
body[data-commerce-hub] .hub-btn,
body[data-commerce-hub] .hub-slider-btn{
  min-height:48px;
}

body[data-commerce-hub] .hub-scenario{
  position:relative;
  overflow:hidden;
}
body[data-commerce-hub] .hub-scenario::after{
  content:"CATALOG";
  position:absolute;
  right:14px;
  top:14px;
  padding:5px 8px;
  border-radius:999px;
  font-size:.62rem;
  font-weight:1000;
  letter-spacing:.08em;
  color:var(--enb-accent-dark);
  background:var(--enb-accent-soft-2);
}
html[lang="tr"] body[data-commerce-hub] .hub-scenario::after{content:"KATALOG";}

body[data-commerce-hub="shopping"] .hub-card:first-child .hub-card-badge::after{
  content:" · V2";
}

@media (max-width:767px){
  body[data-commerce-hub] .hub-hero{
    min-height:calc(100svh - 64px);
    padding:22px 18px;
  }
  @supports (min-height:100dvh){
    body[data-commerce-hub] .hub-hero{min-height:calc(100dvh - 64px);}
  }
  body[data-commerce-hub] .hub-title{font-size:clamp(2.45rem,13vw,4.4rem);}
  body[data-commerce-hub] .hub-actions{display:grid;grid-template-columns:1fr;}
  body[data-commerce-hub] .hub-btn{width:100%;}
  body[data-commerce-hub] .hub-card-bottom{align-items:stretch;}
  body[data-commerce-hub] .hub-card-link,
  body[data-commerce-hub] .hub-card-trigger{flex:1;justify-content:center;}
}

@media (prefers-reduced-motion:reduce){
  body[data-commerce-hub] .hub-card,
  body[data-commerce-hub] .hub-btn{transition:none!important;}
}

/* 2026-08 sector research / information-gain layer for Istanbul commerce hubs. */
body[data-commerce-hub] .hub-expert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-commerce-hub] .hub-expert-card{position:relative;padding:clamp(22px,3vw,32px);border:1px solid rgba(15,23,42,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 16px 42px rgba(15,23,42,.06)}
body[data-commerce-hub] .hub-expert-kicker{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:var(--enb-accent-soft-2);color:var(--enb-accent-dark);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
body[data-commerce-hub] .hub-expert-card h3{margin:0 0 10px;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.25;color:#0f172a}
body[data-commerce-hub] .hub-expert-card p{margin:0;color:#475569;line-height:1.72}
body[data-commerce-hub] .hub-expert-points{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
body[data-commerce-hub] .hub-expert-points li{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;color:#334155;line-height:1.55}
body[data-commerce-hub] .hub-expert-points i{margin-top:4px;color:var(--enb-accent)}
body[data-commerce-hub] .hub-expert-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
body[data-commerce-hub] .hub-expert-links a{min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;background:#0f172a;color:#fff;text-decoration:none;font-weight:800}
body[data-commerce-hub] .hub-source-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:15px 17px;border-left:4px solid var(--enb-accent);border-radius:12px;background:rgba(255,255,255,.72);color:#475569;line-height:1.6;font-size:.92rem}
@media(max-width:767px){body[data-commerce-hub] .hub-expert-grid{grid-template-columns:1fr}}