/* style.css */
@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:#232326;--muted:#77777e;--paper:#ffffff;--line:#e9e5e5;--accent:#d81f26}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d81f26;outline-offset:4px}.announcement{background:var(--ink);color:white;padding:10px 5%;font-size:10px;letter-spacing:2px}.announcement span{float:right;letter-spacing:.6px}header{padding:25px 5%;display:flex;align-items:center;gap:60px;background:#fff}.brand{font:800 35px 'Manrope',Arial;letter-spacing:-2px;line-height:1}.brand span{display:block;font:600 8px 'DM Sans',Arial;letter-spacing:3px;margin-top:8px}.search{display:flex;align-items:center;gap:12px;flex:1;max-width:590px;background:#f6f5f5;border-radius:5px;padding:10px 17px}.search span{font-size:26px}.search input{border:0;background:transparent;width:100%;outline:0}.header-actions{margin-left:auto;display:flex;gap:20px;white-space:nowrap}.header-actions button{background:none;border:0;font-size:12px}.header-actions b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ink);color:#fff;margin-left:6px}nav{padding:15px 5%;display:flex;gap:30px;border-block:1px solid var(--line);font-size:12px;background:white}nav span{margin-left:auto;color:var(--muted)}.preview{text-align:center;font-size:10px;background:#fff1f1;padding:8px;letter-spacing:.5px}main{padding:28px 5% 65px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#d81f26;color:#fff;border-radius:8px;min-height:340px;padding:42px 48px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 14px}h1{font:500 49px/1.12 'Manrope',Arial;letter-spacing:-2px;margin:0 0 18px}.hero p:not(.eyebrow){color:#ffe5e6;line-height:1.8;font-size:13px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);border:0;border-radius:4px;padding:14px 20px;color:var(--ink);font-weight:700;font-size:12px}.hero .primary{margin-top:10px}.hero-art{position:relative;align-self:stretch;background:radial-gradient(ellipse at center,#ed4c50 0,transparent 68%)}.hero-art svg{position:absolute;width:115%;height:100%;left:-10%;top:0}.sun{position:absolute;width:140px;height:140px;right:65px;top:0;border-radius:50%;background:#ffffff;opacity:.8}.hero-art>span{position:absolute;bottom:0;right:0;letter-spacing:4px;font-size:9px;color:#ffd5d7}.benefits{display:flex;justify-content:space-around;padding:25px 0;border-bottom:1px solid var(--line);font-size:12px}.catalog{display:grid;grid-template-columns:210px 1fr;gap:38px;margin-top:38px;scroll-margin-top:20px}h2{font:700 25px 'Manrope',Arial;letter-spacing:-1px;margin:0 0 12px}aside h2{font-size:19px}.category{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:13px 12px;border-radius:4px;margin-bottom:3px;text-align:left;font-size:12px}.category.active{background:var(--ink);color:white}.category b{font-size:10px;font-weight:400;opacity:.65}.side-note{margin-top:30px;padding:24px 19px;background:#fff1f1;border-radius:5px}.side-note>span{font-size:8px;letter-spacing:1.5px}.side-note h3{font:600 21px/1.4 'Manrope',Arial}.side-note p{font-size:12px;line-height:1.8;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:8px}.section-heading p:last-child{color:var(--muted);font-size:11px;margin:0}.section-heading select{padding:10px;border:1px solid var(--line);background:white;border-radius:4px;font-size:11px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px}.product{border:1px solid var(--line);border-radius:6px;background:white;overflow:hidden}.product-image{display:block;position:relative;background:#f6f5f5;height:200px;width:100%;border:0;padding:15px}.product-image svg{width:100%;height:100%;transition:transform .25s}.product-image:hover svg{transform:scale(1.07)}.badge{position:absolute;left:14px;top:14px;background:white;padding:5px 8px;font-size:8px;font-weight:700;letter-spacing:1px;border-radius:2px}.product-info{padding:16px}.product-info small{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.product-info h3{margin:7px 0;font:700 15px 'Manrope',Arial}.product-info p{color:var(--muted);font-size:11px;margin:0 0 15px}.price{font-size:15px;font-weight:700}.old{font-size:11px;color:#929298;text-decoration:line-through;margin-left:6px;font-weight:400}.card-bottom{display:flex;justify-content:space-between;align-items:center}.add{border:1px solid var(--line);background:white;border-radius:4px;padding:7px 10px;font-size:11px}.add:hover{background:var(--ink);color:white}footer{display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);padding:35px 5%;background:white}footer p,footer>span{font-size:12px;color:var(--muted)}footer>span{margin-left:auto}dialog{border:0;border-radius:10px;padding:38px;color:var(--ink);width:min(960px,94vw);max-height:90vh;box-shadow:0 20px 100px #25131640}dialog::backdrop{background:#25131680;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;z-index:2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-art{background:#f6f5f5;border-radius:6px;display:grid;place-items:center;min-height:350px}.detail-art svg{width:95%}.detail-copy h2{font-size:30px}.detail-copy p{line-height:1.8;color:var(--muted)}.detail-copy .price{font-size:26px}.detail-copy label{display:block;font-size:12px;margin:18px 0 8px}.detail-copy select{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:white}.purchase{display:flex;gap:12px;margin:20px 0}.purchase input{width:65px;padding:12px;border:1px solid var(--line);border-radius:4px}.purchase .primary{flex:1}.specs{margin-top:25px;border-top:1px solid var(--line)}details{padding:17px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);line-height:1.8}.detail-note{font-size:11px;color:var(--muted)}#cart-dialog{max-width:500px} .cart-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row>div{flex:1}.cart-row small{display:block;margin-top:6px;color:var(--muted)}.cart-row button{border:0;background:#fff1f1;padding:5px 10px}#cart-total{font-size:20px;font-weight:700;padding:20px 0}.checkout-note{color:var(--muted);font-size:12px;line-height:1.7}button:disabled{opacity:.5;cursor:not-allowed}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:5px;padding:14px 25px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.visible{opacity:1}.empty{padding:50px 0;color:var(--muted)}@media(min-width:1450px){main,header,nav,footer{padding-left:max(5%,calc((100vw - 1380px)/2));padding-right:max(5%,calc((100vw - 1380px)/2))}.product-image{height:240px}}@media(max-width:900px){header{gap:25px}.catalog{grid-template-columns:170px 1fr;gap:20px}.products{grid-template-columns:repeat(2,1fr)}.hero{padding:32px}h1{font-size:40px}.benefits{font-size:10px}}@media(max-width:600px){header{flex-wrap:wrap;padding:20px 5%;gap:20px}.brand{font-size:29px}.search{order:3;flex-basis:100%;max-width:none}nav{gap:22px;overflow:auto;white-space:nowrap}nav span{display:none}.hero{grid-template-columns:1fr;padding:28px;min-height:330px}.hero-art{position:absolute;right:-95px;width:240px;height:250px;top:60px;opacity:.35}.hero>div:first-child{z-index:1}.hero .eyebrow{font-size:8px}h1{font-size:39px}.benefits{justify-content:space-between;gap:15px;font-size:10px}.benefits span:last-child{display:none}.catalog{display:block;margin-top:24px}aside .eyebrow,aside h2,.side-note{display:none}#categories{display:flex;overflow:auto;gap:8px;margin-bottom:24px}.category{white-space:nowrap;width:auto;gap:12px;background:#fff1f1}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:8px}.section-heading select{max-width:110px}.products{gap:12px}.product-image{height:160px}.product-info{padding:12px}.product-info h3{font-size:13px}.card-bottom{align-items:start;gap:10px;flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-art{min-height:220px}.detail-art svg{max-height:240px}dialog{padding:30px 20px}.detail-copy h2{font-size:25px}footer{gap:20px;flex-wrap:wrap}footer>span{margin-left:0}.badge{font-size:7px}}

