:root{
  --pink:#e8927c;
  --pink-dark:#c9694f;
  --gold:#fbbd41;
  --dark:#2b2320;
  --text:#4a3f3a;
  --bg:#fffaf7;
  --card:#ffffff;
  --border:#f0e2da;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{color:var(--dark);font-weight:700;margin-top:0;}
.container{max-width:1160px;margin:0 auto;padding:0 20px;}

.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;flex-wrap:wrap;gap:12px;position:relative;}
.logo{font-size:22px;font-weight:800;letter-spacing:1px;color:var(--dark);}
.logo span{color:var(--pink-dark);}
nav ul{display:flex;list-style:none;gap:26px;margin:0;padding:0;flex-wrap:wrap;}
nav a{font-weight:600;color:var(--text);padding:6px 0;border-bottom:2px solid transparent;display:inline-flex;align-items:center;min-height:44px;}
nav a:hover, nav a.active{color:var(--pink-dark);border-bottom-color:var(--pink-dark);}
.phone-btn{background:var(--pink-dark);color:#fff;padding:9px 18px;border-radius:30px;font-weight:700;}
.phone-btn:hover{background:var(--dark);}
.nav-toggle{display:none;background:none;border:2px solid var(--border);border-radius:8px;font-size:20px;line-height:1;width:44px;height:44px;color:var(--dark);cursor:pointer;order:2;}
.nav-toggle:hover{border-color:var(--pink-dark);color:var(--pink-dark);}

a:focus-visible, button:focus-visible{outline:2px solid var(--pink-dark);outline-offset:2px;}

.hero{position:relative;color:#fff;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(0.55);}
.hero-inner{position:relative;padding:100px 20px;max-width:640px;}
.hero-inner h1{color:#fff;font-size:clamp(26px,5vw,38px);margin-bottom:14px;}
.hero-meta{list-style:none;padding:0;margin:18px 0;}
.hero-meta li{margin-bottom:6px;}
.btn{display:inline-block;background:var(--gold);color:var(--dark);padding:12px 28px;border-radius:30px;font-weight:700;margin-top:10px;}
.btn:hover{background:var(--pink-dark);color:#fff;}
.btn-outline{display:inline-block;border:2px solid var(--pink-dark);color:var(--pink-dark);padding:10px 26px;border-radius:30px;font-weight:700;}
.btn-outline:hover{background:var(--pink-dark);color:#fff;}
.center{text-align:center;margin:30px 0;}

.page-hero{background:linear-gradient(120deg,var(--pink) 0%, var(--gold) 100%);color:#fff;padding:60px 20px;text-align:center;}
.page-hero h1{color:#fff;font-size:clamp(24px,4.5vw,32px);margin-bottom:8px;}

.section-title{text-align:center;font-size:clamp(22px,4vw,28px);margin:50px 0 26px;position:relative;}
.section-title.light{color:#fff;}
section.container{padding:20px 20px 10px;}

.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:20px 0;}
.product-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding-bottom:16px;transition:transform .2s, box-shadow .2s;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08);}
.product-img{aspect-ratio:1/1;overflow:hidden;background:#f7ece7;}
.product-img img{width:100%;height:100%;object-fit:cover;}
.product-card h3{font-size:16px;margin:14px 16px 4px;}
.product-card .price{display:block;margin:0 16px;color:var(--pink-dark);font-weight:700;}

.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:20px 0 40px;align-items:start;}
.product-detail-img{border-radius:14px;overflow:hidden;background:#f7ece7;}
.product-detail-info .price{color:var(--pink-dark);font-size:20px;font-weight:700;margin:10px 0 20px;}
.product-desc{border-top:1px solid var(--border);padding-top:30px;}
.product-desc table{border-collapse:collapse;width:100%;margin:14px 0;}
.product-desc td{border:1px solid var(--border);padding:6px 10px;font-size:14px;}
.breadcrumb{color:#a08f86;margin-bottom:14px;}
.breadcrumb a{color:var(--pink-dark);}

.testimonials{background:var(--gold);margin-top:40px;padding:50px 0;}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.testi-card{background:rgba(255,255,255,.9);border-radius:14px;padding:24px;color:var(--dark);}
.testi-card span{display:block;margin-top:14px;font-weight:700;color:var(--pink-dark);}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin:20px 0 40px;}
.team-card{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px;}
.team-card img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin:0 auto 14px;}

.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:20px 0 40px;}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s;}
.blog-card:hover{transform:translateY(-4px);}
.blog-img{aspect-ratio:4/3;overflow:hidden;background:#f7ece7;}
.blog-img img{width:100%;height:100%;object-fit:cover;}
.blog-info{padding:16px;}
.blog-info .date{color:#a08f86;font-size:13px;}
.blog-info h3{font-size:16px;margin:6px 0 0;}

.blog-article h1{font-size:clamp(22px,4vw,28px);margin-bottom:6px;}
.blog-article .date{color:#a08f86;margin-bottom:20px;}
.blog-content img{border-radius:10px;margin:16px 0;}
.blog-content{margin-bottom:50px;}

.about-content img{border-radius:12px;margin:18px 0;}
.about-content{padding-bottom:10px;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:20px 0 50px;align-items:start;}
.contact-info ul{list-style:none;padding:0;}
.contact-info li{margin-bottom:10px;padding-left:18px;position:relative;}
.contact-info li:before{content:"•";color:var(--pink-dark);position:absolute;left:0;}
.contact-map iframe{border-radius:14px;}
.contact-note{grid-column:1/-1;color:#a08f86;font-size:14px;border-top:1px solid var(--border);padding-top:16px;}

.site-footer{background:var(--dark);color:#e6dcd6;margin-top:40px;}
.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;padding:50px 20px 30px;}
.site-footer h3{color:#fff;font-size:16px;margin-bottom:14px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:8px;}
.footer-links a:hover{color:var(--gold);}
.copyright{text-align:center;padding:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#a89d97;}

@media (max-width: 992px){
  .product-detail-grid, .contact-grid{grid-template-columns:1fr;}
}

@media (max-width: 780px){
  .header-inner{flex-wrap:nowrap;}
  .nav-toggle{display:block;order:1;}
  .phone-btn{order:2;}
  nav{display:contents;}
  nav ul{
    display:flex;
    flex-direction:column;
    gap:0;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    border:1px solid var(--border);
    border-radius:0 0 12px 12px;
    box-shadow:0 12px 24px rgba(0,0,0,.08);
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .25s ease, opacity .2s ease;
    z-index:60;
  }
  nav ul.open{max-height:400px;opacity:1;padding:8px 0;}
  nav a{width:100%;padding:12px 20px;min-height:44px;}
  .hero-inner{padding:70px 20px;}
  .product-detail-grid, .contact-grid{grid-template-columns:1fr;}
}

@media (max-width: 360px){
  .phone-btn{padding:9px 12px;font-size:0;}
  .phone-btn:before{content:"📞";font-size:16px;}
}