:root{--green:#123f38;--mint:#d9eee5;--lime:#d3f170;--ink:#192f2b;--muted:#687773;--line:#dce3df;--cream:#f5f6f1;--white:#fff}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white)}a{color:inherit;text-decoration:none}a:hover{color:#407d4b}button,input,select,textarea{font:inherit}button,.btn{cursor:pointer}button,.btn{border:0;background:var(--green);color:white;padding:12px 20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-align:center;line-height:1.4}.btn:hover,button:hover{background:#256153;color:white}.secondary{background:white;color:var(--green);border:1px solid var(--line)}.whatsapp{background:#e8f2df;color:var(--green)}.wrap{max-width:1240px;margin:0 auto;padding:0 28px}.topline{background:var(--green);color:#fff;font-size:12px;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}.topline a{color:var(--lime)}header{background:#fff;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;gap:35px;padding-top:25px;padding-bottom:22px}.brand{font-size:27px;font-weight:900;letter-spacing:1px;position:relative;line-height:1.1;display:inline-block}.brandmark{display:inline-grid;place-items:center;border-radius:8px;background:var(--green);color:var(--lime);width:42px;height:44px;margin-right:9px;float:left}.brand-sub{display:block;font-size:8px;letter-spacing:2.7px;margin-top:4px}.search{display:flex;flex:1;background:var(--cream);border:1px solid var(--line);border-radius:6px}.search input{border:0;background:transparent;padding:13px 18px;min-width:0;margin:0}.search button{padding:8px 18px;border-radius:0 5px 5px 0;font-size:24px}.cart-link{white-space:nowrap}.cart-link b{background:var(--mint);border-radius:30px;padding:4px 9px;margin-left:6px}nav{display:flex;align-items:center;gap:27px;min-height:55px;font-size:13px;font-weight:600}nav .nav-quote{margin-left:auto;color:var(--green)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:500px;background:var(--cream);margin-top:26px;border-radius:12px;overflow:hidden}.hero-copy{padding:52px 42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#497261;margin-bottom:18px}h1,h2,h3{line-height:1.12;letter-spacing:-.5px}h1{font-size:52px;margin:18px 0 22px}h2{font-size:34px;margin:0 0 18px}h3{font-size:19px;margin:12px 0}p{color:var(--muted)}.hero p{max-width:415px}.hero strong{font-weight:inherit;color:#47836b}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e9f0df,#c5dacf);padding:38px;isolation:isolate}.hero-art:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff80;border-radius:50%;z-index:-1}.hero-art img{width:100%;height:390px;object-fit:contain;mix-blend-mode:multiply}.hero-note{position:absolute;bottom:22px;left:25px;background:#ffffffed;padding:12px 20px;border-radius:8px;font-size:12px;box-shadow:0 6px 30px #123f3810}.hero-note strong{display:block;color:var(--green);font-size:15px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:25px 0;gap:20px;font-size:13px}.benefits span{display:block;color:var(--muted);font-size:12px}.section{padding:52px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-title h2{margin-bottom:0}.section-title>a{font-weight:600;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:22px 15px;font-weight:600;font-size:13px;transition:.2s}.category:hover{transform:translateY(-3px);border-color:#7a9d83}.category b{display:block;font-size:30px;font-weight:400;margin-bottom:15px;color:#497261}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.product-img{position:relative;display:block;background:#f6f7f3}.product-img img{width:100%;height:225px;object-fit:contain;padding:25px;mix-blend-mode:multiply}.tag{position:absolute;left:14px;top:12px;background:#ffffffec;border-radius:4px;padding:3px 8px;font-size:10px}.card-body{padding:18px}.card-body small,.service-card small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.card-body h3{font-size:17px;min-height:39px;margin:10px 0}.card-body p{font-size:12px;min-height:19px;margin:8px 0 15px}.price{font-size:17px;font-weight:700}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:12px;font-weight:700}.service-card{border:1px solid var(--line);padding:26px;border-radius:8px}.service-icon{background:var(--mint);border-radius:8px;width:43px;height:43px;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.service-card p{font-size:13px}.project-banner{background:var(--green);color:white;border-radius:10px;padding:40px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.project-banner p{color:#c4d5c9}.project-banner .eyebrow{color:var(--lime)}.steps{display:grid;gap:15px}.steps div{border-bottom:1px solid #ffffff25;padding-bottom:12px;font-size:14px}.steps b{color:var(--lime);margin-right:16px}.consult{background:#eaf1df;margin-top:55px;padding:50px 0}.consult h2{font-size:31px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}footer{background:#102f29;color:white;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px}footer p{color:#aec3b8;font-size:13px}footer a{display:block;color:#d5e0da;font-size:13px;margin-bottom:8px}footer h3{font-size:14px;letter-spacing:0;margin:0 0 20px}footer .brand{color:white;font-size:25px}.copyright{margin-top:32px;padding-top:18px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;font-size:11px;color:#afc0b6}.copyright a{font-size:11px}.page-heading{padding:40px 0 20px}.page-heading h1{font-size:40px}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:25px}.filters{display:flex;align-items:end;gap:15px;padding:18px;background:var(--cream);border-radius:8px;margin-bottom:28px}.filters label{flex:1}.filters input,.filters select{margin:5px 0 0}.filters button{height:47px}.pagination{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.pagination a{border:1px solid var(--line);padding:6px 12px;border-radius:5px}.pagination .active{background:var(--green);color:white}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:30px 0}.detail h1{font-size:37px}.gallery-main{width:100%;height:460px;object-fit:contain;background:var(--cream);border-radius:10px;padding:30px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs button{background:var(--cream);border:1px solid var(--line);padding:3px;width:64px;height:64px}.thumbs img{width:100%;height:100%;object-fit:contain}.detail .price{font-size:28px;margin:20px 0}.pill{font-size:11px;display:inline-block;background:var(--mint);padding:4px 9px;border-radius:20px}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:9px;margin:22px 0}.prose{white-space:pre-line;line-height:1.8}.notice{background:#edf5da;border:1px solid #c8d8ad;border-radius:7px;padding:15px 20px;margin:22px 0}.error{background:#fff0eb;border-color:#e6bbaa;color:#8b3120}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd7ce;border-radius:5px;background:white;color:var(--ink);margin:7px 0 12px}input[type=checkbox]{width:auto;margin-right:8px}input:focus,select:focus,textarea:focus{outline:2px solid #8da960;outline-offset:2px}input[type=file]{font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;background:var(--cream)}.table-scroll{overflow:auto;max-width:100%}.totals{max-width:380px;margin:25px 0 25px auto}.totals div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.totals div:last-child{font-weight:bold;font-size:20px}.empty{padding:50px;text-align:center;background:var(--cream);border-radius:8px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{display:block;padding:12px}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:#f5f7f3}.admin-sidebar{background:var(--green);color:white;padding:30px 20px}.admin-sidebar .brand{margin-bottom:34px;font-size:23px}.admin-sidebar a{display:block;padding:11px 13px;font-size:13px;margin-bottom:4px;border-radius:6px;color:#d1e3d9}.admin-sidebar a.active,.admin-sidebar a:hover{background:#ffffff18;color:var(--lime)}.admin-main{padding:30px 35px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.admin-top h1{font-size:28px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:white;border:1px solid var(--line);border-radius:8px;padding:22px}.stat b{font-size:30px;display:block}.stat small{color:var(--muted)}.boq-row{display:grid;grid-template-columns:120px 2fr 75px 75px 90px 100px 80px 40px;gap:8px;align-items:end;border-bottom:1px solid var(--line);padding:8px 0}.boq-row label{font-size:11px}.boq-row button{padding:10px}.boq-rows{overflow:auto}.boq-row{min-width:890px}.invoice-head{display:flex;justify-content:space-between;gap:30px}.invoice-head h1{font-size:30px}.print-only{display:none}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}.cart-qty{max-width:95px}.muted{color:var(--muted)}.tight{margin:0}.no-wrap{white-space:nowrap}
@media(max-width:1050px){nav{gap:15px;font-size:12px}.header{gap:20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{padding:35px 28px}h1{font-size:42px}.hero-art{padding:15px}.footer-grid{gap:25px}.admin-shell{grid-template-columns:190px 1fr}.admin-main{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{padding:0 18px}.topline .wrap>a{display:none}.header{flex-wrap:wrap;padding-top:18px;padding-bottom:16px;gap:14px}.brand{font-size:22px}.brandmark{height:38px;width:36px}.search{order:4;flex-basis:100%}.cart-link{margin-left:auto}.menu-toggle{display:block;padding:9px 12px;font-size:12px}nav{display:none!important;padding-top:12px!important;padding-bottom:12px!important}nav.open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}nav a{padding:10px}nav .nav-quote{margin-left:0}.hero{grid-template-columns:1fr;margin-top:18px}.hero-copy{padding:32px 24px}h1{font-size:39px}.hero-art{min-height:290px}.hero-art img{height:290px}.hero-note{bottom:15px;left:15px}.benefits{grid-template-columns:repeat(2,1fr);gap:15px;padding:22px 0}.section{padding:35px 0}h2{font-size:27px}.section-title{align-items:start}.section-title>a{font-size:11px;min-width:75px}.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-img img{height:180px;padding:18px}.card-body{padding:13px}.card-body h3{font-size:15px}.tag{font-size:8px;left:8px}.service-card{padding:20px}.category{padding:16px 12px;font-size:12px}.project-banner{grid-template-columns:1fr;padding:28px;gap:25px}.split,.detail{grid-template-columns:1fr;gap:20px}.detail h1{font-size:30px}.gallery-main{height:330px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.copyright{flex-wrap:wrap;gap:12px}.consult{padding:35px 0}.consult h2{font-size:27px}.filters{flex-wrap:wrap;padding:15px}.filters label{flex-basis:45%}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.page-heading h1{font-size:32px}.admin-shell{display:block}.admin-sidebar{padding:15px;display:flex;overflow:auto;align-items:center;gap:5px}.admin-sidebar .brand{margin:0 12px 0 0;font-size:18px}.admin-sidebar a{white-space:nowrap;margin:0;padding:10px}.admin-main{padding:20px 15px}.admin-top{gap:12px}.admin-top h1{font-size:23px}.admin-sidebar form{display:none}.invoice-head{flex-direction:column}.stats{gap:10px}.stat{padding:16px}.table-scroll table{min-width:640px}}
@media(max-width:390px){.grid,.grid.three{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:35px}.footer-grid{grid-template-columns:1fr}.menu-toggle{padding:8px}.header{gap:9px}.brand{font-size:20px}}
@media print{header,footer,.consult,.no-print,.topline,.admin-sidebar,.admin-top,.actions,.skip{display:none!important}.admin-shell{display:block}.admin-main,.wrap{padding:0;max-width:none}.panel{border:0;padding:0}.print-only{display:block}body{font-size:11px;color:#000;background:white}.table-scroll{overflow:visible}th,td{padding:7px}tr{break-inside:avoid}a{color:inherit}.invoice-head{display:flex;flex-direction:row}h1{font-size:24px}@page{size:A4;margin:15mm}}
