
:root{
  --bg:#f6efe9;
  --bg2:#fbf7f4;
  --text:#3b2b2b;
  --accent:#d8a8a0;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);}
.container{max-width:1100px;margin:0 auto;padding:24px;}
.site-header{background:var(--bg2);position:relative}
.brand{display:flex;gap:16px;align-items:center}
.logo{width:72px;height:auto;border-radius:999px;background:#fff;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.title h1{margin:0;font-size:28px}
.topnav{display:flex;gap:16px;list-style:none;margin:8px 0 0 0;padding:0}
.topnav a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #eee}
.section{position:relative;background:#fff;}
.section.soft-bg{background:#fbf7f4;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.rounded{border-radius:24px}
h2{font-size:28px;margin:0 0 16px}
.icons{display:flex;gap:24px;list-style:none;padding:0;margin:12px 0 0 0}
.icons li{background:#fff;padding:8px 12px;border-radius:12px;border:1px solid #eee}
.divider{height:48px;overflow:hidden}
.wave-bottom:before,.wave-top:before{content:'';display:block;height:48px;background:radial-gradient(circle at 50% -40px, transparent 40px, var(--bg2) 41px) bottom/80px 48px repeat-x}
.wave-top:before{background:radial-gradient(circle at 50% 88px, transparent 40px, var(--bg2) 41px) top/80px 48px repeat-x}
.diagonal{clip-path:polygon(0 0,100% 12px,100% 100%,0% 100%);background:var(--bg);height:32px}
.diagonal.reverse{clip-path:polygon(0 12px,100% 0,100% 100%,0% 100%);background:var(--bg);height:32px}
.site-footer{background:var(--bg2)}
.copyright{margin-top:12px;font-size:14px;color:#7a6660}

/* Reviews slider */
.reviews-slider{position:relative;overflow:hidden;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px}
.reviews-slider .slides{display:flex;transition:transform .5s ease}
.reviews-slider .slide{min-width:100%;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:8px 12px}
.reviews-slider .avatar img{width:120px;height:120px;object-fit:cover;border-radius:50%;background:#f2e9e4}
.reviews-slider .review-text h3{margin:0 0 6px 0;font-size:18px}
.reviews-slider .review-text p{margin:0;line-height:1.5}
.reviews-slider .nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;cursor:pointer}
.reviews-slider .nav.prev{left:8px}
.reviews-slider .nav.next{right:8px}
.reviews-slider .dots{display:flex;gap:6px;justify-content:center;margin-top:8px}
.reviews-slider .dots button{width:8px;height:8px;border-radius:50%;border:1px solid #bbb;background:#ddd;cursor:pointer}
.reviews-slider .dots button.active{background:#bfa29a}

@media (max-width:800px){
  .two-col{grid-template-columns:1fr}
  .topnav{flex-wrap:wrap}
  .reviews-slider .slide{grid-template-columns:80px 1fr}
  .reviews-slider .avatar img{width:80px;height:80px}
}
