@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap');
:root{--red:#ed2024;--brand:#d9111a;--brand-deep:#c00d14;--maroon:#9e000f;--maroon-deep:#58000b;--ink:#27191b;--charcoal:#212727;--muted:#6e5c5f;--line:#eadbdd;--sand:#f5f4ef;--font:'Outfit',Arial,sans-serif;--gutter:clamp(22px,7vw,100px);--nav-h:72px}html:lang(zh-Hans){--font:'Outfit','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif}html:lang(zh-Hans) h1,html:lang(zh-Hans) h2{letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}h1,h2{font-weight:400;letter-spacing:-.015em}h3{font-weight:500}strong{font-weight:600}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--brand-deep);outline-offset:3px}.footer :focus-visible,.statement :focus-visible,.contact-band :focus-visible,.page-hero :focus-visible{outline-color:#fff}.announcement{margin:0;padding:10px var(--gutter);background:var(--maroon-deep);color:#fff;font-size:12px;line-height:1.6;letter-spacing:.08em;text-align:center}.nav{position:sticky;top:0;z-index:20;min-height:var(--nav-h);padding:10px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav>a:first-child{display:block;overflow:hidden}.nav .lang{position:relative;display:block;width:auto;margin-left:auto}.lang-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ink);font:500 13px/1 var(--font);letter-spacing:.04em;cursor:pointer}.lang-toggle svg{width:20px;height:20px;flex:none}.lang-toggle:hover .lang-current{text-decoration:underline;text-underline-offset:4px}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #0002}.lang-menu[hidden]{display:none}.lang-menu button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:4px;background:none;color:var(--ink);font:400 14px/1.2 var(--font);text-align:left;cursor:pointer}.lang-menu button:hover{background:var(--sand)}.lang-menu button[aria-current=true]{color:var(--brand-deep);font-weight:600}.lang-menu button[aria-current=true]:after{content:'✓';content:'✓'/''}.nav img{display:block;width:157px;margin:-23px -39px}.nav div{display:flex;gap:4px 34px;flex-wrap:wrap;justify-content:flex-end}.nav div a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:500;letter-spacing:.12em}.nav div a:after{content:'';position:absolute;left:0;right:.12em;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav div a:hover,.nav div a[aria-current=page]{color:var(--brand-deep)}.nav div a:hover:after,.nav div a[aria-current=page]:after{transform:scaleX(1)}.hero{position:relative;min-height:620px;overflow:hidden;background:var(--maroon)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3f000b 0%,#65000c 35%,transparent 70%)}.hero-copy{position:relative;z-index:1;max-width:650px;padding:110px var(--gutter);color:#fff}.kicker{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h1{margin:0 0 18px;font-size:clamp(43px,5.5vw,72px);line-height:1.02}.hero p{font-size:18px;max-width:520px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;margin-top:12px;padding:13px 30px;border:0;border-radius:999px;background:var(--charcoal);color:#fff;font:500 14px/1.2 var(--font);letter-spacing:.04em;cursor:pointer;transition:background-color .2s,color .2s}.btn:hover{background:var(--maroon)}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:var(--maroon);color:#fff}.btn-outline{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}.btn-outline:hover{background:var(--maroon);color:#fff;box-shadow:inset 0 0 0 1px var(--maroon)}.section{padding:88px var(--gutter)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2,.section h2{margin:0;color:var(--maroon);font-size:clamp(32px,4vw,54px);line-height:1.08}.intro p,.section>p{color:var(--muted);font-size:17px}.red{color:var(--brand-deep)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{border:1px solid var(--line);background:#fff}.card img{display:block;width:100%;height:220px;object-fit:cover}.card h3,.card p,.card a{margin-left:22px;margin-right:22px}.card h3{margin-top:20px;margin-bottom:8px;color:var(--maroon);font-size:22px}.card p{color:var(--muted);font-size:14px}.card a{display:inline-block;margin-bottom:22px;color:var(--maroon);font-size:13px;font-weight:600}.card .btn{color:#fff}.soft{background:#fbf5f5}.statement,.contact-band{padding:82px var(--gutter);background:var(--maroon);color:#fff}.statement h2,.contact-band h2{color:#fff;max-width:920px}.statement p,.contact-band p{margin:0 0 10px}.contact-band{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-band .btn{background:#fff;color:var(--maroon);white-space:nowrap}.contact-band .btn:hover{background:#f6c9cc}.page-hero{padding:70px var(--gutter);background:var(--maroon);color:#fff}.page-hero h1{max-width:790px}.page-hero p{max-width:660px;margin:0;font-size:17px}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:88px var(--gutter);border-bottom:1px solid var(--line)}.service-row.reverse .service-photo{order:2}.service-photo{height:370px;width:100%;object-fit:cover}.lists{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.lists>div{padding:18px;background:#fbf5f5;border-left:3px solid var(--red)}.lists h3{margin:0 0 10px;color:var(--maroon)}.lists ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}.profile{max-width:950px;padding:90px var(--gutter)}.profile p{color:var(--muted);font-size:17px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.map-grid iframe{width:100%;height:300px;border:0}.footer{padding:28px var(--gutter);background:var(--maroon-deep);color:#fff;font-size:13px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:5;display:flex;align-items:center;gap:10px;min-height:48px;padding:13px 20px 13px 17px;border-radius:999px;background:#1f7a45;color:#fff;box-shadow:0 10px 26px #0003;font-size:15px;font-weight:500;line-height:22px;letter-spacing:.02em;transition:background-color .2s}.whatsapp:hover{background:#17613a}.whatsapp:before{content:'';flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E") center/contain no-repeat}@media(min-width:761px){.nav{justify-content:flex-start;gap:56px}.nav div{flex-wrap:nowrap;justify-content:flex-start;gap:32px}.nav-overlay{margin-bottom:calc(-1*var(--nav-h));transition:background-color .3s,border-color .3s}.nav-overlay div a,.nav-overlay .lang-toggle{transition:color .3s}.nav-overlay:not(.is-solid){background:transparent;border-bottom-color:transparent}.nav-overlay:not(.is-solid) div a,.nav-overlay:not(.is-solid) div a:hover,.nav-overlay:not(.is-solid) .lang-toggle{color:#fff}.nav-overlay:not(.is-solid) :focus-visible{outline-color:#fff}}@media(max-width:760px){.nav{position:static;flex-wrap:wrap;row-gap:0}.nav img{width:130px;margin:-19px -32px}.nav div{order:2;width:100%;justify-content:space-between;gap:0 16px}.nav .lang{order:1}.nav div a{font-size:12px;letter-spacing:.05em}.hero:after{background:linear-gradient(90deg,#3f000be8,#65000ca8)}.hero-copy{padding-top:78px;padding-bottom:78px}.intro,.service-row,.cards,.map-grid,.lists{grid-template-columns:1fr}.service-row.reverse .service-photo{order:0}.service-photo{height:260px}.contact-band{display:block}.contact-band .btn{margin-top:20px}.whatsapp{right:16px;bottom:16px}}.js-reveal [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s)}.js-reveal .btn[data-reveal]{transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s),background-color .2s,color .2s}.js-reveal [data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}.nav-overlay,.nav div a,.nav div a:after,.btn,.whatsapp{transition:none}}
/* Clothing mega menu: Hockerty-style "Shop by product" panel */
.nav .has-menu{order:0;display:inline-flex;flex-wrap:nowrap;align-items:center;width:auto;gap:0}
.menu-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:500 13px/1 var(--font);letter-spacing:.12em;cursor:pointer}
.menu-toggle:after{content:'';position:absolute;left:0;right:.12em;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.menu-toggle svg{width:10px;height:10px;flex:none;transition:transform .2s}
.menu-toggle:hover,.has-menu.open .menu-toggle{color:var(--brand-deep)}
.menu-toggle:hover:after,.has-menu.open .menu-toggle:after{transform:scaleX(1)}
.has-menu.open .menu-toggle svg{transform:rotate(180deg)}
.nav .mega{order:0;display:none;position:absolute;left:0;right:0;top:100%;z-index:25;width:auto;gap:0;padding:28px var(--gutter) 34px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 36px #0001;text-align:left}
.nav .has-menu.open .mega{display:block}
.mega:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:24px}
.mega-title{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.mega ul{margin:0;padding:0;list-style:none;columns:2 220px;column-gap:56px;max-width:640px}
.mega li{break-inside:avoid}
.nav .has-menu .mega a.mega-link{display:inline-flex;min-height:40px;color:var(--ink);font-size:15px;font-weight:400;letter-spacing:.01em}
.nav .has-menu .mega a.mega-link:hover{color:var(--brand-deep)}
.nav .has-menu .mega a.mega-link:after{right:0}
.nav .has-menu .mega a.mega-all{margin-top:10px;color:var(--maroon);font-size:13px;font-weight:600;letter-spacing:.06em}
@media(min-width:761px){
.nav-overlay:not(.is-solid) .menu-toggle{color:#fff;transition:color .3s}
.nav-overlay.menu-open:not(.is-solid){background:#fff;border-bottom-color:var(--line)}
.nav-overlay.menu-open:not(.is-solid)>div>a,.nav-overlay.menu-open:not(.is-solid) .lang-toggle{color:var(--ink)}
.nav-overlay.menu-open:not(.is-solid) .menu-toggle,.nav-overlay.menu-open:not(.is-solid) :focus-visible{color:var(--brand-deep);outline-color:var(--brand-deep)}
}
@media(max-width:760px){
.nav{position:relative}
.menu-toggle{font-size:12px;letter-spacing:.05em}
.nav>div:first-of-type{justify-content:flex-start;gap:0 22px}
.nav .mega{padding-top:20px;padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.menu-toggle:after,.menu-toggle svg{transition:none}}

/* Clothing menu: products grouped by category */
.nav .mega .mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:8px 56px;justify-content:start;flex-wrap:nowrap}
.nav .mega .mega-group{display:block}
.mega .mega-groups ul{columns:auto;max-width:none}
@media(max-width:760px){.nav .mega .mega-groups{grid-template-columns:1fr 1fr;gap:16px 24px}}
@media(max-width:420px){.nav .mega .mega-groups{grid-template-columns:1fr}}

/* Clothing menu, Samsung-style: picture tiles for each category, a text column for the rest */
.nav .mega .mega-inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0 48px;flex-wrap:nowrap;justify-content:stretch}
.nav .mega .mega-main,.nav .mega .mega-side{display:block}
.nav .mega .mega-side{padding-left:40px;border-left:1px solid var(--line)}
.nav .mega .mega-side ul{columns:auto;max-width:none;margin-bottom:22px}
.nav .mega .mega-side ul:last-child{margin-bottom:0}
.mega .mega-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px 20px;max-width:none;columns:auto}
.nav .mega a.mega-tile{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;padding:12px 6px 10px;border-radius:14px;color:var(--ink);font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.3;text-align:center;transition:background-color .2s,color .2s}
.nav .mega a.mega-tile:after{display:none}
.nav .mega .mega-tile img{display:block;width:100%;max-width:112px;height:auto;margin:0;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s cubic-bezier(.2,.7,.2,1)}   /* multiply: the photo's white background melts into the tile colour */
.nav .mega a.mega-tile:hover{background:var(--sand);color:var(--brand-deep)}
.nav .mega .mega-tile:hover img{transform:translateY(-3px) scale(1.03)}
.nav .mega a.mega-tile:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
@media(max-width:1000px){.nav .mega .mega-inner{grid-template-columns:1fr;gap:20px}.nav .mega .mega-side{padding:20px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.nav .mega .mega-side .mega-title{grid-row:1}.nav .mega .mega-side ul{grid-row:2;margin:0}}
/* Phones: tiles become a compact list with a small picture, so the menu doesn't need long scrolling */
@media(max-width:760px){.mega .mega-tiles{grid-template-columns:1fr 1fr;gap:4px 12px}.nav .mega a.mega-tile{flex-direction:row;gap:12px;padding:4px 6px;text-align:left}.nav .mega .mega-tile img{width:48px;flex:none}}
@media(max-width:420px){.mega .mega-tiles{grid-template-columns:1fr}.nav .mega .mega-side{grid-template-columns:1fr}.nav .mega .mega-side .mega-title,.nav .mega .mega-side ul{grid-row:auto}}
@media(prefers-reduced-motion:reduce){.nav .mega .mega-tile img{transition:none}.nav .mega .mega-tile:hover img{transform:none}}

/* ---------- Quote bag (quote-bag.js): nav button, slide-in panel and "added" toast ---------- */
.bag-toggle{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s}
.bag-toggle svg{width:24px;height:24px}
.bag-toggle:hover{background:var(--sand);color:var(--brand-deep)}
.nav-overlay:not(.is-solid):not(.menu-open) .bag-toggle{color:#fff}
.nav-overlay:not(.is-solid):not(.menu-open) .bag-toggle:hover{background:#ffffff26;color:#fff}
.bag-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.bag-count[hidden]{display:none}
@keyframes bagBump{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
.bag-toggle.is-bump{animation:bagBump .45s ease}
.bag-drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100%);max-width:100%;height:100%;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:-20px 0 60px #0003}
.bag-drawer[open]{display:flex;flex-direction:column;animation:bagIn .3s cubic-bezier(.2,.7,.2,1)}
@keyframes bagIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.bag-drawer::backdrop{background:rgb(17 19 19/.45)}
.bag-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 8px 24px}
.bag-head h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.bag-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--sand);color:var(--ink);cursor:pointer}
.bag-close:hover{background:var(--ink);color:#fff}
.bag-close svg{width:18px;height:18px}
.bag-intro{margin:0;padding:0 24px 16px;color:var(--muted);font-size:14px;line-height:1.5;border-bottom:1px solid var(--line)}
.bag-list{flex:1;min-height:0;overflow:auto;margin:0;padding:8px 24px;list-style:none}
.bag-list[hidden]{display:none}
.bag-item{display:grid;grid-template-columns:72px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.bag-item img{grid-row:span 2;width:72px;height:96px;object-fit:contain;background:var(--sand);border-radius:6px}
.bag-item-title{display:block;color:var(--ink);font-size:15px;font-weight:600;line-height:1.35}
.bag-item-title:hover{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}
.bag-item-body p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.bag-item-meta{color:var(--ink)!important;font-weight:500}
.bag-remove{grid-column:2;justify-self:start;min-height:32px;padding:0;border:0;background:none;color:var(--brand-deep);font:600 13px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bag-empty{flex:1;padding:32px 24px;color:var(--muted);font-size:15px;line-height:1.55}
.bag-empty strong{color:var(--ink)}
.bag-empty[hidden],.bag-foot[hidden]{display:none}
.bag-foot{padding:16px 24px 24px;border-top:1px solid var(--line);background:#fff}
.bag-total{margin:0 0 12px;color:var(--ink);font-size:14px;font-weight:600}
.bag-send{display:flex;justify-content:center;align-items:center;width:100%;min-height:52px;border:0;border-radius:4px;background:var(--maroon);color:#fff;font:700 16px/1 var(--font);cursor:pointer}
.bag-send:hover{background:var(--brand)}
.bag-clear{display:block;margin:12px auto 0;min-height:36px;padding:0 8px;border:0;background:none;color:var(--muted);font:600 13px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bag-clear:hover{color:var(--brand-deep)}
.bag-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.bag-toggle:focus-visible,.bag-close:focus-visible,.bag-send:focus-visible,.bag-clear:focus-visible,.bag-remove:focus-visible,.bag-item-title:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
.bag-toast{position:fixed;left:50%;bottom:24px;z-index:60;display:flex;align-items:center;gap:16px;padding:12px 12px 12px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;box-shadow:0 12px 32px #0004;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .25s,transform .25s}
.bag-toast.is-shown{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.bag-toast button{min-height:36px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:600 13px/1 var(--font);cursor:pointer}
.bag-toast button:hover{background:#f6c9cc}
@media(max-width:760px){.bag-toggle{order:1}.bag-toast{bottom:84px;width:calc(100% - 32px);justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.bag-toggle.is-bump,.bag-drawer[open]{animation:none}.bag-toast{transition:none}}

/* ---------- Bulk order pop-up on the home banner: a small frosted glass card ---------- */
.bulk-pop{position:fixed;top:calc(var(--nav-h) + 12px);right:var(--gutter);z-index:30;width:min(360px,calc(100% - 32px));padding:18px 20px 18px;border:1px solid #ffffffa6;border-radius:12px;background:#ffffffcc;color:var(--ink);box-shadow:0 14px 36px #27191b2e;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.bulk-pop.is-shown{opacity:1;transform:none}
.bulk-pop[hidden]{display:none}
.bulk-pop h2{margin:0 32px 2px 0;color:var(--ink);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:0}
.bulk-pop p{margin:0 0 14px;color:#4a3b3e;font-size:13px;line-height:1.45}
.bulk-pop-actions{display:flex;gap:8px}
.bulk-pop-cta,.bulk-pop-later{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-height:40px;padding:0 14px;border-radius:6px;font:600 13px/1.2 var(--font);cursor:pointer;transition:background-color .2s,color .2s}
.bulk-pop-cta{background:var(--maroon);color:#fff}
.bulk-pop-cta:hover{background:var(--brand)}
.bulk-pop-later{border:0;background:#fff;color:var(--ink)}
.bulk-pop-later:hover{background:var(--sand)}
.bulk-pop-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.bulk-pop-close:hover{background:#ffffffb3}
.bulk-pop-close svg{width:18px;height:18px}
.bulk-pop :focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
/* Browsers without blur get a near-solid card so the text stays readable */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bulk-pop{background:#fffffff2}}
@media(max-width:1100px){.bulk-pop{top:auto!important;right:16px;bottom:88px}}
@media(prefers-reduced-motion:reduce){.bulk-pop{transition:none;transform:none}}

/* Bag button right after the language button: sit close to it instead of splitting the space */
.nav .lang + .bag-toggle{margin-left:-8px}
@media(min-width:761px){.nav .lang + .bag-toggle{margin-left:-44px}}

/* ---------- Floating pill menu bar after scrolling (nav.js adds .is-floating) ----------
   Light frosted glass: white at 78% with blur, a hairline border and a soft shadow, dark text and the red logo. */
@media(min-width:761px){
  .nav{transition:top .35s cubic-bezier(.2,.7,.2,1),margin .35s cubic-bezier(.2,.7,.2,1),min-height .35s,padding .35s,border-radius .35s,background-color .3s,box-shadow .3s,border-color .3s}
  .nav.is-floating{top:12px;min-height:56px;margin:0 max(16px,calc((100% - 1180px)/2)) 16px;padding:6px 8px 6px 28px;border:1px solid #27191b14;border-radius:999px;background:#ffffffc7;box-shadow:0 1px 2px #27191b0d,0 10px 30px #27191b17;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}
  .nav-overlay.is-floating{margin-bottom:-56px}
  .nav.is-floating > a:first-child img{width:120px;margin:-18px -30px}   /* the logo only, not the menu tile photos */
  /* On the home page the bar starts see-through with white text; once floating it uses the normal dark text */
  .nav.is-floating div a,.nav.is-floating .menu-toggle,.nav.is-floating .lang-toggle,.nav.is-floating .bag-toggle{color:var(--ink)}
  .nav.is-floating div a:hover,.nav.is-floating div a[aria-current=page],.nav.is-floating .menu-toggle:hover,.nav.is-floating .has-menu.open .menu-toggle{color:var(--brand-deep)}
  .nav.is-floating .bag-toggle:hover{background:#27191b0f;color:var(--brand-deep)}
  .nav.is-floating :focus-visible{outline-color:var(--brand-deep)}
  /* The menu panels open just below the pill */
  .nav.is-floating .mega{top:calc(100% + 10px);border:1px solid var(--line);border-radius:20px}
  .nav.is-floating .mega:before{height:34px}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media(min-width:761px){.nav.is-floating{background:#fffffff5}}}
@media(prefers-reduced-motion:reduce){.nav{transition:none}}

/* ---------- Global search (global-search.js): nav button and Airbnb-style filters panel ---------- */
.search-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s}
.search-toggle svg{width:22px;height:22px}
.search-toggle:hover{background:var(--sand);color:var(--brand-deep)}
.search-toggle:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
.nav-overlay:not(.is-solid):not(.menu-open) .search-toggle{color:#fff}
.nav-overlay:not(.is-solid):not(.menu-open) .search-toggle:hover{background:#ffffff26;color:#fff}
.nav.is-floating .search-toggle{color:var(--ink)}
.nav .search-toggle + .bag-toggle{margin-left:-12px}
.nav .lang + .search-toggle{margin-left:-8px}
@media(min-width:761px){.nav .search-toggle + .bag-toggle{margin-left:-48px}.nav .lang + .search-toggle{margin-left:-44px}}
.site-search{width:min(680px,calc(100% - 32px));max-width:none;height:min(88vh,860px);max-height:none;margin:auto;padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 30px 80px #0000004d;overflow:hidden}
.site-search[open]{display:flex;flex-direction:column;animation:searchIn .3s cubic-bezier(.2,.7,.2,1)}
@keyframes searchIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.site-search::backdrop{background:rgb(17 19 19/.5)}
.ss-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:0 64px;border-bottom:1px solid var(--line)}
.ss-head h2{margin:0;font-size:17px;font-weight:600;letter-spacing:0}
.ss-close{position:absolute;left:16px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.ss-close:hover{background:var(--sand)}
.ss-close svg{width:18px;height:18px}
.ss-body{flex:1;min-height:0;overflow:auto;padding:20px 28px 8px}
.ss-box{display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #d9c5c8;border-radius:999px;box-shadow:0 2px 10px #27191b0f}
.ss-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ss-box svg{width:20px;height:20px;flex:none;color:var(--muted)}
.ss-box input{flex:1;min-width:0;min-height:52px;border:0;background:none;color:var(--ink);font:400 16px/1.3 var(--font)}
.ss-box input:focus{outline:none}
.ss-box input::-webkit-search-cancel-button{display:none}
.ss-matches{margin:10px 0 0;padding:0;list-style:none}
.ss-matches[hidden]{display:none}
.ss-match{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--ink)}
.ss-match:hover,.ss-match:focus-visible{background:var(--sand)}
.ss-match img{width:44px;height:54px;flex:none;object-fit:cover;object-position:top;border-radius:6px;background:var(--sand)}
.ss-match span{display:flex;flex-direction:column;min-width:0}
.ss-match strong{font-size:14px;font-weight:600}
.ss-match span span{color:var(--muted);font-size:12px}
.ss-sec{padding:26px 0;border-bottom:1px solid var(--line)}
.ss-sec:last-child{border-bottom:0}
.ss-sec h3{margin:0 0 16px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.ss-sub{margin:-10px 0 16px;color:var(--muted);font-size:14px}
.ss-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ss-cat{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;padding:14px 8px 12px;border:1px solid #e3d6d8;border-radius:16px;background:#fff;color:var(--ink);font:500 13px/1.25 var(--font);text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}
.ss-cat img{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply}
.ss-cat:hover{border-color:var(--ink)}
.ss-cat:active{transform:scale(.97)}
.ss-cat[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fbf9f7}
.ss-cat.is-empty{opacity:.45}
.ss-seg{display:flex;padding:4px;border:1px solid #e3d6d8;border-radius:16px}
.ss-seg button{flex:1;min-height:52px;border:0;border-radius:12px;background:none;color:var(--ink);font:500 15px/1 var(--font);cursor:pointer}
.ss-seg button:hover{background:var(--sand)}
.ss-seg button[aria-checked=true]{background:#fff;box-shadow:inset 0 0 0 2px var(--ink);font-weight:600}
.ss-range{position:relative;height:28px;margin:8px 0 0;--a:0%;--b:100%}
.ss-range:before{content:'';position:absolute;left:12px;right:12px;top:12px;height:4px;border-radius:2px;background:#e3d6d8}
.ss-range:after{content:'';position:absolute;top:12px;height:4px;border-radius:2px;left:calc(12px + (100% - 24px) * var(--a) / 100%);right:calc(12px + (100% - 24px) * (100% - var(--b)) / 100%);background:var(--brand)}
.ss-range input{position:absolute;inset:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.ss-range input::-webkit-slider-thumb{width:28px;height:28px;border:1px solid #d9c5c8;border-radius:50%;background:#fff;box-shadow:0 2px 8px #27191b33;pointer-events:auto;cursor:grab;-webkit-appearance:none;appearance:none}
.ss-range input::-moz-range-thumb{width:28px;height:28px;border:1px solid #d9c5c8;border-radius:50%;background:#fff;box-shadow:0 2px 8px #27191b33;pointer-events:auto;cursor:grab}
.ss-range input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--brand-deep);outline-offset:2px}
.ss-range input:focus-visible::-moz-range-thumb{outline:3px solid var(--brand-deep);outline-offset:2px}
.ss-range-vals{display:flex;justify-content:space-between;margin-top:14px}
.ss-range-vals div{display:flex;flex-direction:column;align-items:center;gap:6px}
.ss-range-vals span{color:var(--muted);font-size:12px}
.ss-range-vals output{min-width:92px;padding:12px 18px;border:1px solid #e3d6d8;border-radius:999px;font-size:15px;text-align:center}
.ss-chips{display:flex;flex-wrap:wrap;gap:10px}
.ss-chips button{min-height:44px;padding:0 18px;border:1px solid #e3d6d8;border-radius:999px;background:#fff;color:var(--ink);font:500 14px/1 var(--font);cursor:pointer}
.ss-chips button:hover{border-color:var(--ink)}
.ss-chips button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fbf9f7}
.ss-chips button[hidden]{display:none}
.ss-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--line);background:#fff}
.ss-clear{min-height:44px;padding:0 8px;border:0;background:none;color:var(--ink);font:600 15px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ss-show{min-height:52px;padding:0 28px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:600 16px/1 var(--font);cursor:pointer;transition:background-color .2s}
.ss-show:hover{background:#000}
.ss-show:disabled{background:#d9c5c8;cursor:not-allowed}
.site-search :focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
.search-edit{min-height:40px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:600 14px/1 var(--font);cursor:pointer}
.search-edit:hover{background:var(--ink);color:#fff}
@media(max-width:640px){.site-search{width:100%;height:100%;border-radius:0}.ss-body{padding:16px 18px 8px}.ss-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-foot{padding:12px 18px}.ss-seg button{font-size:14px}}
@media(max-width:760px){.search-toggle{order:1}}
@media(prefers-reduced-motion:reduce){.site-search[open]{animation:none}}

/* Artwork reminder in the quote bag (when the browser can't share files) */
.bag-attach{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--maroon);background:#fbf5f5;color:var(--ink);font-size:13px;line-height:1.5}
.bag-attach[hidden]{display:none}
.bag-attach p{margin:0 0 6px}
.bag-attach-title{font-weight:700}
.bag-attach ul{margin:0;padding-left:18px}
.bag-attach a{color:var(--brand-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bag-email{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:10px;border:1px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font:700 15px/1 var(--font);cursor:pointer}
.bag-email:hover{border-color:var(--brand);color:var(--brand-deep)}
.bag-email:focus-visible,.eq-actions button:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
.eq-webmail{margin-top:10px!important;color:var(--muted,#5f5254)}
.eq-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.eq-actions button{min-height:40px;padding:0 14px;border:1px solid var(--line,#d9d2d2);border-radius:4px;background:#fff;color:var(--ink);font:600 14px/1 var(--font);cursor:pointer}
.eq-actions button:hover{border-color:var(--ink)}
.email-quote-btn{display:block;margin:12px 0 0;padding:8px 0;border:0;background:none;color:var(--brand-deep);font:600 14px/1.4 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.email-quote-btn:hover{color:var(--brand)}
.email-quote-btn:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
.bag-item-files{color:var(--ink)!important}

.nav .mega .mega-title-more{margin-top:22px}
@media(min-width:1200px){.nav .mega .mega-inner{grid-template-columns:minmax(0,1fr) 220px}.mega .mega-tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 12px}}

/* Site footer: charcoal (the primary button colour), brand, two link columns, both branches, bottom bar.
   The logo is a white version of the wordmark (assets/first-one-logo-white.png), already trimmed. */
.site-footer{display:block;padding:56px var(--gutter) 0;background:var(--charcoal);font-size:14px;line-height:1.7;letter-spacing:0}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px}
.footer-logo{display:inline-block;margin-bottom:16px}
.footer-logo img{display:block;width:130px;height:auto}
.footer-brand p{max-width:300px;margin:0;color:#fff}
.footer-col h2{margin:0 0 12px;color:#b9b3b4;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.footer-col ul{margin:0;padding:0;list-style:none}
.footer-col li a,.footer-col address a{display:inline-block;padding:3px 0;color:#fff}
.footer-col a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-col address{font-style:normal}
.footer-col address p{margin:0 0 12px}
.footer-col strong{font-weight:600}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:48px;padding:18px 0;border-top:1px solid #ffffff29;color:#b9b3b4;font-size:13px;letter-spacing:.04em}
.footer-bottom a{color:#b9b3b4}
.footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.site-footer{padding-top:44px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;margin-top:36px}.whatsapp~.site-footer,.site-footer{padding-bottom:72px}}
/* Global search: colour swatches */
.ss-colours{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 6px}
.ss-colour{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:72px;padding:8px 2px;border:0;border-radius:12px;background:none;color:var(--ink);font:500 12px/1.2 var(--font);cursor:pointer}
.ss-colour:hover{background:var(--sand)}
.ss-colour[hidden]{display:none}
.ss-dot{position:relative;width:36px;height:36px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002a}
.ss-colour[aria-pressed=true] .ss-dot{box-shadow:inset 0 0 0 1px #0000002a,0 0 0 2px #fff,0 0 0 4px var(--ink)}
.ss-colour[aria-pressed=true]{font-weight:600}
@media(max-width:600px){.ss-colours{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- Phone header: a pinned bar (logo, search, quote bag, menu button); the links open as a full-screen menu (nav.js) ---------- */
.nav-burger,.nav .nav-drawer-foot{display:none}
@media(max-width:760px){
  :root{--nav-h:60px}
  .nav{position:sticky;top:0;z-index:40;flex-wrap:nowrap;min-height:var(--nav-h);padding:6px 8px 6px var(--gutter);gap:2px}
  .nav>a:first-child{margin-right:auto}
  .nav .lang{order:0;margin-left:0}
  .nav .lang-current{display:none}
  .nav .lang-toggle{justify-content:center;width:44px;padding:0}
  .nav .search-toggle,.nav .bag-toggle,.nav .lang + .search-toggle,.nav .lang + .bag-toggle,.nav .search-toggle + .bag-toggle{order:0;margin-left:0}
  .nav-burger{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
  .nav-burger svg{width:26px;height:26px}
  .nav-burger:hover{background:var(--sand)}
  .nav-burger:focus-visible{outline:3px solid var(--brand-deep);outline-offset:2px}
  /* The links: hidden until the menu button opens them below the bar */
  .nav>div:not(.lang){display:none;position:fixed;left:0;right:0;top:var(--nav-drawer-top,var(--nav-h));bottom:0;z-index:39;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:auto;padding:0 0 24px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:1px solid var(--line)}
  .nav.is-open>div:not(.lang){display:flex}
  .nav>div:not(.lang)>a,.nav>div:not(.lang) .menu-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 var(--gutter);border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:600;letter-spacing:.08em}
  .nav>div:not(.lang)>a:after,.nav>div:not(.lang) .menu-toggle:after{display:none}
  .nav>div:not(.lang)>a[aria-current=page]{color:var(--brand-deep)}
  .nav .has-menu{display:block;width:100%}
  .nav .menu-toggle svg{width:14px;height:14px}
  .nav>div:not(.lang) .has-menu.open .menu-toggle{color:var(--brand-deep)}
  .nav .mega{position:static;padding:16px var(--gutter) 22px;border-bottom:1px solid var(--line);box-shadow:none;background:var(--sand)}
  .nav .mega .mega-tiles{grid-template-columns:1fr 1fr;gap:2px 12px}
  .nav .mega a.mega-tile{gap:10px;min-height:52px;padding:4px}
  .nav .mega .mega-tile img{width:40px}
  .nav .nav-drawer-foot{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:12px;width:auto;margin-top:auto;padding:28px var(--gutter) 8px}
  .nav .nav-drawer-foot a{justify-content:center;min-height:48px;padding:0 16px;border-radius:999px;font-size:15px;letter-spacing:.01em}
  .nav .nav-drawer-foot a:after{display:none}
  .nav .nav-drawer-wa{gap:10px;background:#1f7a45;color:#fff!important;font-weight:600}
  .nav .nav-drawer-wa svg{width:22px;height:22px}
  .nav .nav-drawer-mail{border:1px solid var(--line);color:var(--ink)}
  .nav .nav-drawer-foot p{margin:4px 0 0;color:var(--muted);font-size:13px;text-align:center}
  html.nav-locked,html.nav-locked body{overflow:hidden}
  html.nav-locked .whatsapp{display:none}
  /* The home page's see-through header is white on phones, so its icons stay dark */
  .nav-overlay:not(.is-solid):not(.menu-open) .search-toggle,.nav-overlay:not(.is-solid):not(.menu-open) .bag-toggle{color:var(--ink)}
}
html.i18n-wait body{visibility:hidden}

/* Tablet and small laptop widths (761–1100px): the full menu bar is wider than the screen, so the logo got squeezed
   and CONTACT US broke onto two lines. Keep the logo and every label whole, and tighten the spacing instead. */
@media(min-width:761px) and (max-width:1100px){
  .nav{gap:28px;padding-left:28px;padding-right:20px}
  .nav > a:first-child{flex:none}
  .nav .nav-links{gap:22px}
  .nav .nav-links > a,.nav .menu-toggle{white-space:nowrap;letter-spacing:.08em}
  .nav.is-floating{padding-left:22px}
  /* The icons sit close together: gap minus 12px before search, minus 8px before the bag (as on desktop) */
  .nav .lang + .search-toggle{margin-left:-16px}
  .nav .search-toggle + .bag-toggle{margin-left:-20px}
}
@media(min-width:761px) and (max-width:960px){
  .nav{gap:20px}
  .nav .nav-links{gap:16px}
  .nav .nav-links > a,.nav .menu-toggle{font-size:12px;letter-spacing:.05em}
  /* Globe icon only; the language name stays for screen readers */
  .nav .lang-current{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nav .lang + .search-toggle{margin-left:-8px}
  .nav .search-toggle + .bag-toggle{margin-left:-12px}
}
/* CLOTHING menu: a feature link across the top in a colourful gradient, like "Discover Revolut →".
   Written as .nav .mega a.mega-feature so the see-through home page menu bar (which turns its links white) cannot override it.
   Every stop passes AA on white (4.5:1 or more): pink-red #e0123e, magenta #c0168c, violet #7a2cf0, blue #2459e0. */
.nav .mega a.mega-feature{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 18px;color:#7a2cf0;font-size:18px;font-weight:600;letter-spacing:.01em}
.nav .mega a.mega-feature span{background:linear-gradient(90deg,#e0123e 0%,#c0168c 34%,#7a2cf0 67%,#2459e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav .mega a.mega-feature svg{width:18px;height:18px;color:#2459e0;transition:transform .2s}
.nav .mega a.mega-feature:hover{color:#2459e0}
.nav .mega a.mega-feature:hover svg{transform:translateX(4px)}
.nav .mega a.mega-feature:focus-visible{outline:3px solid var(--brand-deep);outline-offset:3px;border-radius:4px}
@media(max-width:760px){.nav .mega a.mega-feature{margin-bottom:8px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav .mega a.mega-feature svg{transition:none}}