/* Final spacing scale: keep reading and touch targets comfortable. */
nav a:after{content:none}
nav .nav-label{position:relative;display:inline-block}
nav .nav-label:after{content:'';position:absolute;bottom:-7px;left:50%;width:0;height:2px;background:var(--teal);transition:width .25s,left .25s}
nav a.active .nav-label:after,nav a:hover .nav-label:after,nav a:focus-visible .nav-label:after{width:100%;left:0}

.section{padding:52px 0}
.section-head{margin-bottom:24px}
.eyebrow{margin-bottom:13px}
.buttons{gap:10px;margin-top:21px}
.hero-grid{min-height:500px;gap:30px}
.hero-copy{padding:37px 0}
.hero-art{height:450px}
.hero-art img{height:395px}
.hero-foot{margin-top:23px}
.benefits{padding:21px 0;gap:18px}
.categories,.grid{gap:20px}
.category-copy{padding:20px}
.category h3{margin-bottom:12px}
.category p{margin-bottom:13px}
.callout{padding:36px}
.callout h2{margin-bottom:14px}

.product-body{padding:14px;flex:1}
.product .category-label{min-height:0;line-height:1.5;margin-bottom:6px}
.product h3{min-height:0;line-height:1.4;margin:0 0 10px}
.product-bottom{margin-top:auto;gap:9px;padding-top:1px}
.product .btn{min-height:42px}

.page-intro{padding:36px 0 29px;margin-bottom:28px}
.page-intro h1{margin-bottom:12px}
.filters{gap:8px;margin-bottom:22px}
.breadcrumbs{padding:18px 0}
.detail{gap:40px}
.detail .price{margin-bottom:15px}
.options{margin-top:18px;padding-top:17px}
.options fieldset{margin-bottom:17px}
.notice{margin:18px 0;padding:13px 16px}
.cart-layout,.checkout-layout{gap:30px}
.cart-row{gap:18px;padding:17px 0}
.panel{padding:24px}
.total-row{margin:12px 0}
.form-grid{gap:16px}
.empty{margin:36px auto 44px;padding:36px 28px}
.empty-mark{width:66px;height:66px;margin-bottom:18px}
.empty h1{margin-bottom:12px}
.empty p{margin-bottom:20px}

.policy-intro{padding:37px 0 28px;margin-bottom:0}
.policy-meta{margin-top:17px}
.policy-layout{gap:36px;padding-top:32px}
.policy-contents{padding:21px}
.policy-contents h2{margin-bottom:13px}
.policy-contents a{padding:7px 0}
.policy-document .notice{padding:16px;margin-bottom:24px}
.policy-section{padding-bottom:20px;margin-bottom:23px;scroll-margin-top:20px}
.policy-section h2{margin-bottom:13px}
.policy-section p{margin-bottom:14px;line-height:1.85}
.policy-section p:last-child{margin-bottom:0}
.policy-contact{padding:23px;margin-bottom:0}

.about-simple{padding-top:41px;padding-bottom:44px}
.about-simple-heading{margin-bottom:27px}
.about-simple h1{margin-bottom:17px}
.about-simple-details{gap:28px;padding:23px 0}
.about-simple-contact{padding-top:21px}
.contact-heading{padding:32px 0 38px}
.contact-heading h1{margin-bottom:16px}
.contact-page{gap:48px;padding-top:36px;padding-bottom:50px}
.contact-details{padding-top:8px}
.contact-details>h2{margin-bottom:17px}
.contact-methods{margin-top:20px}
.contact-method{padding:17px 0;gap:16px}
.contact-signoff{margin-top:21px}
.contact-page .contact-form{padding:28px}
.contact-form .form-intro{margin-bottom:21px}
.contact-form-note{margin:18px 0 16px;padding:12px}
.email-alternative{margin-top:15px}
.contact-form #contact-status:not(:empty){margin-top:18px;padding:17px}

