*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:var(--bg);font:14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--container),calc(100% - 56px));margin:auto}.skip-link{position:fixed;left:8px;top:-60px;z-index:999;background:#fff;padding:12px}.skip-link:focus{top:8px}.topbar{background:linear-gradient(90deg,#ead8d3,#f4e9e6);font-size:12px}.topbar__inner,.topbar__perks,.topbar__contact{display:flex;align-items:center}.topbar__inner{height:39px;justify-content:space-between}.topbar__perks,.topbar__contact{gap:34px}.header{background:#fff;position:sticky;top:0;z-index:20;transition:.3s;box-shadow:0 1px 0 var(--border)}.header.is-scrolled .header__main{height:68px}.header__main{height:105px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.3s}.logo{text-align:center;display:inline-flex;flex-direction:column;line-height:1}.logo strong{font:500 37px/1 var(--serif);letter-spacing:8px}.logo span{color:var(--gold);font-size:14px;letter-spacing:7px;margin-top:9px}.header__actions{justify-self:end;display:flex;gap:24px;align-items:center}.header__actions a{display:flex;gap:8px;align-items:center}.icon-btn,.menu-toggle{border:0;background:none;font-size:25px;cursor:pointer;position:relative}.icon-btn b{position:absolute;right:-8px;top:-5px;border:1px solid #999;border-radius:50%;background:#fff;font:9px var(--sans);min-width:16px;height:16px;display:grid;place-items:center}.menu-toggle{display:none}.nav__list{height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:500;text-transform:uppercase;white-space:nowrap}.nav a:hover,.nav a.active{color:#bc786f}.nav__mega{position:relative}.mega{display:none;position:absolute;top:30px;left:-100px;background:#fff;width:600px;padding:28px;box-shadow:var(--shadow);grid-template-columns:1fr 1fr 1.4fr;border-radius:0 0 10px 10px}.nav__mega:hover .mega{display:grid}.mega>div{display:flex;flex-direction:column;gap:10px}.mega__feature{background:var(--primary);padding:20px;font-family:var(--serif)}.hero{height:530px;position:relative;overflow:hidden}.hero__slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s}.hero__slide.is-active{opacity:1;pointer-events:auto}.hero__slide>img,.hero__wash{width:100%;height:100%;object-fit:cover}.hero__wash{position:absolute;background:radial-gradient(circle at 75% 45%,#d1a49c 0 15%,transparent 16%),linear-gradient(105deg,#f7eee9 0 50%,#ddbab3 50%)}.hero__wash--cream{background:radial-gradient(circle at 78% 50%,#e7d1bf 0 19%,transparent 20%),linear-gradient(110deg,#f7f2ed 0 54%,#cdb59d 54%)}.hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero__content>span{letter-spacing:3px;color:#a77a4d;font-size:14px}.hero h1,.hero h2{font:500 clamp(44px,5.3vw,78px)/.98 var(--serif);margin:12px 0 18px}.hero h1 em,.hero h2 em{color:var(--rose);font-weight:500}.hero__content p{font-size:16px;max-width:420px;margin:0 0 25px}.btn{display:inline-block;border:0;background:#c9897f;color:#fff;padding:14px 30px;font-size:12px;font-weight:600;letter-spacing:.4px;cursor:pointer}.btn:hover{background:#ab6b62}.btn--dark{background:#222}.hero__arrow{position:absolute;top:45%;width:50px;height:50px;border:0;border-radius:50%;background:#ffffffdd;font-size:34px;cursor:pointer}.hero__arrow--left{left:18px}.hero__arrow--right{right:18px}.hero__dots{position:absolute;bottom:32px;left:50%;display:flex;gap:10px}.hero__dots button{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:transparent}.hero__dots .is-active{background:#fff}.benefits{background:#fff;margin-top:-22px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);border-radius:12px;box-shadow:var(--shadow);padding:26px 12px}.benefits article{display:flex;align-items:center;flex-direction:column;text-align:center;padding:0 18px;border-right:1px solid var(--border)}.benefits article:last-child{border:0}.benefits i{font:35px var(--serif);color:var(--gold);height:45px}.benefits b{font-size:12px;margin:7px 0}.benefits span{font-size:11px}.section{padding-top:48px}.section-title{text-align:center;margin-bottom:20px}.section-title h2{margin:0;font-size:18px;letter-spacing:3px;font-weight:500}.section-title>span{color:var(--gold)}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px}.category-card{height:274px;border-radius:7px;overflow:hidden;display:flex;align-items:flex-end;background-color:#eee}.category-card>div{background:#fff;width:100%;padding:13px 6px;text-align:center;display:flex;flex-direction:column}.category-card span{color:var(--gold);font-size:10px;margin-top:5px}.category-card--sale{background:linear-gradient(145deg,#efd4d5,#f8eeec);align-items:center;text-align:center}.category-card--sale strong{background:#222;color:#fff;border-radius:50%;width:88px;height:88px;display:grid;place-items:center;margin:auto;font-size:12px}.crop{background-image:url("../images/catalog-grid.png");background-size:400% 200%;background-repeat:no-repeat}.crop--1{background-position:0 0}.crop--2{background-position:33.333% 0}.crop--3{background-position:66.666% 0}.crop--4{background-position:100% 0}.crop--5{background-position:0 100%}.crop--6{background-position:33.333% 100%}.crop--7{background-position:66.666% 100%}.crop--8{background-position:100% 100%}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{position:relative}.product__image{height:390px;border-radius:7px;background-color:#eee;overflow:hidden;position:relative}.product__image .btn{position:absolute;bottom:12px;left:12px;right:12px;opacity:0;transform:translateY(8px);transition:.25s}.product:hover .product__image .btn{opacity:1;transform:none}.product__heart{position:absolute;z-index:1;right:10px;top:10px;border:0;background:#fff;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.product__heart.active{color:#b85e5e}.badge{position:absolute;z-index:1;left:10px;top:10px;background:#222;color:#fff;font-size:10px;padding:5px 9px}.product h3{font-size:13px;font-weight:400;text-align:center;margin:12px 0 5px}.product__price{text-align:center;font-weight:600}.product__price del{color:#aaa;font-weight:400;margin-left:6px}.stars{text-align:center;color:#c79e53;font-size:11px}.campaign{width:min(var(--container),calc(100% - 56px));margin:50px auto 0;background:linear-gradient(110deg,#f1d8d6,#f9efed);border-radius:12px;padding:32px clamp(30px,7vw,100px);display:flex;justify-content:space-between;align-items:center}.campaign h2{font:italic 30px var(--serif);margin:3px 0}.campaign ul{display:flex;list-style:none;gap:55px;margin:0}.campaign li{color:#bb766d;font:35px var(--serif);display:flex;flex-direction:column;text-align:center}.campaign li span{font:15px var(--serif);color:#222}.collection{height:450px;margin-top:60px;background:linear-gradient(90deg,rgba(247,239,235,.98) 0 45%,rgba(247,239,235,.15) 65%),url("../images/hero.png") center/cover fixed;display:grid;align-items:center}.collection__content{width:min(var(--container),calc(100% - 56px));margin:auto}.collection h2{font:48px/1.05 var(--serif);margin:7px 0}.collection em{color:var(--rose)}.collection p{max-width:430px}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.blog-img{height:260px;border-radius:7px}.blog-grid small{color:var(--gold);display:block;margin-top:15px}.blog-grid h3{font:22px var(--serif);margin:5px 0}.blog-grid p{color:#666}.blog-grid article>a{font-size:11px;font-weight:600}.testimonials{padding-bottom:50px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.review-grid blockquote{margin:0;padding:25px;text-align:center;border:1px solid var(--border);background:#fff;border-radius:7px}.review-grid b{color:#c69945}.review-grid cite{font-style:normal}.instagram__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.instagram__grid a{aspect-ratio:1}.footer{background:#f5f1ef;margin-top:50px;padding:45px 0 20px}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:45px}.footer__grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.logo--footer strong{font-size:28px}.logo--footer span{font-size:10px}.footer h3{font-size:11px;letter-spacing:1px}.footer p,.footer a{font-size:11px}.newsletter{display:flex;width:100%}.newsletter input{min-width:0;width:100%;border:1px solid var(--border);padding:10px}.newsletter button{border:0;background:#222;color:#fff;font-size:10px}.footer__bottom{border-top:1px solid #ddd;margin-top:30px;padding-top:18px;font-size:10px;display:flex;justify-content:space-between}.search-panel,.drawer{position:fixed;z-index:50;right:0;top:0;height:100%;width:min(430px,100%);background:#fff;box-shadow:-20px 0 50px #0002;padding:60px 35px;transform:translateX(110%);transition:.3s}.search-panel.open,.drawer.open{transform:none}.panel-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:32px}.search-panel label{font:25px var(--serif)}.search-panel input{display:block;width:100%;border:0;border-bottom:1px solid #aaa;padding:15px 0;margin-top:20px;outline:0}.drawer__total{border-top:1px solid var(--border);margin:25px 0;padding-top:18px;display:flex;justify-content:space-between}.toast{position:fixed;z-index:60;left:50%;bottom:25px;background:#222;color:#fff;padding:12px 22px;border-radius:4px;transform:translate(-50%,100px);opacity:0;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}
