@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:#29345c;--ice:#ddebf2;--aqua:#54bdb4}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.topbar{background:var(--ink);color:white;padding:10px 6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.6px}header{height:100px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:800 28px Manrope,Arial;letter-spacing:-1px;display:flex;align-items:center}.brand small{display:block;font:700 8px Arial;letter-spacing:3.4px;margin-top:3px}.brand i{width:44px;height:38px;background:url('assets/brand.webp') -13px -34px/245px 138px;margin-right:10px}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:#3d9c95}header button{border:0;background:none;margin-left:12px;font-size:12px}#searchBtn{font-size:30px;vertical-align:middle}#count{border-radius:50%;background:var(--ink);color:white;padding:4px 7px;font-size:10px;margin-left:5px}.hero{height:640px;background:var(--ice);position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') center 57%/cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ddebf2ee,transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:90px 6%;max-width:680px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--aqua)}h1{font:500 clamp(50px,5vw,76px)/1.1 Manrope,Arial;letter-spacing:-3.5px;margin:25px 0}h1 em{font-style:normal;color:#459f99}.hero-copy p{line-height:1.8;max-width:320px;color:#63728a;font-size:13px}.cta{display:inline-flex;gap:35px;padding:17px 24px;background:var(--ink);color:white;border:0;margin-top:20px;font-size:12px}.hero-note{position:absolute;z-index:2;bottom:25px;left:6%;font-size:9px;letter-spacing:1.2px}.hotspot{position:absolute;z-index:3;border:1px solid white;background:#ffffffdf;border-radius:25px;padding:12px 17px;font-size:11px;box-shadow:0 5px 25px #29345c15}.hotspot.kitchen{left:68%;top:40%}.hotspot.care{left:46%;top:74%}.hotspot:hover{background:var(--ink);color:white}.zooming .hero-bg{transform:scale(2.7);filter:blur(4px)}.zooming .hero-copy,.zooming .hotspot{opacity:0;transition:opacity .3s}.benefits{display:flex;justify-content:space-between;border-bottom:1px solid #dae2e8;padding:25px 8%;font-size:12px}.benefits b{color:#459f99;font-size:18px;margin-right:10px}.section{padding:60px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font:500 33px Manrope;letter-spacing:-1.2px}.section-head h2{margin:12px 0 0}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:12px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.category{border:0;background:none;text-align:left;padding:0}.category-art{height:205px;overflow:hidden;border-radius:4px;transition:transform .4s}.category:hover .category-art{transform:translateY(-5px)}.category h3{font-size:13px;font-weight:500;display:flex;justify-content:space-between}.category small{font-size:10px;color:#6c758a}.sprite{aspect-ratio:1;background-image:url('assets/catalog.png');background-size:640% 320%;background-repeat:no-repeat;background-color:#e6edef}.category-art .sprite{height:100%;aspect-ratio:auto}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{position:relative}.product-open{border:0;background:none;width:100%;padding:0;text-align:left}.product-visual{position:relative;overflow:hidden;border-radius:4px}.product-visual .sprite{transition:transform .5s}.product:hover .sprite{transform:scale(1.04)}.tag{position:absolute;top:10px;left:10px;background:#f8fafc;padding:7px 9px;font-size:8px;letter-spacing:1px}.product h3{font-size:14px;font-weight:500;margin:15px 0 7px}.meta{font-size:10px;color:#6c758a}.price{font-size:14px;font-weight:600;margin:12px 0}.add{position:absolute;right:0;bottom:8px;background:white;border:1px solid #d7e0e6;border-radius:50%;width:30px;height:30px}.editorial{margin:5px 6% 60px;padding:50px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.editorial p{color:#cad2e2;font-size:12px}.editorial .cta{background:white;color:var(--ink)}.page-head{padding:50px 6%;background:var(--ice);position:relative;overflow:hidden}.page-head h1{font-size:50px;letter-spacing:-2px}.page-head .sprite{position:absolute;right:5%;top:-20%;width:300px;opacity:.17;transform:rotate(-9deg)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{border:1px solid #d3dce4;padding:11px 17px;border-radius:30px;font-size:11px;background:white}.chip.active{background:var(--ink);color:white}select{border:1px solid #d3dce4;background:white;padding:10px;margin-left:auto;font-size:11px}footer{padding:50px 6% 20px;background:#edf3f6;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:12px;color:#6c758a}footer small{font-size:9px;letter-spacing:2px}.phone{display:block;font-size:25px;margin:14px 0}footer .disclaimer{grid-column:1/-1;border-top:1px solid #d6e0e7;padding-top:22px;font-size:10px;line-height:1.7}dialog{border:0;border-radius:8px;padding:32px;max-height:85vh;width:min(800px,92vw);background:#f8fafc;color:var(--ink)}dialog::backdrop{background:#15203b88;backdrop-filter:blur(6px)}.close{float:right;background:none;border:0;font-size:28px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;clear:both}.detail h2{font-size:28px}.detail p{font-size:13px;line-height:1.7}.detail .price{font-size:22px}input{width:100%;padding:15px;border:1px solid #c7d4de}.row{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border:0;border-bottom:1px solid #dce3e9;background:none;text-align:left;font-size:13px}.row button{border:1px solid #c8d4df;background:none;padding:7px}.empty{padding:35px 0;color:#6c758a}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:white;padding:15px 25px;z-index:100;transition:transform .3s;border-radius:4px}#toast.show{transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}main{animation:enter .6s both}@media(max-width:900px){nav{display:none}.hero-copy{max-width:560px}.hero-bg{background-position:65% center}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.hotspot.kitchen{top:65%;left:65%}.hotspot.care{top:85%;left:45%}.editorial{padding:30px}.editorial h2{font-size:27px}}@media(max-width:540px){header{height:85px}.brand{font-size:23px}.brand i{display:none}.topbar span{display:none}.topbar{justify-content:center}.hero{height:650px}.hero-bg{background-size:auto 75%;background-position:65% bottom;background-repeat:no-repeat}.hero:after{background:linear-gradient(#ddebf2 0%,#ddebf2dd 34%,transparent 77%)}.hero-copy{padding:28px 6%}h1{font-size:48px;letter-spacing:-2.5px}.hero-copy p{font-size:12px;max-width:270px}.hero .cta{margin-top:10px}.hotspot.kitchen{left:55%;top:73%}.hotspot.care{left:23%;top:87%}.hero-note{font-size:7px;bottom:12px}.benefits{font-size:10px;padding:20px 6%;gap:15px}.benefits span:last-child{display:none}.section{padding:40px 6%}.section-head h2{font-size:25px}.categories{grid-template-columns:repeat(2,1fr);gap:15px}.category-art{height:170px}.products{gap:16px}.product h3{font-size:12px}.price{font-size:12px}.editorial{display:block;margin-bottom:40px}.editorial .cta{margin-top:10px}.page-head h1{font-size:37px}.page-head .sprite{right:-30%;width:250px}footer{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.detail .sprite{width:240px;margin:auto}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Nestora product photography — transparent cutouts, Indigo & Ice styling */
.sprite{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;filter:drop-shadow(0 14px 11px #29345c19)}
.product-visual{background:radial-gradient(ellipse at 65% 30%,#f8fafc 0%,#e8f1f5 48%,#ddebf2 100%);border:1px solid #dce8ed;border-radius:16px;isolation:isolate}
.product-visual:before{content:'';position:absolute;inset:auto -18% -62% 24%;height:100%;border:1px solid #54bdb44a;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.product-visual .sprite{position:relative;z-index:1;margin:22px 12px 8px;aspect-ratio:1;transition:transform .65s cubic-bezier(.2,.8,.2,1);mix-blend-mode:normal}
.product:hover .product-visual .sprite{transform:translateY(-6px) scale(1.035)}
.tag{z-index:2;top:15px;left:15px;border-radius:20px;font-size:8px;letter-spacing:1.2px;padding:7px 10px;background:#f8fafce8;color:#3f6574;border:1px solid #ffffffb3;backdrop-filter:blur(10px)}
.product h3{font-weight:600;line-height:1.5;margin-top:18px}.product .meta{letter-spacing:.4px}.product .price{margin:15px 0 8px}.add{width:33px;height:33px;background:var(--ink);color:white;border:0;bottom:3px;transition:background .2s,transform .2s}.add:hover{background:#3c9d96;transform:rotate(90deg)}
.category-art{height:210px;border-radius:15px;background:linear-gradient(145deg,#edf5f7,#ddebf2);border:1px solid #e0eaf0;position:relative}.category-art:after{content:'';position:absolute;width:120px;height:120px;border:1px solid #54bdb44a;border-radius:50%;right:-40px;bottom:-40px}.category-art .sprite{position:relative;z-index:1;max-width:100%;height:100%;background-size:95%;filter:drop-shadow(0 10px 8px #29345c1a)}.category:hover .category-art{transform:translateY(-5px);background:linear-gradient(145deg,#e8f5f4,#cce7e7)}.category h3{font-weight:600;margin-bottom:7px}.category h3 span{color:#459f99}
.detail>.sprite{background-color:#e8f1f5;border-radius:16px;filter:none;background-size:95%;width:100%;align-self:start}.page-head .sprite{opacity:.45;transform:rotate(-8deg);filter:drop-shadow(0 15px 10px #29345c22);background-size:contain;top:-10%;width:350px;right:7%}.page-head>h1,.page-head>p,.page-head>.eyebrow,.page-head>a{position:relative;z-index:1}
@media(max-width:540px){.category-art{height:180px}.product-visual{border-radius:12px}.product-visual .sprite{margin:25px 4px 6px}.tag{font-size:6px;left:8px;top:10px;padding:5px 7px;letter-spacing:.7px}.page-head .sprite{right:-30%;opacity:.2}.detail>.sprite{width:100%;height:260px}}
/* Premium spatial edition */
:root{--ease:cubic-bezier(.22,.8,.25,1)}html{scroll-padding-top:100px}body{background:#f6f8fa}header{position:sticky;top:0;z-index:10;height:88px;background:#f8fafce8;backdrop-filter:blur(24px);border-bottom:1px solid #29345c0c}nav a{position:relative;padding:12px 0}nav a.active:after{content:'';position:absolute;bottom:2px;height:2px;left:0;right:0;background:var(--aqua)}.header-actions{display:flex;align-items:center;gap:6px}header button{min-width:44px;min-height:44px;margin:0}#menuBtn{display:none}.hero{margin:20px 22px 0;border-radius:26px;height:min(720px,76vw);min-height:600px;box-shadow:0 24px 65px #29345c08}.hero-copy{padding-top:85px}h1{font-weight:400;letter-spacing:-3.8px}.hero-copy p{font-size:15px;line-height:1.9}.cta{border-radius:50px;padding:18px 27px;box-shadow:0 8px 22px #29345c16;transition:transform .3s var(--ease),box-shadow .3s}.cta:hover{transform:translateY(-3px);box-shadow:0 15px 28px #29345c25}.hero-note{display:none}.hero-index{position:absolute;bottom:26px;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.hero-index a{font-size:11px;letter-spacing:.4px}.hotspot{padding:15px 20px;backdrop-filter:blur(20px);border-color:#ffffffa0;box-shadow:0 8px 32px #29345c14;transition:transform .3s,background .3s}.hotspot:hover{transform:translateY(-4px)}.benefits{margin:0 6%;padding:28px 0;border-color:#29345c10}.section{padding-top:76px;padding-bottom:70px}.section-head h2{font-size:36px;font-weight:400;letter-spacing:-1.6px}.products{gap:30px}.product-visual,.category-art{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s var(--ease),box-shadow .55s;background:radial-gradient(ellipse at 65% 25%,#ffffff,#e4eef3 78%);box-shadow:0 3px 10px #29345c03;border:1px solid #dae6ed;transform-style:preserve-3d}.tilting{transition:transform .15s ease-out;box-shadow:0 24px 42px -24px #29345c55}.product-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),#ffffff80,transparent 55%);opacity:0;transition:opacity .3s;z-index:2}.product-visual.tilting:after{opacity:.5}.product-visual .sprite{transform:translateZ(24px);filter:drop-shadow(0 18px 12px #29345c22)}.product:hover .product-visual .sprite{transform:translateZ(36px) translateY(-5px) scale(1.025)}.product h3{font-size:14px;letter-spacing:-.2px}.tag{font-weight:600}.add{height:44px;width:44px;bottom:0;font-size:18px}.price{padding-right:45px;min-height:24px}.category-art{height:235px}.category h3{font-size:14px}.category:hover .category-art{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}.page-head{margin:20px 22px 0;border-radius:24px;padding:58px 5%;background:radial-gradient(ellipse at 80% 60%,#cce9e7,#e5eef4 70%)}.page-head h1{font-size:58px;font-weight:400;max-width:75%}.page-head .sprite{opacity:1;top:0;width:340px;height:100%;aspect-ratio:auto;right:4%;transform:none;background-size:contain;filter:drop-shadow(0 25px 20px #29345c18)}.page-head:has(>.sprite) h1{max-width:66%}.filters{align-items:center;gap:9px}.chip{min-height:44px;display:inline-flex;align-items:center;transition:background .25s,transform .25s}.chip:hover{transform:translateY(-2px);border-color:#54bdb4}select{min-height:44px;border-radius:25px;padding:10px 18px}.editorial{border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#405879,#29345c 70%);padding:60px}.editorial h2{font-size:39px}.detail>.sprite{background:radial-gradient(circle,#fff,#ddebf2);border:1px solid #dce6ed}.detail h2{font-weight:400;line-height:1.25}dialog{padding:30px;border:1px solid #ffffffb0;box-shadow:0 35px 100px #17244730;border-radius:22px;overscroll-behavior:contain}dialog[open]{animation:dialog-in .4s var(--ease)}.close{min-width:44px;min-height:44px;border-radius:50%;position:relative;z-index:2;background:#e9eff4}.row button{min-height:44px;border-radius:8px}.detail{padding-top:10px}.detail .cta{min-height:48px}.detail .text-link{display:inline-block;padding:12px 0}.detail p{font-size:14px}input{min-height:50px;border-radius:12px;font-size:16px}#toast{bottom:30px;box-shadow:0 15px 40px #29345c35;border-radius:30px;max-width:90vw;text-align:center}main{animation:none}::view-transition-old(root){animation:page-out .35s var(--ease) both}::view-transition-new(root){animation:page-in .65s var(--ease) both}::view-transition-group(*){animation-duration:.7s;animation-timing-function:var(--ease)}@keyframes page-out{to{opacity:0;transform:scale(.985) translateY(-10px);filter:blur(3px)}}@keyframes page-in{from{opacity:0;transform:scale(1.02) translateY(16px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes dialog-in{from{opacity:0;transform:perspective(1200px) translateY(30px) rotateX(-5deg) scale(.96)}to{opacity:1;transform:none}}#mobileMenu{width:400px;max-width:95vw;margin:12px 12px auto auto;padding:26px}#mobileMenu .eyebrow{margin:18px 0 35px}#mobileMenu>a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #dce5ec;font:500 18px Manrope}#mobileMenu>a span{color:#459f99}footer{background:#eaf0f4}
@media(max-width:1000px){#menuBtn{display:inline-block}nav{display:none}.products{gap:22px}.hero-copy{max-width:600px}.page-head h1{font-size:46px}.page-head .sprite{width:260px}.category-art{height:190px}.categories{grid-template-columns:repeat(3,1fr)}header{height:80px}}
@media(max-width:600px){html{scroll-padding-top:76px}header{height:72px;padding:0 5%}.header-actions{gap:0}.brand{font-size:21px}.brand small{font-size:7px;letter-spacing:2.6px}#menuBtn{font-size:18px}header button{min-width:40px}#searchBtn{font-size:27px}#bagBtn{font-size:11px}#count{margin-left:1px}.hero{margin:10px 10px 0;border-radius:20px;height:690px;min-height:0}.hero-copy{padding:34px 6%}.hero h1{font-size:44px;letter-spacing:-2.5px;line-height:1.1;margin:22px 0}.hero-copy p{font-size:13px;line-height:1.8;max-width:270px}.hero-bg{background-size:auto 67%;background-position:64% bottom}.hero:after{background:linear-gradient(#ddebf2 0%,#ddebf2f5 32%,#ddebf200 68%)}.hero .cta{padding:15px 22px;font-size:12px}.hotspot{font-size:10px;padding:13px 14px;min-height:44px}.hotspot.kitchen{top:72%;left:52%}.hotspot.care{top:85%;left:17%}.hero-index{bottom:14px;left:6%;right:6%;font-size:7px;letter-spacing:.8px}.hero-index a{display:none}.benefits{margin:0 6%;gap:16px;line-height:1.6;padding:20px 0}.benefits b{font-size:16px}.section{padding:45px 5%}.section-head{gap:14px;align-items:end}.section-head h2{font-size:27px;line-height:1.2;letter-spacing:-1px}.section-head .text-link{font-size:10px;white-space:nowrap}.eyebrow{font-size:8px;letter-spacing:2px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.category-art{height:180px}.category:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.category:last-child .category-art{grid-row:1/3;height:160px}.category:last-child h3{align-self:end}.category:last-child small{align-self:start;line-height:1.6}.category h3{font-size:12px;line-height:1.5}.category small{font-size:10px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.product-visual{border-radius:15px}.product h3{font-size:12px;line-height:1.5;margin-top:13px;min-height:36px}.product .meta{font-size:9px;line-height:1.5;min-height:27px}.product .price{font-size:11px;line-height:1.5;padding-right:40px;margin-top:10px}.add{width:40px;height:44px;border-radius:14px;font-size:17px;bottom:-4px}.tag{font-size:6px;letter-spacing:.7px}.page-head{margin:10px 10px 0;border-radius:20px;padding:30px 6%;min-height:270px}.page-head h1,.page-head:has(>.sprite) h1{font-size:36px;letter-spacing:-1.8px;max-width:100%;position:relative;z-index:2;margin:23px 0 15px}.page-head p{max-width:200px;font-size:12px;line-height:1.7}.page-head .sprite{width:155px;right:-20px;top:auto;bottom:0;height:155px;opacity:.28}.filters{gap:8px;display:flex}.chip{font-size:10px;padding:10px 13px;min-height:44px}select{font-size:11px;margin-left:0}.section>.meta{font-size:9px;line-height:1.6;margin:0 0 20px}.editorial{margin:0 10px 35px;padding:32px 24px}.editorial h2{font-size:30px;line-height:1.2}.editorial p{line-height:1.8}dialog{width:calc(100% - 20px);max-width:100%;max-height:90dvh;margin:auto;padding:20px;border-radius:22px}.detail{gap:20px}.detail>.sprite{height:230px;width:100%;aspect-ratio:auto}.detail h2{font-size:26px;margin:15px 0}.detail .cta{width:100%;justify-content:center}.detail p{font-size:13px}.row{font-size:12px;gap:10px}.row span{min-width:0}.row button{flex-shrink:0;font-size:11px}dialog h2{font-size:25px;line-height:1.3;letter-spacing:-.7px}footer{padding:40px 6% 25px}.phone{font-size:23px}.close{margin-bottom:10px}#toast{font-size:12px;width:max-content;max-width:90vw}.product-visual,.category-art{transform:none!important}.product:hover .product-visual .sprite{transform:none}.tilting{box-shadow:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(*){animation:none!important}.product-visual,.category-art{transform:none!important}dialog[open]{animation:none}}
.detail>.sprite{background-position:center;background-repeat:no-repeat;background-size:95%}
@media(max-width:380px){header{gap:8px;padding:0 4%}.header-actions{gap:0}.brand{font-size:19px}.brand small{font-size:6px;letter-spacing:2.2px}header button{min-width:38px}.hero h1{font-size:40px}.page-head h1,.page-head:has(>.sprite) h1{font-size:32px}.phone{font-size:21px}}
@media(min-width:601px) and (max-width:1000px){.hero:after{background:linear-gradient(90deg,#ddebf2f5 0%,#ddebf2d9 40%,#ddebf230 72%)}.hero-copy{max-width:540px}.hero-copy p{max-width:285px}.hero h1{font-size:51px}}
/* Hero collection concierge */
.hero{height:860px;min-height:0}.hero-copy{padding-top:65px}.hero-copy h1{font-size:clamp(48px,4.5vw,66px);letter-spacing:-3px}.hero-collections{position:absolute;z-index:4;left:5%;right:5%;bottom:65px;padding:18px;border:1px solid #ffffffb8;border-radius:23px;background:linear-gradient(135deg,#f8fafccf,#e7f2f3b8);backdrop-filter:blur(24px);box-shadow:0 20px 60px -25px #29345c50}.hero-collections-label{display:flex;justify-content:space-between;padding:0 5px 13px;font-size:8px;font-weight:700;letter-spacing:2px;color:#58657d}.hero-collections-label>span:first-child:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#54bdb4;margin-right:9px;vertical-align:middle}.hero-collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.hero-category{position:relative;display:flex;align-items:center;gap:8px;min-height:85px;padding:12px 10px;border:1px solid #ffffffd9;border-radius:15px;background:linear-gradient(145deg,#ffffffb8,#f8fafc80);box-shadow:0 3px 7px #29345c04;text-align:left;transition:transform .35s var(--ease),background .35s,box-shadow .35s,border-color .35s;overflow:hidden}.hero-category-image{width:48px;height:55px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 6px 4px #29345c25);transition:transform .4s var(--ease)}.hero-category-copy{min-width:0}.hero-category-copy small{display:block;font-size:6px;letter-spacing:1.2px;color:#7a8799;margin-bottom:7px}.hero-category-copy strong{display:block;font-size:11px;line-height:1.45;font-weight:600;letter-spacing:-.1px}.hero-category-arrow{flex-shrink:0;margin-left:auto;font-size:16px;color:#399c94;transition:transform .3s}.hero-category:hover,.hero-category:focus-visible{transform:translateY(-5px);background:#f8fafc;border-color:#54bdb48a;box-shadow:0 15px 25px -12px #29345c35}.hero-category:hover .hero-category-image{transform:translateY(-3px) scale(1.1)}.hero-category:hover .hero-category-arrow{transform:translate(2px,-2px)}.hero-category:active{transform:scale(.98)}
@media(min-width:1001px){.hero-copy{max-width:720px}.hero-copy h1{max-width:540px}.hero-copy p{margin:20px 0 0}.hero-copy .cta{margin-top:20px}.hero-collections{bottom:65px}}
@media(min-width:601px) and (max-width:1000px){.hero{height:920px}.hero-copy{padding-top:55px}.hero-copy h1{font-size:50px}.hero-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-category{min-height:78px}.hero-collections{left:5%;right:5%;bottom:55px}.hero-category:nth-last-child(-n+2){min-height:75px}.hero-category-copy strong{font-size:11px}}
@media(max-width:600px){.hero{height:auto;min-height:0;padding-bottom:45px;display:flex;flex-direction:column}.hero-copy{padding:32px 6% 0;z-index:2}.hero-copy h1{font-size:42px;letter-spacing:-2.5px;margin:20px 0}.hero-copy p{font-size:12px;max-width:270px}.hero-copy .cta{margin-top:18px}.hero-bg{height:650px;bottom:auto;background-size:auto 57%;background-position:65% bottom}.hero:after{bottom:auto;height:660px;background:linear-gradient(#ddebf2 0%,#ddebf2f5 43%,#ddebf200 78%)}.hero-collections{position:relative;left:auto;right:auto;bottom:auto;margin:195px 12px 0;padding:13px;border-radius:20px;background:linear-gradient(135deg,#f8fafce8,#e7f2f3df)}.hero-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-category{padding:10px 8px;min-height:79px;gap:6px;border-radius:13px}.hero-category-image{width:35px;height:46px}.hero-category-copy strong{font-size:10px;line-height:1.5}.hero-category-copy small{font-size:5px;letter-spacing:.8px;margin-bottom:5px}.hero-category-arrow{font-size:14px}.hero-category:last-child{grid-column:1/-1;min-height:66px;justify-content:flex-start}.hero-category:last-child .hero-category-image{width:50px;height:45px}.hero-category:last-child .hero-category-copy strong{font-size:12px}.hero-collections-label{font-size:6px;letter-spacing:1.3px;padding-bottom:11px}.hero-index{bottom:15px}.hero-category:hover{transform:none}.hero-category:last-child .hero-category-arrow{margin-right:7px}.hero-category{touch-action:manipulation}}
@media(max-width:380px){.hero-copy h1{font-size:38px}.hero-category-image{width:30px}.hero-category-copy strong{font-size:9px}.hero-category{gap:5px}.hero-collections{margin-left:10px;margin-right:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){.hero-category,.hero-category-image,.hero-category-arrow{transition:none!important;transform:none!important}}
/* Floating collection labels — showroom navigation */
.hero-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.hero-hotspots .hotspot{pointer-events:auto;display:flex;align-items:center;gap:14px;min-height:46px;padding:14px 20px;background:linear-gradient(135deg,#ffffffef,#f8fafcd9);border:1px solid #ffffffed;border-radius:40px;color:#29345c;font-size:11px;box-shadow:0 8px 32px #29345c18,inset 0 1px 0 white;white-space:nowrap}.hero-hotspots .hotspot span{color:#399c94;font-size:14px}.hero-hotspots .hotspot:hover{background:#29345c;color:white;box-shadow:0 15px 30px #29345c30}.hero-hotspots .kitchen{left:72%;top:30%}.hero-hotspots .care{left:43%;top:68%}.hero-hotspots .electric{left:69%;top:52%}.hero-hotspots .gardening{left:79%;top:76%}.hero-hotspots .furniture{left:51%;top:86%}.hero-hotspots .entertainment{left:80%;top:12%}.collection-enquiry{grid-column:1/-1;padding:38px;background:#e8f1f5;border:1px solid #dae6ed;border-radius:22px}.collection-enquiry p{line-height:1.8;color:#63728a;max-width:520px}
@media(min-width:601px) and (max-width:1000px){.hero-hotspots .kitchen{left:68%;top:43%}.hero-hotspots .care{left:36%;top:65%}.hero-hotspots .electric{left:64%;top:60%}.hero-hotspots .gardening{left:65%;top:80%}.hero-hotspots .furniture{left:38%;top:87%}.hero-hotspots .entertainment{left:68%;top:23%}}
@media(max-width:600px){.hero{padding-bottom:42px}.hero-bg{height:690px;background-size:auto 57%}.hero:after{height:690px}.hero-hotspots{position:relative;inset:auto;margin:225px 14px 5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;z-index:4}.hero-hotspots .hotspot{position:static;min-width:0;min-height:48px;padding:12px 11px;font-size:10px;gap:5px;justify-content:space-between;white-space:normal;text-align:left;line-height:1.4}.hero-hotspots .hotspot span{flex-shrink:0}.hero-hotspots .hotspot:hover{transform:none}.collection-enquiry{padding:25px}.collection-enquiry h2{font-size:27px}}
/* Calm mobile showroom: unobscured photography, progressive category disclosure. */
.mobile-collections{display:none}
@media(max-width:600px){
.hero{display:flex;flex-direction:column;padding:0;height:auto;background:#ddebf2}
.hero-copy{order:0;padding:27px 6% 8px;max-width:none}.hero-copy h1{font-size:clamp(32px,8.7vw,40px);letter-spacing:-2px;margin:18px 0}.hero-copy p{font-size:12px;line-height:1.7;max-width:310px;margin:0}.hero-copy .cta{margin-top:17px;padding:13px 20px;min-height:44px}
.hero .hero-bg{order:1;position:relative;inset:auto;width:100%;height:245px;flex-shrink:0;background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;margin-top:8px}
.hero:after{display:none}.hero-hotspots,.hero-index{display:none}
.mobile-collections{display:block;order:2;position:relative;padding:14px;background:linear-gradient(120deg,#edf8fa99,#c8e5e299);border-top:1px solid #ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mobile-collection-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-collections button,.mobile-more summary{border:1px solid #ffffffcc;background:linear-gradient(135deg,#ffffff8c,#ffffff30);box-shadow:inset 0 1px 0 #ffffffb3,0 4px 12px #29345c07;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;color:#29345c;min-height:44px;font-size:11px;font-weight:500;padding:10px;cursor:pointer}.mobile-collections button:hover{background:#ffffffb8}.mobile-more{margin-top:8px}.mobile-more summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:10px 15px;background:#ffffff26}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more summary span{color:#328e88;font-size:18px}.mobile-more[open] summary span{transform:rotate(45deg)}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px}.mobile-more-grid button{display:flex;justify-content:space-between;align-items:center;gap:7px;text-align:left;font-size:10px;line-height:1.5}.mobile-more-grid button span{color:#328e88}.mobile-more summary:focus-visible{outline:3px solid #54bdb4;outline-offset:2px}
}
