*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}.announce{background:#111;color:#fff;text-align:center;padding:11px 16px;font-size:12px;letter-spacing:.2px}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #eee;background:#fff;position:relative;z-index:10}.nav .logo{height:54px;width:auto;max-width:150px;object-fit:contain}.menu{display:flex;gap:28px;font-size:13px;align-items:center}.menu a:hover{text-decoration:underline}.bag{font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-media{background:#eee center/cover no-repeat;min-height:610px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px;background:#eee7df}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6f665e;margin-bottom:15px}.hero-copy h1{font-family:Georgia,serif;font-size:72px;line-height:.94;font-weight:500;margin:0 0 25px;max-width:720px}.hero-copy p{font-size:16px;line-height:1.7;color:#555;max-width:560px}.buttons{display:flex;gap:8px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;padding:13px 24px;font-size:13px;background:#fff;cursor:pointer}.btn.dark{background:#111;color:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #eee}.feature{padding:22px;text-align:center;border-right:1px solid #eee}.feature:last-child{border-right:0}.feature b{display:block;font-size:13px;margin-bottom:7px}.feature span{font-size:12px;color:#777}.section{padding:85px 5vw}.section-head{text-align:center;margin-bottom:38px}.section-head h2{font:500 48px/1.05 Georgia,serif;margin:0 0 10px}.section-head p{color:#777}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{display:block}.card .pic{position:relative;overflow:hidden;background:#f2f0ed}.card img{width:100%;height:430px;display:block;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.03)}.card .meta{padding:12px 2px}.card .name{font-size:14px;margin-bottom:7px}.rating{font-size:12px;letter-spacing:1px;margin-bottom:7px}.price{font-size:14px}.old{color:#999;text-decoration:line-through;margin-left:8px}.add{margin-top:10px;width:100%;padding:10px;border:1px solid #111;background:#fff}.promo{margin:20px 5vw 80px;background:#eee7df;min-height:330px;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px}.promo h2{font:500 52px/1 Georgia,serif;margin:8px 0 16px}.promo p{color:#555;margin-bottom:24px}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{background:#eee;min-height:300px;display:flex;align-items:flex-end;padding:20px;font:500 24px Georgia,serif;background-size:cover;background-position:center;position:relative;overflow:hidden}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.45))}.cat span{position:relative;z-index:1;color:#fff}.testimonials{background:#faf9f7}.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quote{background:#fff;border:1px solid #eee;padding:28px;min-height:180px}.quote .stars{letter-spacing:3px;margin-bottom:18px}.quote p{line-height:1.7;color:#555}.quote small{color:#777}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.social-grid img{width:100%;height:280px;object-fit:cover}.footer{background:#111;color:#fff;padding:70px 5vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{font:500 34px Georgia,serif;margin:0 0 12px}.footer p,.footer a{color:#bbb;line-height:1.7;font-size:13px}.popup{position:fixed;left:18px;bottom:18px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.18);padding:10px 14px 10px 10px;display:flex;gap:12px;align-items:center;border-radius:10px;max-width:360px;transform:translateY(140px);opacity:0;transition:.35s;z-index:50}.popup.show{transform:none;opacity:1}.popup img{width:48px;height:58px;object-fit:cover;border-radius:5px}.popup .x{margin-left:auto;color:#aaa;cursor:pointer}.shopbar{padding:35px 5vw 15px;display:flex;justify-content:space-between;align-items:center}.shopbar h1{font:500 44px Georgia,serif;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #ddd;padding:9px 14px;font-size:12px}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 7vw}.product-page img{width:100%;max-height:750px;object-fit:cover;background:#f1efec}.product-info h1{font:500 48px Georgia,serif}.product-info .price{font-size:22px;margin:20px 0}.sizes{display:flex;gap:8px;margin:20px 0}.size{border:1px solid #bbb;padding:10px 14px}.form-control{width:100%;padding:13px;border:1px solid #ccc;margin:6px 0 15px}.checkout{max-width:800px;margin:60px auto;padding:30px}.checkout h1{font:500 46px Georgia,serif}.order-row{padding:16px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between}@media(max-width:900px){.menu{gap:12px}.hero{grid-template-columns:1fr}.hero-media{min-height:420px}.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.quotes{grid-template-columns:1fr 1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.product-page{grid-template-columns:1fr}.hero-copy h1{font-size:54px}}@media(max-width:600px){.nav{padding:0 15px}.menu{display:none}.hero-copy{padding:45px 25px}.hero-copy h1{font-size:45px}.section{padding:55px 18px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card img{height:300px}.cats{grid-template-columns:1fr 1fr}.cat{min-height:220px}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #eee}.quotes{grid-template-columns:1fr}.promo{margin:10px 18px 50px}.promo h2{font-size:38px}.social-grid{grid-template-columns:1fr 1fr}.social-grid img{height:200px}}