/*
Theme Name: Eromer
Theme URI: https://kokumakinalari.com
Author: Kokumakinalari
Author URI: https://kokumakinalari.com
Description: Eromer — profesyonel koku difüzörleri için özel WooCommerce teması. Sora + Manrope tipografisi, altın/koyu palet, teklif odaklı e-ticaret akışı.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: eromer
Tags: e-commerce, woocommerce, custom-colors, translation-ready
*/

/* ══════════════════════════════════════════
   TEMEL / RESET
   ══════════════════════════════════════════ */
:root{
  --bg:#F2EDE3;          /* sayfa gövdesi */
  --bg-soft:#FBF8F1;     /* açık bölüm */
  --bg-card:#F2EDE2;     /* kart */
  --bg-img:#EFE9DF;      /* görsel kutusu */
  --ink:#191713;         /* ana metin/koyu */
  --ink-2:#3E3A30;
  --muted:#57534A;
  --muted-2:#6B6455;
  --muted-3:#8A8171;
  --gold:#A5854E;
  --gold-d:#9A7B45;
  --gold-dd:#8F7239;
  --gold-l:#C2A468;
  --dark:#17140D;
  --dark-2:#131007;
  --dark-3:#16130C;
  --line:rgba(25,23,19,.12);
  --line-soft:rgba(25,23,19,.08);
  --wa:#1EA952;
  --wa-d:#178A42;
  --danger:#B4302B;
  --f-head:'Sora',sans-serif;
  --f-body:'Manrope',sans-serif;
  --wrap:1440px;
  --pad:84px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--f-body);-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block}
