:root{--brand:#FFD447;--brand-deep:#F3B600;--red:#B91C1C;--navy:#0B2A57;--ink:#0E1320;--bg:#fffaf1}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--bg);line-height:1.6}
.container{max-width:1240px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;background:#fff;z-index:90;border-bottom:3px solid #ffe08a;box-shadow:0 4px 16px #0001}
.nav .inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.nav ul{display:flex;gap:.35rem;list-style:none;margin:0;padding:0;align-items:center}
.nav a.navlink{padding:.6rem .85rem;border-radius:12px}.nav a.navlink:hover{background:#00000008}
.lang-toggle{border:none;border-radius:999px;padding:.55rem 1rem;font-weight:900;background:linear-gradient(180deg,var(--brand),var(--brand-deep));color:#1b1200;border:2px solid #F3B600;cursor:pointer}
.cta{border-radius:999px;padding:.55rem 1rem;font-weight:900}
.cta-portal{background:linear-gradient(180deg,#fff,#ffe9e9);border:2px solid var(--red);color:#5a0a0a}
.cta-appointment{background:linear-gradient(180deg,#ffd1d1,#ff8383);border:2px solid var(--red);color:#5a0a0a}
/* HERO */
.hero{position:relative;height:72vh;min-height:520px;display:grid;place-items:center;overflow:hidden}
.hero .slides{position:absolute;inset:0}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}
.hero .slide.active{opacity:1}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,241,.35),rgba(255,250,241,.92) 70%)}
.center-box{text-align:center;z-index:2}.center-box img{height:110px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}
.action-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:1rem 1.25rem;border-radius:14px;background:linear-gradient(180deg,var(--brand),var(--brand-deep));color:#1b1200;font-weight:900;box-shadow:0 10px 24px #F3B60030}
.btn:hover{transform:translateY(-2px)}.btn.outline{background:#fff;color:var(--navy);border:2px solid var(--navy)}.btn.red{background:linear-gradient(180deg,#ffd1d1,#ff8383);color:#5a0a0a;border:2px solid var(--red)}
.subtext{display:block;font-size:.78rem;font-weight:700;opacity:.85}
.features{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin:.8rem auto 0}
.feature{display:inline-flex;align-items:center;gap:.45rem;background:#ffffffcc;border:1px solid #0001;padding:.45rem .7rem;border-radius:999px}
.feature .bul{width:10px;height:10px;border-radius:50%;background:var(--brand)}
.section{padding:2.2rem 0;border-bottom:1px solid #f2e8c6}
.section h2{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:#7A2E00;font-size:clamp(1.6rem,2.5vw,2.1rem)}
.section h2::before{content:'';width:16px;height:16px;border-radius:4px;background:var(--brand);box-shadow:0 0 0 6px #FFF4BE99}
.about-wrap{display:grid;gap:1rem;grid-template-columns:1.1fr .9fr;align-items:center}
.about-photo{border:3px solid #ffe08a;border-radius:16px;overflow:hidden;box-shadow:0 14px 36px rgba(122,46,0,.12)}
.about-photo img{width:100%;height:360px;object-fit:cover}
@media (max-width:980px){.about-wrap{grid-template-columns:1fr}.about-photo img{height:260px}}
.hl-wrap{display:grid;gap:1rem;grid-template-columns:1fr 1.2fr;align-items:stretch}
.hl-text{background:#fff;border:1px solid #f2d98a;border-radius:16px;padding:1rem;box-shadow:0 8px 18px #7A2E000d}
.mini-carousel{position:relative;border:1px solid #f2d98a;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 18px #7A2E000d}
.mc-slide{display:none;animation:fade .4s ease}.mc-slide.active{display:block}
@keyframes fade{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}
.mc-media{height:220px;background-size:cover;background-position:center}
.mc-body{padding:1rem}.mc-title{display:inline-block;background:#0B2A57;color:#fff;padding:.4rem .8rem;border-radius:999px;font-weight:900}
.testi-wrap{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.testi{border:1px solid #f1d884;border-radius:16px;padding:1rem;background:#fff;box-shadow:0 10px 24px #7A2E000d}
.stars{height:18px}
.services-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.service-card{background:#fff;border:3px solid #ffe08a;border-radius:16px;box-shadow:0 10px 24px rgba(122,46,0,.1);overflow:hidden}
.service-card img{width:100%;height:140px;object-fit:cover}
.service-card .body{padding:.9rem}.service-card .title{display:inline-block;background:#0B2A57;color:#fff;padding:.4rem .8rem;border-radius:999px;font-weight:900}
.consult-hero{position:relative;border-radius:16px;overflow:hidden;border:3px solid #ffe08a;box-shadow:0 12px 28px #7A2E000e;margin-bottom:1rem;background:linear-gradient(120deg,#fff4be,#ffd447)}
.consult-hero .img{height:200px;background:url('https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;filter:saturate(110%)}
.consult-hero .row{display:flex;gap:1rem;align-items:center;padding:1rem;flex-wrap:wrap}
.sticker{width:120px;height:120px;border-radius:50%;background:#B91C1C;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px #0002;transform:rotate(-8deg)}
.sticker span{display:block;line-height:1}
.consult-info{font-weight:800;color:#7A2E00}
.footer{padding:2rem 0;background:#3f2a1a;color:#fff4e2}
.socials{display:flex;gap:.6rem;align-items:center}
.socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff4be;border:2px solid #ffe08a;box-shadow:0 2px 4px #0001}
.socials svg{width:20px;height:20px}
.kyber-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem .9rem;border-top:1px solid #ddd;background:#f2f2f2;color:#333;font-size:.9rem}
.kyber-banner img{height:14px}.kyber-banner .flag{height:14px;border-radius:2px;box-shadow:0 0 0 1px #0001}

/* Mini-carousel nav arrows */
.mini-carousel{position:relative}
.mc-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:999px;background:rgba(0,0,0,.18);color:#fff;font-size:28px;line-height:40px;text-align:center;cursor:pointer;z-index:2}
.mc-nav:hover{background:rgba(0,0,0,.28)}
.mc-nav.prev{left:8px}
.mc-nav.next{right:8px}