:root{font-family:Poppins,Arial,sans-serif;color:#282a29;background:#f6f6f6;--green:#84c157;--dark:#222522;--edge:#dedfda}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:0}
header{position:absolute;z-index:5;top:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;gap:24px;color:#fff;background:linear-gradient(#17191792,transparent)}
body:not(.home) header{position:relative;background:#252725}
.brand img{width:clamp(145px,15vw,220px)}nav,.header-actions{display:flex;align-items:center;gap:clamp(10px,1.9vw,34px)}nav a,nav summary{font-size:13px;font-weight:500}nav details{position:relative}nav summary{cursor:pointer;list-style:none}nav summary::after{content:"⌄";margin-left:6px}nav details div{position:absolute;top:130%;background:#262826;min-width:205px;padding:12px;box-shadow:0 5px 14px #0004}nav details a{display:block;padding:8px 9px}nav a:hover,nav summary:hover{color:var(--green)}
.icon-button{display:inline-flex;align-items:center;gap:5px;color:inherit;border:0;background:transparent;padding:6px;font-size:13px}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero{position:relative;display:grid;align-items:center;min-height:clamp(560px,83vh,900px);color:white;background-color:#3f3430;background-position:center;background-size:cover;isolation:isolate}
.hero::before{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(90deg,#151412c9 0%,#1716145e 55%,#17161423)}
.hero::after{position:absolute;inset:auto 0 -1px;content:"";height:50px;background:#f6f6f6;clip-path:polygon(0 100%,100% 100%,100% 0,77% 48%,56% 72%,32% 71%,13% 41%,0 19%);pointer-events:none}
.hero-copy{width:min(76%,1150px);margin:75px auto 40px}.hero h1{font-size:clamp(48px,7.5vw,110px);line-height:.99;letter-spacing:-.055em;margin:0 0 25px;max-width:900px}.hero p{max-width:560px;font:400 clamp(17px,1.65vw,23px)/1.55 Roboto,Arial,sans-serif;margin:0 0 29px}
.hero-control{position:absolute;top:49%;padding:8px 15px;color:#fff;background:transparent;border:0;font-size:37px;line-height:1}.hero-control:first-of-type{left:2%}.hero-control:nth-of-type(2){right:2%}
.hero-dots{position:absolute;bottom:60px;left:12%;display:flex;gap:10px}.hero-dots button{background:#fff5;border:1px solid #fff;width:12px;height:12px;padding:0;border-radius:50%}.hero-dots button[aria-pressed="true"]{background:white}
.action,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 20px;font-size:13px;font-weight:600;border:1px solid transparent;background:var(--green);color:#182313;line-height:1.25}.action:hover{background:#9bd477}.secondary{border-color:#cdcec9;background:#fff;color:#242624}.secondary:hover{border-color:#6a7967}.action:disabled{cursor:wait;opacity:.65}
.wrap{width:min(90%,1260px);margin-inline:auto}.intro{padding-block:68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.intro img{width:100%;height:350px;object-fit:cover}.intro p,.lead{line-height:1.8;color:#5b605a}h1,h2,h3,p{overflow-wrap:anywhere}h2{line-height:1.22;letter-spacing:-.035em}h1{line-height:1.12;letter-spacing:-.045em}
.section{padding-block:54px}.section-alt{background:#eeeFEB}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:23px}.section-heading h2,.section-heading p{margin:0}.section h2,.intro h2{font-size:clamp(27px,3vw,43px)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.card{background:white;display:flex;flex-direction:column;min-width:0}.card>a:first-child{overflow:hidden}.card img,.no-image{width:100%;aspect-ratio:1.25;object-fit:cover;background:#e9e8e0}.card img{transition:transform .25s}.card:hover img{transform:scale(1.035)}.card-body{padding:16px;display:grid;align-content:start;gap:8px;flex:1}.card h3{font-size:15px;margin:0;font-weight:600}.card p{font-size:13px;color:#575e55;margin:0}.card .secondary{width:max-content;min-height:34px;padding:6px 11px}
.catalog{padding-block:46px 75px}.catalog h1{font-size:clamp(34px,4.5vw,62px);margin:10px 0 20px}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.categories a{border:1px solid var(--edge);background:white;padding:7px 11px;font-size:13px}.categories a[aria-current="page"]{background:var(--green);border-color:var(--green)}
.filters{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:17px}.filters label{display:grid;gap:5px;font-size:13px}.filters input,.filters select,input[type="number"]{border:1px solid #bcbfb8;background:white;min-height:42px;padding:7px 10px;min-width:0}#results-count{color:#595f58;font-size:13px}.more{display:block;margin:24px auto 0}
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;padding-block:36px 75px}.product h1{font-size:clamp(30px,3.7vw,52px);margin:10px 0}.breadcrumbs{grid-column:1/-1;margin:0 0 17px;font-size:13px;color:#4d574b}.product-image{width:100%;max-height:560px;object-fit:contain;background:#e9e8e0}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.thumbs button{width:66px;padding:3px;border:1px solid #a9ada6;background:#fff}.thumbs button[aria-pressed="true"]{border:2px solid #50823e}.thumbs img{width:100%;height:52px;object-fit:cover}.description{font-size:14px;line-height:1.7;color:#535751}.options{display:grid;gap:8px;margin:18px 0}.option{display:grid;grid-template-columns:minmax(0,1fr) 75px;gap:10px;align-items:center;background:white;border:1px solid var(--edge);padding:10px 12px;font-size:14px}.option strong{display:block}.option input{width:100%}.option small,.sku{color:#586154}.sku{font-size:13px}.product form>button{margin-top:10px}
footer{background:#252725;color:#e4e5df;padding-block:49px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:20px}.footer-grid h2{font-size:18px;margin:0 0 13px}.footer-grid a{display:block;margin-bottom:7px}.footer-grid a:hover{text-decoration:underline}
#basket{inset:0 0 0 auto;max-height:100%;height:100%;width:min(100%,500px);max-width:100%;margin:0;border:0;padding:24px;background:#f6f6f6;box-shadow:-5px 0 30px #0003;color:inherit}#basket::backdrop{background:#1119}.basket-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);margin-bottom:20px}.basket-header h2{margin:0 0 15px}.close{border:0;background:transparent;font-size:29px}.basket-line{display:grid;grid-template-columns:65px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--edge);font-size:13px}.basket-line img{width:65px;height:59px;object-fit:cover}.basket-line input{width:72px;margin:5px 10px 0 0;min-height:30px}.text-button{border:0;background:transparent;color:#374632;text-decoration:underline;padding:0}.subtotal{display:flex;justify-content:space-between;font-weight:600}#basket-summary .action{width:100%}#checkout-message{font-size:13px}#notice:not(:empty){position:fixed;z-index:7;bottom:20px;right:20px;padding:11px 16px;background:#252725;color:white;font-size:14px}
@media(max-width:910px){#menu-toggle:not([hidden]){display:block;color:inherit;background:transparent;border:1px solid currentColor;padding:6px 9px;margin-left:auto}nav{display:none;position:absolute;inset:100% 0 auto;background:#262826;padding:20px 5%;align-items:start;flex-direction:column;max-height:70vh;overflow:auto}nav.open{display:flex}nav details div{position:static;box-shadow:none;padding:5px 0}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){header{gap:8px}.header-actions{gap:3px}.hero{min-height:560px}.hero-copy{width:76%}.hero-control{padding:5px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:10px}.intro,.product,.footer-grid{grid-template-columns:1fr}.intro{gap:22px;padding-block:42px}.intro img{height:250px}.section{padding-block:36px}.product{gap:0}.filters{grid-template-columns:1fr}.section-heading{align-items:start}.footer-grid{gap:28px}}
.manager-nav{display:flex!important;position:static!important;flex-wrap:wrap;padding:0;background:none;overflow:visible}.manager-nav button,.manage button{padding:8px 12px}.manage{display:grid;gap:12px;max-width:760px;margin:20px 0}.manage label{display:grid;gap:4px}.manage :is(input,select,textarea){padding:8px;max-width:100%;border:1px solid #aab2a7}.manage input[type=checkbox]{justify-self:start}.manage textarea{min-height:80px}.manage-list{display:grid;gap:8px;margin:16px 0}.manage-list button{text-align:left;background:white;border:1px solid var(--edge);padding:9px}.management-row{padding:16px;background:white;border:1px solid var(--edge);margin-bottom:10px}.info-page{max-width:850px;padding-block:48px;min-height:50vh}

.manager-nav[hidden] { display: none !important; }
.manage :is(input, select, textarea), .manage button, .manager-nav button {
  min-width: 0;
  min-height: 44px;
}
.management-row { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .manager-nav:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .manage :is(input, select, textarea) { font-size: 16px; }
  .manage-list button { min-height: 44px; }
}

.product-admin-heading,.product-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.product-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.product-filters label,.product-editor fieldset{display:grid;gap:8px;min-width:0}
.product-filters :is(input,select){width:100%;min-height:44px;padding:8px;border:1px solid var(--edge)}
.product-admin-list{display:grid;gap:8px;margin:12px 0}
.product-admin-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(90px,auto) auto;align-items:center;gap:12px;padding:12px;background:white;border:1px solid var(--edge);overflow-wrap:anywhere}
.product-admin-row small{display:block;margin-top:4px}
.product-thumbnail img,.product-thumb-empty,.product-images img{width:56px;height:56px;object-fit:cover;background:#eeeFEB}
.product-thumb-empty{display:grid;place-items:center}
.product-editor{padding:16px;background:white;border:1px solid var(--edge)}
.product-editor fieldset{margin:0;padding:12px;border:1px solid var(--edge)}
.product-images{display:flex;flex-wrap:wrap;gap:6px}
.product-admin-row button,.product-pagination button,.product-admin-heading button{min-height:44px;padding:8px 12px}
@media(max-width:600px){
  .product-filters{grid-template-columns:1fr}
  .product-admin-row{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}
  .product-admin-row>:nth-child(3){grid-column:2}
  .product-admin-row button{grid-column:3;grid-row:1 / span 2}
  .product-thumbnail img,.product-thumb-empty{width:48px;height:48px}
}

:root[data-brand="stone"]{--green:#d4af77}
:root[data-brand="premier"]{--green:#ca936c}
[data-brand="premier"] .brand img,[data-brand="premier"] footer img{background:white}
[data-brand="stone"] .brand img,[data-brand="premier"] .brand img{max-height:86px;object-fit:contain}