:root{--ink:#182b3a;--navy:#152b3a;--lime:#e0edaf;--line:#e0e6e9;--muted:#68777c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;color:var(--ink);background:#f6f8f9;font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button{border:0;background:none;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #819c58;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #819c58}h1,h2,h3,p{margin:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}.utility{display:flex;justify-content:space-between;padding:8px 36px;background:#eaf0ef;color:#526266;font-size:12px}header{position:sticky;top:0;z-index:20;background:var(--navy);color:white}.top{display:flex;align-items:center;gap:27px;padding:20px 36px;max-width:1640px;margin:auto}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand img{width:63px;height:43px;object-fit:contain;background:#fff;border-radius:2px}.brand>span{font-size:20px;font-weight:800;line-height:1.05;letter-spacing:1.3px}.brand small{display:block;font-size:11px;letter-spacing:4.3px;font-weight:400;margin-top:7px}.location{white-space:nowrap;font-size:14px}.location span,.help small{font-size:12px;color:#b7c6cc;display:block}.help{white-space:nowrap;font-size:14px}#search-form{display:flex;flex:1;min-width:120px;height:48px;background:white;border-radius:6px;overflow:hidden;color:var(--ink)}#search-form input{border:0;background:transparent;min-width:0;width:100%;padding:12px 16px;font-size:14px;outline:none}#search-form button{display:grid;place-items:center;padding:0 17px;background:var(--lime)}.cart-button{display:flex;align-items:center;gap:7px;position:relative;white-space:nowrap;font-size:14px}.cart-button svg{width:28px;height:28px}.cart-button>span{position:absolute;left:20px;top:-10px;border-radius:9px;min-width:18px;text-align:center;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;padding:0 3px}nav{display:flex;gap:28px;padding:0 36px;border-top:1px solid #ffffff15;align-items:center;overflow:auto;white-space:nowrap;scrollbar-width:none;font-size:14px}nav button,nav a{padding:12px 0;flex-shrink:0}nav button:hover,nav a:hover{color:var(--lime)}nav>span{margin-left:auto;font-size:12px;color:#c5d3d4}#menu-button{font-weight:600;border-right:1px solid #ffffff25;padding-right:24px}main{max-width:1540px;margin:auto;padding:24px 36px 45px}.hero{display:grid;grid-template-columns:1.17fr 1.06fr .75fr;border-radius:9px;overflow:hidden;background:#e8f0ec;min-height:375px}.hero-copy{padding:36px 0 30px 33px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#60755b}.hero h1{font-size:clamp(34px,3.5vw,52px);font-weight:750;line-height:1.12;letter-spacing:-2px;margin:22px 0 18px}.hero h1 em{font-style:normal;color:#56774b}.hero-copy p{font-size:15px;color:#60706a;line-height:1.7}.primary{background:var(--navy);color:white;border-radius:5px;padding:13px 20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:25px;justify-content:center;min-height:45px}.primary:hover{background:#294858}.hero-copy .primary{margin:24px 0 17px}.hero-copy>small{font-size:12px;display:block;color:#687b71}.hero-picture{position:relative;display:flex;align-items:center;padding:20px 12px 70px;min-width:0}.hero-picture>img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}#hero-detail{position:absolute;left:15px;right:15px;bottom:23px;display:flex;align-items:center;justify-content:space-between;background:#ffffffde;padding:13px 17px;border-radius:7px;text-align:left;border:1px solid #ffffff80;backdrop-filter:blur(7px)}#hero-detail small{font-size:9px;letter-spacing:1.2px;display:block;color:#708064}#hero-detail b{display:block;font-size:17px;margin-top:4px}.round{display:grid;place-items:center;background:var(--lime);border-radius:50%;width:34px;height:34px;font-size:21px}.hero-side{border-left:7px solid #f6f8f9;background:#e3e9df;padding:26px 25px 22px;display:flex;flex-direction:column;align-items:flex-start}.hero-side .eyebrow{font-size:9px;max-width:160px}.hero-side h2{font-size:28px;letter-spacing:-.6px;line-height:1.17;margin:15px 0 10px}.hero-side p{font-size:14px;color:#64715f}.hero-side img{width:100%;height:125px;object-fit:contain;mix-blend-mode:multiply;margin:8px 0}.hero-side button{font-size:14px;font-weight:600;margin-top:auto;padding:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;border-bottom:1px solid var(--line);gap:16px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits>div>span{font-size:28px;color:#6c8256}.benefits b{font-size:13px;display:block}.benefits small{display:block;font-size:11px;color:#7c898c;margin-top:2px}.category-section{padding:30px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.section-title h2{font-size:24px;letter-spacing:-.5px;font-weight:650}.section-title>button{font-size:14px;color:#537344;font-weight:600}#category-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.cat-tile{padding:0;text-align:center;min-width:0}.cat-tile>div{display:grid;place-items:center;background:#fff;border:1px solid #e3e9eb;border-radius:7px;padding:12px;aspect-ratio:1.16;transition:transform .2s}.cat-tile img{width:100%;height:100px;object-fit:contain}.cat-tile:hover>div{transform:translateY(-3px);border-color:#859c69}.cat-tile strong{font-size:13px;font-weight:600;display:block;margin-top:11px;line-height:1.4}#catalogue{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:150px}#results-title{margin-top:6px}#results-count{font-size:14px;color:#7c888d;margin-top:7px}.sort-label select{background:white;color:var(--ink);padding:9px 13px;border:1px solid var(--line);border-radius:5px;font-size:13px}.catalog-body{display:grid;grid-template-columns:195px minmax(0,1fr);gap:28px}aside{padding-right:22px;border-right:1px solid var(--line)}aside>h3{font-size:15px;margin-bottom:15px}#filters button{display:flex;width:calc(100% + 12px);align-items:center;justify-content:space-between;gap:5px;padding:9px 6px;margin-left:-6px;text-align:left;font-size:13px;border-radius:4px;color:#66767b}#filters button.active{background:#e7efdf;color:#3e5c30;font-weight:700}#filters button:hover{background:#e9efeb}#filters button span{font-size:11px;color:#8c969b}.bulk-help{background:#e9f0e3;border-radius:6px;padding:20px 14px;margin-top:27px}.bulk-help h3{font-size:16px;margin-bottom:9px}.bulk-help p{font-size:14px;color:#687960;line-height:1.7}.bulk-help a{font-size:13px;display:block;font-weight:600;margin-top:15px}#products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{background:#fff;border:1px solid #e1e7e9;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.product:hover{box-shadow:0 5px 20px #12314010}.photo{position:relative;padding:16px 10px 5px;width:100%;height:205px;background:white}.photo img{width:100%;height:100%;object-fit:contain}.tag{position:absolute;top:10px;left:10px;background:#edf3e5;color:#5b7743;font-size:8px;font-weight:700;letter-spacing:.7px;padding:4px 6px;border-radius:3px}.product-info{padding:13px;display:flex;flex-direction:column;flex:1}.product-info>small{font-size:12px;color:#869398}.product-name{font-size:15px;font-weight:600;line-height:1.5;text-align:left;margin-top:7px;padding:0;min-height:45px}.product-name:hover{color:#5f7a44}.price{margin-top:auto;padding:17px 0 14px}.price b{font-size:14px;display:block;color:#48663b}.price span{font-size:12px;display:block;margin-top:3px;color:#8c969a}.add{border:1px solid #d7e3ad;background:#e3edbf;border-radius:5px;width:100%;padding:10px 6px;font-size:13px;font-weight:600}.add:hover{background:#d7e6a3}#active-filter{font-size:13px;display:flex;gap:12px;align-items:center;margin-bottom:15px}#active-filter:empty{display:none}#active-filter button{color:#637950;text-decoration:underline}#pagination{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#75838a}#pagination>div{display:flex;gap:15px;align-items:center}#pagination button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px 12px}.bulk-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e5ecdf;border:1px solid #d9e3d0;border-radius:8px;padding:32px 35px;margin-top:42px}.bulk-banner h2{font-size:25px;letter-spacing:-.5px;margin:6px 0 8px}.bulk-banner p{font-size:14px;color:#6a7b62}footer{background:var(--navy);color:#cdd9dc}.footer-grid{display:grid;grid-template-columns:1.1fr .75fr 1.15fr 1fr;gap:46px;max-width:1500px;margin:auto;padding:44px 36px}.footer-grid p{font-size:13px;line-height:1.8;color:#adbec5;margin-top:17px}.footer-grid h3{font-size:15px;color:white;margin-bottom:18px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{display:block;padding:0;text-align:left;font-size:13px;margin:12px 0;overflow-wrap:anywhere}.footer-grid a:hover,.footer-grid button:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff15;padding:18px 36px;font-size:12px;color:#9fb1b9}.floating{position:fixed;right:23px;bottom:23px;z-index:25;background:#26623f;color:#fff;font-size:13px;font-weight:600;padding:13px 19px;border-radius:35px;box-shadow:0 3px 15px #173e2922}dialog{border:0;border-radius:10px;padding:30px;max-width:900px;width:calc(100% - 36px);max-height:90dvh;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10233090;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:12px;top:9px;font-size:28px;line-height:35px;width:35px;z-index:3;color:#657780}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-main{width:100%;height:340px;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:15px}.thumbs button{border:1px solid #d8e2d6;border-radius:5px;padding:4px;max-width:85px}.thumbs button.selected{border:2px solid #6d8950}.thumbs img{width:100%;height:60px;object-fit:contain}.detail-info>h2{font-size:27px;letter-spacing:-.6px;line-height:1.25;margin:10px 0 17px}.detail-info>p{font-size:14px;color:#6f7c82;line-height:1.7}.detail-price{background:#f0f5e9;padding:15px;border-radius:5px;margin:20px 0;font-size:17px;font-weight:600;color:#587444}.detail-price small{display:block;font-size:12px;font-weight:400;color:#7a8772;margin-top:5px}.detail-info label{display:block;font-size:14px;margin:15px 0 7px}.detail-info input,.cart-note{width:100%;padding:11px;border:1px solid #d9e1e1;border-radius:5px;font-size:14px}.detail-info .quantity{width:95px}.detail-info .primary{margin-top:20px;width:100%}.detail-wa{display:block;text-align:center;padding:11px;margin-top:10px;border:1px solid #d7e1d2;border-radius:5px;color:#4d713b;font-size:14px}.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;max-width:510px;width:100%;padding:0}.drawer-header{padding:27px 25px 22px;border-bottom:1px solid var(--line)}.drawer-header h2{font-size:24px;letter-spacing:-.4px}.drawer-header p{font-size:14px;color:#7c898e;margin-top:7px}.menu{margin:0 auto 0 0;max-width:350px}#menu-categories{padding:12px 24px}#menu-categories button{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid var(--line);padding:13px 0;text-align:left;font-size:14px}.cart-items{padding:0 24px}.cart-item{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.cart-item>img{width:90px;height:100px;object-fit:contain}.cart-item h3{font-size:15px;line-height:1.4}.cart-item p{font-size:13px;color:#6f8169;margin:6px 0;overflow-wrap:anywhere}.cart-item label{font-size:12px;color:#788680}.cart-item input{width:65px;border:1px solid var(--line);border-radius:4px;padding:6px;font-size:14px;margin:5px 8px 0}.remove{font-size:12px;text-decoration:underline;color:#7d888c}.notes-wrap{padding:20px 25px;font-size:13px}.notes-wrap label{display:block;margin-bottom:8px}.cart-summary{background:#f3f7ed;border-top:1px solid var(--line);padding:24px;margin-top:10px}.cart-summary>b{display:block;font-size:17px}.cart-summary p{font-size:13px;color:#718166;line-height:1.7;margin:9px 0 17px}.checkout{display:block;background:#286140;color:white;font-size:14px;font-weight:600;padding:14px;border-radius:5px;text-align:center}.cart-summary small{font-size:12px;text-align:center;display:block;color:#788972;line-height:1.6;margin-top:12px}.empty{padding:45px 22px;text-align:center;grid-column:1/-1;background:#fff;border-radius:6px}.empty h3{font-size:21px}.empty p{font-size:14px;color:#7a888c;margin:15px 0 20px}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;background:var(--navy);color:white;padding:13px 22px;border-radius:6px;box-shadow:0 3px 20px #0002;font-size:14px;display:none;max-width:90%;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-60px;left:12px;background:white;padding:12px;z-index:90}.skip:focus{top:10px}
@media(max-width:1200px){.location{display:none}.top{gap:22px}nav{gap:23px}nav>span{display:none}#products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:40px}.hero-copy{padding-left:26px}.hero-side{padding:25px 20px}.category-section{padding:25px 0}.cat-tile img{height:85px}.footer-grid{gap:27px}.benefits b{font-size:12px}.benefits small{font-size:11px}}
@media(max-width:850px){main{padding:20px 22px 35px}.top{flex-wrap:wrap;padding:18px 22px}.help{margin-left:auto}#search-form{order:5;flex-basis:100%;height:44px}.cart-button b{display:none}nav{padding:0 22px}.utility{padding:8px 22px}.hero{grid-template-columns:1.15fr 1fr}.hero-side{display:none}.hero-copy{padding:28px 0 28px 24px}.hero h1{font-size:39px}.hero .eyebrow{font-size:8px}.hero-copy p{font-size:14px}.hero-picture{padding-bottom:65px}.benefits{grid-template-columns:repeat(2,1fr);row-gap:20px}.benefits>div{justify-content:flex-start;padding-left:12px}.benefits>div:nth-child(2){border:0}#category-tiles{grid-template-columns:repeat(4,1fr);gap:20px 14px}.cat-tile>div{aspect-ratio:1.5}.cat-tile img{height:90px}.catalog-body{grid-template-columns:1fr}aside{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.bulk-banner{padding:26px}.bulk-banner h2{font-size:22px}.bulk-banner .primary{font-size:12px;white-space:nowrap}#catalogue{scroll-margin-top:190px}.detail-main{height:270px}}
@media(max-width:580px){.utility{font-size:11px;padding:7px 15px}.utility>a{display:none}.top{padding:16px 15px 12px;gap:15px}.brand img{width:50px;height:34px}.brand>span{font-size:17px}.brand small{font-size:9px;letter-spacing:3.5px;margin-top:5px}.help{font-size:12px}.help small{font-size:10px}#search-form input{font-size:13px;padding:10px 12px}nav{padding:0 15px;font-size:13px;gap:21px}nav button,nav a{padding:10px 0}main{padding:13px 14px 28px}.hero{grid-template-columns:1fr}.hero-copy{padding:25px 21px 10px}.hero h1{font-size:38px;letter-spacing:-1.5px;margin:16px 0 14px}.hero-copy p{font-size:14px}.hero-copy .primary{margin:19px 0 14px;font-size:13px;padding:12px 16px}.hero-copy>small{font-size:11px}.hero-picture{height:210px;padding:0 25px 25px}.hero-picture>img{height:200px}#hero-detail{left:auto;right:15px;bottom:15px;min-width:185px;padding:10px 12px}#hero-detail small{font-size:7px}#hero-detail b{font-size:14px}.round{width:28px;height:28px;margin-left:13px}.benefits{gap:17px 7px;padding:21px 0}.benefits>div{gap:8px;padding-left:3px}.benefits b{font-size:11px}.benefits small{font-size:10px;max-width:125px}.benefits>div>span{font-size:23px}.section-title{gap:10px;margin-bottom:18px}.section-title h2{font-size:21px}.section-title>button{font-size:12px}.category-section{padding:23px 0}#category-tiles{gap:17px 10px}.cat-tile>div{aspect-ratio:1;padding:6px}.cat-tile img{height:65px}.cat-tile strong{font-size:11px;margin-top:8px}#catalogue{padding-top:23px;scroll-margin-top:175px}#catalogue>.section-title{align-items:flex-start;flex-direction:column;gap:15px}#results-title{font-size:22px}#results-count{font-size:13px}.sort-label{align-self:flex-end}.sort-label select{font-size:13px;padding:7px 11px}#products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.photo{height:157px;padding:20px 7px 5px}.tag{font-size:6px;left:7px;top:7px;padding:3px 4px}.product-info{padding:11px}.product-info>small{font-size:11px}.product-name{font-size:14px;min-height:60px}.price{padding:13px 0 12px}.price b{font-size:13px}.price span{font-size:11px}.add{font-size:12px;padding:9px 3px}#pagination{flex-direction:column;font-size:12px}#pagination>div{width:100%;justify-content:space-between;gap:8px}.bulk-banner{display:block;padding:24px 20px;margin-top:30px}.bulk-banner h2{font-size:24px;max-width:240px}.bulk-banner p{font-size:13px}.bulk-banner .primary{margin-top:20px;font-size:13px}.footer-grid{padding:30px 22px;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:nth-child(3){grid-column:1/-1;grid-row:3}.footer-grid>div:nth-child(4){grid-row:2;grid-column:2}.footer-grid p,.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:12px}.footer-grid h3{font-size:14px}.footer-bottom{padding:18px 22px 85px;flex-direction:column;font-size:11px;gap:7px}.floating{right:15px;bottom:16px;font-size:12px;padding:11px 15px}dialog{padding:25px 20px;max-height:90dvh}#detail-content{grid-template-columns:1fr;gap:23px}.detail-main{height:220px}.thumbs img{height:45px}.detail-info>h2{font-size:24px}.drawer{width:100%;max-width:100%;padding:0;max-height:100dvh}.menu{max-width:90%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-description{white-space:pre-line}.admin-entry{padding:16px 0 0;border-top:1px solid #ffffff22;margin:20px 0 0;font-size:13px}.admin-entry a{color:#c4d3dc}.hero-picture[hidden],.hero-side[hidden]{display:none}
/* All saved categories are visible, with readable cards on every screen size. */
#category-count{font-size:14px;color:#5b707b}
#category-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}
.cat-tile>div{aspect-ratio:1.3}
.cat-tile img{height:128px}
.cat-tile strong{font-size:14px;line-height:1.5}
.cat-tile small{display:block;font-size:14px;color:#657780;margin-top:3px}
.cat-tile:focus-visible{outline:3px solid #426942;outline-offset:5px;border-radius:6px}
@media(max-width:1024px){#category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.cat-tile img{height:110px}}
@media(max-width:600px){#category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.cat-tile>div{aspect-ratio:1.3;padding:10px}.cat-tile img{height:110px}.cat-tile strong{font-size:14px}.category-section .section-title{gap:12px;align-items:center}#category-count{white-space:nowrap}}

header [data-cat][hidden],footer [data-cat][hidden],.hero-side [data-cat][hidden]{display:none}
/* Category pages and an expanded product gallery. */
#categories{scroll-margin-top:150px}
.cat-tile{display:block;color:inherit;text-decoration:none}
.hero-side a[data-cat]{font-size:14px;font-weight:600;margin-top:auto;padding:0}
.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:4px 0 24px;font-size:14px;color:#687b85;line-height:1.6}
.page-breadcrumb a{color:#35566b;text-decoration:none}
.page-breadcrumb a:hover{text-decoration:underline}
.page-breadcrumb [aria-current=page]{color:#172f3f;font-weight:600}
body[data-page=catalogue] #catalogue{border-top:0;padding-top:5px}
#catalogue .section-title h1{font-size:32px;letter-spacing:-.6px;line-height:1.25;font-weight:700;margin:8px 0}
#filters a{display:flex;width:calc(100% + 12px);align-items:center;justify-content:space-between;gap:8px;padding:10px 6px;margin-left:-6px;text-align:left;font-size:14px;border-radius:4px;color:#526975;line-height:1.4;text-decoration:none}
#filters a.active{background:#e7efdf;color:#3e5c30;font-weight:700}
#filters a:hover{background:#e9efeb}
#filters a span{font-size:13px;color:#71808a}
#active-filter a{font-size:14px;color:#49683a;text-decoration:underline}
#menu-categories a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 25px;color:#294958;border-bottom:1px solid #e4eaee;font-size:16px;text-decoration:none}
#menu-categories a:hover,#menu-categories a[aria-current=page]{background:#edf3e8}
#products{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.product .photo{height:300px;padding:18px 14px 8px}
.product-info{padding:17px}
.product-info>small{font-size:14px}
.product-name{font-size:16px;min-height:48px}
.unavailable-category{padding:70px 20px;text-align:center;max-width:700px;margin:auto}
.unavailable-category h1{font-size:30px;line-height:1.3}
.unavailable-category p{font-size:16px;line-height:1.7;margin:18px 0 25px;color:#617987}
.unavailable-category>a{margin:10px;display:inline-flex}
.catalogue-help{display:block;margin-top:18px;font-size:15px;text-decoration:underline}
#category-tiles>.empty{grid-column:1/-1}
#details{max-width:1360px;width:calc(100% - 40px);max-height:94dvh;padding:48px 30px 28px}
#details #detail-content{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:34px;align-items:start}
.detail-gallery{min-width:0}
.detail-photo-button{position:relative;width:100%;display:block;padding:0 0 35px;background:white;border:1px solid #e3eaed;border-radius:9px;cursor:zoom-in}
#details .detail-main{display:block;width:100%;height:min(65dvh,700px);min-height:360px;object-fit:contain;padding:10px}
.detail-photo-button>span{position:absolute;bottom:11px;left:0;width:100%;font-size:14px;font-weight:600;color:#3d6747;text-align:center}
#details .thumbs{overflow-x:auto;padding:3px;gap:12px}
#details .thumbs button{flex:0 0 84px;max-width:none}
#details .thumbs img{height:72px}
#details .close{position:absolute;width:40px;height:40px;top:6px;right:12px;background:#f0f4f5;border-radius:50%;font-size:28px;line-height:40px}
#details .detail-info>h2{font-size:29px;line-height:1.3}
#details .detail-info>p{font-size:16px}
#photo-viewer{width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden}
#photo-viewer[open]{display:flex;flex-direction:column}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;background:#152b3a;color:white;flex:0 0 auto}
.viewer-toolbar h2{font-size:19px;font-weight:600;line-height:1.4;margin:0;overflow-wrap:anywhere}
.viewer-toolbar p{font-size:14px;color:#c8d6dc;margin-top:4px}
.viewer-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
#viewer-zoom{padding:10px 16px;font-size:14px;border:1px solid #8599a4;border-radius:6px;min-height:42px}
.viewer-close{font-size:31px;line-height:40px;width:44px;height:44px;background:#ffffff15;border-radius:6px}
.viewer-body{position:relative;flex:1;min-height:0;background:#fff;overflow:hidden}
.photo-stage{width:100%;height:100%;overflow:auto;overscroll-behavior:contain}
#viewer-photo{display:block;width:100%;height:100%;padding:12px;cursor:zoom-in}
#viewer-image{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.photo-stage.zoomed #viewer-photo{width:200%;height:200%;cursor:zoom-out}
.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:50px;font-size:36px;line-height:1;background:#fffffff0;box-shadow:0 1px 12px #15304026;border:1px solid #d9e2e8;border-radius:7px;color:#173449;z-index:2}
.viewer-previous{left:15px}.viewer-next{right:15px}
.viewer-nav[hidden]{display:none}
.viewer-thumbs{flex:0 0 auto;display:flex;justify-content:center;overflow-x:auto;border-top:1px solid #e1e8ec;margin:0;padding:10px 15px;background:#f8fafb;gap:12px}
.viewer-thumbs button{flex:0 0 80px;max-width:none;background:#fff}
.viewer-thumbs img{height:62px}
#photo-viewer button:focus-visible,.detail-photo-button:focus-visible{outline:3px solid #91b778;outline-offset:-3px}
@media(max-width:1100px){#products{grid-template-columns:repeat(2,minmax(0,1fr))}.product .photo{height:280px}}
@media(max-width:850px){#details{width:calc(100% - 24px);padding:48px 22px 25px}#details #detail-content{grid-template-columns:1fr;gap:25px}#details .detail-main{height:min(65dvh,620px);min-height:320px}.viewer-toolbar{padding:12px 16px}.viewer-toolbar h2{font-size:17px}}
@media(max-width:580px){#catalogue .section-title h1{font-size:28px}.page-breadcrumb{margin:4px 0 18px;gap:8px}#products{gap:13px}.product .photo{height:220px;padding:14px 7px 6px}.product-info{padding:12px}.product-name{font-size:15px}.product-info>small{font-size:13px}#details{width:calc(100% - 12px);max-height:96dvh;padding:48px 13px 22px}#details .detail-main{height:60dvh;min-height:300px}#details .detail-info>h2{font-size:25px}#details .thumbs button{flex-basis:75px}#details .thumbs img{height:62px}.viewer-toolbar{align-items:flex-start;gap:10px;padding:12px}.viewer-toolbar h2{font-size:16px}.viewer-actions{gap:6px}#viewer-zoom{padding:9px 10px}.viewer-close{width:38px}.viewer-nav{width:38px;height:44px}.viewer-previous{left:8px}.viewer-next{right:8px}.viewer-thumbs{justify-content:flex-start;padding:8px 12px;gap:8px}.viewer-thumbs button{flex-basis:66px}.viewer-thumbs img{height:50px}.unavailable-category{padding:42px 10px}.unavailable-category h1{font-size:26px}}

/* Owner-selected homepage photos, kept complete without cropping. */
/* Business introduction, with the same navy and lime as the storefront. */
.about-section{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:42px;margin-top:28px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:9px;scroll-margin-top:20px}
.about-copy{align-self:center;min-width:0}
.about-kicker{font-size:14px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#526f43}
.about-copy h2{font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 16px}
.about-copy p:not(.about-kicker){font-size:16px;line-height:1.8;color:#536973;margin-top:16px}
.about-copy .about-intro{font-size:20px!important;line-height:1.5!important;font-weight:600;color:var(--ink)!important;max-width:540px}
.about-copy .primary{margin-top:24px;font-size:16px;min-height:46px}
.about-contact{background:var(--navy);color:#fff;border-radius:8px;padding:30px;min-width:0}
.about-logo{display:block;width:144px;height:82px;object-fit:contain;background:white;border-radius:5px;padding:5px;margin-bottom:24px}
.about-contact h3{font-size:21px;line-height:1.4;margin-bottom:14px}
.about-contact address{font-style:normal;font-size:16px;line-height:1.8;color:#d0dde1;overflow-wrap:anywhere}
.about-contact-label{font-size:14px;color:#b6c8d0;margin-top:23px;margin-bottom:5px}
.about-phone{display:block;width:fit-content;font-size:17px;font-weight:600;line-height:1.7;padding:7px 0;min-height:44px}
.about-phone:hover{text-decoration:underline;text-underline-offset:4px}
.about-whatsapp{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--lime);color:var(--navy);font-size:16px;font-weight:600;border-radius:5px;min-height:46px;padding:12px 16px;margin-top:22px}
.about-whatsapp:hover{background:#cfdf9a}
.menu-about{display:block;padding:15px 25px;border-bottom:1px solid var(--line);font-size:16px;font-weight:600;color:#294958;background:#edf3e8}
.menu-about:hover{background:#e0edaf}
@media(max-width:850px){.about-section{grid-template-columns:1fr;gap:28px;padding:28px;scroll-margin-top:40px}.about-contact{padding:28px}.about-copy h2{font-size:30px}}
@media(max-width:580px){.about-section{padding:24px 20px;gap:26px;margin-top:16px}.about-copy h2{font-size:28px}.about-copy .about-intro{font-size:19px!important}.about-contact{padding:24px 20px}.about-copy .primary{width:100%}}

.hero-carousel{height:auto;min-width:0;padding:24px 14px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}
/* Google Maps and directions to the Park Town store. */
.location-section{margin-top:36px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:9px;scroll-margin-top:20px}
.location-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}
.location-heading>div{min-width:0}
.location-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.5px;margin:9px 0 12px}
.location-heading address{font-style:normal;font-size:16px;line-height:1.8;color:#536973;overflow-wrap:anywhere}
.location-heading .primary{font-size:16px;min-height:48px;flex-shrink:0}
.store-map{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#eaf0ef;min-height:380px}
.store-map iframe{display:block;width:100%;height:380px;border:0}
.map-link{margin-top:12px;font-size:15px}
.map-link a{display:inline-flex;align-items:center;min-height:44px;color:#355b44;text-decoration:underline;text-underline-offset:4px}
.about-directions{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--lime);text-decoration:underline;text-underline-offset:4px;margin-top:9px}
.footer-grid>div>a.footer-directions{min-height:44px;display:flex;align-items:center;color:var(--lime);font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.location-section{scroll-margin-top:40px}.location-heading{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:580px){.location-section{padding:24px 16px;margin-top:24px}.location-heading h2{font-size:25px}.location-heading .primary{width:100%}.store-map{min-height:320px}.store-map iframe{height:320px}}

.hero-carousel[hidden]{display:none}
.carousel-stage{width:100%;aspect-ratio:4/3;background:white;border-radius:8px;overflow:hidden;touch-action:pan-y pinch-zoom}
.carousel-stage figure{margin:0;width:100%;height:100%;display:grid;place-items:center}
.carousel-stage figure[hidden]{display:none}
.carousel-stage img{width:100%;height:100%;min-height:0;object-fit:contain}
.carousel-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:12px 0;font-size:14px}
.carousel-caption{font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.carousel-count{white-space:nowrap;color:#52665b;font-variant-numeric:tabular-nums}
.carousel-controls{display:flex;gap:8px}
.carousel-controls button{flex:1;min-height:44px;padding:8px 10px;border:1px solid #b8c9bd;background:#ffffffb8;border-radius:6px;font-size:14px}
.carousel-controls button:hover{background:white}
.carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;margin-top:8px}
.carousel-dots button{display:grid;place-items:center;width:24px;height:28px;padding:0}
.carousel-dots button span{display:block;width:7px;height:7px;border-radius:50%;background:#a7bbae}
.carousel-dots button[aria-pressed=true] span{width:17px;border-radius:4px;background:#244a3a}
.carousel-loading,.carousel-unavailable{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:14px;text-align:center;color:#4e6357}
.carousel-unavailable button{min-height:44px;background:white;padding:10px 20px;border:1px solid #b8c9bd;border-radius:6px}
.carousel-unavailable a{text-decoration:underline}
@media(max-width:580px){.hero-carousel{padding:14px 20px 20px;height:auto}.carousel-meta{margin:12px 0}.carousel-caption{font-size:15px}.carousel-stage{aspect-ratio:4/3}.carousel-controls button{font-size:14px}.carousel-loading,.carousel-unavailable{min-height:210px}}

/* Google rating snapshot checked on 7 October 2026; latest reviews open on Google. */
.reviews-section{margin-top:36px;padding:30px;background:#edf3e8;border:1px solid #d6e1d1;border-radius:9px;scroll-margin-top:20px}
.reviews-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.5px;margin:9px 0 10px}
.reviews-heading>p:last-child{font-size:16px;line-height:1.7;color:#536973}
.reviews-content{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr);gap:36px;margin-top:24px;align-items:center}
.reviews-rating{padding:28px;text-align:center;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}
.reviews-source{font-size:16px;font-weight:600;color:#536973;line-height:1.5}
.reviews-score{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:10px;line-height:1.2}
.reviews-score strong{font-size:58px;font-weight:700;letter-spacing:-2px}
.reviews-score span{font-size:20px;color:#65737d}
.reviews-stars{color:#a65f00;letter-spacing:5px;font-size:28px;line-height:1.5;margin:6px 0}
.reviews-count{font-size:16px;line-height:1.6}
.reviews-updated{font-size:14px;line-height:1.6;color:#61717a;margin-top:10px}
.reviews-rating .primary{display:flex;justify-content:center;align-items:center;font-size:16px;min-height:48px;margin-top:22px;padding:14px 18px}
.reviews-invitation{padding:12px 12px 12px 0;min-width:0;max-width:640px}
.reviews-invitation h3{font-size:25px;line-height:1.35;letter-spacing:-.4px;margin-bottom:14px}
.reviews-invitation>p{font-size:16px;line-height:1.8;color:#536973}
.reviews-write{display:inline-flex;justify-content:center;align-items:center;min-height:48px;margin-top:24px;padding:13px 22px;border:1px solid var(--navy);border-radius:5px;color:var(--navy);background:#fff;font-size:16px;font-weight:600;text-align:center}
.reviews-write:hover{background:var(--navy);color:#fff}
.reviews-section a:focus-visible{outline:3px solid #526f43;outline-offset:4px}
.reviews-invitation .reviews-signin{font-size:14px;margin-top:12px;line-height:1.6}
@media(max-width:850px){.reviews-section{scroll-margin-top:40px}.reviews-content{gap:24px;grid-template-columns:minmax(245px,1fr) minmax(0,1.2fr)}.reviews-rating{padding:24px 18px}.reviews-invitation h3{font-size:23px}}
@media(max-width:650px){.reviews-content{grid-template-columns:1fr;gap:24px}.reviews-invitation{padding:0}.reviews-write{width:100%}}
@media(max-width:580px){.reviews-section{padding:24px 16px;margin-top:24px}.reviews-heading h2{font-size:25px}.reviews-score strong{font-size:52px}.reviews-rating{padding:24px 16px}}