main :is(h1, h2, h3, h4), .card, .card * { letter-spacing:0; }
.hero--store { padding-block:28px; }
.hero--store .hero__grid { display:block; }
.hero--store h1 { max-inline-size:100%; font-size:2rem; line-height:1.2; overflow-wrap:anywhere; }
.hero--store .lede { margin-block-start:12px; max-inline-size:72ch; font-size:1rem; }
.hero--store .catalog-summary { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin-block-start:12px; font-size:.875rem; }
.hero--store .catalog-summary strong { font-size:.875rem; letter-spacing:0; }
.hero--store .catalog-summary p { margin:0; color:#555; }
[data-storefront-offers] [hidden], .catalog-groups[hidden], .catalog-category[hidden], .catalog-category-nav[hidden], .catalog-category-nav [hidden] { display:none!important; }

.catalog-category-nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin-block:16px; }
.catalog-category-nav a { display:inline-flex; align-items:center; min-block-size:44px; max-inline-size:100%; font-size:.875rem; text-underline-offset:4px; overflow-wrap:anywhere; }
.catalog-groups { display:grid; gap:36px; }
.catalog-category { min-inline-size:0; scroll-margin-block-start:96px; }
.catalog-category__heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-block-end:16px; }
.catalog-category__heading h2 { font-size:1.5rem; line-height:1.3; overflow-wrap:anywhere; }
.catalog-category__heading > span { font-size:.875rem; color:#555; }
.card { border-radius:8px; }
.card__body { min-block-size:0; }
.card__body h2 { font-size:1.125rem; line-height:1.4; overflow-wrap:anywhere; }
.card__media { aspect-ratio:3/2; background:#f1f3f5; }
.card__media img { object-fit:contain; object-position:center; }
.card:hover .card__media img { transform:none; }
.product__preview { border-radius:8px; }
.product__screen { aspect-ratio:auto; }
.product__screen img { inline-size:100%; block-size:auto; object-fit:contain; }
.storefront-purchase.card__bottom { flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; padding-block-start:14px; }
.storefront-price { font-size:1.25rem; line-height:1.4; font-weight:700; font-variant-numeric:tabular-nums; }
.storefront-purchase .storefront-price { flex:1 0 auto; }
.storefront-purchase .storefront-buy { inline-size:auto; max-inline-size:100%; flex:0 1 auto; min-block-size:44px; padding:8px 12px; border-width:1px; border-radius:6px; box-shadow:none; font-size:.875rem; line-height:1.4; text-align:center; overflow-wrap:anywhere; }

.storefront-offers { padding-block:36px; border-block-end:1px solid #c9cfd3; background:#f5f7f8; color:#171717; }
.storefront-offers * { min-inline-size:0; letter-spacing:0; box-sizing:border-box; }
.storefront-offers__heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-block-end:24px; }
.storefront-offers__heading h2 { margin:0; font-size:1.75rem; line-height:1.3; overflow-wrap:anywhere; }
.storefront-billing { display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:4px; border:1px solid #7b858c; border-radius:8px; background:#fff; }
.storefront-billing legend { padding-inline:6px; font-size:.8125rem; }
.storefront-billing label { position:relative; display:flex; align-items:center; justify-content:center; min-block-size:46px; flex:1 1 auto; padding:10px 16px; border:1px solid transparent; border-radius:4px; font-size:.875rem; font-weight:600; line-height:1.4; cursor:pointer; }
.storefront-billing label:has(input:checked) { border-color:#171717; background:#dfff70; }
.storefront-billing input { position:absolute; inset:0; inline-size:100%; block-size:100%; margin:0; opacity:0; cursor:pointer; }
.storefront-billing label:has(input:focus-visible) { outline:3px solid #171717; outline-offset:3px; }
.storefront-offers__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; }
.storefront-plan { display:flex; flex-direction:column; padding:24px; border:1px solid #9da4aa; border-block-start:4px solid #171717; border-radius:8px; background:#fff; }
.storefront-plan[data-tier="pro"] { border-color:#56701b; border-block-start-color:#89ad27; background:#fcfff4; }
.storefront-plan[data-tier="studio"] { border-block-start-color:#465dba; }
.storefront-plan h3 { margin:0; font-size:1.375rem; line-height:1.4; }
.storefront-plan__description { min-block-size:3rem; margin-block:8px 20px; font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.storefront-plan__prices { display:grid; gap:12px; }
.storefront-plan__amount { padding-inline-start:12px; border-inline-start:3px solid #d5dadd; }
.storefront-plan__amount p { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; min-block-size:3rem; margin:0; }
.storefront-plan__amount strong { font-size:1.5rem; line-height:1.4; font-variant-numeric:tabular-nums; white-space:nowrap; }
.storefront-plan__amount span, .storefront-plan__amount small { font-size:.8125rem; line-height:1.5; }
.storefront-plan__amount small { display:block; margin-block-start:2px; color:#454b50; overflow-wrap:anywhere; }
.storefront-plan__amount .storefront-plan__saving { color:#24553b; font-weight:600; }
[data-billing="month"] [data-offer-period="month"], [data-billing="year"] [data-offer-period="year"] { border-inline-start-color:#56701b; }
[data-billing="month"] [data-offer-period="month"] strong, [data-billing="year"] [data-offer-period="year"] strong { font-size:2.25rem; font-weight:800; }
[data-billing="month"] [data-offer-period="year"] strong, [data-billing="year"] [data-offer-period="month"] strong { font-size:1.125rem; font-weight:600; }
.storefront-plan__features { list-style:none; padding:0; margin:24px 0; border-block-start:1px solid #d5dadd; }
.storefront-plan__features li { display:grid; grid-template-columns:18px 1fr; gap:10px; padding-block:12px; border-block-end:1px solid #e5e8eb; font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.storefront-plan__features li[data-included="false"] { color:#64696e; }
.storefront-plan__features li[data-included="true"] > span:first-child { color:#24553b; font-weight:800; }
.storefront-plan__action.button { inline-size:100%; min-block-size:48px; margin-block-start:auto; padding:12px; border:1px solid #171717; border-radius:6px; background:#dfff70; box-shadow:none; font-size:.875rem; line-height:1.4; text-align:center; overflow-wrap:anywhere; }
.storefront-plan__action.button:disabled { background:#eceff1; color:#4c5358; border-color:#9da4aa; cursor:not-allowed; transform:none; box-shadow:none; }
.storefront-offers__note { margin-block:18px 0; max-inline-size:100ch; font-size:.8125rem; line-height:1.6; color:#454b50; }
@media (max-width:760px) {
  .storefront-offers__grid { grid-template-columns:1fr; }
  .storefront-plan__description { min-block-size:0; }
  .storefront-plan { padding:20px; }
}
