/* Shared storefront concept: consistent cards, navigation, cart and checkout. */
.header{box-shadow:0 8px 30px rgba(24,36,66,.045)}
.navlinks>a,.nav-service-trigger{font-weight:720}.navlinks>a:hover,.nav-service-trigger:hover{background:#f0f4ff}
.section-head .h2,.h2{letter-spacing:-.045em}.section-head .lead,.lead{line-height:1.55}
.card{border-radius:19px}.page-hero{padding-block:clamp(24px,3.5vw,50px);background:radial-gradient(circle at 80% 12%,#eef2ff,transparent 34%),#fff}
.page-hero .h2{margin:8px 0 7px;font-size:clamp(31px,3.2vw,47px)}.page-hero :where(.subtitle,.lead){max-width:680px;margin:0;color:#64738a}
.cart-layout,.checkout-wrap{gap:clamp(14px,2.8vw,28px);align-items:start}.cart-item,.coupon-card,.cart-summary,.checkout-form-card,.checkout-summary{border:1px solid #e1e7f1;background:#fff;box-shadow:0 13px 40px rgba(29,44,78,.055)}
.cart-item{padding:20px}.cart-item-info h3{font-size:17px;line-height:1.25}.cart-item-info small{line-height:1.5}.cart-item-price strong{font-size:19px}.cart-item-price .btn-ghost{border:1px solid #e1e7f1;border-radius:9px}
.cart-summary,.checkout-summary{top:88px}.cart-summary h3,.checkout-summary h3{font-size:20px;letter-spacing:-.03em}.summary-row{gap:12px}.summary-total{margin-top:12px;padding-top:17px}.summary-total :last-child{font-weight:850}
.cart-summary>.btn-primary,.checkout-form-card>.btn-primary{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--brand-primary,#635bff),var(--brand-secondary,#1399e6))}
.checkout-steps{gap:6px}.checkout-steps .step{border-radius:11px}.checkout-form-card{padding:clamp(18px,2.5vw,30px)}.checkout-form-card .field{margin-bottom:14px}.checkout-form-card .field :where(input,select,textarea){min-height:45px;border-radius:11px}.summary-security{gap:7px}
.footer{padding-top:clamp(37px,4vw,65px)}.footer-grid{gap:clamp(20px,3vw,46px)}
html[data-theme=dark] .navlinks>a:hover,html[data-theme=dark] .nav-service-trigger:hover{background:#21304a}
html[data-theme=dark] .page-hero{background:radial-gradient(circle at 78% 12%,#18223f,transparent 35%),#101a2b}
html[data-theme=dark] .page-hero :where(.subtitle,.lead){color:#b3c0d5}
html[data-theme=dark] .cart-item,html[data-theme=dark] .coupon-card,html[data-theme=dark] .cart-summary,html[data-theme=dark] .checkout-form-card,html[data-theme=dark] .checkout-summary{background:#152136;border-color:#34435d}
html[data-theme=dark] .cart-item-price .btn-ghost{border-color:#3b4b68;color:#edf2fe}
@media(max-width:850px){.cart-summary,.checkout-summary{position:static}.cart-layout,.checkout-wrap{gap:15px}}
@media(max-width:600px){.page-hero{padding-block:22px}.page-hero .h2{font-size:32px}.cart-item{padding:15px}.checkout-form-card{padding:17px}.cart-summary,.checkout-summary{border-radius:17px}}