/* Osaka brand: red and white */
.announcement{background:#d81f26}.brand{color:#d81f26}.primary{color:#fff}.primary:hover:not(:disabled){background:#d81f26}.category.active{background:#d81f26}.header-actions b{background:#d81f26}.add:hover{background:#d81f26;border-color:#d81f26}.badge{color:#d81f26}.hero .primary{background:#fff;color:#d81f26}.hero .primary:hover{background:#fff0f0}.hero-art{opacity:.9}.side-note>span{color:#d81f26}.preview{color:#9d3035}.product-image:hover{background:#fff1f1}#toast{background:#d81f26}::selection{background:#ffd6d8;color:#8a1018}

/* Full-width new arrival campaign banner. */
.hero[hidden],.new-arrivals[hidden]{display:none}.new-arrivals{margin:0;scroll-margin-top:20px}.arrival-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:450px;overflow:hidden;border-radius:8px;background:linear-gradient(115deg,#d81f26,#d81f26 55%,#d81f26);color:white}.arrival-copy{padding:48px 0 82px 48px;position:relative;z-index:2}.arrival-copy .eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px}.arrival-new{background:white;color:#d81f26;border-radius:2px;padding:7px 9px;font-size:9px;letter-spacing:1px}.arrival-category{font-size:10px;letter-spacing:3px;color:#ffd4d7;margin:30px 0 13px}.arrival-copy h2{font:800 clamp(36px,4.4vw,66px)/1.06 'Manrope',Arial;letter-spacing:-2.5px;max-width:550px;margin:0 0 18px}.arrival-description{color:#ffe0e2;font-size:15px;line-height:1.6;margin:0 0 22px}.arrival-offer{display:flex;align-items:center;gap:16px;margin-bottom:24px}.arrival-price{font-size:25px;font-weight:700}.arrival-sample{font-size:10px;color:#ffd1d5;border-left:1px solid #ffffff55;padding-left:16px}.arrival-copy .primary{background:white;color:#d81f26;padding:16px 23px}.arrival-copy .primary:hover{background:#fff0f0}.arrival-art{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.arrival-disc{position:absolute;width:340px;height:340px;border-radius:50%;background:#fff4f0;box-shadow:0 0 0 28px #ffffff0a,0 0 0 65px #ffffff06;z-index:-1}.arrival-art svg{width:95%;height:370px;max-width:510px;filter:drop-shadow(0 18px 13px #50051033);transform:rotate(-9deg);transition:transform .3s}.arrival-art:hover svg{transform:rotate(-5deg) scale(1.04)}.arrival-watermark{position:absolute;top:22px;right:-10px;font:800 clamp(65px,9vw,140px) 'Manrope',Arial;letter-spacing:-8px;color:#ffffff12;z-index:-2}.arrival-art-label{position:absolute;bottom:36px;letter-spacing:3px;font-size:8px;color:#ffd7da}.arrival-controls{position:absolute;bottom:23px;left:48px;display:flex;align-items:center;gap:12px;z-index:3}.arrival-position{font-size:12px;font-weight:700}.arrival-position>span{color:#ffb7be;font-weight:400}.arrival-progress{display:flex;gap:5px;margin:0 12px}.arrival-progress>span{width:22px;height:3px;background:#ffffff40}.arrival-progress>.selected{background:white}.arrival-controls button{border:1px solid #ffffff70;border-radius:50%;width:33px;height:33px;color:white;background:transparent;font-size:17px}.arrival-controls button:hover{background:#ffffff25}.arrival-banner a:focus-visible,.arrival-banner button:focus-visible{outline-color:white}@media(max-width:900px){.arrival-copy{padding-left:30px}.arrival-copy h2{font-size:43px}.arrival-disc{width:260px;height:260px}.arrival-art svg{height:310px}.arrival-controls{left:30px}}@media(max-width:600px){.arrival-banner{grid-template-columns:1fr;min-height:0}.arrival-copy{padding:27px 25px 0}.arrival-copy h2{font-size:39px;max-width:320px;letter-spacing:-1.8px}.arrival-copy .eyebrow{font-size:9px;gap:10px}.arrival-category{margin:23px 0 12px}.arrival-description{font-size:13px;margin-bottom:15px}.arrival-offer{margin-bottom:18px}.arrival-price{font-size:22px}.arrival-art{height:260px;margin:3px 0 45px}.arrival-disc{width:205px;height:205px}.arrival-art svg{height:255px;width:85%}.arrival-watermark{font-size:95px;top:0;right:10px}.arrival-art-label{bottom:4px;font-size:7px}.arrival-controls{bottom:19px;left:25px}.arrival-copy .primary{padding:13px 18px}}
@media(prefers-reduced-motion:reduce){.arrival-art svg{transition:none}}

/* Official Osaka artwork and primary red sampled from the supplied vector PDF. */
:root{--accent:#d81f26;--osaka-red:#d81f26}.brand{display:block;flex-shrink:0;line-height:0}.brand img{display:block;width:220px;height:auto}header{gap:40px}.arrival-banner{background:var(--osaka-red)}.arrival-copy .primary{color:var(--osaka-red)}footer .brand img{width:180px}@media(max-width:600px){header{gap:20px}.brand img{width:170px}footer .brand img{width:160px}.header-actions{gap:10px}}

/* Osaka brand story */
.brand-back{margin-left:auto;font-size:12px;font-weight:700;color:var(--osaka-red)}nav [aria-current=page]{color:var(--osaka-red);font-weight:700}.brand-main{padding-top:50px}.brand-intro{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:15px 0 65px}.brand-intro .eyebrow{color:var(--osaka-red)}.brand-intro h1{font-size:clamp(34px,4vw,57px);font-weight:800;line-height:1.1}.brand-lead{font-size:20px;line-height:1.6}.brand-intro p:not(.eyebrow):not(.brand-lead){font-size:14px;color:var(--muted);line-height:1.9;max-width:440px}.brand-intro .primary{margin-top:18px}.brand-feature{margin:0;padding:20px 0}.brand-feature img{width:100%;height:auto;display:block}.brand-feature figcaption{text-align:center;margin-top:25px;color:var(--muted);font-size:9px;letter-spacing:2px}.brand-marks{border-top:1px solid var(--line);padding:55px 0}.brand-section-title{max-width:550px;margin-bottom:30px}.brand-section-title .eyebrow{color:var(--osaka-red)}.brand-section-title h2{font-size:34px}.brand-section-title>p:last-child{color:var(--muted);line-height:1.8}.brand-mark-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-mark-grid article{border:1px solid var(--line);border-radius:8px;overflow:hidden}.brand-mark-image{height:290px;padding:30px;background:#fff;display:flex;align-items:center;justify-content:center}.brand-mark-image img{width:100%;height:100%;object-fit:contain}.brand-mark-image .commercial-logo{width:90%;height:auto}.brand-mark-copy{padding:28px;background:#faf8f8;border-top:1px solid var(--line)}.brand-number{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--osaka-red)}.brand-mark-copy h3{font:700 25px 'Manrope',Arial;margin:14px 0}.brand-mark-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.brand-signoff{background:#fff1f1;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px}.brand-signoff .eyebrow{color:var(--osaka-red)}.brand-signoff h2{margin:0}footer>a:not(.brand){font-size:12px;color:var(--osaka-red)}@media(max-width:800px){.brand-intro{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.brand-intro>div{max-width:580px}.brand-feature{max-width:560px;margin:auto}.brand-mark-grid{grid-template-columns:1fr}.brand-signoff{align-items:flex-start;flex-direction:column}.brand-main{padding-top:25px}}@media(max-width:600px){.brand-back{font-size:10px;max-width:100px;line-height:1.5}.brand-mark-image{height:230px;padding:20px}.brand-mark-copy{padding:22px}.brand-intro h1{letter-spacing:-1.4px}.brand-lead{font-size:18px}.brand-section-title h2{font-size:29px}}

/* Render the original mark at a legible size with a 4x source. */
header .brand img{width:260px;height:auto;image-rendering:auto}footer .brand img{width:200px;height:auto;image-rendering:auto}@media(max-width:600px){header .brand img{width:200px}header{column-gap:14px}.brand-page .brand-back{max-width:90px}footer .brand img{width:180px}}


/* Prevent accidental double-tap zoom while preserving scrolling and pinch zoom.
   More specific 3D viewer touch rules continue to handle model gestures. */
:where(html,body,body *){touch-action:manipulation}


/* multibox.css */
.multibox-main{padding-top:25px}.crumbs{font-size:11px;color:var(--muted);margin-bottom:35px}.crumbs a:hover{color:var(--osaka-red)}.box-product{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start}.box-gallery{min-width:0}.gallery-stage{position:relative;background:#f6f5f4;border:1px solid var(--line);border-radius:8px;min-height:370px;padding:60px 20px 45px;display:flex;align-items:center;justify-content:center}.gallery-badge{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:1.4px;color:#666}.gallery-stage button{background:none;border:0;padding:0;width:100%;cursor:zoom-in}.gallery-stage img{width:100%;height:270px;object-fit:contain;display:block}.gallery-hint{position:absolute;bottom:18px;right:20px;color:var(--muted);font-size:10px}.gallery-tabs{display:flex;gap:10px;margin-top:14px}.gallery-tabs button{flex:1;min-width:0;padding:12px 8px;border:1px solid var(--line);background:white;border-radius:4px;font-size:10px;line-height:1.6}.gallery-tabs img{display:block;width:100%;height:55px;object-fit:contain;margin-bottom:9px}.gallery-tabs [aria-pressed=true]{border-color:var(--osaka-red);box-shadow:0 0 0 1px var(--osaka-red)}.art-note{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0}.box-copy .eyebrow{color:var(--osaka-red)}.box-copy h1{font-size:clamp(33px,3.5vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.8px}.box-copy h2{font-size:18px;letter-spacing:-.4px;line-height:1.5}.box-intro{font-size:13px;color:var(--muted);line-height:1.9}.box-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.box-tags span{font-size:9px;background:#f5f4f4;border:1px solid var(--line);padding:6px 9px;border-radius:3px}.colour-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.colour-options{display:flex;gap:9px;flex-wrap:wrap}.colour-options button{border:1px solid var(--line);background:white;min-width:51px;padding:8px;border-radius:5px;display:grid;justify-items:center;gap:6px;font-size:9px}.colour-options i{display:block;width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid #0002}.colour-options [aria-pressed=true]{border-color:#222;box-shadow:0 0 0 1px #222}.colour-options [aria-pressed=true] i:after{content:'✓';display:block;text-align:center;line-height:25px;color:#fff;text-shadow:0 1px 3px #000;font-style:normal;font-size:15px}.variant-detail{font-size:11px;color:var(--muted);margin:14px 0 25px}.box-purchase{border-top:1px solid var(--line);padding-top:20px}.box-purchase>strong{font-size:20px}.box-purchase p{font-size:11px;color:var(--muted);line-height:1.7}.box-purchase .primary{width:100%;justify-content:center;margin-top:8px}.box-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:55px 0;padding:35px 0;border-block:1px solid var(--line)}.box-features article>span{font-size:10px;color:var(--osaka-red);font-weight:700}.box-features h3{font:700 20px 'Manrope',Arial;margin:12px 0}.box-features p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.box-information{display:grid;grid-template-columns:1fr 1.4fr;gap:45px}.box-information .eyebrow{color:var(--osaka-red)}.box-information h2{max-width:300px;font-size:29px}.box-information details:first-child{padding-top:0}.box-information dl{display:grid;grid-template-columns:1fr 1.3fr;font-size:12px;line-height:1.7}.box-information dt,.box-information dd{margin:0;padding:10px 0;border-bottom:1px solid #eee}.box-information dt{color:var(--muted)}.box-information details p{font-size:12px}.box-bottom{display:flex;align-items:center;justify-content:space-between;background:#fff1f1;border-radius:6px;margin-top:40px;padding:22px;font-size:12px}.box-bottom a{color:var(--osaka-red);font-weight:700}#art-dialog{width:min(1250px,96vw);padding:40px 20px 20px}#enlarged-art{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}#enlarged-caption{font-size:12px;text-align:center;color:var(--muted)}.product-image>img{width:100%;height:100%;object-fit:contain}.arrival-art>img{position:relative;width:92%;height:auto;max-height:330px;object-fit:contain;border-radius:4px;box-shadow:0 15px 35px #50051033}.arrival-art:has(>img) .arrival-disc{display:none}.arrival-copy .arrival-price{font-size:20px}@media(max-width:800px){.box-product{grid-template-columns:1fr;gap:25px}.box-gallery{max-width:650px;width:100%;margin:auto}.box-features{gap:20px}.box-information{grid-template-columns:1fr;gap:20px}.box-copy h1{font-size:36px}.box-features h3{font-size:17px}}@media(max-width:500px){.gallery-stage{min-height:260px;padding:50px 12px 35px}.gallery-stage img{height:190px}.box-features{grid-template-columns:1fr;margin:35px 0;gap:25px}.box-bottom{align-items:flex-start;flex-direction:column}.box-copy h1{font-size:33px}.colour-options{gap:7px}.colour-options button{min-width:44px}.arrival-art>img{width:90%}}

.gallery-stage{background:#fff;min-height:460px}.gallery-stage img{height:380px}.gallery-tabs{flex-wrap:wrap}.gallery-tabs button{min-width:85px}.gallery-tabs button[hidden]{display:none}.arrival-art>img{max-height:390px;width:85%;object-fit:contain}.gallery-hint{background:#fff;padding:4px}@media(max-width:500px){.gallery-stage{min-height:360px}.gallery-stage img{height:280px}.gallery-tabs button{flex:1 1 28%;min-width:0}.arrival-art>img{max-height:250px;width:auto;max-width:90%}}

.gallery-stage,.gallery-tabs button{background:#fff}.gallery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-tabs img{object-fit:contain}.gallery-tabs button{font-size:11px;min-width:0}@media(max-width:500px){.gallery-tabs{gap:7px}.gallery-tabs button{font-size:10px;padding:10px 4px}}

/* Comfortable reading sizes across the product page, including mobile controls. */
.multibox-page .colour-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.multibox-page .colour-options button{width:100%;min-width:0;min-height:76px;padding:12px 8px}
.size-heading{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5;margin-bottom:12px}
.size-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.size-options button{min-height:48px;padding:12px;border:1px solid #d7d2d2;border-radius:6px;background:white;color:#242a31;font:600 16px/1.5 'DM Sans',Arial,sans-serif}
.size-options button[aria-pressed=true]{border-color:#222;box-shadow:0 0 0 1px #222;background:#f6f7f8}
.size-options button span{display:block;margin-top:3px;font-size:18px;font-weight:800;color:var(--osaka-red)}
.box-purchase #product-price{display:block;color:var(--osaka-red);font-size:clamp(32px,4vw,40px);font-weight:800;line-height:1.2;margin-bottom:12px}
.size-options button:focus-visible,.colour-options button:focus-visible{outline:3px solid #d71920;outline-offset:3px}
.multibox-page .gallery-tabs[hidden],.multibox-page .viewer-section[hidden],.multibox-page .explore-3d-link[hidden]{display:none}
.multibox-page{--muted:#47515e;font-size:16px;color:#242a31}
.multibox-page .crumbs{font-size:14px;line-height:1.7;color:#47515e}
.multibox-page .gallery-badge{font-size:14px;font-weight:600;letter-spacing:.02em;color:#374151;right:20px;line-height:1.5}
.multibox-page .box-intro,.multibox-page .box-features p,.multibox-page .box-information details p,.multibox-page .optional-intro,.multibox-page .optional-grid p,.multibox-page .reference-heading p:last-child{font-size:16px;line-height:1.75;color:#47515e}
.multibox-page .box-tags{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px}
.multibox-page .box-tags span{font-size:clamp(11px,3.1vw,14px);line-height:1.5;padding:7px 6px;color:#303944;text-align:center;white-space:nowrap}
.multibox-page .gallery-tabs button,.multibox-page .colour-options button,.multibox-page .viewer-controls button{font-size:14px;font-weight:500;line-height:1.5}
.multibox-page .colour-options button{min-width:64px}
.multibox-page .colour-heading{font-size:16px;line-height:1.5}
.multibox-page .art-note,.multibox-page .variant-detail,.multibox-page .box-purchase p,.multibox-page .gallery-hint,.multibox-page .viewer-status,.multibox-page .viewer-caption,.multibox-page .accessories-status,.multibox-page .optional-grid strong,.multibox-page #enlarged-caption{font-size:14px;line-height:1.7;color:#47515e}
.multibox-page .eyebrow,.multibox-page .viewer-heading>span,.multibox-page .optional-grid article>span{font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.6}
.multibox-page .box-features article>span{font-size:14px}
.multibox-page .box-information dl,.multibox-page .box-bottom,.multibox-page .detail-photos strong,.multibox-page .explore-3d-link{font-size:15px;line-height:1.7}
.multibox-page .brand-back,.multibox-page nav,.multibox-page footer p,.multibox-page footer>span,.multibox-page footer>a:not(.brand){font-size:14px;line-height:1.6}
.multibox-page .announcement{font-size:12px;letter-spacing:.06em}
.multibox-page .box-information dt,.multibox-page .box-information dd{min-width:0;overflow-wrap:anywhere}
.multibox-page .box-information dt{padding-right:16px}
.multibox-page .box-information dl{grid-template-columns:max-content minmax(0,1fr)}
.multibox-page .box-information .dimension-label{white-space:nowrap;overflow-wrap:normal}
@media(max-width:600px){.multibox-page .box-information dl{grid-template-columns:minmax(0,1fr)}.multibox-page .box-information dt{padding:14px 0 3px;border-bottom:0;font-weight:600}.multibox-page .box-information dd{padding:0 0 14px}}
@media(max-width:600px){.multibox-page .gallery-stage{padding-top:75px;padding-bottom:55px}.multibox-page .gallery-badge{left:14px;right:14px}.multibox-page .gallery-hint{right:14px;left:14px;text-align:center}.multibox-page .viewer-controls button{min-height:44px}.multibox-page .box-copy h2{font-size:20px}.multibox-page .announcement span{float:none;display:block}.multibox-page .brand-back{max-width:125px}.multibox-page .colour-options{gap:8px}.multibox-page .colour-options button{min-width:62px}}

.multibox-page .back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 16px;border:0;border-radius:24px;background:var(--osaka-red,#d81f26);color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;box-shadow:0 4px 18px #0003;cursor:pointer}
.multibox-page .back-to-top[hidden],.multibox-page:has(dialog[open]) .back-to-top{display:none}
.multibox-page .back-to-top:hover{background:#b91820}
.multibox-page .back-to-top:focus-visible{outline:3px solid #242a31;outline-offset:3px}


/* releases/322/cart.css */
.cart-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #dedede;border-radius:6px;background:#fff;white-space:nowrap;font-weight:600}
[data-cart-count]{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:20px;background:#d81f26;color:white;font-size:13px}
.multibox-page header{flex-wrap:wrap}
.multibox-page header .cart-open{margin-left:auto}
.quantity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:14px}
.quantity-heading label{font-weight:600}
.quantity-heading strong{color:#d81f26;margin-left:5px}
.quantity-purchase{display:flex;align-items:stretch;gap:12px}
.quantity-control{display:flex;align-items:stretch;border:1px solid #d7d2d2;border-radius:6px;overflow:hidden;flex-shrink:0}
.quantity-control button{width:44px;min-height:48px;border:0;background:#f6f7f8;font-size:22px}
.quantity-control input{width:44px;min-width:0;border:0;text-align:center;font-size:16px;font-weight:600;appearance:textfield;-moz-appearance:textfield}
.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.box-purchase .quantity-purchase .primary{flex:1;width:auto;min-height:48px;margin:0;padding:12px;font-size:16px;color:#fff;gap:8px}
.quantity-control :focus-visible{outline-offset:-3px}
.box-purchase .cart-feedback{margin:10px 0 0;color:#303944;font-size:14px;line-height:1.5}
.cart-feedback:empty{display:none}
.view-cart-link{padding:8px 0;min-height:44px;border:0;background:none;color:#d81f26;font-weight:600;font-size:14px}
.osaka-cart#cart-dialog{width:min(560px,94vw);max-width:560px;padding:32px 22px;max-height:90vh;max-height:90dvh;overflow:auto}
.osaka-cart h2{font-size:25px;margin-right:25px}
.osaka-cart .close{width:44px;height:44px;top:6px;right:6px}
.cart-line{position:relative;display:grid;gap:7px;padding:20px 0;border-bottom:1px solid #e9e5e5}
.cart-line-summary{display:flex;align-items:flex-start;gap:14px}
.cart-line-preview{display:block;flex:0 0 88px;width:88px;height:88px;object-fit:contain;border:1px solid #e9e5e5;border-radius:6px;background:#fff}
.cart-line-copy{display:grid;gap:5px;min-width:0}
.cart-line-copy>strong{font-size:16px;line-height:1.5}
.cart-line small{font-size:14px;line-height:1.5;color:#47515e}
.cart-line .cart-line-sku{font-weight:600;color:#242a31;overflow-wrap:anywhere}
.cart-line-total{color:#d81f26;font-size:18px}
.cart-line-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cart-line-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #dedede;border-radius:5px;background:#fff;font-size:16px}
.cart-line-controls [data-cart-remove]{margin-left:auto;font-size:14px;color:#b91820}
.osaka-cart #cart-total{color:#d81f26;font-size:22px;line-height:1.5}
.osaka-cart .checkout-note,.osaka-cart #cart-storage-status{font-size:14px;line-height:1.6;color:#47515e}
.cart-continue{width:100%;min-height:48px;background:#d81f26;color:#fff;font-size:16px;font-weight:600;border:0;border-radius:5px;padding:12px}
@media(max-width:600px){.multibox-page header .brand-back{order:3;max-width:none;margin:0;flex-basis:100%}.quantity-purchase{gap:8px}.quantity-control button{width:40px;min-width:40px}.quantity-control input{width:40px}.box-purchase .quantity-purchase .primary{font-size:14px}.multibox-page header .brand img{width:min(200px,52vw)}}

/* Cart presentation 305: product details once, a single action row. */
.osaka-cart#cart-dialog{border-radius:16px}.cart-line{gap:16px;padding:20px 0}.cart-line-preview{border-radius:10px;background:#f7f7f7}.cart-line-copy{gap:4px}.cart-line .cart-line-sku{font-size:12px;font-weight:500;color:#69717b}.cart-line-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;flex-wrap:nowrap}.cart-line-quantity{display:flex;align-items:center;border:1px solid #f1c8cd;border-radius:10px;overflow:hidden;background:#fff5f6}.cart-line-controls .cart-line-quantity button{width:42px;min-width:42px;min-height:44px;padding:0;border:0;border-radius:0;background:#fff0f2;color:#b51626;font-size:22px;font-weight:600}.cart-line-quantity span{min-width:34px;text-align:center;font-weight:600;font-size:14px;color:#242a31}.cart-line-controls .cart-line-quantity [data-cart-step="1"]{background:#e6192a;color:#fff}.cart-line-controls .cart-line-quantity button:hover:not(:disabled){background:#c70f21;color:#fff}.cart-line-controls .cart-line-quantity button:disabled{background:#f4f4f4;color:#aaa;cursor:default}.cart-line-controls .cart-line-total{text-align:center;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.cart-line-controls [data-cart-remove]{margin:0;min-height:44px;padding:8px 12px;background:#fff0f2;border:1px solid #f3d2d6;color:#b51626;border-radius:10px;font-size:13px;font-weight:600}.cart-line-controls [data-cart-remove]:hover{background:#ffe0e5;border-color:#e6192a}.cart-line-controls button:focus-visible{outline:2px solid #b51626;outline-offset:-3px}.cart-continue{border-radius:10px}.cart-continue:hover{background:#bd1220}@media(max-width:400px){.osaka-cart#cart-dialog{padding:28px 14px 22px}.cart-line-summary{gap:10px}.cart-line-preview{width:72px;height:72px;flex-basis:72px}.cart-line-copy>strong{font-size:14px}.cart-line-controls{gap:6px}.cart-line-controls .cart-line-quantity button{width:36px;min-width:36px}.cart-line-quantity span{min-width:28px}.cart-line-controls .cart-line-total{font-size:16px}.cart-line-controls [data-cart-remove]{padding:8px;font-size:12px}}

.cart-line .cart-line-unit{color:#187443;font-weight:600}

.cart-line .cart-line-sku{font-weight:650;color:#414b58}.cart-line button.cart-line-sku{display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;max-width:100%;min-width:0;min-height:28px;padding:2px 0;border:0;border-radius:3px;background:transparent;font:inherit;font-size:12px;font-weight:650;text-align:left;line-height:1.5;cursor:pointer;user-select:text}.cart-line button.cart-line-sku::after{content:'⧉';margin-left:6px;font-size:16px;color:#687483}.cart-line button.cart-line-sku:hover{color:#bd1220}.cart-line button.cart-line-sku:focus-visible{outline:2px solid #bd1220;outline-offset:3px}.cart-line button.cart-line-sku[data-copied]{color:#187443}.cart-line button.cart-line-sku[data-copied]::after{content:'✓';color:#187443}#cart-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

#cart-copy-status.cart-copy-error{position:static;width:auto;height:auto;margin:8px 0;clip-path:none;white-space:normal;color:#a51a25;font-size:13px}

/* Callback orders: green primary action to the left of shopping. */
.cart-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-footer-actions button{min-width:0;min-height:48px;font:inherit;font-size:15px;font-weight:650;padding:12px;border:0;border-radius:10px;cursor:pointer}.cart-place{background:#187443;color:white}.cart-place:hover:not(:disabled){background:#105a32}.cart-place:disabled{background:#81948a;cursor:wait}.cart-place:disabled:not([aria-busy]){opacity:.75}#cart-order-status{font-size:14px;line-height:1.5;color:#b51626}#cart-order-status:empty{display:none}.cart-footer-actions button:focus-visible{outline:3px solid #222;outline-offset:2px}@media(max-width:360px){.cart-footer-actions{gap:8px}.cart-footer-actions button{font-size:13px;padding:10px 6px}}

.osaka-cart .checkout-note{display:grid;gap:7px;padding:16px 18px;margin:20px 0 18px;background:#edf7f1;border:1px solid #b9d9c7;border-left:4px solid #187443;border-radius:10px;color:#263d31;font-size:14px;line-height:1.6}.osaka-cart .checkout-note strong{color:#125b34;font-size:16px;font-weight:750}.osaka-cart .checkout-note b{color:#125b34;font-size:14px;font-weight:650}

/* Empty carts have no order summary or checkout messaging. */
.osaka-cart.cart-is-empty #cart-total,.osaka-cart.cart-is-empty .checkout-note,.osaka-cart.cart-is-empty .cart-place,.osaka-cart.cart-is-empty [data-catalog-status],.osaka-cart.cart-is-empty #cart-storage-status{display:none}
.osaka-cart.cart-is-empty .cart-footer-actions{grid-template-columns:1fr}
.osaka-cart.cart-is-empty #cart-items{padding:24px 0}
.osaka-cart.cart-is-empty .empty{margin:0;padding:28px 16px;min-height:0;border:1px solid #efd5d8;border-radius:12px;background:#fff4f5;color:#242a31;text-align:center;font-size:22px;font-weight:700;line-height:1.4}

/* Clear quantity actions and a count of all units alongside cart totals. */
/* Neutral until pressed; hover stays neutral, including on touch screens. */
.cart-line-controls .cart-line-quantity{background:#fff;border-color:#ddd}
.cart-line-controls .cart-line-quantity [data-cart-step]:not(:disabled),
.cart-line-controls .cart-line-quantity [data-cart-step]:hover:not(:disabled){background:#f5f6f7;color:#414b58}
.cart-line-controls .cart-line-quantity [data-cart-step="1"]:active:not(:disabled){background:#187443;color:#fff}
.cart-line-controls .cart-line-quantity [data-cart-step="-1"]:active:not(:disabled){background:#e6192a;color:#fff}
.osaka-cart #cart-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cart-total-count{color:#242a31;font-size:17px;font-weight:700}.cart-subtotal-amount{font-size:22px;text-align:right;margin-left:auto}.purchase-cart-count{color:#187443;font-weight:700}@media(max-width:400px){.cart-total-count{font-size:15px}.cart-subtotal-amount{font-size:18px}}

@media(max-width:600px){.quantity-heading{flex-wrap:wrap}.purchase-totals{flex:1 1 230px;min-width:0;max-width:100%}.purchase-totals>.purchase-cart-total{white-space:normal}}

#cart-edit-notice:not([hidden]){padding:14px 16px;border:1px solid #b9d9c7;border-left:4px solid #187443;border-radius:9px;background:#edf7f1;color:#125b34;font-size:14px;font-weight:600;line-height:1.6}


/* header.css */
.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e9e5e5}
.site-header .top-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 5%;background:#fff}
.site-header .top-bar .brand img{width:180px;height:auto}
.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.top-actions button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:48px;min-height:48px;padding:10px;border:0;border-radius:6px;background:#fff;color:#232326;font-size:14px;font-weight:600}
.top-actions button:hover{background:#f6f7f8}
.top-actions .top-cart{padding-right:18px}
.top-cart [data-cart-count]{position:absolute;right:0;top:1px;min-width:20px;height:20px;font-size:11px;border:2px solid white;box-sizing:content-box;padding:0 3px}
.menu-cross{display:none}
[aria-expanded=true] .menu-lines{display:none}
[aria-expanded=true] .menu-cross{display:block}
.site-header #site-menu{position:absolute;top:100%;left:0;right:0;display:block;max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;padding:20px 5%;border:0;border-top:1px solid #eee;box-shadow:0 12px 18px #0000000d;background:#fff;white-space:normal;font-size:16px}
.site-header #site-menu[hidden]{display:none}
.menu-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.site-header #site-menu a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:5px;font-weight:600}
.site-header #site-menu a:hover{background:#fff1f1;color:#d81f26}
.site-header #site-menu .menu-location{margin:16px 12px 0;color:#606872;font-size:13px;line-height:1.6}
.site-header .menu-search{display:block;max-width:560px;margin:18px 12px 12px}
.site-header #site-menu .menu-search span{display:block;margin:0 0 8px;font-size:14px;color:#47515e}
.menu-search input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #dedede;border-radius:6px;font-size:16px;background:#fff}
.menu-categories{display:flex;flex-wrap:wrap;gap:8px}
.site-header #language{min-height:44px;margin:12px 12px 0;padding:8px 12px;border:1px solid #dedede;border-radius:5px;background:white}
html{scroll-padding-top:90px}
@media(max-width:600px){.site-header .top-bar{min-height:68px;padding:10px 5%}.site-header .top-bar .brand img{width:156px}.top-actions{gap:6px}.top-actions button{min-width:44px;min-height:44px}.top-actions #menu-toggle span{display:none}.site-header #site-menu{max-height:calc(100dvh - 68px);padding:12px 5% 20px}.menu-links{grid-template-columns:1fr;gap:0}.site-header #site-menu .menu-links a{border-bottom:1px solid #f1eeee;border-radius:0}.menu-categories{gap:0}.site-header #site-menu .menu-categories a{font-size:14px}html{scroll-padding-top:80px}}
/* Left navigation drawer and vertical catalogue categories. */
.site-header .top-bar>#menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:6px;background:#fff;color:#232326;font-size:14px;font-weight:600}
.site-header .top-bar>.brand{margin-inline:auto}
.site-header .top-actions{margin-left:0}
.site-header .site-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,90vw);max-width:360px;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 40px #0002}
.site-drawer[open]{animation:menu-slide-in .22s ease-out}
.site-drawer::backdrop{background:#17202966;backdrop-filter:blur(2px)}
.drawer-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #eee;background:#fff}
.drawer-heading strong{font-size:21px}
.drawer-heading button{width:44px;height:44px;border:0;border-radius:6px;background:#f6f7f8;font-size:28px;color:#242a31}
.site-header #site-menu{position:static;display:block;max-height:none;overflow:visible;padding:12px 16px 24px;border:0;box-shadow:none}
.site-header #site-menu[hidden]{display:none}
.site-header #site-menu .menu-links{display:flex;flex-direction:column;gap:0}
.site-header #site-menu .menu-links>a{border-bottom:1px solid #eee;border-radius:0}
.site-header #site-menu .nav-categories{padding:0;border-bottom:1px solid #eee}
.nav-categories summary{min-height:48px;padding:14px 12px;font-size:16px}
.site-header #site-menu .menu-categories{display:flex;flex-direction:column;gap:0;margin:0 0 10px 16px;padding-left:8px;border-left:2px solid #f2d5d7}
.site-header #site-menu .menu-categories a{font-size:15px;font-weight:500;line-height:1.5}
.site-header #site-menu .menu-search{margin:4px 12px 16px}
.catalog{display:block}
.catalog>aside{display:none}
.browse-categories{display:inline-flex;align-items:center;min-height:44px;gap:8px;margin:0 0 20px;padding:10px 14px;border:1px solid #dedede;border-radius:6px;background:#fff;color:#242a31;font-size:15px;font-weight:600}
@keyframes menu-slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:600px){.site-header .top-bar{gap:8px}.site-header .top-bar>#menu-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){.site-drawer[open]{animation:none}}
.site-header #menu-search-results{margin:0 12px 12px}
.site-header #menu-search-results[hidden]{display:none}
.site-header #site-menu.is-searching .menu-links,.site-header #site-menu.is-searching #language,.site-header #site-menu.is-searching .menu-location{display:none}
.search-result-status{font-size:14px;line-height:1.5;color:#47515e;margin:8px 0 12px}
.site-header #site-menu a.search-result{display:flex;align-items:center;gap:12px;min-height:90px;padding:12px 0;border-bottom:1px solid #eee;border-radius:0}
.search-result>img,.search-result-art{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain;border:1px solid #eee;border-radius:5px;background:#fff}
.search-result-art svg{width:100%;height:100%}
.site-header #site-menu .search-result-copy{display:grid;min-width:0;gap:5px;margin:0;color:#242a31}
.search-result-copy strong{font-size:15px;line-height:1.4}
.search-result-copy small{font-size:12px;font-weight:400;line-height:1.5;color:#47515e;overflow-wrap:anywhere}
.search-result-copy b{font-size:15px;color:#d81f26}
.site-header #site-menu .search-result-art{margin:0}
.site-header #site-menu .menu-links a[aria-current=page]{background:#fff1f1;color:#b91820;font-weight:700}
.site-header #site-menu .menu-links a[aria-current=page]::after{content:'✓';margin-left:auto;padding-left:10px;font-size:16px}
.site-header #site-menu .nav-categories.has-current-category>summary{color:#b91820}
.drawer-context{display:grid;gap:5px;min-width:0}
#drawer-current-section{display:block;color:#b91820;font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.drawer-heading>[data-menu-close]{flex:0 0 44px}


/* featured.css */
.featured-card{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:'image copy' 'image colours' 'pager pager';gap:0 40px;padding:30px 36px 16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#242a31;overflow:hidden}
.featured-copy{grid-area:copy;align-self:end;padding-top:16px}
.featured-eyebrow{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.08em;color:#626b74;margin:0 0 14px}
.featured-copy h2{font:700 clamp(28px,3.3vw,44px)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:0 0 14px;max-width:480px}
.featured-copy h2 a:hover{color:#d81f26}
.featured-description{font-size:16px;line-height:1.6;color:#47515e;margin:0 0 15px}
.featured-price{display:block;font-size:26px;font-weight:800;color:#d81f26}
.featured-image{grid-area:image;display:grid;place-items:center;min-width:0;height:370px;background:#fff;border-radius:8px}
.featured-image img{display:block;width:100%;height:100%;max-height:370px;object-fit:contain}
.featured-image svg{width:85%;height:300px}
.featured-colours{grid-area:colours;align-self:start;max-width:350px;margin-top:24px}
.featured-colour-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#47515e}
.featured-colour-label>span{font-weight:600}
.featured-colour-label button{min-height:44px;border:0;background:none;color:#626b74;font-size:13px;padding:4px 0 4px 12px;text-decoration:underline;text-underline-offset:3px}
.featured-colour-label button[hidden]{display:none}
.featured-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.featured-swatches button{display:grid;place-items:center;min-width:0;height:44px;padding:5px;border:1px solid transparent;border-radius:6px;background:#fff}
.featured-swatches button span{width:24px;height:24px;border-radius:50%;border:1px solid #0002}
.featured-swatches [aria-pressed=true]{border-color:#242a31;background:#f7f8f9}
.featured-pagination{grid-area:pager;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #eee;font-size:13px;color:#626b74}
.featured-pagination>div{display:flex;gap:8px}
.featured-pagination button{width:44px;height:44px;background:white;border:1px solid #dedede;border-radius:50%;color:#242a31;font-size:20px}
.featured-card{position:relative;background:radial-gradient(ellipse at top right,#fff1f1 0,white 58%);border-color:#eddddd;box-shadow:0 8px 30px #6f172508;animation:featured-enter .65s ease-out both}
.featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d81f26,#f2a5a8 55%,#fff1f1)}
.featured-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #f5d4d6;border-radius:30px;background:#fff1f1;color:#b91820;font-weight:700;letter-spacing:.06em}
.featured-new-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d81f26}
.featured-image{position:relative}
.featured-image img{filter:drop-shadow(0 8px 7px #25252512);transition:transform .3s ease}
.featured-size{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e8e8e8;border-radius:50%;background:white;font-size:14px;font-weight:700;color:#303944}
.featured-swatches button span{transition:transform .2s ease}
.featured-swatches [aria-pressed=true] span{transform:scale(1.1)}
@keyframes featured-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes featured-pulse{0%{box-shadow:0 0 0 0 #d81f2640}80%,100%{box-shadow:0 0 0 7px #d81f2600}}
@media(hover:hover){.featured-image:hover img{transform:translateY(-4px) scale(1.025)}.featured-pagination button:hover{background:#fff1f1;border-color:#d81f26}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-new-dot{animation:none}.featured-image img,.featured-swatches button span{transition:none}.featured-image:hover img{transform:none}}
@media(max-width:600px){.featured-card{grid-template-columns:1fr;grid-template-areas:'copy' 'image' 'colours' 'pager';gap:0;padding:20px 18px 12px}.featured-copy{padding:0}.featured-eyebrow{font-size:12px;margin-bottom:10px}.featured-copy h2{font-size:28px;line-height:1.2;margin-bottom:8px;letter-spacing:-.6px}.featured-description{font-size:14px;margin-bottom:10px}.featured-price{font-size:24px}.featured-image{height:240px;margin-top:10px}.featured-image img{max-height:240px}.featured-image svg{height:220px}.featured-colours{max-width:none;margin-top:0}.featured-pagination{margin-top:12px;padding-top:10px}}

/* Keep the first paint neutral while the featured product script loads. */
.featured-loading{display:grid;place-items:center;min-height:490px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#626b74;font-size:14px}
@media(max-width:600px){.featured-loading{min-height:590px}}

.featured-card[data-preview-paused=false] .featured-eyebrow{animation:featured-badge-glow 3.6s ease-in-out infinite}
.featured-card[data-preview-paused=false] .featured-new-dot{animation:featured-pulse 2.4s ease-out infinite}
@keyframes featured-badge-glow{0%,100%{background:#fff1f1;border-color:#f5d4d6;box-shadow:0 0 0 0 #d81f2600}50%{background:#ffe0e2;border-color:#e9a2a6;box-shadow:0 0 0 5px #d81f260c,0 3px 15px #d81f2614}}
@media(prefers-reduced-motion:reduce){.featured-card[data-preview-paused=false] .featured-eyebrow,.featured-card[data-preview-paused=false] .featured-new-dot{animation:none}}


/* releases/65/catalog.css */
[data-catalog-status]{font-size:14px;line-height:1.5;color:#555d66;margin:12px 0}
[data-catalog-status][hidden]{display:none}
#add-box-to-cart:disabled{opacity:.55;cursor:not-allowed}
.size-options button span{min-height:1.5em}


/* releases/78/categories.css */
#categories .category-child{padding-left:26px;font-size:14px}#categories .category-child::before{content:"";width:8px;border-top:1px solid #b7bcc1;margin-right:8px}.menu-category-children{margin:0 0 8px 14px;padding-left:12px;border-left:1px solid #ddd;display:flex;flex-direction:column}.menu-category-children a{font-size:14px!important}.crumbs{line-height:1.8}


/* releases/192/category-drawer.css */
/* releases/188/category-drawer.css */
/* releases/185/category-drawer.css */
/* releases/182/category-drawer.css */
/* releases/144/category-drawer.css */
/* releases/143/category-drawer.css */
/* releases/137/category-drawer.css */
/* releases/131/category-drawer.css */
/* releases/79/category-drawer.css */
.category-drawer{position:fixed;z-index:35;top:var(--category-drawer-top,80px);bottom:0;left:0;width:260px;max-width:88vw;overflow:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid #e5e5e5;box-shadow:3px 0 12px #00000008;transform:translateX(-102%);transition:transform .2s ease;padding:20px 16px;touch-action:pan-y}.category-drawer-open .category-drawer{transform:translateX(0)}.category-drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:18px}.category-drawer-heading button{border:1px solid #e5e5e5;background:#f6f7f8;border-radius:6px;padding:7px 12px;font-size:20px}.category-drawer-current{font-size:12px;color:#b71c24;line-height:1.6;padding-bottom:12px;border-bottom:1px solid #eee}.category-drawer nav{display:block;padding:0;border:0;font-size:14px;background:transparent}.category-drawer nav a{display:block;padding:10px 8px;line-height:1.4;border-radius:5px;overflow-wrap:anywhere}.category-drawer nav a:hover{background:#f6f7f8}.category-drawer nav a[aria-current=page]{color:#d81f26;background:#fff0f1;font-weight:700}.category-drawer nav a[aria-current=page]::after{content:'✓';float:right;margin-left:5px}.category-drawer nav a.category-ancestor{font-weight:700}.category-drawer .menu-category-children{margin-left:8px;padding-left:8px}.category-drawer-tab{position:fixed;z-index:34;left:0;top:calc(var(--category-drawer-top,80px) + 14px);border:1px solid #e5e5e5;border-left:0;border-radius:0 7px 7px 0;background:#fff;box-shadow:0 3px 10px #0000000a;padding:10px 12px;max-width:180px;text-align:left}.category-drawer-tab strong{display:block;font-size:13px}.category-drawer-tab span{display:block;font-size:11px;color:#a71920;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-drawer-tab[hidden]{display:none}@media(min-width:1200px){body.category-drawer-open>main,body.category-drawer-open>footer,body.category-drawer-open>.preview{margin-left:260px;margin-right:0;max-width:none}}@media(max-width:1199px){.category-drawer{box-shadow:5px 0 22px #0002}.category-drawer-tab{top:auto;bottom:24px;max-width:160px}}@media(prefers-reduced-motion:reduce){.category-drawer{transition:none}}


/* Keep the launcher available over the open forecast, except while its drawer is open. */
.wx-shell[open]~.category-drawer-tab:not([hidden]){display:block}
.category-drawer-tab{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}
.category-tab-scrolled .category-drawer-tab{background:#fff;border-color:#cfd4da;box-shadow:0 4px 16px #00000020}
.category-drawer-tab:focus-visible{outline:2px solid #ad2029;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.category-drawer-tab{transition:none}}


body .category-drawer-tab{
 opacity:1;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
 transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease;
}
/* Fade the whole launcher so it does not cover the content while scrolling. */
body.category-tab-scrolled .category-drawer-tab{
 opacity:.3;
 background:rgba(255,255,255,.65);
 border-color:#cfd4da;
 box-shadow:none;
}
body.category-tab-scrolled .category-drawer-tab:focus-visible,
body.category-tab-scrolled .category-drawer-tab:active{
 opacity:1;
 background:#fff;
}
@media(hover:hover){
 body.category-tab-scrolled .category-drawer-tab:hover{opacity:1;background:#fff}
}
@media(prefers-reduced-motion:reduce){body .category-drawer-tab{transition:none}}


@media(min-width:1200px){.category-drawer{width:220px;box-shadow:none;padding:20px 12px}body.category-drawer-open>main,body.category-drawer-open>footer,body.category-drawer-open>.preview{margin-left:220px;margin-right:0;max-width:none}.category-drawer nav{font-size:13px}}



/* The drawer already reserves 220px; replace the old centred-page gutters. */
@media (min-width:1200px) {
 body.category-drawer-open > main,
 body.category-drawer-open > footer,
 body.category-drawer-open > .preview {
  padding-left:24px;
  padding-right:24px;
  min-width:0;
 }
}


.category-drawer .category-product-list{margin:4px 0 10px 4px;padding-left:4px;border-left:1px solid #e5e7eb;display:grid;gap:3px}
.category-drawer nav .category-product-link{display:flex;align-items:center;gap:8px;padding:5px 6px;min-height:44px;border-radius:5px;text-decoration:none}
.category-product-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:34px;background:#fff;border:1px solid #eee;border-radius:4px;overflow:hidden;color:#8b9095}
.category-product-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.category-product-sku{min-width:0;font-size:12px;line-height:1.2;font-weight:600;color:#d71920;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-drawer nav .category-product-link[aria-current=page]{background:#fff0f1}
.category-drawer nav .category-product-link[aria-current=page]::after{content:none}
.category-drawer nav .category-product-link:focus-visible{outline:2px solid #d71920;outline-offset:1px}
.category-product-preview{position:fixed;z-index:10010;width:260px;max-width:calc(100vw - 16px);padding:12px;border:1px solid #e4e5e7;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0002;box-sizing:border-box}
.category-product-preview[hidden]{display:none}
.category-product-preview img{display:block;width:100%;height:190px;object-fit:contain}
.category-product-preview p{margin:8px 0 0;color:#202832;font-size:12px;line-height:1.4;text-align:center}


.category-drawer nav .category-product-link{display:grid;grid-template-columns:38px minmax(0,1fr);justify-content:start;justify-items:start;column-gap:8px;width:100%;text-align:left}
/* Override the inherited category count spacing on both columns. */
.category-drawer nav .category-product-link>span{margin:0;min-width:0}
.category-drawer nav .category-product-link>.category-product-sku{display:block;width:100%;text-align:left}


.category-product-thumb-pair{position:relative}
.category-product-thumb-pair img{position:absolute;width:72%;height:82%;top:0;right:0}
.category-product-thumb-pair img:first-child{width:58%;height:68%;top:auto;bottom:0;left:0;z-index:1}
.category-product-preview{width:320px}
.category-family-pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;max-height:360px;overflow:auto}
.category-family-pictures figure{margin:0;min-width:0}
.category-family-pictures img{height:150px}
.category-family-pictures figcaption{text-align:center;font-size:12px;font-weight:600}
.category-product-preview .category-family-counts{font-weight:600;color:#d71920}
.category-product-preview .category-family-colours{font-size:11px;color:#526171}


.category-family-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 8px}
.category-family-swatches a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid transparent}
.category-family-swatch{display:block;width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #0002;box-shadow:inset 0 1px 2px #fff4}
.category-family-swatches a:hover,.category-family-swatches a:focus-visible{border-color:#d71920;outline:none;background:#fff1f1}
.category-family-pictures a{display:block;color:inherit;text-decoration:none;border-radius:5px}
.category-family-pictures a:hover{background:#fafafa}
.category-family-pictures a:focus-visible{outline:2px solid #d71920;outline-offset:2px}


/* releases/134/weather.css */
/* releases/133/weather.css */
/* releases/132/weather.css */
/* releases/130/weather.css */
/* releases/129/weather.css */
/* releases/128/weather.css */
/* releases/127/weather.css */
/* releases/126/weather.css */
/* releases/121/weather.css */
/* releases/119/weather.css */
/* releases/116/weather.css */
/* releases/115/weather.css */
/* releases/114/weather.css */
/* releases/113/weather.css */
.weather-panel{margin:32px 0 38px;padding:30px;border:1px solid #e5e8ea;border-radius:10px;background:#fff;scroll-margin-top:95px;color:#232326;overflow:hidden}
.weather-panel [hidden]{display:none!important}.weather-panel .eyebrow{color:#d81f26;margin-bottom:9px}.wx-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.wx-heading h2{font-size:29px;margin-bottom:9px}.wx-subtitle,.wx-location-note,.wx-meta{color:#606772;line-height:1.6;font-size:12px;margin:5px 0}.wx-location{font-size:15px;font-weight:700;margin-top:16px}.wx-controls{display:flex;gap:9px;flex-wrap:wrap}.weather-panel button,.weather-panel summary{font-size:12px}.wx-controls button,.wx-search button,.wx-results button,.wx-retry{border:1px solid #d9dee1;background:#fff;border-radius:5px;padding:11px 14px;min-height:42px;font-weight:600}.wx-controls button:hover,.wx-results button:hover{background:#f5f7f8}.wx-controls button:first-child{color:#b71820;border-color:#edbcc0}.wx-search{margin:20px 0;padding:18px;background:#f5f7f8;border-radius:6px}.wx-search label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.wx-search-row{display:flex;gap:8px}.wx-search input{width:100%;min-width:0;border:1px solid #c9d0d5;border-radius:5px;padding:11px;background:white;font-size:14px}.wx-search button[type=submit]{background:#d81f26;color:#fff;border-color:#d81f26}.wx-search p{font-size:11px;color:#606772;margin:10px 0 0}.wx-results{display:grid;gap:7px;margin-top:12px}.wx-results:empty{display:none}.wx-results button{text-align:left}.wx-status{background:#f5f7f8;padding:15px 18px;border-radius:6px;font-size:13px;line-height:1.6;margin:20px 0 0}.wx-status[data-error=true]{background:#fff4ee;color:#8a3b17}.wx-retry{margin:12px 0 0}.wx-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:22px 0 0;overflow-x:auto;padding:3px 3px 8px}.wx-day{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;background:#f5f7f8;border:1px solid transparent;border-radius:6px;padding:15px 12px;min-width:0;color:#232326}.wx-day[aria-pressed=true]{background:#fff2f2;border-color:#d81f26}.wx-day:hover{border-color:#d81f26}.wx-day strong{font-size:13px}.wx-day .wx-date{font-size:11px;color:#66707b}.wx-symbol{font-size:24px;line-height:1.2}.wx-day .wx-temp{font-size:19px;font-weight:700;white-space:nowrap}.wx-day .wx-temp small{font-size:12px;color:#66707b;font-weight:400}.wx-day .wx-wind{font-size:11px;line-height:1.5}.wx-day .wx-wave{font-size:11px;color:#606772}.wx-detail{margin-top:16px;border-top:1px solid #e5e8ea;padding-top:22px}.wx-detail-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;flex-wrap:wrap}.wx-detail h3{font-size:17px;margin:0 0 10px}.wx-sun{font-size:12px;color:#606772}.wx-tides{display:flex;gap:10px;margin:10px 0 18px;flex-wrap:wrap}.wx-tide{background:#f2f6f8;border-radius:5px;min-width:125px;padding:12px 15px;display:flex;flex-direction:column;gap:6px}.wx-tide span{font-size:11px;color:#606772}.wx-tide strong{font-size:20px}.wx-tide small{font-size:11px;color:#606772}.wx-tide-note{font-size:12px;color:#606772;line-height:1.6;margin:6px 0 16px}.wx-table-wrap{overflow-x:auto;border:1px solid #e5e8ea;border-radius:6px}.wx-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}.wx-table caption{text-align:left;font-weight:600;padding:13px 15px;background:#f5f7f8}.wx-table th,.wx-table td{padding:10px 15px;border-bottom:1px solid #edf0f1}.wx-table th{font-weight:600;color:#5e6770;font-size:11px}.wx-table tr:last-child td{border-bottom:0}.wx-table .wx-desc{white-space:normal;min-width:120px}.wx-source{border-top:1px solid #e5e8ea;margin-top:22px;padding-top:14px;font-size:10px;color:#67707a;line-height:1.8}.wx-source a{text-decoration:underline;text-underline-offset:2px}.wx-source details{padding:8px 0 0;border:0}.wx-source summary{font-size:10px}.wx-source details p{font-size:11px;margin:8px 0;color:#67707a}.wx-source>p{margin:4px 0}
@media(max-width:1000px){.wx-heading{flex-direction:column}.wx-days{grid-template-columns:repeat(7,minmax(115px,1fr))}.wx-day{padding:14px 11px}}
@media(max-width:600px){.weather-panel{padding:20px 15px;margin:24px 0}.wx-heading h2{font-size:25px}.wx-heading{gap:14px}.wx-controls{width:100%}.wx-controls button{flex:1;padding:10px}.wx-days{margin-top:17px;gap:7px;grid-template-columns:repeat(7,112px)}.wx-search{padding:13px}.wx-tide{min-width:calc(50% - 5px);flex:1}.wx-detail-heading{gap:0;flex-direction:column;align-items:flex-start;margin-bottom:12px}.wx-table th,.wx-table td{padding:10px 12px}}


.wx-shell{padding:0;border:0;scroll-margin-top:95px;background:#fff}.wx-banner{list-style:none;display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 5%;background:#fff0f1;color:#a7161e;border-block:1px solid #f6d9dc;font-weight:600;font-size:13px;min-height:52px}.wx-banner::-webkit-details-marker{display:none}.wx-banner:hover{background:#ffe7e9}.wx-banner-title{display:flex;align-items:center;gap:9px;font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:.1px}.wx-live-dot{width:7px;height:7px;background:#d81f26;border-radius:50%;flex-shrink:0}.wx-banner-location{font-size:11px;font-weight:500;color:#8f464a}.wx-banner-chevron{font-size:20px;line-height:1;transition:transform .2s}.wx-shell[open] .wx-banner-chevron{transform:rotate(180deg)}.wx-shell>.weather-panel{width:90%;max-width:1380px;margin:20px auto 0;padding:25px 24px 17px;border-color:#e0e5e9;border-radius:8px;overflow:hidden}.weather-panel .wx-heading h2{font-size:26px}.weather-panel .wx-location{margin-top:12px}.wx-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.weather-panel .wx-days{display:flex;gap:6px;margin:0;padding:3px;overflow-x:auto}.wx-day-tab{display:flex;flex-direction:column;gap:3px;align-items:center;min-width:70px;border:1px solid #dce2e7;border-radius:4px;background:#fff;padding:8px 12px;color:#505a66;white-space:nowrap}.wx-day-tab strong{font-size:12px}.wx-day-tab span{font-size:10px}.wx-day-tab[aria-pressed=true]{background:#d81f26;border-color:#d81f26;color:white}.wx-day-tab:hover{border-color:#d81f26}.wx-units{display:flex;align-items:center;gap:7px;font-size:11px;flex-shrink:0;color:#606772}.wx-units select{border:1px solid #dce2e7;border-radius:4px;padding:8px 5px;background:#fff;font-size:12px;color:#232326}.wx-grid-help{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#697682;margin:13px 0 8px}.wx-grid-scroll{overflow-x:auto;isolation:isolate;border:1px solid #d4dce2;border-radius:5px;scrollbar-color:#a6b6c3 #eff3f6;scrollbar-width:auto;overscroll-behavior-x:contain}.wx-matrix{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;font-variant-numeric:tabular-nums;color:#202c38;text-align:center;background:#fff}.wx-matrix th,.wx-matrix td{padding:8px 3px;border-right:1px solid #ffffff50;border-bottom:1px solid #dce3e8;min-width:49px;width:49px;height:35px;white-space:nowrap;line-height:1.25}.wx-matrix td{font-weight:600}.wx-matrix .wx-row-label{position:sticky;left:0;z-index:2;background:#f6f8fa;min-width:132px;width:132px;padding:8px 12px;text-align:left;border-right:1px solid #c8d2da;font-size:11px;font-weight:700;box-shadow:2px 0 3px #1d354310;white-space:normal}.wx-row-label small{display:block;font-size:9px;font-weight:500;color:#697682;margin-top:3px}.wx-matrix .wx-corner{font-size:9px;letter-spacing:1px;background:#eff3f6}.wx-matrix .wx-day-group{background:#e9eef3;border-right:2px solid #bac7d2;font-size:11px;font-weight:700;letter-spacing:.2px;text-align:left;padding-left:12px;height:30px}.wx-matrix .wx-day-group:nth-child(odd){background:#dfe8ef}.wx-matrix .wx-hour{font-size:10px;font-weight:600;background:#f5f8fa;height:29px}.wx-matrix .wx-day-start{border-left:2px solid #b5c2cf}.wx-matrix tr[data-metric=wind] td,.wx-matrix tr[data-metric=gust] td{font-size:13px;font-weight:800}.wx-matrix tr[data-metric=direction] td{height:48px;background:#f8fafb}.wx-direction-arrow{display:inline-block;font-size:23px;line-height:1;font-weight:700}.wx-direction-label{display:block;font-size:8px;margin-top:3px;font-weight:500;color:#55616e}.wx-condition{font-size:18px;line-height:1}.wx-matrix .wx-day-wide{padding:9px;background:#fafcfd;text-align:left;white-space:normal}.wx-sun-times{font-size:10px;word-spacing:4px;color:#596470;font-weight:500}.wx-tide-events{display:flex;justify-content:space-around;gap:12px;min-width:0}.wx-tide-event{display:flex;flex-direction:column;gap:5px;min-width:52px;text-align:left}.wx-tide-event>span{font-size:8px;letter-spacing:.5px;color:#626f7d;font-weight:600}.wx-tide-event strong{font-size:13px;color:#233f59}.wx-tide-event small{font-size:9px;color:#647482;font-weight:500}.wx-tide-high>span{color:#165f9b}.wx-no-tides{font-size:10px;color:#66717c;font-weight:400}.wx-legend{display:flex;align-items:center;gap:0;margin:12px 0;flex-wrap:wrap}.wx-legend-title{font-size:10px;color:#66717c;margin-right:10px}.wx-legend-chip{display:inline-block;text-align:center;min-width:28px;padding:4px 3px;font-size:9px;color:#253442}.weather-panel .wx-tide-note,.weather-panel .wx-meta{font-size:10px;line-height:1.6;margin:6px 0}.weather-panel .wx-source{margin-top:12px;padding-top:10px}.wx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.wx-shell>.weather-panel{width:calc(100% - max(10%,calc(100vw - 1380px)))}}
@media(max-width:700px){.wx-banner{gap:12px;flex-wrap:wrap;padding:12px 4%;row-gap:4px}.wx-banner-title{font-size:13px}.wx-banner-location{font-size:10px}.wx-shell>.weather-panel{width:94%;padding:19px 12px 14px;margin-top:12px}.weather-panel .wx-heading h2{font-size:23px}.weather-panel .wx-subtitle{font-size:11px}.wx-grid-toolbar{flex-wrap:wrap;gap:8px;margin-top:17px}.weather-panel .wx-days{width:100%}.wx-day-tab{min-width:62px;padding:7px 8px}.wx-units{margin-left:auto}.wx-grid-help{font-size:9px;gap:12px;line-height:1.5;margin-top:10px}.wx-grid-help span:last-child{text-align:right;max-width:125px}.wx-matrix .wx-row-label{min-width:103px;width:103px;padding:7px 8px;font-size:10px}.wx-row-label small{font-size:8px}.wx-matrix th,.wx-matrix td{min-width:44px;width:44px;height:34px}.wx-matrix .wx-hour{font-size:9px}.wx-matrix .wx-day-group{font-size:10px}.wx-legend-title{width:100%;margin-bottom:5px}.wx-legend-chip{min-width:25px}.wx-banner-location{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.wx-banner-chevron{transition:none}}
@media(min-width:1200px){body.category-drawer-open>.wx-shell{margin-left:260px;margin-right:0;max-width:none}}
.wx-grid-scroll{position:relative}
.wx-shell[open]~.category-drawer-tab{display:none}


.wx-next-tides{margin-top:22px}.wx-next-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}.wx-next-heading h3{font:700 17px 'Manrope',Arial,sans-serif;margin:0}.wx-next-heading>span{font-size:10px;color:#66717c}.wx-tide-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wx-next-card{padding:18px 20px;border:1px solid #dce4eb;border-radius:7px;background:#f8fafc;min-width:0}.wx-next-card.is-next{border-color:#a9c7df;background:#edf5fb}.wx-next-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:21px}.wx-next-card h4{margin:0;color:#244d6d;font-size:13px;font-weight:700}.wx-up-next{font-size:8px;font-weight:800;letter-spacing:.8px;color:#225c86}.wx-tide-clock{display:flex;align-items:baseline;gap:13px;margin:12px 0 14px;flex-wrap:wrap}.wx-next-time{font:800 38px/1.1 'Manrope',Arial,sans-serif;letter-spacing:-1px;color:#1f3445;font-variant-numeric:tabular-nums}.wx-next-date{font-size:12px;color:#687987}.wx-tide-remaining{display:flex;flex-direction:column;gap:6px;border-top:1px solid #d8e3ec;padding-top:12px}.wx-tide-remaining>span{font-size:10px;color:#647382}.wx-next-countdown{font-size:21px;letter-spacing:.3px;color:#244d6d;font-variant-numeric:tabular-nums;white-space:nowrap}.weather-panel .wx-next-height{font-size:10px;margin:10px 0 0;color:#667788}.weather-panel .wx-next-note{font-size:10px;line-height:1.6;color:#66717c;margin:9px 0 0}
@media(max-width:600px){.wx-next-heading{gap:5px}.wx-next-heading>span{font-size:9px}.wx-tide-cards{gap:8px}.wx-next-card{padding:14px 10px}.wx-next-card h4{font-size:11px}.wx-next-card-top{align-items:flex-start;flex-direction:column;gap:5px;min-height:34px}.wx-tide-clock{gap:6px;flex-direction:column;margin:9px 0 12px}.wx-next-time{font-size:30px}.wx-next-date{font-size:10px}.wx-next-countdown{font-size:16px;letter-spacing:0}.wx-tide-remaining>span{font-size:9px}.weather-panel .wx-next-height{font-size:9px}}
@media(max-width:340px){.wx-tide-cards{grid-template-columns:1fr}.wx-next-card-top,.wx-tide-clock{flex-direction:row}.wx-next-card-top{min-height:0}}


.wx-shell{--wx-tone:#475569;--wx-tint:#f1f5f9;--wx-edge:#cbd5e1;--wx-hover:#e8eef4}
.wx-shell[data-condition=favorable]{--wx-tone:#166534;--wx-tint:#eaf7ee;--wx-edge:#a7d8b5;--wx-hover:#dff2e5}
.wx-shell[data-condition=mild]{--wx-tone:#9a4505;--wx-tint:#fff3e2;--wx-edge:#efc58e;--wx-hover:#ffebce}
.wx-shell[data-condition=poor]{--wx-tone:#a51e29;--wx-tint:#fff0f1;--wx-edge:#e9b0b6;--wx-hover:#ffe3e6}
.wx-shell .wx-banner{background:var(--wx-tint);color:var(--wx-tone);border-color:var(--wx-edge);gap:20px;cursor:pointer;transition:background-color .25s,color .25s;min-height:66px}
.wx-shell .wx-banner:hover{background:var(--wx-hover)}
.wx-banner:focus-visible{outline:3px solid var(--wx-tone);outline-offset:-4px}
.wx-banner .wx-live-dot{background:var(--wx-tone);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--wx-tone) 10%,transparent)}
.wx-banner .wx-banner-location{color:var(--wx-tone)}
.wx-banner-rating{display:flex;flex-direction:column;gap:3px;padding-left:18px;border-left:1px solid var(--wx-edge)}
.wx-banner-rating strong{font-size:12px;font-weight:800}.wx-banner-rating>span{font-size:9px;font-weight:500}
.wx-banner-action{font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.wx-banner-chevron{font-size:23px}
.wx-condition-panel{margin-top:24px;padding-top:20px;border-top:1px solid #e1e7ed}
.wx-condition-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.wx-condition-heading h3{font:700 17px 'Manrope',Arial,sans-serif;margin:0}.wx-condition-heading>span{font-size:10px;color:#64748b}
.wx-condition-controls{display:flex;gap:10px;align-items:flex-end;margin:14px 0}
.wx-condition-controls label{display:flex;flex-direction:column;gap:6px;flex:1;font-size:10px;color:#526173;min-width:0}
.wx-condition-controls select,.wx-condition-controls button{min-height:42px;border:1px solid #cdd8e1;border-radius:5px;background:#fff;color:#233f59;padding:9px 10px;font-size:12px;font-family:inherit}
.wx-condition-controls button{cursor:pointer;flex-shrink:0}.wx-condition-controls button:disabled{opacity:.45;cursor:default}
.wx-condition-card{border:1px solid #cbd5e1;border-left:4px solid #64748b;border-radius:6px;background:#f1f5f9;padding:16px 18px;color:#475569}
.wx-condition-card[data-level=favorable]{border-color:#a7d8b5;border-left-color:#238346;background:#eaf7ee;color:#166534}
.wx-condition-card[data-level=mild]{border-color:#efc58e;border-left-color:#c66a0a;background:#fff3e2;color:#9a4505}
.wx-condition-card[data-level=poor]{border-color:#e9b0b6;border-left-color:#c22c39;background:#fff0f1;color:#a51e29}
.wx-condition-card>strong{font:800 21px 'Manrope',Arial,sans-serif;display:block}.wx-condition-card>span{font-size:10px;display:block;margin-top:5px}
.wx-condition-card ul{display:flex;flex-wrap:wrap;gap:7px 24px;margin:12px 0 0;padding-left:17px;font-size:12px;line-height:1.5}
.wx-condition-key{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:10px;font-weight:700}.wx-key-poor{color:#a51e29}.wx-key-mild{color:#9a4505}.wx-key-favorable{color:#166534}
.weather-panel .wx-rating-note,.wx-rating-method{font-size:10px;color:#64748b;line-height:1.6}.weather-panel .wx-rating-note{margin:10px 0}.wx-rating-method summary{cursor:pointer;color:#475569}.wx-rating-method p{font-size:10px;line-height:1.7}
.wx-hour-select{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;padding:6px 3px;width:100%;min-height:30px;border-radius:3px}.wx-hour-select:hover{background:#dce9f4}.wx-hour-select[aria-pressed=true]{background:#244d6d;color:#fff;box-shadow:0 0 0 2px #244d6d}.wx-hour-select:focus-visible{outline:2px solid #244d6d;outline-offset:1px}
@media(max-width:700px){.wx-shell .wx-banner{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:13px 5%}.wx-banner-title{grid-column:1;grid-row:1}.wx-banner .wx-banner-location{grid-column:1;grid-row:2;max-width:100%;font-size:11px}.wx-banner-rating{grid-column:1;grid-row:3;border:0;padding:0;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.wx-banner-rating strong{font-size:12px}.wx-banner-action{grid-column:2;grid-row:2;align-self:start}.wx-banner-chevron{grid-column:2;grid-row:1;justify-self:end}.wx-condition-card{padding:14px}.wx-condition-card ul{display:block}.wx-condition-card li+li{margin-top:4px}.wx-condition-key{gap:13px}.wx-condition-controls select{width:100%}}
@media(prefers-reduced-motion:reduce){.wx-shell .wx-banner{transition:none}}


.wx-location-map{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-top:22px;padding:20px 0 0;border-top:1px solid #e1e7ed}
.wx-map-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.wx-map-info h3{font:700 17px 'Manrope',Arial,sans-serif;margin:0 0 10px}.wx-map-source{display:inline-block;background:#edf3f8;border:1px solid #d2e0eb;border-radius:20px;color:#315471;font-size:9px;font-weight:700;padding:4px 9px;margin-bottom:10px}
.wx-map-info>strong{font-size:13px;color:#263f53;margin-bottom:11px}.wx-map-info>span:not(.wx-map-source){font-size:9px;color:#687987}.wx-map-info output{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#244d6d;margin-top:4px;overflow-wrap:anywhere}
.weather-panel .wx-map-info p{font-size:10px;line-height:1.6;color:#64748b;margin:7px 0 0}.wx-map-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:13px}.wx-map-actions button{background:#fff;border:1px solid #cdd8e1;border-radius:4px;color:#244d6d;font-family:inherit;font-weight:600;font-size:10px;padding:9px 11px;cursor:pointer}.wx-map-actions a{font-size:10px;color:#244d6d;text-underline-offset:3px}
.wx-map-view{min-width:0}.wx-map-view iframe{width:100%;height:230px;border:1px solid #cfdae3;border-radius:7px;background:#eef3f6;display:block}.wx-map-view iframe[hidden]{display:none}.weather-panel .wx-map-view p{font-size:9px;line-height:1.5;margin:6px 0 0;color:#64748b}.wx-map-view a{color:#315471}
@media(max-width:700px){.wx-location-map{grid-template-columns:1fr;gap:14px}.wx-map-view iframe{height:210px}.wx-map-info h3{font-size:16px}}


/* Brighter forecast bands with neutral framing, inspired by the supplied reference. */
.wx-matrix{color:#152736}.wx-matrix th,.wx-matrix td{border-bottom-color:#eceef1;border-right-color:#ffffffa6}
.wx-matrix .wx-row-label{background:#f4f4f5;border-right-color:#c9ccd2;color:#26313d}.wx-matrix .wx-corner{background:#eeeeef}
.wx-matrix .wx-day-group{background:#e7e7ea;border-right-color:#b7bbc3}.wx-matrix .wx-day-group:nth-child(odd){background:#dddfe4}
.wx-matrix .wx-hour{background:#f4f4f5}.wx-matrix .wx-day-start{border-left-color:#b9c3d3}
.wx-matrix tr[data-metric=direction] td,.wx-matrix tr[data-metric=description] td{background:#fff}.wx-direction-arrow{color:#101b24}
.wx-matrix .wx-day-wide{background:#fff}.wx-legend-chip{color:#152736;border-block:1px solid #e3e6eb}


.wx-matrix .wx-event-cell{vertical-align:middle;background:#fff;color:#87929e}
.wx-matrix .wx-event-cell.wx-has-event{background:#eff6fb}
.wx-matrix tr[data-metric=sun] .wx-has-event{background:#fff7dc}
.wx-matrix .wx-hour-event{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-align:center;white-space:nowrap}
.wx-hour-event+.wx-hour-event{margin-top:8px;padding-top:6px;border-top:1px solid #dce3e8}
.wx-matrix .wx-hour-event>span{font-size:8px;letter-spacing:0;color:#42617a}
.wx-matrix .wx-hour-event strong{font-size:11px;color:#233f59}
.wx-matrix .wx-hour-event small{font-size:8px;color:#647482;font-weight:500}
.wx-matrix .wx-solar-event>span{color:#896111}


.weather-panel .wx-next-height{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;color:#244d6d}
.wx-next-height>span{font-size:11px;font-weight:600;color:#496174}
.wx-next-height .wx-height-value{font:800 34px/1.15 'Manrope',Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#173e5c;white-space:nowrap}
.wx-next-height .wx-height-value.is-unavailable{font-size:15px;letter-spacing:0;white-space:normal;color:#647382}
@media(max-width:600px){.weather-panel .wx-next-height{margin-bottom:14px}.wx-next-height>span{font-size:10px}.wx-next-height .wx-height-value{font-size:28px}}


.wx-tide-cards{display:flex;flex-direction:column;gap:20px}
.wx-tide-day-heading{margin:0 0 10px;padding:10px 12px;background:#e9f0f6;border-left:4px solid #244d6d;border-radius:3px;font:800 16px/1.4 'Manrope',Arial,sans-serif;color:#173e5c}
.wx-tide-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wx-tide-type{margin:0;color:#244d6d;font-size:12px;font-weight:700}
.wx-tide-day-grid .wx-next-card{padding:15px 12px}
.wx-tide-day-grid .wx-next-card-top{flex-direction:column;align-items:flex-start;gap:5px;min-height:34px}
.wx-tide-day-grid .wx-tide-clock{flex-direction:column;gap:7px;margin:10px 0 12px}
.wx-tide-day-grid .wx-next-time{font-size:30px}
.wx-tide-day-grid .wx-next-date{font-size:12px;font-weight:700;color:#244d6d}
.wx-tide-day-grid .wx-height-value{font-size:28px}
.wx-tide-day-grid .wx-next-countdown{font-size:16px;letter-spacing:0}
@media(max-width:1000px){.wx-tide-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wx-tide-day-heading{font-size:14px;padding:9px 10px}.wx-tide-day-grid{gap:8px}.wx-tide-type{font-size:11px}.wx-tide-day-grid .wx-next-card{padding:12px 10px}.wx-tide-day-grid .wx-next-date{font-size:11px}}
@media(max-width:340px){.wx-tide-day-grid{grid-template-columns:1fr}}


.wx-activity-panel{border:1px solid #d8dce8;border-radius:14px;padding:22px;margin:24px 0;background:#fff;color:#243747}
.wx-activity-panel h3{margin:0;font-size:23px}.wx-activity-panel h4{font-size:18px;margin:24px 0 8px}
.wx-activity-current{display:flex;flex-direction:column;gap:7px;padding:16px 18px;background:#f3f2fa;border-left:4px solid #75639a;border-radius:8px;font-size:14px;line-height:1.5;margin-top:16px}
.wx-activity-current>strong{font-size:19px;color:#503e75}.wx-activity-current[data-activity="minor"]{background:#fff8e8;border-color:#b58a29}.wx-activity-current[data-activity="outside"]{background:#f4f6f8;border-color:#98a3ae}
.wx-activity-note,.wx-activity-method{font-size:13px;line-height:1.6;color:#566272}.wx-activity-method{margin-top:18px}.wx-activity-method summary{cursor:pointer;font-weight:600;color:#36495f}.wx-activity-method a{color:#345d88}
.wx-fishing-windows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.wx-fishing-window{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-width:0;border:1px solid #d5dfdf;background:#f7fbfa;border-radius:10px;padding:15px;color:#233d43;cursor:pointer;font:inherit;font-size:12px}
.wx-fishing-window:hover{border-color:#698d82;background:#edf6f2}.wx-fishing-window:focus-visible,.wx-activity-hour:focus-visible{outline:3px solid #286b9b;outline-offset:2px}.wx-fishing-window strong{font-size:24px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.wx-window-date{font-weight:700;font-size:14px}.wx-window-weather{color:#28674c;background:#e0f0e7;padding:4px 7px;border-radius:4px;font-weight:600}
.wx-matrix td[data-activity="major"]{background:#dcd1f3}.wx-matrix td[data-activity="minor"]{background:#fff0b9}.wx-matrix td[data-activity="outside"]{background:#f5f6f8}
.wx-matrix .wx-activity-hour{display:block;width:100%;min-height:42px;border:0;background:transparent;padding:2px;color:#46375f;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.wx-matrix .wx-moon-phase{text-align:left;font-size:12px;padding:12px;color:#53446a;background:#f5f2fa}
@media(max-width:1000px){.wx-fishing-windows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wx-activity-panel{padding:15px 12px}.wx-activity-panel h3{font-size:20px}.wx-activity-current{padding:12px;font-size:12px}.wx-fishing-window{padding:12px 9px}.wx-fishing-window strong{font-size:21px}.wx-window-date{font-size:12px}.wx-activity-panel .wx-condition-heading{align-items:flex-start}.wx-activity-panel .wx-condition-heading>span{font-size:11px}}
@media(max-width:340px){.wx-fishing-windows{grid-template-columns:1fr}}

.wx-moon-phase>span{position:sticky;left:142px;display:inline-block}
@media(max-width:700px){.wx-moon-phase>span{left:113px;font-size:10px}}


.wx-tide-cards{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;max-width:100%;padding:2px 1px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#99adbd #edf2f6;overscroll-behavior-x:contain}
.wx-tide-cards>.wx-next-card{flex:0 0 220px;min-width:0;box-sizing:border-box;padding:18px;scroll-snap-align:start}
.wx-tide-cards .wx-next-card-top{flex-direction:column;align-items:flex-start;gap:5px;min-height:35px}
.wx-tide-cards .wx-tide-clock{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 16px}
.wx-tide-cards .wx-next-time{font-size:36px}
.wx-tide-cards .wx-next-date{font-size:13px;font-weight:800;line-height:1.4;color:#244d6d;min-height:37px}
.wx-tide-cards .wx-next-countdown{font-size:19px}
.wx-tide-scroll-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 10px;color:#576d7e;font-size:12px}
.wx-tide-scroll-help>div{display:flex;gap:6px}
.wx-tide-scroll-help button{display:grid;place-items:center;width:36px;height:34px;border:1px solid #cbd7e1;border-radius:6px;background:#fff;color:#244d6d;font-size:21px;cursor:pointer}
.wx-tide-scroll-help button:hover{background:#edf5fb}
.wx-tide-cards:focus-visible,.wx-tide-scroll-help button:focus-visible{outline:2px solid #286b9b;outline-offset:2px}
@media(max-width:600px){.wx-tide-cards>.wx-next-card{flex-basis:200px;padding:16px}.wx-tide-cards .wx-height-value{font-size:32px}.wx-tide-cards .wx-next-date{font-size:12px;min-height:34px}.wx-tide-cards .wx-next-countdown{font-size:18px}.wx-tide-scroll-help{font-size:11px}}


.wx-fishing-windows{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;max-width:100%;padding:2px 1px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#99adbd #edf2f6;overscroll-behavior-x:contain}
.wx-fishing-windows>.wx-fishing-window{flex:0 0 245px;box-sizing:border-box;scroll-snap-align:start;padding:18px;gap:9px}
.wx-fishing-window>strong{white-space:nowrap;font-size:27px}
.wx-fishing-window .wx-window-weather{margin-top:auto}
.wx-window-scroll-help[hidden]{display:none}
.wx-fish-meter{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:5px 0;color:#63508d}
.wx-fish-icons{display:flex;align-items:center;gap:5px}
.wx-fish-icons svg{display:block;width:30px;height:20px;fill:currentColor}
.wx-fish-icons .is-empty{color:#dce0e6}.wx-fish-icons .is-filled{color:#7353a5}.wx-fish-eye{fill:#fff}
.wx-fish-caption{font-size:11px;font-weight:700;line-height:1.4}
.wx-fish-legend{font-size:12px;line-height:1.5;color:#606779;margin:9px 0}
.wx-fish-meter.is-compact{align-items:center;margin:4px 0 0}.wx-fish-meter.is-compact .wx-fish-icons{gap:2px}.wx-fish-meter.is-compact svg{width:10px;height:8px}
.wx-fishing-windows:focus-visible{outline:2px solid #286b9b;outline-offset:2px}
@media(max-width:600px){.wx-fishing-windows>.wx-fishing-window{flex-basis:225px;padding:16px}.wx-fishing-window>strong{font-size:25px}.wx-fish-legend{font-size:11px}}


/* Avoid scroll-snap repositioning while a live forecast updates on mobile Safari. */
.wx-fishing-windows{position:relative;scroll-snap-type:none;overscroll-behavior-x:none;direction:ltr}
.wx-fishing-windows>.wx-fishing-window{scroll-snap-align:none}
.wx-fishing-windows>.wx-window-empty{cursor:default;background:#f5f6f8;border-color:#dce1e6;color:#465363}
.wx-fishing-windows>.wx-window-empty:hover{background:#f5f6f8;border-color:#dce1e6}
.wx-window-empty>strong{font-size:21px;white-space:normal;line-height:1.3}
.wx-window-empty .wx-fish-meter{color:#687385}.wx-window-empty .wx-fish-caption{display:none}
.wx-empty-reason{font-size:12px;line-height:1.5}.wx-empty-note{font-size:11px;color:#6b7280;line-height:1.5;margin-top:auto}
.wx-window-scroll-help button:disabled{opacity:.35;cursor:default;background:#f6f7f8}
@media(max-width:600px){.wx-window-empty>strong{font-size:20px}}


.wx-matrix .wx-hour-state{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;line-height:1.3;white-space:nowrap;font-weight:600}
.wx-matrix .wx-hour-state small{font-size:9px;font-weight:400}
.wx-matrix td[data-hour-state="day"]{background:#fff5cd;color:#735313}
.wx-matrix td[data-hour-state="night"]{background:#edf0f9;color:#485575}
.wx-matrix td[data-hour-state="rising"]{background:#e2f3f7;color:#226175}
.wx-matrix td[data-hour-state="falling"]{background:#edf4f9;color:#3c607c}
.wx-matrix td[data-hour-state="above"]{background:#eee8f7;color:#655184}
.wx-matrix td[data-hour-state="below"]{background:#f4f2f7;color:#71677d}
.wx-matrix td[data-hour-state="unknown"]{background:#f5f6f7;color:#6b7280}
.wx-matrix td[data-hour-state="unknown"] .wx-hour-state{font-size:8px}


/* releases/202/catalogue.css */
#products{grid-template-columns:repeat(2,minmax(0,1fr))}
#products .product{display:flex;flex-direction:column;min-width:0}
#products .product-image{height:auto;aspect-ratio:1;display:grid;place-items:center}
#products .product-image img{width:100%;height:100%;min-height:0;object-fit:contain}
#products .product-info{flex:1;display:flex;flex-direction:column}
#products .card-bottom{margin-top:auto;gap:12px;flex-wrap:wrap}
@media(min-width:800px){#products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){#products{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* releases/203/catalogue-options.css */
#products .catalogue-option-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 6px;color:#59616a;font-size:12px}
#products .catalogue-option-label strong{font-weight:600;color:#252a30}
.catalogue-swatches,.catalogue-sizes{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 5px}
.catalogue-swatches button{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent}
.catalogue-swatches button span{width:20px;height:20px;border-radius:50%;background:var(--swatch);border:1px solid #0002;box-shadow:inset 0 1px 2px #fff4}
.catalogue-swatches button[aria-pressed=true]{border-color:#d71920;background:#fff2f3}
.catalogue-sizes button{min-height:34px;min-width:48px;padding:6px 12px;border:1px solid #d9dee2;border-radius:5px;background:#fff;color:#252a30;font-weight:600;font-size:13px}
.catalogue-sizes button[aria-pressed=true]{border-color:#d71920;background:#fff3f4;color:#c51a24}
.catalogue-swatches button:hover,.catalogue-sizes button:hover{border-color:#d71920}
#products .card-bottom{padding-top:16px}


/* releases/205/category-preview.css */
.category-family-swatches a.is-previewed{border-color:#d71920;background:#fff1f1}
.category-family-pictures figure[hidden]{display:none}


/* releases/206/category-preview.css */
.category-product-link .category-product-sku{font-weight:800}
.category-product-preview .category-family-name{font-weight:800}


/* releases/206/catalogue.css */
#products{display:flex;flex-wrap:wrap;justify-content:center;gap:23px 18px}
#products>.product{flex:0 0 calc(50% - 9px)}
#products>.empty{flex-basis:100%;text-align:center}
@media(max-width:600px){#products{gap:12px}#products>.product{flex-basis:calc(50% - 6px)}}
@media(min-width:800px){#products>.product{flex-basis:calc(33.333333% - 12px)}}
@media(min-width:1100px){#products>.product{flex-basis:calc(25% - 13.5px)}}


/* releases/211/catalogue.css */
#products .card-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:20px}
#products .price{display:block;color:#df1722;font-size:clamp(23px,2vw,29px);font-weight:800;line-height:1.15}
#products .catalogue-from{display:block;margin-bottom:4px;font-size:12px;font-weight:500}
#products .catalogue-price-pending{font-size:18px;line-height:1.3}
#products .catalogue-add{width:100%;min-height:44px;border:1px solid #e51a24;border-radius:5px;background:#e51a24;color:#fff;font-size:14px;font-weight:700;padding:11px 12px}
#products .catalogue-add:hover:not(:disabled){background:#c9121c}
#products .catalogue-add:disabled{opacity:.5}
#products .catalogue-view{text-align:center;font-size:12px;color:#475466;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#products .price{font-size:23px}#products .catalogue-price-pending{font-size:16px}#products .catalogue-add{font-size:13px;padding:10px 6px}}


/* releases/214/catalogue.css */
#products .product-image{aspect-ratio:4/3;padding:8px}
#products .product-info{padding:12px 16px}
#products .product-info h3{margin:5px 0 4px}
#products .catalogue-option-label{margin:8px 0 3px}
#products .catalogue-swatches,#products .catalogue-sizes{margin-bottom:2px}
#products .card-bottom{padding-top:12px;gap:9px}
#products .catalogue-from{display:inline;margin:0 6px 0 0}
#products .catalogue-buy{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;border:1px solid #e51a24;border-radius:5px;background:#e51a24;color:#fff;font-size:14px;font-weight:700;padding:10px 12px;text-decoration:none}
#products .catalogue-buy:hover{background:#c9121c}
@media(max-width:600px){#products .product-info{padding:10px}#products .product-image{padding:4px}#products .catalogue-buy{font-size:13px;padding:10px 6px}}

#products .product-image img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
@media(max-width:600px){#products .product-image img{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}}


/* releases/215/catalogue.css */
#products .catalogue-colour-label{justify-content:flex-start;gap:5px}


/* releases/216/catalogue.css */
#products .catalogue-swatches button,#products .catalogue-sizes button{cursor:pointer;transition:transform 120ms ease,box-shadow 120ms ease,background-color 120ms ease}
#products .catalogue-swatches button:active,#products .catalogue-sizes button:active{transform:scale(.9);box-shadow:inset 0 2px 4px #0002}
#products .catalogue-swatches button:focus-visible,#products .catalogue-sizes button:focus-visible{outline:2px solid #252a30;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#products .catalogue-swatches button,#products .catalogue-sizes button{transition:none}}


/* releases/222/catalogue.css */
#products .catalogue-auto-fit{overflow:hidden}
#products .catalogue-auto-fit img{max-width:none}


/* releases/220/press-feedback.css */
/* Shared mouse, touch and keyboard press feedback. Individual scale composes
   with existing positioning/rotation transforms rather than replacing them. */
:is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.primary,a.secondary,a.btn,a.button,a.catalogue-buy,a.explore-3d-link,a.viewer-launch,a.category-link,a.category-product-link,[data-category-link]):not(:disabled):not([aria-disabled="true"]){transition:scale 120ms ease,box-shadow 120ms ease,background-color 120ms ease;transform-origin:center}
:is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.primary,a.secondary,a.btn,a.button,a.catalogue-buy,a.explore-3d-link,a.viewer-launch,a.category-link,a.category-product-link,[data-category-link]):not(:disabled):not([aria-disabled="true"]):active{scale:.94;box-shadow:inset 0 2px 4px #0002}
/* The earlier catalogue rule used transform; avoid applying two scales. */
#products .catalogue-swatches button:active,#products .catalogue-sizes button:active{transform:none}
@media(prefers-reduced-motion:reduce){
 :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.primary,a.secondary,a.btn,a.button,a.catalogue-buy,a.explore-3d-link,a.viewer-launch,a.category-link,a.category-product-link,[data-category-link]):not(:disabled):not([aria-disabled="true"]){transition:none}
 :is(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"],summary,a.primary,a.secondary,a.btn,a.button,a.catalogue-buy,a.explore-3d-link,a.viewer-launch,a.category-link,a.category-product-link,[data-category-link]):not(:disabled):not([aria-disabled="true"]):active{scale:1}
}


/* releases/223/catalogue.css */
#products>.product{container-type:inline-size}
#products .catalogue-choice-price{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;margin-top:4px}
#products .catalogue-colour-options,#products .catalogue-size-options{grid-column:1;min-width:0}
#products .catalogue-choice-price>.price{grid-column:2;grid-row:1 / span 2;text-align:right;font-size:28px;max-width:135px;align-self:center}
#products .catalogue-choice-price>.price>span:last-child{white-space:nowrap}
#products .catalogue-choice-price>.catalogue-price-pending{font-size:17px;line-height:1.35;max-width:122px}
#products .catalogue-choice-price .catalogue-from{display:block;margin:0 0 3px}
#products .card-bottom{padding-top:12px}
@container(max-width:330px){
 #products .catalogue-choice-price{column-gap:8px}
 #products .catalogue-colour-options{grid-column:1 / -1}
 #products .catalogue-size-options{grid-row:2}
 #products .catalogue-choice-price>.price{grid-row:2;font-size:20px;max-width:105px}
 #products .catalogue-choice-price>.catalogue-price-pending{font-size:14px;max-width:90px}
 #products .catalogue-sizes button{min-width:40px;padding:6px 9px}
}
@container(max-width:210px){
 #products .catalogue-choice-price{column-gap:5px}
 #products .catalogue-choice-price>.price{font-size:17px;max-width:82px}
 #products .catalogue-choice-price>.catalogue-price-pending{font-size:12px;max-width:72px}
 #products .catalogue-sizes{gap:3px}
 #products .catalogue-sizes button{min-width:32px;padding:6px;font-size:12px}
}


/* releases/224/home-only.css */
#weather[hidden]{display:none!important}


/* releases/225/catalogue.css */
/* Each card follows its own content, without an empty spacer above Buy Now. */
#products{align-items:flex-start}
#products .product-info{flex:0 0 auto}
#products .card-bottom{margin-top:0;padding-top:8px}


/* releases/226/catalogue.css */
/* Let colours use the full row; align both price states beside the sizes. */
#products .catalogue-colour-options{grid-column:1 / -1;grid-row:1}
#products .catalogue-size-options{grid-column:1;grid-row:2}
#products .catalogue-choice-price>.price{grid-column:2;grid-row:2;align-self:center}
#products .catalogue-choice-price>.catalogue-price-pending{font-size:17px;line-height:1.3;max-width:140px}
#products .catalogue-size-options{min-height:60px}
@container(max-width:330px){
 #products .product-info h3{line-height:1.4;min-height:2.8em}
 #products .catalogue-swatches{min-height:63px;align-content:flex-start}
 #products .catalogue-choice-price>.catalogue-price-pending{font-size:14px;max-width:90px}
}
@container(max-width:210px){
 #products .catalogue-choice-price>.catalogue-price-pending{font-size:12px;max-width:72px}
}


/* releases/228/catalogue.css */
#products .catalogue-saved-image{overflow:hidden}
#products .catalogue-saved-image img{inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}


/* releases/229/sidebar.css */
.category-drawer-tab{width:60px!important;min-width:60px!important;max-width:60px!important;height:40px!important;min-height:40px!important;padding:4px 3px!important;left:0!important;border-radius:0 7px 7px 0!important;display:grid;place-items:center;gap:2px!important;line-height:1.1!important}
.category-drawer-tab[hidden]{display:none!important}
.category-drawer-tab>span{display:block!important;font-size:9px!important}
.category-drawer-tab>strong{font-size:11px!important;font-weight:600!important}
.category-drawer-search{display:block;margin:8px 0 14px}
.category-drawer-search input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d7dde1;border-radius:6px;padding:9px 8px;font:inherit;font-size:12px;background:#fff;color:#242a31}
.category-drawer-search input:focus{outline:2px solid #ed171d;outline-offset:1px}
.category-drawer #sidebar-search-results .search-result{display:flex;gap:7px;padding:10px 0;border-bottom:1px solid #eee;color:inherit;text-decoration:none}
.category-drawer #sidebar-search-results .search-result img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.category-drawer #sidebar-search-results .search-result-copy{min-width:0;display:grid;gap:3px;font-size:11px}
.category-drawer #sidebar-search-results strong{font-size:12px}
.category-drawer #sidebar-search-results b{color:#ed171d}
.category-drawer #sidebar-search-results .search-result-status{font-size:11px;color:#63717e}

.category-drawer nav[hidden]{display:none!important}
@media(max-width:800px){.category-drawer-tab{top:var(--category-drawer-top,76px)!important;left:8px!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:24px!important;min-height:24px!important;display:flex;justify-content:center;gap:7px!important;border-radius:0 0 6px 6px!important}}


/* releases/289/photo-panels.css */
/* 6L studio photographs: blend the photographic backdrop into its panel. */
.featured-image:has(img[src*="multibox-studio287/"]),
.catalogue-saved-image:has(img[src*="multibox-studio287/"]) {
  background: #efeff2 !important;
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio287/"],
#products .catalogue-saved-image img[src*="multibox-studio287/"],
.catalogue-saved-image img[src*="multibox-studio287/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  mask-composite: intersect;
}


/* releases/291/photo-panels.css */
/* Approved 6L studio photographs only: continuous pale blush photo surfaces.
   The empty outer 8% of the photograph blends into the surrounding panel.
   No filters, recolouring, crops, or changes to product/stand pixels. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: radial-gradient(ellipse at 50% 45%, #eeedf1 0%, #f5eff1 62%, #fbf4f4 100%) !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  mask-composite: intersect;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}


/* releases/292/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio292/"]),
.catalogue-saved-image:has(img[src*="multibox-studio292/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio292/"],
#products .catalogue-saved-image img[src*="multibox-studio292/"],
.catalogue-saved-image img[src*="multibox-studio292/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/293/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio293/"]),
.catalogue-saved-image:has(img[src*="multibox-studio293/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio293/"],
#products .catalogue-saved-image img[src*="multibox-studio293/"],
.catalogue-saved-image img[src*="multibox-studio293/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/294/product-bases.css */
/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio293/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio293/"][src$="-top.webp"],
img[src*="/multibox-studio293/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* Eight studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio293/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio293/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio293/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}


/* releases/295/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio295/"]),
.catalogue-saved-image:has(img[src*="multibox-studio295/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio295/"],
#products .catalogue-saved-image img[src*="multibox-studio295/"],
.catalogue-saved-image img[src*="multibox-studio295/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/295/product-bases.css */
/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio295/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio295/"][src$="-top.webp"],
img[src*="/multibox-studio295/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* Eight studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}

/* Larger previews inside the existing four-column cards. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) img {
 height:clamp(76px,8vw,120px) !important;
 width:100% !important;max-width:100% !important;max-height:none !important;
 margin-bottom:8px;
}
.multibox-page #size-options button {font-size:20px !important;line-height:1.4;padding:16px 10px !important;}
.multibox-page #size-options button span {font-size:23px !important;}
.multibox-page #colour-options button {font-size:15px !important;padding:12px 6px !important;gap:8px;}
.multibox-page #colour-options button i {width:36px !important;height:36px !important;}
.multibox-page #colour-options button[aria-pressed="true"] i::after {line-height:36px !important;font-size:22px;}
/* Image zoom is not a raised action button. */
.multibox-page #zoom-art,.multibox-page #zoom-art:active,.multibox-page #zoom-art:hover {
 box-shadow:none !important;scale:1 !important;transform:none !important;
}
.multibox-page #zoom-art:focus:not(:focus-visible) {outline:none;}
.multibox-page #zoom-art:focus-visible {outline:2px solid #e41b2a;outline-offset:5px;border-radius:6px;}
@media(max-width:500px){
 .multibox-page #size-options button {font-size:18px !important;}
 .multibox-page #size-options button span {font-size:20px !important;}
 .multibox-page #colour-options {display:grid !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .multibox-page #colour-options button {font-size:14px !important;}
}

img[src*="/multibox-studio295/"][data-show-stand="false"],img[src*="/multibox-studio295/"][src$="#no-stand"] {background-image:none !important;}


/* releases/296/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio296-12l/"]),
.catalogue-saved-image:has(img[src*="multibox-studio296-12l/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio296-12l/"],
#products .catalogue-saved-image img[src*="multibox-studio296-12l/"],
.catalogue-saved-image img[src*="multibox-studio296-12l/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/296/product-bases.css */
/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio296-12l/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio296-12l/"][src$="-bottom.webp"],
img[src*="/multibox-studio296-12l/"][src$="-top.webp"],
img[src*="/multibox-studio296-12l/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* 12L studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio296-12l/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio296-12l/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio296-12l/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}

/* Larger previews inside the existing four-column cards. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio296-12l/"]) img {
 height:clamp(76px,8vw,120px) !important;
 width:100% !important;max-width:100% !important;max-height:none !important;
 margin-bottom:8px;
}
.multibox-page #size-options button {font-size:20px !important;line-height:1.4;padding:16px 10px !important;}
.multibox-page #size-options button span {font-size:23px !important;}
.multibox-page #colour-options button {font-size:15px !important;padding:12px 6px !important;gap:8px;}
.multibox-page #colour-options button i {width:36px !important;height:36px !important;}
.multibox-page #colour-options button[aria-pressed="true"] i::after {line-height:36px !important;font-size:22px;}
/* Image zoom is not a raised action button. */
.multibox-page #zoom-art,.multibox-page #zoom-art:active,.multibox-page #zoom-art:hover {
 box-shadow:none !important;scale:1 !important;transform:none !important;
}
.multibox-page #zoom-art:focus:not(:focus-visible) {outline:none;}
.multibox-page #zoom-art:focus-visible {outline:2px solid #e41b2a;outline-offset:5px;border-radius:6px;}
@media(max-width:500px){
 .multibox-page #size-options button {font-size:18px !important;}
 .multibox-page #size-options button span {font-size:20px !important;}
 .multibox-page #colour-options {display:grid !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .multibox-page #colour-options button {font-size:14px !important;}
}

img[src*="/multibox-studio296-12l/"][data-show-stand="false"],img[src*="/multibox-studio296-12l/"][src$="#no-stand"] {background-image:none !important;}


/* releases/297/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio297-12l/"]),
.catalogue-saved-image:has(img[src*="multibox-studio297-12l/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio297-12l/"],
#products .catalogue-saved-image img[src*="multibox-studio297-12l/"],
.catalogue-saved-image img[src*="multibox-studio297-12l/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/297/product-bases.css */
/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio297-12l/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio297-12l/"][src$="-bottom.webp"],
img[src*="/multibox-studio297-12l/"][src$="-top.webp"],
img[src*="/multibox-studio297-12l/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* 12L studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio297-12l/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio297-12l/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio297-12l/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}

/* Larger previews inside the existing four-column cards. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio297-12l/"]) img {
 height:clamp(76px,8vw,120px) !important;
 width:100% !important;max-width:100% !important;max-height:none !important;
 margin-bottom:8px;
}
.multibox-page #size-options button {font-size:20px !important;line-height:1.4;padding:16px 10px !important;}
.multibox-page #size-options button span {font-size:23px !important;}
.multibox-page #colour-options button {font-size:15px !important;padding:12px 6px !important;gap:8px;}
.multibox-page #colour-options button i {width:36px !important;height:36px !important;}
.multibox-page #colour-options button[aria-pressed="true"] i::after {line-height:36px !important;font-size:22px;}
/* Image zoom is not a raised action button. */
.multibox-page #zoom-art,.multibox-page #zoom-art:active,.multibox-page #zoom-art:hover {
 box-shadow:none !important;scale:1 !important;transform:none !important;
}
.multibox-page #zoom-art:focus:not(:focus-visible) {outline:none;}
.multibox-page #zoom-art:focus-visible {outline:2px solid #e41b2a;outline-offset:5px;border-radius:6px;}
@media(max-width:500px){
 .multibox-page #size-options button {font-size:18px !important;}
 .multibox-page #size-options button span {font-size:20px !important;}
 .multibox-page #colour-options {display:grid !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .multibox-page #colour-options button {font-size:14px !important;}
}

img[src*="/multibox-studio297-12l/"][data-show-stand="false"],img[src*="/multibox-studio297-12l/"][src$="#no-stand"] {background-image:none !important;}


/* releases/298/photo-panels.css */
/* Flat reference gray with real alpha cutouts. No gradients or feather overlays. */
.gallery-stage:has(img[src*="/multibox-studio"]),
.gallery-tabs button:has(img[src*="/multibox-studio"]),
#generic-zoom:has(img[src*="/multibox-studio"]),
#art-dialog:has(img[src*="/multibox-studio"]),
.featured-image:has(img[src*="/multibox-studio"]),
.catalogue-saved-image:has(img[src*="/multibox-studio"]) {
  background: #f7f7f7 !important;
}
.gallery-stage:has(img[src*="/multibox-studio"]) :is(.gallery-badge,.gallery-hint,#zoom-art) {
  background: transparent !important;
}
img[src*="/multibox-studio"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.gallery-stage img[src*="/multibox-studio"],
.gallery-tabs img[src*="/multibox-studio"],
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  display: block;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
  margin-inline: auto;
  filter: none !important;
}
#generic-zoom img[src*="/multibox-studio"],
#art-dialog img[src*="/multibox-studio"] {
  height: min(72vh, 900px);
  max-height: 72vh;
}
/* Preserve the established card sizing with the new asset URLs. */
.featured-image:has(img[src*="multibox-studio298-12l/"]),
.catalogue-saved-image:has(img[src*="multibox-studio298-12l/"]) {
  overflow: hidden;
  display: grid !important;
  place-items: center;
}
.featured-image img[src*="multibox-studio298-12l/"],
#products .catalogue-saved-image img[src*="multibox-studio298-12l/"],
.catalogue-saved-image img[src*="multibox-studio298-12l/"] {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 1;
  object-fit: contain;
  margin: auto;
  filter: none !important;
  transform: none !important;
}


/* releases/298/product-bases.css */
/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio298-12l/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio298-12l/"][src$="-bottom.webp"],
img[src*="/multibox-studio298-12l/"][src$="-top.webp"],
img[src*="/multibox-studio298-12l/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* 12L studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio298-12l/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio298-12l/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio298-12l/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}

/* Larger previews inside the existing four-column cards. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio298-12l/"]) img {
 height:clamp(76px,8vw,120px) !important;
 width:100% !important;max-width:100% !important;max-height:none !important;
 margin-bottom:8px;
}
.multibox-page #size-options button {font-size:20px !important;line-height:1.4;padding:16px 10px !important;}
.multibox-page #size-options button span {font-size:23px !important;}
.multibox-page #colour-options button {font-size:15px !important;padding:12px 6px !important;gap:8px;}
.multibox-page #colour-options button i {width:36px !important;height:36px !important;}
.multibox-page #colour-options button[aria-pressed="true"] i::after {line-height:36px !important;font-size:22px;}
/* Image zoom is not a raised action button. */
.multibox-page #zoom-art,.multibox-page #zoom-art:active,.multibox-page #zoom-art:hover {
 box-shadow:none !important;scale:1 !important;transform:none !important;
}
.multibox-page #zoom-art:focus:not(:focus-visible) {outline:none;}
.multibox-page #zoom-art:focus-visible {outline:2px solid #e41b2a;outline-offset:5px;border-radius:6px;}
@media(max-width:500px){
 .multibox-page #size-options button {font-size:18px !important;}
 .multibox-page #size-options button span {font-size:20px !important;}
 .multibox-page #colour-options {display:grid !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .multibox-page #colour-options button {font-size:14px !important;}
}

img[src*="/multibox-studio298-12l/"][data-show-stand="false"],img[src*="/multibox-studio298-12l/"][src$="#no-stand"] {background-image:none !important;}


/* releases/364/account.css */
.site-header .top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-header .top-bar>#menu-toggle{justify-self:start}.site-header .top-bar>.brand{margin:0;justify-self:center}
.site-header .top-actions{justify-self:end;gap:12px}.osaka-account{position:relative}
.top-actions #account-button{gap:9px;padding:7px 9px;text-align:left;white-space:nowrap}
.account-heading{display:grid;gap:3px;line-height:1.2}.account-heading small{font-weight:400;font-size:11px}
.account-heading strong{font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.account-menu{position:absolute;top:100%;right:0;width:280px;max-width:calc(100vw - 32px);padding:22px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 9px 30px #0002;color:#222;z-index:45}
.account-menu[hidden],.account-guest[hidden],.account-member[hidden]{display:none!important}
.account-welcome{font-size:15px;line-height:1.5;margin:0 0 16px;overflow-wrap:anywhere}
.account-menu button{width:100%;min-height:44px;justify-content:flex-start}
.top-actions .account-menu .account-primary{justify-content:center;background:#e41b2a;color:#fff;border-radius:24px;font-size:16px}
.top-actions .account-register{justify-content:center;font-weight:400}.account-member{display:grid;gap:4px}
.account-menu-error:empty{display:none}.account-menu-error{font-size:13px;line-height:1.5;color:#a40012}
#account-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:34px 38px 24px;border:0;border-radius:16px;box-sizing:border-box;background:#fff;color:#20242a;overflow:auto}
#account-dialog::backdrop{background:#0007;backdrop-filter:blur(2px)}
#account-dialog .account-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:transparent;font-size:29px;line-height:1;color:#333;border-radius:5px}
.account-logo{display:block;height:auto;margin:0 auto 18px;width:150px}
#account-dialog h2{font-size:25px;line-height:1.25;text-align:center;margin:0 0 24px}
.account-form{display:flex;flex-direction:column;gap:10px}
.account-form label{font-size:14px;font-weight:600;margin-top:4px}
.account-form input,.account-form select{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #cdd0d4;border-radius:7px;padding:11px 12px;font-size:16px;background:#fff;color:#222;outline-offset:3px}
.account-form input:focus-visible,.account-form select:focus-visible{outline:2px solid #e41b2a;border-color:transparent}
#account-dialog button{cursor:pointer;font:inherit}#account-dialog button:disabled{cursor:wait;opacity:.65}
#account-dialog .account-primary{background:#e41b2a;color:white;border:0;border-radius:7px;min-height:49px;font-size:17px;font-weight:700;margin-top:10px;padding:12px}
#account-dialog .account-text{align-self:flex-start;background:none;border:0;padding:4px 0;color:#555;text-decoration:underline;font-size:13px}
.account-form>p{line-height:1.5;margin:0 0 5px;font-size:14px}
.account-switch{margin:12px 0 0!important;text-align:center}.account-switch button{border:0;background:none;color:#bf1724;text-decoration:underline;padding:5px}
.account-form .account-hint{color:#60666e;font-size:12px;margin:0}
.account-form .account-feedback{font-size:14px;margin:8px 0 0;color:#9b1722;overflow-wrap:anywhere}
.account-feedback:empty{display:none}.account-privacy{font-size:11px;line-height:1.5;color:#777;text-align:center;margin:24px 0 0}
.account-email{padding:0 0 12px;color:#555;overflow-wrap:anywhere}
@media(max-width:700px){.account-heading{display:none}.top-actions #account-button{min-width:40px;padding:8px}.site-header .top-actions{gap:2px}.account-menu{right:-44px}.site-header .top-bar .brand img{width:150px}}
@media(max-width:360px){.site-header .top-bar{padding-left:10px;padding-right:10px;gap:4px}.site-header .top-bar .brand img{width:110px}.site-header #menu-toggle span{display:none}.site-header #menu-toggle{min-width:40px;padding:8px}.top-actions .top-cart{min-width:40px;padding:8px}.top-actions #account-button{padding:6px;min-width:36px}}
@media(max-width:500px){#account-dialog{padding:30px 22px 22px}#account-dialog h2{font-size:23px}.account-logo{width:135px}}
@media(prefers-reduced-motion:reduce){#account-dialog{scroll-behavior:auto}}

.account-location{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-location>div{display:flex;flex-direction:column;gap:10px;min-width:0}.account-location select{min-width:0}.account-extended .account-logo{width:115px;margin-bottom:12px}#account-dialog.account-extended{padding-top:26px}#account-dialog.account-extended h2{font-size:23px;margin-bottom:18px}.account-extended .account-privacy{margin-top:18px}@media(max-width:400px){.account-location{grid-template-columns:1fr;gap:10px}}

.account-new-link{display:block;width:100%;padding:12px 16px;margin:0 0 12px;border:1px solid #e6192a;border-radius:7px;background:#fff;color:#c60c20;font:inherit;font-weight:600;cursor:pointer}.account-new-link[hidden]{display:none}.account-new-link:hover{background:#fff3f4}.account-new-link:focus-visible{outline:2px solid #e6192a;outline-offset:3px}footer .account-country-credit{font-size:11px;font-weight:400;color:inherit;text-decoration:underline}

#account-dialog.account-orders-dialog{width:min(680px,calc(100vw - 32px))}.account-orders{min-width:0}.account-orders>[role=status]{font-size:14px;line-height:1.6;margin:0 0 16px}.account-order-list{display:grid;gap:12px;margin-bottom:16px}.account-order{padding:0;margin:0;border:1px solid #dedede;border-radius:10px;overflow:hidden}.account-order summary{margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#fafafa;list-style:none}.account-order summary::-webkit-details-marker{display:none}.account-order summary::after{content:'+';font-size:22px;color:#c51929}.account-order[open] summary::after{content:'−'}.account-order summary>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.account-order summary>div:nth-child(2){margin-left:auto;text-align:right}.account-order-date,.account-order-status{font-size:12px;color:#60666e}.account-order-items{padding:0 16px;margin:0;list-style:none}.account-order-items li{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #eee;font-size:13px;overflow-wrap:anywhere}.account-order-items li>div{display:grid;gap:5px;min-width:0}.account-order-items small{color:#666}.account-order-total{text-align:right;font-weight:600;font-size:14px;padding:0 16px 12px}.account-orders .account-primary[hidden]{display:none}@media(max-width:400px){.account-order summary{padding:12px;gap:8px;font-size:13px}.account-order-items{padding:0 12px}}

/* Readable authentication feedback and password visibility controls. */
#account-dialog .account-password{position:relative;width:100%}.account-password input{padding-right:52px}.account-password .account-password-toggle{position:absolute;right:3px;top:2px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#44515d}.account-password-toggle:hover{background:#edf0f2}.account-password-toggle:focus-visible{outline:2px solid #d91a2a;outline-offset:-2px}.account-password-toggle .eye-slash{display:none}.account-password-toggle[aria-pressed=true] .eye-slash{display:block}#account-dialog .account-reset-link{align-self:flex-start;padding:8px 0;min-height:40px;border:0;background:transparent;color:#b90d21;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}#account-dialog .account-feedback.account-error{background:#fff1f2;border:1px solid #efb0b8;border-left:4px solid #d8192a;border-radius:9px;padding:14px 16px;margin:8px 0 0;color:#a50f21;font-size:14px;line-height:1.6}.account-error strong{display:block;font-size:15px}.account-error p{margin:5px 0 8px}.account-error:focus{outline:2px solid #d8192a;outline-offset:3px}#account-dialog .account-error-reset{min-height:38px;border:0;border-radius:6px;background:#fff;color:#a50f21;padding:7px 12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.account-error-reset:hover{background:#ffe0e5}.account-feedback:empty{display:none}

/* Order lines keep the exact variant photo, quantity and amount easy to scan. */
.account-order-items li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0}.account-order-picture{position:relative;display:grid;place-items:center;width:72px;height:72px;border:1px solid #e7e7e7;border-radius:9px;background:#f7f7f7;color:#9ba1a7;overflow:hidden}.account-order-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.account-order-items .account-order-description{display:grid;gap:5px;min-width:0}.account-order-description>strong{line-height:1.5}.account-order-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}.account-order-qty{display:inline-block;padding:5px 8px;border-radius:6px;background:#fff0f2;color:#a41324;font-size:13px;font-weight:750;white-space:nowrap}.account-order-unit{color:#187443;font-size:12px;font-weight:600}.account-order-amount{text-align:right;white-space:nowrap;font-size:14px;color:#242a31}@media(max-width:500px){.account-order-items li{grid-template-columns:60px minmax(0,1fr);gap:10px}.account-order-picture{width:60px;height:60px;align-self:start}.account-order-amount{grid-column:2;text-align:left;margin-top:0}.account-order-qty{font-size:12px}.account-order-unit{font-size:12px}}

#account-dialog.account-orders-dialog{width:min(680px,calc(100vw - 32px))}.account-order summary{display:grid;grid-template-columns:72px minmax(0,1fr) 136px 70px 14px;gap:8px;padding:14px 12px}.account-order-number{font-size:13px;white-space:nowrap}.account-order-date{white-space:nowrap}.account-order-status{text-align:right;white-space:nowrap}.account-order-price{text-align:right;white-space:nowrap;font-size:15px}.account-order summary::after{font-size:20px;text-align:center}.account-orders>[role=status]:empty{display:none}@media(max-width:750px){.account-order summary{grid-template-columns:auto minmax(0,1fr) 14px;gap:8px 10px;padding:12px}.account-order-number{font-size:12px;text-align:right}.account-order-date{font-size:11px}.account-order-status{grid-row:2;grid-column:1 / 3;text-align:left;font-size:11px;padding-right:80px}.account-order-price{grid-row:2;grid-column:2;text-align:right;font-size:14px}.account-order summary::after{grid-column:3;grid-row:1 / 3;align-self:center}}

.account-order-picture{cursor:pointer;text-decoration:none}.account-order-picture:focus-visible{outline:3px solid #187443;outline-offset:2px}

.account-order-number::before{content:"Order #: "}@media(max-width:750px){.account-order-number::before{content:none}.account-order-number{font-size:11px;overflow:hidden;text-overflow:ellipsis}.account-order summary{gap:8px 6px}.account-order-date{font-size:10px}}

.account-order-status{justify-self:end;display:inline-block;padding:6px 8px;border-radius:7px;font-weight:650;font-size:11px;background:#eef1f3;color:#4d5660}.account-order-status.status-pending{background:#ffe0b2;color:#8f4400}.account-order-status.status-cancelled{background:#ffe5e7;color:#b01826}.account-order-status.status-complete{background:#dcf4e5;color:#126b3a}@media(max-width:750px){.account-order-status{justify-self:start;max-width:calc(100% - 72px);padding:5px 6px;font-size:10px;box-sizing:border-box}}

#account-dialog .account-order-print:disabled{opacity:1;cursor:default;background:#fff0d9;border-color:#e8c58f;color:#895521;font-weight:650}

/* Status colours cover the whole header, with soft backgrounds. */
.account-order summary:has(.status-pending){background:#fff4e5}
.account-order summary:has(.status-cancelled){background:#fff0f1}
.account-order summary:has(.status-complete){background:#edf8f1}
.account-order-status.status-pending{background:#ffebcf;color:#8f4400}
.account-order-status.status-cancelled{background:#ffe3e6;color:#9e2230}
.account-order-status.status-complete{background:#ddf1e4;color:#17663d}

.account-order-actions{grid-column:2 / 5;justify-self:end;display:flex;gap:8px;align-items:center}
.account-order-actions button{min-height:34px;padding:5px 13px;border:1px solid #bed4c7;border-radius:7px;background:#f4faf6;color:#17663d;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.account-order-actions .account-order-cancel{background:#fff4f5;border-color:#edcbd0;color:#a32332}
.account-order-actions button:disabled{opacity:.55;cursor:wait}
.account-order-actions button:focus-visible{outline:2px solid #242a31;outline-offset:2px}
.account-order summary:has(.account-order-actions)::after{grid-column:5;grid-row:1 / 3}
@media(max-width:750px){.account-order-actions{grid-row:3;grid-column:1 / 3}.account-order summary:has(.account-order-actions)::after{grid-column:3;grid-row:1 / 4}}

.account-identity{display:grid;gap:14px;padding:16px;margin-bottom:22px;border:1px solid #dbe4df;border-radius:10px;background:#f7faf8}
.account-identity>div{display:grid;gap:5px;min-width:0}.account-identity span{font-size:12px;color:#53645b;font-weight:600}.account-identity .account-customer-id{font-size:17px;letter-spacing:.4px}.account-identity .account-email{font-size:17px;font-weight:700;color:#242a31;margin:0;overflow-wrap:anywhere}.account-email-verified{justify-self:start;padding:4px 9px;border-radius:6px;background:#e1f3e7;color:#17663d;font-size:13px}
#account-dialog .account-secondary{min-height:40px;padding:9px 14px;border:1px solid #a9cdb8;border-radius:8px;background:#edf7f1;color:#17663d;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.account-change-password{width:100%;margin-top:12px}
#account-dialog .account-success{padding:14px 16px;margin-top:16px;border:1px solid #b9d9c7;border-left:4px solid #187443;border-radius:9px;background:#edf7f1;color:#125b34;font-size:15px;font-weight:650;line-height:1.6}

/* Keep pending-order actions alongside the desktop summary. */
@media(min-width:751px){
 #account-dialog.account-orders-dialog{width:min(760px,calc(100vw - 32px));padding-left:24px;padding-right:24px}
 .account-order summary{grid-template-columns:66px minmax(0,1fr) auto auto 14px;gap:7px}
 .account-order summary:has(.account-order-actions){grid-template-columns:66px minmax(0,1fr) auto auto auto 14px}
 .account-order-date{font-size:11px}
 .account-order-number{font-size:12px}
 .account-order-actions{grid-column:5;grid-row:1;gap:6px}
 .account-order summary:has(.account-order-actions)::after{grid-column:6;grid-row:1}
}
#account-dialog .account-order-actions button{font-size:12px;line-height:1.2;padding:5px 9px;white-space:nowrap}

/* Show one calm loading state before revealing the search and first page together. */
.account-order-search[hidden]{display:none!important}
.account-orders [role=status].is-loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 18px;margin:18px 0;border:1px solid #d7e8de;border-radius:12px;background:#f1f8f4;color:#17663d;font-size:16px;line-height:1.5}
.account-orders[data-initial-loading] [role=status]{min-height:96px}
.account-order-spinner{flex:0 0 24px;width:24px;height:24px;box-sizing:border-box;border:3px solid #cfe3d7;border-top-color:#187443;border-radius:50%;animation:account-orders-spin .85s linear infinite}
#account-dialog:has(.account-orders[data-initial-loading]) .account-privacy{display:none}
@keyframes account-orders-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.account-order-spinner{animation:none}}

#account-button[aria-busy="true"]{opacity:1;cursor:progress}

/* Search is nested so it can be revealed together with loaded orders. */
#account-dialog .account-order-search{display:grid;gap:7px;width:min(100%,460px);margin:0 0 20px;min-width:0}
#account-dialog .account-order-search>label{display:block;margin:0;font-size:13px;line-height:1.4;font-weight:600}
#account-dialog .account-order-search>input{display:block;width:100%;min-height:40px;height:40px;margin:0;padding:8px 12px;font-size:14px;line-height:22px;border-radius:7px;outline-offset:1px}
@media(max-width:600px){#account-dialog .account-order-search>input{min-height:44px;height:44px;font-size:16px}}

/* Compact secondary action within each order card. */
#account-dialog .account-order-print{min-height:34px;padding:6px 12px;font-size:13px;line-height:20px;border-radius:7px;margin:0 16px 16px;width:auto;font-weight:600}
@media(max-width:600px){#account-dialog .account-order-print{min-height:44px;padding:10px 12px}}

#account-dialog .account-order-footer-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
#account-dialog .account-order-footer-actions .account-order-print{margin:0}
#account-dialog .account-order-save:disabled{background:#edf7f1;color:#17663d;border-color:#bed4c7;opacity:.7;cursor:wait}
#account-dialog .account-order-save-feedback{margin:0 16px 16px;font-size:13px;color:#17663d}
#account-dialog .account-order-save-feedback:empty{display:none}
#account-dialog .account-order-save-feedback.is-error{color:#b51626}


/* releases/359/orders.css */
#order-dialog{width:min(590px,calc(100vw - 24px));max-width:720px;max-height:90dvh;overflow:auto;padding:32px;border:0;border-radius:16px;color:#242a31;background:white;box-sizing:border-box}#order-dialog::backdrop{background:#28212480;backdrop-filter:blur(4px)}#order-dialog .order-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:26px;cursor:pointer}.order-logo{display:block;width:150px;height:auto;margin:0 auto 20px}#order-dialog h2{text-align:center;margin:0 12px 20px;font-size:25px}.order-success{width:52px;height:52px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e4f4eb;color:#187443;font-size:32px}.order-reference{text-align:center;font-weight:650;overflow-wrap:anywhere}.order-message{font-size:15px;line-height:1.8}.order-note{font-size:13px;color:#58616b;line-height:1.6}.order-success-total{font-size:23px;font-weight:700;color:#187443;text-align:center;margin:22px 0}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.order-actions button,.account-order-print{min-height:46px;padding:12px;border:1px solid #187443;border-radius:9px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.order-primary{background:#187443;color:#fff}.order-secondary{background:#edf7f1;color:#125c35}.order-actions button:hover{filter:brightness(.94)}.order-actions button:focus-visible{outline:3px solid #222;outline-offset:2px}.order-feedback{color:#b51626;font-size:14px;line-height:1.6}.order-feedback:empty{display:none}#order-dialog.order-detail{width:min(720px,calc(100vw - 24px))}.order-table-wrap{overflow:auto}.order-table{width:100%;border-collapse:collapse;table-layout:fixed}.order-table th{font-size:11px;background:#f5f6f7;padding:10px 5px;text-align:right}.order-table td{font-size:13px;padding:12px 5px;border-bottom:1px solid #eee;text-align:right;overflow-wrap:anywhere;vertical-align:top}.order-table th:first-child,.order-table td:first-child{width:42%;text-align:left;white-space:pre-line}.order-table th:nth-child(2){width:9%}.order-totals{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0;font-size:14px}.order-totals dd{text-align:right;font-weight:650;margin:0}.order-totals dt:last-of-type,.order-totals dd:last-of-type{font-size:18px;color:#187443;border-top:1px solid #ddd;padding-top:12px}.order-buyer{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.order-badge{display:table;margin:0 auto;padding:7px 12px;border-radius:20px;background:#fff4d9;color:#725000;font-size:12px;font-weight:600}.order-print-frame{position:fixed;left:-10000px;top:0;width:794px;height:1123px;border:0}.account-order-print{margin:0 16px 16px;background:#edf7f1;color:#125c35}@media(max-width:420px){#order-dialog{padding:28px 18px 22px}#order-dialog h2{font-size:22px}.order-actions{gap:8px}.order-table td{font-size:11px}.order-totals{font-size:12px}.order-totals dt:last-of-type,.order-totals dd:last-of-type{font-size:16px}}

.order-table td:nth-child(2){font-weight:750;color:#187443}

#order-dialog.order-invoice{width:min(900px,calc(100vw - 24px));padding:24px}.order-invoice>.order-logo{display:none}.invoice-preview-frame{display:block;width:100%;height:62dvh;border:1px solid #ddd;border-radius:8px;background:white}.order-actions-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:500px){.order-actions-three{grid-template-columns:1fr 1fr}.order-actions-three>button:last-child{grid-column:1 / -1}#order-dialog.order-invoice{padding:22px 12px}.order-invoice .order-actions{margin-top:12px}}

#order-dialog .order-message{margin:22px 0;padding:20px;background:#edf7f1;border:1px solid #b9d9c7;border-left:4px solid #187443;border-radius:12px;color:#263d31}#order-dialog .order-message h3{margin:0 0 10px;color:#125b34;font-size:21px;line-height:1.35;font-weight:750}#order-dialog .order-message p{margin:0;font-size:16px;line-height:1.7}@media(max-width:420px){#order-dialog .order-message{padding:16px}#order-dialog .order-message h3{font-size:20px}}

.order-actions-single{grid-template-columns:1fr}.order-reference{margin:14px 0}.order-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:44px;padding:8px 10px;border:1px solid #d8e6dd;border-radius:8px;background:#f5faf7;color:#242a31;font:inherit;font-weight:700;overflow-wrap:anywhere;cursor:pointer;user-select:text}.order-copy:hover{background:#e4f4eb}.order-copy:focus-visible{outline:3px solid #187443;outline-offset:2px}.order-copy-icon{color:#187443;font-size:20px}.order-copy-status{display:block;color:#187443;font-size:13px;line-height:1.5}.order-copy-status:empty{display:none}.order-reference-date{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#58616b}

#order-dialog .order-shipping-note{margin:-10px 0 20px;color:#b51626;font-size:14px;font-weight:600;line-height:1.6;text-align:center}#order-dialog .order-payment-notice{margin:20px 0;padding:14px 16px;border:1px solid #b9d9c7;border-radius:10px;background:#edf7f1;color:#125b34;font-size:17px;font-weight:750;line-height:1.5;text-align:center}

#order-dialog .order-badge{padding:11px 20px;font-size:17px;line-height:1.4;font-weight:750;color:#754600;background:#fff0c2;border:1px solid #e4b74e;border-radius:24px}#order-dialog .order-badge-pending{animation:order-pending-pulse 2.2s ease-in-out infinite}@keyframes order-pending-pulse{0%,100%{box-shadow:0 0 0 1px rgba(212,151,24,.12);transform:scale(1)}50%{box-shadow:0 0 0 9px rgba(212,151,24,.32);transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){#order-dialog .order-badge-pending{animation:none}}

.order-item{display:flex;align-items:flex-start;gap:10px;white-space:normal}.order-item-copy{min-width:0;white-space:pre-line;overflow-wrap:anywhere}.order-item-picture{position:relative;flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;background:#f7f7f7;border:1px solid #e4e4e4;border-radius:8px;color:#777;font-size:24px;overflow:hidden}.order-item-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.order-item-picture.has-image{font-size:0}.order-item-picture.has-image img{opacity:1}@media(max-width:500px){.order-item{flex-direction:column;gap:7px}.order-item-picture{flex-basis:56px;width:56px;height:56px}}

.order-item-copy{display:grid;gap:4px}.order-sku-copy{display:inline-flex;gap:6px;align-items:center;justify-self:start;max-width:100%;padding:3px 0;min-height:28px;border:0;background:transparent;color:#414b58;font:inherit;font-size:12px;font-weight:650;text-align:left;overflow-wrap:anywhere;cursor:pointer;user-select:text}.order-sku-copy span{color:#187443;font-size:16px}.order-sku-copy:hover{color:#187443}.order-sku-copy:focus-visible{outline:2px solid #187443;outline-offset:3px}.order-sku-status{font-size:12px;color:#187443}.order-sku-status:empty{display:none}

.order-item-picture{cursor:pointer;text-decoration:none}.order-item-picture:focus-visible{outline:3px solid #187443;outline-offset:2px}

#order-dialog .order-badge{background:#eef1f3;color:#4d5660;border-color:#d5dce1}#order-dialog .order-badge-pending{background:#ffe0b2;color:#8f4400;border-color:#e9a14c}#order-dialog .order-badge-cancelled{background:#ffe5e7;color:#b01826;border-color:#eea4ac}#order-dialog .order-badge-complete{background:#dcf4e5;color:#126b3a;border-color:#9fd5b2}

.order-information{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.order-information-card{padding:16px 14px;border:1px solid #d6e3da;border-top:3px solid #187443;border-radius:9px;background:#f6faf7;min-width:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.order-information-card h3{margin:0 0 12px;font-size:16px;line-height:1.4;color:#125b34}.order-information-card p{margin:6px 0;font-size:13px;line-height:1.6}.order-information-card strong{font-size:14px}.order-address{white-space:pre-line}.order-information-pending{color:#8f4400;font-weight:650}.order-information-note{color:#125b34;font-weight:650}.order-payment-term{padding:8px 0;border-bottom:1px solid #d6e3da}@media(max-width:600px){.order-information{grid-template-columns:1fr}.order-information-card{padding:16px}.order-information-card p{font-size:14px}}

.order-confirmation-total{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-confirmation-count{font-size:17px;font-weight:700;color:#242a31}.order-confirmation-total strong{margin-left:auto;text-align:right}@media(max-width:400px){.order-confirmation-count{font-size:15px}.order-confirmation-total strong{font-size:20px}}

/* Focused, accessible detail loading state. */
#order-dialog .order-loading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:96px;box-sizing:border-box;padding:24px 18px;margin:24px 0 0;border:1px solid #d7e8de;border-radius:12px;background:#f1f8f4;color:#17663d;font-size:16px;line-height:1.5}
.order-loading-spinner{flex:0 0 24px;width:24px;height:24px;box-sizing:border-box;border:3px solid #cfe3d7;border-top-color:#187443;border-radius:50%;animation:order-loading-spin .85s linear infinite}
#order-dialog .order-retry{padding:12px 20px;border:1px solid #187443;border-radius:9px;background:#edf7f1;color:#125c35;font:inherit;font-weight:650;cursor:pointer}
@keyframes order-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.order-loading-spinner{animation:none}}