*{margin: 0; padding: 0; box-sizing: border-box}
body{font-family: Arial, sans-serif; line-height: 1.6; color: #333}
.container{width: 90%; max-width: 1200px; margin: 0 auto}
html{scroll-behavior: smooth}
@media (max-width: 768px){
 #services,
 #about,
 #portfolio,
 #contact{scroll-margin-top: 110px}
}
/* HEADER */
.header{position:sticky; top:0; z-index:1000; background:rgba(17,17,17,.95); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:0 3px 18px rgba(0,0,0,.12)}
.nav{display:flex; align-items:center; justify-content:space-between; min-height:82px; gap:30px}
.logo{display:flex; align-items:center; gap:14px; color:#fff; text-decoration:none; transition:.3s}
.logo:hover{opacity:.95}
.logo img{width:52px; height:52px; object-fit:contain; transition:transform .35s ease}
.logo:hover img{transform:rotate(-6deg) scale(1.05)}
.logo span{font-size:22px; font-weight:700; letter-spacing:.3px; white-space:nowrap}
.nav-links{display:flex; align-items:center; gap:10px}
.nav-links a{display:flex; align-items:center; gap:8px; padding:12px 16px; border-radius:12px; color:#fff; text-decoration:none; font-size:15px; font-weight:500; transition: background .3s ease, color .3s ease, transform .3s ease}
.nav-links a svg{width:18px; height:18px}
.nav-links a:hover{background:rgba(255,255,255,.08); color:#c19a6b; transform:translateY(-2px)}
.nav-links a.active{background:#8b5e3c; color:#fff}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#8b5e3c; color:#fff; padding:12px 22px; border-radius:30px; text-decoration:none; font-weight:600; transition: background .3s ease, transform .3s ease}
.btn:hover{background:#a67c52; transform:translateY(-2px)}
.btn svg{width:18px; height:18px}
.burger{display:none; width:48px; height:48px; border:none; border-radius:12px; background:rgba(255,255,255,.08); cursor:pointer; position:relative; transition:.3s}
.burger:hover{background:#8b5e3c}
.burger span{position:absolute; left:11px; width:26px; height:2px; background:#fff; transition:.35s ease}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:23px}
.burger span:nth-child(3){top:31px}
.burger.active span:nth-child(1){top:23px; transform:rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){top:23px; transform:rotate(-45deg)}
.mobile-call{display:none !important}
@media (max-width:992px){
    .desktop-btn{display:none}
}
@media (max-width:768px){
    .nav{min-height:74px}
    .burger{display:block; flex:none}
    .nav-links{position:absolute; top:100%; left:0; right:0; display:flex; flex-direction:column; gap:8px; padding:18px; background:#111; border-top:1px solid rgba(255,255,255,.08); box-shadow:0 18px 45px rgba(0,0,0,.22); opacity:0; visibility:hidden; transform:translateY(-15px); transition: opacity .35s ease, transform .35s ease, visibility .35s ease}
    .nav-links.open{opacity:1; visibility:visible; transform:translateY(0)}
    .nav-links a{width:100%; justify-content:flex-start; padding:16px 18px; border-radius:14px; font-size:16px}
    .mobile-call{display:flex !important; justify-content:center; margin-top:10px; padding:18px !important; background:#8b5e3c; color:#fff !important; font-weight:700}
    .mobile-call:hover{background:#a67c52 !important}
}
@media (max-width:480px){
    .logo img{width:46px; height:46px}
    .logo span{font-size:19px}
}
/* HERO */
.hero{position:relative; min-height:700px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff; text-align:center}
.hero-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0}
.hero-overlay{position:absolute; inset:0; background: linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60)), linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.45)); z-index:1}
.hero-content{position:relative; z-index:2; max-width:900px}
.hero-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.12); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.15); color:#fff; padding:10px 18px; border-radius:999px; font-size:15px; font-weight:600; margin-bottom:30px}
.hero-badge svg{width:18px; height:18px; color:#d4af37}
.hero h1{font-size:56px; line-height:1.15; font-weight:800; margin-bottom:28px; text-shadow:0 3px 25px rgba(0,0,0,.45)}
.hero p{font-size:21px; line-height:1.8; max-width:760px; margin:0 auto 45px; color:rgba(255,255,255,.95)}
.hero-buttons{display:flex; justify-content:center; gap:18px; flex-wrap:wrap}
.hero .btn{display:inline-flex; align-items:center; gap:10px; padding:15px 28px; border-radius:50px; font-size:16px; font-weight:600}
.hero .btn svg{width:20px; height:20px}
.btn-outline{background:transparent; border:2px solid rgba(255,255,255,.65); color:#fff}
.btn-outline:hover{background:#fff; color:#111; border-color:#fff}
@media (max-width:768px){
    .hero{min-height:620px; padding:80px 20px}
    .hero-badge{font-size:14px; padding:8px 16px; margin-bottom:24px}
    .hero h1{font-size:36px; line-height:1.2; margin-bottom:22px}
    .hero p{font-size:17px; line-height:1.7; margin-bottom:36px}
    .hero-buttons{flex-direction:column; align-items:center; gap:14px}
    .hero .btn{width:100%; max-width:330px; justify-content:center}
}
@media (max-width:480px){
    .hero{min-height:560px}
    .hero h1{font-size:30px}
    .hero p{font-size:16px}
}
/* SECTIONS */
.section{padding: 80px 0; text-align: center}
.section h2{margin-bottom: 40px; font-size: 32px}
.light{background: #f5f5f5}
.dark{background: #222; color: #fff}
/* SERVICES */
.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:28px}
.service-card{position:relative; overflow:hidden; border-radius:22px; background:#111; box-shadow:0 12px 35px rgba(0,0,0,.12); transition: transform .45s ease, ox-shadow .45s ease}
.service-card:hover{transform:translateY(-8px); box-shadow:0 22px 50px rgba(0,0,0,.18)}
.service-card img{display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; transition:transform .7s ease}
.service-card:hover img{transform:scale(1.08)}
.service-card::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.38) 45%, rgba(0,0,0,.08) 100%); transition:.35s}
.service-card:hover::after{background:linear-gradient(to top, rgba(0,0,0,.93) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.12) 100%)}
.service-overlay{position:absolute; inset:0; z-index:2; display:flex; align-items:flex-end; justify-content:center; padding:26px}
.service-content{width:100%; text-align:center}
.service-icon{width:60px; height:60px; margin:0 auto 18px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.16); backdrop-filter:blur(10px); transition:.35s}
.service-icon svg{width:26px; height:26px; stroke-width:2.2}
.service-card:hover .service-icon{background:#c19a6b; transform:scale(1.08)}
.service-content h3{margin:0 0 12px; font-size:30px; font-weight:700; line-height:1.15; color:#fff}
.service-content p{margin:0 auto; max-width:270px; color:rgba(255,255,255,.92); font-size:16px; line-height:1.6}
@media (max-width:992px){
    .services-grid{gap:22px}
    .service-content h3{font-size:26px}
}
@media (max-width:768px){
    .services-grid{grid-template-columns:1fr; gap:20px}
    .service-card{border-radius:18px}
    .service-overlay{padding:20px}
    .service-icon{width:56px; height:56px; margin:0 auto 16px}
    .service-icon svg{width:24px; height:24px}
    .service-content h3{font-size:24px; margin-bottom:10px}
    .service-content p{font-size:15px; max-width:250px}
}
@media (max-width:480px){
    .service-overlay{padding:18px}
    .service-icon{width:52px; height:52px; margin-bottom:14px}
    .service-icon svg{width:22px; height:22px}
    .service-content h3{font-size:22px}
    .service-content p{font-size:14px; max-width:220px}
}

/* ABOUT */
.about-section{background:#fff}
.about-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center}
.about-image{position:relative}
.about-image img{width:100%; height:auto; display:block; border-radius:24px; box-shadow:0 25px 70px rgba(0,0,0,.12)}
.about-badge{position:absolute; display:flex; align-items:center; gap:16px; background:rgba(255,255,255,.95); backdrop-filter:blur(14px); padding:18px 22px; border-radius:18px; box-shadow:0 18px 45px rgba(0,0,0,.15)}
.about-badge i{width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f7f2ec; color:#a56d3d}
.about-badge svg{width:24px; height:24px}
.about-badge strong{display:block; font-size:18px; margin-bottom:4px; color:#1d1d1d}
.about-badge span{font-size:14px; color:#666; line-height:1.45}
.about-badge-top{left:-25px; top:40px}
.about-badge-bottom{right:-25px; bottom:45px}
.about-content{display:flex; flex-direction:column}
.section-badge{display:inline-flex; align-items:center; gap:8px; width:max-content; padding:8px 16px; border-radius:999px; background:#f7f2ec; color:#9a683f; font-size:14px; font-weight:600; margin-bottom:22px}
.section-badge svg{width:18px; height:18px}
.about-content h2{font-size:52px; line-height:1.1; margin-bottom:30px; color:#181818}
.about-description{margin-bottom:22px; color:#555; font-size:17px; line-height:1.9}
.about-list{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:18px 0 40px}
.about-item{display:flex; align-items:center; gap:12px; padding:18px 20px; border:1px solid #ececec; border-radius:16px; transition:.3s}
.about-item:hover{transform:translateY(-3px); border-color:#c19a6b; box-shadow:0 15px 35px rgba(0,0,0,.07)}
.about-item i{color:#a56d3d}
.about-item svg{width:22px; height:22px}
.about-item span{font-weight:600}
.about-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:40px}
.stat{background:#111; color:#fff; padding:28px 15px; border-radius:18px; text-align:center; transition:.3s}
.stat:hover{transform:translateY(-6px)}
.stat strong{display:block; font-size:38px; color:#d2a46d; margin-bottom:10px}
.stat span{font-size:14px; line-height:1.6; color:#ddd}
.about-content .btn{width:max-content}
@media (max-width:1100px){
    .about-grid{grid-template-columns:1fr; gap:70px}
    .about-content{order:2}
    .about-image{order:1; max-width:700px; margin:0 auto}
}
@media (max-width:768px){
    .about-content h2{font-size:38px}
    .about-description{font-size:16px}
    .about-list{grid-template-columns:1fr}
    .about-stats{grid-template-columns:1fr}
    .about-badge{position:static; margin-top:18px; width:100%}
    .about-image{display:flex; flex-direction:column}
    .about-content .btn{width:100%; justify-content:center}
    .section-badge{display:flex; margin:0 auto 20px}
}
@media (max-width:480px){
    .about-content h2{font-size:32px}
    .about-badge{padding:16px}
    .about-badge strong{font-size:16px}
    .about-badge span{font-size:13px}
    .stat strong{font-size:32px}
}


/* PORTFOLIO */
.portfolio-section{text-align:center}
.portfolio-section h2{margin:18px 0 14px}
.section-description{max-width:760px; margin:0 auto 55px; font-size:17px; line-height:1.8; color:#666}
.portfolio-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.portfolio-item{position:relative; display:block; height:220px; overflow:hidden; border-radius:18px; box-shadow:0 8px 22px rgba(0,0,0,.08); transition: transform .45s ease, box-shadow .45s ease}
.portfolio-item:hover{transform:translateY(-8px); box-shadow:0 20px 45px rgba(0,0,0,.18)}
.portfolio-item img{width:100%; height:100%; object-fit:cover; display:block; transition: transform .8s ease, filter .8s ease; transition: transform .9s cubic-bezier(.22,.61,.36,1), filter .6s ease}
.portfolio-item:hover img{transform:scale(1.08); filter:brightness(.72)}
.portfolio-item::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,.12)); opacity:0; transition:opacity .45s ease}
.portfolio-item:hover::after{opacity:1}
.overlay{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2; opacity:0; transition:opacity .45s ease}
.portfolio-item:hover .overlay{opacity:1}
.overlay span{display:flex; align-items:center; gap:8px; padding:12px 18px; border-radius:50px; background:rgba(255,255,255,.18); backdrop-filter:blur(12px); color:#fff; font-size:14px; font-weight:600; transform:translateY(18px) scale(.95); transition: transform .45s ease, opacity .45s ease, background .35s ease}
.portfolio-item:hover .overlay span{transform:translateY(0) scale(1)}
.overlay span svg{width:18px; height:18px}
.portfolio-social{margin-top:70px; padding:55px; border-radius:26px; background:#f8f6f3}
.portfolio-social .section-badge{margin:0 auto 18px}
.portfolio-social h3{font-size:34px; margin-bottom:18px}
.portfolio-social p{max-width:720px; margin:0 auto 35px; color:#666; line-height:1.8}
.social-buttons{display:flex; justify-content:center; gap:18px; flex-wrap:wrap}
.social-btn{display:flex; align-items:center; gap:10px}
.social-btn svg{width:20px; height:20px}
.instagram-btn{background:linear-gradient(135deg,#fd5949,#d6249f,#285AEB)}
.facebook-btn{background:#1877f2}
@media (max-width:992px){
    .portfolio-grid{grid-template-columns:repeat(3,1fr)}
    .portfolio-item{height:200px}
}
@media (max-width:768px){
    .portfolio-grid{grid-template-columns:repeat(2,1fr); gap:16px}
    .portfolio-item{height:170px}
    .section-description{font-size:15px; margin-bottom:35px}
    .portfolio-social{padding:35px 25px}
    .portfolio-social h3{font-size:28px}
}
@media (max-width:480px){
    .portfolio-grid{grid-template-columns:1fr}
    .portfolio-item{height:230px; border-radius:16px}
    .portfolio-item::after{opacity:1}
    .overlay{opacity:1; align-items:flex-end; padding:18px}
    .overlay span{width:100%; justify-content:center; transform:none; background:rgba(255,255,255,.16)}
    .portfolio-social{margin-top:45px; padding:30px 20px}
    .portfolio-social h3{font-size:24px}
    .social-buttons{flex-direction:column}
    .social-btn{justify-content:center; width:100%}
}
/* KITCHEN */
.kitchen-section{padding:110px 0}
.kitchen-card{position:relative; overflow:hidden; border-radius:28px; min-height:760px; display:flex; align-items:center; justify-content:center; text-align:center; box-shadow:0 25px 70px rgba(0,0,0,.16)}
.kitchen-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s ease}
.kitchen-card:hover img{transform:scale(1.05)}
.kitchen-card::before{content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,.58), rgba(0,0,0,.70)); z-index:1}
.kitchen-content{position:relative; z-index:2; width:100%; max-width:900px; padding:80px; color:#fff}
.kitchen-content .section-badge{margin:0 auto 30px}
.kitchen-content h2{margin:0 0 30px; font-size:64px; line-height:1.08; font-weight:800}
.kitchen-content p{margin:0 auto 22px; max-width:760px; font-size:19px; line-height:1.9; color:rgba(255,255,255,.94)}
.kitchen-content strong{color:#fff}
.kitchen-features{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:55px auto; max-width:850px}
.kitchen-features span{display:flex; align-items:center; justify-content:center; gap:10px; padding:18px 22px; border-radius:16px; background:rgba(255,255,255,.12); backdrop-filter:blur(14px); transition: transform .35s ease, background .35s ease}
.kitchen-features span:hover{transform:translateY(-6px); background:rgba(193,154,107,.40)}
.kitchen-features svg{width:18px; height:18px; flex:none}
.kitchen-note{margin-top:10px !important; max-width:760px; font-size:18px; color:rgba(255,255,255,.95)}
@media (max-width:992px){
    .kitchen-card{min-height:auto}
    .kitchen-content{padding:70px 45px}
    .kitchen-content h2{font-size:48px}
    .kitchen-features{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    .kitchen-section{padding:80px 0}
    .kitchen-card{border-radius:22px}
    .kitchen-content{padding:45px 24px}
    .kitchen-content .section-badge{margin:0 auto 25px}
    .kitchen-content h2{font-size:36px; margin-bottom:22px}
    .kitchen-content p{font-size:16px; line-height:1.8}
    .kitchen-features{grid-template-columns:1fr; gap:12px; margin:35px auto}
    .kitchen-features span{padding:16px 18px; font-size:15px}
    .kitchen-note{font-size:15px}
}
@media (max-width:480px){
    .kitchen-content{padding:35px 20px}
    .kitchen-content h2{font-size:30px}
    .kitchen-content p{font-size:15px}
}
/* PROCESS */
.process-section{padding:110px 0; background:#f8f6f3}
.process-section .section-badge{display:table; margin:0 auto 20px}
.process-section h2{text-align:center; margin:0 auto 18px}
.process-section .section-description{max-width:760px; margin:0 auto 70px; text-align:center}
.process-timeline{position:relative; max-width:950px; margin:0 auto}
.process-timeline::before{content:""; position:absolute; left:34px; top:0; bottom:0; width:3px; background:linear-gradient(to bottom, #c19a6b, rgba(193,154,107,.25))}
.process-step{position:relative; display:flex; align-items:flex-start; gap:35px; margin-bottom:45px}
.process-step:last-child{margin-bottom:0}
.step-circle{position:relative; width:70px; height:70px; min-width:70px; border-radius:50%; background:#c19a6b; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:700; box-shadow:0 12px 30px rgba(193,154,107,.35); z-index:2}
.step-circle span{line-height:1}
.step-content{flex:1; padding:30px; border-radius:22px; background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.08); transition: transform .35s ease, box-shadow .35s ease}
.process-step:hover .step-content{transform:translateY(-6px); box-shadow:0 25px 50px rgba(0,0,0,.14)}
.step-content svg{width:34px; height:34px; color:#c19a6b; margin-bottom:18px}
.step-content h3{margin:0 0 14px; font-size:28px}
.step-content p{margin:0; color:#666; line-height:1.8; font-size:16px}
@media (max-width:768px){
    .process-section{padding:80px 0}
    .process-section .section-description{margin-bottom:45px}
    .process-timeline::before{left:27px}
    .process-step{gap:20px; margin-bottom:30px}
    .step-circle{width:56px; height:56px; min-width:56px; font-size:18px}
    .step-content{padding:22px}
    .step-content h3{font-size:22px}
    .step-content svg{width:28px; height:28px}
}
@media (max-width:480px){
    .process-timeline::before{display:none}
    .process-step{flex-direction:column; align-items:center; text-align:center; gap:18px}
    .step-circle{width:60px; height:60px}
    .step-content{width:100%}
    .step-content svg{margin:0 auto 16px}
}
/* FAQ */
.faq-section{padding:110px 0; background:#f8f6f3}
.faq-section .container{max-width:950px}
.faq-section .section-badge{display:table; margin:0 auto 20px}
.faq-section h2{text-align:center; margin-bottom:18px}
.faq-section .section-description{max-width:720px; margin:0 auto 60px; text-align:center}
.faq-list{display:flex; flex-direction:column; gap:18px}
.faq-item{background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 12px 35px rgba(0,0,0,.08); transition: transform .35s ease, box-shadow .35s ease}
.faq-item:hover{transform:translateY(-3px); box-shadow:0 18px 45px rgba(0,0,0,.12)}
.faq-item.active{box-shadow:0 20px 50px rgba(0,0,0,.14)}
.faq-question{width:100%; display:flex; justify-content:space-between; align-items:center; padding:24px 30px; background:none; border:none; cursor:pointer; font:inherit; text-align:left}
.faq-question span:first-child{display:flex; align-items:center; gap:15px; font-size:20px; font-weight:700; color:#222}
.faq-question svg{color:#c19a6b}
.faq-question span:first-child svg{width:24px; height:24px; flex:none}
.faq-arrow{width:24px; height:24px; color:#c19a6b; transition: transform .35s ease}
.faq-item.active .faq-arrow{transform:rotate(45deg)}
.faq-answer{max-height:0; overflow:hidden; transition: max-height .45s ease, padding .35s ease}
.faq-item.active .faq-answer{max-height:250px; padding:0 30px 28px}
.faq-answer p{margin:0; color:#666; line-height:1.8; font-size:16px}
@media (max-width:768px){
    .faq-section{padding:80px 0}
    .faq-section .section-description{margin-bottom:40px}
    .faq-question{padding:20px}
    .faq-question span:first-child{font-size:18px; gap:12px}
    .faq-item.active .faq-answer{padding:0 20px 22px}
}
@media (max-width:480px){
    .faq-question span:first-child{font-size:16px; align-items:flex-start}
    .faq-question span:first-child svg{width:20px; height:20px; margin-top:2px}
    .faq-answer p{font-size:15px}
}
/* ADVANTAGES */
.advantages-section{padding:110px 0; background:#fff}
.advantages-layout{display:grid; grid-template-columns:420px 1fr; gap:70px; align-items:start}
.advantages-intro{position:sticky; top:120px}
.advantages-intro .section-badge{margin-bottom:22px}
.advantages-intro h2{margin:0 0 25px; font-size:52px; line-height:1.12; font-weight:800; color:#222}
.advantages-intro p{margin:0; font-size:18px; line-height:1.9; color:#666}
.advantages-list{display:flex; flex-direction:column; gap:22px}
.advantage-item{display:flex; align-items:flex-start; gap:22px; padding:28px; background:#fff; border-radius:22px; border:1px solid #ececec; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.advantage-item:hover{transform:translateX(8px); border-color:#c19a6b; box-shadow:0 18px 45px rgba(0,0,0,.10)}
.advantage-icon{width:72px; height:72px; min-width:72px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f8f6f3; transition: background .35s ease, transform .35s ease}
.advantage-item:hover .advantage-icon{background:#c19a6b; transform:rotate(8deg) scale(1.08)}
.advantage-icon svg{width:32px; height:32px; color:#8b5e3c; transition:.35s}
.advantage-item:hover .advantage-icon svg{color:#fff}
.advantage-item h3{margin:0 0 10px; font-size:24px; font-weight:700; color:#222}
.advantage-item p{margin:0; color:#666; line-height:1.75; font-size:16px}
@media (max-width:992px){
    .advantages-layout{grid-template-columns:1fr; gap:50px}
    .advantages-intro{position:static; text-align:center}
    .advantages-intro .section-badge{display:table; margin:0 auto 20px}
    .advantages-intro h2{font-size:42px}
}
@media (max-width:768px){
    .advantages-section{padding:80px 0}
    .advantages-layout{gap:40px}
    .advantages-intro h2{font-size:34px}
    .advantages-intro p{font-size:16px}
    .advantage-item{padding:22px; gap:18px}
    .advantage-icon{width:60px; height:60px; min-width:60px}
    .advantage-icon svg{width:26px; height:26px}
    .advantage-item h3{font-size:20px}
}
@media (max-width:480px){
    .advantage-item{flex-direction:column; align-items:center; text-align:center; padding:24px 20px}
    .advantage-icon{margin-bottom:6px}
    .advantages-intro h2{font-size:30px}
}
/* CONTACT */
.contact-section{padding:110px 0; background:#f8f6f3}
.contact-section .section-badge{display:table; margin:0 auto 20px}
.contact-section h2{text-align:center; margin-bottom:18px}
.contact-section .section-description{max-width:720px; margin:0 auto 60px; text-align:center}
.contact-wrapper{display:flex; justify-content:center}
.contact-card{width:100%; max-width:760px; background:#fff; border-radius:28px; padding:40px; box-shadow:0 20px 60px rgba(0,0,0,.08); transition: transform .35s ease, box-shadow .35s ease;}
.contact-card:hover{transform:translateY(-5px); box-shadow:0 30px 70px rgba(0,0,0,.12)}
.contact-item{display:flex; align-items:center; gap:22px; padding:18px 0}
.contact-item:not(:last-of-type){border-bottom:1px solid #eee}
.contact-icon{width:64px; height:64px; border-radius:50%; background:#f8f6f3; display:flex; align-items:center; justify-content:center; transition:.35s; flex:none}
.contact-item:hover .contact-icon{background:#c19a6b; transform:scale(1.08)}
.contact-icon svg{width:28px; height:28px; color:#8b5e3c; transition:.35s}
.contact-item:hover .contact-icon svg{color:#fff}
.contact-item a{font-size:28px; font-weight:700; color:#222; text-decoration:none; transition:.3s}
.contact-item:hover a{color:#8b5e3c}
.contact-divider{margin:35px 0; height:1px; background:#ececec}
.contact-info{display:grid; grid-template-columns:repeat(3,1fr); gap:25px}
.contact-info div{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px}
.contact-info svg{width:30px; height:30px; color:#c19a6b}
.contact-info span{color:#555; line-height:1.6; font-size:15px}
@media (max-width:768px){
    .contact-section{padding:80px 0}
    .contact-section .section-description{margin-bottom:40px}
    .contact-card{padding:30px 24px}
    .contact-item{gap:16px}
    .contact-icon{width:56px; height:56px}
    .contact-icon svg{width:24px; height:24px}
    .contact-item a{font-size:22px}
    .contact-info{grid-template-columns:1fr; gap:22px}
}
@media (max-width:480px){
    .contact-card{padding:25px 18px; border-radius:22px}
    .contact-item{flex-direction:column; text-align:center; gap:14px; padding:22px 0}
    .contact-item a{font-size:20px}
}
/* FOOTER */
.footer{background:#111; color:#ddd; padding:65px 0 30px}
.footer-content{display:flex; justify-content:space-between; align-items:center; gap:50px; padding-bottom:35px; border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand{display:flex; align-items:center; gap:18px}
.footer-brand img{width:60px; height:60px; border-radius:16px; background:rgba(255,255,255,.05); padding:6px; object-fit:contain}
.footer-brand strong{display:block; color:#fff; font-size:24px; margin-bottom:6px}
.footer-brand span{color:#999; font-size:15px; line-height:1.6}
.footer-links{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.footer-links a{display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px; background:rgba(255,255,255,.05); color:#ddd; text-decoration:none; transition: background .35s ease, transform .35s ease, color .35s ease}
.footer-links a:hover{background:#c19a6b; color:#fff; transform:translateY(-3px)}
.footer-links svg{width:18px; height:18px}
.footer-bottom{margin-top:28px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap}
.footer-bottom p{margin:0; color:#888; font-size:14px}
.footer-bottom a{color:#c19a6b; text-decoration:none; font-weight:600; transition:.3s}
.footer-bottom a:hover{color:#fff}
@media (max-width:768px){
    .footer{text-align:center; padding:50px 0 25px}
    .footer-content{flex-direction:column; gap:35px}
    .footer-brand{flex-direction:column; text-align:center}
    .footer-links{justify-content:center}
    .footer-bottom{flex-direction:column; gap:12px}
}
@media (max-width:480px){
    .footer-links{flex-direction:column; width:100%}
    .footer-links a{justify-content:center; width:100%}
}
/* ERROR PAGE */
.error-page{height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#111,#1f2937); color: #fff; text-align: center}
.error-page h1{font-size: 100px; margin-bottom: 10px}
.error-page h2{font-size: 28px; margin-bottom: 15px}
.error-page p{color: #d1d5db; margin-bottom: 30px}