@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1a3029;--forest:#174735;--dark:#102f25;--mid:#5e7469;--olive:#688777;--lime:#d8e5d9;--line:#dfe5df;--muted:#f3f5f0;--ivory:#fbfaf7;--gold:#af9774;--white:#fff;--shadow:0 24px 70px rgba(18,57,41,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.67;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #53866a;outline-offset:3px}.wrap{max-width:1280px;padding:0 36px;margin:0 auto}.skip{position:absolute;left:1rem;top:-5rem;padding:.7rem 1rem;background:white;color:#000;z-index:999}.skip:focus{top:1rem}.topline{background:#133a2d;color:#e9f0e9;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.topline .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topline-right{font-size:10px;color:#bdcec1;letter-spacing:.08em;font-weight:500}.site-header{height:87px;background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 2px 16px rgba(0,0,0,.04)}.head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}.brand img:first-child{width:32px;height:27px;object-fit:contain}.brand img:last-child{width:180px;height:auto;object-fit:contain}.navigation{display:flex;align-items:center;gap:26px}.navigation>a{font-size:12px;color:#43554b;font-weight:600;transition:color .2s}.navigation>a.is-active,.navigation>a:hover{color:var(--forest)}.navigation>a.is-active{position:relative}.navigation>a.is-active:after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:2px;background:var(--forest)}.navigation .nav-cta{margin-left:4px;border:1px solid #b6c9ba;padding:13px 16px;color:#1f4c35;font-weight:700}.nav-cta span{padding-left:12px}.menu-toggle{display:none;border:0;background:none;padding:10px;width:42px}.menu-toggle span{display:block;height:2px;background:var(--forest);margin:5px 0;width:100%}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#568371;text-transform:uppercase;margin:0 0 18px;line-height:1.4}.eyebrow.light{color:#9ec7ab}.tiny-square{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#6d957d;margin-right:7px}.hero-v2{background:var(--ivory);border-bottom:1px solid #edf0ea}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center;padding-top:72px;padding-bottom:72px}.hero-copy h1,.page-hero h1,.thank-you h1{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(38px,4.3vw,64px);line-height:1.12;letter-spacing:-.055em;margin:0 0 27px}.hero-copy h1 em,.page-hero h1 em,.thank-you h1 em,.calculator-intro h2 em{font-style:normal;color:#73957f}.hero-lead,.page-hero>p:last-child{font-size:16px;color:#66776e;line-height:1.85;max-width:550px;margin:0 0 29px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap;padding:15px 21px;border-radius:2px;font-size:12px;line-height:1.3;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:#0d3024}.button-subtle{border:1px solid #bdcbc0;color:#215039;background:transparent}.button-subtle:hover{background:#ebf2e9}.button-light{background:#fff;color:#124532}.button-light:hover{background:#eef6ef}.full{width:100%}.hero-facts{margin-top:64px;padding-top:18px;border-top:1px solid #d9e1d8;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-facts div{display:flex;flex-direction:column;gap:2px}.hero-facts strong{font-size:12px;color:var(--ink)}.hero-facts span{font-size:10px;color:#718279;line-height:1.5}.landscape-section{padding:45px 0 18px;background:#fff}.section-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.17em;font-weight:800;color:#718876;margin-bottom:15px}.landscape-full{width:100%;height:auto;max-height:680px;object-fit:contain;background:#ebefe9}.image-caption{color:#8c978f;font-size:11px;margin-top:10px}.section{padding:95px 0}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-title-row h2,.feature-copy h2,.calculator-intro h2,.narrow h2,.about-split h2,.contact-sidebar h2{font:600 clamp(30px,3.3vw,47px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:0}.section-title-row>p{max-width:340px;margin:0;color:#66796d}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit{padding:27px 27px 30px;background:#f4f7f2;border:1px solid #e9efe8;min-height:238px}.benefit-icon{display:block;font-weight:700;color:#849f8e;letter-spacing:.1em;margin-bottom:28px}.benefit h3,.explain-card h3{font-size:17px;margin:0 0 11px;font-weight:700}.benefit p,.explain-card p{font-size:13px;color:#65776e;margin:0}.product-feature{background:#f8f8f4}.feature-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.feature-images{position:relative}.primary-product-image{width:100%;height:auto;max-height:480px;object-fit:contain;background:#e8eadc}.image-tag{position:absolute;bottom:16px;left:16px;padding:8px 12px;background:rgba(255,255,255,.93);font-size:10px;font-weight:700;letter-spacing:.12em}.feature-copy p:not(.eyebrow){color:#67786d;font-size:15px;line-height:1.85;max-width:460px}.feature-points{display:flex;flex-direction:column;gap:13px;margin:28px 0;border-top:1px solid #dbe3d9;border-bottom:1px solid #dbe3d9;padding:19px 0;font-size:12px;color:#536b5b}.feature-points span:before{content:'✓';margin-right:12px;color:#5f9266}.text-link{display:inline-flex;gap:20px;align-items:center;color:#20563d;font-weight:800;font-size:12px;border-bottom:1px solid #5d8c6b;padding-bottom:4px}.text-link:hover{color:#38825b}.calculator-intro{background:#153e30;color:white}.split-intro{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:100px}.calculator-intro h2{font-size:clamp(32px,3.8vw,54px);margin:0 0 18px}.calculator-intro h2 em{color:#b3d3ba}.calculator-intro p:not(.eyebrow){max-width:450px;color:#c8d9cc}.calculator-intro .button{margin-top:20px}.calc-preview{padding:34px 35px;background:#fff;color:#1b3d2d;box-shadow:0 18px 65px #0b241b40}.preview-title{font-size:10px;letter-spacing:.16em;font-weight:800;color:#6d8a78}.calc-preview>strong{display:block;font:700 45px Manrope,sans-serif;letter-spacing:-.045em;margin-top:15px}.calc-preview>small{color:#799080}.preview-line{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e4eae1;padding:14px 0;font-size:12px}.preview-line:first-of-type{margin-top:18px}.calc-preview p.preview-disclaimer{font-size:10px;color:#7f8f80;margin-top:16px;line-height:1.6}.gallery-teaser{background:#fff}.teaser-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.teaser-grid img{width:100%;height:255px;object-fit:cover}.teaser-grid img:first-child{object-fit:contain;background:#edf1e7}.footer-cta{background:#e1ecdf;color:#173b2f}.footer-cta .eyebrow{color:#385c49}.footer-cta-inner{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta h2{font:600 29px Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 6px}.footer-cta p:not(.eyebrow){margin:0;color:#385c49}.footer{background:#0d2c23;color:#d4e0d6;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2.4fr 1fr 1fr 1.4fr;gap:45px}.foot-brand{max-width:350px}.foot-brand img{display:inline-block;vertical-align:middle;margin-right:10px;filter:brightness(0) invert(1)}.foot-brand strong{font-size:18px;letter-spacing:.19em;color:#fff}.footer p{font-size:12px;color:#a9bdb1;line-height:1.8}.footer h3{font-weight:800;font-size:11px;color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.footer a:not(.foot-brand a){display:block;margin:0 0 9px;font-size:12px;color:#c4d5ca}.footer a:hover{text-decoration:underline}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #325246;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a0b7a9}.wa-float{position:fixed;bottom:22px;right:22px;z-index:70;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:50px;background:#1f9652;color:#fff;box-shadow:0 8px 27px #184a2e55;font-size:12px;font-weight:800}.wa-float:hover{background:#197941}.wa-float svg{width:19px;height:19px}
.page-hero{padding-top:75px;padding-bottom:62px;border-bottom:1px solid #e4eae4}.page-hero h1{font-size:clamp(39px,5vw,67px)}.page-hero>p:last-child{max-width:730px;margin:0}.muted{background:var(--muted)}.product-detail{padding-top:78px;padding-bottom:94px;display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}.product-detail-image{background:#f2f5ef}.product-detail-image img{width:100%;height:auto;object-fit:contain}.product-detail-copy h2{font-size:34px;font-weight:600;letter-spacing:-.04em;margin:0 0 15px}.product-detail-copy p:not(.eyebrow){color:#65746c}.spec-list{margin:28px 0;border-top:1px solid #dce5de}.spec-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #dce5de;padding:13px 0;font-size:12px}.spec-list span{color:#69796d}.spec-list strong{text-align:right;font-size:12px;color:#2b4b39}.narrow{max-width:815px}.narrow p{color:#687b6c;line-height:1.9}.gallery-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;padding-top:65px;padding-bottom:30px}.gallery-page figure{margin:0}.gallery-page figure img{width:100%;height:300px;object-fit:contain;background:#f4f6f1}.gallery-page figcaption{font-size:11px;font-weight:700;letter-spacing:.04em;padding:13px 0;color:#65786c}.gallery-page .gallery-wide{grid-column:1/-1}.gallery-page .gallery-wide img{height:auto;max-height:660px;object-fit:contain;background:#eef1e9}.gallery-note{margin-bottom:70px;font-size:12px;color:#667c6b;max-width:1100px}.about-split{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.about-split img{width:100%;height:auto;object-fit:contain}.about-split p:not(.eyebrow){color:#697b70}
.card{background:#fff;border:1px solid #e4eae4;box-shadow:0 15px 45px rgba(20,55,35,.035);padding:30px}.estimate-layout{padding-top:66px;padding-bottom:80px;display:grid;grid-template-columns:.92fr 1.08fr;gap:25px;align-items:start}.estimate-form h2,.estimate-result h2,.contact-form h2{font:600 26px Manrope,sans-serif;margin:0 0 27px;letter-spacing:-.04em}.card form label{display:block;font-size:12px;font-weight:800;color:#345441;margin:0 0 7px}.card input,.card select,.card textarea{width:100%;border:1px solid #cbd8ce;background:#fff;color:#20382c;padding:12px 14px;border-radius:2px;outline:none;min-height:48px}.card input:focus,.card select:focus,.card textarea:focus{border-color:#2b7551;box-shadow:0 0 0 3px #d7eade}.card input+label,.card select+label,.card textarea+label{margin-top:18px}.card form>.button{margin-top:23px}.helper{font-size:11px;color:#829388;line-height:1.7}.estimate-form .helper{margin-top:23px}.estimate-result{background:#f8faf7;border-color:#d9e7db;padding:34px}.estimate-total-label{font-size:12px;color:#647867}.estimate-total{display:block;font:700 clamp(32px,3.5vw,48px) Manrope,sans-serif;letter-spacing:-.055em;color:#153d2b;margin:12px 0 6px}.estimate-meta{font-size:11px;color:#6b7c72}.price-breakdown{margin-top:28px;border-top:1px solid #d5e1d7}.breakdown-row{padding:13px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d5e1d7;font-size:12px}.breakdown-row span{color:#607369}.breakdown-row strong{color:#214a36}.destination-status{background:#e8f0e8;padding:13px 15px;font-size:12px;line-height:1.7;color:#3a6245;margin-top:19px}.destination-status.warning{background:#fff0db;color:#79512d}.estimated-total{display:block;font-size:15px;margin-top:20px;color:#214c35}.fx-note{font-size:10px;color:#829489;line-height:1.6}.estimate-actions{margin-top:23px}.explain-card{padding:23px;background:#fff;border:1px solid #e3e9e1}.explain-card>span{color:#8aa18d;font-weight:700;font-size:11px;display:block;margin-bottom:16px}.calc-warning{padding-bottom:65px;color:#667a6b;font-size:12px;line-height:1.8}.calc-warning h3{color:#274b39;margin-top:0}
.contact-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;padding-top:72px;padding-bottom:100px}.contact-form label em{color:#bf785b;font-style:normal}.contact-form label span{font-size:11px;font-weight:400;color:#8b978f}.two-col,.three-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form label{margin-top:18px!important}.contact-form textarea{resize:vertical}.contact-helper,.form-legal{font-size:11px;color:#819086;margin:9px 0 3px}.form-legal a{text-decoration:underline}.honeypot{position:absolute;left:-99999px;opacity:0;height:1px;overflow:hidden}.contact-info-block{padding:5px 0 18px}.contact-info-block p:not(.eyebrow){color:#6d8072}.contact-info-item{padding:25px 0;border-bottom:1px solid #dce5dd;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.contact-info-item>span{font-size:10px;color:#72917c;letter-spacing:.14em;font-weight:800}.contact-info-item strong{font-size:21px}.contact-info-item small{color:#879487}.sidebar-image{width:100%;height:auto;object-fit:contain;margin-top:35px}.flash{max-width:1200px;margin:15px auto;padding:12px 18px;color:#145231;background:#e6f6e9;border:1px solid #bfe3c5}.flash.error{color:#813d35;background:#fff0ed;border-color:#e9bdb4}.thank-you{padding-top:120px;padding-bottom:140px;max-width:820px}.thank-you p{max-width:630px;color:#607867}.checkmark{display:flex;align-items:center;justify-content:center;border-radius:50%;width:60px;height:60px;background:#e4f1e6;color:#367b48;font-size:29px;margin-bottom:28px}.legal{padding-top:70px;padding-bottom:100px}.legal h2{font-size:20px;margin-top:30px}.admin-area{padding-top:55px;padding-bottom:100px}.admin-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.admin-head h1{font-size:40px;margin:0}.admin-head p{color:#748779}.admin-tabs{display:flex;gap:18px;flex-wrap:wrap;padding:30px 0}.admin-tabs a{border-bottom:1px solid #98bd9c;font-size:13px;font-weight:700;color:#35664b}.admin-panels{display:grid;gap:20px}.admin-panels .card h2{margin:0 0 17px}.admin-panels .card form .button{margin-top:20px}.admin-panels .three-col>div label{margin-top:0!important}.admin-panels input,.admin-panels select{min-height:44px}.shipping-table{max-height:240px;overflow:auto;margin-top:20px}.shipping-table table{border-collapse:collapse;width:100%;font-size:12px}.shipping-table th,.shipping-table td{text-align:left;padding:8px;border-bottom:1px solid #e7eee6}.inquiries-list{display:grid;gap:12px}.inquiry{padding:22px;background:#f6f9f5;border:1px solid #e2ebe1}.inquiry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.inquiry-top small,.inquiry-meta{color:#758679;font-size:11px}.inquiry p{white-space:normal}.inquiry-actions{display:flex;flex-wrap:wrap;gap:10px}.inquiry-actions form{display:flex;align-items:center;gap:7px}.inquiry-actions select{min-height:36px;padding:6px 9px;width:auto}.mini-button{padding:6px 12px;background:#e1ebe2;border:1px solid #b9cebc;color:#214833;font-size:12px}.mini-button.danger{color:#933f3b;background:#fcefeb;border-color:#edc9c2}.number-bubble{font-size:12px;color:#648270}.admin-login-body{min-height:100vh;display:grid;place-items:center;background:#f3f7f2}.admin-login{width:min(430px,calc(100% - 30px))}.admin-login h1{font-size:25px}.admin-login p{font-size:12px;color:#68806f}.admin-login .button{margin-top:20px}.admin-logo img{max-width:235px}.admin-login .text-link{margin-top:25px}
@media(max-width:1100px){.wrap{padding:0 28px}.navigation{gap:15px}.navigation>a{font-size:11px}.hero-layout{gap:32px}.hero-facts{margin-top:30px}.feature-layout{gap:45px}.split-intro{gap:45px}}
@media(max-width:850px){.topline-right{display:none}.site-header{height:70px}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:22px 25px 30px;box-shadow:0 20px 28px #0a2e181a;align-items:stretch;flex-direction:column;gap:19px}.navigation.open{display:flex}.navigation>a{font-size:14px}.navigation>a.is-active:after{bottom:-6px}.navigation .nav-cta{margin:0;text-align:center}.hero-layout,.feature-layout,.split-intro,.product-detail,.about-split,.contact-grid,.estimate-layout{grid-template-columns:1fr;gap:35px}.hero-layout{padding-top:54px;padding-bottom:50px}.hero-copy h1{font-size:50px}.hero-facts{max-width:600px}.section{padding:70px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-cta-inner{align-items:flex-start}.contact-sidebar{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.contact-info-block{grid-column:1/-1}.sidebar-image{grid-column:1/-1;max-width:550px}.page-hero{padding-top:55px}.gallery-page{grid-template-columns:1fr 1fr}.teaser-grid img{height:190px}}
@media(max-width:560px){body{font-size:14px}.wrap{padding:0 19px}.topline .wrap{min-height:32px;font-size:9px}.site-header{height:65px}.navigation{top:65px}.brand img:first-child{width:27px}.brand img:last-child{width:158px}.hero-layout{padding-top:43px}.hero-copy h1,.page-hero h1,.thank-you h1{font-size:39px}.hero-lead{font-size:14px}.hero-facts{grid-template-columns:repeat(3,1fr);gap:7px}.hero-facts strong{font-size:11px}.hero-facts span{font-size:9px}.section-caption{font-size:8px;gap:8px}.section{padding:60px 0}.section-title-row{display:block}.section-title-row>p{margin-top:16px}.section-title-row h2,.feature-copy h2,.calculator-intro h2{font-size:31px}.benefit-grid,.footer-grid{grid-template-columns:1fr}.benefit{min-height:auto}.feature-layout{gap:28px}.split-intro{gap:32px}.calc-preview{padding:22px}.calc-preview>strong{font-size:37px}.teaser-grid{grid-template-columns:1fr 1fr}.teaser-grid img{height:170px}.teaser-grid img:first-child{grid-column:1/-1;object-fit:contain;height:auto}.footer-cta-inner{display:block}.footer-cta .button{margin-top:23px}.footer-grid{gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.wa-float{padding:13px;border-radius:100%;bottom:13px;right:13px}.wa-float span{display:none}.wa-float svg{height:25px;width:25px}.page-hero{padding-top:47px;padding-bottom:38px}.gallery-page{grid-template-columns:1fr;gap:12px}.gallery-page .gallery-wide{grid-column:1}.gallery-page figure img{height:auto}.two-col,.three-col{grid-template-columns:1fr;gap:0}.card{padding:21px}.contact-grid{gap:40px;padding-top:43px;padding-bottom:65px}.contact-sidebar{display:block}.contact-form{padding:23px}.inquiry-top{display:block}.inquiry-top small{display:block}.admin-head{display:block}.estimate-layout{padding-top:35px;padding-bottom:50px}.estimate-total{font-size:33px}.admin-area{padding-top:32px}.footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-carousel {
  position: relative;
  align-self: stretch;
  min-width: 0;
}
.hero-carousel img,
.hero-carousel-toggle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero-carousel img {
  object-fit: cover;
}
.hero-carousel img[hidden] {
  display: none;
}
.hero-carousel-toggle {
  padding: 0;
  border: 0;
  background: transparent;
}
.hero-carousel-toggle:focus-visible {
  outline: 2px solid white;
  outline-offset: -4px;
  box-shadow: inset 0 0 0 5px var(--forest);
}
.hero-carousel-arrows button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: rgb(19 58 45 / 82%);
  color: white;
  font-size: 22px;
}
.hero-carousel-arrows button:hover {
  background: #133a2d;
}
.hero-carousel-arrows button:focus-visible {
  outline-color: white;
  box-shadow: 0 0 0 5px #133a2d;
}
.hero-carousel-previous { left: 12px; }
.hero-carousel-next { right: 12px; }
@media (max-width: 850px) {
  .hero-carousel { aspect-ratio: 16 / 9; }
}

.home-products {
  scroll-margin-top: 85px;
}
.home-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.home-product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  padding: 24px;
  background: #f8faf7;
}
.product-photo {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--photo-background, white);
}
.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(var(--photo-scale, 1));
}
.product-photo[data-product="fresh-whole-coconut"] {
  --photo-scale: 1.23;
}
.product-photo[data-product="semi-husked-coconut"] {
  --photo-scale: 0.84;
  --photo-background: #fefefe;
}
.product-photo[data-product="tender-coconut"] {
  --photo-scale: 1.5;
  --photo-background: #fdf9f8;
}
.product-photo[data-product="king-coconut"] {
  --photo-background: #a7ccd5;
}
.product-photo.product-photo-custom {
  --photo-background: transparent;
  --photo-scale: 1;
}
.admin-image-uploads {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.admin-image-uploads,
.admin-image-uploads > section,
#owner-message {
  scroll-margin-top: 100px;
}
.admin-image-uploads input[type="file"] {
  min-width: 0;
}
.admin-photo-list {
  list-style: none;
  margin: 18px 0 24px;
  padding: 0;
  border-top: 1px solid #dce5de;
}
.admin-photo {
  display: grid;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid #dce5de;
}
.admin-photo-preview,
.admin-photo-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin-photo-preview img {
  flex: 0 0 64px;
  object-fit: contain;
  background: #f2f5ef;
}
.admin-photo-preview span {
  overflow-wrap: anywhere;
}
.admin-photo-preview small {
  display: block;
  color: #43594d;
}
.admin-photo-actions button:disabled {
  opacity: .45;
  cursor: default;
}
.hero-layout.hero-layout-no-photos,
.catalog-product.catalog-product-no-photo {
  grid-template-columns: 1fr;
}
@media (max-width: 950px) {
  .admin-image-uploads { grid-template-columns: 1fr; }
}
.about-owner-message {
  margin: 20px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #43594d;
}
.owner-profile-with-photo {
  display: grid;
  grid-template-columns: minmax(160px, 260px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 64px);
}
.owner-portrait {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #eef1e9;
}
.owner-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  font-style: normal;
}
.owner-contact .button {
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 620px) {
  .owner-profile-with-photo { grid-template-columns: 1fr; }
  .owner-portrait { max-width: 260px; }
}
.about-team {
  background: #f8faf7;
}
.staff-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 235px), 1fr));
  gap: 20px;
}
.staff-photo-grid img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #eef1e9;
}
.home-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.home-product-actions .button {
  min-height: 44px;
  padding: 10px;
}
.home-product-description {
  margin: 10px 0 0;
  color: #43594d;
}
.catalog-product {
  align-items: center;
  padding-block: clamp(32px, 5vw, 64px);
  scroll-margin-top: 100px;
}
.catalog-product + .catalog-product {
  border-top: 1px solid #dce5de;
}
.catalog-product .product-photo {
  max-width: 420px;
  justify-self: center;
}
.catalog-product .product-photo-cutout {
  --photo-background: transparent;
  --photo-scale: 1;
  padding: 16px;
}
.catalog-product .spec-list dt {
  color: #43594d;
}
.catalog-product .spec-list dd {
  margin: 0;
  text-align: right;
  font-weight: 700;
  color: #2b4b39;
}
.mature-coconut-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.mature-coconut-card h3 {
  margin: 0;
  font: 600 24px/1.2 Manrope, Arial, sans-serif;
}
.mature-coconut-card p,
.mature-coconut-market p {
  margin: 12px 0 0;
  color: #43594d;
}
.mature-coconut-market {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  margin-top: 24px;
}
.mature-coconut-market p {
  max-width: 680px;
  margin: 0;
}
.mature-coconut-market p a {
  text-decoration: underline;
}
@media (max-width: 560px) {
  .mature-coconut-grid { grid-template-columns: 1fr; }
}
.home-product h3,
.product-quote h2 {
  margin: 0;
  font: 600 24px/1.2 Manrope, Arial, sans-serif;
}
.product-quote {
  width: min(480px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  overflow: auto;
  color: var(--ink);
}
.product-quote[open]:not(:modal) {
  position: relative;
  margin: 24px auto 0;
  scroll-margin-top: 85px;
}
.product-quote::backdrop {
  background: rgb(19 58 45 / 65%);
}
.product-quote-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  font-size: 28px;
}
.product-quote h2 {
  padding-right: 32px;
}
.product-quote .form-legal {
  margin-bottom: 0;
}
.quote-options {
  min-width: 0;
  margin: 16px 0;
  padding: 10px 12px;
  border: 1px solid #dce5de;
}
.quote-options legend {
  padding: 0 4px;
  color: #345441;
  font-size: 12px;
  font-weight: 800;
}
.quote-options-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}
.product-quote-form {
  scroll-margin-top: 105px;
}
.product-quote-form .quote-option {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  gap: 6px;
  margin: 0;
  cursor: pointer;
}
.quote-option input[type="checkbox"],
.quote-option input[type="radio"] {
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 0;
  padding: 0;
  accent-color: var(--forest);
}
.quote-other-currency {
  margin-top: 8px;
}
.contact-location {
  grid-column: 1 / -1;
}
.contact-location address {
  font-style: normal;
}
.contact-map {
  display: block;
  width: 100%;
  height: 300px;
  margin-top: 8px;
  border: 0;
}
@media (max-width: 960px) {
  .home-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .home-product-grid { grid-template-columns: 1fr; }
}

