/* SEA360 storefront — product discovery stays concise; specifications live on the detail page. */
.s360p-detail,.s360p-card{--p-forest:var(--gg-deep,#103d2b);--p-green:var(--gg-green,#1c5139);--p-ink:#17392c;--p-muted:#526458;--p-gold:var(--gg-gold,#d4ac57);--p-light:var(--gg-gold-light,#f3d78f);--p-cream:#fafbf7;--p-line:#dce4d9;color:var(--p-ink)}
.s360p-detail *,.s360p-card *{box-sizing:border-box}.s360p-detail img,.s360p-card img{display:block;max-width:100%}.s360p-detail svg,.s360p-card svg{width:20px;height:20px;flex-shrink:0}.s360p-detail :is(h1,h2,h3,p,figure),.s360p-card :is(h3,p){margin:0}.s360p-detail :is(a,button,input):focus-visible,.s360p-card :is(a,button):focus-visible{outline:3px solid #96701f;outline-offset:4px}.s360p-detail a,.s360p-card a{text-decoration:none}.s360p-detail button{font:inherit}.s360p-wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.s360p-detail{font-size:16px;line-height:1.7;background:var(--p-cream)}
/* Four products across on desktop, two comfortably tappable products across on phones. */
body :is(.s360-catalogue-list,.product-grid):has(>.s360p-card),.s360p-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
body article.s360p-card{display:flex;flex-direction:column;min-width:0;padding:0!important;border:1px solid #dce4d9;border-radius:18px;background:#fff;box-shadow:0 4px 18px #103d2b05;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;content-visibility:visible;contain-intrinsic-size:none;position:relative}
body article.s360p-card[hidden]{display:none!important}body article.s360p-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #103d2b12;border-color:#bda56e}
body .s360p-card-photo{display:grid;place-items:center;position:relative;overflow:hidden;background:#fffdf8;aspect-ratio:1;margin:9px 9px 0;border-radius:12px;color:var(--p-light);border:0;padding:0}
body .s360p-card-photo>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s ease;aspect-ratio:auto;border-radius:0;filter:none;max-height:none}
body .s360p-card:hover .s360p-card-photo>img{transform:scale(1.025)}
body .s360p-card-body{display:flex;flex-direction:column;flex:1;gap:16px;padding:18px;background:#fff}
body .s360p-card-body h3{font-size:20px;line-height:1.35;letter-spacing:-.018em;font-weight:750;margin:0;min-height:2.7em;word-break:normal;overflow-wrap:anywhere;text-wrap:balance;color:var(--p-forest)}
body .s360p-card-body h3 a{color:inherit;display:block}body .s360p-card-body h3 a:hover{color:#496032}
body .s360p-card .s360p-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:auto;border:1px solid #d1dccc;border-radius:9px;padding:10px 12px;background:#f5f7f1;color:var(--p-forest);font-size:12px;font-weight:750;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
body .s360p-card .s360p-card-link svg{width:17px;height:17px;color:#8a692b;transition:transform .2s}body .s360p-card .s360p-card-link:hover{background:var(--p-forest);border-color:var(--p-forest);color:#fff8e7}body .s360p-card .s360p-card-link:hover svg{color:var(--p-light);transform:translateX(3px)}
body .s360p-market-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 12px;background:var(--p-forest);border:1px solid var(--p-forest);border-radius:9px;color:#fff8e7;font-size:12px;font-weight:700;line-height:1.5;text-align:start;cursor:pointer}.s360p-market-button svg{width:17px;height:17px;color:var(--p-light)}.s360p-market-button:hover{background:var(--p-green)}
/* The detail page is the buyer's workspace: imagery, options, then the complete editable record. */
.s360p-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:24px 0;color:var(--p-muted);font-size:12px;line-height:1.6}.s360p-breadcrumb a{color:#3f5840}.s360p-breadcrumb [aria-current]{color:var(--p-forest);font-weight:650}
.s360p-product-hero{padding:6px 0 60px;background:radial-gradient(ellipse at 0 50%,#eef3e7,transparent 65%)}.s360p-product-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:46px;align-items:start}.s360p-gallery{min-width:0;position:sticky;top:125px}
.s360p-main-photo{overflow:hidden;border:1px solid #d2ddcc;border-radius:22px;background:#fff;box-shadow:0 10px 35px #143e2b0b}.s360p-image-open{position:relative;display:block;width:100%;padding:0;border:0;background:#fffdf8;cursor:zoom-in;text-align:inherit}.s360p-image-open>img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:contain;background:#fffdf8}.s360p-enlarge-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4dfcc;border-radius:50%;background:#ffffffed;color:var(--p-forest);box-shadow:0 3px 8px #103d2b0c}
.s360p-main-photo figcaption{display:flex;flex-direction:column;gap:3px;padding:13px 17px;border-top:1px solid #e1e7db;background:#fff;color:var(--p-muted);font-size:11px;line-height:1.6}.s360p-main-photo figcaption strong{color:var(--p-forest);font-size:13px;font-weight:700}
.s360p-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.s360p-gallery-count{display:flex;gap:8px;align-items:center;color:var(--p-muted);font-size:12px}.s360p-gallery-count b{font-variant-numeric:tabular-nums;font-weight:650;color:var(--p-forest)}.s360p-gallery-arrows{display:flex;align-items:center;gap:8px}.s360p-gallery-arrows button,.s360p-dialog-tools button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #cad7c6;border-radius:50%;color:var(--p-forest);background:#fff;cursor:pointer}.s360p-gallery-arrows button[data-s360p-prev] svg{transform:rotate(180deg)}.s360p-gallery-arrows button:hover,.s360p-dialog-tools button:hover{background:#e8efdf;border-color:#a18b50}.s360p-gallery-arrows button:disabled{opacity:.35;cursor:default}
.s360p-thumbnails{display:flex;gap:10px;margin-top:12px;padding:3px 3px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;max-width:100%}.s360p-thumbnail{flex:0 0 105px;min-width:0;position:relative;display:flex;flex-direction:column;padding:4px;border:1px solid #d2dccb;border-radius:12px;background:#fff;cursor:pointer;scroll-snap-align:start;text-align:center}.s360p-thumbnail img{width:100%;aspect-ratio:1.15;object-fit:contain;background:#fffdf8;border-radius:8px}.s360p-thumbnail span{position:static;display:block;padding:7px 3px 5px;font-size:10px;font-weight:650;line-height:1.45;color:#4d614f;background:transparent;border:0;overflow-wrap:anywhere}.s360p-thumbnail.is-active{border-color:#98702a;box-shadow:0 0 0 2px #ddc88b}.s360p-thumbnail.is-active span{color:var(--p-forest)}
.s360p-gallery-note{display:flex;align-items:start;gap:10px;padding:14px 16px;background:#edf2e6;border:1px solid #dbe3d2;border-radius:12px;font-size:12px;color:var(--p-muted);line-height:1.7;margin-top:15px}.s360p-gallery-note svg{color:#85682c;margin-top:2px}
.s360p-product-summary{min-width:0;padding:26px 28px 28px;border:1px solid #dce4d5;border-top:3px solid var(--p-gold);border-radius:20px;background:#fff;box-shadow:0 5px 25px #103d2b04}body .s360p-eyebrow{color:#795b21;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:750;line-height:1.6}.s360p-eyebrow>span{padding-inline:5px;color:#795b21}body .s360p-product-summary h1{font-size:clamp(34px,3.5vw,48px);font-weight:750;line-height:1.18;letter-spacing:-.03em;color:var(--p-forest);text-wrap:balance;margin-top:10px}.s360p-product-subtitle{font-size:15px;color:#54674f;line-height:1.6;margin-top:8px!important}.s360p-product-lead{font-size:14px;line-height:1.85;color:var(--p-muted);margin-top:18px!important}
body .s360p-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.s360p-chip{display:inline-flex;align-items:center;gap:5px;background:#edf3e5;border:1px solid #d3dfc7;border-radius:20px;padding:5px 9px;color:#315138;font-size:11px;font-weight:600;line-height:1.5}.s360p-chip svg{width:12px;height:12px;stroke-width:2}
.s360p-format-picker{min-width:0;border:0;padding:0;margin:24px 0 0}.s360p-format-picker legend{padding:0;font-size:13px;font-weight:750;color:var(--p-forest);margin-bottom:11px}.s360p-format-options{display:flex;flex-wrap:wrap;gap:8px}.s360p-format-option{position:relative;display:block;min-width:0;max-width:100%;cursor:pointer}.s360p-format-option input{position:absolute;width:1px;height:1px;opacity:0;inset:50% auto auto 12px}.s360p-format-option>span{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #d1dcc7;background:#f7f9f3;border-radius:9px;padding:10px 12px;color:#3b5238;font-size:12px;line-height:1.5;overflow-wrap:anywhere;transition:background .15s,border-color .15s}.s360p-format-option svg{width:15px;height:15px;visibility:hidden;flex-shrink:0}.s360p-format-option input:checked+span{background:#173f2c;border-color:#173f2c;color:#fff6dd;box-shadow:inset 0 0 0 1px #d1ad5566}.s360p-format-option input:checked+span svg{visibility:visible;color:var(--p-light)}.s360p-format-option input:focus-visible+span{outline:3px solid #997223;outline-offset:3px}.s360p-format-option:hover>span{border-color:#967536}.s360p-selection{font-size:11px;line-height:1.7;color:#586650;margin-top:13px!important}.s360p-selection strong{color:var(--p-forest);font-weight:650}
.s360p-product-actions{display:flex;align-items:center;gap:20px;border-top:1px solid #dde5d6;margin-top:22px;padding-top:21px}.s360p-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;border:1px solid #163e2a;border-radius:10px;background:var(--p-forest);color:#fff7e3;font-size:13px;font-weight:750;line-height:1.5;cursor:pointer;transition:background .2s,box-shadow .2s}.s360p-button:hover{background:#225439;box-shadow:0 5px 15px #173f2c15}.s360p-button svg{color:var(--p-light)}.s360p-phone{display:flex;flex-direction:column;color:#607052;font-size:10px;line-height:1.6;white-space:nowrap}.s360p-phone strong{font-size:15px;letter-spacing:.01em;color:var(--p-forest)}.s360p-confirmation{margin-top:15px!important;font-size:11px;color:#58684d;line-height:1.75}
.s360p-specifications{padding:54px 0 60px;background:#edf2e7;border-block:1px solid #dae3d1}.s360p-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:23px 26px;background:#fff;border:1px solid #d8dece;border-left:4px solid var(--p-gold);border-radius:15px;margin-bottom:25px}.s360p-section-heading h2{font-size:clamp(27px,2.8vw,36px);line-height:1.25;letter-spacing:-.025em;text-wrap:balance;color:var(--p-forest);margin-top:7px}.s360p-section-heading>p{max-width:330px;font-size:13px;line-height:1.8;color:var(--p-muted)}.s360p-native-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;color:var(--p-muted)}.s360p-native-content>*{min-width:0}.s360p-native-content>.product-format{padding:25px 27px;border:1px solid #d5decc;border-radius:15px;background:#fff;margin:0}.s360p-native-content :is(h2,h3,h4){font-size:20px!important;line-height:1.4;font-weight:750;color:var(--p-forest)!important;letter-spacing:-.015em;margin:0 0 12px!important}.s360p-native-content p{font-size:14px;line-height:1.85;color:var(--p-muted);margin:0 0 15px}.s360p-native-content dl{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:16px;row-gap:9px;border-top:1px solid #dce4d3;padding-top:14px;margin:0}.s360p-native-content dt{font-size:10px;font-weight:750;color:#745926;text-transform:uppercase;letter-spacing:.04em}.s360p-native-content dd{font-size:12px;line-height:1.8;color:var(--p-muted);margin:0}.s360p-native-content>p,.s360p-native-content>h2{grid-column:1/-1}.s360p-format-fallback{list-style:none;display:grid;gap:12px;padding:23px 25px;background:#fff;border:1px solid #d5decc;border-radius:15px}.s360p-format-fallback li{display:flex;align-items:center;gap:10px}.s360p-format-fallback svg{color:#79622f}.s360p-request-checklist{display:flex;justify-content:space-between;gap:20px;margin-top:27px;padding:22px 26px;border:1px solid #c9d6bb;background:#e1ead4;border-radius:13px}.s360p-request-checklist>span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#2f4e33}.s360p-request-checklist svg{color:#7a5e25}.s360p-related{padding:60px 0;background:var(--p-cream)}.s360p-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;line-height:1.6;font-weight:700;color:var(--p-forest);padding-block:10px}
.s360p-enquiry-band{padding:46px 0;background:var(--p-forest);color:#fff8e7;border-top:1px solid #a88c47}.s360p-enquiry-band>.s360p-wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.s360p-enquiry-band>.s360p-wrap>div{max-width:760px}.s360p-enquiry-band .s360p-eyebrow{color:var(--p-light)}.s360p-enquiry-band h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em;color:#fff8e7;margin-top:11px;text-wrap:balance}.s360p-enquiry-band p:not(.s360p-eyebrow){font-size:14px;line-height:1.8;color:#f4efd9;margin-top:16px}.s360p-enquiry-band .s360p-button{background:var(--p-light);border-color:var(--p-light);color:var(--p-forest);flex-shrink:0}.s360p-enquiry-band .s360p-button svg{color:inherit}.s360p-enquiry-band .s360p-button:hover{background:#ffe6aa}
/* Native dialog supplies modal focus containment and Escape. Gallery keys work without touching the enquiry form. */
.s360p-image-dialog{position:fixed;inset:0;width:min(1140px,calc(100vw - 48px));max-width:none;height:min(860px,calc(100dvh - 48px));max-height:none;margin:auto;padding:0;border:1px solid #d9c183;border-radius:20px;background:#f7f9f2;color:var(--p-ink);box-shadow:0 24px 80px #001f16a6;overflow:hidden}.s360p-image-dialog::backdrop{background:#05251ee6;backdrop-filter:blur(6px)}.s360p-image-dialog[open]{display:flex;flex-direction:column}.s360p-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #dce4d2;background:#fff}.s360p-dialog-header p{font-size:19px;font-weight:750;line-height:1.35;color:var(--p-forest)}.s360p-dialog-header>div>span{display:block;font-size:12px;line-height:1.5;color:var(--p-muted);margin-top:3px}.s360p-dialog-tools{display:flex;gap:8px;flex-shrink:0}.s360p-dialog-tools button[aria-pressed=true]{background:var(--p-forest);color:var(--p-light)}.s360p-dialog-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:auto;background:#eef3e7;overscroll-behavior:contain}.s360p-dialog-stage img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;flex:0 0 auto}.s360p-dialog-stage.is-zoomed{display:block}.s360p-dialog-stage.is-zoomed img{width:175%;height:auto;max-width:none;max-height:none;min-height:100%;object-fit:contain}.s360p-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:#fff;border-top:1px solid #dce4d2}.s360p-dialog-footer p{font-size:11px;line-height:1.65;color:var(--p-muted);max-width:65%}.s360p-dialog-footer .s360p-gallery-arrows{flex-shrink:0}.s360p-dialog-footer [data-s360p-counter]{min-width:42px;text-align:center;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
@media(max-width:1099px){body :is(.s360-catalogue-list,.product-grid):has(>.s360p-card),.s360p-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.s360p-product-layout{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.s360p-product-summary{padding:22px}.s360p-product-actions{gap:14px;flex-wrap:wrap}.s360p-product-summary h1{font-size:36px}body .s360p-card-body{padding:16px}body .s360p-card-body h3{font-size:19px}}
@media(max-width:850px){.s360p-product-layout{grid-template-columns:1fr;gap:26px}.s360p-gallery{position:static}.s360p-image-open>img{aspect-ratio:1.35}.s360p-product-summary{padding:25px}.s360p-product-summary h1{font-size:40px}.s360p-product-actions{flex-wrap:nowrap}.s360p-enquiry-band>.s360p-wrap{display:block}.s360p-enquiry-band .s360p-button{margin-top:24px}.s360p-section-heading{align-items:start;flex-direction:column;gap:13px}.s360p-section-heading>p{max-width:none}.s360p-request-checklist{padding:18px;gap:15px}.s360p-request-checklist>span{font-size:11px}}
@media(max-width:599px){body :is(.s360-catalogue-list,.product-grid):has(>.s360p-card),.s360p-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body article.s360p-card{border-radius:14px}body .s360p-card-photo{margin:6px 6px 0;border-radius:9px;aspect-ratio:1}body .s360p-card-body{padding:13px 12px 12px;gap:13px}body .s360p-card-body h3{font-size:17px;line-height:1.35;letter-spacing:-.018em;min-height:2.7em}body .s360p-card .s360p-card-link{font-size:12px;min-height:44px;padding:9px 10px;gap:5px}.s360p-card-link svg{width:15px;height:15px}body .s360p-market-button{font-size:11px;padding:9px 10px;gap:5px}
.s360p-wrap{width:calc(100% - 36px)}.s360p-breadcrumb{font-size:11px;padding:18px 0;gap:7px}.s360p-product-hero{padding-bottom:34px}.s360p-main-photo{border-radius:17px}.s360p-image-open>img{aspect-ratio:1.08}.s360p-main-photo figcaption{padding:11px 13px;font-size:10px}.s360p-main-photo figcaption strong{font-size:12px}.s360p-enlarge-icon{width:40px;height:40px;right:11px;bottom:11px}.s360p-gallery-toolbar{margin-top:10px}.s360p-thumbnails{gap:9px;margin-top:10px}.s360p-thumbnail{flex-basis:91px}.s360p-thumbnail span{font-size:10px}.s360p-gallery-note{padding:13px 14px;font-size:11px;margin-top:12px;gap:10px}.s360p-gallery-note svg{width:17px;height:17px}.s360p-product-layout{gap:20px}.s360p-product-summary{padding:22px 19px;border-radius:17px}.s360p-product-summary h1{font-size:34px}.s360p-product-subtitle{font-size:13px}.s360p-product-lead{font-size:13px;margin-top:17px!important}.s360p-eyebrow{font-size:10px!important}.s360p-format-picker{margin-top:21px}.s360p-format-options{gap:7px}.s360p-format-option>span{font-size:11px;padding:9px 10px;gap:7px;min-height:44px}.s360p-format-option svg{width:13px;height:13px}.s360p-product-actions{gap:15px;flex-wrap:wrap}.s360p-button{font-size:12px;padding:11px 16px;min-height:47px;gap:15px}.s360p-phone strong{font-size:14px}.s360p-confirmation{font-size:11px}.s360p-specifications{padding:32px 0}.s360p-section-heading{padding:19px 18px;border-radius:13px;margin-bottom:20px}.s360p-section-heading h2{font-size:27px}.s360p-section-heading>p{font-size:12px;line-height:1.8}.s360p-native-content{grid-template-columns:1fr;gap:12px}.s360p-native-content>.product-format{padding:21px 19px;border-radius:13px}.s360p-native-content :is(h2,h3,h4){font-size:18px!important}.s360p-native-content p{font-size:13px;line-height:1.85}.s360p-native-content dl{grid-template-columns:65px minmax(0,1fr);gap:10px 13px}.s360p-native-content dt{font-size:9px}.s360p-native-content dd{font-size:11px}.s360p-request-checklist{display:grid;gap:13px;padding:18px}.s360p-request-checklist>span{font-size:12px}.s360p-related{padding:33px 0}.s360p-related .s360p-section-heading{gap:6px}.s360p-text-link{font-size:11px}.s360p-enquiry-band{padding:33px 0}.s360p-enquiry-band h2{font-size:28px}.s360p-enquiry-band p:not(.s360p-eyebrow){font-size:13px}
.s360p-image-dialog{width:calc(100vw - 18px);height:calc(100dvh - 26px);border-radius:14px}.s360p-dialog-header{padding:13px;gap:9px}.s360p-dialog-header p{font-size:17px}.s360p-dialog-header>div>span{font-size:11px}.s360p-dialog-tools{gap:5px}.s360p-dialog-tools button{width:42px;min-width:42px;height:44px}.s360p-dialog-footer{padding:12px;gap:12px;align-items:start;flex-direction:column}.s360p-dialog-footer p{font-size:10px;max-width:none}.s360p-dialog-footer .s360p-gallery-arrows{align-self:flex-end}}
@media(max-width:359px){.s360p-wrap{width:calc(100% - 28px)}body :is(.s360-catalogue-list,.product-grid):has(>.s360p-card),.s360p-related-grid{gap:9px}body .s360p-card-body{padding:12px 10px 10px;gap:11px}body .s360p-card-body h3{font-size:16px}body .s360p-card .s360p-card-link{font-size:11px;padding:9px 8px}.s360p-card-link svg{width:13px!important;height:13px!important}.s360p-product-summary h1{font-size:30px}.s360p-product-actions{align-items:stretch}.s360p-product-actions .s360p-button{flex:1}.s360p-phone{width:100%;align-items:center;padding-top:3px}.s360p-product-summary{padding:20px 16px}.s360p-format-option{width:100%}.s360p-format-option>span{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.s360p-detail *,.s360p-card *{scroll-behavior:auto!important;transition:none!important;animation:none!important}body article.s360p-card:hover{transform:none}body .s360p-card:hover .s360p-card-photo>img{transform:none}.s360p-image-dialog::backdrop{backdrop-filter:none}}