@font-face{font-family:Manrope;src:url("assets/manrope-regular.ttf") format("truetype");font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/manrope-bold.ttf") format("truetype");font-style:normal;font-weight:600 800;font-display:swap}
:root{--paper:#fcfcfa;--bone:#f6f5f0;--ink:#243830;--muted:#59665f;--line:#dce3dd;--green:#e0efe5;--blue:#e5eef8;--orange:#f9e6d6;--accent:#276446;--accent-hover:#1d5138;--white:#fff;--radius:8px}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.4}
input,textarea,select{min-width:0}
textarea{resize:vertical}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.22}
h1{font-size:38px}
h2{font-size:27px}
h3{font-size:19px}
p{overflow-wrap:anywhere}
strong{font-weight:700}
svg.lucide{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
:focus-visible{outline:3px solid #3a7bb6;outline-offset:4px}
main:focus{outline:none}
[hidden]{display:none!important}
.container{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.eyebrow{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:10px}
.lede{color:var(--muted);max-width:750px;font-size:17px;line-height:1.75}
.topbar{background:var(--green);font-size:12px}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px}
.topbar a{display:inline-flex;align-items:center;gap:6px}
.topbar svg.lucide{width:14px;height:14px}
.header{position:sticky;top:0;z-index:30;background:rgba(252,252,250,.98);border-bottom:1px solid var(--line)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:22px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:23px;font-weight:800;line-height:1.1}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:6px}
.brand-green{color:var(--accent)}
.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}
.header-search{display:flex;gap:12px;align-items:center;width:min(490px,100%);background:var(--white);border:1px solid var(--line);padding:2px 5px 2px 16px;border-radius:6px}
.header-search input{border:0;background:transparent;outline:0;width:100%;height:40px;font-size:14px}
.header-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.header-search input:focus-visible{outline:0}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border:1px solid transparent;background:transparent;border-radius:6px}
.icon-button:hover:not(:disabled){background:var(--green)}
.cart-link{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;white-space:nowrap}
.cart-link b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:var(--green);font-size:12px}
.navigation{display:flex;gap:32px;align-items:center;overflow:auto;scrollbar-width:thin}
.navigation a{white-space:nowrap;font-size:14px;font-weight:600;padding:11px 0 14px;border-bottom:2px solid transparent}
.navigation a:hover,.navigation a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
.store-intro{padding:36px 0 25px;background:var(--bone);border-bottom:1px solid var(--line)}
.store-intro h1{font-size:46px;line-height:1.15}
.store-intro>div>p:not(.eyebrow){margin-top:10px;font-size:20px}
.intro-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:23px;color:var(--muted);font-size:14px}
.text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;border:0;padding:0;color:var(--accent);background:none}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;gap:9px;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:700;line-height:1.45;text-align:center;transition:background .15s,color .15s}
.button.primary{background:var(--accent);color:#fff}
.button.primary:hover{background:var(--accent-hover)}
.button.secondary{background:var(--white);border-color:#bdcfc1}
.button.secondary:hover{background:var(--green)}
.button.selected{background:var(--green);color:var(--accent)}
.button.compact{padding:9px 12px;min-height:42px}
.button.full{width:100%}
.green{background:var(--green)}
.blue{background:var(--blue)}
.orange{background:var(--orange)}
.home-catalog{padding-block:30px 42px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.section-heading>.text-link{flex-shrink:0}
.category-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}
.category-bands>a{display:flex;align-items:center;gap:14px;padding:19px 20px;border:1px solid transparent}
.category-bands>a:hover{border-color:var(--accent)}
.category-bands>a>svg:first-child{width:28px;height:28px}
.category-bands>a>svg:last-child{margin-left:auto}
.category-bands strong{font-size:15px;display:block}
.category-bands span{font-size:12px;color:var(--muted);display:block}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s}
.product-card:hover{border-color:#a8b9ac;box-shadow:0 5px 18px #223c2910}
.product-image{display:block;aspect-ratio:1/1;padding:10px;border-bottom:1px solid var(--line);overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.product-image:hover img{transform:scale(1.025)}
.product-body{padding:20px 18px 14px;display:flex;flex-direction:column;flex:1}
.product-body .eyebrow{font-size:11px;margin-bottom:8px}
.product-body h3{min-height:47px;overflow-wrap:anywhere}
.product-body h3 a:hover{text-decoration:underline}
.product-description{font-size:14px;color:var(--muted);margin-top:12px;margin-bottom:22px}
.product-price{margin-top:auto;margin-bottom:16px}
.product-price strong{font-size:19px;display:block}
.product-price span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.product-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}
.product-actions .text-link{font-size:12px}
.product-actions .text-link svg{width:15px;height:15px}
.product-actions .button{font-size:12px}
.product-actions .button svg{width:16px;height:16px}
.compare-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding-top:15px;margin-top:17px;border-top:1px solid var(--line);cursor:pointer}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}
.service-strip{background:var(--blue);padding-block:28px}
.service-strip>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-strip>.container>div{display:flex;align-items:center;gap:14px;padding:0 28px;border-right:1px solid #c5d4e2}
.service-strip>.container>div:first-child{padding-left:0}
.service-strip>.container>div:last-child{border:0}
.service-strip svg{width:27px;height:27px}
.service-strip span{color:var(--muted);font-size:13px}
.service-strip strong{display:block;font-size:15px;color:var(--ink);margin-bottom:3px}
.section-space{padding-block:55px}
.custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.custom-grid .product-image{aspect-ratio:1.25/1}
.contact-band{background:var(--green);padding-block:44px}
.contact-band>.container{display:flex;align-items:center;justify-content:space-between;gap:35px}
.contact-band h2{max-width:630px}
.contact-band p:not(.eyebrow){color:var(--muted);margin-top:13px}
.contact-band .button{flex-shrink:0}
footer{padding-top:44px;background:var(--bone);border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:40px;padding-bottom:36px}
.footer-brand{font-size:23px;font-weight:800}
.footer-grid p{font-size:13px;color:var(--muted);margin-top:13px}
.footer-grid h2{font-size:14px;margin:7px 0 15px}
.footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;margin:9px 0;color:var(--muted);overflow-wrap:anywhere}
.footer-grid a:hover{color:var(--accent);text-decoration:underline}
.footer-grid svg{width:14px;height:14px}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:12px;color:var(--muted)}
.page-section{padding-block:24px 60px;min-height:60vh}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted);margin-bottom:35px}
.breadcrumb svg{width:12px;height:12px}
.breadcrumb a:hover{color:var(--accent);text-decoration:underline}
.page-heading{margin-bottom:34px}
.page-heading h1{max-width:870px}
.page-heading .lede{margin-top:14px}
.catalog-toolbar{border-block:1px solid var(--line);padding-block:0 20px;margin-bottom:22px}
.category-tabs{display:flex;gap:26px;overflow-x:auto;margin-bottom:20px}
.category-tabs button{background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;padding:17px 0 13px;font-size:14px;color:var(--muted)}
.category-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:700}
.catalog-controls{display:flex;align-items:center;gap:18px}
.search-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;gap:10px;padding:0 14px;background:var(--white);max-width:420px;flex:1}
.search-field input{width:100%;height:43px;border:0;background:transparent;font-size:14px;outline:0}
.search-field:focus-within{outline:2px solid var(--accent)}
.sort-label{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px}
select{padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--white);max-width:100%}
.view-toggle{display:flex;border:1px solid var(--line);border-radius:6px;background:var(--white);padding:2px;gap:2px}
.view-toggle [aria-pressed=true]{background:var(--green);color:var(--accent)}
.results-line{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px;font-size:14px;font-weight:700}
.results-line>span{font-weight:400;font-size:12px;color:var(--muted)}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--white)}
table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}
th{font-weight:700}
td,th{padding:20px;border-bottom:1px solid var(--line);vertical-align:middle}
thead{background:var(--bone)}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
.catalog-table{min-width:820px}
.catalog-table tbody tr:hover{background:#f6faf7}
.table-product{display:flex;align-items:center;gap:15px;min-width:240px}
.table-product img{width:68px;height:68px;object-fit:contain;background:var(--blue);border-radius:5px}
.table-product small{display:block;margin-top:4px;color:var(--muted);font-weight:400}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.detail-image{display:block;padding:20px;border:1px solid var(--line);border-radius:8px}
.detail-image img{width:100%;height:auto;object-fit:contain;aspect-ratio:1/1}
.image-caption{font-size:12px;color:var(--muted);margin-top:12px}
.detail-copy h1{font-size:36px;margin-bottom:17px}
.detail-price{padding-block:24px;border-bottom:1px solid var(--line)}
.detail-price strong{font-size:27px;display:block}
.detail-price span{font-size:14px;color:var(--muted);display:block;margin-top:6px}
.audience{display:flex;align-items:start;gap:10px;font-size:14px;color:var(--muted);margin-block:20px}
.audience svg{margin-top:2px}
.detail-actions{display:flex;gap:12px}
.detail-actions .button{flex:1}
.detail-includes{margin-top:30px}
.detail-includes h2{font-size:20px}
.feature-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}
.feature-list li{display:flex;gap:10px;align-items:start;font-size:14px}
.feature-list svg{color:var(--accent);width:17px;height:17px;margin-top:4px}
.scope-note{display:flex;align-items:start;gap:12px;margin-top:26px;padding:18px;background:var(--blue);font-size:13px;color:#38556b}
.scope-note svg{margin-top:3px}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:40px;align-items:start}
.cart-list{border-top:1px solid var(--line)}
.cart-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.cart-row img{width:100px;height:100px;object-fit:contain;background:var(--blue);border-radius:6px}
.cart-row-info .eyebrow{font-size:11px;margin-bottom:6px}
.cart-row-info h2{font-size:18px}
.cart-row-info p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:6px}
.cart-row-end{display:flex;flex-direction:column;align-items:end;gap:20px;font-size:14px}
.quantity{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--white);margin-top:12px}
.quantity>span{min-width:25px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.quantity .icon-button{width:34px;height:34px;flex-basis:34px}
.quantity svg{width:15px;height:15px}
.continue-shopping{margin-top:25px}
.order-summary{position:sticky;top:160px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:25px}
.order-summary h2{font-size:22px}
.order-summary dl{margin-block:25px}
.order-summary dl>div{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:13px;margin-block:13px}
.order-summary dt{color:var(--muted)}
.order-summary dd{margin:0;font-weight:700}
.summary-total{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-block:17px;border-block:1px solid var(--line);font-size:13px}
.summary-total strong{font-size:18px;text-align:right}
.fineprint{font-size:12px;line-height:1.7;color:var(--muted);margin-block:16px}
.summary-foot{display:flex;gap:10px;align-items:start;margin-top:18px;font-size:12px;color:var(--muted)}
.summary-foot svg{width:17px;height:17px;margin-top:3px}
.checkout-panel{padding-right:15px}
.checkout-panel h2{font-size:25px;margin-bottom:12px}
.checkout-panel>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.field{display:block;font-size:14px;font-weight:700;margin-bottom:20px}
.field>input,.field>select,.field>textarea{display:block;width:100%;font-weight:400;margin-top:8px;padding:12px 14px;border:1px solid #becdc1;background:var(--white);border-radius:6px;font-size:16px}
.field>input{height:49px}
.privacy-note{padding:18px;background:var(--blue);font-size:13px!important;margin-block:20px!important}
.privacy-note svg{width:17px;height:17px;margin-right:6px}
.privacy-note a{text-decoration:underline}
.back-cart{margin-top:20px}
.message-preview{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75;background:var(--bone);border:1px solid var(--line);padding:24px;max-height:470px;overflow:auto;border-radius:8px}
.review-actions{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.comparison-table{min-width:640px}
.comparison-table th,.comparison-table td{min-width:170px;max-width:340px}
.comparison-table thead th{vertical-align:top}
.comparison-table thead img{width:100px;height:100px;object-fit:contain;margin-bottom:14px;border-radius:6px}
.comparison-table thead a,.comparison-table thead strong,.comparison-table thead button{display:block}
.comparison-table thead strong{font-size:16px;margin-block:10px}
.comparison-table thead button{font-size:12px}
.feature-yes{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px}
.feature-yes svg{width:17px;height:17px}
.muted{color:var(--muted)}
.comparison-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;background:var(--white);border:1px solid #a6bdad;border-radius:8px;box-shadow:0 6px 30px #23372924;display:flex;align-items:center;gap:20px;padding:10px 12px 10px 22px;max-width:calc(100% - 24px);width:max-content}
.comparison-tray>span{display:flex;gap:7px;align-items:center;font-size:13px}
.has-comparison{padding-bottom:84px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 22px;background:var(--ink);color:var(--white);border-radius:6px;z-index:50;font-size:14px;box-shadow:0 4px 16px #23372924}
.has-comparison .toast{bottom:104px}
.empty-state{padding:65px 20px;text-align:center;max-width:650px;margin:auto}
.empty-state>svg{width:46px;height:46px;color:var(--accent);margin-bottom:23px}
.empty-state h2{font-size:25px}
.empty-state p{color:var(--muted);margin-block:15px 25px}
.purchase-steps{list-style:none;max-width:850px;margin:0 0 35px;padding:0}
.purchase-steps li{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.purchase-steps li>span{font-size:25px;font-weight:700;color:var(--accent);min-width:55px}
.purchase-steps h2{font-size:22px}
.purchase-steps p{margin-top:12px;color:var(--muted)}
.faq-list{max-width:900px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{padding:23px 0;display:flex;justify-content:space-between;gap:22px;align-items:center;cursor:pointer;list-style:none;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list p{color:var(--muted);padding-bottom:22px;max-width:780px}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.about-layout{display:grid;grid-template-columns:300px minmax(0,650px);gap:55px}
.about-layout>img{border-radius:8px;aspect-ratio:1;object-fit:contain}
.about-layout p{color:var(--muted);margin-block:20px}
.google-about{display:flex;width:fit-content;margin-top:20px}
.reading-content{max-width:800px}
.reading-content h2{font-size:23px;margin-block:30px 15px}
.reading-content p{color:var(--muted);margin-bottom:18px}
.reading-content a{text-decoration:underline;color:var(--accent)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1100px}
.contact-options>a{display:flex;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);font-size:14px}
.contact-options>a:first-child{border-top:1px solid var(--line)}
.contact-options>a>svg:first-child{width:26px;height:26px;color:var(--accent)}
.contact-options>a>svg:last-child{margin-left:auto}
.contact-options strong{display:block;font-size:16px;margin-bottom:3px}
.contact-options span{overflow-wrap:anywhere;min-width:0}
.contact-form{border-left:1px solid var(--line);padding-left:40px}
.contact-form h2{font-size:24px;margin-bottom:25px}
.contact-form .button+.button{margin-top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--white);padding:12px}
.skip-link:focus{top:10px}
@media(min-width:1500px){.product-image{aspect-ratio:1.15/1}}
@media(max-width:1150px){
 .header-main{gap:24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-actions{flex-wrap:wrap;gap:12px}.category-bands>a{padding:15px 12px;gap:10px}.category-bands span{font-size:11px}.cart-layout{grid-template-columns:minmax(0,1fr) 310px;gap:28px}.cart-row{gap:15px;grid-template-columns:80px minmax(0,1fr) auto}.cart-row img{width:80px;height:80px}.detail-layout{gap:32px}.footer-grid{gap:25px}.navigation{gap:25px}
}
@media(max-width:850px){
 .container{width:calc(100% - 40px)}.header-main{flex-wrap:wrap;gap:18px;padding-block:15px}.header-search{order:3;max-width:none;width:100%}.navigation{gap:25px}.header{position:relative}.topbar .container>span{font-size:11px}.topbar a{font-size:11px}.intro-bottom{flex-direction:column;gap:10px}.product-grid,.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start}.section-heading h2{font-size:24px}.category-bands{grid-template-columns:1fr;gap:7px}.category-bands>a{padding:13px 18px}.category-bands strong{font-size:14px}.category-bands span{font-size:12px}.category-bands>a>svg:first-child{width:23px;height:23px}.service-strip>.container{gap:20px}.service-strip>.container>div{padding:0;border:0;align-items:start}.service-strip svg{width:21px;height:21px}.service-strip strong{font-size:13px}.service-strip span{font-size:12px}.contact-band>.container{align-items:start;flex-direction:column;gap:24px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.cart-layout{grid-template-columns:1fr}.order-summary{position:static;max-width:none}.cart-row{grid-template-columns:100px minmax(0,1fr) auto}.cart-row img{width:100px;height:100px}.checkout-panel{padding:0}.detail-layout{grid-template-columns:1fr}.detail-image{max-width:570px;margin:auto}.catalog-controls{flex-wrap:wrap}.search-field{max-width:none;flex-basis:100%}.sort-label{margin-left:0;margin-right:auto}.about-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.contact-layout{gap:30px}.contact-form{padding-left:25px}.comparison-table td,.comparison-table th{padding:16px}
}
@media(max-width:540px){
 .container{width:calc(100% - 32px)}.topbar .container{justify-content:center}.topbar .container>span{display:none}.brand{font-size:21px}.brand img{width:40px;height:40px}.cart-link{gap:7px}.cart-link>span{display:none}.navigation{gap:23px}.navigation a{font-size:13px}.store-intro{padding-block:28px 24px}.store-intro h1{font-size:35px}.store-intro>div>p:not(.eyebrow){font-size:18px}.intro-bottom{font-size:12px}.home-catalog{padding-top:25px}.section-heading{flex-direction:column;gap:15px}.section-heading h2{font-size:25px}.product-grid,.custom-grid{grid-template-columns:1fr;gap:22px}.product-image,.custom-grid .product-image{aspect-ratio:1.1/1;padding:14px}.product-body{padding:22px}.product-body h3{min-height:0;font-size:22px}.product-description{font-size:15px}.product-actions .text-link,.product-actions .button{font-size:14px}.compare-label{font-size:13px}.service-strip>.container{grid-template-columns:1fr;gap:22px}.service-strip>.container>div{gap:15px}.service-strip strong{font-size:15px}.service-strip span{font-size:13px}.section-space{padding-block:38px}.contact-band{padding-block:35px}.contact-band h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-section{padding-top:20px}.breadcrumb{margin-bottom:25px;font-size:11px}.page-heading{margin-bottom:26px}h1{font-size:30px}.lede{font-size:16px}.results-line{flex-direction:column;gap:5px}.sort-label{font-size:12px;gap:6px}.sort-label select{font-size:12px;padding:10px 4px}.view-toggle .icon-button{width:34px;flex-basis:34px;height:36px}.category-tabs{gap:25px}.detail-copy h1{font-size:30px}.detail-image{padding:10px}.detail-actions{flex-wrap:wrap}.detail-actions .button{min-width:140px}.cart-row{grid-template-columns:70px minmax(0,1fr);gap:15px}.cart-row img{width:70px;height:70px}.cart-row-end{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.cart-row-info h2{font-size:16px}.cart-row-end>strong{font-size:13px}.form-grid{grid-template-columns:1fr}.order-summary{padding:22px}.message-preview{padding:16px;font-size:13px}.comparison-tray{gap:8px;padding:9px;width:calc(100% - 24px);justify-content:space-between;bottom:12px}.comparison-tray>span{font-size:11px;gap:4px}.comparison-tray>span>svg{display:none}.comparison-tray .button{font-size:12px;padding:8px}.comparison-tray .icon-button{width:32px;flex-basis:32px}.purchase-steps{margin-bottom:25px}.purchase-steps li{gap:14px}.purchase-steps li>span{min-width:32px;font-size:21px}.purchase-steps h2{font-size:20px}.about-layout{grid-template-columns:1fr}.about-layout>img{width:180px}.contact-layout{grid-template-columns:1fr}.contact-form{border:0;padding:10px 0 0}.faq-list summary{font-size:15px}.toast{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Shared service presentation and commercial information. */
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:36px;height:36px;border-radius:5px}
.product-image{aspect-ratio:4/3;padding:12px}
.product-body .eyebrow{font-size:12px}
.product-body h3{font-size:20px;min-height:49px}
.product-description{font-size:14px;margin-top:10px;margin-bottom:18px}
.product-price span{font-size:13px}
.product-actions{gap:12px}
.product-actions .text-link,.product-actions .button{font-size:13px}
.product-actions .button{min-height:44px}
.compare-label{font-size:13px}
.detail-image{padding:16px}
.image-caption a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.image-caption svg{height:14px;width:14px}
.service-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid var(--line);padding-top:35px;margin-top:38px}
.service-conditions h2,.project-preparation h2{font-size:23px}
.service-conditions dl{margin:20px 0}
.service-conditions dl>div{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.service-conditions dt{color:var(--muted)}
.service-conditions dd{margin:0}
.service-conditions p,.project-preparation>p{font-size:14px;color:var(--muted)}
.project-preparation h3{font-size:18px;margin:30px 0 12px}
.verified-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.verified-projects article{border:1px solid var(--line);border-radius:8px;padding:24px}
.verified-projects p{margin-block:15px;color:var(--muted)}
blockquote{margin:25px 0;padding:20px;border-left:3px solid var(--accent);background:var(--green)}
blockquote cite{display:block;margin-top:15px;font-size:14px}
/* Purchase flow, service guidance and compact mobile controls. */
.menu-toggle,.mobile-actions,.comparison-mobile{display:none}
.navigation{flex-wrap:wrap;gap:12px 25px}
.basic-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;padding:18px 0;border-block:1px solid var(--line)}
.basic-overview dt{color:var(--muted);font-size:13px}
.basic-overview dd{margin:0;font-weight:700}
.detail-copy,.detail-media{min-width:0}
.detail-copy h1{overflow-wrap:anywhere}
.service-details-grid{grid-template-columns:1fr;gap:0;padding-top:0}
.service-accordion{border-bottom:1px solid var(--line);padding:0 0 18px}
.service-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:700;font-size:19px;cursor:pointer;min-height:64px;list-style:none}
.service-accordion summary::-webkit-details-marker{display:none}
.service-accordion[open]>summary svg{transform:rotate(45deg)}
.service-accordion>.feature-list{margin-top:8px}
.service-accordion .service-conditions h2{display:none}
.service-accordion .service-conditions dl{margin-top:0}
.deposit-summary{border-block:1px solid var(--line);padding:16px 0;margin:16px 0}
.deposit-summary h3{font-size:15px}
.deposit-summary p{font-size:13px;color:var(--muted)}
.deposit-summary dl{margin-block:12px}
.field-error{font-size:13px;color:#a12d24;min-height:0}
.field-error:empty{display:none}
.field [aria-invalid="true"]{border-color:#a12d24;background:#fff7f5}
.review-actions{flex-wrap:wrap;gap:16px}
.review-actions button{min-height:44px}
.draft-clear{margin-top:24px;min-height:44px}
.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.goal-options{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 35px}
.goal-options [aria-pressed="true"]{background:var(--green);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.guide-results h2{font-size:24px;margin-bottom:24px}
.recommendation{display:flex;flex-direction:column;min-width:0}
.recommendation-reason{padding:0 0 18px;border-top:3px solid var(--blue);padding-top:16px;font-size:15px;min-height:108px}
.recommendation .product-card{flex:1}
.guide-contact{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}
.feature-difference{background:var(--blue)}
.comparison-legend{color:var(--muted);font-size:14px;margin-bottom:18px}
.comparison-item{border:1px solid var(--line);border-radius:8px;padding:18px;min-width:0}
.comparison-item-heading{display:flex;align-items:center;gap:12px}
.comparison-item-heading>div{flex:1;min-width:0}
.comparison-item-heading img{width:58px;height:58px;object-fit:contain}
.comparison-item h2{font-size:18px;overflow-wrap:anywhere}
.comparison-item-heading strong{font-size:14px}
.comparison-item>p{font-size:14px;margin-top:16px}
.comparison-item dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px}
.comparison-item dd{margin:0}
dialog{width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:24px;color:var(--ink);background:var(--paper)}
dialog::backdrop{background:#17271f70}
dialog h2{font-size:23px;margin-bottom:12px}
dialog textarea{width:100%;height:35dvh;margin:16px 0;padding:12px;font-size:16px}
@media(max-width:850px){
 html{scroll-padding-top:20px}
 .header-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 .header-search{grid-column:1/-1;order:4}
 .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
 .cart-link>span{display:none}
 .navigation{display:none;overflow:visible;white-space:normal;padding-block:8px 18px;gap:0;align-items:stretch}
 .menu-open .navigation{display:grid;grid-template-columns:1fr 1fr}
 .navigation a{display:flex;align-items:center;min-height:48px;padding:10px;font-size:14px;white-space:normal}
 .detail-copy{order:-1}
 .detail-copy h1{font-size:30px}
 .detail-copy .lede{line-height:1.55}
 .detail-price{margin-block:16px}
 .detail-media{max-width:570px;width:100%;margin:auto}
 .detail-layout{gap:24px}
 .detail-actions .button{flex:1;min-height:48px}
 .detail-copy .audience{margin-top:18px}
 .service-details-grid{gap:0}
 .comparison-desktop{display:none}
 .comparison-mobile{display:grid;gap:18px}
 .comparison-tray{display:none}
 .mobile-actions{display:flex;align-items:center;justify-content:space-around;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:45;min-height:76px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--white);box-shadow:0 -3px 14px #2438300b}
 .mobile-actions>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:44px;font-size:12px;line-height:1.3}
 .mobile-actions .button{min-height:48px;flex-shrink:0;padding:10px 12px;font-size:13px}
 .mobile-price{flex:1;min-width:0;line-height:1.35}
 .mobile-price strong{display:block;font-size:14px;overflow-wrap:anywhere}
 .mobile-price span{font-size:11px;color:var(--muted)}
 body.has-mobile-actions{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
 body.has-comparison:not(.has-mobile-actions){padding-bottom:0}
 .keyboard-open .mobile-actions{display:none}
 .toast,body.has-comparison .toast{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content;white-space:normal}
 .keyboard-open .toast{bottom:16px}
 .icon-button{min-width:44px;min-height:44px}
 .view-toggle .icon-button{width:44px;flex-basis:44px;height:44px}
 .compare-label{min-height:44px}
 .goal-options{display:grid;grid-template-columns:1fr 1fr}
 .goal-options .button{white-space:normal;justify-content:flex-start;text-align:left;min-height:60px}
 .catalog-table,.catalog-table tbody{display:block;min-width:0;width:100%}
 .catalog-table thead{display:none}
 .catalog-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:14px;gap:10px}
 .catalog-table td,.catalog-table th{display:block;border:0;padding:0!important;min-width:0}
 .catalog-table th{grid-column:1/-1;grid-row:1}
 .catalog-table td:nth-child(3){grid-column:1/-1;font-size:14px}
 .catalog-table td:first-child{display:flex;align-items:center;gap:8px;min-height:44px;grid-column:1/-1}
 .catalog-table td:first-child::after{content:"Comparar solución";font-size:13px}
 .catalog-table td:last-child{justify-self:end}
 .catalog-table td:nth-child(4){align-self:center;font-size:14px}
 .catalog-table .table-product{white-space:normal}
 .table-scroll:has(.catalog-table){border:0;overflow:visible}
}
@media(max-width:380px){
 .header-main{gap:6px}.brand{font-size:18px}.brand img{width:32px;height:32px}.cart-link{padding:5px}
 .mobile-actions{padding-inline:10px;gap:6px}.mobile-actions .button{font-size:12px;padding-inline:8px}.mobile-actions .button svg{width:16px}.mobile-actions>a{font-size:11px}
 .mobile-actions:has(.mobile-price){display:grid;grid-template-columns:minmax(0,1fr) auto}
 .mobile-actions .mobile-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .mobile-actions .mobile-price strong{white-space:nowrap}
 body.has-mobile-actions{padding-bottom:calc(145px + env(safe-area-inset-bottom))}
 .toast,body.has-comparison .toast{bottom:calc(150px + env(safe-area-inset-bottom))}
 .goal-options{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:1!important}
 .sort-label{flex-wrap:wrap;max-width:calc(100% - 100px)}
}
@media(min-width:1500px){.product-image{aspect-ratio:4/3}}
@media(max-width:850px){.service-details-grid{gap:30px}.verified-projects{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.product-image,.custom-grid .product-image{aspect-ratio:4/3;padding:12px}.product-body h3{min-height:0;font-size:21px}.service-details-grid{grid-template-columns:1fr;gap:32px}.service-conditions dl>div{grid-template-columns:1fr;gap:4px}.verified-projects{grid-template-columns:1fr}}
