:root{--ink:#153b36;--green:#087d70;--green2:#0b9b86;--deep:#103e37;--pale:#e9f5f0;--cream:#faf8f2;--white:#fff;--muted:#60736d;--line:#e3ebe7;--gold:#e7ac65;--shadow:0 18px 48px rgba(22,63,55,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 'Segoe UI',Inter,Arial,sans-serif;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,5rem);font-weight:800}h2{font-size:clamp(2rem,3.4vw,3.3rem);font-weight:800}h3{font-size:1.35rem;font-weight:800}p{color:#586d65}ul{padding-left:1.25rem}.container{max-width:1190px;padding:0 25px;margin:auto}.small{font-size:.88rem}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:'';width:27px;height:3px;border-radius:4px;background:var(--gold)}.section{padding:88px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 37px}.section-head p{margin-top:14px}.section-head .eyebrow{justify-content:center}.section-head .eyebrow:before{display:none}.bg-pale{background:#f1f8f5}.bg-cream{background:var(--cream)}.grid{display:grid;gap:24px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);border:2px solid var(--green);color:#fff;border-radius:9px;padding:12px 22px;font-size:.94rem;font-weight:800;line-height:1.3;transition:.2s;white-space:normal}.btn:hover{background:var(--deep);border-color:var(--deep);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--green)}.btn-outline:hover{color:#fff}.btn-white{background:#fff;border-color:#fff;color:var(--deep)}.btn-white:hover{background:var(--cream);color:var(--deep);border-color:var(--cream)}.btn-sm{font-size:.82rem;padding:9px 14px}.btn-full{width:100%}.text-link{font-weight:800;color:var(--green);font-size:.9rem}.text-link:hover{text-decoration:underline}.pill{display:inline-block;background:#e3f5ed;color:#087565;border-radius:100px;padding:5px 12px;font-weight:800;font-size:.75rem}.topbar{background:#123d35;color:#e7f7ef;font-size:.78rem}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:9px;padding-bottom:9px}.topbar .left,.topbar .right{display:flex;align-items:center;gap:20px}.topbar a:hover{color:#f5c783}.topbar span{display:inline-flex;align-items:center;gap:6px}.header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 18px rgba(17,58,48,.07)}.header-inner{min-height:88px;display:flex;align-items:center;gap:22px}.logo{display:block;flex:0 0 228px}.logo img{width:228px;height:auto}.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav>a,.nav details>summary{font-weight:750;font-size:.9rem;cursor:pointer;color:#243e37}.nav>a:hover,.nav details>summary:hover,.nav .active{color:var(--green)}.nav details{position:relative}.nav details>summary{list-style:none}.nav details>summary::-webkit-details-marker{display:none}.nav details>summary:after{content:'⌄';margin-left:5px;color:var(--green)}.dropdown{position:absolute;top:calc(100% + 28px);left:-15px;width:230px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:2px}.dropdown a{padding:9px 12px;font-size:.87rem;border-radius:8px}.dropdown a:hover{background:var(--pale);color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.cart-link{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--green);font-size:.9rem}.cart-count{min-width:22px;height:22px;display:inline-grid;place-items:center;background:var(--gold);color:#123a33;border-radius:50%;font-size:.74rem}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:1.4rem;line-height:1;padding:8px 12px}.hero{min-height:570px;display:flex;align-items:center;background:#f4f3eb url('/assets/images/hero.webp') center center/cover no-repeat;position:relative}.hero-inner{width:100%;padding-top:80px;padding-bottom:80px}.hero-content{max-width:540px}.hero h1{font-size:clamp(2.7rem,4.5vw,4.75rem);color:#153e38}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:1.13rem;max-width:490px;margin:21px 0 28px;color:#53665e}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-note{margin-top:32px;font-size:.8rem;color:#688078;font-weight:700}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:21px;padding-bottom:21px}.trust{display:flex;gap:12px;align-items:center;border-right:1px solid var(--line);padding-right:12px}.trust:last-child{border:0}.trust .icon{width:43px;height:43px;border-radius:50%;background:var(--pale);color:var(--green);display:grid;place-items:center;font-size:1.35rem;flex-shrink:0}.trust strong{font-size:.83rem;line-height:1.3;display:block}.trust small{color:var(--muted);font-size:.72rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.photo-frame{position:relative;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.photo-frame img{width:100%;height:460px;object-fit:cover}.photo-frame .photo-badge{position:absolute;bottom:18px;left:18px;max-width:220px;background:#fff;border-radius:14px;padding:15px 19px;box-shadow:var(--shadow);font-size:.8rem;font-weight:800;color:var(--deep)}.copy h2{margin-bottom:18px}.copy p+p{margin-top:13px}.copy .btn{margin-top:24px}.checklist{padding:0;list-style:none;display:grid;gap:10px;margin:22px 0}.checklist li:before{content:'✓';font-weight:900;color:var(--green);margin-right:9px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(17,63,51,.04);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{width:100%;height:225px;object-fit:cover}.card-body{padding:22px}.card-body h3{margin:5px 0 11px}.card-body p{font-size:.9rem;line-height:1.65;margin-bottom:15px}.service-card .card-body{padding:22px 24px 25px}.icon-tile{width:45px;height:45px;display:grid;place-items:center;background:var(--pale);border:3px solid #fff;border-radius:13px;color:var(--green);font-size:1.25rem;margin-top:-43px;position:relative;box-shadow:0 4px 15px #173e3719}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:16px}.mini-card h3{margin:8px 0}.mini-card p{font-size:.89rem}.banner{background:linear-gradient(100deg,#0d5148,#087d70);border-radius:26px;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:24px}.banner h2{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem)}.banner p{color:#d2efe5;margin-top:10px}.quote-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.quote-card .stars{color:#f4b54d;font-size:1.25rem;letter-spacing:3px}.quote-card blockquote{margin:14px 0 18px;color:#475e55;font-size:.94rem}.quote-card strong{display:block}.quote-card small{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid button{padding:0;border:0;background:none;overflow:hidden;border-radius:15px;cursor:zoom-in}.gallery-grid img{width:100%;height:240px;object-fit:cover;transition:transform .3s}.gallery-grid button:hover img{transform:scale(1.045)}.page-hero{padding:64px 0 69px;background:linear-gradient(115deg,#f0f8f3,#faf8f1);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.4rem,4.1vw,4rem);max-width:800px}.page-hero p{max-width:760px;margin-top:16px;font-size:1.08rem}.crumbs{font-size:.77rem;color:var(--muted);margin-bottom:22px}.crumbs a{color:var(--green);font-weight:700}.crumbs span{margin:0 8px}.content{max-width:850px;margin:auto}.content h2{font-size:1.7rem;margin:28px 0 13px}.content h3{margin:24px 0 10px}.content p{margin:0 0 16px}.content li{margin-bottom:8px;color:#536b60}.content a:not(.btn){color:var(--green);text-decoration:underline}.notice{padding:15px 19px;border-radius:12px;border:1px solid #e5d9b6;background:#fffbef;color:#725d2e;font-size:.89rem;margin:16px 0}.notice strong{color:#614b1e}.info-box{background:var(--pale);border:1px solid #cde8dc;border-radius:16px;padding:25px}.info-box h3{margin-bottom:12px}.info-box p{margin-bottom:10px}.product-price{font-size:1.65rem;font-weight:900;color:var(--green)}.product-price s{font-size:.96rem;color:#8a9691;margin-right:10px;font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{display:grid;grid-template-columns:155px 1fr;gap:18px;border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff}.product-card img{width:155px;height:170px;object-fit:cover;border-radius:12px}.product-card h3{font-size:1.07rem;margin:7px 0}.product-card .product-price{font-size:1.12rem}.product-card .btn{margin-top:10px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{position:relative;border-radius:17px;overflow:hidden;background:#eff6f0;min-height:215px}.category-card img{width:100%;height:215px;object-fit:cover}.category-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#082a24bd)}.category-card strong{position:absolute;z-index:1;bottom:18px;left:20px;color:#fff;font-size:1.17rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.product-detail>img{width:100%;max-height:500px;object-fit:cover;border-radius:20px}.product-detail h2{margin:8px 0 16px}.qty{width:80px;border:1px solid var(--line);border-radius:8px;padding:11px}.add-row{display:flex;gap:12px;align-items:center;margin:23px 0}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.filter-bar button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:100px;padding:9px 17px;font-weight:800;font-size:.85rem}.filter-bar button.active{background:var(--green);color:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:36px}.contact-detail{display:flex;gap:15px;margin:0 0 23px}.contact-detail .ci{width:46px;height:46px;display:grid;place-items:center;background:var(--pale);color:var(--green);border-radius:12px;font-size:1.35rem;flex-shrink:0}.contact-detail strong{display:block}.contact-detail p{font-size:.9rem}.form{display:grid;gap:15px}.form label{display:block;font-weight:750;font-size:.88rem;margin-bottom:5px}.form input,.form textarea,.form select{width:100%;border:1px solid #cddfd7;border-radius:10px;padding:12px 14px;background:#fff;color:var(--ink);outline-color:var(--green)}.form textarea{min-height:130px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq-list{max-width:850px;margin:auto}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:17px 21px}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary:after{content:'+';color:var(--green);font-size:1.2rem}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--deep);background:#f5faf7}#cart-items .cart-row{display:grid;grid-template-columns:75px 1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-row img{width:75px;height:75px;object-fit:cover;border-radius:9px}.cart-row strong{display:block}.cart-row button{border:0;background:transparent;color:#a44343;font-weight:700}.empty{padding:40px;text-align:center;border:1px dashed #bad8cd;border-radius:15px}.post-card img{height:200px}.post-card .date{font-size:.76rem;color:var(--green);font-weight:800}.footer{background:#123b34;color:#e9f6ef;padding-top:70px}.footer h3{color:#fff;font-size:1.06rem;margin-bottom:18px}.footer p,.footer a{color:#c8ded5;font-size:.87rem}.footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:40px}.footer .logo{width:230px;background:#fff;border-radius:12px;padding:9px;margin-bottom:16px}.footer .logo img{width:100%}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:0 0 10px}.footer-bottom{margin-top:50px;border-top:1px solid #ffffff2a;padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:.76rem;color:#a6c8ba}.footer-bottom a{font-size:.76rem}.floating-wa{position:fixed;right:22px;bottom:22px;background:#19a56d;color:#fff;border-radius:100px;padding:13px 18px;font-weight:800;box-shadow:0 10px 30px #184c3660;z-index:25}.floating-wa:hover{background:#108458}.modal{position:fixed;inset:0;background:#0a2826d9;display:none;align-items:center;justify-content:center;padding:20px;z-index:90}.modal.open{display:flex}.modal img{max-width:min(100%,1000px);max-height:82vh;object-fit:contain;border-radius:14px}.modal button{position:absolute;top:24px;right:30px;color:#fff;background:transparent;border:0;font-size:2rem}.toast{position:fixed;bottom:84px;right:20px;background:var(--deep);color:#fff;border-radius:10px;padding:12px 20px;box-shadow:var(--shadow);z-index:99;display:none}.toast.show{display:block}.ref-tag{font-size:.75rem;color:#7d8c84}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1050px){.nav{gap:11px}.logo,.logo img{width:188px;flex-basis:188px}.header-actions .btn{display:none}.split{gap:32px}.footer-grid{gap:22px}}
@media(max-width:850px){.topbar .left span:nth-child(2){display:none}.topbar .right{display:none}.menu-toggle{display:block}.header-inner{min-height:74px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow);padding:15px 25px 22px;max-height:75vh;overflow:auto;align-items:stretch;flex-direction:column;gap:0}.nav.open{display:flex}.nav>a,.nav details>summary{display:block;padding:11px 3px}.dropdown{position:static;box-shadow:none;width:100%;margin:0 0 6px}.header-actions{margin-left:auto}.hero{min-height:520px;background-position:57% center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f5ebef 0%,#f8f5ebd9 46%,#f8f5eb33 100%)}.hero-inner{position:relative}.hero-content{max-width:480px}.trust-inner{grid-template-columns:repeat(2,1fr)}.trust:nth-child(2){border:0}.grid3,.grid4,.category-grid{grid-template-columns:repeat(2,1fr)}.split,.product-detail,.contact-layout{grid-template-columns:1fr}.photo-frame img{height:350px}.footer-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{padding:0 18px}.topbar{font-size:.7rem}.topbar .left{gap:8px}.header-inner{gap:10px}.logo,.logo img{width:175px;flex-basis:175px}.header-actions .cart-link{font-size:0}.cart-count{font-size:.75rem}.hero{min-height:590px;background-position:65% center}.hero:before{background:linear-gradient(90deg,#f8f5ebfa 0%,#f8f5ebec 55%,#f8f5eb69 100%)}.hero-inner{padding-top:62px;padding-bottom:62px}.hero h1{font-size:2.75rem}.hero p{font-size:1rem}.section{padding:63px 0}.grid3,.grid4,.grid2,.mini-cards,.category-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:170px}.trust-inner{gap:9px}.trust .icon{width:35px;height:35px;font-size:1rem}.trust strong{font-size:.76rem}.trust small{font-size:.68rem}.banner{padding:29px 23px;display:block}.banner .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom>*{margin-bottom:9px}.form-row{grid-template-columns:1fr}.product-card{grid-template-columns:105px 1fr;gap:12px}.product-card img{width:105px;height:125px}.product-card .btn{font-size:.75rem;padding:8px}.cart-row{grid-template-columns:65px 1fr!important;gap:9px!important}.cart-row>*:nth-child(3),.cart-row>*:nth-child(4){grid-column:2}.floating-wa{bottom:12px;right:12px;padding:11px 14px;font-size:.83rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}