:root{
  --rose:#d8a7b1;
  --sage:#8fa79a;
  --beige:#e9e2d0;
  --ivory:#f8f5f0;
  --ink:#2a2a2a;
  --muted:#6a6a6a;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,0.08)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.6}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,serif;color:#2b2b2b;letter-spacing:.2px}
h1{font-size:2.2rem;margin:0 0 10px}
h2{font-size:1.8rem;margin:0 0 12px}
h3{font-size:1.2rem;margin:0 0 8px}
p{margin:0 0 14px}
ul{margin:0;padding-left:18px}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;object-fit:cover;object-position:center;border-radius:8px}
.logo{max-width:150px;max-height:80px}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid transparent;font-weight:600;transition:.2s;background:var(--rose);color:#fff}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;border-color:var(--sage);color:var(--sage)}
.btn-outline:hover{background:var(--sage);color:#fff}
.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn-primary{background:var(--sage);color:#fff}
.btn-primary:hover{background:#7c988c}
.btn-disabled{opacity:.5;pointer-events:none}
.small{padding:8px 12px}
.full{width:100%}
.center{display:block;margin:10px auto 0}
.text-link{color:var(--sage)}
.site-header{position:sticky;top:0;background:rgba(248,245,240,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee;z-index:20}
.header-grid{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-text{font-weight:700;letter-spacing:.5px}
.nav-toggle{display:none;background:transparent;border:0;font-size:22px}
.main-nav .nav-list{display:flex;gap:18px;align-items:center;list-style:none;margin:0;padding:0}
.main-nav a{padding:8px 4px;border-radius:6px}
.main-nav a.active{color:var(--sage);font-weight:700}
.cart-count{background:var(--rose);color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px;font-size:.8rem}
.has-dropdown{position:relative}
.dropdown{position:absolute;display:none;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:var(--shadow);padding:8px 0;top:36px;left:0;min-width:220px;z-index:5}
.has-dropdown:hover .dropdown{display:block}
.dropdown a{display:block;padding:10px 14px}
.hero{background:linear-gradient(160deg, var(--ivory), #fff);padding:60px 0}
.hero-inner{max-width:900px}
.hero-cta{display:flex;gap:14px;margin-top:12px}
.section{padding:48px 0}
.section.alt{background:#fff}
.two-col{display:grid;grid-template-columns:1.4fr .9fr;gap:24px}
.card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:var(--shadow);padding:18px}
.card.muted{background:var(--ivory)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:16px}
.feature-item{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.icon{width:28px;height:28px;fill:var(--sage);margin-bottom:10px}
.stats{display:flex;gap:24px;margin:18px 0 8px 0}
.stat{background:var(--beige);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;align-items:center}
.stat .num{font-weight:800;font-size:1.2rem}
.stat .label{font-size:.9rem;color:var(--muted)}
.long-text p{font-size:1.02rem}
.bullet{list-style:none;padding:0}
.bullet li{padding-left:26px;position:relative;margin:8px 0}
.bullet li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--sage)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-card{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column}
.product-img{width:100%;height:250px;max-width:250px;max-height:250px;aspect-ratio:1/1;align-self:center}
.product-title{margin-top:10px;font-size:1.1rem}
.product-desc{color:var(--muted);font-size:.95rem}
.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.price{font-weight:700}
.more-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.history-box{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.history-item{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.review{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;box-shadow:var(--shadow)}
.page-hero{background:linear-gradient(160deg, var(--beige), var(--ivory));padding:40px 0}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:20px;padding:28px 0}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:6px 0}
.site-footer{border-top:1px solid #eee;background:#fff}
.socials{display:flex;gap:12px;margin-top:10px}
.social svg{width:22px;height:22px;fill:var(--sage)}
.copyright{margin-top:14px;color:var(--muted)}
.newsletter-form{display:flex;gap:10px}
.newsletter-form input{flex:1;border:1px solid #ddd;border-radius:10px;padding:12px;background:#fff}
.cookies{position:fixed;left:0;right:0;bottom:-300px;background:#fff;border-top:1px solid #eee;box-shadow:0 -8px 20px rgba(0,0,0,.06);transition:.35s;z-index:50}
.cookies.show{bottom:0}
.cookies-content{max-width:1120px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.cookies-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cookies-buttons{display:flex;gap:10px}
.cookies-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;z-index:60}
.cookies-modal.show{display:flex}
.cookies-modal-inner{background:#fff;border-radius:14px;padding:18px;min-width:320px}
.switch{display:flex;align-items:center;gap:10px}
.cart-list{display:flex;flex-direction:column;gap:12px}
.cart-item{display:grid;grid-template-columns:100px 1fr 120px;gap:14px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:var(--shadow);padding:12px}
.ci-main h4{margin:0 0 8px 0}
.ci-price{color:var(--muted);font-size:.95rem}
.ci-qty{display:flex;gap:8px;align-items:center;margin-top:8px}
.ci-qty .qty{border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 10px}
.ci-qty .remove{margin-left:auto;border:1px solid #f0caca;background:#fff;color:#b55;border-radius:8px;padding:6px 10px}
.ci-sum{display:flex;align-items:center;font-weight:700;justify-content:flex-end}
.cart-summary{margin-top:14px;background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.summary-line{display:flex;justify-content:space-between;margin:6px 0}
.summary-line.strong{font-weight:700}
.summary-actions{display:flex;gap:10px;margin-top:10px}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.order-summary{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.os-line{display:flex;justify-content:space-between;margin:8px 0}
.checkout-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkout-form input, .contact-form input, .contact-form textarea{border:1px solid #ddd;background:#fff;border-radius:10px;padding:12px;width:100%}
.checkout-form .full{grid-column:1/-1}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-info{margin-top:10px;color:var(--sage);font-weight:600}
.page-hero h1{margin-bottom:6px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.team-member{ text-align: center; margin: 20px; padding: 20px; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); background:#fff }
.team-photo{ width: 100%; max-width: 300px; height: 300px; object-fit: cover; object-position: center; border-radius: 8px; margin-bottom: 15px; aspect-ratio:1/1 }
.team-name{ font-size: 1.4rem; font-weight: bold; margin: 10px 0 5px 0; color: #333 }
.team-position{ font-size: 1.1rem; color: #666; font-weight: 500; margin: 5px 0 10px 0 }
.team-bio{ font-size: 0.95rem; color: #555; line-height: 1.5; margin: 10px 0 }
@media(max-width:1000px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .checkout-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .main-nav .nav-list{display:none;flex-direction:column;gap:10px;background:#fff;position:absolute;left:0;right:0;top:60px;border-bottom:1px solid #eee;padding:10px 20px}
  .main-nav.open .nav-list{display:flex}
  .nav-toggle{display:block}
  .features-grid{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .reviews{grid-template-columns:1fr}
  .history-box{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
}