/* GENERATED by tools/prune-css.py from assets/css/style.src.css. Edit style.src.css and re-run; do not edit this file. */
:root{--navy: #00384B; --navy-dark: #002A38; --navy-light: #004D66; --lime: #7AB55C; --lime-dark: #5E9A42; --gold: #A7A44D; --gray: #A2A4A7; --gray-dark: #6B6D70; --gray-light: #F4F5F6; --line: #E2E8F0; --white: #FFFFFF; --dark: #1A1A1A; --red: #DC3545; --wa: #25D366; --font-serif: 'DM Serif Display', Georgia, serif; --font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --max-w: 1400px; --tr: 0.25s ease; --r: 6px; --tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); --shadow: 0 2px 10px rgba(0, 56, 75, 0.07); --shadow-lg: 0 8px 28px rgba(0, 56, 75, 0.13);}
*, *::before, *::after{box-sizing: border-box;}
body{margin: 0; font-family: var(--font-sans); font-size: 16px; line-height: 1.7; color: var(--dark); background: var(--white); -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4{font-family: var(--font-serif); color: var(--navy); line-height: 1.2; margin: 0 0 0.6em; font-weight: 400;}
h1{font-size: clamp(1.8rem, 3.4vw, 2.6rem);}
h2{font-size: clamp(1.45rem, 2.6vw, 2rem);}
h3{font-size: 1.2rem;}
a{color: var(--navy); text-decoration: none; transition: color var(--tr);}
a:hover{color: var(--lime-dark);}
img{max-width: 100%; height: auto; display: block;}
.container{width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 1.25rem;}
.skip-link{position: absolute; left: -9999px; top: 0; background: var(--lime); color: #fff; padding: 0.7rem 1.2rem; z-index: 2000; font-weight: 700;}
.skip-link:focus{left: 0;}
:where(a, button, input, select, textarea):focus-visible{outline: 3px solid var(--lime); outline-offset: 2px;}
.topbar{background: var(--navy-dark); color: rgba(255, 255, 255, 0.82); font-size: 0.8rem; letter-spacing: 0.2px; border-bottom: 2px solid var(--lime);}
.topbar-inner{display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 38px; flex-wrap: wrap;}
.topbar a{color: rgba(255, 255, 255, 0.82);}
.topbar a:hover{color: var(--lime);}
.topbar-links{display: flex; gap: 1.25rem;}
.topbar-tel{display: none;}
.site-header{background: var(--white); border-bottom: 3px solid var(--lime); padding: 1rem 0;}
.header-inner{display: flex; align-items: center; gap: 1.5rem;}
.logo{display: flex; align-items: center; gap: 0.6rem; flex-shrink: 0;}
.header-phone{display: flex; flex-direction: column; line-height: 1.25; flex-shrink: 0;}
.header-phone .phone-label{font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.6px; color: var(--gray-dark);}
.header-phone .phone-num{font-weight: 700; color: var(--navy); font-size: 0.98rem;}
.main-nav{background: var(--navy); position: sticky; top: 0; z-index: 900;}
.main-nav .container{display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.main-nav ul{list-style: none; margin: 0; padding: 0;}
.main-nav > .container > ul{display: flex; flex-wrap: wrap; gap: 1.75rem; align-items: center;}
.main-nav > .container > ul > li > a{display: block; color: var(--white); padding: 0.9rem 0; font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; transition: background var(--tr);}
.main-nav > .container > ul > li > a:hover,
.main-nav > .container > ul > li > a.active{background: none; color: var(--lime);}
.main-nav > .container > ul > li > a.nav-home{background: var(--white); color: var(--lime-dark); border-radius: 4px; font-size: 0.78rem; padding: 0.5rem 1.05rem; margin: 0 1.25rem 0 0; display: inline-flex; align-items: center; transition: background var(--tr), color var(--tr);}
.main-nav > .container > ul > li > a.nav-home:hover,
.main-nav > .container > ul > li > a.nav-home.active{background: var(--gray-light); color: var(--lime-dark);}
.has-dropdown{position: relative;}
.nav-cta{display: flex; gap: 0.6rem; flex-shrink: 0;}
.btn-cta, .btn-wa{padding: 0.5rem 1.05rem; border-radius: 4px; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: var(--white); display: inline-flex; align-items: center; gap: 0.4rem; transition: opacity var(--tr);}
.btn-cta{background: var(--lime);}
.btn-wa{background: var(--wa);}
.btn-cta:hover, .btn-wa:hover{opacity: 0.88; color: var(--white);}
.nav-toggle{display: none; background: none; border: none; color: var(--white); font-size: 1.4rem; cursor: pointer; padding: 0.6rem;}
.btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background: var(--lime); color: var(--white); border: none; border-radius: 4px; padding: 0.8rem 1.6rem; font-family: var(--font-sans); font-size: 0.88rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: background var(--tr);}
.btn:hover{background: var(--lime-dark); color: var(--white);}
.btn-navy{background: var(--navy);}
.btn-navy:hover{background: var(--navy-light);}
.btn-outline{background: transparent; border: 2px solid var(--navy); color: var(--navy);}
.btn-outline:hover{background: var(--navy); color: var(--white);}
.btn-block{width: 100%;}
.btn:disabled{background: var(--gray); cursor: not-allowed;}
.btn{max-width: 100%; white-space: normal; text-align: center;}
.hero{background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%); color: var(--white); padding: 3.5rem 0;}
.hero h1{color: var(--white); margin-bottom: 0.8rem;}
.hero p{color: rgba(255, 255, 255, 0.9); font-size: 1.05rem; margin: 0 0 1.5rem; max-width: 55ch;}
.finder{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--r); padding: 1.4rem;}
.finder h2{color: var(--white); font-size: 1.2rem; margin-bottom: 1rem;}
.finder-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem;}
.finder label{display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.3rem;}
.finder select{width: 100%; padding: 0.6rem 0.7rem; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; background: var(--white); color: var(--dark); font-family: var(--font-sans); font-size: 0.9rem;}
.finder .btn{margin-top: 1rem; width: 100%;}
.section{padding: 3rem 0;}
.price{font-family: var(--font-serif); font-size: 1.18rem; color: var(--navy); line-height: 1;}
.filters{background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 1.15rem; position: sticky; top: 68px;}
.filter-toggle{display: none;}
.active-filters{display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem;}
.active-chip{display: inline-flex; align-items: center; gap: 0.35rem; background: var(--navy); color: var(--white); font-size: 0.74rem; font-weight: 600; padding: 0.28rem 0.6rem; border-radius: 999px;}
.active-chip a{color: rgba(255, 255, 255, 0.75); font-weight: 700; line-height: 1;}
.active-chip a:hover{color: var(--white);}
.crumbs{font-size: 0.8rem; color: var(--gray-dark); padding: 0.9rem 0;}
.crumbs a{color: var(--gray-dark);}
.crumbs a:hover{color: var(--lime-dark);}
.prose{max-width: none;}
.prose p{margin: 0 0 1rem;}
.prose ul{padding-left: 1.2rem;}
.prose li{margin-bottom: 0.4rem;}
.notice{border-left: 4px solid var(--lime); background: var(--gray-light); padding: 0.9rem 1.1rem; border-radius: 0 var(--r) var(--r) 0; margin: 1rem 0; font-size: 0.9rem;}
.form-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.field{display: flex; flex-direction: column; gap: 0.3rem; margin-bottom: 0.9rem;}
.field label{font-size: 0.8rem; font-weight: 600; color: var(--navy);}
.field input, .field select, .field textarea{border: 1.5px solid var(--line); border-radius: 4px; padding: 0.65rem 0.8rem; font-family: var(--font-sans); font-size: 0.93rem; background: var(--white); color: var(--dark);}
.field input:focus, .field select:focus, .field textarea:focus{border-color: var(--lime); outline: none;}
.field .hint{font-size: 0.75rem; color: var(--gray-dark);}
.field-full{grid-column: 1 / -1;}
.cart-table{width: 100%; border-collapse: collapse;}
.cart-table th{text-align: left; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--gray-dark); padding: 0.6rem; border-bottom: 2px solid var(--line);}
.cart-table td{padding: 0.85rem 0.6rem; border-bottom: 1px solid var(--line); vertical-align: middle;}
.sum-row{display: flex; justify-content: space-between; padding: 0.4rem 0; font-size: 0.9rem;}
.pay-pill{background: rgba(255, 255, 255, 0.11); border-radius: 3px; padding: 0.22rem 0.55rem; font-size: 0.72rem; font-weight: 600; color: var(--white);}
.wa-float{position: fixed; bottom: 22px; right: 22px; width: 56px; height: 56px; background: var(--wa); border-radius: 50%; display: grid; place-items: center; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22); z-index: 990; transition: transform var(--tr);}
.wa-float:hover{transform: scale(1.07);}
.wa-float svg{width: 30px; height: 30px; fill: #fff;}
@media (max-width: 1050px){.filters{position: static; display: none;}
.filters.open{display: block;}
.filter-toggle{display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; margin-bottom: 1rem;}}
@media (max-width: 860px){.header-inner{flex-wrap: wrap;}
.header-phone{display: none;}
.nav-toggle{display: block;}
.main-nav > .container > ul{display: none; width: 100%; flex-direction: column; gap: 0; align-items: stretch;}
.main-nav > .container > ul.open{display: flex;}
.main-nav .container{flex-wrap: wrap;}
.form-grid{grid-template-columns: 1fr;}
.topbar-loc{display: none;}
.topbar-shop{display: none;}
.topbar-tel{display: inline;}}
@media (max-width: 520px){.finder-grid{grid-template-columns: 1fr;}}
@media print{.topbar, .main-nav, .wa-float, .filters, .site-footer{display: none;}}
[class*="asetos-"],[class*="asetos-"] *,[class*="asetos-"] *::before,[class*="asetos-"] *::after{box-sizing:border-box}
.asetos-trust{background:var(--gray-light);border-bottom:1px solid #E2E8F0;padding:0.9rem 0}
.asetos-trust-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.asetos-trust-item{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}
.asetos-trust-icon{width:28px;height:28px;flex-shrink:0}
.asetos-trust-icon svg{width:28px;height:28px;fill:none;stroke:var(--lime);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.asetos-trust-item strong{display:block;font-size:0.82rem;font-weight:700;color:var(--navy);line-height:1.3;text-transform:uppercase;letter-spacing:0.3px}
.asetos-trust-item span{display:block;font-size:0.78rem;color:var(--gray-dark);line-height:1.3}
.asetos-hero{background:var(--navy);position:relative;overflow:hidden;min-height:480px}
.asetos-hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.7s ease,visibility 0s linear 0.7s;padding:2.5rem 0;pointer-events:none;display:flex;align-items:center}
.asetos-hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.7s ease,visibility 0s}
.asetos-hero-inner{max-width:var(--max-w);width:100%;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center}
.asetos-hero-text{min-width:0}
.asetos-hero-label{font-size:0.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--lime);margin-bottom:1rem;display:block;min-height:1.2em}
.asetos-hero-text h1{font-size:clamp(1.8rem,4vw,3rem)!important;color:var(--white)!important;line-height:1.15;margin:0 0 1.25rem;font-weight:400;letter-spacing:-0.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.15em * 2)}
.asetos-hero-text h1 em{color:var(--lime)!important;font-style:italic}
.asetos-hero-text p{font-size:1.05rem;color:rgba(255,255,255,0.8)!important;margin:0 0 2rem;max-width:480px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.5em * 3);line-height:1.5}
.asetos-hero-cta{display:inline-flex;align-items:center;gap:0.5rem;background:var(--lime);color:var(--white);padding:0.9rem 2rem;font-size:0.9rem;font-weight:700;border-radius:4px;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:all var(--tr)}
.asetos-hero-cta:hover{background:var(--lime-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(122,181,92,0.3)}
.asetos-hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
.asetos-hero-dot{height:6px;border-radius:3px;border:none;cursor:pointer;transition:all var(--tr);padding:0;background:rgba(255,255,255,0.25);width:8px}
.asetos-hero-dot.active{background:var(--lime);width:24px}
.asetos-banners{padding:3rem 0}
.asetos-banners-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:24px}
.asetos-banner{position:relative;border-radius:var(--r);overflow:hidden;min-height:200px;display:flex;align-items:flex-end;padding:2rem;text-decoration:none;transition:all var(--tr)}
.asetos-banner:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.15)}
.asetos-banner--navy{background:var(--navy)}
.asetos-banner--lime{background:var(--lime)}
.asetos-banner h3{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--white)!important;margin:0 0 4px;font-weight:400}
.asetos-banner p{color:rgba(255,255,255,0.8);font-size:0.88rem;margin:0 0 1rem}
.asetos-banner-btn{display:inline-block;padding:0.55rem 1.4rem;font-size:0.82rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;transition:all var(--tr)}
.asetos-banner--navy .asetos-banner-btn{background:var(--lime);color:var(--white)}
.asetos-banner--navy .asetos-banner-btn:hover{background:var(--lime-dark);color:var(--white);transform:translateY(-2px)}
.asetos-banner--lime .asetos-banner-btn{background:var(--white);color:var(--navy)}
.asetos-banner--lime .asetos-banner-btn:hover{background:var(--navy);color:var(--lime);transform:translateY(-2px)}
.asetos-refurb{padding:3rem 0;background:var(--gray-light)}
.asetos-refurb-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}
.asetos-refurb-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:2rem}
.asetos-refurb-tab{background:var(--white);border:2px solid #E2E8F0;color:var(--navy);padding:0.6rem 1.5rem;font-size:0.85rem;font-weight:700;font-family:var(--font-sans);border-radius:4px;cursor:pointer;transition:all var(--tr);text-transform:uppercase;letter-spacing:0.3px}
.asetos-refurb-tab:hover{border-color:var(--navy)}
.asetos-refurb-tab.active{background:var(--navy);border-color:var(--navy);color:var(--white)}
.asetos-refurb-panel{display:none}
.asetos-refurb-panel.active{display:block}
.asetos-gallery-thumb{width:72px;height:72px;border:2px solid #E2E8F0;border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color var(--tr)}
.asetos-gallery-thumb.active,.asetos-gallery-thumb:hover{border-color:var(--lime)}
.asetos-gallery-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.asetos-add-row{display:flex;gap:10px;margin-bottom:0.85rem}
.asetos-footer{background:var(--navy-dark);color:rgba(255,255,255,0.8);padding:0;border-top:4px solid var(--lime)}
.asetos-footer-inner{max-width:var(--max-w);margin:0 auto;padding:3rem clamp(1.5rem,4vw,4rem) 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1.1fr;gap:1.75rem;border-bottom:1px solid rgba(255,255,255,0.06)}
.asetos-footer-brand img{height:36px;width:auto;margin-bottom:0.75rem}
.asetos-footer-logo{display:inline-block!important;padding:0!important;margin:0 0 0.85rem!important;line-height:0;text-decoration:none!important}
.asetos-footer-logo:hover{opacity:0.85}
.asetos-footer-logo-svg{height:44px;width:auto;display:block}
.asetos-footer-brand p{font-size:0.88rem;line-height:1.8;margin:0 0 0.5rem;color:rgba(255,255,255,0.6)}
.asetos-footer-warranty{font-size:0.82rem!important;color:rgba(255,255,255,0.35)!important;margin-top:0.5rem!important}
.asetos-footer-socials{display:flex;gap:8px;margin-top:1.25rem}
.asetos-footer-socials a{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--lime);display:flex;align-items:center;justify-content:center;color:var(--lime);transition:all var(--tr);text-decoration:none}
.asetos-footer-socials a:hover{background:var(--lime);color:var(--white)}
.asetos-footer h4{color:var(--white);font-family:var(--font-sans)!important;font-size:0.85rem;font-weight:700;margin:0 0 0.85rem;text-transform:uppercase;letter-spacing:0.5px}
.asetos-footer a{display:block;font-size:0.85rem;color:#A2A4A7;text-decoration:none;padding:0.25rem 0;transition:color var(--tr)}
.asetos-footer .asetos-footer-socials a{display:flex;padding:0}
.asetos-footer a:hover{color:var(--lime)}
.asetos-footer-address{font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.7;margin-top:0.75rem}
.asetos-footer-geekie{color:var(--lime)!important;margin-top:0.75rem!important;font-weight:600}
.asetos-footer-bottom{max-width:var(--max-w);margin:0 auto;text-align:center;padding:1.25rem clamp(1.5rem,4vw,4rem);font-size:0.75rem;color:rgba(255,255,255,0.25)}
.asetos-footer-bottom a{display:inline;font-size:0.75rem;color:var(--lime);padding:0}
.asetos-wa-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#7ab55c;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.2);z-index:999;transition:transform var(--tr)}
.asetos-wa-float:hover{transform:scale(1.08)}
.asetos-wa-float svg{width:30px;height:30px;fill:var(--white)}
.asetos-sticky-bar{display:none}
.asetos-sticky-add{flex-shrink:0;background:var(--lime);color:var(--white);border:none;padding:0.7rem 1.1rem;font-size:0.85rem;font-weight:700;font-family:var(--font-sans);border-radius:6px;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:0.3px;white-space:nowrap}
.asetos-sticky-add:hover{background:var(--lime-dark)}
@media(max-width:1024px){.asetos-hero-inner{grid-template-columns:1fr;gap:1.5rem;text-align:center}
.asetos-hero-text p{margin-left:auto;margin-right:auto}
.asetos-hero{min-height:560px}
.asetos-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.asetos-sticky-bar.is-visible{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:998;background:var(--white);border-top:1px solid #E2E8F0;box-shadow:0 -3px 14px rgba(0,0,0,0.12);padding:0.6rem 0.9rem;padding-bottom:calc(0.6rem + env(safe-area-inset-bottom))}
.asetos-sticky-bar.is-visible~.asetos-wa-float{bottom:90px}
.asetos-banners-inner{grid-template-columns:1fr}
.asetos-trust-inner{grid-template-columns:1fr 1fr}
.asetos-hero{min-height:540px}
.asetos-hero-slide{padding:1.75rem 0 3rem}
.asetos-hero-text h1{font-size:1.6rem!important;min-height:calc(1.15em * 2)}
.asetos-hero-text p{font-size:0.95rem;min-height:calc(1.5em * 3)}
.asetos-hero-text .asetos-hero-cta{padding:0.8rem 1.6rem;font-size:0.85rem}
.asetos-footer-inner{grid-template-columns:1fr;gap:1.5rem}
.asetos-refurb-tabs{flex-wrap:wrap}}
@media(max-width:480px){.asetos-hero{min-height:520px}
.asetos-hero-text h1{font-size:1.45rem!important}
.asetos-trust-inner{grid-template-columns:1fr}}
@keyframes asetos-fade{from{opacity:0}to{opacity:1}}
section.asetos-hero .asetos-hero-label{color:#7AB55C!important}
section.asetos-hero .asetos-hero-text h1{color:#ffffff!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}
section.asetos-hero .asetos-hero-text h1 em{color:#7AB55C!important}
section.asetos-hero .asetos-hero-text p{color:rgba(255,255,255,0.8)!important}
section.asetos-hero .asetos-hero-cta{color:#ffffff!important}
section.asetos-banners .asetos-banner h3{color:#ffffff!important}
section.asetos-banners .asetos-banner p{color:rgba(255,255,255,0.8)!important}
section.asetos-banners .asetos-banner-btn{color:#ffffff!important}
section.asetos-banners .asetos-banner--lime .asetos-banner-btn{color:#00384B!important}
footer.asetos-footer h4{color:#ffffff!important}
footer.asetos-footer a{color:#A2A4A7!important}
footer.asetos-footer a:hover{color:#7AB55C!important}
footer.asetos-footer .asetos-footer-brand p{color:rgba(255,255,255,0.6)!important}
footer.asetos-footer .asetos-footer-warranty{color:rgba(255,255,255,0.35)!important}
footer.asetos-footer .asetos-footer-warranty em{color:rgba(255,255,255,0.35)!important}
footer.asetos-footer .asetos-footer-address{color:rgba(255,255,255,0.5)!important}
footer.asetos-footer .asetos-footer-geekie{color:#7AB55C!important}
footer.asetos-footer .asetos-footer-socials a{color:#7AB55C!important}
div.asetos-footer-bottom{color:rgba(255,255,255,0.4)!important}
div.asetos-footer-bottom a{color:#7AB55C!important}
.shopify-section.asetos-footer-section .asetos-footer a{color:#A2A4A7!important}
.shopify-section.asetos-footer-section .asetos-footer a:hover{color:#7AB55C!important}
.shopify-section.asetos-footer-section .asetos-footer .asetos-footer-socials a{color:#7AB55C!important}
.shopify-section.asetos-footer-section .asetos-footer .asetos-footer-socials a:hover{color:#FFFFFF!important}
.shopify-section.asetos-footer-section .asetos-footer .asetos-footer-geekie{color:#7AB55C!important}
.shopify-section.asetos-footer-section .asetos-footer .asetos-footer-bottom a{color:#7AB55C!important}
.asetos-hero-slide.active{opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .7s ease;}
.asetos-hero--static{min-height: 0; padding: 3rem 0; display: block;}
.asetos-hero--static .asetos-hero-inner{grid-template-columns: 1.05fr 0.95fr; align-items: center;}
.asetos-hero--static .asetos-hero-text h1{-webkit-line-clamp: none; display: block; min-height: 0;}
.asetos-hero--static .asetos-hero-text p{-webkit-line-clamp: none; display: block; min-height: 0; margin-bottom: 1.6rem;}
.asetos-hero-actions{display: flex; gap: .7rem; flex-wrap: wrap;}
.asetos-hero-cta--ghost{background: transparent; border: 2px solid rgba(255,255,255,.5);}
.asetos-hero-cta--ghost:hover{background: rgba(255,255,255,.12); border-color: #fff;}
.asetos-hero-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2rem;}
.asetos-hero-stat{border-left: 3px solid var(--lime); padding-left: .85rem;}
.asetos-hero-stat b{display: block; font-family: var(--font-serif); font-size: 1.7rem; color: #fff; line-height: 1.1;}
.asetos-hero-stat span{font-size: .74rem; color: rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: .5px;}
.finder{background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); border-radius: var(--r); padding: 1.5rem;}
.finder-title{color: #fff !important; font-size: 1.25rem !important; margin: 0 0 .2rem !important; min-height: 0 !important; display: block !important;}
.finder-sub{color: rgba(255,255,255,.65) !important; font-size: .85rem !important; margin: 0 0 1.1rem !important; min-height: 0 !important; display: block !important;}
.finder-grid{display: grid; grid-template-columns: 1fr 1fr; gap: .85rem;}
.finder label{display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .6px; color: rgba(255,255,255,.8); margin-bottom: .3rem;}
.finder select{width: 100%; padding: .62rem .7rem; border: 1px solid rgba(255,255,255,.25); border-radius: 4px; background: #fff; color: var(--dark); font-family: var(--font-sans); font-size: .9rem;}
.finder .btn{margin-top: 1.1rem; width: 100%;}
.finder-alt{margin: .8rem 0 0 !important; font-size: .8rem; color: rgba(255,255,255,.65) !important; text-align: center; min-height: 0 !important; display: block !important;}
.finder-alt a{color: var(--lime) !important; font-weight: 600;}
@media (max-width: 1024px){.asetos-hero--static .asetos-hero-inner{grid-template-columns: 1fr; text-align: left;}
.asetos-hero--static .asetos-hero-text p{margin-left: 0; margin-right: 0;}}
@media (max-width: 520px){.finder-grid{grid-template-columns: 1fr;}
.asetos-hero-stats{grid-template-columns: 1fr; gap: .5rem;}}
.asetos-hero-cta:hover{background: var(--lime-dark); color: var(--white);}
.asetos-hero-stat{display: block; margin-top: 1rem; font-size: .8rem; letter-spacing: .5px; text-transform: uppercase; color: rgba(255,255,255,.6);}
.asetos-hero-dot.active{background: var(--lime); width: 26px;}
.asetos-banner-content{position: relative; z-index: 2;}
.asetos-banner-eyebrow{font-size: .72rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; opacity: .75; display: block; margin-bottom: .5rem;}
.asetos-banner-heading{font-family: var(--font-serif); font-size: 1.6rem; margin: 0 0 .5rem;}
.asetos-banner-text{font-size: .92rem; line-height: 1.55; margin: 0 0 1.1rem; max-width: 44ch;}
.asetos-banner--navy, .asetos-banner--navy .asetos-banner-heading{color: var(--white);}
.asetos-banner--navy .asetos-banner-text{color: rgba(255,255,255,.78);}
.asetos-banner--lime, .asetos-banner--lime .asetos-banner-heading{color: var(--white);}
.asetos-banner--lime .asetos-banner-text{color: rgba(255,255,255,.9);}
.asetos-banner:hover{transform: translateY(-3px); box-shadow: var(--shadow-lg);}
.asetos-cats{padding: 3rem 0;}
.asetos-cats-inner{max-width: var(--max-w); margin: 0 auto; padding: 0 clamp(1.5rem, 4vw, 4rem);}
.asetos-section-head{margin-bottom: 1.6rem;}
.asetos-section-head h2{margin: 0 0 .25rem;}
.asetos-section-head p{margin: 0; color: var(--gray-dark); font-size: .93rem;}
.asetos-refurb-tab:hover{border-color: var(--lime); color: var(--lime-dark);}
.asetos-refurb-tab.active{background: var(--navy); border-color: var(--navy); color: var(--white);}
.asetos-refurb-tab-n{display: inline-block; margin-left: .4rem; font-size: .72rem; opacity: .65;}
.asetos-refurb-panel.active{display: block;}
.asetos-refurb-blurb{text-align: center; color: var(--gray-dark); font-size: .9rem; margin: 0 0 1.2rem;}
.asetos-refurb-more{text-align: center; margin-top: 1.5rem;}
@media (prefers-reduced-motion: reduce){.asetos-hero-slide{transition: none;}
.asetos-banner:hover, .asetos-cat-card:hover, .card:hover{transform: none;}}
.logo{align-items: baseline;}
.asetos-footer a:hover{color: var(--lime) !important;}
.asetos-footer-socials a:hover{background: var(--lime); color: #fff !important;}
.asetos-footer-payments{max-width: var(--max-w); margin: 0 auto; display: flex; gap: .5rem; flex-wrap: wrap; justify-content: center; padding: 1.1rem clamp(1.5rem, 4vw, 4rem) 0;}
.asetos-footer-bottom a{display: inline;}
.asetos-sticky-bar{position: fixed; left: 0; right: 0; bottom: 0; z-index: 995; display: none; align-items: center; gap: .7rem; background: var(--white); border-top: 1px solid var(--line); box-shadow: 0 -4px 18px rgba(0,56,75,.12); padding: .55rem .9rem;}
.asetos-sticky-bar.visible{display: flex;}
@media (min-width: 861px){.asetos-sticky-bar.visible{display: none;}}
.asetos-gallery-thumb{width: 72px; height: 72px; border: 1.5px solid var(--line); border-radius: 4px; background: var(--gray-light); padding: 4px; cursor: pointer;}
.asetos-gallery-thumb.active{border-color: var(--lime);}
.asetos-gallery-thumb img{width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;}
@keyframes asetos-fade{from { opacity: 0 } to { opacity: 1 }}
.btn-wa{background: var(--lime); color: var(--white); display: inline-flex; align-items: center; gap: .45rem;}
.btn-wa:hover{background: var(--lime-dark); color: var(--white);}
.btn-wa svg{width: 16px; height: 16px; fill: currentColor; flex-shrink: 0;}
.btn-quote{background: var(--white); color: var(--lime-dark); padding: .5rem 1.05rem; border-radius: 4px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; display: inline-flex; align-items: center; transition: opacity var(--tr);}
.btn-quote:hover{background: var(--gray-light); color: var(--lime-dark);}
.asetos-cats .asetos-section-head,
.asetos-refurb .asetos-section-head{text-align: center;}
.asetos-cats .asetos-section-head p,
.asetos-refurb .asetos-section-head p{margin-left: auto; margin-right: auto; max-width: 62ch;}
.main-nav > .container > ul{display: flex; flex: 0 1 auto; justify-content: flex-start; flex-wrap: wrap; gap: 1.75rem; align-items: center;}
.main-nav > .container > ul > li{flex: 0 0 auto; text-align: left;}
.main-nav > .container > ul > li > a{padding: 0.9rem 0; white-space: nowrap;}
.main-nav .container{gap: 1.5rem;}
.wa-float, .asetos-wa-float{background: var(--lime);}
.wa-float:hover, .asetos-wa-float:hover{background: var(--lime-dark);}
@media (max-width: 1100px){.main-nav > .container > ul{gap: 1.15rem;}
.main-nav > .container > ul > li > a{padding: 0.9rem 0; font-size: 0.76rem;}}
@media (max-width: 860px){.main-nav > .container > ul{display: none; flex: none; justify-content: flex-start;}
.main-nav > .container > ul.open{display: flex; flex-direction: column; width: 100%; align-items: stretch; gap: 0;}
.main-nav > .container > ul > li{flex: none; text-align: left;}
.main-nav > .container > ul > li > a.nav-home,
  .main-nav > .container > ul > li > a.nav-home.active{background: none; border-radius: 0; margin: 0; padding: 0.9rem 0; font-size: 0.76rem; display: block;}
.main-nav > .container > ul > li > a.nav-home{color: var(--white);}
.main-nav > .container > ul > li > a.nav-home.active{color: var(--lime);}}
.page-head{background: var(--gray-light); border-bottom: 1px solid var(--line); padding: 2.25rem 0 2rem; margin-bottom: 2rem;}
.page-head .container{max-width: var(--max-w);}
.page-head h1{margin: 0 0 .5rem;}
.page-lead{font-size: 1.1rem; line-height: 1.65; color: var(--gray-dark); margin: 0; max-width: 80ch;}
.page-head .crumbs{padding: 0 0 .6rem;}
.prose h2{margin-top: 2.2rem; padding-bottom: .5rem; border-bottom: 2px solid var(--line);}
.prose h2:first-child{margin-top: 0;}
.prose h3{margin-top: 1.6rem; color: var(--navy); font-family: var(--font-sans); font-weight: 700; font-size: 1.02rem; text-transform: uppercase; letter-spacing: .4px;}
.prose > p:first-of-type{font-size: 1.03rem;}
.prose a{color: var(--lime-dark); font-weight: 600;}
.prose a:hover{text-decoration: underline;}
.prose a.btn{color: var(--white); font-weight: 700;}
.prose a.btn:hover{color: var(--white); text-decoration: none;}
.prose a.btn-outline{color: var(--navy);}
.prose a.btn-outline:hover{color: var(--white);}
.prose ul{padding-left: 0; list-style: none;}
.prose ul li{position: relative; padding-left: 1.6rem; margin-bottom: .55rem;}
.prose ul li::before{content: ""; position: absolute; left: 0; top: .45em; width: 15px; height: 15px; background: var(--lime); -webkit-mask: var(--tick) center / contain no-repeat; mask: var(--tick) center / contain no-repeat;}
.prose ol{padding-left: 1.3rem;}
.prose ol li{margin-bottom: .55rem;}
.prose ol li::marker{color: var(--lime-dark); font-weight: 700;}
.page-cols{display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 2.5rem; align-items: start;}
.page-rail{position: sticky; top: 68px; display: grid; gap: 1rem;}
.rail-card{background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 1.15rem;}
.rail-card h4{font-family: var(--font-sans); font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--navy); margin: 0 0 .6rem; padding-bottom: .45rem; border-bottom: 2px solid var(--lime);}
.rail-card p{font-size: .88rem; color: var(--gray-dark); margin: 0 0 .8rem;}
.rail-card .btn{width: 100%;}
.rail-card--navy{background: var(--navy); border-color: var(--navy);}
.rail-card--navy h4{color: #fff;}
.rail-card--navy p{color: rgba(255,255,255,.75);}
.step{display: grid; grid-template-columns: 40px 1fr; gap: 1rem; align-items: start;}
.step::before{counter-increment: step; content: counter(step); width: 40px; height: 40px; border-radius: 50%; background: var(--navy); color: #fff; display: grid; place-items: center; font-family: var(--font-serif); font-size: 1.1rem;}
.step h3{margin: .35rem 0 .25rem; font-size: .98rem; text-transform: none; letter-spacing: 0;}
.step p{margin: 0; font-size: .9rem; color: var(--gray-dark);}
@media (max-width: 1050px){.page-cols{grid-template-columns: 1fr;}
.page-rail{position: static; grid-template-columns: repeat(auto-fit, minmax(260px,1fr));}}
.enquiry-form{max-width: 720px;}
@media (max-width: 900px){.enquiry-form{max-width: none;}}
.split-cols{display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 2.5rem; align-items: start;}
@media (max-width: 900px){.split-cols{grid-template-columns: minmax(0, 1fr); gap: 1.5rem;}}
.form-grid > *, .page-cols > *, .shop-layout > *{min-width: 0;}
.field input, .field select, .field textarea{max-width: 100%;}
@media (max-width: 700px){.cart-table, .cart-table tbody, .cart-table tr, .cart-table td{display: block; width: 100%;}
.cart-table thead{display: none;}
.cart-table tr{position: relative; border: 1.5px solid var(--line); border-radius: var(--r); padding: .75rem 2.5rem .75rem .75rem; margin-bottom: .75rem;}
.cart-table td{border: 0; padding: .2rem 0;}
.cart-table td::before{content: attr(data-label); display: block; font-size: .68rem; text-transform: uppercase; letter-spacing: .4px; color: var(--gray-dark); font-weight: 700;}
.cart-table td:empty{display: none;}}
.enquiry-actions{display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem;}
.enquiry-actions .btn{margin: 0;}
.enquiry-actions button[type="submit"]{background: var(--navy); color: var(--white);}
.enquiry-actions button[type="submit"]:hover{background: var(--navy-dark); color: var(--white);}
.enquiry-wa{text-decoration: none; justify-content: center; padding: .8rem 1.2rem; border-radius: 4px; font-weight: 700;}
@media (max-width: 760px){.enquiry-actions .btn, .enquiry-wa{flex: 1 1 100%;}}
.logo-za{height: 40px; width: auto;}
.header-inner--za{justify-content: space-between;}
.header-tag{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.3; flex: 1; min-width: 0; margin: 0;}
.header-tag-line{font-family: var(--font-serif); color: var(--navy); font-size: clamp(1rem, 1.5vw, 1.3rem); letter-spacing: 0.2px;}
.header-tag-sub{font-size: 0.76rem; color: var(--gray-dark); text-transform: uppercase; letter-spacing: 1.2px; font-weight: 600; margin-top: 0.15rem;}
.header-tag-sub i{color: var(--lime); font-style: normal; margin: 0 0.3rem;}
.header-bookin{background: var(--lime); color: var(--white); font-weight: 700; font-size: 0.9rem; padding: 0.6rem 1.1rem; border-radius: 4px; flex-shrink: 0; transition: background var(--tr);}
.header-bookin:hover{background: var(--lime-dark); color: var(--white);}
.header-wa{display: inline-flex; align-items: center; gap: .45rem;}
.header-wa svg{width: 16px; height: 16px; fill: currentColor; flex-shrink: 0;}
@media (max-width: 880px){.header-tag{display: none;}}
@media (max-width: 640px){.header-bookin, .header-phone{display: none;}}
@media (max-width: 760px){.header-bookin.header-wa{display: inline-flex;}
.nav-cta{gap: 0.35rem; min-width: 0;}
.nav-cta .btn-cta, .nav-cta .btn-quote{font-size: 0.68rem; padding: 0.45rem 0.6rem; letter-spacing: 0.2px; white-space: nowrap;}}
.za-ba-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
@media (max-width: 900px){.za-ba-grid{grid-template-columns: 1fr;}}
.za-ba{margin: 0; background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); overflow: hidden;}
.za-ba-pair{display: grid; grid-template-columns: 1fr 1fr; position: relative;}
.za-ba-pair img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3;}
.za-ba-tag{position: absolute; top: 0.6rem; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 0.15rem 0.55rem; border-radius: 999px;}
.za-ba-tag--before{left: 0.6rem; background: rgba(0,0,0,0.62); color: var(--white);}
.za-ba-tag--after{right: 0.6rem; background: var(--lime); color: var(--white);}
.za-ba figcaption{padding: 0.8rem 1rem 0.9rem; line-height: 1.4;}
.za-ba figcaption b{color: var(--navy); display: block; font-size: 0.95rem;}
.za-ba figcaption span{color: var(--gray-dark); font-size: 0.82rem;}
.za-reviews{background: var(--gray-light); padding: 3.5rem 0;}
.za-reviews-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
@media (max-width: 900px){.za-reviews-grid{grid-template-columns: 1fr;}}
.za-review{margin: 0; background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 1.3rem 1.4rem; display: flex; flex-direction: column;}
.za-review-stars{color: var(--gold); letter-spacing: 2px; font-size: 0.95rem;}
.za-review p{margin: 0.6rem 0 0.9rem; font-size: 0.93rem; line-height: 1.65; flex: 1;}
.za-review footer b{color: var(--navy); font-size: 0.9rem;}
.za-review footer span{display: block; color: var(--gray-dark); font-size: 0.76rem;}
.za-quote{background: var(--navy); color: var(--white); padding: 4rem 0;}
.za-quote-inner{max-width: var(--max-w); margin: 0 auto; padding: 0 1.25rem; display: grid; grid-template-columns: 1.1fr 1fr; gap: 3rem; align-items: center;}
@media (max-width: 900px){.za-quote-inner{grid-template-columns: 1fr; gap: 2rem;}}
.za-quote-text h2{color: var(--white); font-size: clamp(1.6rem, 3vw, 2.3rem);}
.za-quote-text > p{color: rgba(255,255,255,0.85); max-width: 46ch;}
.za-quote-fine{font-size: 0.8rem; color: rgba(255,255,255,0.55) !important; margin-top: 1.2rem;}
.finder-grid--two{grid-template-columns: 1fr 1fr; margin-bottom: 1rem;}
@media (max-width: 560px){.finder-grid--two{grid-template-columns: 1fr;}}
.za-est-result{background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; padding: 0.9rem 1rem; margin-bottom: 1rem;}
.za-est-price{font-family: var(--font-serif); font-size: 1.45rem; color: var(--white); line-height: 1.3;}
.za-est-note{font-size: 0.76rem; color: rgba(255,255,255,0.6); margin-top: 0.2rem;}
.za-quote .finder-alt a{color: var(--lime);}
.price-table{width: 100%; border-collapse: collapse; margin: 1.2rem 0 1.8rem; font-size: 0.92rem;}
.price-table th{background: var(--navy); color: var(--white); text-align: left; padding: 0.65rem 0.9rem; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px;}
.price-table td{padding: 0.6rem 0.9rem; border-bottom: 1.5px solid var(--line);}
.price-table tr:nth-child(even) td{background: var(--gray-light);}
.prose .service-list, .prose ul.checks{list-style: none; padding-left: 0;}
.prose .service-list li{padding-left: 1.6rem; position: relative; margin-bottom: 0.45rem;}
.prose .service-list li::before{content: ''; position: absolute; left: 0; top: 0.32em; width: 1em; height: 1em; background: var(--lime); -webkit-mask: var(--tick) center / contain no-repeat; mask: var(--tick) center / contain no-repeat;}
.prose .service-list--no li::before{background: var(--red); -webkit-mask: none; mask: none; content: '✕'; color: var(--red); background: none; font-weight: 800; line-height: 1; top: 0.18em;}
.prose img{border-radius: var(--r);}
.za-band{background: var(--gray-light); border-radius: var(--r); padding: 1.6rem 1.8rem; margin: 2rem 0;}
.za-band--cta{background: var(--navy); color: var(--white); text-align: center;}
.za-band--cta h2, .za-band--cta h3{color: var(--white);}
.za-band--cta p{color: rgba(255,255,255,0.85);}
.za-cta-row{display: flex; gap: 0.8rem; flex-wrap: wrap; justify-content: center; margin-top: 1rem;}
.text-center{text-align: center;}
.mt-3{margin-top: 1.5rem;}
.section-overline{font-size: 0.72rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--lime-dark); margin-bottom: 0.3rem;}
.section-title{margin-top: 0;}
.body-text{max-width: 70ch;}
.service-card{background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 1.2rem 1.3rem; margin: 0.8rem 0;}
.service-icon{color: var(--lime-dark); margin-bottom: 0.4rem;}
.service-price{font-weight: 800; color: var(--lime-dark);}
.proc-step, .step-item{display: flex; gap: 0.9rem; align-items: flex-start; margin: 0.9rem 0;}
.step-num, .proc-step .num{width: 32px; height: 32px; border-radius: 50%; background: var(--navy); color: var(--white); display: grid; place-items: center; font-weight: 800; font-size: 0.9rem; flex-shrink: 0;}
.za-policy{line-height: 1.65; text-align: justify; hyphens: auto;}
.za-policy h2, .za-policy h3, .za-policy .meta{text-align: left;}
.za-policy h2{margin-top: 1.8rem;}
.za-policy .meta{background: var(--gray-light); border-left: 5px solid var(--lime); padding: 0.8rem 1.1rem; margin: 1.1rem 0; border-radius: 0 var(--r) var(--r) 0;}
.za-policy .meta p{margin: 0.25rem 0;}
.za-policy .intro{font-weight: 600;}
.za-contact-grid{display: grid; grid-template-columns: 1.2fr 1fr; gap: 2rem; margin-bottom: 2.5rem;}
@media (max-width: 900px){.za-contact-grid{grid-template-columns: 1fr;}}
.za-gallery{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.9rem;}
@media (max-width: 800px){.za-gallery{grid-template-columns: repeat(2, 1fr);}}
.za-gallery img{border-radius: var(--r); aspect-ratio: 4/3; object-fit: cover; width: 100%;}
.za-hero-slides{position: relative; min-height: 320px; display: block;}
.za-hero-slides .asetos-hero-slide{padding: 0; display: flex; align-items: center; justify-content: center;}
.za-hero-slides picture{width: 100%;}
.za-hero-slides img{width: 100%; max-height: 340px; object-fit: contain; border-radius: 12px; filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));}
.za-hero-slides--framed img{filter: none;}
.za-slide-label{position: absolute; left: 50%; transform: translateX(-50%); bottom: 34px; background: rgba(0,42,56,0.82); color: var(--white); font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 0.3rem 0.9rem; border-radius: 999px; white-space: nowrap;}
@media (max-width: 900px){.za-hero-slides{min-height: 240px; order: -1;}
.za-hero-slides img{max-height: 210px;}}
.za-workspace{background: var(--navy); padding: 4rem 0 4.5rem;}
.asetos-section-head--onnavy h2{color: var(--white);}
.asetos-section-head--onnavy p{color: rgba(255,255,255,0.75);}
.za-workspace-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 980px; margin: 0 auto;}
@media (max-width: 800px){.za-workspace-grid{grid-template-columns: 1fr;}}
.za-ws{margin: 0;}
.za-ws img{border-radius: var(--r); width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.za-ws figcaption{color: rgba(255,255,255,0.8); font-size: 0.85rem; margin-top: 0.6rem; text-align: center;}
@media (min-width: 861px){.main-nav > .container > ul{flex: 1;}
.main-nav > .container > ul > li:nth-child(2){margin-left: auto;}}
.contact-details-panel{background: var(--gray-light); border-radius: var(--r); padding: 1.6rem 1.5rem; align-self: start;}
.ci{display: flex; gap: 0.95rem; align-items: flex-start; padding: 0.75rem 0;}
.ci + .ci{border-top: 1.5px solid var(--line);}
.ci-icon{width: 42px; height: 42px; border-radius: 50%; background: var(--navy); color: var(--white); display: grid; place-items: center; flex-shrink: 0;}
.ci-icon svg{width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.ci-icon svg.wa-brand{fill: var(--white); stroke: none;}
.ci-text{font-size: 0.9rem; line-height: 1.55; color: var(--gray-dark);}
.ci-text strong{display: block; color: var(--navy); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 0.1rem;}
.ci-text a{font-weight: 700;}
.form-input{display: block; width: 100%; padding: 0.75rem 0.9rem; margin-bottom: 0.8rem; border: 1.5px solid var(--line); border-radius: 4px; background: var(--white); font-family: var(--font-sans); font-size: 0.95rem; color: var(--dark);}
.form-input:focus{outline: none; border-color: var(--lime); box-shadow: 0 0 0 3px rgba(122,181,92,0.18);}
textarea.form-input{resize: vertical; min-height: 130px;}
.field-error{color: #C0392B; font-size: 0.8rem; margin: -0.5rem 0 0.7rem;}
.za-form-actions{display: flex; gap: 0.8rem; flex-wrap: wrap; margin-top: 0.4rem;}
.za-form-actions .btn{flex: 1; justify-content: center; display: inline-flex; align-items: center; gap: 0.5rem; padding: 1rem; border: none; cursor: pointer; font-family: var(--font-sans);}
.btn-whatsapp{background: var(--lime); color: var(--white);}
.btn-whatsapp:hover{background: var(--lime-dark); color: var(--white);}
.btn-whatsapp svg{fill: currentColor;}
.btn-email{background: var(--navy); color: var(--white);}
.btn-email:hover{background: var(--navy-light); color: var(--white);}
.za-videos-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.4rem;}
@media (max-width: 800px){.za-videos-grid{grid-template-columns: 1fr;}}
.za-video-title{font-family: var(--font-sans); font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; color: var(--navy); margin: 0 0 0.6rem;}
.video-wrap video{width: 100%; display: block; border-radius: 8px; box-shadow: var(--shadow);}
.za-ba-row-title{font-family: var(--font-sans); font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; color: var(--navy); margin: 2rem 0 0.7rem;}
.za-ba-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem;}
@media (max-width: 700px){.za-ba-row{grid-template-columns: 1fr;}}
.za-ba-side{position: relative; border-radius: var(--r); overflow: hidden; cursor: pointer; box-shadow: var(--shadow); transition: transform var(--tr), box-shadow var(--tr); background: var(--white);}
.za-ba-side:hover, .za-ba-side:focus-visible{transform: translateY(-2px); box-shadow: var(--shadow-lg);}
.za-ba-side img{width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block;}
.za-ba-side .za-ba-tag{position: absolute; top: 0.7rem;}
.za-ba-side .za-ba-tag--before{left: 0.7rem; right: auto;}
.za-ba-side .za-ba-tag--after{right: 0.7rem; left: auto;}
.za-band--cta .btn-outline,
.rail-card--navy .btn-outline{border-color: rgba(255,255,255,0.7); color: var(--white); background: transparent;}
.za-band--cta .btn-outline:hover,
.rail-card--navy .btn-outline:hover{background: var(--white); color: var(--navy); border-color: var(--white);}
.za-old-wrap .za-old-wrap{max-width: 800px; margin: 0 auto; text-align: justify;}
.za-old-wrap .za-old-wrap h2{margin: 2.5rem 0 1rem; font-size: clamp(1.4rem, 3vw, 1.8rem); text-align: left;}
.za-old-wrap .za-old-wrap h3{margin: 1.5rem 0 0.75rem; text-align: left;}
.za-old-wrap .za-old-wrap p{color: var(--gray-dark); margin-bottom: 1rem; font-size: 0.95rem;}
.container .container{max-width: none; padding-left: 0; padding-right: 0;}
.za-old-wrap svg, .za-page-body svg{max-width: 80px; max-height: 80px;}
.service-list{list-style: none; padding: 0; margin: 1.5rem 0;}
.service-list li{padding: 0.75rem 0 0.75rem 2rem; border-bottom: 1px solid var(--line); position: relative; font-size: 0.92rem; color: var(--dark); text-align: left;}
.service-list li::before{content: '\2713'; position: absolute; left: 0; color: var(--lime); font-weight: 700;}
.service-list--no li::before{content: '\2715'; color: #B23B3B;}
.services-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; margin: 1.5rem 0;}
.service-card{background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 2.5rem 2rem; text-align: center; transition: transform var(--tr), box-shadow var(--tr); position: relative; overflow: hidden; display: block;}
.service-card:hover{transform: translateY(-6px); box-shadow: var(--shadow-lg);}
.service-card h3{font-family: var(--font-sans); font-size: 1.05rem; font-weight: 700; color: var(--navy); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.5px;}
.service-card p{font-size: 0.85rem; color: var(--gray-dark); margin-bottom: 0.75rem; line-height: 1.5;}
.service-card .card-link{display: block; margin-top: 0.5rem; font-size: 0.8rem; font-weight: 700; color: var(--lime-dark);}
.service-icon{width: 80px; height: 80px; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center;}
.service-icon svg{width: 50px; height: 50px; stroke: var(--lime); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.stat{text-align: center;}
.stat .num{font-family: var(--font-serif); font-size: 2.5rem; color: var(--navy); line-height: 1;}
.stat .num span{color: var(--lime);}
.stat .label{font-size: 0.8rem; color: var(--gray-dark); margin-top: 0.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}
.steps-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; text-align: center; margin: 1.5rem 0;}
@media (max-width: 900px){.steps-row{grid-template-columns: 1fr 1fr;}}
@media (max-width: 560px){.steps-row{grid-template-columns: 1fr;}}
.step-item h4{font-size: 1rem; margin-bottom: 0.5rem;}
.step-item p{font-size: 0.85rem; color: var(--gray-dark);}
.step-num{width: 48px; height: 48px; border-radius: 50%; background: var(--lime); color: var(--white); font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;}
.cta-banner{background: var(--lime); padding: 3rem 2rem; text-align: center; border-radius: var(--r); margin: 2rem 0;}
.cta-banner h2, .cta-banner h3{font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--white); margin-bottom: 0.5rem; text-align: center;}
.cta-banner p{color: rgba(255,255,255,0.9); font-size: 1rem; margin: 0 auto 1.5rem; max-width: 680px; text-align: center;}
.cta-banner .phone{font-family: var(--font-serif); font-size: clamp(1.8rem, 4vw, 2.8rem); color: var(--white); display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;}
.section-center{text-align: center;}
.recycle-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 1.5rem 0;}
@media (max-width: 900px){.recycle-grid{grid-template-columns: 1fr;}}
.recycle-card{background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); padding: 2rem;}
.recycle-card h3{margin-bottom: 1rem;}
.recycle-card p{text-align: justify;}
.highlight-box{background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%); padding: 3rem; color: var(--white); position: relative; overflow: hidden; border-radius: var(--r);}
.highlight-box::before{content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px; border-radius: 50%; background: rgba(122,181,92,0.08);}
.highlight-box h3{color: var(--lime); font-size: 1.3rem; margin-bottom: 1rem; position: relative;}
.highlight-box p{color: rgba(255,255,255,0.82); font-size: 0.95rem; line-height: 1.8; position: relative;}
.highlight-box ul{list-style: none; padding: 0; margin: 1rem 0; position: relative;}
.highlight-box ul li{padding: 0.5rem 0 0.5rem 1.5rem; color: rgba(255,255,255,0.82); font-size: 0.92rem; position: relative;}
.highlight-box ul li::before{content: '\2713'; position: absolute; left: 0; color: var(--lime); font-weight: 700;}
.accept-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;}
.accept-item{display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: var(--gray-light); border-radius: var(--r); transition: background var(--tr);}
.accept-item:hover{background: rgba(122,181,92,0.10);}
.accept-item .ai-icon{width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--lime); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.accept-item .ai-icon svg{width: 18px; height: 18px; stroke: var(--lime); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.accept-item span{font-size: 0.9rem; font-weight: 600; color: var(--navy);}
.process-steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: proc; margin: 1.5rem 0;}
.process-steps .proc-step{padding: 2rem 1.5rem; text-align: center; position: relative; border-right: 1px solid rgba(0,56,75,0.08); display: block;}
.process-steps .proc-step:last-child{border-right: none;}
.process-steps .proc-step::before{counter-increment: proc; content: counter(proc); width: 40px; height: 40px; border-radius: 50%; background: var(--lime); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; margin: 0 auto 1rem;}
.process-steps .proc-step h4{font-size: 0.95rem; color: var(--navy); margin-bottom: 0.5rem;}
.process-steps .proc-step p{font-size: 0.85rem; color: var(--gray-dark);}
@media (max-width: 768px){.process-steps{grid-template-columns: 1fr 1fr;}
.process-steps .proc-step{border-right: none; border-bottom: 1px solid rgba(0,56,75,0.08);}}
@media (max-width: 500px){.process-steps{grid-template-columns: 1fr;}}
.eco-stat{text-align: center; padding: 2rem 1.5rem;}
.stats-inner--3{grid-template-columns: repeat(3, 1fr);}
.stats-inner > *, .recycle-grid > *, .accept-grid > *{min-width: 0;}
@media (max-width: 600px){.stats-inner--3{grid-template-columns: 1fr;}}
@media (max-width: 480px){.accept-grid{grid-template-columns: 1fr !important;}}
@media (max-width: 400px){.price-table, .za-old-wrap table{display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}}
.eco-stat .eco-num{font-family: var(--font-serif); font-size: 2.2rem; color: var(--lime); margin-bottom: 0.25rem;}
.eco-stat .eco-label{font-size: 0.8rem; color: var(--gray-dark); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;}
.asetos-policy, .za-policy{max-width: 900px; margin: 0 auto;}
.za-policy .meta{background: var(--gray-light); border-left: 5px solid var(--lime); padding: 0.8rem 1.1rem; margin: 1.1rem 0; border-radius: 0 var(--r) var(--r) 0; text-align: left;}
.za-policy .meta p{margin: 0.25rem 0;}
.za-policy .intro{font-weight: 600;}
.za-old-wrap details > summary, .za-page-body details > summary{list-style: none; position: relative; padding-right: 2.4rem;}
.za-old-wrap details > summary::-webkit-details-marker,
.za-page-body details > summary::-webkit-details-marker{display: none;}
.za-old-wrap details > summary::marker, .za-page-body details > summary::marker{content: '';}
.za-old-wrap details > summary::after, .za-page-body details > summary::after{content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: var(--navy); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; line-height: 1; transition: background var(--tr);}
.za-old-wrap details[open] > summary::after, .za-page-body details[open] > summary::after{content: '\2212'; background: var(--lime);}
.za-old-wrap .za-old-wrap p{text-align: justify;}
.za-old-wrap .za-old-wrap .text-center h2,
.za-old-wrap .za-old-wrap .text-center h3{text-align: center;}
.za-old-wrap .za-old-wrap .text-center > .btn,
.za-old-wrap .za-old-wrap .text-center > a.btn{text-align: center;}
.steps-row .step-item,
.steps-row .proc-step,
.process-steps .proc-step{display: block;}
.za-band--cta .phone, .cta-banner .phone{font-family: var(--font-serif); font-size: clamp(1.6rem, 3.5vw, 2.4rem); color: var(--white); display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; justify-content: center;}
.za-band--cta .phone:hover, .cta-banner .phone:hover{color: var(--lime);}
.za-band--cta .phone svg, .cta-banner .phone svg{stroke: currentColor; fill: none;}
.za-policy{font-size: 16px; color: var(--dark);}
.za-policy h2{font-size: clamp(1.45rem, 2.6vw, 2rem); line-height: 1.2; margin: 1.8rem 0 1.2rem;}
.za-policy h3{font-size: 1.2rem; line-height: 1.2; margin: 1.1rem 0 .7rem;}
.za-policy p{margin: 0 0 .9rem;}
.za-policy ol, .za-policy ul{margin: 0 0 1rem 1.4rem; padding: 0;}
.za-policy li{margin: 0 0 .7rem; padding-left: .25rem; text-align: justify;}
.za-policy hr{margin: 32px 0; border: 0; border-top: 2px solid var(--lime);}
.za-policy a{color: var(--navy); font-weight: 600;}
.za-policy a:hover{color: var(--lime);}
.asetos-policy, .za-policy{padding: 0 20px;}
.stats-bar{padding: 2rem 0 0;}
.stats-inner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; background: var(--white); border: 1.5px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); padding: 1.5rem 2rem;}
@media (max-width: 700px){.stats-inner{grid-template-columns: 1fr; gap: 1rem;}}
.price-badge{display: inline-block; background: var(--lime); color: var(--white); padding: 0.45rem 1.3rem; border-radius: 4px; font-weight: 700; font-size: 0.95rem; margin-top: 0.9rem;}
.asetos-trust{background: var(--gray-light); border-bottom: 1px solid var(--line); padding: 0.9rem 0;}
.asetos-trust-inner{max-width: var(--max-w); margin: 0 auto; padding: 0 clamp(1.5rem, 4vw, 4rem); display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.asetos-trust-item{display: flex; align-items: center; justify-content: center; gap: 10px; text-align: left;}
.asetos-trust-icon{width: 28px; height: 28px; flex-shrink: 0;}
.asetos-trust-icon svg{width: 28px; height: 28px; fill: none; stroke: var(--lime); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;}
.asetos-trust-item strong{display: block; font-size: 0.82rem; font-weight: 700; color: var(--navy); line-height: 1.3; text-transform: uppercase; letter-spacing: 0.3px;}
.asetos-trust-item span{display: block; font-size: 0.78rem; color: var(--gray-dark); line-height: 1.3;}
.asetos-trust-short{display: none;}
@media (max-width: 768px){.asetos-trust{padding: 0.55rem 0.5rem;}
.asetos-trust-inner{grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 0 0.5rem;}
.asetos-trust-item{flex-direction: column; align-items: center; text-align: center; gap: 5px; padding: 0;}
.asetos-trust-item > div:last-child strong,
  .asetos-trust-item > div:last-child span{display: none;}
.asetos-trust-short{display: block; font-style: normal; font-size: 0.68rem; font-weight: 600; line-height: 1.25; color: var(--navy);}
.asetos-trust-icon{margin: 0; width: 20px; height: 20px;}
.asetos-trust-icon svg{width: 20px; height: 20px;}}
.za-hero-slides--framed{border: 4px solid rgba(255,255,255,0.25); border-radius: 20px; overflow: hidden; padding: 0; min-height: 0; aspect-ratio: 3 / 2;}
.za-hero-slides--framed .asetos-hero-slide{padding: 0;}
.za-hero-slides--framed img{border-radius: 16px; width: 100%; height: 100%; max-height: none; object-fit: cover; background: var(--navy-dark);}
.za-hero-slides--framed .za-slide-label{bottom: 44px;}
.za-hero-slides--framed .asetos-hero-dots{bottom: 12px;}
@media (max-width: 900px){.za-hero-slides--framed{width: 100%; max-width: 520px; justify-self: center; margin: 0;}}
.za-services{background: var(--gray-light);}
.za-services .services-grid{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.25rem;}
.za-services .service-card{border-radius: var(--r); border-color: var(--line);}
.za-services .service-card::before{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: var(--lime); transform: scaleX(0); transition: transform var(--tr);}
.za-services .service-card:hover::before{transform: scaleX(1);}
.za-services .service-card .service-price{font-weight: 800; color: var(--lime-dark); font-size: 0.92rem; margin-top: 0.15rem;}
.za-services .service-card .card-link{display: block; margin-top: 0.5rem; font-size: 0.8rem; font-weight: 700; color: var(--lime-dark);}
@media (max-width: 1100px){.header-tag-line{font-size: 1rem;}
.header-tag-sub{font-size: 0.68rem; letter-spacing: 0.7px; white-space: nowrap;}
.header-tag-sub i{margin: 0 0.2rem;}}
.za-thumb{cursor: pointer; border-radius: var(--r); overflow: hidden; transition: transform var(--tr), box-shadow var(--tr);}
.za-thumb:hover, .za-thumb:focus-visible{transform: translateY(-2px); box-shadow: var(--shadow-lg);}
.step-item h3{font-size: 1rem; margin-bottom: 0.5rem; font-family: var(--font-sans); font-weight: 700;}
.stats-inner{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));}