@media (max-width: 1050px) {
  :root { --container: 900px; }
  .primary-nav { gap: 15px; }
  .primary-nav a { font-size: 11px; }
  .header-inner { gap: 18px; }
  .hero-layout { gap: 25px; }
  .feature-details { padding: 38px; }
  .quality-layout, .split-section, .product-detail-layout { gap: 45px; }
  .footer-main { gap: 40px; }
}

@media (max-width: 800px) {
  .container { width: min(var(--container), calc(100% - 40px)); }
  .site-header { height: 72px; }
  .header-inner { gap: 12px; }
  .menu-toggle { display: inline-grid; flex: 0 0 auto; place-items: center; order: 3; }
  .header-actions { margin-left: auto; gap: 13px; }
  .brand { margin-right: auto; }
  .primary-nav { position: fixed; z-index: 70; top: 72px; right: 0; bottom: 0; left: 0; display: flex; align-items: stretch; flex-direction: column; gap: 0; padding: 17px 24px 35px; background: var(--paper); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .22s ease, transform .22s ease; }
  .primary-nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .primary-nav a { padding: 16px 3px; border-bottom: 1px solid var(--line); font-size: 15px; }
  .primary-nav a::after { display: none; }
  .search-panel { top: 71px; right: 15px; }
  .hero { min-height: 0; }
  .hero-layout { min-height: 0; grid-template-columns: 1fr .8fr; padding-block: 52px 25px; }
  .hero-copy h1 { font-size: clamp(43px, 7vw, 58px); }
  .hero-product { min-height: 340px; }
  .hero-product img { width: 95%; }
  .hero-bottom { padding-bottom: 17px; }
  .section { padding-block: 75px; }
  .feature-product { grid-template-columns: 1fr 1fr; }
  .feature-image { min-height: 380px; }
  .feature-image img { height: 330px; }
  .feature-details { padding: 28px; }
  .feature-details h3 { font-size: 31px; }
  .benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .faq-layout { gap: 35px; }
  .quality-layout { gap: 35px; }
  .split-section { grid-template-columns: 1fr 1fr; }
  .about-image { padding: 25px; }
  .about-image img { height: 330px; }
  .product-detail-layout { grid-template-columns: .9fr 1fr; gap: 32px; }
  .product-main-image { min-height: 430px; }
  .product-main-image img { height: 360px; }
  .contact-layout { gap: 30px; }
  .cart-layout { grid-template-columns: 1.2fr .8fr; gap: 18px; }
  .checkout-layout { grid-template-columns: 1fr .8fr; gap: 18px; }
  .contact-form, .checkout-summary, .cart-summary { padding: 24px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px 28px; }
  .footer-about { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  body { font-size: 14px; }
  .container { width: calc(100% - 36px); }
  .brand-mark { width: 34px; height: 34px; font-size: 19px; }
  .brand-name { font-size: 12px; }
  .brand-tagline { font-size: 8px; }
  .header-actions { gap: 9px; }
  .header-icon { width: 24px; font-size: 17px; }
  .hero-layout { grid-template-columns: 1fr; gap: 5px; padding-block: 50px 5px; }
  .hero-copy { max-width: 480px; }
  .hero-copy h1 { max-width: 420px; font-size: clamp(43px, 12vw, 58px); }
  .hero-subtitle { max-width: 420px; font-size: 13px; }
  .hero-product { min-height: 310px; margin-top: 0; }
  .hero-product img { width: min(72%, 275px); max-height: 300px; }
  .hero-orbit { width: min(76%, 310px); }
  .image-caption { bottom: 1px; font-size: 8px; }
  .hero-bottom { gap: 9px; font-size: 7px; }
  .hero-bottom-line { width: 25px; }
  .intro-strip-inner { min-height: 85px; gap: 12px; }
  .intro-strip-inner p { font-size: 14px; line-height: 1.4; }
  .intro-strip-inner a { max-width: 82px; font-size: 10px; }
  .section { padding-block: 62px; }
  .section-heading { margin-bottom: 30px; }
  .section-heading h2, .split-copy h2, .text-center-block h2, .review-note h2, .product-information-row h2 { font-size: 39px; }
  .section-heading > p:last-child { font-size: 12px; }
  .feature-product { grid-template-columns: 1fr; }
  .feature-image { min-height: 340px; }
  .feature-image img { height: 290px; }
  .feature-details { padding: 27px 22px 30px; }
  .feature-details h3 { font-size: 31px; }
  .quote-band { padding-block: 55px; }
  .quote-inner p { font-size: 25px; }
  .benefit-grid, .value-grid, .shop-grid { grid-template-columns: 1fr; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-card { min-height: 0; }
  .faq-layout { grid-template-columns: 1fr; gap: 28px; }
  .faq-intro h2 { font-size: 39px; }
  .benefit-card { min-height: 0; padding: 25px; }
  .benefit-card p { max-width: 400px; }
  .quality-band { padding-block: 65px; }
  .quality-layout { grid-template-columns: 1fr; gap: 35px; }
  .quality-copy h2, .cta-panel h2 { font-size: 43px; }
  .quality-list p { font-size: 15px; }
  .cta-panel { padding-block: 63px; }
  .page-hero-inner { padding-block: 62px 56px; }
  .page-hero-inner h1 { font-size: 49px; }
  .page-hero-inner > p:last-child { font-size: 12px; }
  .page-hero-short .page-hero-inner { padding-block: 43px 39px; }
  .page-hero-short .page-hero-inner h1 { font-size: 43px; }
  .split-section, .product-information-row, .contact-layout, .cart-layout, .checkout-layout, .product-detail-layout { grid-template-columns: 1fr; gap: 28px; }
  .split-section { gap: 30px; }
  .about-image { order: -1; padding: 20px; }
  .about-image img { height: 300px; }
  .shop-toolbar { align-items: flex-start; gap: 12px; }
  .shop-toolbar p { max-width: 190px; font-size: 9px; }
  .shop-grid { gap: 15px; }
  .shop-card-image { min-height: 280px; }
  .shop-card-image img { height: 255px; }
  .product-detail-layout { gap: 28px; }
  .product-main-image { min-height: 370px; }
  .product-main-image img { height: 320px; }
  .product-detail-copy { padding-top: 0; }
  .product-detail-copy h1 { font-size: 39px; }
  .disclaimer-inner { grid-template-columns: 30px 1fr; gap: 12px; }
  .contact-form { padding: 25px 20px; }
  .contact-form h2 { font-size: 32px; }
  .cart-item { grid-template-columns: 75px 1fr; gap: 13px; padding: 14px; }
  .cart-item-image { width: 75px; height: 90px; }
  .cart-item-image img { height: 78px; }
  .cart-item-copy h2 { font-size: 17px; }
  .cart-item-total { grid-column: 2; }
  .cart-item-controls { flex-wrap: wrap; gap: 7px; }
  .cart-summary, .checkout-summary { position: static; }
  .form-section { padding: 22px 18px; }
  .form-grid-two { grid-template-columns: 1fr; gap: 0; }
  .checkout-summary { padding: 24px 20px; }
  .policy-copy h2 { font-size: 23px; }
  .policy-copy p { font-size: 12px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 32px 18px; padding-block: 48px 38px; }
  .footer-about { grid-column: 1 / -1; }
  .footer-column h2 { font-size: 9px; }
  .footer-column a, .footer-column address { font-size: 11px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 6px; font-size: 9px; }
  .floating-actions { right: 12px; bottom: 14px; gap: 8px; }
  .floating-action { width: 43px; height: 43px; font-size: 18px; }
}