body.public-store-mode{
  background:#03060c!important;
  color:#f3f7ff!important;
  overflow-x:hidden!important;
}

body.public-store-mode #app-main,
body.public-store-mode .app-main{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:28px 0 56px!important;
  background:transparent!important;
}

body.public-store-mode .storefront-static-page{
  display:flex!important;
  flex-direction:column!important;
  gap:32px!important;
  width:100%!important;
  margin-top:34px!important;
}

body.public-store-mode .storefront-static-hero{
  position:relative!important;
  overflow:hidden!important;
  min-height:372px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#08101c!important;
}

body.public-store-mode .storefront-static-hero img.public-hero-banner{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:372px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}

body.public-store-mode .storefront-static-hero-overlay{
  position:absolute!important;
  inset:18px auto 18px 22px!important;
  width:min(430px,34%)!important;
  padding:18px 14px 18px 14px!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  align-items:flex-start!important;
  text-align:left!important;
  justify-content:center!important;
}

body.public-store-mode .storefront-static-kicker{
  display:inline-flex!important;
  width:max-content!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(7,40,89,.58)!important;
  color:#d9e9ff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body.public-store-mode .storefront-static-hero-overlay h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2rem,3.4vw,2.9rem)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.public-store-mode .storefront-static-hero-overlay p{
  margin:0!important;
  max-width:390px!important;
  color:rgba(235,242,255,.82)!important;
  font-size:15px!important;
  line-height:1.6!important;
}

body.public-store-mode .storefront-static-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}

body.public-store-mode .storefront-static-head-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

body.public-store-mode .storefront-static-head-copy span{
  color:#9fc3ff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body.public-store-mode .storefront-static-head-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.6rem,3vw,2.4rem)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

body.public-store-mode .storefront-static-head-copy p{
  margin:0!important;
  color:rgba(226,235,248,.76)!important;
  line-height:1.55!important;
}

body.public-store-mode .storefront-static-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.04)!important;
  color:#f3f7ff!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.public-store-mode .storefront-static-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px!important;
  align-items:stretch!important;
}

body.public-store-mode .storefront-static-card{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  min-width:0!important;
  min-height:100%!important;
  padding:18px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(11,16,26,.96),rgba(5,9,17,.98))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.26)!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

body.public-store-mode .storefront-static-media{
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#09111d!important;
}

body.public-store-mode .storefront-static-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  transition:none!important;
  filter:none!important;
}

body.public-store-mode .storefront-static-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:14px!important;
  flex:1 1 auto!important;
  padding:2px 8px 4px!important;
}

body.public-store-mode .storefront-static-title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.35rem,1.8vw,1.85rem)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}

body.public-store-mode .storefront-static-description{
  margin:0!important;
  color:rgba(228,236,248,.78)!important;
  font-size:14px!important;
  line-height:1.55!important;
}

body.public-store-mode .storefront-static-price{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:6px!important;
}

body.public-store-mode .storefront-static-price-old{
  display:block!important;
  color:rgba(255,255,255,.34)!important;
  text-decoration:line-through!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.1!important;
}

body.public-store-mode .storefront-static-price-value{
  color:#fff!important;
  font-size:clamp(1.8rem,2.2vw,2.2rem)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}

body.public-store-mode .storefront-static-buy{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  padding:12px 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:#0f56b5!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,86,181,.22)!important;
  transform:none!important;
  transition:background-color .18s ease, box-shadow .18s ease, filter .18s ease!important;
  animation:none!important;
  filter:none!important;
  cursor:pointer!important;
  margin-top:6px!important;
}

body.public-store-mode .storefront-static-buy:hover,
body.public-store-mode .storefront-static-buy:focus-visible{
  background:#1364d0!important;
  box-shadow:0 14px 28px rgba(19,100,208,.28)!important;
  transform:none!important;
  filter:brightness(1.03)!important;
}

body.public-store-mode .storefront-static-buy:active{
  background:#0d4a9d!important;
  box-shadow:0 8px 18px rgba(13,74,157,.22)!important;
  transform:none!important;
  filter:none!important;
}

body.public-store-mode .storefront-static-empty{
  padding:32px 24px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(11,16,26,.96),rgba(5,9,17,.98))!important;
  text-align:center!important;
  color:rgba(226,235,248,.76)!important;
}

body.public-store-mode .storefront-static-detail{
  display:grid!important;
  grid-template-columns:minmax(320px,460px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}

body.public-store-mode .storefront-static-detail-media,
body.public-store-mode .storefront-static-detail-panel{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(11,16,26,.96),rgba(5,9,17,.98))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.26)!important;
}

body.public-store-mode .storefront-static-detail-media{
  overflow:hidden!important;
  aspect-ratio:1/1!important;
}

body.public-store-mode .storefront-static-detail-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

body.public-store-mode .storefront-static-detail-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:24px!important;
}

body.public-store-mode .storefront-static-detail-tag{
  display:inline-flex!important;
  width:max-content!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dceaff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

body.public-store-mode .storefront-static-detail-panel h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2rem,3vw,2.7rem)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
}

body.public-store-mode .storefront-static-detail-panel p{
  margin:0!important;
  color:rgba(228,236,248,.78)!important;
  line-height:1.65!important;
}

body.public-store-mode .storefront-static-detail-price{
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

body.public-store-mode .storefront-static-detail-list{
  display:grid!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  list-style:none!important;
}

body.public-store-mode .storefront-static-detail-list li{
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.04)!important;
  color:#edf4ff!important;
}

@media (max-width:980px){
  body.public-store-mode .storefront-static-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.public-store-mode .storefront-static-detail{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:640px){
  body.public-store-mode #app-main,
  body.public-store-mode .app-main{
    width:calc(100% - 24px)!important;
    padding:20px 0 40px!important;
  }

  body.public-store-mode .storefront-static-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.public-store-mode .storefront-static-hero{
    min-height:280px!important;
    border-radius:22px!important;
  }

  body.public-store-mode .storefront-static-hero img.public-hero-banner{
    min-height:280px!important;
  }

  body.public-store-mode .storefront-static-hero-overlay,
  body.public-store-mode .storefront-static-detail-panel{
    padding:18px!important;
  }

  body.public-store-mode .storefront-static-hero-overlay{
    inset:28px auto auto 14px!important;
    width:min(168px,64%)!important;
    padding:0!important;
    align-items:flex-start!important;
    text-align:left!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }

  body.public-store-mode .storefront-static-hero-overlay h1{
    display:none!important;
  }

  body.public-store-mode .storefront-static-hero-overlay p{
    display:none!important;
  }

  body.public-store-mode .storefront-static-page{
    gap:24px!important;
    margin-top:24px!important;
  }

  body.public-store-mode .storefront-static-card{
    padding:16px!important;
  }
}