:root{
    --navy:#001a3d;
    --navy-2:#002b54;
    --dark:#07172d;
    --text:#08172b;
    --muted:#536274;
    --line:#dbe5ee;
    --soft:#f4f8fb;
    --soft-2:#ecf5f9;
    --cyan:#19d1dc;
    --cyan-2:#c9fbff;
    --white:#fff;
    --shadow:0 24px 65px rgba(0,26,61,.12);
    --shadow-soft:0 18px 45px rgba(0,26,61,.08);
    --radius:26px;
    --container:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
    background:#f6f9fc;
    font-size:16px;
    line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.ap-container{width:min(var(--container),calc(100% - 42px));margin-inline:auto}
.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    height:82px;
    display:flex;
    align-items:center;
    background:rgba(244,248,252,.96);
    border-bottom:1px solid rgba(0,26,61,.08);
    transition:.28s ease;
}
.site-header.is-sticky{
    background:rgba(238,245,251,.78);
    backdrop-filter:blur(18px);
    box-shadow:0 10px 35px rgba(0,26,61,.08);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;height:100%}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.brand-mark{
    width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
    background:var(--navy);box-shadow:0 14px 28px rgba(0,26,61,.15)
}
.brand-mark svg{width:22px;height:22px;fill:none;stroke:var(--cyan);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.brand-text{display:flex;flex-direction:column;line-height:1.02}
.brand-text strong{font-size:17px;font-weight:900;letter-spacing:-.04em;color:var(--text)}
.brand-text em{font-style:normal;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:10px;color:#6a7582;margin-top:2px}
.nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.nav>a,.nav button{font-weight:700;font-size:14px;color:#314155;background:0;border:0;padding:29px 0;line-height:1.05;cursor:pointer}
.nav a:hover,.nav button:hover{color:var(--navy)}
.has-dropdown{position:relative}
.has-dropdown button span{font-size:14px;margin-left:4px}
.dropdown-menu{
    position:absolute;top:70px;left:50%;transform:translateX(-50%) translateY(12px);
    width:224px;padding:14px;border-radius:18px;background:rgba(241,247,251,.96);
    border:1px solid rgba(0,26,61,.08);box-shadow:var(--shadow-soft);
    opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;backdrop-filter:blur(18px)
}
.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-menu a{display:block;padding:10px 9px;border-radius:10px;color:#415061;font-size:14px;font-weight:600}
.dropdown-menu a:hover{background:#fff;color:var(--navy)}
.header-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.return-badge{width:62px;height:62px;border-radius:50%;background:var(--cyan-2);display:grid;place-items:center;text-align:center;color:var(--navy);font-weight:900;font-size:12px;line-height:1.05;box-shadow:0 16px 30px rgba(25,209,220,.2)}
.phone-link{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;line-height:1.05;color:#334155}
.phone-link svg,.login-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.login-btn{height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;background:#fff;color:#162338}
.header-cta{padding:13px 22px;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;font-size:14px;line-height:1.12;box-shadow:0 18px 38px rgba(0,26,61,.22)}
.mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px}
.mobile-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:999px}
.hero-section{background:radial-gradient(circle at 76% 22%,rgba(26,208,220,.35),transparent 35%),linear-gradient(112deg,#001537 0%,#002b57 50%,#075f70 100%);padding:96px 0 122px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 586px;gap:105px;align-items:center}
.mini-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#eaf6ff;font-weight:800;font-size:13px;margin-bottom:24px}
.mini-pill svg{width:16px;height:16px;fill:none;stroke:var(--cyan);stroke-width:2.4}
.hero-content h1{margin:0;color:#fff;font-size:clamp(52px,5vw,84px);line-height:.98;letter-spacing:-.07em;font-weight:900;max-width:590px}
.hero-content h1 span{display:block;color:var(--cyan)}
.hero-content p{color:rgba(255,255,255,.73);font-size:18px;line-height:1.65;max-width:680px;margin:32px 0 0;font-weight:500}
.hero-buttons{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:999px;padding:0 24px;font-size:15px;font-weight:900;transition:.22s ease;border:1px solid transparent;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy)}
.btn-ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.22)}
.btn-dark{background:var(--navy);color:#fff;box-shadow:0 18px 38px rgba(0,26,61,.16)}
.btn-soft{background:#fff;color:var(--navy);border-color:var(--line)}
.hero-metrics{display:flex;gap:62px;margin-top:38px}
.hero-metrics strong,.stats-grid strong{display:block;color:var(--cyan);font-size:28px;line-height:1;font-weight:900;letter-spacing:-.05em}
.hero-metrics span,.stats-grid span{display:block;color:rgba(255,255,255,.67);font-weight:600;font-size:13px;margin-top:9px}
.hero-visual{position:relative;border-radius:28px;box-shadow:0 40px 90px rgba(0,0,0,.28);isolation:isolate}
.hero-visual:before{content:"";position:absolute;inset:-24px;background:radial-gradient(circle,rgba(25,209,220,.22),transparent 68%);z-index:-1;filter:blur(10px)}
.hero-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.12)}
.review-float{position:absolute;left:-40px;bottom:38px;width:230px;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 22px 48px rgba(0,26,61,.22)}
.stars{color:#ff9f1a;letter-spacing:2px;font-size:15px;font-weight:900}
.review-float p{margin:8px 0;color:#5c6878;font-size:12px;line-height:1.45;font-weight:700}
.review-float strong{font-size:12px;color:var(--navy)}
.trust-strip{background:#eef4f8;border-bottom:1px solid var(--line);padding:17px 0}
.trust-list{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;color:#647386;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:800}
.trust-list span::first-letter{color:var(--cyan)}
.section{padding:112px 0}
.two-col{display:grid;grid-template-columns:1fr 575px;gap:100px;align-items:center}
.eyebrow{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.34em;font-size:12px;font-weight:900;margin-bottom:14px}
.section-copy h2,.section-head h2{margin:0;color:var(--text);font-size:clamp(38px,3.4vw,58px);line-height:1.1;letter-spacing:-.06em;font-weight:900;max-width:760px}
.section-copy p,.section-head p{font-size:17px;color:var(--muted);font-weight:500;line-height:1.75;margin:24px 0 0;max-width:680px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 42px;margin-top:26px;color:#34445a;font-weight:700;font-size:14px}
.check-grid span::first-letter,.service-card li::marker{color:var(--cyan)}
.section-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.image-card{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.image-card img{width:100%;height:100%;object-fit:cover}
.tall-image{height:720px}
.experience-badge{position:absolute;left:-1px;bottom:-1px;background:#fff;border-radius:0 22px 0 0;padding:14px 22px;box-shadow:0 -12px 35px rgba(0,26,61,.14)}
.experience-badge strong{display:block;color:var(--navy);font-size:26px;font-weight:900;line-height:1}
.experience-badge span{display:block;font-size:12px;color:#6d7683;font-weight:800;margin-top:5px}
.section-head.left{max-width:760px;margin-bottom:56px}.section-head.center{text-align:center;max-width:830px;margin:0 auto 52px}.section-head.center h2,.section-head.center p{margin-left:auto;margin-right:auto}
.services-section,.products-section,.blog-section{background:#f3f8fc}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 28px 28px;min-height:360px;transition:.22s ease}
.service-card:hover,.service-card.active{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
.card-icon{width:48px;height:48px;border-radius:16px;background:#c9fbff;color:var(--navy);display:grid;place-items:center;font-size:23px;font-weight:900;margin-bottom:22px}
.card-icon.small{width:42px;height:42px;border-radius:14px;font-size:18px;margin:0;flex:0 0 auto}
.service-card h3,.product-card h3,.feature-grid h3,.guarantee-grid h3,.blog-card h3{margin:0 0 10px;color:var(--text);font-size:20px;line-height:1.25;letter-spacing:-.03em;font-weight:900}
.service-card p,.product-card p,.feature-grid p,.guarantee-grid p,.blog-card p{margin:0;color:#5b6879;font-size:14px;line-height:1.65;font-weight:500}
.service-card ul{margin:20px 0 22px;padding-left:16px;color:#4e5c6d;font-size:14px;line-height:1.9;font-weight:600}.service-card a{color:var(--navy);font-weight:900;font-size:14px}.service-card.active a{color:var(--cyan)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 40px rgba(0,26,61,.05);transition:.22s ease}.product-card:hover,.product-card.featured{transform:translateY(-6px);box-shadow:var(--shadow-soft)}.product-image{position:relative;height:288px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image span,.blog-image span{position:absolute;top:16px;left:16px;background:#fff;color:var(--navy);border-radius:999px;padding:6px 13px;font-weight:900;font-size:12px}.product-body{padding:24px}.product-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:18px}.product-actions a{height:35px;border:1px solid var(--line);border-radius:999px;padding:0 16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.product-actions .quote{background:var(--navy);color:#fff;border-color:var(--navy)}.product-actions .whats{width:35px;padding:0;color:#31c657;font-size:18px}.center-action{text-align:center;margin-top:40px}
.stats-band{background:linear-gradient(90deg,#001536,#002b57);padding:74px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid strong{font-size:50px}.stats-grid span{font-size:16px;color:rgba(255,255,255,.68)}
.why-grid{grid-template-columns:520px 1fr}.why-image{height:680px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 34px;margin-top:34px}.feature-grid>div{display:grid;grid-template-columns:42px 1fr;column-gap:16px}.feature-grid h3{font-size:17px;margin-bottom:4px}.feature-grid p{grid-column:2;font-size:14px}
.guarantee-section{background:radial-gradient(circle at 76% 4%,rgba(25,209,220,.16),transparent 25%),#f7fbfd}.soft-pill{display:inline-flex;align-items:center;gap:8px;background:#c9fbff;border-radius:999px;color:#11445c;padding:6px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.guarantee-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;min-height:215px}.dark-icon{width:50px;height:50px;border-radius:16px;background:var(--navy);color:var(--cyan);display:grid;place-items:center;font-size:20px;font-weight:900;margin-bottom:22px}
.reviews-section{background:linear-gradient(100deg,#001536,#002044 54%,#001536);color:#fff}.section-head.dark h2{color:#fff}.section-head.dark p{color:rgba(255,255,255,.72)}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.review-grid article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:24px}.review-grid .stars{color:var(--cyan)}.review-grid p{min-height:96px;color:rgba(255,255,255,.82);font-weight:700;font-size:14px}.review-grid strong{display:block;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;color:#fff}.review-grid span{color:rgba(255,255,255,.5);font-size:12px;font-weight:800}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.blog-image{height:240px;position:relative;background:radial-gradient(circle at center,rgba(255,255,255,.17),transparent 12%),linear-gradient(135deg,#044363,#18cbd3)}.blog-card>div:last-child{padding:24px}.blog-card a{display:inline-flex;margin-top:16px;color:var(--navy);font-weight:900}
.offer-section{background:#f6f9fc;padding-top:52px}.offer-box{display:grid;grid-template-columns:1fr 520px;gap:72px;align-items:center;background:radial-gradient(circle at 74% 18%,rgba(25,209,220,.36),transparent 34%),linear-gradient(112deg,#001536,#002b57 70%,#075f70);border-radius:28px;padding:76px 64px;box-shadow:var(--shadow)}.offer-copy h2{margin:0;color:#fff;font-size:clamp(38px,3.5vw,58px);line-height:1.12;letter-spacing:-.06em}.offer-copy h2 span{color:var(--cyan)}.offer-copy p{color:rgba(255,255,255,.74);font-size:17px;max-width:520px}.offer-copy ul{list-style:none;padding:0;margin:26px 0 0;color:#dff9ff;font-weight:800;line-height:2.15}.offer-form{background:#fff;border-radius:24px;padding:36px 32px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.offer-form label{font-size:12px;color:#617086;font-weight:800}.offer-form input,.offer-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:#f8fbfd;border-radius:16px;min-height:48px;padding:0 16px;color:var(--text);outline:0;transition:.2s}.offer-form textarea{min-height:105px;resize:vertical;padding-top:14px}.offer-form input:focus,.offer-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(25,209,220,.14)}.offer-form .full{grid-column:1/-1}.offer-form button{width:100%;height:52px;border:0;border-radius:16px;background:var(--navy);color:#fff;font-weight:900;margin-top:22px;cursor:pointer}.offer-form>p{text-align:center;margin:14px 0 0;color:#7b8797;font-size:11px;font-weight:700}
.benefits-row{padding:68px 0;background:#f6f9fc}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.benefits-grid>div{display:grid;grid-template-columns:52px 1fr;column-gap:16px}.benefits-grid .card-icon{margin:0}.benefits-grid strong{font-weight:900}.benefits-grid p{grid-column:2;margin:2px 0 0;color:#677589;font-size:13px;line-height:1.55}
.site-footer{background:#001536;color:#fff}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1.25fr 1.15fr;gap:74px;padding:64px 0 58px}.footer-logo .brand-text strong{color:#fff}.footer-brand p{color:rgba(255,255,255,.68);margin:22px 0;font-weight:500;max-width:300px}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:12px;display:grid;place-items:center;font-weight:900}.site-footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px}.site-footer div>a{display:block;color:rgba(255,255,255,.78);margin:10px 0;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);padding:20px 0;color:rgba(255,255,255,.55);font-size:13px}
.floating-whatsapp{position:fixed;right:25px;bottom:24px;z-index:999;background:#35bd4c;color:#fff;border-radius:999px;padding:12px 18px;display:flex;align-items:center;gap:8px;font-weight:900;box-shadow:0 18px 38px rgba(0,0,0,.2)}
@media (max-width:1180px){.nav{gap:16px}.header-actions .phone-link,.login-btn{display:none}.hero-grid{grid-template-columns:1fr 480px;gap:46px}.service-grid,.review-grid,.guarantee-grid{grid-template-columns:repeat(2,1fr)}.two-col,.why-grid{grid-template-columns:1fr 480px;gap:48px}.offer-box{grid-template-columns:1fr;gap:40px}.offer-form{max-width:680px}}
@media (max-width:991px){.site-header{height:76px}.header-actions{display:none}.mobile-toggle{display:block}.nav{position:fixed;left:18px;right:18px;top:86px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:16px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav>a,.nav button{text-align:left;padding:14px 12px;border-radius:12px}.has-dropdown:hover .dropdown-menu{transform:none}.dropdown-menu{position:static;transform:none;width:100%;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:#f3f8fc;display:none;margin:4px 0 10px}.has-dropdown.is-open .dropdown-menu{display:block}.hero-section{padding:70px 0}.hero-grid,.two-col,.why-grid,.offer-box{grid-template-columns:1fr}.hero-content h1{font-size:56px}.hero-visual{max-width:560px}.about-grid .image-card{order:-1}.tall-image,.why-image{height:520px}.product-grid,.blog-grid{grid-template-columns:1fr}.stats-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-bottom{flex-direction:column;gap:8px}.review-float{left:18px;bottom:18px}.trust-list{gap:18px;font-size:11px;letter-spacing:.16em}}
@media (max-width:640px){.ap-container{width:min(100% - 28px,var(--container))}.brand-text strong{font-size:15px}.hero-content h1{font-size:43px}.hero-content p{font-size:15px}.hero-metrics{gap:22px;justify-content:space-between}.hero-metrics strong{font-size:23px}.btn{width:100%;padding-inline:18px}.section{padding:76px 0}.section-copy h2,.section-head h2,.offer-copy h2{font-size:34px}.check-grid,.feature-grid,.form-grid,.service-grid,.guarantee-grid,.review-grid,.stats-grid,.benefits-grid,.footer-grid{grid-template-columns:1fr}.service-card{min-height:auto}.product-actions{grid-template-columns:1fr auto auto}.offer-box{padding:42px 18px;border-radius:22px}.offer-form{padding:24px 18px;border-radius:20px}.tall-image,.why-image{height:430px}.stats-grid{gap:26px}.stats-grid strong{font-size:42px}.footer-bottom{font-size:12px}.floating-whatsapp{right:14px;bottom:14px}.review-float{position:relative;left:auto;bottom:auto;width:auto;margin:14px 16px -6px}.hero-visual img{aspect-ratio:4/3}.hero-section{padding-bottom:54px}}

/* === AquaPrime v2 fixes: header arrow, footer social icons, closer type rhythm === */
body{
    font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}
.nav>a,
.nav button{
    font-weight:700;
    letter-spacing:-.015em;
}
.has-dropdown button.nav-drop-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:nowrap;
}
.has-dropdown button.nav-drop-toggle .chevron{
    width:6px;
    height:6px;
    display:inline-block;
    border-right:1.7px solid currentColor;
    border-bottom:1.7px solid currentColor;
    transform:rotate(45deg) translateY(-1px);
    margin-left:2px;
    flex:0 0 auto;
}
.hero-content h1{
    font-weight:800;
    letter-spacing:-.052em;
    line-height:1.04;
    font-size:clamp(50px,4.72vw,78px);
    max-width:620px;
}
.hero-content p{
    font-weight:500;
    letter-spacing:-.01em;
}
.btn,
.header-cta,
.return-badge,
.phone-link,
.login-btn{
    font-weight:800;
}
.section-copy h2,
.section-head h2,
.offer-copy h2{
    font-weight:800;
    letter-spacing:-.045em;
    line-height:1.12;
}
.service-card h3,
.product-card h3,
.feature-grid h3,
.guarantee-grid h3,
.blog-card h3{
    font-weight:800;
    letter-spacing:-.025em;
}
.brand-text strong{
    font-weight:800;
    letter-spacing:-.035em;
}
.site-footer .socials{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:26px;
}
.site-footer .socials>a{
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.06);
    color:rgba(255,255,255,.82);
    line-height:1;
    transition:.22s ease;
}
.site-footer .socials>a:hover{
    color:var(--cyan);
    background:rgba(25,209,220,.12);
    transform:translateY(-2px);
}
.site-footer .socials svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.site-footer .socials a[aria-label="Facebook"] svg{
    fill:currentColor;
    stroke:none;
}
@media (max-width:991px){
    .has-dropdown button.nav-drop-toggle{
        width:100%;
        justify-content:space-between;
    }
    .hero-content h1{
        font-size:54px;
        line-height:1.02;
    }
}
@media (max-width:640px){
    .hero-content h1{
        font-size:42px;
        line-height:1.04;
        letter-spacing:-.04em;
    }
    .site-footer .socials>a{
        width:44px;
        height:44px;
    }
}


/* === AquaPrime v3 inner pages === */
body{background:#f5f9fc;}
.site-header{isolation:isolate;}
.nav>a.active,.nav button.active{color:var(--navy);font-weight:900;}
.inner-hero{background:radial-gradient(circle at 82% 10%,rgba(25,209,220,.22),transparent 34%),linear-gradient(105deg,#001536 0%,#002b57 100%);color:#fff;padding:78px 0 82px;}
.inner-hero .breadcrumb{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.32em;margin-bottom:14px;}
.inner-hero h1{margin:0;color:#fff;font-size:clamp(42px,4.2vw,68px);line-height:1.05;letter-spacing:-.06em;font-weight:900;max-width:780px;}
.inner-hero h1 span{color:var(--cyan);display:block;}
.inner-hero p{margin:16px 0 0;color:rgba(255,255,255,.76);font-size:18px;max-width:780px;font-weight:600;}
.inner-section{padding:70px 0 88px;}
.slim-section{padding:52px 0 82px;}
.content-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:var(--shadow-soft);}
.text-content{max-width:780px;margin-inline:auto;color:#243349;font-weight:500;}
.text-content h2{font-size:22px;margin:34px 0 8px;letter-spacing:-.03em;}
.text-content h3{font-size:18px;margin:28px 0 8px;}
.text-content p{margin:0 0 16px;color:#3e4c5f;line-height:1.75;}
.text-content ul{margin:14px 0 24px;padding-left:20px;color:#3e4c5f;line-height:1.9;}
.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 38px;}
.filter-tabs button,.filter-tabs a{border:1px solid var(--line);background:#fff;color:#26364a;border-radius:999px;min-height:40px;padding:0 18px;font-weight:800;cursor:pointer;}
.filter-tabs .active{background:var(--navy);border-color:var(--navy);color:#fff;}
.reference-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.reference-card,.gallery-card{position:relative;min-height:250px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft);background:#fff;}
.reference-card img,.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.28s ease;}
.reference-card:hover img,.gallery-card:hover img{transform:scale(1.045);}
.reference-card:after,.gallery-card:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(0deg,rgba(0,21,54,.86),transparent);}
.reference-card .tag,.gallery-card .tag{position:absolute;left:16px;top:16px;z-index:2;background:#fff;color:var(--navy);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;}
.reference-card .meta,.gallery-card .meta{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff;}
.reference-card .meta strong,.gallery-card .meta strong{display:block;font-size:18px;letter-spacing:-.03em;}
.reference-card .meta span,.gallery-card .meta span{font-size:13px;color:rgba(255,255,255,.78);font-weight:700;}
.services-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.service-wide-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px 38px;box-shadow:var(--shadow-soft);}
.service-wide-card .top{display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.service-wide-card .dark-icon{margin:0;width:58px;height:58px;border-radius:18px;}
.service-wide-card h2{margin:0;font-size:25px;letter-spacing:-.04em;line-height:1.15;}
.service-wide-card p{color:#526173;margin:0 0 22px;}
.split-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin:0 0 24px;padding:0;list-style:none;}
.split-list li{position:relative;padding-left:24px;color:#34455a;font-weight:700;font-size:14px;}
.split-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900;}
.card-actions{display:flex;gap:12px;flex-wrap:wrap;}
.card-actions a{min-height:42px;border-radius:999px;border:1px solid var(--line);padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;}
.card-actions a:first-child{background:var(--navy);border-color:var(--navy);color:#fff;}
.product-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.area-grid{display:grid;grid-template-columns:minmax(0,1fr) 580px;gap:58px;align-items:start;}
.area-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 34px;}
.area-list span{background:#fff;border:1px solid var(--line);border-radius:999px;min-height:42px;display:flex;align-items:center;padding:0 14px;font-weight:800;font-size:14px;color:#304156;}
.area-list span:before{content:"⊙";color:var(--cyan);margin-right:10px;font-weight:900;}
.map-card{border-radius:22px;overflow:hidden;background:#e9f3ef;box-shadow:var(--shadow-soft);border:1px solid var(--line);}
.map-card img{width:100%;height:460px;object-fit:cover;}
.contact-grid{display:grid;grid-template-columns:1fr 580px;gap:40px;align-items:start;}
.contact-cards{display:grid;gap:20px;}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center;box-shadow:var(--shadow-soft);}
.contact-card .dark-icon{width:50px;height:50px;margin:0;border-radius:16px;}
.contact-card span{display:block;color:#6b7888;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;margin-bottom:3px;}
.contact-card strong{font-size:17px;}
.whatsapp-wide{height:72px;border-radius:18px;background:#39ba4a;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:18px;box-shadow:var(--shadow-soft);}
.page-offer{background:linear-gradient(180deg,#f2f8fc,#f8fbfd);}
.standalone-offer{display:grid;grid-template-columns:420px 1fr;gap:76px;align-items:center;padding:84px 0;}
.standalone-offer .offer-form{box-shadow:var(--shadow);}
.bullet-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;}
.bullet-list li{position:relative;padding-left:30px;color:#405066;font-weight:700;}
.bullet-list li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--cyan);font-weight:900;line-height:14px;}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:start;}
.detail-main{display:grid;gap:28px;}
.detail-visual{border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--line);background:#fff;}
.detail-visual img{width:100%;height:440px;object-fit:cover;}
.detail-main .content-card h2{margin-top:0;font-size:30px;letter-spacing:-.04em;}
.detail-sidebar{position:sticky;top:106px;display:grid;gap:18px;}
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);}
.sidebar-box h3{margin:0 0 16px;font-size:20px;letter-spacing:-.03em;}
.sidebar-box a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:800;color:#314155;}
.sidebar-box a:first-of-type{border-top:0;}
.price-box strong{display:block;color:var(--cyan);font-size:30px;letter-spacing:-.05em;line-height:1;}
.spec-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;}
.spec-table th,.spec-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;}
.spec-table th{color:#637287;width:38%;font-weight:900;background:#f8fbfd;}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0;}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px;}
.article-meta span{background:#e8fbfd;color:#0d5569;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;}
.article-content h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:30px 0 10px;}
.article-content p{color:#415166;font-size:17px;line-height:1.85;}
.article-content blockquote{margin:28px 0;padding:24px 28px;border-left:5px solid var(--cyan);background:#f2f9fc;border-radius:18px;color:var(--navy);font-weight:800;}
.faq-list{display:grid;gap:14px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.faq-item button{width:100%;background:#fff;border:0;padding:20px 22px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer;text-align:left;color:var(--text);}
.faq-item .answer{display:none;padding:0 22px 20px;color:#536274;}
.faq-item.is-open .answer{display:block;}
.video-card .play{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--navy);display:grid;place-items:center;z-index:3;font-weight:900;box-shadow:var(--shadow-soft);}
.not-found{min-height:calc(100vh - 82px);display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(25,209,220,.18),transparent 32%),linear-gradient(135deg,#001536,#002b57);color:#fff;padding:80px 20px;}
.not-found h1{font-size:clamp(90px,12vw,180px);line-height:1;margin:0;color:var(--cyan);letter-spacing:-.08em;}
.not-found h2{font-size:clamp(32px,4vw,60px);line-height:1.05;margin:12px 0 16px;letter-spacing:-.05em;}
.not-found p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.72);font-size:18px;}
@media (max-width:1180px){.area-grid,.contact-grid,.standalone-offer,.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.product-list-grid,.reference-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.inner-hero{padding:60px 0}.services-list-grid{grid-template-columns:1fr}.area-list{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:24px}.detail-visual img{height:360px}.standalone-offer{padding:58px 0;gap:34px}}
@media (max-width:640px){.inner-hero h1{font-size:38px}.inner-hero .breadcrumb{letter-spacing:.18em}.content-card{padding:24px 18px}.reference-grid,.gallery-grid,.product-list-grid{grid-template-columns:1fr}.area-list,.split-list{grid-template-columns:1fr}.map-card img{height:330px}.contact-card{grid-template-columns:46px 1fr;padding:20px}.contact-card .dark-icon{width:44px;height:44px}.service-wide-card{padding:26px 20px}.detail-visual img{height:280px}.detail-main .content-card h2{font-size:24px}.inner-section{padding:52px 0 68px}.slim-section{padding:42px 0 62px}}

.offer-form select{width:100%;margin-top:7px;border:1px solid var(--line);background:#f8fbfd;border-radius:16px;min-height:48px;padding:0 16px;color:var(--text);outline:0;}


/* === AquaPrime v4 icon polish: inline SVG only, no font glyph dependency === */
.ap-icon{
    width:1em;
    height:1em;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    overflow:visible;
}
.card-icon,.dark-icon{
    line-height:1;
    overflow:hidden;
}
.card-icon .ap-icon,.dark-icon .ap-icon{
    width:22px;
    height:22px;
}
.card-icon.small .ap-icon{
    width:20px;
    height:20px;
}
.dark-icon .ap-icon{
    width:23px;
    height:23px;
}
.service-wide-card .dark-icon .ap-icon{
    width:25px;
    height:25px;
}
.contact-card .dark-icon .ap-icon{
    width:22px;
    height:22px;
}
.benefits-grid .card-icon{
    box-shadow:0 12px 30px rgba(25,209,220,.14);
}
.inline-svg{
    width:18px;
    height:18px;
    display:inline-grid;
    place-items:center;
    flex:0 0 18px;
    color:var(--cyan);
    line-height:1;
}
.inline-svg .ap-icon{
    width:18px;
    height:18px;
}
.trust-list span,.check-grid span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.trust-list .inline-svg{
    width:14px;
    height:14px;
    flex-basis:14px;
}
.trust-list .inline-svg .ap-icon{
    width:14px;
    height:14px;
}
.site-footer .footer-contact a{
    display:flex;
    align-items:flex-start;
    gap:10px;
    line-height:1.45;
}
.site-footer .footer-contact .inline-svg{
    width:17px;
    height:17px;
    margin-top:2px;
}
.floating-whatsapp .ap-icon,
.whatsapp-wide .ap-icon,
.btn .ap-icon{
    width:20px;
    height:20px;
    flex:0 0 auto;
}
.floating-whatsapp,
.whatsapp-wide{
    gap:10px;
}
.hero-buttons .btn-ghost{
    gap:9px;
}
.hero-buttons .btn-ghost .ap-icon{
    width:18px;
    height:18px;
}
.area-list span:before{
    content:"";
    width:16px;
    height:16px;
    border:2px solid var(--cyan);
    border-radius:50%;
    margin-right:10px;
    flex:0 0 16px;
    background:radial-gradient(circle at 50% 50%,var(--cyan) 0 2px,transparent 2.5px);
}
.bullet-list li:before{
    content:"";
    background:radial-gradient(circle at 50% 50%,var(--cyan) 0 2px,transparent 2.5px);
}
@media (max-width:640px){
    .card-icon .ap-icon,.dark-icon .ap-icon{width:20px;height:20px;}
    .contact-card .dark-icon .ap-icon{width:20px;height:20px;}
}

.offer-copy li{display:flex;align-items:center;gap:10px;}
.offer-copy li:has(.inline-svg){padding-left:0;}
.product-actions .whats .ap-icon{width:18px;height:18px;}
.product-actions .whats{color:#35bd4c;}
.soft-pill .inline-svg{width:16px;height:16px;flex-basis:16px;}
.soft-pill .inline-svg .ap-icon{width:16px;height:16px;}

/* === AquaPrime v5 icon final fix === */
/* Contact card icon boxes: previous generic .contact-card span rule was affecting icon containers. */
.contact-card > .dark-icon,
.contact-card .dark-icon{
    display:grid !important;
    place-items:center !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,#001a3d,#002d5b) !important;
    color:var(--cyan) !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    overflow:hidden !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    box-shadow:0 16px 30px rgba(0,26,61,.12);
}
.contact-card > .dark-icon .ap-icon,
.contact-card .dark-icon .ap-icon{
    width:26px !important;
    height:26px !important;
    display:block !important;
    stroke:currentColor !important;
    stroke-width:2.2 !important;
    fill:none !important;
    margin:0 !important;
    transform:none !important;
}
.contact-card > div > span{
    display:block;
    color:#6b7888;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
    font-weight:900;
    margin:0 0 3px;
}
.contact-card > div > strong{display:block;line-height:1.35;}

/* Footer socials: centered, no clipped/half icon issue. */
.site-footer .socials>a{
    display:grid !important;
    place-items:center !important;
    width:48px !important;
    height:48px !important;
    overflow:hidden !important;
}
.site-footer .socials svg{
    width:21px !important;
    height:21px !important;
    display:block !important;
    margin:0 !important;
    transform:none !important;
}
.site-footer .socials a[aria-label="Facebook"] svg{
    width:19px !important;
    height:19px !important;
    fill:currentColor !important;
    stroke:none !important;
}

/* Benefit strip icons: cleaner and larger. */
.benefits-grid .card-icon.small{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(145deg,#c9fbff,#b7f4fa) !important;
    color:var(--navy) !important;
    margin:0 !important;
    overflow:hidden !important;
    box-shadow:0 18px 36px rgba(25,209,220,.16);
}
.benefits-grid .card-icon.small .ap-icon{
    width:27px !important;
    height:27px !important;
    stroke-width:2.15 !important;
    margin:0 !important;
    transform:none !important;
}
.benefits-grid>div{
    grid-template-columns:56px 1fr !important;
    align-items:start;
}
.benefits-grid strong{line-height:1.25;margin-top:4px;}

/* Small devices */
@media (max-width:640px){
    .contact-card{grid-template-columns:54px 1fr !important;gap:16px !important;}
    .contact-card > .dark-icon,
    .contact-card .dark-icon{width:52px !important;height:52px !important;min-width:52px !important;}
    .contact-card > .dark-icon .ap-icon,
    .contact-card .dark-icon .ap-icon{width:24px !important;height:24px !important;}
    .benefits-grid>div{grid-template-columns:52px 1fr !important;}
    .benefits-grid .card-icon.small{width:52px !important;height:52px !important;min-width:52px !important;}
}

/* === AquaPrime v7: blue theme topbar === */
.topbar{
    position:relative;
    z-index:1001;
    min-height:44px;
    display:flex;
    align-items:center;
    color:#fff;
    background:linear-gradient(90deg,#001536 0%,#002a55 38%,#075f70 100%);
    box-shadow:0 1px 0 rgba(255,255,255,.08) inset;
    overflow:hidden;
}
.topbar::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:36%;
    background:linear-gradient(90deg,rgba(25,209,220,.18),rgba(25,209,220,.05),transparent);
    pointer-events:none;
}
.topbar::after{
    content:"";
    position:absolute;
    inset:-90px 12% auto auto;
    width:260px;
    height:140px;
    border-radius:50%;
    background:rgba(25,209,220,.22);
    filter:blur(44px);
    pointer-events:none;
}
.topbar-inner{
    position:relative;
    z-index:2;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.topbar-social,
.topbar-contact{
    display:flex;
    align-items:center;
    gap:16px;
}
.topbar-social span{
    font-size:14px;
    font-weight:900;
    letter-spacing:-.02em;
    color:rgba(255,255,255,.88);
}
.topbar-social a,
.topbar-contact a,
.topbar-contact span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#eafcff;
    font-size:14px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
}
.topbar svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.15;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex:0 0 auto;
}
.topbar-social a{
    width:28px;
    height:28px;
    justify-content:center;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.12);
    transition:.2s ease;
}
.topbar-social a:hover{
    transform:translateY(-1px);
    background:rgba(25,209,220,.22);
    color:#fff;
}
.topbar-contact svg{color:var(--cyan)}
@media (max-width:1280px){
    }
@media (max-width:991px){
    .topbar{min-height:auto;padding:8px 0}
    .topbar-inner{min-height:auto;flex-direction:column;align-items:flex-start;gap:8px}
    .topbar-social,.topbar-contact{gap:10px;flex-wrap:wrap}
    .topbar-social span,.topbar-contact a,.topbar-contact span{font-size:12px}
    .topbar-social a{width:26px;height:26px}
    .nav{top:126px}
}
@media (max-width:640px){
    .topbar-social{display:none}
    .topbar-contact{width:100%;justify-content:center;gap:12px}
    .topbar-contact a:first-child{display:none}
    .topbar-contact a,.topbar-contact span{font-size:11px}
    .topbar svg{width:15px;height:15px}
}


/* === AquaPrime v9: premium mobile navigation === */
.mobile-menu-head,
.mobile-menu-actions{display:none;}
@media (max-width:991px){
    body.ap-menu-open{overflow:hidden;}
    .site-header{
        z-index:1200;
        background:rgba(244,248,252,.88);
        backdrop-filter:blur(18px);
    }
    .mobile-toggle{
        position:relative;
        display:grid !important;
        place-items:center;
        width:56px;
        height:56px;
        padding:0;
        border:1px solid rgba(0,26,61,.10);
        border-radius:20px;
        background:linear-gradient(180deg,#fff,#f3f8fc);
        box-shadow:0 16px 34px rgba(0,26,61,.12);
        transition:.25s ease;
    }
    .mobile-toggle::before{
        content:"";
        position:absolute;
        inset:-1px;
        border-radius:inherit;
        background:linear-gradient(135deg,rgba(25,209,220,.35),rgba(0,26,61,.08));
        opacity:.18;
        pointer-events:none;
    }
    .mobile-toggle span{
        position:absolute;
        left:16px;
        right:16px;
        height:2.5px;
        margin:0;
        border-radius:999px;
        background:var(--navy);
        transition:transform .24s ease, opacity .18s ease, top .24s ease;
    }
    .mobile-toggle span:nth-child(1){top:18px;}
    .mobile-toggle span:nth-child(2){top:27px;}
    .mobile-toggle span:nth-child(3){top:36px;}
    .mobile-toggle.is-active{
        background:linear-gradient(145deg,var(--navy),#00335f);
        border-color:rgba(25,209,220,.28);
        box-shadow:0 20px 42px rgba(0,26,61,.22);
    }
    .mobile-toggle.is-active span{background:#fff;}
    .mobile-toggle.is-active span:nth-child(1){top:27px;transform:rotate(45deg);}
    .mobile-toggle.is-active span:nth-child(2){opacity:0;transform:scaleX(.2);}
    .mobile-toggle.is-active span:nth-child(3){top:27px;transform:rotate(-45deg);}

    .nav{
        position:fixed !important;
        left:14px !important;
        right:14px !important;
        top:var(--ap-mobile-nav-top,126px) !important;
        z-index:1190;
        display:flex !important;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        max-height:calc(100dvh - var(--ap-mobile-nav-top,126px) - 16px);
        overflow:auto;
        padding:18px;
        border-radius:32px;
        background:
            radial-gradient(circle at 92% 8%,rgba(25,209,220,.28),transparent 34%),
            radial-gradient(circle at 4% 100%,rgba(25,209,220,.16),transparent 30%),
            linear-gradient(145deg,rgba(0,21,54,.98) 0%,rgba(0,42,84,.97) 56%,rgba(5,95,112,.95) 100%);
        border:1px solid rgba(201,251,255,.22);
        box-shadow:0 34px 90px rgba(0,26,61,.34);
        backdrop-filter:blur(26px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-12px) scale(.985);
        transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
    }
    .nav.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0) scale(1);
    }
    .nav::-webkit-scrollbar{width:0;height:0;}
    .nav::after{
        content:"";
        position:absolute;
        inset:0;
        border-radius:inherit;
        background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 34%);
        pointer-events:none;
    }
    .mobile-menu-head{
        position:relative;
        z-index:2;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:8px 6px 12px;
        border-bottom:1px solid rgba(255,255,255,.11);
        margin-bottom:4px;
    }
    .mobile-menu-head span{
        color:#fff;
        font-size:18px;
        line-height:1;
        font-weight:900;
        letter-spacing:-.04em;
    }
    .mobile-menu-head small{
        color:rgba(201,251,255,.78);
        font-size:11px;
        line-height:1.15;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.16em;
        text-align:right;
    }
    .nav>a,
    .nav button{
        position:relative;
        z-index:2;
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        min-height:58px;
        width:100%;
        margin:0;
        padding:0 16px !important;
        border-radius:20px;
        border:1px solid rgba(255,255,255,.10) !important;
        background:rgba(255,255,255,.075) !important;
        color:#fff !important;
        text-align:left;
        font-size:16px;
        line-height:1.15;
        font-weight:900;
        letter-spacing:-.025em;
        box-shadow:0 10px 30px rgba(0,0,0,.06) inset;
        transition:.2s ease;
    }
    .nav>a br{display:none;}
    .nav>a::after{
        content:"→";
        display:grid;
        place-items:center;
        width:32px;
        height:32px;
        flex:0 0 32px;
        border-radius:12px;
        background:rgba(201,251,255,.13);
        color:var(--cyan);
        font-size:16px;
        line-height:1;
        transition:.2s ease;
    }
    .nav>a.active,
    .nav>a:hover,
    .nav button:hover,
    .has-dropdown.is-open > button{
        color:#fff !important;
        border-color:rgba(25,209,220,.38) !important;
        background:linear-gradient(135deg,rgba(25,209,220,.22),rgba(255,255,255,.08)) !important;
        transform:translateX(2px);
    }
    .nav>a.active::after,
    .nav>a:hover::after{
        background:#fff;
        color:var(--navy);
    }
    .has-dropdown button.nav-drop-toggle{
        justify-content:space-between !important;
        white-space:normal;
    }
    .has-dropdown button.nav-drop-toggle .chevron{
        width:32px;
        height:32px;
        margin:0;
        flex:0 0 32px;
        display:grid;
        place-items:center;
        border:0;
        border-radius:12px;
        background:rgba(201,251,255,.13);
        transform:none;
    }
    .has-dropdown button.nav-drop-toggle .chevron::before{
        content:"";
        width:8px;
        height:8px;
        border-right:2px solid var(--cyan);
        border-bottom:2px solid var(--cyan);
        transform:rotate(45deg) translateY(-2px);
        transition:.2s ease;
    }
    .has-dropdown.is-open button.nav-drop-toggle .chevron::before{
        transform:rotate(225deg) translate(-2px,-2px);
    }
    .dropdown-menu{
        position:relative !important;
        z-index:2;
        top:auto !important;
        left:auto !important;
        width:100% !important;
        display:grid !important;
        gap:7px;
        max-height:0;
        overflow:hidden;
        padding:0 10px !important;
        margin:0 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:none !important;
        border:0 !important;
        border-radius:18px;
        background:transparent !important;
        box-shadow:none !important;
        transition:max-height .24s ease, padding .24s ease, margin .24s ease;
    }
    .has-dropdown.is-open .dropdown-menu{
        max-height:480px;
        padding:8px 10px 10px !important;
        margin:2px 0 4px !important;
    }
    .dropdown-menu a{
        display:flex;
        align-items:center;
        min-height:44px;
        padding:0 14px !important;
        border-radius:14px;
        background:rgba(255,255,255,.075);
        border:1px solid rgba(255,255,255,.08);
        color:rgba(255,255,255,.88) !important;
        font-size:14px;
        font-weight:800;
    }
    .dropdown-menu a:hover{
        background:rgba(255,255,255,.14) !important;
        color:#fff !important;
    }
    .mobile-menu-actions{
        position:relative;
        z-index:2;
        display:grid;
        gap:10px;
        margin-top:6px;
        padding-top:14px;
        border-top:1px solid rgba(255,255,255,.11);
    }
    .mobile-menu-actions a{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:50px;
        border-radius:999px;
        font-size:14px;
        font-weight:900;
        letter-spacing:-.02em;
    }
    .mobile-menu-cta{
        background:#fff;
        color:var(--navy) !important;
        box-shadow:0 16px 36px rgba(0,0,0,.12);
    }
    .mobile-menu-cta b{margin-left:8px;}
    .mobile-menu-whats{
        background:#38c452;
        color:#fff !important;
    }
    .mobile-menu-phone{
        background:rgba(201,251,255,.12);
        border:1px solid rgba(201,251,255,.18);
        color:#eaffff !important;
    }
}
@media (max-width:640px){
    .nav{
        left:12px !important;
        right:12px !important;
        padding:14px;
        border-radius:28px;
    }
    .mobile-menu-head{
        align-items:flex-start;
    }
    .mobile-menu-head small{
        max-width:150px;
    }
    .nav>a,
    .nav button{
        min-height:54px;
        font-size:15px;
        border-radius:18px;
    }
    .dropdown-menu a{min-height:42px;}
}

/* === AquaPrime v10: tam ekran premium mobil menü === */
.mobile-menu-close{display:none;}
@media (max-width:991px){
    body.ap-menu-open{overflow:hidden;touch-action:none;}
    body.ap-menu-open .site-header{background:rgba(244,248,252,.96);}

    .nav{
        position:fixed !important;
        inset:0 !important;
        left:0 !important;
        right:0 !important;
        top:0 !important;
        width:100vw !important;
        height:100dvh !important;
        max-height:100dvh !important;
        z-index:3000 !important;
        margin:0 !important;
        padding:22px !important;
        display:flex !important;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
        overflow:auto;
        border:0 !important;
        border-radius:0 !important;
        background:
            radial-gradient(circle at 88% 8%,rgba(25,209,220,.42),transparent 30%),
            radial-gradient(circle at 0 78%,rgba(25,209,220,.16),transparent 32%),
            linear-gradient(145deg,#001435 0%,#002852 46%,#076371 100%) !important;
        box-shadow:none !important;
        backdrop-filter:none;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-12px) scale(.99);
        transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
    }
    .nav.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0) scale(1);
    }
    .nav::before{
        content:"";
        position:fixed;
        inset:14px;
        z-index:0;
        pointer-events:none;
        border:1px solid rgba(201,251,255,.16);
        border-radius:30px;
        background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
        box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
    }
    .nav::after{
        content:"";
        position:fixed;
        right:-90px;
        bottom:-120px;
        width:260px;
        height:260px;
        border-radius:50%;
        background:rgba(25,209,220,.14);
        filter:blur(12px);
        pointer-events:none;
    }
    .nav::-webkit-scrollbar{width:0;height:0;}

    .mobile-menu-head{
        position:relative;
        z-index:2;
        display:grid;
        grid-template-columns:1fr auto;
        grid-template-areas:"title close" "sub close";
        align-items:center;
        column-gap:14px;
        min-height:84px;
        margin:0 0 10px;
        padding:16px 16px 18px !important;
        border:1px solid rgba(255,255,255,.13);
        border-radius:26px;
        background:rgba(255,255,255,.08);
        box-shadow:0 18px 45px rgba(0,0,0,.12);
    }
    .mobile-menu-head::before{
        content:"";
        width:42px;
        height:42px;
        border-radius:50%;
        grid-row:1/3;
        margin-right:12px;
        background:rgba(0,26,61,.44);
        box-shadow:inset 0 0 0 1px rgba(201,251,255,.14);
        display:none;
    }
    .mobile-menu-head span{
        grid-area:title;
        color:#fff;
        font-size:24px;
        line-height:1;
        font-weight:950;
        letter-spacing:-.055em;
    }
    .mobile-menu-head small{
        grid-area:sub;
        color:rgba(201,251,255,.82);
        font-size:11px;
        line-height:1.2;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.18em;
        text-align:left;
        margin-top:7px;
        max-width:none;
    }
    .mobile-menu-close{
        grid-area:close;
        display:grid;
        place-items:center;
        width:52px;
        height:52px;
        border:1px solid rgba(255,255,255,.18);
        border-radius:18px;
        background:#fff;
        color:var(--navy);
        font-size:32px;
        line-height:1;
        font-weight:600;
        cursor:pointer;
        box-shadow:0 14px 32px rgba(0,0,0,.16);
    }

    .nav>a,
    .nav button.nav-drop-toggle{
        position:relative;
        z-index:2;
        min-height:62px;
        padding:0 18px !important;
        border-radius:22px;
        border:1px solid rgba(255,255,255,.12) !important;
        background:rgba(255,255,255,.09) !important;
        color:#fff !important;
        font-size:17px;
        font-weight:950;
        letter-spacing:-.025em;
        box-shadow:0 12px 34px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .nav>a::after,
    .has-dropdown button.nav-drop-toggle .chevron{
        width:36px;
        height:36px;
        flex:0 0 36px;
        border-radius:14px;
        background:rgba(201,251,255,.15);
    }
    .nav>a:hover,
    .nav>a.active,
    .nav button.nav-drop-toggle:hover,
    .has-dropdown.is-open > button.nav-drop-toggle{
        background:linear-gradient(135deg,rgba(25,209,220,.30),rgba(255,255,255,.10)) !important;
        border-color:rgba(201,251,255,.28) !important;
        transform:none !important;
    }

    .dropdown-menu{
        position:relative !important;
        z-index:2;
        display:grid !important;
        grid-template-columns:1fr;
        gap:8px;
        max-height:0;
        padding:0 12px !important;
        margin:0 !important;
        overflow:hidden;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        transition:max-height .26s ease, padding .26s ease, margin .26s ease;
    }
    .has-dropdown.is-open .dropdown-menu{
        max-height:520px;
        padding:9px 12px 10px !important;
        margin:0 0 4px !important;
    }
    .dropdown-menu a{
        min-height:46px;
        padding:0 16px !important;
        border-radius:16px;
        background:rgba(255,255,255,.075) !important;
        border:1px solid rgba(255,255,255,.09);
        color:rgba(255,255,255,.90) !important;
        font-size:14px;
        font-weight:850;
    }

    .mobile-menu-actions{
        position:relative;
        z-index:2;
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:auto;
        padding-top:16px;
        border-top:1px solid rgba(255,255,255,.12);
    }
    .mobile-menu-actions a{
        min-height:54px;
        border-radius:999px;
        font-size:15px;
        font-weight:950;
    }
    .mobile-menu-cta{background:#fff;color:var(--navy) !important;}
    .mobile-menu-whats{background:#38c452;color:#fff !important;}
    .mobile-menu-phone{background:rgba(201,251,255,.13);border:1px solid rgba(201,251,255,.18);color:#eaffff !important;}
}
@media (max-width:640px){
    .nav{padding:18px !important;gap:9px;}
    .nav::before{inset:8px;border-radius:26px;}
    .mobile-menu-head{min-height:78px;border-radius:24px;padding:14px !important;}
    .mobile-menu-head span{font-size:22px;}
    .mobile-menu-head small{font-size:10px;letter-spacing:.14em;}
    .mobile-menu-close{width:48px;height:48px;border-radius:17px;font-size:30px;}
    .nav>a,.nav button.nav-drop-toggle{min-height:58px;border-radius:20px;font-size:16px;}
    .mobile-menu-actions a{min-height:52px;}
}

/* === AquaPrime v11: mobil tam ekran menü alt aksiyonları yukarı alındı === */
@media (max-width:991px){
    body.ap-menu-open{touch-action:auto;}
    .nav{
        justify-content:flex-start !important;
        overflow-y:auto !important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding-bottom:22px !important;
    }
    .nav.is-open{touch-action:pan-y;}
    .mobile-menu-actions{
        margin-top:14px !important;
        padding-top:14px !important;
        gap:9px !important;
        flex:0 0 auto !important;
    }
    .mobile-menu-actions a{
        min-height:50px !important;
    }
}
@media (max-width:991px) and (max-height:760px){
    .nav{gap:7px !important;padding-top:14px !important;padding-bottom:16px !important;}
    .mobile-menu-head{min-height:66px !important;margin-bottom:6px !important;padding:12px 14px !important;}
    .mobile-menu-head span{font-size:20px !important;}
    .mobile-menu-head small{font-size:9px !important;margin-top:5px !important;}
    .mobile-menu-close{width:44px !important;height:44px !important;border-radius:15px !important;}
    .nav>a,.nav button.nav-drop-toggle{min-height:50px !important;border-radius:18px !important;font-size:15px !important;}
    .nav>a::after,.has-dropdown button.nav-drop-toggle .chevron{width:32px !important;height:32px !important;flex-basis:32px !important;}
    .mobile-menu-actions{margin-top:10px !important;padding-top:12px !important;gap:8px !important;}
    .mobile-menu-actions a{min-height:46px !important;font-size:14px !important;}
}
@media (max-width:640px){
    .mobile-menu-actions{margin-top:12px !important;}
    .nav{padding-bottom:18px !important;}
}


/* =========================================================
   AKAN MOBİLYA — BLACK & GOLD PREMIUM THEME
   Logo renklerine göre hazırlanmıştır.
   Ana renk: Siyah / Antrasit
   Vurgu: Metalik Altın
   ========================================================= */

:root{
    --navy:#090909;
    --navy-2:#151515;
    --dark:#050505;
    --text:#f5f5f5;
    --muted:#b8b8b8;
    --line:#2a2a2a;
    --soft:#101010;
    --soft-2:#171717;
    --cyan:#d4af37;
    --cyan-2:#f0d477;
    --white:#fff;
    --gold:#d4af37;
    --gold-light:#f4d06f;
    --gold-dark:#9d7a18;
    --shadow:0 24px 65px rgba(0,0,0,.55);
    --shadow-soft:0 18px 45px rgba(0,0,0,.42);
}

/* Genel sayfa */
html,body{
    background:#050505 !important;
    color:#f5f5f5;
}

body{
    background:#050505 !important;
}

/* Linkler ve temel metin */
a{color:inherit}
.section-copy p,
.section-head p,
.service-card p,
.product-card p,
.feature-grid p,
.guarantee-grid p,
.blog-card p,
.text-content p,
.text-content ul,
.service-wide-card p,
.article-content p{
    color:#bdbdbd;
}

/* Üst bilgi */
.topbar{
    background:linear-gradient(90deg,#050505 0%,#101010 55%,#17120a 100%) !important;
    color:#fff;
}
.topbar::before{
    background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(212,175,55,.07),transparent) !important;
}
.topbar::after{
    background:rgba(212,175,55,.16) !important;
}
.topbar-contact svg,
.topbar-social a:hover{
    color:var(--gold) !important;
}

/* Header */
.site-header{
    background:rgba(5,5,5,.96) !important;
    border-bottom:1px solid rgba(212,175,55,.18) !important;
}
.site-header.is-sticky{
    background:rgba(5,5,5,.88) !important;
    box-shadow:0 10px 35px rgba(0,0,0,.55) !important;
}
.brand-text strong{
    color:#fff !important;
}
.brand-text em{
    color:#a9a9a9 !important;
}
.brand-mark{
    background:#111 !important;
    border:1px solid rgba(212,175,55,.35);
    box-shadow:0 14px 28px rgba(0,0,0,.45) !important;
}
.brand-mark svg{
    stroke:var(--gold) !important;
}
.nav>a,
.nav button{
    color:#ddd !important;
}
.nav a:hover,
.nav button:hover,
.nav>a.active,
.nav button.active{
    color:var(--gold) !important;
}
.dropdown-menu{
    background:#111 !important;
    border-color:#2c2c2c !important;
    box-shadow:var(--shadow-soft) !important;
}
.dropdown-menu a{
    color:#cfcfcf !important;
}
.dropdown-menu a:hover{
    background:#1d1d1d !important;
    color:var(--gold) !important;
}
.login-btn,
.mobile-toggle{
    background:#111 !important;
    border-color:#333 !important;
    color:#fff !important;
}
.mobile-toggle span{
    background:var(--gold) !important;
}
.header-cta,
.btn-dark,
.product-actions .quote,
.card-actions a:first-child{
    background:linear-gradient(135deg,#b88a20,#d4af37 55%,#f0d477) !important;
    color:#090909 !important;
    border-color:#d4af37 !important;
    box-shadow:0 16px 36px rgba(212,175,55,.18) !important;
}
.return-badge{
    background:rgba(212,175,55,.14) !important;
    color:var(--gold-light) !important;
    box-shadow:0 16px 30px rgba(212,175,55,.12) !important;
}
.phone-link{
    color:#ddd !important;
}

/* Hero */
.hero-section{
    background:
        radial-gradient(circle at 78% 18%,rgba(212,175,55,.20),transparent 32%),
        radial-gradient(circle at 15% 80%,rgba(212,175,55,.08),transparent 28%),
        linear-gradient(112deg,#030303 0%,#0b0b0b 58%,#15120b 100%) !important;
}
.hero-visual:before{
    background:radial-gradient(circle,rgba(212,175,55,.22),transparent 68%) !important;
}
.mini-pill{
    background:rgba(212,175,55,.09) !important;
    border-color:rgba(212,175,55,.25) !important;
}
.mini-pill svg,
.hero-content h1 span,
.hero-metrics strong,
.eyebrow,
.service-card.active a,
.article-content blockquote,
.price-box strong{
    color:var(--gold) !important;
}
.hero-content p{
    color:rgba(255,255,255,.72) !important;
}
.btn-light{
    background:#fff !important;
    color:#090909 !important;
}
.btn-ghost{
    background:rgba(255,255,255,.04) !important;
    color:#fff !important;
    border-color:rgba(212,175,55,.38) !important;
}
.btn-soft{
    background:#111 !important;
    color:#fff !important;
    border-color:#333 !important;
}

/* Trust strip */
.trust-strip{
    background:#0b0b0b !important;
    border-color:#222 !important;
}
.trust-list{
    color:#999 !important;
}
.trust-list span::first-letter{
    color:var(--gold) !important;
}

/* Tüm normal section arka planları */
.section,
.offer-section,
.benefits-row,
.page-offer{
    background:#050505 !important;
}
.services-section,
.products-section,
.blog-section{
    background:#0b0b0b !important;
}
.guarantee-section{
    background:
        radial-gradient(circle at 76% 4%,rgba(212,175,55,.10),transparent 25%),
        #070707 !important;
}

/* Başlıklar */
.section-copy h2,
.section-head h2,
.offer-copy h2,
.text-content h2,
.text-content h3,
.service-wide-card h2,
.detail-main .content-card h2,
.sidebar-box h3,
.service-card h3,
.product-card h3,
.feature-grid h3,
.guarantee-grid h3,
.blog-card h3{
    color:#fff !important;
}
.offer-copy h2 span{
    color:var(--gold) !important;
}

/* Kartlar */
.service-card,
.product-card,
.guarantee-grid article,
.content-card,
.reference-card,
.gallery-card,
.service-wide-card,
.contact-card,
.sidebar-box,
.faq-item,
.faq-item button,
.offer-form{
    background:#101010 !important;
    border-color:#292929 !important;
    color:#fff !important;
    box-shadow:0 18px 45px rgba(0,0,0,.40) !important;
}
.service-card:hover,
.service-card.active,
.product-card:hover,
.product-card.featured{
    box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.16) !important;
}
.card-icon,
.benefits-grid .card-icon.small{
    background:linear-gradient(145deg,#2b210d,#15120b) !important;
    color:var(--gold) !important;
    box-shadow:0 18px 36px rgba(212,175,55,.10) !important;
}
.dark-icon{
    background:linear-gradient(145deg,#191919,#090909) !important;
    color:var(--gold) !important;
}
.contact-card > .dark-icon,
.contact-card .dark-icon{
    background:linear-gradient(145deg,#191919,#090909) !important;
    color:var(--gold) !important;
}
.service-card ul,
.split-list li,
.area-list span,
.bullet-list li{
    color:#bdbdbd !important;
}
.service-card li::marker{
    color:var(--gold) !important;
}
.split-list li:before,
.bullet-list li:before{
    color:var(--gold) !important;
    border-color:var(--gold) !important;
    background:radial-gradient(circle at 50% 50%,var(--gold) 0 2px,transparent 2.5px) !important;
}

/* Ürün / blog etiketleri */
.product-image span,
.blog-image span,
.reference-card .tag,
.gallery-card .tag{
    background:#171717 !important;
    color:var(--gold-light) !important;
    border:1px solid rgba(212,175,55,.25);
}
.product-actions a,
.card-actions a,
.filter-tabs button,
.filter-tabs a{
    background:#111 !important;
    color:#ddd !important;
    border-color:#333 !important;
}
.product-actions .quote,
.card-actions a:first-child,
.filter-tabs .active{
    background:linear-gradient(135deg,#b88a20,#d4af37 55%,#f0d477) !important;
    color:#090909 !important;
    border-color:#d4af37 !important;
}

/* İstatistik alanı */
.stats-band{
    background:linear-gradient(90deg,#030303,#121212 55%,#1a1408) !important;
}
.stats-grid strong{
    color:var(--gold) !important;
}
.stats-grid span{
    color:rgba(255,255,255,.62) !important;
}

/* Referans / galeri */
.reference-card:after,
.gallery-card:after{
    background:linear-gradient(0deg,rgba(0,0,0,.92),transparent) !important;
}

/* Form */
.offer-box{
    background:
        radial-gradient(circle at 74% 18%,rgba(212,175,55,.20),transparent 34%),
        linear-gradient(112deg,#050505,#111 70%,#1a1408) !important;
}
.offer-form input,
.offer-form textarea,
.offer-form select{
    background:#171717 !important;
    color:#fff !important;
    border-color:#333 !important;
}
.offer-form label{
    color:#aaa !important;
}
.offer-form input:focus,
.offer-form textarea:focus{
    border-color:var(--gold) !important;
    box-shadow:0 0 0 4px rgba(212,175,55,.12) !important;
}
.offer-form button{
    background:linear-gradient(135deg,#b88a20,#d4af37 55%,#f0d477) !important;
    color:#090909 !important;
}

/* Alan / harita */
.area-list span{
    background:#111 !important;
    border-color:#2d2d2d !important;
}
.area-list span:before{
    border-color:var(--gold) !important;
    background:radial-gradient(circle at 50% 50%,var(--gold) 0 2px,transparent 2.5px) !important;
}
.map-card{
    background:#111 !important;
    border-color:#2b2b2b !important;
}

/* İç sayfa hero */
.inner-hero{
    background:
        radial-gradient(circle at 82% 10%,rgba(212,175,55,.18),transparent 34%),
        linear-gradient(105deg,#030303 0%,#15120b 100%) !important;
}
.inner-hero .breadcrumb{
    color:var(--gold) !important;
}
.inner-hero h1 span{
    color:var(--gold) !important;
}

/* Fiyat / makale / FAQ */
.article-meta span,
.soft-pill{
    background:rgba(212,175,55,.12) !important;
    color:var(--gold-light) !important;
}
.article-content blockquote{
    border-left-color:var(--gold) !important;
    background:#111 !important;
}
.faq-item button{
    color:#fff !important;
}
.faq-item .answer{
    color:#aaa !important;
}

/* Teklif kutusu */
.offer-copy ul{
    color:#e5d29a !important;
}

/* Footer */
.site-footer{
    background:#020202 !important;
}
.site-footer h3{
    color:#fff !important;
}
.site-footer div>a{
    color:rgba(255,255,255,.68) !important;
}
.site-footer div>a:hover{
    color:var(--gold) !important;
}
.footer-brand p{
    color:rgba(255,255,255,.58) !important;
}
.footer-bottom{
    border-color:#202020 !important;
    color:rgba(255,255,255,.42) !important;
}
.site-footer .socials>a{
    background:#111 !important;
    border-color:rgba(212,175,55,.16) !important;
    color:#ccc !important;
}
.site-footer .socials>a:hover{
    color:var(--gold) !important;
    background:rgba(212,175,55,.10) !important;
}

/* WhatsApp yeşili korunuyor */
.floating-whatsapp,
.whatsapp-wide{
    background:#25b843 !important;
    color:#fff !important;
}

/* Mobil menü */
@media (max-width:991px){
    .nav{
        background:
            radial-gradient(circle at 92% 8%,rgba(212,175,55,.18),transparent 34%),
            radial-gradient(circle at 4% 100%,rgba(212,175,55,.10),transparent 30%),
            linear-gradient(145deg,rgba(5,5,5,.99),rgba(18,18,18,.98)) !important;
        border-color:rgba(212,175,55,.20) !important;
    }
    .nav>a,
    .nav button{
        background:rgba(255,255,255,.055) !important;
        border-color:rgba(255,255,255,.09) !important;
        color:#fff !important;
    }
    .nav>a::after{
        background:rgba(212,175,55,.13) !important;
        color:var(--gold) !important;
    }
    .nav>a.active,
    .nav>a:hover,
    .nav button:hover,
    .has-dropdown.is-open > button{
        border-color:rgba(212,175,55,.38) !important;
        background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.05)) !important;
    }
    .dropdown-menu{
        background:#111 !important;
    }
    .mobile-menu-head{
        border-color:rgba(255,255,255,.10) !important;
    }
    .mobile-menu-head small{
        color:rgba(240,212,119,.78) !important;
    }
}

/* Altın hover efektleri */
a:hover,
button:hover{
    text-decoration-color:var(--gold);
}


/* =========================================================
   AKAN MOBİLYA — FINAL LOGO COLOR SYSTEM
   Logo palette: Gold / Champagne Gold / Black / White
   Final override: removes remaining blue/cyan visual leakage
   ========================================================= */
:root{
    --navy:#090909;
    --navy-2:#151515;
    --dark:#050505;
    --text:#f5f5f5;
    --muted:#b8b8b8;
    --line:#2a2a2a;
    --soft:#101010;
    --soft-2:#171717;
    --cyan:#d4af37;
    --cyan-2:#f0d477;
    --white:#fff;
    --gold:#d4af37;
    --gold-light:#f4d06f;
    --gold-dark:#9d7a18;
    --shadow:0 24px 65px rgba(0,0,0,.55);
    --shadow-soft:0 18px 45px rgba(0,0,0,.42);
}

html,body{background:#050505 !important;color:#f5f5f5 !important;}

/* Header / navigation */
.site-header{background:rgba(5,5,5,.97) !important;border-bottom:1px solid rgba(212,175,55,.18) !important;}
.site-header.is-sticky{background:rgba(5,5,5,.90) !important;box-shadow:0 12px 36px rgba(0,0,0,.58) !important;}
.nav>a,.nav button{color:#ddd !important;}
.nav>a:hover,.nav button:hover,.nav>a.active,.nav button.active{color:var(--gold) !important;}
.brand-mark{background:#111 !important;border-color:rgba(212,175,55,.38) !important;}
.brand-mark svg{stroke:var(--gold) !important;}
.brand-text strong{color:#fff !important;}
.brand-text em{color:#a9a9a9 !important;}
.header-cta,.btn-dark,.product-actions .quote,.card-actions a:first-child{
    background:linear-gradient(135deg,#a97916 0%,#d4af37 52%,#f4d06f 100%) !important;
    color:#090909 !important;border-color:#d4af37 !important;
    box-shadow:0 16px 36px rgba(212,175,55,.18) !important;
}
.login-btn,.mobile-toggle{background:#111 !important;border-color:#333 !important;color:#fff !important;}
.mobile-toggle span{background:var(--gold) !important;}

/* Topbar */
.topbar{background:linear-gradient(90deg,#030303 0%,#101010 55%,#1b160b 100%) !important;}
.topbar::before{background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(212,175,55,.06),transparent) !important;}
.topbar::after{background:rgba(212,175,55,.15) !important;}
.topbar-contact svg{color:var(--gold) !important;}
.topbar-social a:hover{background:rgba(212,175,55,.18) !important;color:#fff !important;}

/* Hero / inner hero */
.hero-section,.inner-hero,.not-found{
    background:
        radial-gradient(circle at 78% 18%,rgba(212,175,55,.18),transparent 32%),
        linear-gradient(112deg,#030303 0%,#0b0b0b 58%,#17130a 100%) !important;
}
.hero-visual:before{background:radial-gradient(circle,rgba(212,175,55,.20),transparent 68%) !important;}
.hero-content h1 span,.eyebrow,.hero-metrics strong,.inner-hero .breadcrumb,.inner-hero h1 span,.price-box strong{color:var(--gold) !important;}
.mini-pill{background:rgba(212,175,55,.08) !important;border-color:rgba(212,175,55,.25) !important;}
.mini-pill svg{stroke:var(--gold) !important;}

/* Sections */
.section,.offer-section,.benefits-row,.page-offer{background:#050505 !important;}
.services-section,.products-section,.blog-section{background:#0b0b0b !important;}
.guarantee-section{background:radial-gradient(circle at 76% 4%,rgba(212,175,55,.09),transparent 25%),#070707 !important;}
.trust-strip{background:#0b0b0b !important;border-color:#222 !important;}
.trust-list{color:#999 !important;}

/* Cards */
.service-card,.product-card,.guarantee-grid article,.content-card,.reference-card,.gallery-card,.service-wide-card,.contact-card,.sidebar-box,.faq-item,.faq-item button,.offer-form{
    background:#101010 !important;border-color:#292929 !important;color:#fff !important;
    box-shadow:0 18px 45px rgba(0,0,0,.40) !important;
}
.service-card:hover,.service-card.active,.product-card:hover,.product-card.featured{
    box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.16) !important;
}
.card-icon,.benefits-grid .card-icon.small{background:linear-gradient(145deg,#2b210d,#15120b) !important;color:var(--gold) !important;box-shadow:0 18px 36px rgba(212,175,55,.10) !important;}
.dark-icon,.contact-card>.dark-icon,.contact-card .dark-icon{background:linear-gradient(145deg,#191919,#090909) !important;color:var(--gold) !important;}

/* Buttons / pills / form */
.btn-ghost{background:rgba(255,255,255,.035) !important;border-color:rgba(212,175,55,.38) !important;color:#fff !important;}
.btn-soft{background:#111 !important;color:#fff !important;border-color:#333 !important;}
.return-badge,.soft-pill,.article-meta span{background:rgba(212,175,55,.12) !important;color:var(--gold-light) !important;}
.offer-box{background:radial-gradient(circle at 74% 18%,rgba(212,175,55,.20),transparent 34%),linear-gradient(112deg,#050505,#111 70%,#1a1408) !important;}
.offer-form input,.offer-form textarea,.offer-form select{background:#171717 !important;color:#fff !important;border-color:#333 !important;}
.offer-form input:focus,.offer-form textarea:focus{border-color:var(--gold) !important;box-shadow:0 0 0 4px rgba(212,175,55,.12) !important;}
.offer-form button{background:linear-gradient(135deg,#a97916,#d4af37 55%,#f4d06f) !important;color:#090909 !important;}

/* Links / accents / lists */
.service-card a,.card-actions a,.product-actions a{color:#ddd;}
.service-card.active a,.split-list li:before,.bullet-list li:before,.area-list span:before{color:var(--gold) !important;border-color:var(--gold) !important;}
.product-image span,.blog-image span,.reference-card .tag,.gallery-card .tag{background:#171717 !important;color:var(--gold-light) !important;border-color:rgba(212,175,55,.25) !important;}
.filter-tabs button,.filter-tabs a,.product-actions a,.card-actions a{background:#111 !important;color:#ddd !important;border-color:#333 !important;}
.filter-tabs .active{background:linear-gradient(135deg,#a97916,#d4af37 55%,#f4d06f) !important;color:#090909 !important;border-color:#d4af37 !important;}

/* Stats / review */
.stats-band{background:linear-gradient(90deg,#030303,#121212 55%,#1a1408) !important;}
.stats-grid strong,.review-grid .stars{color:var(--gold) !important;}
.reviews-section{background:linear-gradient(100deg,#030303,#15120b 54%,#030303) !important;}

/* Footer */
.site-footer{background:#020202 !important;}
.site-footer div>a:hover,.site-footer .socials>a:hover{color:var(--gold) !important;}
.site-footer .socials>a{background:#111 !important;border-color:rgba(212,175,55,.16) !important;}
.footer-bottom{border-color:#202020 !important;}

/* Mobile menu */
@media(max-width:991px){
    .nav{background:radial-gradient(circle at 92% 8%,rgba(212,175,55,.18),transparent 34%),radial-gradient(circle at 4% 100%,rgba(212,175,55,.08),transparent 30%),linear-gradient(145deg,#050505,#151515) !important;border-color:rgba(212,175,55,.20) !important;}
    .nav>a,.nav button{background:rgba(255,255,255,.055) !important;border-color:rgba(255,255,255,.09) !important;color:#fff !important;}
    .nav>a::after,.has-dropdown button.nav-drop-toggle .chevron{background:rgba(212,175,55,.13) !important;color:var(--gold) !important;}
    .nav>a.active,.nav>a:hover,.nav button:hover,.has-dropdown.is-open>button{border-color:rgba(212,175,55,.38) !important;background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.05)) !important;}
    .mobile-menu-head small{color:rgba(240,212,119,.78) !important;}
}

/* WhatsApp brand green intentionally retained */
.floating-whatsapp,.whatsapp-wide,.mobile-menu-whats{background:#25b843 !important;color:#fff !important;}