@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;600;700&display=swap');:root{--w:#75131b;--line:#eadfe0}*{box-sizing:border-box}body{margin:0;font-family:Inter;color:#302728}a{text-decoration:none;color:inherit}.bar{height:32px;background:var(--w);color:#fff;display:flex;justify-content:center;gap:45px;align-items:center;font-size:12px}header{height:72px;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:4px 4vw;gap:20px}header img{width:310px;height:58px;object-fit:contain;object-position:left center}nav{margin-left:auto;display:flex;gap:20px;font-weight:600;font-size:14px}button,.primary,.outline,select{font:inherit}.primary,.outline{border:1px solid var(--w);border-radius:24px;padding:10px 17px;font-weight:700;cursor:pointer}.primary{background:var(--w);color:white}.outline{background:white;color:var(--w)}#menu{display:none;border:0;background:none;font-size:23px}.hero{padding:22px 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;max-width:1450px;margin:auto}.hero h1,h2{font:700 55px/.95 'Cormorant Garamond';color:var(--w);margin:12px 0}.hero p{font-size:18px}.slider{height:340px;background:#fff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 8px 28px #40181818}.slider img{width:100%;height:100%;object-fit:contain;background:#fff}.slider div{position:absolute;bottom:10px;width:100%;text-align:center}.slider button{width:9px;height:9px;border-radius:50%;border:1px solid var(--w);padding:0;margin:3px;background:#fff}.slider button.on{background:var(--w)}small{color:var(--w);font-weight:700;letter-spacing:.15em}#shop{padding:40px 4vw;border-top:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:end}.head h2,#contact h2{font-size:44px}.head select{display:block;padding:9px;margin-top:5px}#filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#filters button{border:1px solid var(--w);background:white;color:var(--w);border-radius:20px;padding:8px 13px}#filters button.on{background:var(--w);color:white}#grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.pic{height:210px;padding:7px}.pic img{width:100%;height:100%;object-fit:contain}.body{padding:13px;display:flex;flex-direction:column;gap:7px;flex:1}.body h3{font:700 22px/1 'Cormorant Garamond';color:var(--w);margin:0}.body p{font-size:12px;margin:0}.price{font-weight:700;color:var(--w);margin-top:auto}.body button{padding:8px;background:white;border:1px solid var(--w);color:var(--w);border-radius:8px}.body button.add{background:var(--w);color:white}.benefits{padding:34px 6vw;background:#fcf8f5;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits article{background:#fff;padding:18px;border:1px solid var(--line);border-radius:12px}.benefits h3{color:var(--w)}#contact{text-align:center;padding:42px 20px}footer{text-align:center;background:#fcf8f5;padding:22px}footer img{width:250px;height:55px;object-fit:contain}.float{position:fixed;bottom:16px;right:16px;background:#198b4b;color:#fff;border:0;border-radius:25px;padding:12px 16px;font-weight:700}dialog{border:0;border-radius:16px;width:min(850px,94%);max-height:88vh}.x{float:right;border:0;background:none;font-size:28px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail img{width:100%;height:430px;object-fit:contain}.selrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px}i{font-style:normal}@media(max-width:1100px){#grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){header img{width:245px;height:48px}#menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px;flex-direction:column}nav.on{display:flex}header>.primary{display:none}.hero{grid-template-columns:1fr}.slider{height:290px}#grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.bar{justify-content:flex-start;overflow:auto;white-space:nowrap;padding:0 12px;gap:24px}header{height:65px;padding:3px 14px}header img{width:225px;height:46px}.hero{padding:18px}.hero h1{font-size:44px}.slider{height:230px}#shop{padding:30px 14px}.head{display:block}.head h2{font-size:38px}#grid{grid-template-columns:repeat(2,1fr);gap:10px}.pic{height:175px}.benefits{grid-template-columns:1fr;padding:28px 14px}#contact{padding:35px 15px}.detail{grid-template-columns:1fr}.detail img{height:280px}}