/* Why Sri Lankan coconuts */
  .hl-why, .hl-why * { box-sizing: border-box; }
  .hl-why { --hl-forest:#17382f; --hl-ink:#243b31; --hl-muted:#66756a; --hl-line:#dfe5d9; --hl-ivory:#f8f7f1; --hl-gold:#b88c53; color:var(--hl-ink); background:var(--hl-ivory); font-family:Arial,Helvetica,sans-serif; padding:96px 26px 92px; }
  .hl-why a { text-decoration:none; }
  .hl-why .hl-shell { max-width:1210px; margin:auto; }
  .hl-why .hl-eyebrow { display:flex; align-items:center; gap:12px; color:#7f6845; text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:700; }
  .hl-why .hl-eyebrow:before { content:""; height:1px; width:32px; background:var(--hl-gold); }
  .hl-why .hl-heading { display:grid; grid-template-columns:1.24fr .76fr; align-items:end; gap:56px; margin:24px 0 42px; }
  .hl-why h2,.hl-why h3,.hl-why p { margin:0; }
  .hl-why h2 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(42px,5.8vw,76px); font-weight:400; letter-spacing:-.053em; line-height:1.04; max-width:770px; }
  .hl-why h2 em { color:#a6814a; font-weight:400; }
  .hl-why .hl-lead { color:#66756a; font-size:16px; line-height:1.85; max-width:420px; padding-bottom:7px; }
  .hl-why .hl-visual { position:relative; display:grid; grid-template-columns:1.1fr .9fr; min-height:440px; overflow:hidden; border-radius:9px; background:#254a3d; }
  .hl-why .hl-photo { position:relative; isolation:isolate; overflow:hidden; background:#375a48; }
  .hl-why .hl-photo img { width:100%; height:100%; position:absolute; inset:0; display:block; object-fit:cover; }
  .hl-why .hl-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(9,34,26,.82),transparent 62%); z-index:1; }
  .hl-why .hl-photo-caption { position:absolute; left:37px; bottom:35px; right:35px; z-index:2; color:white; }
  .hl-why .hl-photo-caption span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.18em; opacity:.82; margin-bottom:10px; }
  .hl-why .hl-photo-caption strong { display:block; font-family:Georgia,'Times New Roman',serif; font-size:clamp(25px,3vw,37px); font-weight:400; line-height:1.15; }
  .hl-why .hl-panel { padding:52px 56px; background:var(--hl-forest); color:#f5f4e9; display:flex; flex-direction:column; justify-content:center; }
  .hl-why .hl-panel-overline { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#c6ad7c; margin-bottom:24px; }
  .hl-why .hl-panel h3 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(29px,3.3vw,43px); font-weight:400; line-height:1.18; letter-spacing:-.025em; max-width:420px; }
  .hl-why .hl-panel p { margin-top:21px; font-size:15px; line-height:1.9; color:#d8e1d7; max-width:420px; }
  .hl-why .hl-signature { margin-top:34px; display:flex; align-items:center; gap:13px; font-size:11px; color:#ebdfc5; text-transform:uppercase; letter-spacing:.14em; }
  .hl-why .hl-signature svg { flex:none; }
  .hl-why .hl-section-label { margin:63px 0 23px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .hl-why .hl-section-label h3 { font-family:Georgia,'Times New Roman',serif; font-size:33px; font-weight:400; letter-spacing:-.025em; }
  .hl-why .hl-section-label span { color:#879387; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
  .hl-why .hl-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--hl-line); border-left:1px solid var(--hl-line); }
  .hl-why .hl-benefit { min-height:228px; padding:31px 30px 30px; border-right:1px solid var(--hl-line); border-bottom:1px solid var(--hl-line); display:flex; flex-direction:column; align-items:flex-start; transition:background .2s; }
  .hl-why .hl-benefit:hover { background:#f0f1e9; }
  .hl-why .hl-benefit-top { display:flex; width:100%; justify-content:space-between; align-items:center; color:var(--hl-forest); }
  .hl-why .hl-benefit-top svg { width:27px; height:27px; stroke:#8b9a87; stroke-width:1.35; fill:none; stroke-linecap:round; stroke-linejoin:round; }
  .hl-why .hl-num { font-size:12px; color:#ba9e76; letter-spacing:.12em; }
  .hl-why .hl-benefit h4 { margin:29px 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:22px; font-weight:400; letter-spacing:-.015em; }
  .hl-why .hl-benefit p { color:#788278; line-height:1.7; font-size:13px; max-width:315px; }
  .hl-why .hl-cta { margin-top:49px; background:#dfebd8; padding:33px 38px; display:flex; align-items:center; gap:25px; border-radius:6px; }
  .hl-why .hl-cta-copy { flex:1; }
  .hl-why .hl-cta-copy strong { display:block; font-family:Georgia,'Times New Roman',serif; font-weight:400; color:var(--hl-forest); font-size:26px; margin-bottom:7px; }
  .hl-why .hl-cta-copy span { color:#617360; font-size:13px; line-height:1.6; }
  .hl-why .hl-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .hl-why .hl-button { white-space:nowrap; min-height:47px; display:inline-flex; justify-content:center; align-items:center; gap:13px; padding:0 20px; border-radius:3px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; transition:transform .16s,background .16s; }
  .hl-why .hl-button:hover { transform:translateY(-2px); }
  .hl-why .hl-button-primary { background:var(--hl-forest); color:white; }
  .hl-why .hl-button-secondary { border:1px solid #88a08a; color:var(--hl-forest); }
  .hl-why .hl-disclaimer { margin-top:17px; color:#8c968a; font-size:11px; line-height:1.6; }
  @media (max-width:950px) {
    .hl-why { padding:70px 20px; }
    .hl-why .hl-heading { grid-template-columns:1fr; gap:20px; }
    .hl-why .hl-lead { max-width:730px; }
    .hl-why .hl-panel { padding:38px 33px; }
    .hl-why .hl-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hl-why .hl-cta { align-items:flex-start; flex-direction:column; }
  }
  @media (max-width:620px) {
    .hl-why { padding:56px 16px; }
    .hl-why .hl-heading { margin-bottom:28px; }
    .hl-why h2 { font-size:43px; }
    .hl-why .hl-visual { grid-template-columns:1fr; }
    .hl-why .hl-photo { min-height:345px; }
    .hl-why .hl-photo-caption { left:25px; bottom:24px; }
    .hl-why .hl-panel { padding:32px 26px 37px; }
    .hl-why .hl-section-label { align-items:flex-end; margin-top:46px; }
    .hl-why .hl-section-label h3 { font-size:28px; }
    .hl-why .hl-benefits { grid-template-columns:1fr; }
    .hl-why .hl-benefit { min-height:0; padding:28px 24px; }
    .hl-why .hl-benefit h4 { margin-top:18px; }
    .hl-why .hl-cta { padding:27px 24px; margin-top:35px; }
    .hl-why .hl-actions { width:100%; }
    .hl-why .hl-button { flex:1; }
  }