/* BOTANVÈ AUTO — modern layer v2 (loaded after site.css) */
:root{--navy:#0f2a44;--ink:#14213a;--blue:#1f5fe0;--blue-d:#174cbf;--wa:#1fb35a;--line:#e6ecf2;--soft:#f5f8fb;--muted:#5b6b7c;--radius:16px;--shadow:0 1px 2px rgba(20,33,58,.04),0 10px 30px -12px rgba(20,33,58,.14)}
body{font-family:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.02em;color:var(--ink)}
h1{font-size:clamp(32px,4.2vw,54px);font-weight:800}
h2{font-size:clamp(24px,2.6vw,32px);font-weight:800}
h3{font-size:18px;font-weight:700}
p{color:var(--muted)}
.wrap{width:min(1200px,calc(100% - 40px))}
.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--blue)}
/* header */
.topline{background:var(--navy);font-size:12.5px;padding:8px 5%;gap:12px}
.topline a{color:#cfe0f6;text-decoration:none}
.topline a:hover{color:#fff}
header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.head{padding:14px 0;gap:22px}
.logo{font-size:24px;letter-spacing:-.5px}
.logo small{letter-spacing:1.6px;color:var(--muted)}
.search{border:1.5px solid var(--line);background:var(--soft);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,95,224,.12);background:#fff}
.search input{padding:11px 16px;font-size:15px}
.search button{font-size:22px;color:var(--blue)}

.headercta::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2m0 1.67c4.54 0 8.24 3.7 8.24 8.24s-3.7 8.24-8.24 8.24c-1.53 0-3.02-.42-4.31-1.2l-.31-.19-3.11.82.83-3.03-.2-.32a8.2 8.2 0 0 1-1.26-4.36c0-4.54 3.7-8.24 8.24-8.24M8.53 7.33c-.16 0-.43.06-.66.31-.22.25-.87.86-.87 2.07 0 1.22.89 2.39 1 2.56.14.17 1.76 2.67 4.25 3.73.59.27 1.05.42 1.41.53.59.19 1.13.16 1.56.1.48-.07 1.46-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.07-.1-.23-.16-.48-.27-.25-.14-1.47-.74-1.69-.82-.23-.08-.37-.12-.56.12-.16.25-.64.81-.78.97-.15.17-.29.19-.53.07-.26-.13-1.06-.39-2-1.23-.74-.66-1.23-1.47-1.38-1.72-.12-.24-.01-.39.11-.5.11-.11.27-.29.37-.44.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.11-.56-1.35-.77-1.84-.2-.48-.4-.42-.56-.43-.14 0-.3-.01-.47-.01'/%3E%3C/svg%3E") center/contain no-repeat}
.nav{padding:0;gap:4px;justify-content:flex-start;font-size:14px;font-weight:600}
.nav a{padding:12px 14px;border-radius:10px;color:#2c3e55}
.nav a:hover{background:var(--soft);color:var(--blue)}
/* hero & cards */
.hero,.auto-hero .hero-feature{border-radius:20px}
.button{border-radius:12px;padding:13px 22px;gap:10px;background:var(--blue);border-color:var(--blue);transition:transform .12s,background .15s,box-shadow .15s;box-shadow:0 6px 16px -8px rgba(31,95,224,.6)}
.button:hover{background:var(--blue-d);transform:translateY(-1px)}
.button.outline{background:#fff;color:var(--blue);border-color:#cfdcf0;box-shadow:none}
header .button.headercta{background:var(--wa);border-color:var(--wa);color:#fff;border-radius:12px;padding:11px 16px;gap:8px;box-shadow:0 6px 16px -8px rgba(31,179,90,.7)}
header .button.headercta:hover{background:#189a4c;color:#fff}
.button.outline:hover{background:#eef4ff}
.card,.category-card,.hero-promo,.audience-card,.fitment-tip,.pd-box,.home-faq details,.pd-faq details{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s}
.card:hover,.category-card:hover,.hero-promo:hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(20,33,58,.25);border-color:#d6e3f4}
.category-card .photo{border-radius:12px 12px 0 0;background-color:var(--soft)}
.category-card .cardtext{padding:14px 16px 16px}
.category-card h3{font-size:15.5px;margin-bottom:4px}
.category-card span{color:var(--blue);font-size:13px;font-weight:600}
.photo{border-radius:14px}
.request{border-radius:20px;background:linear-gradient(135deg,#0f2a44,#1b4a7a);box-shadow:0 20px 50px -20px rgba(15,42,68,.6)}
.request .button{background:var(--wa);border-color:var(--wa);box-shadow:none}
.request .button:hover{background:#189a4c}
.brand-card{border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.brand-card:hover{border-color:var(--blue)}
/* trust strip */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 8px}
.trust-strip>div{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);font-size:13.5px;color:var(--muted)}
.trust-strip>div>div{display:block;padding:0;border:0;box-shadow:none}
.trust-strip b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.trust-strip svg{width:22px;height:22px;flex:none;color:var(--blue)}
/* enquiry form */
.enq-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;margin-top:8px}
.enquiryform{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.enquiryform fieldset{border:0;padding:0;margin:0 0 22px}
.enquiryform legend{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:12px;padding:0}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formgrid label{display:block;font-size:13px;font-weight:600;color:#33475b}
.formgrid .full{grid-column:1/-1}
.formgrid input,.formgrid textarea,.formgrid select{display:block;width:100%;margin-top:6px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;background:#fff;transition:border-color .15s,box-shadow .15s;color:var(--ink)}
.formgrid input:focus,.formgrid textarea:focus,.formgrid select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,95,224,.12)}
.formgrid input::placeholder,.formgrid textarea::placeholder{color:#9aa8b8}
.enquiryform .submit{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px}
.enquiryform .button{background:var(--wa);border-color:var(--wa);padding:15px 24px;font-size:16px;box-shadow:0 8px 20px -8px rgba(31,179,90,.6)}
.enquiryform .button:hover{background:#189a4c}
.enquiryform .muted,.enquiryform .fine{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.enq-side{position:sticky;top:96px;display:grid;gap:14px}
.enq-side .pd-box{margin:0}
.enq-side ol{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}
.contact-list{display:grid;gap:10px;margin-top:6px}
.contact-list a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:600;color:var(--ink);font-size:14px}
.contact-list a:hover{border-color:var(--blue);color:var(--blue)}
.contact-list svg{width:20px;height:20px;color:var(--blue);flex:none}
/* footer */
footer{background:var(--navy);color:#b9c9dc;margin-top:56px;padding:44px 0 26px}
.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}
footer .logo{color:#fff}
footer .logo em{color:#7fb1ff}
footer h3{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
footer a{display:block;margin-bottom:8px;color:#b9c9dc;font-size:14px}
footer a:hover{color:#fff}
footer p{color:#b9c9dc;font-size:14px;margin:8px 0}
footer .ft-contact a{display:flex;gap:10px;align-items:center}
footer .ft-contact svg{width:18px;height:18px;flex:none;color:#7fb1ff}
footer .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12.5px;color:#8fa3ba;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* floating WhatsApp */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:45;width:56px;height:56px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(31,179,90,.8);transition:transform .15s}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:28px;height:28px}
/* part page */
.pd-hero{margin-top:10px}
.pd-meta span{border-radius:999px;background:#eef4ff;border-color:#d6e3f4;color:#1f4d9e;font-weight:600}
.pd-box{background:var(--soft)}
/* mobile */
@media(max-width:900px){
 .wrap{width:min(1200px,calc(100% - 28px))}
 .topline{font-size:12px;justify-content:center;text-align:center}
 .topline span:last-child{display:none}
 header{position:static}
 .head{flex-wrap:wrap;gap:10px;padding:12px 0}
 .head .logo{font-size:20px}
 .head .search{order:3;width:100%;flex:none}
 .headercta{display:inline-flex!important;padding:10px 12px;font-size:0;gap:0;margin-left:auto}
 .headercta::before{width:20px;height:20px}
 .nav{gap:2px;padding:0 0 6px;-webkit-overflow-scrolling:touch}
 .nav a{padding:10px 12px;font-size:13.5px}
 h1{font-size:30px}
 h2{font-size:23px}
 .hero,.auto-hero .hero-feature{padding:22px}
 .auto-hero .hero-feature{grid-template-columns:1fr!important;gap:16px}
 .auto-hero .feature-art{max-width:none;width:100%;justify-self:stretch;padding:10px}
 .auto-hero .feature-art .photo{aspect-ratio:16/9!important}
 .auto-hero .feature-copy h1{font-size:30px}
 .auto-hero .actions{gap:8px}
 .auto-hero .actions .button{flex:1;min-width:140px}
 .trust-strip{grid-template-columns:1fr 1fr;gap:8px}
 .trust-strip>div{padding:12px;font-size:12.5px}
 .enq-layout{grid-template-columns:1fr}
 .enq-side{position:static}
 .enquiryform{padding:18px;border-radius:16px}
 .formgrid{grid-template-columns:1fr;gap:12px}
 .enquiryform .button{width:100%}
 .footergrid{grid-template-columns:1fr 1fr;gap:22px}
 .footergrid>div:first-child{grid-column:1/-1}
 .request{padding:24px;flex-direction:column;align-items:flex-start}
 .wa-float{right:14px;bottom:14px;width:52px;height:52px}
 .grid{gap:10px}
}
@media(max-width:520px){.footergrid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}