.grid{display:grid;gap:22px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.soft{background:#eefaf2}
.page-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.page-hero__inner{position:relative;z-index:1;padding:82px 0}
.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,4rem);margin:10px 0}
.page-hero p{max-width:760px}
.breadcrumb{display:flex;gap:8px;color:#e2e8f0;flex-wrap:wrap}
.breadcrumb a{color:var(--yellow)}
.flash{margin-top:16px;padding:12px 14px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-weight:800}
.filters{display:grid;gap:14px}
.field{display:grid;gap:7px;margin-bottom:12px}
.field label{font-weight:900;color:var(--muted)}
.filter-actions,.card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn.dark,.btn.ghost{background:var(--navy);color:#fff}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.pagination{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font-weight:900}
.pagination a.active{background:var(--green);color:#fff}
.details,.cart-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.gallery-main,.product-media-main{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.gallery-main img{width:100%;aspect-ratio:1/1;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.thumbs img{border:1px solid var(--line);border-radius:8px;background:#fff;aspect-ratio:1/1;object-fit:cover;cursor:pointer}
.cart-row{display:grid;grid-template-columns:92px 1fr 90px 90px auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px}
.cart-row img,.checkout-line img{width:82px;height:82px;object-fit:cover;border-radius:8px;background:#f1f5f9}
.summary dl{display:grid;grid-template-columns:1fr auto;gap:10px}
.summary dt{color:var(--muted)}
.summary dd{margin:0;font-weight:900}
.checkout-line{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}
.wishlist-toggle{top:12px}
.wishlist-toggle button{width:100%;height:100%;border:0;background:transparent}
.footer-contact p{margin:7px 0;color:#cbd5e1}
.payments img{max-height:34px;object-fit:contain}
.blog-grid article p{color:var(--muted)}
.product-cat{min-height:22px}
.active-filter-category{padding:12px;border-radius:8px;background:#ecfdf5;display:grid;gap:4px}
.active-filter-category strong{color:var(--green)}
.admin-store-link{white-space:nowrap}
@media (max-width:900px){.cols-4,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.details,.cart-layout{grid-template-columns:1fr}.cart-row{grid-template-columns:76px 1fr}.cart-row input,.cart-row strong,.cart-row button{grid-column:2}}
@media (max-width:560px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.page-hero__inner{padding:56px 0}.cart-row{grid-template-columns:1fr}.cart-row img,.cart-row input,.cart-row strong,.cart-row button{grid-column:auto}}

/* Final client polish overrides */
.admin-store-link{display:none!important}
.site-header .nav{min-height:82px;gap:14px}
.header-search{display:flex!important;align-items:center;flex:1 1 390px;max-width:540px;min-width:300px;height:48px;border:1px solid rgba(22,163,74,.22)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.08);overflow:hidden}
.header-search input{width:100%!important;height:100%;border:0!important;background:#fff!important;padding:0 18px!important;box-shadow:none!important}
.header-search button{width:104px!important;min-width:104px!important;height:100%;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#16a34a,#f97316)!important;color:#fff!important;font-size:0!important;font-weight:900}
.header-search button:before{content:"Search";font-size:.88rem}
.nav-actions{gap:8px}

.hero-slider{height:clamp(430px,52vw,560px)!important;min-height:0!important;background:#0f172a!important}
.hero-slider .slide,.hero-slider .slide.active{position:absolute!important;inset:0!important;height:100%!important;opacity:0;display:block}
.hero-slider .slide.active{opacity:1!important}
.hero-slider .slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center right!important;opacity:.76!important;filter:saturate(1.08) contrast(1.03)}
.hero-slider .slide:before{content:none!important}
.hero-slider .slide:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(15,23,42,.88) 0%,rgba(15,23,42,.64) 38%,rgba(15,23,42,.18) 72%,rgba(15,23,42,.06) 100%)!important}
.slide__content{position:relative!important;z-index:2!important;height:100%!important;max-width:660px!important;margin-left:max(4%,calc((100vw - 1180px)/2))!important;margin-right:0!important;padding:0 0 0 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;color:#fff!important}
.slide__content .eyebrow{margin:0 0 14px!important}
.slide__content h1,.slide__content h2{font-size:clamp(2.2rem,4vw,3.8rem)!important;line-height:1.05!important;margin:0 0 16px!important;max-width:650px!important}
.slide__content p{max-width:560px!important;margin:0 0 24px!important;font-size:clamp(1rem,1.5vw,1.15rem)!important}
.slide__content .btn{margin-right:10px;margin-top:0!important}
.slider-arrow{top:50%!important}
.slider-dots{bottom:18px!important}

.deal-band--image,.promo-banner--image{min-height:390px!important;border-radius:8px!important}
.deal-band--image>img,.promo-banner--image>img{filter:saturate(1.05) contrast(1.02)!important}
.deal-band--image:after,.promo-banner--image:after{background:linear-gradient(90deg,rgba(15,23,42,.86),rgba(15,23,42,.48) 42%,rgba(15,23,42,.12) 78%)!important}
.deal-band__inner{min-height:390px!important;padding:58px 0!important}
.promo-banner--image{padding:58px!important}
.promo-banner--image>div{max-width:620px}

.footer-brand .footer-payments{display:none!important}
.footer__bottom{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;text-align:center!important}
.footer__bottom span,.footer__bottom a{display:inline!important;margin:0!important}

@media (max-width:1100px){.header-search{flex-basis:320px;min-width:250px;max-width:420px}.nav-menu{gap:11px}.nav-menu a{font-size:.93rem}}
@media (max-width:900px){.header-search{display:none!important}.hero-slider{height:500px!important}.slide__content{margin-left:4%!important;width:88%!important}.deal-band--image,.promo-banner--image,.deal-band__inner{min-height:330px!important}.promo-banner--image{padding:34px!important}}
@media (max-width:560px){.hero-slider{height:470px!important}.slide__content{width:90%!important}.slide__content h1,.slide__content h2{font-size:2.15rem!important}.slide__content .btn{width:100%;margin-right:0}.deal-band--image,.promo-banner--image,.deal-band__inner{min-height:360px!important}.footer__bottom{font-size:.86rem}}

/* Product page gallery thumbnails */
.details .thumbs{
    display:grid!important;
    grid-template-columns:repeat(5,72px)!important;
    gap:10px!important;
    justify-content:start;
    align-items:center;
    margin-top:12px!important;
}
.details .thumbs img{
    width:72px!important;
    height:72px!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:8px!important;
    border:1px solid #dbe3ef!important;
    background:#fff!important;
    padding:4px;
    box-shadow:0 8px 18px rgba(15,23,42,.08);
    transition:transform .2s,border-color .2s,box-shadow .2s;
}
.details .thumbs img:hover{
    border-color:var(--green)!important;
    box-shadow:0 12px 26px rgba(22,163,74,.16);
    transform:translateY(-2px);
}
@media (max-width:560px){
    .details .thumbs{
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:7px!important;
    }
    .details .thumbs img{
        width:100%!important;
        height:auto!important;
        padding:3px;
    }
}

/* Live-ready UI polish */
.header-search button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    line-height:1!important;
}
.header-search button:before{
    display:block!important;
    line-height:1!important;
    transform:translateY(0)!important;
}
.hero-actions{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:wrap!important;
}
.hero-actions .btn,
.slide__content .hero-actions .btn{
    width:auto!important;
    min-width:142px;
    margin:0!important;
}
.hero-slider .slider-arrow{
    top:50%!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    padding:0!important;
}
.hero-slider .slider-arrow:hover{
    transform:translateY(-50%) scale(1.06)!important;
}
.hero-slider .slider-arrow:before{
    margin:0!important;
    position:relative!important;
    left:5px;
    top:8px;
}
.hero-slider .slider-arrow.next:before{left:-2px}
input,
select,
textarea,
.search-box input,
.search-box select,
.field input,
.field select,
.field textarea,
label input,
label select{
    min-height:48px;
    border:1px solid #d8e2ee!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#0f172a!important;
    box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
    transition:border-color .2s,box-shadow .2s,transform .2s;
}
textarea{min-height:132px;resize:vertical}
input:focus,
select:focus,
textarea:focus{
    outline:0!important;
    border-color:#16a34a!important;
    box-shadow:0 0 0 4px rgba(22,163,74,.13),0 16px 30px rgba(15,23,42,.08)!important;
}
.btn,
button.btn{
    min-height:46px;
    border-radius:8px!important;
    letter-spacing:0;
    line-height:1!important;
}
.live-content{font-size:1rem;line-height:1.82}
.live-content h2{margin-top:0;font-size:clamp(1.65rem,2.4vw,2.35rem)}
.live-content p{color:#475569;margin:0 0 16px}
.category-content-block{display:grid;grid-template-columns:1.45fr .85fr;gap:22px;margin-top:28px}
.contact-premium{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start}
.contact-form-card,
.contact-info-card{
    border:0!important;
    background:linear-gradient(180deg,#fff,#f8fafc)!important;
    box-shadow:0 24px 60px rgba(15,23,42,.12)!important;
}
.contact-form-card h2,.contact-info-card h2{margin:6px 0 10px}
.contact-info-stack{display:grid;gap:18px}
.contact-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.contact-channel-grid a{
    display:grid;
    gap:4px;
    padding:14px;
    border-radius:8px;
    background:linear-gradient(135deg,#ecfdf5,#fff7ed);
    border:1px solid #dbeafe;
}
.contact-channel-grid strong{color:#0f172a}
.contact-channel-grid span{font-size:.84rem;color:#64748b;word-break:break-word}
.contact-map-card{
    min-height:250px;
    display:grid;
    place-items:center;
    border-radius:8px;
    overflow:hidden;
    background:linear-gradient(135deg,#14532d,#0f172a);
    color:#fff;
    padding:26px;
}
.contact-map-card iframe{width:100%;height:300px;border:0}
.contact-trust-grid .info-card,
.market-proof,
.info-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:8px;
    padding:22px;
    box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.product-detail-section{background:linear-gradient(180deg,#f8fafc,#eefaf2)}
.product-detail-premium{gap:34px}
.product-gallery-card,
.product-buy-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:8px;
    padding:18px;
    box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.product-buy-card{padding:28px}
.product-topline,
.product-price-row,
.product-trust-row,
.product-secondary-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.rating-pill,
.review-pill,
.stock-pill{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    border-radius:999px;
    padding:7px 12px;
    font-weight:900;
    background:#fef9c3;
    color:#854d0e;
}
.review-pill{background:#e0f2fe;color:#075985}
.stock-pill{background:#dcfce7;color:#166534}
.product-buy-card h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:14px 0;color:#0f172a}
.product-price strong{font-size:2rem;color:#16a34a}
.product-price del{font-size:1.05rem}
.product-lead{font-size:1.05rem;color:#475569}
.product-trust-row{margin:16px 0}
.product-trust-row span{
    padding:8px 11px;
    border-radius:999px;
    background:#f1f5f9;
    color:#334155;
    font-weight:800;
    font-size:.86rem;
}
.product-purchase-form{
    margin:18px 0 14px;
    background:#f8fafc!important;
    box-shadow:none!important;
}
.product-action-row .btn{flex:1 1 160px}
.product-secondary-actions form{margin:0}
.product-secondary-actions .btn{min-width:170px}
.product-info-section .panel{height:max-content}
.faq-color-grid{display:grid;gap:12px}
.faq-color-card{
    border:0;
    border-radius:8px;
    padding:0;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.faq-color-card summary{
    cursor:pointer;
    padding:15px 16px;
    font-weight:900;
    color:#0f172a;
}
.faq-color-card p{padding:0 16px 16px;margin:0;color:#475569}
.faq-color-1{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}
.faq-color-2{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.faq-color-3{background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.faq-color-4{background:linear-gradient(135deg,#fefce8,#fef3c7)}
.faq-color-5{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}
.cms-live-page .faq-color-card{margin-top:12px}
@media (max-width:900px){
    .category-content-block,
    .contact-premium{grid-template-columns:1fr}
    .contact-channel-grid{grid-template-columns:1fr}
    .product-buy-card{padding:22px}
}
@media (max-width:560px){
    .hero-actions{width:100%;gap:10px!important}
    .hero-actions .btn,
    .slide__content .hero-actions .btn{
        flex:1 1 calc(50% - 6px);
        min-width:0;
        padding-inline:12px;
    }
    .hero-slider .slider-arrow{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
    }
    .product-price-row{align-items:flex-start;flex-direction:column}
    .product-secondary-actions .btn,
    .product-secondary-actions form{width:100%}
    .product-secondary-actions form .btn{width:100%}
}

/* Category page: offer-led shopping experience */
.category-offer-top{
    padding:30px 0 0;
    background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.category-offer-hero{
    position:relative;
    min-height:310px;
    overflow:hidden;
    border-radius:28px;
    isolation:isolate;
    box-shadow:0 24px 60px rgba(15,23,42,.16);
}
.category-offer-hero>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2;
}
.category-offer-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(3,20,27,.94) 0%,rgba(8,47,73,.82) 48%,rgba(8,47,73,.12) 100%);
}
.category-offer-copy{
    width:min(690px,70%);
    padding:46px 52px;
    color:#fff;
}
.category-offer-kicker{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 12px;
    border-radius:999px;
    background:#fbbf24;
    color:#422006;
    font-size:.76rem;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.category-offer-copy h2{
    margin:14px 0 8px;
    color:#fff;
    font-size:clamp(2rem,4vw,3.35rem);
    line-height:1.02;
}
.category-offer-copy p{
    max-width:620px;
    margin:0;
    color:#e2e8f0;
    font-size:1.03rem;
}
.category-offer-pills,
.category-offer-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.category-offer-pills{margin:20px 0}
.category-offer-pills strong,
.category-offer-pills span{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    background:rgba(255,255,255,.13);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:.84rem;
}
.category-offer-pills strong{background:#22c55e;border-color:#22c55e}
.category-offer-actions .btn{min-height:44px}
.category-offer-cart{
    color:#fff!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.65)!important;
}
.category-offer-bottom{padding:0 0 76px}
.category-offer-bottom-panel{
    display:grid;
    grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);
    gap:36px;
    align-items:center;
    padding:38px;
    overflow:hidden;
    border:1px solid #dbeafe;
    border-radius:26px;
    background:
        radial-gradient(circle at 100% 0,rgba(34,197,94,.2),transparent 35%),
        linear-gradient(135deg,#eff6ff,#f0fdf4 55%,#fffbeb);
    box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.category-offer-bottom-copy h2{
    margin:13px 0 9px;
    color:#0f172a;
    font-size:clamp(1.7rem,3vw,2.45rem);
}
.category-offer-bottom-copy p{margin:0 0 19px;color:#475569}
.category-offer-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.category-offer-benefits>div{
    min-height:150px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:6px;
    padding:18px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:20px;
    background:rgba(255,255,255,.86);
    box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.category-offer-benefits span{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#dcfce7;
    color:#166534;
    font-weight:950;
}
.category-offer-benefits strong{color:#0f172a;font-size:.94rem}
.category-offer-benefits small{color:#64748b;line-height:1.35}
@media (max-width:900px){
    .category-offer-copy{width:min(780px,88%);padding:38px}
    .category-offer-overlay{background:linear-gradient(90deg,rgba(3,20,27,.94),rgba(8,47,73,.65))}
    .category-offer-bottom-panel{grid-template-columns:1fr;padding:30px}
}
@media (max-width:640px){
    .category-offer-top{padding-top:16px}
    .category-offer-hero{min-height:380px;border-radius:20px}
    .category-offer-hero>img{object-position:center}
    .category-offer-overlay{background:linear-gradient(0deg,rgba(3,20,27,.96) 0%,rgba(3,20,27,.78) 65%,rgba(3,20,27,.28) 100%)}
    .category-offer-copy{
        position:absolute;
        inset:auto 0 0;
        width:100%;
        padding:26px 22px;
    }
    .category-offer-copy h2{font-size:2rem}
    .category-offer-copy p{font-size:.93rem}
    .category-offer-pills{margin:14px 0}
    .category-offer-pills span:last-child{display:none}
    .category-offer-actions{width:100%}
    .category-offer-actions .btn{flex:1 1 130px;min-width:0;padding-inline:13px}
    .category-offer-bottom{padding-bottom:38px}
    .category-offer-bottom-panel{padding:22px;border-radius:20px}
    .category-offer-benefits{grid-template-columns:1fr}
    .category-offer-benefits>div{min-height:0;display:grid;grid-template-columns:38px 1fr;column-gap:12px;padding:14px}
    .category-offer-benefits>div span{grid-row:1/3}
}