.storefront { width: min(1120px, 100%); margin-inline: auto; }
.storefront-readable { max-width: 790px; }
.storefront-readable .panel { margin-bottom: 16px; }
.storefront-hero { display: grid; grid-template-columns: 1fr 0.9fr; gap: clamp(24px, 6vw, 72px); align-items: center; padding-block: clamp(24px, 7vw, 90px); }
.storefront-hero h1 { margin: 0 0 22px; font-size: clamp(48px, 8vw, 106px); line-height: 0.97; }
.storefront-hero figure { margin: 0; }
.storefront-hero img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; }
.storefront-hero figcaption { margin-top: 9px; color: #acb2a7; font-size: 0.84rem; }
.storefront-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; }
.storefront-section { margin-block: 36px 56px; }
.storefront-tariffs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.storefront-tariffs article { display: flex; flex-direction: column; }
.storefront-tariffs .text-link { margin-top: auto; }
.storefront-price { color: #b9f36b; font-size: clamp(26px, 4vw, 38px); font-weight: 700; margin: 0 0 12px; }

@media (max-width: 720px) {
  .storefront-hero, .storefront-tariffs { grid-template-columns: 1fr; }
  .storefront-hero { padding-top: 10px; }
}