@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#172b46;--rose:#d9a68e;--cream:#f7f3ee;--line:#e6e0da;--muted:#6c727b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.sale{background:var(--ink);color:#fff;text-align:center;font-size:11px;letter-spacing:1.6px;padding:10px}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee}.wrap{max-width:1240px;margin:auto;padding:0 24px}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px;font-family:'Playfair Display';font-size:20px;white-space:nowrap}.brand img{width:52px;height:52px;object-fit:contain}.brand b{display:block;font:600 9px 'DM Sans';letter-spacing:3px;text-align:center;color:#b7836d}.nav nav{display:flex;gap:24px;margin-left:25px;font-size:13px}.nav nav a:hover,.actions a:hover{color:#b7836d}.actions{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px}.actions button,.actions a{background:none;border:0;cursor:pointer;font:inherit}.actions button:last-child{border-left:1px solid var(--line);padding-left:16px}.actions span{background:var(--ink);color:#fff;border-radius:20px;padding:3px 7px}.hamb{display:none}.hero{max-width:1240px;margin:auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 24px}.eyebrow{font-size:11px;letter-spacing:3px;color:#b7836d;font-weight:600}.hero h1{font:500 clamp(48px,6vw,82px)/.98 'Playfair Display';margin:18px 0}.hero h1 em,h2 em{color:#b7836d}.heroText>p:not(.eyebrow){max-width:500px;color:var(--muted);line-height:1.8}.btn{display:inline-block;background:var(--ink);color:#fff;padding:15px 24px;font-size:11px;letter-spacing:1.7px;margin-top:18px}.btn:hover{transform:translateY(-1px);background:#263f62}.textBtn{font-size:11px;letter-spacing:1.5px;margin-left:20px}.heroArt{height:500px;background:linear-gradient(135deg,#ece7e2,#d6dbe0);position:relative;overflow:hidden}.artCircle{width:360px;height:460px;border-radius:50% 50% 8px 8px;background:linear-gradient(160deg,#c7d0da,#7b8ba0 60%,#b78470);position:absolute;right:12%;top:35px;transform:rotate(7deg)}.artCircle:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:#e6c4b3;top:-55px;left:100px}.artLabel{position:absolute;bottom:35px;left:35px;color:#fff;font:500 42px 'Playfair Display';letter-spacing:4px}.artLabel small{font:11px 'DM Sans';letter-spacing:3px}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px calc((100% - 1192px)/2);font-size:10px;letter-spacing:1.4px;text-align:center}.section{max-width:1240px;margin:auto;padding:95px 24px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.sectionHead h2,.story h2,.faq h2,.reviews h2{font:500 42px 'Playfair Display';margin:10px 0}.sectionHead>a{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{position:relative}.productVisual{position:relative;height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eee}.productVisual:before{content:'';width:62%;height:78%;border-radius:46% 46% 12% 12%;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(0,0,0,.18)),var(--pc);box-shadow:0 25px 50px rgba(20,30,40,.18)}.productVisual:after{content:'';position:absolute;width:38%;height:18%;border:2px solid rgba(255,255,255,.5);border-bottom:0;border-radius:50% 50% 0 0;top:35%;}.tone-dark{--pc:#18212d;background:#ded9d4}.tone-wine{--pc:#6d2336;background:#e7d8d6}.tone-red{--pc:#9f3143;background:#e8dcd9}.tone-nude{--pc:#c68e78;background:#eee2d8}.tone-black2{--pc:#111;background:#e2e0dd}.productBadge{position:absolute;left:12px;top:12px;background:#fff;padding:7px 9px;font-size:9px;letter-spacing:1px}.productMeta{padding:15px 2px}.productMeta h3{font-size:14px;font-weight:500;margin:0 0 8px}.price{font-size:14px}.price del{color:#999;margin-left:6px;font-size:12px}.sizes{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.sizes button{background:#fff;border:1px solid #ddd;padding:7px 8px;font-size:10px;cursor:pointer}.sizes button.active{background:var(--ink);color:#fff}.add{width:100%;padding:11px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:10px;letter-spacing:1.5px;cursor:pointer}.add:hover{background:var(--ink);color:#fff}.editorial{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;align-items:center}.editorialImg{height:520px;background:#e4ddd5;position:relative;overflow:hidden}.miniArt{width:300px;height:420px;background:linear-gradient(150deg,#bd8c79,#354b68);border-radius:48% 48% 10px 10px;position:absolute;left:25%;top:65px;transform:rotate(-8deg)}.editorial>div:last-child{max-width:470px;padding:70px}.editorial h2{font:500 52px 'Playfair Display';margin:12px 0}.editorial p:not(.eyebrow){color:var(--muted);line-height:1.9}.filters{display:flex;gap:8px}.filter{border:1px solid var(--line);background:#fff;padding:9px 14px;font-size:10px;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.quote{text-align:center;padding:110px 20px;background:#f4f1ed}.quoteMark{font:80px 'Playfair Display';color:#c79680;line-height:.5}.quote h2{font:500 48px/1.15 'Playfair Display'}.quote p{font-size:10px;letter-spacing:2px}.story{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding:110px 24px}.story p:not(.eyebrow){color:var(--muted);line-height:1.9}.stats{display:flex;gap:35px;margin-top:35px}.stats b{display:block;font:600 22px 'Playfair Display'}.stats span{font-size:10px;color:var(--muted)}.storyCard{height:380px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:45px;position:relative;overflow:hidden}.storyCard:after{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-90px;top:-70px}.storyCard span{letter-spacing:4px;font-size:11px;color:#d8a28c}.storyCard strong{font:500 48px 'Playfair Display';margin-top:25px}.reviews{background:var(--cream);padding:90px max(24px,calc((100% - 1192px)/2))}.reviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviewGrid article{background:#fff;padding:28px}.reviewGrid article div{letter-spacing:4px;color:#b7836d}.reviewGrid p{font:italic 17px/1.7 'Playfair Display';min-height:95px}.reviewGrid b{font-size:11px}.faq{max-width:850px;margin:auto;padding:100px 24px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:500}.faq details p{color:var(--muted);line-height:1.7;font-size:13px}.footerTop{background:#13253d;color:#fff;padding:70px max(24px,calc((100% - 1192px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}.footLogo{width:85px;background:#fff;padding:5px}.footerTop p{color:#c9d0da;font-size:12px;line-height:1.7}.footerTop b{font-size:10px;letter-spacing:2px;color:#d5a08b}.footerTop a{display:block;color:#d8dde5;font-size:12px;margin-top:13px}.footerBottom{background:#0d1b2d;color:#bfc7d2;text-align:center;padding:16px;font-size:10px;letter-spacing:1px}.overlay{position:fixed;inset:0;background:rgba(10,20,35,.5);z-index:40;display:none}.searchBox{background:#fff;max-width:700px;margin:120px auto;padding:35px;position:relative}.searchBox>button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.searchBox input{width:100%;border:0;border-bottom:1px solid var(--ink);font-size:28px;padding:15px 0;outline:0}.drawer{position:fixed;z-index:50;right:-440px;top:0;width:440px;height:100vh;background:#fff;box-shadow:-15px 0 50px rgba(0,0,0,.15);transition:.3s;padding:25px;display:flex;flex-direction:column}.drawer.open{right:0}.drawerHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.drawerHead button{border:0;background:none;font-size:28px}.cartLine{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.cartThumb{width:65px;height:80px;background:#ddd;flex:none}.cartLine h4{margin:0 0 5px;font-size:12px}.cartFoot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.cartFoot>div{display:flex;justify-content:space-between;margin-bottom:15px}.full{display:block;text-align:center}.cartFoot small{display:block;text-align:center;color:#888;margin-top:10px}.searchItem{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}
@media(max-width:850px){.nav{height:70px}.hamb{display:block;border:0;background:none;font-size:20px}.nav nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:20px 24px;flex-direction:column}.nav nav.open{display:flex}.brand span{display:none}.actions .hello{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.heroArt{height:390px;margin-top:40px}.trust{grid-template-columns:2fr 2fr;padding:18px;gap:18px}.products{grid-template-columns:repeat(2,1fr)}.productVisual{height:280px}.editorial{grid-template-columns:1fr}.editorialImg{height:380px}.editorial>div:last-child{padding:55px 24px}.story{grid-template-columns:1fr;gap:45px}.reviewGrid{grid-template-columns:1fr}.footerTop{grid-template-columns:1fr 1fr}.drawer{width:100%;right:-100%}}
@media(max-width:520px){.actions{gap:7px}.actions>a:not(.hello){display:none}.hero h1{font-size:52px}.sectionHead{display:block}.filters{margin-top:20px}.products{gap:12px}.productVisual{height:240px}.quote h2{font-size:35px}.footerTop{grid-template-columns:1fr}.storyCard{height:300px}}
.auth{max-width:480px;margin:60px auto;padding:30px 24px;text-align:center}.auth.wide{max-width:760px;text-align:left}.auth img{width:110px;height:110px;object-fit:contain}.auth h1{font:500 42px 'Playfair Display'}.auth input{display:block;width:100%;padding:14px;margin:10px 0;border:1px solid #ddd;font:inherit}.auth p{color:#777;font-size:13px}.auth .error{background:#fff0ef;color:#a33;padding:12px;margin:15px 0;font-size:13px}.order{border:1px solid var(--line);padding:18px;margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:6px}.order small{grid-column:1/-1;color:#888}.order p{grid-column:1/-1;margin:0}.order span{font-size:11px;background:#edf5ef;padding:5px 8px;color:#35633f}
/* Product photography */
.productVisual{background-size:cover;background-position:center;background-repeat:no-repeat}
.productVisual[style]{background-color:#f1eeee}
.productVisual[style]:before,.productVisual[style]:after{display:none}
/* Customer account */
.menuAccount{display:none}
.accountLink{display:inline-flex!important;align-items:center;gap:7px}
.accountIcon{font-size:18px;line-height:1}
.accountText{white-space:nowrap}
.accountPage{max-width:1180px;margin:auto;padding:70px 24px 100px}
.accountHero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:25px 0 55px;border-bottom:1px solid var(--line)}
.accountHero h1{font:500 clamp(38px,5vw,60px)/1.05 'Playfair Display';margin:12px 0}
.accountHero p:not(.eyebrow){max-width:650px;color:var(--muted);line-height:1.8;margin:0}
.accountLayout{display:grid;grid-template-columns:250px 1fr;gap:35px;padding-top:45px}
.accountSide{border:1px solid var(--line);padding:28px;align-self:start;position:sticky;top:25px;background:#fff}
.accountAvatar{width:58px;height:58px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:500 25px 'Playfair Display';margin-bottom:15px}
.accountSide h3{margin:0 0 4px;font-size:16px}.accountSide p{font-size:11px;color:#888;word-break:break-word;margin:0 0 24px}.accountSide a{display:block;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.accountSide a:hover,.accountSide .sideActive{color:#b7836d}
.accountStats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:20px}.accountStats div{padding:22px;border-right:1px solid var(--line)}.accountStats div:last-child{border-right:0}.accountStats b{display:block;font:500 25px 'Playfair Display';margin-bottom:5px}.accountStats span{font-size:10px;color:#888;letter-spacing:1px;text-transform:uppercase}
.accountCard{border:1px solid var(--line);padding:28px;margin-bottom:20px;background:#fff}.accountCard h2{font:500 30px 'Playfair Display';margin:8px 0 0}.accountCardHead,.orderTop{display:flex;justify-content:space-between;align-items:center;gap:20px}.orderCount{font-size:10px;letter-spacing:1px;color:#888;text-transform:uppercase}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.profileGrid>div{background:#faf9f7;padding:18px}.profileGrid small{display:block;color:#999;font-size:9px;letter-spacing:1.4px;margin-bottom:8px}.profileGrid b{font-size:12px;font-weight:500;line-height:1.7}.profileFull{grid-column:1/-1}
.orderCard{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.orderTop small{display:block;color:#999;font-size:9px;letter-spacing:1.4px;margin-bottom:4px}.orderTop strong{font-size:15px;font-weight:500}.statusPill{background:#edf5ef;color:#35633f;padding:7px 10px;font-size:9px;letter-spacing:.6px}.orderMeta{display:flex;gap:22px;flex-wrap:wrap;color:#777;font-size:11px;padding:14px 0}.orderMeta b{color:var(--ink);font-size:13px}.orderItems{border:1px solid #eee}.orderItems>div{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:13px 15px;border-bottom:1px solid #eee;font-size:11px}.orderItems>div:last-child{border-bottom:0}.orderItems small{color:#888}.orderItems b{font-weight:500}.deliveryDetails{margin-top:15px;border-top:1px solid #eee;padding-top:13px;font-size:11px}.deliveryDetails summary{font-size:11px}.deliveryDetails p{color:#777;line-height:1.7;margin-bottom:0}.emptyOrders{text-align:center;padding:50px 15px}.emptyIcon{font-size:36px;color:#b7836d}.emptyOrders h3{font:500 25px 'Playfair Display';margin:10px}.emptyOrders p{color:#888;font-size:12px}.nextStep{background:var(--cream)}
@media(max-width:850px){.accountText{display:none}.menuAccount{display:block}.accountLayout{grid-template-columns:1fr}.accountSide{position:static}.accountHero{display:block}.accountHero .btn{margin-top:25px}.accountStats{grid-template-columns:1fr}.accountStats div{border-right:0;border-bottom:1px solid var(--line)}.accountStats div:last-child{border-bottom:0}.profileGrid{grid-template-columns:1fr}.profileFull{grid-column:auto}}
@media(max-width:520px){.accountPage{padding-top:35px}.accountCard{padding:20px}.orderItems>div{grid-template-columns:1fr auto}.orderItems small{grid-column:1}.orderItems b{grid-column:2;grid-row:1/3;align-self:center}}

/* CLORME Everyday Luxury hero photography */
.heroArt.photoHero{background:#eee;overflow:hidden;position:relative;min-height:500px;}
.heroArt.photoHero>img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center;display:block;}
.photoOverlay{position:absolute;left:34px;bottom:30px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25);}
.photoOverlay span{display:block;font:500 42px 'Playfair Display';letter-spacing:4px;}
.photoOverlay small{display:block;margin-top:12px;font:11px 'DM Sans';letter-spacing:3px;}
@media(max-width:850px){.heroArt.photoHero{height:500px;min-height:0;margin-top:40px}.heroArt.photoHero>img{min-height:500px;object-position:center top}.photoOverlay span{font-size:34px}}
@media(max-width:520px){.heroArt.photoHero{height:440px}.heroArt.photoHero>img{min-height:440px}.photoOverlay{left:22px;bottom:22px}.photoOverlay span{font-size:28px}}

/* Multi-photo product gallery */
.productVisual{background-color:#f1eeee;background-size:cover;background-position:center;background-repeat:no-repeat}
.galleryArrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:24px;line-height:30px;cursor:pointer;z-index:3;opacity:0;transition:.2s}
.productVisual:hover .galleryArrow{opacity:1}.galleryPrev{left:10px}.galleryNext{right:10px}
.productGallery{display:flex;gap:5px;margin-top:6px;overflow-x:auto;scrollbar-width:none}.productGallery::-webkit-scrollbar{display:none}
.galleryThumb{flex:0 0 54px;height:64px;padding:0;border:1px solid #ddd;background:#fff;cursor:pointer;overflow:hidden}.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}.galleryThumb.active{border:2px solid var(--ink)}
@media(max-width:520px){.galleryArrow{opacity:1;width:30px;height:30px;font-size:20px}.galleryThumb{flex-basis:48px;height:58px}}

/* CLORME footer inspired by the supplied mobile reference */
.siteFooter{margin-top:0;background:#000;color:#fff}
.siteFooter .footerTop{background:#000;color:#fff;padding:62px max(24px,calc((100% - 1192px)/2)) 34px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.8fr;gap:38px}
.footerBrand .footLogo{width:86px;height:86px;object-fit:contain;background:#fff;padding:5px}
.footerBrand h3{font:500 30px 'Playfair Display';margin:18px 0 12px}
.footerBrand p,.footerContact p{color:#fff;font-size:13px;line-height:1.8;margin:8px 0}
.footerCol b,.footerContact b{display:block;font-size:11px;letter-spacing:2px;margin-bottom:17px}
.footerCol a{display:block;color:#fff;font-size:13px;margin:0 0 14px}
.socials{display:flex;gap:18px;margin-top:28px}.socials a{width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:bold 22px Arial}
.footerLinks{background:#000;color:#fff;border-top:1px solid #777;border-bottom:1px solid #777;margin:0 max(24px,calc((100% - 1192px)/2));padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}
.footerLinks a{color:#fff;font:500 13px 'Playfair Display'}
.searched{background:#000;color:#fff;padding:25px max(24px,calc((100% - 1192px)/2)) 42px;display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center}.searched span{font:500 16px 'Playfair Display'}.searched a{font:500 16px 'Playfair Display';color:#fff}
.siteFooter .footerBottom{background:#000;color:#aaa;border-top:1px solid #777;padding:18px 24px;font-size:10px;letter-spacing:1px}
.mobileBottomNav{display:none}
@media(max-width:850px){
 .siteFooter .footerTop{grid-template-columns:1fr 1fr;padding:48px 24px 28px;gap:32px 20px}
 .footerBrand{grid-column:1/-1}.footerContact{grid-column:1/-1}
 .footerLinks{margin:0 24px;gap:20px 28px}
 .searched{padding:25px 24px 80px;gap:18px 22px}.searched span{width:100%}
 .mobileBottomNav{display:flex;position:fixed;left:0;right:0;bottom:0;height:72px;background:#fff;border-top:1px solid #bbb;z-index:80;justify-content:space-around;box-shadow:0 -4px 18px rgba(0,0,0,.08)}
 .mobileBottomNav a,.mobileBottomNav button{flex:1;border:0;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;text-decoration:none}.mobileBottomNav span{font-size:29px;line-height:30px}.mobileBottomNav small{font:500 12px 'Playfair Display'}
 body{padding-bottom:72px}
}
@media(max-width:520px){
 .siteFooter .footerTop{grid-template-columns:1fr;padding:40px 24px 24px}.footerBrand,.footerContact{grid-column:auto}.footerLinks{grid-template-columns:1fr 1fr;margin:0 24px}.footerLinks a{font-size:12px}.searched a,.searched span{font-size:15px}.searched{padding-bottom:35px}
}
