/* Legacy page/cart rules retained unchanged while the header moves to shared UI. */
:root{
  --sf-bg: #101326;
  --sf-bg-soft: #181c33;
  --sf-bg-strong: #14182d;
  --sf-global-bg: #0e1020;
  --sf-border: rgba(91, 114, 255, 0.28);
  --sf-border-soft: rgba(34, 211, 238, 0.16);
  --sf-text: #ffffff;
  --sf-text-soft: #e1e7ff;
  --sf-text-muted: #aab6df;
  --sf-green: #24e987;
  --sf-green-dark: #16c76e;
  --sf-blue: #435fff;
  --sf-red: #ff4f6d;
  --sf-cyan: #22d3ee;
  --sf-orange: #ff9f3f;
  --sf-violet: #9b5cff;
  --sf-shell-gap: 48px;
  --sf-bar-bg: linear-gradient(180deg, rgba(28, 35, 74, 0.96) 0%, rgba(15, 19, 42, 0.98) 100%);
}
html[data-theme="light"]{
  --sf-bg: #edf3fb;
  --sf-bg-soft: #ffffff;
  --sf-bg-strong: #e4ebf6;
  --sf-border: #d4ddeb;
  --sf-border-soft: #dce5f2;
  --sf-text: #0f1729;
  --sf-text-soft: #334560;
  --sf-text-muted: #5c6f8a;
  --sf-bar-bg: linear-gradient(180deg, rgba(245, 248, 253, 0.97) 0%, rgba(236, 242, 251, 0.98) 100%);
  --sf-global-bg: #eef3fb;
}
*{
  box-sizing: border-box;
}
html,
body{
  margin: 0;
  padding: 0;
}
.storefront-body{
  background:
    radial-gradient(900px 480px at 10% -10%, rgba(67, 95, 255, 0.22), transparent 58%),
    radial-gradient(760px 420px at 92% 2%, rgba(34, 211, 238, 0.14), transparent 56%),
    #0e1020;
  color: var(--sf-text);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  overflow-x: hidden;
}
html[data-theme="light"] .storefront-body{
  background: #edf3fb;
}
.sf-shell{
  width: calc(100% - (var(--sf-shell-gap) * 2));
  max-width: none;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
body.sf-cart-preview-open{
  overflow: hidden;
}
.sf-cart-preview{
  position: fixed;
  inset: 0;
  z-index: 140;
  pointer-events: none;
}
.sf-cart-preview.is-open{
  pointer-events: auto;
}
.sf-cart-preview__backdrop{
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(9, 12, 22, 0.56);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity .28s ease;
  cursor: pointer;
}
.sf-cart-preview.is-open .sf-cart-preview__backdrop{
  opacity: 1;
}
.sf-cart-preview__panel{
  position: absolute;
  top: 76px;
  right: 16px;
  left: auto;
  width: min(360px, calc(100vw - 24px));
  max-height: calc(100vh - 100px);
  background:
    radial-gradient(circle at 78% 2%, rgba(80, 120, 255, 0.16), transparent 34%),
    linear-gradient(180deg, #242b46 0%, #191d30 100%);
  border: 1px solid rgba(130, 150, 255, 0.24);
  border-radius: var(--sf-header-radius, 4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 28px 44px rgba(0,0,0,0.42);
  display: grid;
  grid-template-rows: minmax(170px, 1fr) auto auto;
  overflow: hidden;
  transform-origin: var(--sf-cart-preview-anchor-x, 50%) -18px;
  transform: translateY(-14px) scale(.96);
  opacity: 0;
  visibility: hidden;
  transition: opacity .24s ease, transform .34s cubic-bezier(.22, 1, .36, 1), visibility .24s ease;
}
.sf-cart-preview.is-open .sf-cart-preview__panel{
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.sf-cart-preview__panel::before{
  content: "";
  position: absolute;
  top: -7px;
  right: 20px;
  left: auto;
  width: 14px;
  height: 14px;
  background: #242b46;
  border-left: 1px solid rgba(130, 150, 255, 0.24);
  border-top: 1px solid rgba(130, 150, 255, 0.24);
  transform: rotate(45deg);
}
.sf-cart-preview__tab-icon{
  position: absolute;
  right: 13px;
  left: auto;
  top: -24px;
  transform: none;
  width: 32px;
  height: 32px;
  border-radius: var(--sf-header-radius, 4px);
  background: #f3f6ff;
  color: #ff4b4b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 18px rgba(0,0,0,0.28);
  z-index: 2;
}
.sf-cart-preview__tab-icon::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 2px;
  height: 12px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(168, 188, 255, 0.95) 0%, rgba(110, 139, 255, 0) 100%);
  pointer-events: none;
}
.sf-cart-preview__tab-icon svg,
.sf-cart-preview__tab-icon img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}
.sf-cart-preview__sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sf-cart-preview__body{
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  min-height: 0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.sf-cart-preview__empty{
  min-height: 130px;
  border-radius: var(--sf-header-radius, 4px);
  border: 1px dashed rgba(128, 151, 255, 0.32);
  background: rgba(17, 21, 35, 0.62);
  color: rgba(228, 236, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  padding: 16px;
}
.sf-cart-preview__empty strong{
  font-size: 14px;
  font-weight: 700;
}
.sf-cart-preview__empty span{
  font-size: 12px;
  opacity: .84;
}
.sf-cart-preview__list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sf-cart-preview__item{
  border-radius: var(--sf-header-radius, 4px);
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(11, 15, 28, 0.56);
  padding: 10px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  column-gap: 10px;
}
.sf-cart-preview__item img{
  width: 62px;
  height: 62px;
  border-radius: var(--sf-header-radius, 4px);
  object-fit: cover;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
}
.sf-cart-preview__item-copy{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.sf-cart-preview__item-title{
  color: #f4f7ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
.sf-cart-preview__item-subtitle{
  color: rgba(199, 214, 255, 0.76);
  font-size: 11px;
  line-height: 1.2;
}
.sf-cart-preview__item-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sf-cart-preview__qty{
  display: inline-flex;
  align-items: center;
  border-radius: var(--sf-header-radius, 4px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}
.sf-cart-preview__qty button{
  width: 28px;
  height: 28px;
  border: 0;
  background: rgba(255,255,255,0.06);
  color: #f3f7ff;
  font-size: 16px;
  cursor: pointer;
}
.sf-cart-preview__qty span{
  width: 30px;
  height: 28px;
  background: rgba(57, 191, 125, 0.88);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
}
.sf-cart-preview__price{
  color: #f5f9ff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.sf-cart-preview__remove{
  width: 24px;
  height: 24px;
  border-radius: var(--sf-header-radius, 4px);
  border: 0;
  background: rgba(255,255,255,0.08);
  color: rgba(251, 193, 193, 0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sf-cart-preview__coupon{
  min-height: 44px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(8, 10, 17, 0.42);
  color: #f7faff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}
.sf-cart-preview__summary{
  min-height: 42px;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(8, 10, 17, 0.52);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sf-cart-preview__summary-label{
  color: rgba(247, 250, 255, 0.72);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.sf-cart-preview__summary-value{
  color: #f7faff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .01em;
}
.sf-cart-preview__actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.sf-cart-preview__balance{
  min-height: 44px;
  border-radius: 0 0 0 var(--sf-header-radius, 4px);
  border-right: 1px solid rgba(130, 150, 255, 0.3);
  background: rgba(8, 10, 17, 0.42);
  color: #f7faff;
  text-decoration: none;
  display: grid;
  align-content: center;
  justify-content: center;
  gap: 2px;
  padding: 8px 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.sf-cart-preview__action-label{
  display: block;
  color: rgba(247, 250, 255, 0.72);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.sf-cart-preview__action-value{
  display: block;
  color: #f7faff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
}
.sf-cart-preview__checkout{
  min-width: 0;
  height: 44px;
  border-radius: 0 0 var(--sf-header-radius, 4px) 0;
  background: linear-gradient(180deg, #1e253d 0%, #171d2f 100%);
  color: #f7faff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  border: 1px solid rgba(130, 150, 255, 0.3);
  border-left: 0;
  box-shadow: none;
}
.sf-cart-preview__checkout:hover{
  background: linear-gradient(180deg, #263050 0%, #1a2239 100%);
}
.sf-cart-preview__checkout.is-disabled{
  background: linear-gradient(180deg, #2a3042 0%, #232938 100%);
  color: rgba(247, 250, 255, 0.45);
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 991.98px) {
.sf-cart-preview__panel{
    top: 68px;
    left: 12px !important;
    right: 12px !important;
    width: min(360px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 84px);
    transform-origin: 50% -18px;
  }
.sf-cart-preview__panel::before{
    left: 50%;
  }
.sf-cart-preview__tab-icon{
    left: 50%;
  }
.sf-cart-preview__body{
    padding: 10px 12px;
  }
.sf-cart-preview__coupon,
.sf-cart-preview__balance,
.sf-cart-preview__checkout{
    min-height: 42px;
  }
}
.sf-icon-pin::before{
  width: 12px;
  height: 2px;
  border-radius: 2px;
}
.sf-icon-pin::after{
  width: 2px;
  height: 12px;
  border-radius: 2px;
}
.sf-icon-gem::before{
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border-radius: 2px;
}
.sf-icon-shield::before{
  width: 12px;
  height: 15px;
  clip-path: polygon(50% 0%, 100% 18%, 85% 100%, 15% 100%, 0% 18%);
}
.sf-icon-bolt::before{
  width: 10px;
  height: 16px;
  clip-path: polygon(42% 0, 100% 0, 60% 42%, 100% 42%, 0 100%, 34% 56%, 0 56%);
}
.sf-icon-card::before{
  width: 14px;
  height: 10px;
  border-radius: 2px;
}
.sf-icon-card::after{
  width: 10px;
  height: 2px;
  top: 11px;
  border-radius: 2px;
}
.sf-icon-xbox::before{
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  background: transparent;
  border-radius: 50%;
}
.sf-icon-xbox::after{
  width: 10px;
  height: 2px;
  transform: rotate(45deg);
  border-radius: 2px;
}
.sf-icon-tag::before{
  width: 14px;
  height: 10px;
  border-radius: 2px;
}
.sf-icon-blog::before{
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  background: transparent;
  border-radius: 50%;
}
.sf-icon-blog::after{
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  background: transparent;
  right: 8px;
  bottom: 8px;
  transform: rotate(45deg);
}
.storefront-main{
  background: #1a1a1d;
}






















.storefront-hero-stage{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 116, 33, 0.38), transparent 26%),
    radial-gradient(circle at 90% 15%, rgba(255, 138, 48, 0.34), transparent 24%),
    linear-gradient(180deg, #7f2f10 0%, #7a2c0d 24%, #43190f 100%);
}
.storefront-promo-strip{
  min-height: 124px;
  background:
    linear-gradient(90deg, rgba(191, 64, 20, 0.76), rgba(143, 49, 16, 0.35)),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0));
}
.storefront-promo-strip-inner{
  min-height: 124px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 34px;
}
.storefront-promo-title{
  color: #fff;
  font-size: 33px;
  font-weight: 900;
  letter-spacing: -0.5px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.28);
}
.storefront-promo-cta{
  flex: 0 0 auto;
  height: 54px;
  min-width: 258px;
  padding: 0 30px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b52910, #941f0b);
  box-shadow: 0 10px 24px rgba(56, 7, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.1);
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 800;
}
.storefront-hero-wrap{
  position: relative;
  padding-bottom: 32px;
}
.storefront-hero-card{
  margin: -2px auto 0;
  min-height: 430px;
  background:
    radial-gradient(circle at 34% 24%, rgba(46, 98, 165, 0.28), transparent 24%),
    linear-gradient(90deg, #0f1626 0%, #12203b 32%, #22395d 100%);
  border: 1px solid rgba(255,255,255,0.04);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
  display: grid;
  grid-template-columns: 38% 62%;
  overflow: hidden;
}
.storefront-hero-copy{
  padding: 92px 60px 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.storefront-hero-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 108px;
  height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  border: 2px solid #d7aa09;
  color: #ffdd47;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 34px;
}
.storefront-hero-copy h1{
  margin: 0 0 24px;
  color: #ffffff;
  font-size: 54px;
  line-height: 1.02;
  font-weight: 300;
  letter-spacing: -1.2px;
}
.storefront-hero-copy p{
  margin: 0;
  max-width: 480px;
  color: rgba(255,255,255,0.94);
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}
.storefront-hero-visual{
  position: relative;
  min-height: 430px;
}
.storefront-hero-visual::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(12, 18, 31, 0.15), rgba(12, 18, 31, 0)),
    linear-gradient(180deg, rgba(8, 12, 24, 0.06), rgba(8, 12, 24, 0.18));
  z-index: 1;
}
.storefront-hero-visual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.storefront-page{
  margin: 28px auto 60px;
}
.storefront-page__card{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.06);
  background: #1a1a1d;
  padding: 30px 34px;
}
.storefront-page__card h1{
  margin: 0 0 18px;
  font-size: 30px;
  font-weight: 800;
}
.storefront-page-content{
  color: #c7cfdd;
  line-height: 1.8;
}
@media (max-width: 1199.98px) {
.sf-shell{
    width: calc(100% - 40px);
  }
.legal-page__shell{
    width: calc(100% - 40px);
  }
.storefront-promo-title{
    font-size: 27px;
  }
.storefront-hero-card{
    grid-template-columns: 44% 56%;
  }
.storefront-hero-copy{
    padding: 68px 38px 56px;
  }
.storefront-hero-copy h1{
    font-size: 42px;
  }
.storefront-hero-copy p{
    font-size: 17px;
  }
}
@media (max-width: 991.98px) {
.sf-shell{
    width: calc(100% - 28px);
  }
}
@media (max-width: 767.98px) {
.sf-shell{
    width: calc(100% - 20px);
  }
.legal-page__shell{
    width: calc(100% - 20px);
  }
.storefront-page{
    padding: 24px 18px;
  }
.storefront-promo-strip-inner{
    padding: 22px 0 26px;
    flex-direction: column;
    gap: 18px;
  }
.storefront-promo-title{
    font-size: 22px;
  }
.storefront-promo-cta{
    min-width: 220px;
    height: 48px;
    font-size: 15px;
  }
.storefront-hero-card{
    grid-template-columns: 1fr;
    min-height: 0;
  }
.storefront-hero-copy{
    padding: 38px 22px 24px;
  }
.storefront-hero-copy h1{
    font-size: 34px;
  }
.storefront-hero-copy p{
    font-size: 16px;
  }
.storefront-hero-visual{
    min-height: 260px;
  }
}
@media (max-width: 575.98px) {
.sf-shell{
    width: calc(100% - 16px);
  }
.storefront-page{
    margin-top: 18px;
    padding: 18px 14px;
  }
.storefront-page h1{
    font-size: 24px;
  }
.storefront-hero-copy{
    padding: 28px 16px 18px;
  }
.storefront-hero-copy h1{
    font-size: 28px;
  }
.storefront-hero-copy p{
    font-size: 15px;
  }
.storefront-hero-visual{
    min-height: 220px;
  }
}
.legal-page{
  padding: 40px 0 72px;
}
.legal-page__shell{
  width: calc(100% - (var(--sf-shell-gap) * 2));
  max-width: none;
  margin: 0 auto;
}
.legal-page__card{
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(38, 39, 44, 0.97) 0%, rgba(28, 29, 33, 0.985) 100%);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.26);
  padding: 32px;
}
.legal-page__header{
  margin-bottom: 28px;
}
.legal-page__eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 6px;
  background: rgba(79, 152, 242, 0.12);
  color: #75b3ff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.legal-page__title{
  margin: 16px 0 10px;
  color: #ffffff;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  line-height: 1.1;
}
.legal-page__intro{
  margin: 0;
  max-width: 760px;
  color: #bfc5d2;
  font-size: 15px;
  line-height: 1.7;
}
.legal-page__section + .legal-page__section{
  margin-top: 28px;
}
.legal-page__section-title{
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.35;
}
.legal-page__text{
  margin: 0;
  color: #d2d7e2;
  font-size: 15px;
  line-height: 1.9;
}
.legal-page__list{
  margin: 0;
  padding-left: 22px;
  color: #d2d7e2;
}
.legal-page__list li{
  font-size: 15px;
  line-height: 1.85;
}
.storefront-blog{
  padding: 56px 0 88px;
}
.storefront-blog__shell{
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}
.storefront-blog__shell--narrow{
  width: min(900px, calc(100% - 48px));
}
.storefront-blog__hero,
.storefront-blog__detail,
.storefront-blog__empty{
  border: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(180deg, rgba(37, 39, 46, 0.98) 0%, rgba(27, 29, 35, 0.99) 100%);
  box-shadow: 0 22px 48px rgba(0,0,0,0.18);
}
.storefront-blog__hero,
.storefront-blog__detail{
  border-radius: 10px;
  padding: 34px 36px;
}
.storefront-blog__eyebrow{
  display: inline-block;
  color: #6d7cff;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.storefront-blog__title,
.storefront-blog__detail-title{
  margin: 12px 0 0;
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.storefront-blog__intro{
  margin: 16px 0 0;
  max-width: 720px;
  color: rgba(223, 229, 241, 0.86);
  font-size: 18px;
  line-height: 1.75;
}
.storefront-blog__grid{
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.storefront-blog__card{
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(180deg, rgba(34, 36, 42, 0.98) 0%, rgba(26, 28, 34, 0.99) 100%);
  padding: 24px 24px 22px;
  box-shadow: 0 18px 36px rgba(0,0,0,0.14);
}
.storefront-blog__date{
  display: inline-block;
  color: rgba(255,255,255,0.54);
  font-size: 13px;
  font-weight: 600;
}
.storefront-blog__card-title{
  margin: 14px 0 0;
  font-size: 24px;
  line-height: 1.32;
}
.storefront-blog__card-title a,
.storefront-blog__link,
.storefront-blog__back{
  color: #fff;
  text-decoration: none;
}
.storefront-blog__excerpt,
.storefront-blog__content{
  margin-top: 14px;
  color: rgba(226, 232, 242, 0.84);
  font-size: 16px;
  line-height: 1.85;
}
.storefront-blog__link{
  display: inline-flex;
  margin-top: 18px;
  color: #6d7cff;
  font-size: 14px;
  font-weight: 700;
}
.storefront-blog__back{
  display: inline-flex;
  margin-bottom: 18px;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  font-weight: 700;
}
.storefront-blog__empty{
  margin-top: 28px;
  border-radius: 10px;
  padding: 40px 36px;
  text-align: center;
  color: rgba(233, 238, 248, 0.84);
}
.storefront-blog__empty h2{
  margin: 0 0 10px;
  color: #fff;
  font-size: 30px;
}


html[data-theme="light"] .blog-page,
html[data-theme="light"] .blog-show-page{
  color: #0f1729;
}
html[data-theme="light"] .blog-page h1,
html[data-theme="light"] .blog-page h2,
html[data-theme="light"] .blog-show-page h1,
html[data-theme="light"] .blog-show-page h2{
  color: #0f1729;
}
html[data-theme="light"] .blog-page p,
html[data-theme="light"] .blog-show-page p{
  color: #334560;
}
html[data-theme="light"] .cart-page{
  color: #0f1729;
}
html[data-theme="light"] .cart-page h1,
html[data-theme="light"] .cart-page h2,
html[data-theme="light"] .cart-page h3{
  color: #0f1729;
}
html[data-theme="light"] .legal-page__intro{
  color: #334560;
}
html[data-theme="light"] .legal-page h2,
html[data-theme="light"] .legal-page h3{
  color: #0f1729;
}
html[data-theme="light"] .legal-page p,
html[data-theme="light"] .legal-page li{
  color: #334560;
}
@media (max-width: 767.98px) {
.sf-cart-preview__panel{
    width: min(100vw - 20px, 360px) !important;
  }
}
@media (max-width: 575.98px) {
.sf-shell{
    width: calc(100% - 12px);
  }
}
.sf-cart-preview__tab-icon img{
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 767.98px) {
.sf-mobile-search-trigger{
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 4px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(91, 114, 255, 0.24), transparent 62%),
      linear-gradient(180deg, rgba(42, 49, 76, 0.96) 0%, rgba(20, 25, 43, 0.98) 100%) !important;
    color: #ffffff !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 10px 22px rgba(0, 0, 0, 0.24) !important;
  }
.sf-mobile-search-trigger:active{
    transform: translateY(1px) !important;
  }
.sf-mobile-search-trigger svg{
    width: 24px !important;
    height: 24px !important;
  }
.sf-mobile-search-panel{
    margin-top: 0 !important;
  }
}
@media (max-width: 374.98px) {
.sf-mobile-search-trigger{
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
  }
}
@media (max-width: 767.98px) {
.sf-mobile-search-trigger{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(31, 39, 60, 0.98) 0%, rgba(14, 20, 34, 0.99) 100%) !important;
    border: 1px solid rgba(120, 137, 180, 0.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -1px 0 rgba(0, 0, 0, 0.2),
      0 12px 24px rgba(0, 0, 0, 0.28) !important;
  }
.sf-mobile-search-trigger::before{
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: inherit !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.13), transparent 46%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 58%) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
.sf-mobile-search-trigger{
    background:
      linear-gradient(180deg, #f31118 0%, #d9050b 100%) !important;
    border-color: rgba(255, 92, 92, 0.46) !important;
    color: #ffffff !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.22),
      inset 0 -1px 0 rgba(92, 0, 0, 0.34),
      0 14px 28px rgba(213, 5, 11, 0.26) !important;
  }
.sf-mobile-search-trigger svg{
    width: 25px !important;
    height: 25px !important;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.28)) !important;
  }
.sf-mobile-search-trigger svg circle,
.sf-mobile-search-trigger svg path{
    stroke-width: 2.5 !important;
  }
}
@media (max-width: 374.98px) {
.sf-mobile-search-trigger svg{
    width: 23px !important;
    height: 23px !important;
  }
}