a{color:var(--gold-d);text-decoration:none;transition:color .18s}
a:hover{color:#6E5730}
::selection{background:var(--gold);color:#FFF8EA}
h1,h2,h3,h4,p{margin:0}
button{font-family:inherit}
.eromer-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sec{padding:74px 0}
.sec-t{border-top:1px solid var(--line-soft)}
.sec-b{border-bottom:1px solid var(--line-soft)}
.bg-soft{background:var(--bg-soft)}
.bg-dark{background:var(--dark)}
.eyebrow{font:800 12px/1 var(--f-body);letter-spacing:.26em;color:var(--gold-d);margin:0 0 14px;text-transform:uppercase}
.h2{font:700 38px/1.15 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px}
.lead{font:500 16px/1.65 var(--f-body);color:var(--muted);margin:0;max-width:620px}

/* butonlar */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;font:800 14px var(--f-body);cursor:pointer;transition:background .2s,border-color .2s,color .2s;border:1.5px solid transparent;text-align:center;justify-content:center}
.btn-dark{background:var(--ink);color:#F5EFE2;padding:17px 32px}
.btn-dark:hover{background:#37301F;color:#F5EFE2}
.btn-gold{background:var(--gold);color:#FFF9EC;padding:16px 32px}
.btn-gold:hover{background:var(--gold-dd);color:#FFF9EC}
.btn-ghost{background:transparent;border-color:rgba(25,23,19,.3);color:var(--ink);padding:17px 32px}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-ghost-l{background:transparent;border-color:rgba(245,239,226,.35);color:#F5EFE2;padding:16px 30px}
.btn-ghost-l:hover{border-color:#F5EFE2;color:#F5EFE2}
.btn-wa{background:var(--wa);color:#fff;padding:16px 28px}
.btn-wa:hover{background:var(--wa-d);color:#fff}
.btn-sm{padding:13px 24px;font-size:13px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font:800 13.5px var(--f-body);color:var(--gold-d);cursor:pointer}

/* ══════════════════════════════════════════
   DUYURU + HEADER
   ══════════════════════════════════════════ */
.announce{background:var(--dark-3);color:#CFC2A4;text-align:center;padding:10px var(--pad);font:600 12.5px/1.4 var(--f-body);letter-spacing:.06em}
.announce b{color:var(--gold-l);font-weight:800}
.site-header{position:sticky;top:0;z-index:80;background:var(--bg);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:44px;padding:0 var(--pad);height:88px;max-width:var(--wrap);margin:0 auto}
.brand{cursor:pointer;flex:none;display:block}
.brand .brand-name{display:flex;align-items:center;font:800 27px/1 var(--f-head);color:var(--ink);letter-spacing:-.02em}
.brand .brand-name svg{margin:0 1.5px}
.brand .brand-sub{font:700 8.5px/1 var(--f-body);letter-spacing:.33em;color:var(--gold-d);margin-top:5px}
.main-nav{display:flex;gap:30px;flex:1;justify-content:center;list-style:none;margin:0;padding:0}
.main-nav ul,.main-nav li{list-style:none;margin:0;padding:0}
.main-nav a{display:inline-block;font:800 12.5px var(--f-body);letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);padding:6px 2px;border-bottom:2px solid transparent;cursor:pointer}
.main-nav a:hover,.main-nav a.active,.main-nav .current-menu-item>a,.main-nav .current_page_item>a,.main-nav .current-menu-parent>a{color:var(--ink);border-bottom-color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:14px;flex:none}
.header-phone{display:flex;align-items:center;gap:8px;font:800 13.5px var(--f-body);color:var(--ink)}
.header-phone:hover{color:var(--ink)}
.cart-btn{position:relative;width:46px;height:46px;border:1.5px solid rgba(25,23,19,.22);border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;color:var(--ink)}
.cart-btn:hover{border-color:var(--ink)}
.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:var(--gold);color:#FFF8EA;border-radius:999px;font:800 11px/20px var(--f-body);text-align:center;padding:0 5px}
.nav-toggle{display:none}

/* ══════════════════════════════════════════
   ANA SAYFA
   ══════════════════════════════════════════ */
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding:66px var(--pad) 70px;max-width:var(--wrap);margin:0 auto}
.hero h1{font:800 55px/1.07 var(--f-head);letter-spacing:-.022em;color:var(--ink);margin:0 0 20px}
.hero h1 span{color:var(--gold)}
.hero-lead{font:500 16.5px/1.68 var(--f-body);color:var(--muted);margin:0;max-width:520px}
.hero-eyebrow{font:800 12px/1 var(--f-body);letter-spacing:.26em;color:var(--gold-d);margin:0 0 18px}
.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero-facts{display:flex;gap:26px;margin-top:38px;flex-wrap:wrap}
.hero-fact{display:flex;align-items:center;gap:8px;font:700 12.5px var(--f-body);color:var(--muted)}
.hero-fact span.dot{width:6px;height:6px;border-radius:999px;background:var(--gold)}
.hero-media{position:relative}
.hero-media img{width:100%;height:560px;object-fit:cover;border-radius:22px}
.hero-tag{position:absolute;left:20px;bottom:20px;background:rgba(255,253,247,.97);border-radius:14px;padding:14px 18px;box-shadow:0 14px 36px rgba(30,22,8,.18)}
.hero-tag .t1{font:800 10px/1 var(--f-body);letter-spacing:.2em;color:var(--gold-d);margin-bottom:6px}
.hero-tag .t2{font:700 14.5px var(--f-head);color:var(--ink)}

.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px var(--pad);border-top:1px solid rgba(25,23,19,.1);max-width:var(--wrap);margin:0 auto}
.trust-item{display:flex;align-items:center;gap:12px;justify-content:center}
.trust-item span{font:800 12.5px var(--f-body);color:var(--ink-2)}

.finder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}
.finder-head h2{font:700 38px/1.15 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px}
.finder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.finder-card{background:var(--bg-card);border:1px solid rgba(25,23,19,.07);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;color:inherit;display:block}
.finder-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(40,30,10,.13);color:inherit}
.finder-card .thumb{height:168px;display:flex;align-items:center;justify-content:center;background:var(--bg-img);border-bottom:1px solid rgba(25,23,19,.06)}
.finder-card .thumb img{max-height:146px;max-width:78%;object-fit:contain}
.finder-card .body{padding:16px 18px 18px}
.badge-area{display:inline-block;font:800 9.5px/1 var(--f-body);letter-spacing:.13em;color:var(--gold-dd);background:rgba(165,133,78,.15);padding:6px 9px;border-radius:999px;text-transform:uppercase}
.finder-card .name{font:700 16px/1.25 var(--f-head);color:var(--ink);margin:11px 0 5px}
.finder-card .cover{font:600 12.5px var(--f-body);color:var(--muted-2)}
.finder-card .more{display:flex;align-items:center;gap:7px;font:800 12.5px var(--f-body);color:var(--gold-d);margin-top:13px}

.flagship{background:var(--dark);padding:80px 0}
.flagship-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.flagship img{width:100%;height:470px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.09)}
.flagship .eyebrow{color:var(--gold-l);margin-bottom:16px}
.flagship h2{font:700 37px/1.16 var(--f-head);letter-spacing:-.015em;color:#F5EFE2;margin:0 0 16px}
.flagship p{font:500 15.5px/1.7 var(--f-body);color:#B0A793;margin:0 0 26px;max-width:480px}
.flagship-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:32px}
.flagship-feats div{display:flex;align-items:center;gap:9px;font:700 13px var(--f-body);color:#D8D0C0}
.flagship-cta{display:flex;gap:12px;flex-wrap:wrap}

.usecases .h2{margin-bottom:12px}
.usecase-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:38px}
.usecase img{width:100%;height:198px;object-fit:cover;border-radius:14px}
.usecase .cap{font:800 11.5px var(--f-body);letter-spacing:.1em;color:var(--ink-2);margin-top:11px;text-transform:uppercase}

.appctrl{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.appctrl .frame{background:#fff;border:1px solid var(--line-soft);border-radius:20px;padding:30px}
.appctrl h2{font:700 37px/1.16 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 16px}
.appctrl p{font:500 15.5px/1.7 var(--f-body);color:var(--muted);margin:0;max-width:470px}
.appctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;max-width:470px}
.appctrl-grid .cell{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:14px;padding:15px 16px}
.appctrl-grid .cell span{font:800 13px var(--f-body);color:var(--ink)}
.store-badges{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.store-badge{display:flex;align-items:center;gap:9px;background:var(--ink);color:#F5EFE2;border-radius:11px;padding:9px 16px;cursor:pointer}
.store-badge .s1{display:block;font:600 8px/1 var(--f-body);letter-spacing:.08em;opacity:.75}
.store-badge .s2{display:block;font:800 13px/1.2 var(--f-body)}

.faq-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}
.faq-intro h2{font:700 36px/1.18 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 14px}
.faq-intro p{font:500 15px/1.7 var(--f-body);color:var(--muted);margin:0 0 22px}
.faq-phone{display:inline-flex;align-items:center;gap:9px;font:800 14px var(--f-body);color:var(--ink)}
.faq-item{background:#fff;border:1px solid rgba(25,23,19,.09);border-radius:16px;margin-bottom:12px;overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;cursor:pointer}
.faq-q span{font:700 15.5px var(--f-head);color:var(--ink)}
.faq-q svg{transition:transform .25s;flex:none}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{padding:0 22px;max-height:0;overflow:hidden;font:500 14px/1.7 var(--f-body);color:var(--muted);transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-a{padding:0 22px 20px;max-height:400px}

.cta-band{padding:74px var(--pad);max-width:var(--wrap);margin:0 auto}
.cta-box{background:var(--dark);border-radius:26px;padding:64px;text-align:center}
.cta-box .eyebrow{color:var(--gold-l);margin-bottom:16px}
.cta-box h2{font:700 34px/1.2 var(--f-head);letter-spacing:-.015em;color:#F5EFE2;margin:0 auto 14px;max-width:640px}
.cta-box p{font:500 15.5px/1.7 var(--f-body);color:#B0A793;margin:0 auto;max-width:540px}
.cta-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:32px;flex-wrap:wrap}
.cta-actions .phone{font:800 14px var(--f-body);color:#F5EFE2;padding:16px 10px}

/* ══════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════ */
.site-footer{background:var(--dark-2);padding:60px 0 0}
.footer-inner{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:46px}
.footer-brand .fb-name{display:flex;align-items:center;font:800 25px/1 var(--f-head);color:#F5EFE2;letter-spacing:-.02em}
.footer-brand .fb-name svg{margin:0 1.5px}
.footer-brand .fb-sub{font:700 8px/1 var(--f-body);letter-spacing:.33em;color:var(--gold-l);margin-top:6px}
.footer-brand p{font:500 13.5px/1.7 var(--f-body);color:#9A927F;margin:18px 0 0;max-width:300px}
.footer-certs{display:flex;gap:8px;margin-top:20px}
.footer-certs span{font:700 10.5px var(--f-body);color:#B4AC9C;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px}
.footer-col h4{font:800 11px/1 var(--f-body);letter-spacing:.22em;color:var(--gold-l);margin:0 0 18px;text-transform:uppercase}
.footer-col a{display:flex;align-items:center;gap:10px;font:600 13.5px var(--f-body);color:#B4AC9C;margin-bottom:11px}
.footer-col a:hover{color:#F5EFE2}
.footer-col.contact a{font-weight:700}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-bottom .copy{font:600 12.5px var(--f-body);color:#8A8271}
.footer-legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-legal a{font:600 12.5px var(--f-body);color:#8A8271}
.footer-legal a:hover{color:#F5EFE2}

/* ══════════════════════════════════════════
   SAYFA BAŞLIĞI (Kurumsal / İletişim / Shop)
   ══════════════════════════════════════════ */
.page-head{padding:58px var(--pad) 0;max-width:var(--wrap);margin:0 auto}
.page-head h1{font:800 44px/1.1 var(--f-head);letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}
.page-head p{font:500 16px/1.65 var(--f-body);color:var(--muted);margin:0;max-width:640px}

/* ══════════════════════════════════════════
   KURUMSAL
   ══════════════════════════════════════════ */
.about-hero{max-width:780px;margin:0 auto;text-align:center;padding:76px var(--pad) 56px}
.about-hero h1{font:800 46px/1.12 var(--f-head);letter-spacing:-.02em;color:var(--ink);margin:0 0 18px}
.about-hero p{font:500 16.5px/1.7 var(--f-body);color:var(--muted);margin:0}
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-split img{width:100%;height:420px;object-fit:cover;border-radius:20px}
.about-split h2{font:700 32px/1.2 var(--f-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 16px}
.about-split p{font:500 15.5px/1.75 var(--f-body);color:var(--muted);margin:0 0 14px}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:64px var(--pad);max-width:var(--wrap);margin:0 auto}
.stat{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:18px;padding:26px;text-align:center}
.stat .big{font:800 34px/1 var(--f-head);color:var(--gold);letter-spacing:-.02em}
.stat .cap{font:700 12.5px var(--f-body);letter-spacing:.08em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.about-cards{padding:0 var(--pad) 74px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--wrap);margin:0 auto}
.about-card{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:20px;padding:30px}
.about-card .ico{width:52px;height:52px;border-radius:999px;border:1.5px solid rgba(154,123,69,.4);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.about-card h3{font:700 18px var(--f-head);color:var(--ink);margin-bottom:9px}
.about-card p{font:500 14px/1.7 var(--f-body);color:var(--muted);margin:0}
.about-cta{padding:0 var(--pad) 74px;max-width:var(--wrap);margin:0 auto}
.about-cta .box{background:var(--dark);border-radius:26px;padding:56px 64px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.about-cta h2{font:700 30px/1.2 var(--f-head);letter-spacing:-.015em;color:#F5EFE2;margin:0 0 10px}
.about-cta p{font:500 15px/1.65 var(--f-body);color:#B0A793;margin:0;max-width:520px}

/* ══════════════════════════════════════════
   İLETİŞİM
   ══════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;margin-top:44px;align-items:start}
.contact-cards{display:grid;gap:14px}
.contact-card{display:flex;align-items:center;gap:16px;background:var(--bg-soft);border:1px solid rgba(25,23,19,.09);border-radius:16px;padding:20px 22px;transition:border-color .2s}
.contact-card:hover{border-color:rgba(165,133,78,.5)}
.contact-card .ico{width:46px;height:46px;border-radius:999px;border:1.5px solid rgba(154,123,69,.4);display:flex;align-items:center;justify-content:center;flex:none}
.contact-card .k{font:800 10.5px/1 var(--f-body);letter-spacing:.18em;color:var(--gold-d);margin-bottom:6px}
.contact-card .v{font:800 15.5px var(--f-body);color:var(--ink)}
.contact-note{background:rgba(165,133,78,.1);border:1px solid rgba(165,133,78,.28);border-radius:16px;padding:20px 22px;font:600 13.5px/1.65 var(--f-body);color:var(--muted)}
.form-panel{background:#fff;border:1px solid rgba(25,23,19,.09);border-radius:22px;padding:36px}
.form-panel h3{font:700 23px var(--f-head);color:var(--ink);margin:0 0 24px;letter-spacing:-.01em}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-top:0}
.field.mt{margin-top:14px}
.field label{display:block;font:800 10.5px/1 var(--f-body);letter-spacing:.16em;color:var(--gold-d);margin-bottom:7px;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;background:#F6F1E7;border:1.5px solid transparent;border-radius:12px;padding:14px 16px;font:600 14px var(--f-body);color:var(--ink);outline:none;transition:border-color .15s,background .15s}
.field textarea{line-height:1.6;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--gold);background:#fff}
.field select:focus{border-color:var(--gold)}
.consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;cursor:pointer}
.consent input{margin-top:2px;accent-color:var(--gold)}
.consent span{font:600 12.5px/1.55 var(--f-body);color:var(--muted-2)}
.form-submit{width:100%;margin-top:20px;background:var(--ink);color:#F5EFE2;padding:17px;border-radius:999px;font:800 14.5px var(--f-body);border:none;cursor:pointer;transition:background .2s}
.form-submit:hover{background:#37301F}
.form-done{text-align:center;padding:40px 20px}
.form-done .ico{width:74px;height:74px;border-radius:999px;background:rgba(165,133,78,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.form-done h3{font:700 25px var(--f-head);color:var(--ink);margin:0 0 10px}
.form-done p{font:500 15px/1.65 var(--f-body);color:var(--muted);margin:0 0 26px}

/* ══════════════════════════════════════════
   TEKLİF (WhatsApp yüzen buton)
   ══════════════════════════════════════════ */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:120;width:58px;height:58px;border-radius:999px;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(20,120,50,.4);transition:transform .2s}
.wa-float:hover{transform:scale(1.06)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);z-index:130;background:var(--ink);color:#F5EFE2;padding:14px 26px;border-radius:999px;font:700 13.5px var(--f-body);box-shadow:0 14px 40px rgba(20,15,5,.35);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ══════════════════════════════════════════
   İÇERİK VARYANTLARI (yasal / blog metin sayfaları)
   ══════════════════════════════════════════ */
.narrow-wrap{max-width:820px;margin:0 auto;padding:0 var(--pad)}
.entry-content hr,.entry-divider{margin:40px 0;border:none;border-top:1px solid var(--line-soft)}

/* Ana sayfa — ürün ailesi açıklaması */
.finder-head .lead{max-width:600px}

/* Kurumsal — buton grupları */
.about-split .hero-cta{margin-top:26px}
.about-cta .hero-cta{margin:0;flex:none}

/* İletişim — form üst notları */
.contact-body{padding-top:0}
.form-premodel{color:var(--muted);font:500 13.5px/1.6 var(--f-body);margin:-14px 0 18px}
.form-premodel strong{color:var(--ink);font-weight:800}
.form-error{color:var(--danger);font:600 13px var(--f-body);margin:-10px 0 16px}

/* ══════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════ */
@media(max-width:1200px){
  :root{--pad:48px}
  .hero h1{font-size:46px}
  .finder-grid{grid-template-columns:repeat(3,1fr)}
  .usecase-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  :root{--pad:28px}
  .sec{padding:48px 0}
  .header-inner{gap:20px}
  .main-nav{display:none}
  .main-nav.open{display:flex;position:absolute;top:88px;left:0;right:0;flex-direction:column;background:var(--bg);padding:18px var(--pad);gap:0;border-bottom:1px solid var(--line);z-index:90;box-shadow:0 20px 40px rgba(40,30,10,.12)}
  .main-nav.open li{width:100%}
  .main-nav.open a{display:block;width:100%;border-bottom:1px solid var(--line-soft);padding:15px 0}
  .main-nav.open .current-menu-item>a,.main-nav.open a:hover{border-bottom-color:var(--gold)}
  .header-phone{display:none}
  .nav-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer;order:-1}
  .hero{grid-template-columns:1fr;gap:32px;padding:36px var(--pad)}
  .hero h1{font-size:37px}
  .hero-media img{height:330px}
  .trust{grid-template-columns:1fr 1fr;gap:16px}
  .finder-head{flex-direction:column;align-items:flex-start;gap:12px}
  .finder-grid{grid-template-columns:1fr 1fr;gap:12px}
  .flagship,.appctrl,.about-split,.faq-wrap{grid-template-columns:1fr;gap:32px}
  .flagship img,.about-split img{height:300px}
  .usecase-grid{grid-template-columns:1fr 1fr}
  .about-stats{grid-template-columns:1fr 1fr}
  .about-cards{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr;gap:32px}
  .cta-box{padding:40px 24px}
  .about-cta .box{padding:36px 28px}
  .hero h1{font-size:34px}
}
@media(max-width:560px){
  .header-cta{display:none}
  .hero h1{font-size:30px}
  .h2,.finder-head h2,.appctrl h2,.flagship h2{font-size:26px}
  .page-head h1,.about-hero h1{font-size:32px}
  .finder-grid{grid-template-columns:1fr}
  .usecase-grid{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr}
  .cta-box h2{font-size:26px}
}