:root{
  --cream:#f3f7fc;
  --paper:#ffffff;
  --soft:#eaf1fa;
  --line:#d5e1ef;
  --ink:#173456;
  --muted:#596e87;
  --wood:#2463a6;
  --walnut:#174675;
  --green:#205e9d;
  --sale:#b74d3f;
  --shadow-soft:0 10px 28px rgba(34,40,42,.08);
}
body{
  font-family:Inter,Manrope,Arial,Helvetica,sans-serif!important;
  background:var(--cream)!important;
  color:var(--ink)!important;
}
.soft-band{background:#fff!important}
header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 6px 18px rgba(34,40,42,.04)!important;
}
.topbar{
  background:#153b66!important;
  color:#fff!important;
}
.navbar,.categorybar{
  background:#fff!important;
}
.brand-logo{
  filter:none!important;
}
.btn,.mini,.cat-btn,.sales-filter{
  border-radius:6px!important;
  text-decoration:none!important;
}
.btn-main,.add{
  background:#2463a6!important;
  color:#fff!important;
}
.btn-dark{
  background:#173456!important;
  color:#fff!important;
}
.btn-light,.detail{
  background:#fff!important;
  color:#173456!important;
  border:1px solid var(--line)!important;
}
.hero{
  min-height:auto!important;
}
.hero-card,.product,.ref,.info-card,.quote-card,.cart-panel,.panel,.summary-card,.order,.decision-card,.trust-item,.tab{
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  box-shadow:0 6px 16px rgba(34,40,42,.05)!important;
}
.product-img,.ref-img,.main-img,.thumb{
  background-color:#e5edf7!important;
}
.tag,.badge,.hero-benefit,.security-badge{
  border-radius:999px!important;
}
.tag.mint,.badge{
  background:#e7f1ff!important;
  color:#205e9d!important;
}
.tag.sky{
  background:#edf4fc!important;
  color:#365d87!important;
}
.price{
  color:#2463a6!important;
}
.product h2,.product h3,h1,h2,h3{
  letter-spacing:0!important;
}
.store-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:28px;
  align-items:stretch;
  padding:44px 7%;
  background:#fff;
}
.home-old-hero{
  display:none!important;
}
#neden-keserler,#hazir,#ozel,#referans,.support{
  display:none!important;
}
.store-hero-copy{
  display:grid;
  align-content:center;
  gap:18px;
}
.store-hero-copy h1{
  font-size:clamp(38px,4.8vw,68px);
  line-height:1.04;
  max-width:760px;
}
.store-hero-copy p{
  color:var(--muted);
  font-size:18px;
  max-width:640px;
}
.store-hero-media{
  min-height:430px;
  border-radius:8px;
  background:center/cover url("https://images.unsplash.com/photo-1618220179428-22790b461013?auto=format&fit=crop&w=1200&q=86");
  position:relative;
  overflow:hidden;
}
.store-hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.48));
}
.store-hero-badge{
  position:absolute;
  left:22px;
  bottom:22px;
  z-index:1;
  color:#fff;
  font-weight:900;
  font-size:22px;
}
.category-showcase,.store-section{
  padding:42px 7%;
}
.category-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.category-card{
  min-height:118px;
  display:grid;
  align-content:end;
  padding:14px;
  border-radius:8px;
  color:#fff;
  font-weight:900;
  background:center/cover;
  position:relative;
  overflow:hidden;
}
.category-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.52));
}
.category-card span{
  position:relative;
  z-index:1;
}
.store-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:end;
  margin-bottom:18px;
}
.store-head h2{
  font-size:clamp(26px,3vw,38px);
}
.store-head p{
  color:var(--muted);
}
.product-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.compact-product{
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(34,40,42,.05);
  display:flex;
  flex-direction:column;
}
.compact-product-img{
  min-height:210px;
  background:center/cover #e5edf7;
}
.compact-product-body{
  padding:14px;
  display:grid;
  gap:8px;
}
.compact-product h3{
  font-size:18px;
  line-height:1.2;
}
.compact-product .meta{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.old-price{
  color:#7b8da4;
  text-decoration:line-through;
  font-weight:800;
  margin-right:7px;
}
.new-price{
  color:var(--wood);
  font-size:21px;
  font-weight:900;
}
.product-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.product-card-actions a,.product-card-actions button{
  min-height:38px;
  border-radius:6px;
  border:1px solid var(--line);
  background:#fff;
  font-weight:900;
  cursor:pointer;
}
.product-card-actions button{
  background:#173456;
  color:#fff;
  border-color:#173456;
}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:26px 7%;
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.trust-strip div{
  font-weight:900;
  color:#23476d;
}
.trust-strip span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:3px;
}
footer{
  background:#173456!important;
}
@media(max-width:1180px){
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
#productGrid.grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#odeme{
  position:sticky;
  top:150px;
}
@media(max-width:1180px){
  #productGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .store-hero{grid-template-columns:1fr;padding:28px 5%}
  .store-hero-media{min-height:300px}
  .category-showcase,.store-section{padding:30px 5%}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-strip{grid-template-columns:1fr;padding:22px 5%}
  #productGrid.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #odeme{position:static}
}
@media(max-width:520px){
  .product-row{grid-template-columns:1fr}
  #productGrid.grid{grid-template-columns:1fr!important}
}

