.shopify-hero { overflow: hidden; background: #f5f9fc; }
.shopify-hero__grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(25px,4vw,65px); padding-top: calc(clamp(78px,7vw,108px) + var(--service-header-overlap)); padding-bottom: clamp(78px,7vw,108px); }
.shopify-hero__copy { min-width: 0; }
.shopify-hero .home-kicker { display: inline-flex; width: max-content; margin: 0 0 27px; padding: 9px 16px; border: 1px solid #dcecf3; border-radius: var(--radius-control); background: #fff; }
.shopify-hero h1 { max-width: 600px; margin: 0 0 24px; color: #071b3b; font-size: clamp(2.5rem, 3.8vw, 3rem); font-weight: 600; line-height: 1.22; letter-spacing: -.04em; text-wrap: balance; }
.shopify-hero h1 span { color: #0b3d91; }
.shopify-hero__copy > p:not(.home-kicker) { max-width: 530px; margin: 0 0 31px; color: #52647d; font-size: 1.125rem; line-height: 1.65; }
.shopify-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.shopify-hero__footnote { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 47px; padding-top: 20px; border-top: 1px solid #dce5ef; color: #6b8199; font-size: .66rem; font-weight: 700; letter-spacing: .11em; }
.shopify-hero__footnote span + span::before { content: "/"; margin-right: 18px; color: #9eb6c9; }
.shopify-hero__art { position: relative; min-width: 0; aspect-ratio: 1.13; isolation: isolate; }
.shopify-hero__art::before { content: ""; position: absolute; z-index: -1; inset: 7% 2% 5% 3%; border-radius: 46% 54% 50% 50%; background: radial-gradient(circle at 48% 48%,#dceeff,#e7f8f5 62%,transparent 73%); }
.shopify-hero__art img { display: block; width: 116%; height: 100%; margin-left: -8%; object-fit: contain; filter: drop-shadow(0 20px 24px rgba(7,27,59,.08)); }
.shopify-hero__art-label { position: absolute; right: 5%; bottom: 6%; display: inline-flex; align-items: center; gap: 16px; padding: 10px 15px; border: 1px solid #dcecf6; border-radius: var(--radius-control); background: rgba(255,255,255,.96); box-shadow: 0 8px 22px rgba(7,27,59,.08); color: #0b3d91; font-size: .62rem; font-weight: 700; letter-spacing: .1em; }
.shopify-hero__art-label span { font-size: 1.1rem; font-weight: 400; line-height: 1; }

.shopify-merch { background: #fff; }
.shopify-merch__head { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: clamp(30px,7vw,105px); margin-bottom: 47px; }
.shopify-merch__head h2, .shopify-control h2, .shopify-delivery h2 { margin: 0; color: #071b3b; font-size: var(--font-section-title); font-weight: 600; line-height: 1.27; letter-spacing: -.04em; text-wrap: balance; }
.shopify-merch__head h2 span, .shopify-control h2 span, .shopify-delivery h2 span { color: #0b3d91; }
.shopify-merch__head > p, .shopify-delivery__head > p:last-child { max-width: 460px; margin: 0; color: #52647d; line-height: 1.75; }
.shopify-merch__grid { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(0,.78fr); align-items: center; gap: clamp(34px,6vw,86px); }
.shopify-storefront { overflow: hidden; min-width: 0; border: 1px solid #dce5ef; border-radius: var(--radius-lg); background: #fff; box-shadow: 0 20px 50px rgba(7,27,59,.09); }
.shopify-storefront__bar { display: flex; align-items: center; gap: 5px; height: 34px; padding: 0 16px; border-bottom: 1px solid #e3ebf3; background: #f7fafc; }
.shopify-storefront__bar i { width: 6px; height: 6px; border-radius: 50%; background: #b8cedd; }
.shopify-storefront__bar span { margin-left: 13px; color: #678099; font-size: .55rem; font-weight: 700; letter-spacing: .11em; }
.shopify-storefront__nav { display: flex; align-items: center; gap: 5%; height: 58px; padding: 0 5%; color: #52647d; font-size: .58rem; }
.shopify-storefront__nav b { margin-right: auto; color: #0b3d91; font-size: 1.05rem; letter-spacing: -.05em; }
.shopify-storefront__nav i { width: 18px; height: 18px; border: 1.5px solid #0b3d91; border-radius: 50%; }
.shopify-storefront__banner { display: grid; grid-template-columns: 1fr .7fr; align-items: center; min-height: 215px; padding: 7% 8%; background: linear-gradient(115deg,#d8eaff,#e5f4fb 55%,#e4f8f3); }
.shopify-storefront__banner small { display: block; margin-bottom: 13px; color: #0b3d91; font-size: .6rem; font-weight: 700; letter-spacing: .12em; }
.shopify-storefront__banner strong { display: block; color: #071b3b; font-size: clamp(1.25rem,2.5vw,2.15rem); font-weight: 600; line-height: 1.2; letter-spacing: -.04em; }
.shopify-storefront__banner i { display: block; width: 88px; height: 22px; margin-top: 20px; border-radius: var(--radius-control); background: #0b3d91; }
.shopify-storefront__banner > span { justify-self: center; width: 64%; aspect-ratio: .83; border-radius: 30% 30% 12% 12%; background: linear-gradient(145deg,#2f72b2,#0b3d91); box-shadow: 14px 18px 0 rgba(255,255,255,.36),0 20px 35px rgba(11,61,145,.18); transform: rotate(-12deg); }
.shopify-storefront__products { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 17px 5% 22px; }
.shopify-storefront__products div { min-width: 0; }
.shopify-storefront__products i { display: block; height: 78px; border-radius: var(--radius-xs); background: #e8f3fc; }
.shopify-storefront__products div:nth-child(2) i { background: #e5f8f2; }
.shopify-storefront__products div:nth-child(3) i { background: #e8eefa; }
.shopify-storefront__products b { display: block; width: 65%; height: 6px; margin-top: 9px; border-radius: var(--radius-control); background: #b5c9dc; }
.shopify-merch__points { margin: 0; padding: 0; list-style: none; }
.shopify-merch__points li { display: grid; grid-template-columns: 44px 1fr; gap: 19px; padding: 22px 0; border-top: 1px solid #dce5ef; }
.shopify-merch__points li:last-child { border-bottom: 1px solid #dce5ef; }
.shopify-merch__points li > span { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; background: #e8faf6; color: #0b3d91; font-size: .65rem; font-weight: 700; }
.shopify-merch__points h3 { margin: 1px 0 8px; color: #071b3b; font-size: 1.17rem; line-height: 1.35; }
.shopify-merch__points p { margin: 0; color: #52647d; font-size: .93rem; line-height: 1.65; }

.shopify-control { background: #f4f8fc; }
.shopify-control__grid { display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr); align-items: center; gap: clamp(40px,7vw,100px); }
.shopify-control__copy > p:not(.home-kicker) { max-width: 470px; margin: 22px 0 25px; color: #52647d; line-height: 1.75; }
.shopify-control__copy .text-link { display: inline-flex; margin-top: 16px; }
.shopify-editor { position: relative; display: grid; place-items: center; min-height: 440px; padding: 7%; overflow: hidden; border-radius: var(--radius-lg); background: #e4f2fc; }
.shopify-editor__window { width: 100%; height: 340px; overflow: hidden; border: 1px solid #dbe8f4; border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgba(7,27,59,.12); transform: rotate(-1deg); }
.shopify-editor__top { display: flex; align-items: center; justify-content: space-between; height: 12%; min-height: 25px; padding: 0 4%; border-bottom: 1px solid #e4edf5; background: #f8fbfe; }
.shopify-editor__top span { display: flex; gap: 5px; }
.shopify-editor__top i { width: 7px; height: 7px; border-radius: 50%; background: #c4d7e8; }
.shopify-editor__top i:nth-child(2) { background: #b9e7e0; }
.shopify-editor__top b { width: 27%; height: 7px; border-radius: var(--radius-control); background: #e1ebf5; }
.shopify-editor__main { display: grid; grid-template-columns: 31% 69%; height: 88%; }
.shopify-editor__sidebar { display: flex; flex-direction: column; gap: 4%; padding: 11% 8%; border-right: 1px solid #e3edf6; color: #52647d; font-size: clamp(.48rem,.76vw,.68rem); font-style: normal; white-space: nowrap; }
.shopify-editor__sidebar span { color: #0b3d91; font-weight: 700; letter-spacing: .08em; }
.shopify-editor__sidebar b { padding: 8% 9%; border-radius: 5px; background: #e9f4ff; color: #0b3d91; }
.shopify-editor__sidebar i { padding-left: 11%; font-style: normal; }
.shopify-editor__canvas { min-width: 0; padding: 5%; background: #fff; }
.shopify-editor__nav { display: flex; align-items: center; gap: 7%; height: 12%; }
.shopify-editor__nav i { width: 11%; aspect-ratio: 1; border-radius: 4px var(--radius-xs) 4px var(--radius-xs); background: linear-gradient(135deg,#0b3d91,#00c2a8); }
.shopify-editor__nav span { width: 13%; height: 5px; border-radius: var(--radius-control); background: #bed1e3; }
.shopify-editor__nav span:first-of-type { margin-left: auto; }
.shopify-editor__nav b { width: 18%; height: 12px; border-radius: var(--radius-control); background: #0b3d91; }
.shopify-editor__banner { position: relative; height: 51%; overflow: hidden; margin: 3% 0; border-radius: var(--radius-sm); background: linear-gradient(130deg,#d8eaff 5%,#a9d4eb 65%,#b9ece2); }
.shopify-editor__banner::after { content: ""; position: absolute; top: -40%; right: -4%; width: 55%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; box-shadow: 0 0 0 25px rgba(255,255,255,.14),0 0 0 50px rgba(255,255,255,.1); }
.shopify-editor__banner span, .shopify-editor__banner b, .shopify-editor__banner i { position: absolute; z-index: 1; left: 9%; border-radius: var(--radius-control); }
.shopify-editor__banner span { top: 31%; width: 37%; height: 7%; background: #0b3d91; }
.shopify-editor__banner b { top: 43%; width: 29%; height: 7%; background: #0b3d91; }
.shopify-editor__banner i { top: 62%; width: 22%; height: 14%; background: #00a99b; }
.shopify-editor__products { display: grid; grid-template-columns: repeat(3,1fr); gap: 3%; height: 28%; }
.shopify-editor__products > span { display: flex; flex-direction: column; gap: 8%; padding: 8%; border: 1px solid #e4edf6; border-radius: var(--radius-xs); }
.shopify-editor__products i { flex: 1; border-radius: 4px; background: #e7f2fc; }
.shopify-editor__products > span:nth-child(2) i { background: #e2f7f3; }
.shopify-editor__products > span:nth-child(3) i { background: #e7ebfd; }
.shopify-editor__products b { width: 75%; height: 5px; border-radius: var(--radius-control); background: #b7cce0; }
.shopify-editor__tag { position: absolute; right: 6%; bottom: 4%; display: inline-flex; align-items: center; gap: 12px; padding: 9px 13px; border-radius: var(--radius-control); background: #fff; box-shadow: 0 8px 22px rgba(7,27,59,.1); color: #0b3d91; font-size: .62rem; font-weight: 700; letter-spacing: .08em; }
.shopify-editor__tag span { font-size: 1rem; font-weight: 400; }

.shopify-delivery { background: #fff; }
.shopify-delivery__head { max-width: 830px; margin-bottom: 42px; }
.shopify-delivery__head > p:last-child { margin-top: 20px; }
.shopify-delivery__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #dce5ef; border-bottom: 1px solid #dce5ef; }
.shopify-delivery__grid article { min-width: 0; padding: 30px 30px 33px 0; }
.shopify-delivery__grid article + article { padding-left: 30px; border-left: 1px solid #dce5ef; }
.shopify-delivery__grid article > span { color: #0b3d91; font-size: .65rem; font-weight: 700; letter-spacing: .1em; }
.shopify-delivery__grid h3 { margin: 25px 0 11px; color: #071b3b; font-size: 1.26rem; line-height: 1.35; }
.shopify-delivery__grid p { margin: 0; color: #52647d; font-size: .93rem; line-height: 1.65; }

@media (max-width: 959px) {
  .shopify-hero__grid, .shopify-merch__head, .shopify-merch__grid, .shopify-control__grid { grid-template-columns: 1fr; }
  .shopify-hero__grid { gap: 35px; padding-top: calc(82px + var(--service-header-overlap)); padding-bottom: 82px; }
  .shopify-hero__art { width: min(100%,680px); margin-inline: auto; }
  .shopify-merch__head { gap: 15px; }
  .shopify-merch__grid { gap: 40px; }
  .shopify-storefront, .shopify-editor { max-width: 680px; }
  .shopify-control__copy { max-width: 690px; }
  .shopify-delivery__grid article { padding-right: 18px; }
  .shopify-delivery__grid article + article { padding-left: 18px; }
}
@media (max-width: 639px) {
  .shopify-hero__grid { gap: 26px; padding-top: calc(64px + var(--service-header-overlap)); padding-bottom: 64px; }
  .shopify-hero .home-kicker { padding: 8px 12px; font-size: .59rem; }
  .shopify-hero h1 { font-size: clamp(1.75rem, 7.5vw, 2.5rem); }
  .shopify-hero__copy > p:not(.home-kicker) { font-size: 1rem; }
  .shopify-hero__footnote { gap: 7px; margin-top: 35px; font-size: .5rem; }
  .shopify-hero__footnote span + span::before { margin-right: 7px; }
  .shopify-hero__art { aspect-ratio: 1.08; }
  .shopify-hero__art-label { right: 3%; bottom: 4%; gap: 8px; padding: 7px 10px; font-size: .48rem; }
  .shopify-merch__head { margin-bottom: 30px; }
  .shopify-storefront { border-radius: var(--radius-md); }
  .shopify-storefront__nav { height: 43px; }
  .shopify-storefront__nav span { display: none; }
  .shopify-storefront__banner { min-height: 160px; }
  .shopify-storefront__products i { height: 53px; }
  .shopify-merch__points li { padding: 18px 0; }
  .shopify-editor { min-height: 320px; padding: 5%; border-radius: var(--radius-md); }
  .shopify-editor__window { height: 260px; border-radius: 7px; }
  .shopify-editor__sidebar { font-size: .4rem; }
  .shopify-editor__sidebar b { padding: 7% 5%; }
  .shopify-editor__tag { padding: 6px 9px; font-size: .43rem; }
  .shopify-delivery__grid { grid-template-columns: 1fr; }
  .shopify-delivery__grid article, .shopify-delivery__grid article + article { padding: 23px 0; border-left: 0; }
  .shopify-delivery__grid article + article { border-top: 1px solid #dce5ef; }
  .shopify-delivery__grid h3 { margin-top: 12px; }
}
@media (max-width: 359px) {
  .shopify-hero__actions { flex-direction: column; align-items: stretch; }
  .shopify-hero__actions .button, .shopify-hero__actions .home-hero__secondary { width: 100%; justify-content: center; }
}