.order-success-page{padding:44px 0 52px}
.order-success-page .success-mark{width:66px;height:66px;margin-bottom:18px}
.order-success-page h1{margin-bottom:16px}
.order-success-page .success>p{margin-bottom:20px}
.order-success-page .notice{margin:20px auto 24px;padding:15px 21px}
.order-success-page .panel{padding:26px}
.order-success-page .buttons{margin-top:24px}

.footer{padding-top:36px}
.footer-grid{gap:30px}
.footer h3{margin-bottom:15px}
.footer-bottom{margin-top:26px;padding:16px 0}

@media(max-width:1024px){
 .hero-grid{gap:24px}.hero-art{height:400px}.hero-art img{height:350px}
 .policy-layout{gap:26px}.contact-page{gap:30px}.footer-grid{gap:25px}
}
@media(max-width:767px){
 nav a{display:flex;align-items:center;padding:10px 0;min-height:44px}
 nav .nav-label:after{bottom:-4px}
 nav.open{max-height:230px}
 .section{padding:34px 0}.section-head{margin-bottom:21px}
 .eyebrow{margin-bottom:10px}.buttons{margin-top:18px}
 .hero-grid{min-height:0;gap:0}.hero-copy{padding:29px 0 12px}
 .hero-art{height:290px;margin-bottom:17px}.hero-art img{height:270px}
 .hero-note{padding:12px 15px}.hero-foot{margin-top:17px}
 .benefits{padding:18px 0;gap:17px 12px}
 .categories{gap:16px}.category-copy{padding:17px}
 .grid{gap:16px 12px}
 .product-body{padding:12px}
 .product .category-label{min-height:0;margin-bottom:5px;line-height:1.45}
 .product h3{min-height:0;margin-bottom:9px;line-height:1.4}
 .product-bottom{gap:7px;margin-top:auto;padding-top:1px}
 .product .btn{min-height:42px;padding:9px 7px}
 .callout{padding:25px}.callout .btn{margin-top:18px}
 .page-intro{padding:27px 0 23px;margin-bottom:24px}
 .filters{margin-bottom:19px}
 .breadcrumbs{padding:16px 0}.detail{gap:23px}
 .options{margin-top:16px;padding-top:14px}.options fieldset{margin-bottom:15px}
 .cart-layout,.checkout-layout{gap:24px}.cart-row{padding:15px 0;gap:14px}
 .panel{padding:21px}.form-grid{gap:14px}
 .empty{margin:28px auto 34px;padding:29px 20px}.empty-mark{margin-bottom:17px}
 .empty p{margin-bottom:19px}
 .policy-intro{padding:27px 0 24px;margin-bottom:0}
 .policy-layout{padding-top:24px}.policy-contents{padding:17px;margin-bottom:25px}
 .policy-section{padding-bottom:18px;margin-bottom:20px;scroll-margin-top:15px}
 .policy-section p{line-height:1.8}.policy-contact{padding:20px}
 .about-simple{padding-top:30px;padding-bottom:34px}
 .about-simple-heading{margin-bottom:23px}
 .about-simple-details{padding:21px 0;gap:20px}.about-simple-contact{padding-top:20px}
 .contact-heading{padding:27px 0 30px}
 .contact-page{gap:23px;padding-top:26px;padding-bottom:35px}
 .contact-details{padding-top:0}.contact-method{padding:15px 0}
 .contact-page .contact-form{padding:23px 20px}
 .contact-form .form-intro{margin-bottom:19px}.contact-signoff{margin-top:17px}
 .order-success-page{padding:31px 0 37px}
 .order-success-page .panel{padding:22px}.order-success-page .notice{margin:18px auto 22px;padding:14px 17px}
 .order-success-page .buttons{margin-top:21px}
 .footer{padding-top:29px}.footer-grid{gap:24px 18px}
 .footer-bottom{margin-top:23px;padding:14px 0}
}
@media(max-width:359px){
 .product-body{padding:13px}.product .category-label{margin-bottom:5px}
 .product h3{margin-bottom:9px}.product-bottom{gap:9px}
 .product .btn{padding:9px 12px}.contact-page .contact-form{padding:21px 17px}
}
@media(prefers-reduced-motion:reduce){nav .nav-label:after{transition:none}}