/* Ortak mavi tema; ürün görselleri ve marka logosu özgün kalır. */
:root{--mint:#e7f1ff;--sky:#deedff;--peach:#edf3fb;--terracotta:#4384c6;--green:#205e9d}
.store-hero{background:linear-gradient(125deg,#f6faff,#e7f1ff)}
.eyebrow,.hero-benefit,.note,.security-badge,.rate-row.head,.context-flow div{background:#eaf3ff!important;color:#245482!important;border-color:#ccdef3!important}
.side button.active,nav a.active,.cat-btn.active,.sales-filter.active,.tab.active,.cart-link{background:#205e9d!important;color:#fff!important;border-color:#205e9d!important}
.btn-main:hover,.add:hover,.product-card-actions button:hover{background:#174675!important}
input,select,textarea{accent-color:#2463a6}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #78afe6;outline-offset:3px}
footer{color:#e4effc!important}
.banner-system{background:#edf4fd!important}
.banner-system:before{background:linear-gradient(90deg,#edf4fd,transparent)!important}
.banner-system:after{background:linear-gradient(270deg,#edf4fd,transparent)!important}
.banner-pill:nth-child(3n+1){background:#dceaff!important;color:#234e7c}
.banner-pill:nth-child(3n+2){background:#e9f2ff!important;color:#234e7c}
.banner-pill:nth-child(3n){background:#d5e6f9!important;color:#234e7c}
.quick-icons .cart-link{background:transparent!important;color:var(--ink)!important;border:0!important}
.quick-icons .cart-count{background:#e7f1ff;color:#205e9d}
/* Mağaza vitrini: sakin yüzeyler, belirgin ürün ve tasarım yolları. */
.storefront .topbar{font-size:12px;padding-block:7px}
.storefront .navbar{padding-block:12px}
.storefront .categorybar{padding:8px 7% 18px;gap:28px;flex-wrap:wrap}
.storefront .categorybar .design-nav{color:#2463a6;font-weight:900}
.store-announcement{text-align:center;padding:11px 5%;background:#eaf1f8;color:#365b7e;font-size:13px;letter-spacing:.03em}
.storefront .store-hero{padding:48px 7% 56px;background:#f5f3ef;gap:40px;grid-template-columns:1fr 1fr}
.storefront .store-hero-copy h1{font-size:clamp(38px,4.5vw,64px);font-weight:600;letter-spacing:-.045em!important;line-height:1.09;color:#173456}
.storefront .store-hero-copy p{font-size:17px;line-height:1.8;max-width:530px}
.storefront .eyebrow{font-size:11px;letter-spacing:.13em;border:0!important;background:transparent!important;padding:0}
.storefront .store-hero-media{min-height:440px;border-radius:110px 12px 12px 12px}
.storefront .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.storefront .hero-actions .btn{min-height:50px;font-size:14px}
.hero-proof{font-size:12px;color:#627487;display:flex;gap:12px;flex-wrap:wrap}
.storefront .store-hero-badge{font-size:20px;max-width:280px;bottom:28px;left:28px}
.storefront .category-card{min-height:165px;border-radius:10px;transition:transform .2s}
.storefront .category-card:hover{transform:translateY(-4px)}
.storefront .trust-strip{grid-template-columns:repeat(3,1fr);background:#f4f7fa;padding-block:22px}
.storefront .trust-strip div{font-size:14px}
.storefront .store-section{padding-top:30px;padding-bottom:32px}
.storefront .compact-product{box-shadow:none;transition:box-shadow .2s}
.storefront .compact-product:hover{box-shadow:0 10px 28px #17345616}
.storefront .compact-product-img{min-height:235px}
.storefront .compact-product-body{padding:18px;gap:11px}
.storefront .compact-product h3{font-size:17px}
.storefront .compact-product .meta{font-weight:400;line-height:1.6}
.storefront .compact-product .new-price{font-size:22px;color:#173456}
.design-story{margin:12px 7% 64px;padding:48px;background:#173456;color:white;border-radius:14px;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.design-story h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.15;margin:12px 0 20px}
.design-story p{color:#d7e3f0;line-height:1.8}.design-story .eyebrow{color:#aacbeb!important}
.design-story ol{display:flex;gap:26px;padding:24px 0 24px 20px;font-size:13px;flex-wrap:wrap}
.design-story .btn-main{background:#e8f1fa!important;color:#173456!important}
.design-footnote{font-size:12px;margin-top:14px}
.design-illustration>div{height:320px;display:flex;background:#e1d0b9;border:12px solid #c5ac8d;box-shadow:18px 18px 0 #102945;transform:perspective(800px) rotateY(-10deg)}
.design-illustration i{flex:1;border:1px solid #aa9175;position:relative;background:linear-gradient(90deg,#decdb5,#ebdfcf)}
.design-illustration i:after{content:'';position:absolute;right:10px;top:42%;width:3px;height:55px;background:#655848}
.design-illustration span{display:block;text-align:center;margin-top:30px;font-size:13px;color:#c9d9e9}
#emptyState{grid-column:1/-1;text-align:center;padding:48px 20px;background:#edf4fb;border-radius:12px}
#emptyState p{margin:16px 0 24px}#emptyState .btn{margin:6px}
@media(max-width:820px){.storefront .store-hero{grid-template-columns:1fr;padding:28px 5%;gap:24px}.storefront .store-hero-media{min-height:320px;border-radius:60px 10px 10px 10px}.storefront .categorybar{gap:16px;font-size:12px}.storefront .trust-strip{grid-template-columns:1fr}.design-story{margin:16px 5% 40px;padding:28px;grid-template-columns:1fr;gap:30px}.design-illustration>div{height:230px;max-width:320px;margin:auto}.design-story ol{display:grid;gap:12px}}
@media(prefers-reduced-motion:reduce){.storefront *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Vitrin ve adres seçimleri */
.nav-svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
body.storefront .categorybar{gap:9px;padding:16px 5%;background:#f7f9fc}
body.storefront .categorybar a{padding:11px 18px;border-radius:30px;font-size:14px;letter-spacing:.15px;font-weight:600;background:#fff;border:1px solid #dce4ed;transition:background .2s,transform .2s}
body.storefront .categorybar a:hover{background:#e1ebf6;transform:translateY(-2px)}
body.storefront .categorybar .design-nav{background:#173456!important;color:white!important}
body.storefront .store-announcement{display:flex;align-items:center;justify-content:center;gap:18px;min-height:60px;padding:10px 6%;background:#e8eef6;color:#173456}
.store-announcement a{flex:1;text-align:center;font-size:14px;font-weight:500;text-decoration:none}
.store-announcement button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:24px;width:34px;min-height:36px}
body.storefront .product-card-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:8px}
body.storefront .product-card-actions a,body.storefront .product-card-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:9px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
body.storefront .product-card-actions button{background:#173456!important;color:#fff!important;border:1px solid #173456!important;box-shadow:0 3px 8px #17345615}
body.storefront .product-card-actions a{background:#f4f7fb!important;color:#173456!important;border:1px solid #dce4ed!important}
body.storefront .product-card-actions button:hover{background:#285582!important}
body.storefront #referans{display:block!important;scroll-margin-top:25px;padding:40px 7%}
.wardrobe-preview{min-width:0;overflow:hidden;border-radius:12px;background:#e5dfd5;color:#173456;text-align:center;padding-bottom:16px}
#wardrobeStage{height:410px;width:100%;touch-action:pan-y}
#wardrobeStage canvas{display:block;max-width:100%;touch-action:pan-y!important}
.wardrobe-preview p{font-size:12px!important;color:#4f5c67!important;margin:8px 0!important}
.finish-options{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.finish-options button{padding:8px 11px;border:1px solid #aaa69e;border-radius:20px;background:transparent;color:#173456;font-size:12px;cursor:pointer}
.finish-options button[aria-pressed=true]{background:#173456;color:#fff;border-color:#173456}
#addressForm select{width:100%;min-height:48px;border:1px solid #d5e1ef;border-radius:8px;background:#fff;padding:10px;font:inherit;color:#173456}
#addressForm select:disabled{background:#f1f4f8;color:#68788c}
#addressStatus{font-size:13px;color:#596e87}
@media(max-width:600px){body.storefront .categorybar a{font-size:12px;padding:9px 12px}body.storefront .store-announcement{gap:3px;padding:8px 3%}.store-announcement a{font-size:12px}#wardrobeStage{height:330px}body.storefront .product-card-actions{grid-template-columns:1fr}body.storefront .product-card-actions a,body.storefront .product-card-actions button{font-size:13px}}

/* Ana sayfa: ürün odaklı vitrin ve dokunmatik ekran düzeni. */
body.storefront{background:#fff;color:#173456}
.storefront .page{max-width:1600px;margin-inline:auto;background:#fff}
.storefront .navbar{gap:24px}
.storefront .search-box{border:1px solid #dbe3ec;border-radius:12px;background:#f7f9fc;padding-inline:14px}
.storefront .search-box input{background:transparent;min-width:0}
body.storefront .categorybar{flex-wrap:nowrap;overflow-x:auto;justify-content:center;background:white;border-block:1px solid #e8edf3;scrollbar-width:thin}
body.storefront .categorybar a{flex-shrink:0}
.storefront .store-hero{background:#f3f6fa;padding-block:56px;align-items:center}
.storefront .store-hero-copy{min-width:0}
.storefront .store-hero-copy h1{max-width:620px;margin-block:20px; text-wrap:balance}
.storefront .store-hero-copy p{color:#53677d}
.storefront .store-hero-media{border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #17345612}
.storefront .hero-proof{margin-top:24px;line-height:1.8}
.storefront .store-head{align-items:end;gap:20px;margin-bottom:28px}
.storefront .store-head h2{font-size:clamp(25px,2.8vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.2}
.storefront .store-head p{color:#5a6c80;line-height:1.7}
.storefront .category-showcase{padding-block:48px}
.storefront .category-card{min-height:200px;border-radius:16px;overflow:hidden}
.storefront .category-card span{font-size:16px;line-height:1.4}
.storefront .product-row{gap:22px;align-items:stretch}
.storefront .compact-product{border:1px solid #e1e7ee;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.storefront .compact-product-img{display:block;background-color:#f4f5f6;aspect-ratio:1/1;min-height:0}
.storefront .compact-product-body{display:flex;flex-direction:column;flex:1;padding:20px}
.storefront .compact-product h3{line-height:1.45;margin:0;min-height:2.9em}
.storefront .compact-product .meta{font-size:13px;color:#52667b}
body.storefront .compact-product .product-card-actions{margin-top:auto;padding-top:16px}
.storefront .compact-product .new-price{font-variant-numeric:tabular-nums}
.storefront .trust-strip{border-block:1px solid #e5ebf2;gap:30px}
.storefront .trust-strip span{line-height:1.7;margin-top:6px}
.storefront .design-story{margin-top:40px;border-radius:24px}
.storefront .design-story .btn{min-height:48px}
.storefront .btn:focus-visible,.storefront .category-card:focus-visible,.storefront .compact-product-img:focus-visible{outline:3px solid #377cc3;outline-offset:4px}
@media(hover:hover){.storefront .compact-product:hover{border-color:#aebfd2;box-shadow:0 12px 28px #17345610}}
@media(max-width:1050px){body.storefront .categorybar{justify-content:flex-start}.storefront .navbar{gap:14px}}
@media(max-width:820px){
  .storefront .store-hero{padding-block:32px}
  .storefront .store-hero-media{min-height:300px;border-radius:18px}
  .storefront .store-head{align-items:start;flex-wrap:wrap}
  .storefront .category-card{min-height:175px}
  .storefront .product-row{gap:14px}
}
@media(max-width:520px){
  .storefront .store-hero-copy h1{font-size:38px}
  .storefront .hero-actions{display:grid;grid-template-columns:1fr}
  .storefront .hero-actions .btn{white-space:normal;text-align:center}
  .storefront .hero-proof{gap:6px 10px}
  .storefront .store-head .btn{min-height:44px}
  .storefront .compact-product-img{aspect-ratio:4/3}
  .storefront .compact-product h3{min-height:0}
  body.storefront .product-card-actions{grid-template-columns:1fr 1fr}
  .storefront .design-story{padding:22px;border-radius:18px}
  .storefront .category-card span{font-size:14px}
  body.storefront .store-announcement button{min-width:44px;min-height:44px}
}
.legal-footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.legal-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}