@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--matcha-dark:#40513b;--matcha:#6b7d4f;--sage:#a4b494;--matcha-light:#e8eedb;--cream:#f6f1e7;--white:#fffdf8;--text:#2f332b;--text-soft:#6f7468;--border:#d9dfcf}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.navbar{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f2;justify-content:space-between;align-items:center;height:82px;padding:0 8%;display:flex;position:sticky;top:0}.logo{letter-spacing:3px;color:var(--matcha-dark);align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:27px;font-weight:700;display:flex}.logo-image{object-fit:contain;width:90px;height:90px}.brand-logo{object-fit:contain;width:auto;height:48px}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text);font-size:15px;font-weight:600;transition:all .25s;position:relative}.nav-links a:hover{color:var(--matcha)}.nav-links a:after{content:"";background:var(--matcha);width:0;height:2px;transition:width .25s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}.hero{background:radial-gradient(circle at 80% 25%,#dce6ca 0%,#0000 30%),linear-gradient(135deg,#f6f1e7 0%,#e8eedb 100%);align-items:center;min-height:650px;padding:90px 10%;display:flex}.hero-content{max-width:720px}.hero-label{text-transform:uppercase;letter-spacing:3px;color:var(--matcha);margin-bottom:18px;font-size:13px;font-weight:700}.hero h1{color:var(--matcha-dark);margin-bottom:25px;font-family:Playfair Display,serif;font-size:clamp(50px,7vw,86px);line-height:1.03}.hero-content>p:not(.hero-label){max-width:560px;color:var(--text-soft);margin-bottom:35px;font-size:18px;line-height:1.75}.primary-button{background:var(--matcha-dark);color:#fff;border-radius:10px;padding:15px 30px;font-weight:600;transition:all .3s;display:inline-block}.primary-button:hover{background:var(--matcha);transform:translateY(-3px);box-shadow:0 10px 25px #40513b2e}.section{padding:100px 8%}.section:nth-of-type(2n){background:#faf9f3}.section-heading{margin-bottom:45px}.section-heading>p{text-transform:uppercase;letter-spacing:2px;color:var(--matcha);margin-bottom:10px;font-size:12px;font-weight:700}.section-heading h2{color:var(--matcha-dark);font-family:Playfair Display,serif;font-size:44px}.category-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.category-card{border:1px solid var(--border);cursor:pointer;background:linear-gradient(145deg,#eef2e5,#dfe8d2);border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:245px;padding:30px;transition:all .3s;display:flex}.category-card:nth-child(2){background:linear-gradient(145deg,#f6f1e7,#e5e8d7)}.category-card:nth-child(3){background:linear-gradient(145deg,#dde7cd,#edf0e4)}.category-card:nth-child(4){background:linear-gradient(145deg,#f1ede0,#e0e7d0)}.category-card:hover{border-color:var(--sage);transform:translateY(-7px);box-shadow:0 16px 34px #40513b1a}.category-card h3{color:var(--matcha-dark);margin-bottom:8px;font-family:Playfair Display,serif;font-size:27px}.category-card p{color:var(--text-soft);line-height:1.6}.page-container{background:var(--white);min-height:70vh;padding:100px 8%}.page-heading{max-width:720px;margin-bottom:60px}.page-heading>p:first-child{text-transform:uppercase;letter-spacing:2px;color:var(--matcha);font-size:12px;font-weight:700}.page-heading h1{color:var(--matcha-dark);margin:15px 0;font-family:Playfair Display,serif;font-size:56px}.page-heading p{color:var(--text-soft);line-height:1.75}.product-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.placeholder-text{color:var(--text-soft);background:var(--matcha-light);border:1px dashed var(--sage);border-radius:14px;padding:30px}.product-card{border:1px solid var(--border);background:#fff;border-radius:16px;transition:all .3s;overflow:hidden}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #40513b1a}.product-card img{aspect-ratio:1;object-fit:cover;background:var(--matcha-light);width:100%}.product-info{padding:20px}.product-category{text-transform:uppercase;letter-spacing:1.5px;color:var(--matcha);font-size:12px}.product-info h3{color:var(--matcha-dark);margin:8px 0;font-family:Playfair Display,serif}.product-price{color:var(--matcha-dark);font-weight:700}.shop-controls{gap:15px;margin-bottom:40px;display:flex}.shop-search,.shop-filter{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:14px 16px;font-family:inherit}.shop-search{flex:1}.shop-search:focus,.shop-filter:focus{border-color:var(--matcha);outline:none}@media (width<=600px){.shop-controls{flex-direction:column}}.product-detail-page{background:var(--white);min-height:75vh;padding:80px 8% 110px}.product-detail{grid-template-columns:420px 1fr;align-items:center;gap:90px;max-width:1050px;margin:0 auto;display:grid}.product-detail-image{background:var(--matcha-light);border-radius:22px;justify-content:center;align-items:center;width:100%;max-width:420px;padding:20px;display:flex}.product-detail-image img{object-fit:contain;border-radius:14px;width:100%;max-width:360px;height:360px}.product-detail-info{max-width:520px}.product-detail-info .product-category{margin-bottom:12px}.product-detail-info h1{color:var(--matcha-dark);margin-bottom:22px;font-family:Playfair Display,serif;font-size:46px;line-height:1.15}.product-detail-price{color:var(--matcha);margin-bottom:30px;font-size:26px;font-weight:700}.product-detail-info .product-description{color:var(--text-soft);margin-bottom:25px;font-size:16px;line-height:1.8}.product-stock{color:var(--matcha-dark);margin-bottom:32px;font-size:14px;font-weight:600}.add-cart-button{background:var(--matcha-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:16px 34px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s}.add-cart-button:hover{background:var(--matcha);transform:translateY(-2px)}.add-cart-button:disabled{opacity:.5;cursor:not-allowed}.back-shop-link{color:var(--matcha);margin-top:30px;font-weight:600;display:block}@media (width<=850px){.product-detail{grid-template-columns:1fr;gap:50px}.product-detail-image{max-width:450px;margin:0 auto}.product-detail-info{max-width:600px;margin:0 auto}.product-detail-info h1{font-size:40px}}.cart-list{flex-direction:column;gap:20px;display:flex}.cart-item{border:1px solid var(--border);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:22px;display:flex}.remove-cart-button{color:#8b4a4a;cursor:pointer;background:0 0;border:none;font-weight:600}.cart-summary{margin-top:35px}.footer{background:var(--matcha-dark);color:#fff;padding:70px 8%}.footer h3{letter-spacing:4px;margin-bottom:10px;font-family:Playfair Display,serif;font-size:27px}.footer p{color:#d8dfd1;margin-top:8px}.solony-message{background:var(--matcha-dark);color:#fff;text-align:center}.message-content{max-width:700px;margin:0 auto}.message-content h2{margin:15px 0 20px;font-family:Playfair Display,serif;font-size:48px}.message-content p{color:#d8dfd1;margin-bottom:30px;line-height:1.7}.secondary-button{background:var(--cream);color:var(--matcha-dark);border-radius:10px;padding:14px 28px;font-weight:600;transition:all .3s;display:inline-block}.secondary-button:hover{transform:translateY(-3px)}@media (width<=1000px){.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.navbar{padding:0 5%}.logo{font-size:23px}.nav-links{gap:14px}.nav-links a{font-size:13px}.hero{background:radial-gradient(circle at 80% 25%,#dce6ca 0%,#0000 30%),linear-gradient(135deg,#f6f1e7 0%,#e8eedb 100%);grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:650px;padding:80px 8%;display:grid}.hero-image-wrapper{justify-content:center;align-items:center;display:flex}.hero-image{object-fit:contain;border-radius:20px;width:100%;max-width:380px;height:auto}.hero h1{font-size:50px}.section,.page-container{padding:70px 6%}.category-grid,.product-grid{grid-template-columns:1fr}.section-heading h2{font-size:36px}.page-heading h1{font-size:44px}}