/* ============================================================
   MOODFEX PREMIUM v5 — main.css
   Palette: Koyu lacivert #0B0D1A · Mor #1E1433 · Altın #C9A96E
   Krem #F2EDE5 · Beyaz #FFFFFF
   Cormorant Garamond (display) + DM Sans (body)
   ============================================================ */

:root {
  --bg:        #0B0D1A;
  --bg2:       #10121F;
  --bg3:       #161829;
  --bg4:       #1E1433;
  --gold:      #C9A96E;
  --gold2:     #E8D5A3;
  --gold3:     #F5EDDA;
  --white:     #FFFFFF;
  --cream:     #F2EDE5;
  --muted:     rgba(242,237,229,.65);
  --faint:     rgba(242,237,229,.28);
  --line:      rgba(201,169,110,.22);
  --line2:     rgba(201,169,110,.09);
  --purple:    #2D1F4E;
  --purple2:   #3D2E6E;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  --header-h:    76px;
  --section-gap: 110px;
  --ease:        cubic-bezier(.4,0,.2,1);
  --shadow:      0 32px 80px rgba(0,0,0,.45);
  --shadow2:     0 8px 32px rgba(0,0,0,.28);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-body);font-weight:300;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:inherit}
ul{list-style:none;margin:0;padding:0}

/* ── Layout ── */
.container{width:min(1240px,92%);margin:0 auto}
.section{padding:var(--section-gap) 0}
.section-alt{background:var(--bg2)}
.section-dark{background:#070810}

/* ── Typography ── */
.kicker{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.52em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block}
.section-title{font-family:var(--font-display);font-size:clamp(40px,5.2vw,80px);font-weight:300;line-height:.95;color:var(--white);margin:0 0 20px;letter-spacing:-.022em}
.section-title em{color:var(--gold2);font-style:italic}
.section-sub{font-size:15px;color:var(--muted);max-width:580px;line-height:1.85;font-weight:300}
.mini-title{font-family:var(--font-display);font-size:clamp(32px,4vw,58px);font-weight:300;color:var(--white);line-height:1.08;margin:0;letter-spacing:-.018em}
.mini-title em{color:var(--gold2);font-style:italic}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--gold);padding:14px 30px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--white);background:transparent;transition:background .35s var(--ease),color .35s var(--ease);position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;inset:0;background:var(--gold);transform:translateY(101%);transition:transform .38s var(--ease)}
.btn:hover::before{transform:translateY(0)}
.btn:hover{color:var(--bg)}
.btn span{position:relative;z-index:1}
.btn-fill{background:var(--gold);color:var(--bg)}
.btn-fill::before{background:rgba(255,255,255,.15)}
.btn-fill:hover{color:var(--bg)}
.btn-sm{padding:10px 22px;font-size:9px}

/* ── Gold line ── */
.gold-line{width:52px;height:1px;background:var(--gold);margin:22px 0}
.gold-line.center{margin:22px auto}

/* ══════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════ */
.mf-header{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--header-h);background:rgba(11,13,26,.88);backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid var(--line2);transition:background .4s,border-color .4s}
.mf-header.scrolled{background:rgba(11,13,26,.97);border-color:var(--line)}
.head-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:16px}
.mf-logo{display:flex;flex-direction:column;flex-shrink:0;text-decoration:none}
.mf-logo-text{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:.34em;color:var(--white);line-height:1}
.mf-logo-sub{font-size:7px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.mf-nav{display:flex;align-items:center;flex:1;justify-content:center}
.mf-menu{display:flex;align-items:center}
.mf-menu>li{position:relative}
.mf-menu>li>a{display:flex;align-items:center;gap:5px;padding:0 13px;height:var(--header-h);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color .25s;white-space:nowrap}
.mf-menu>li>a:hover,.mf-menu>li.current-menu-item>a{color:var(--gold2)}
.sub-menu{display:none;position:absolute;top:100%;left:-8px;min-width:220px;background:rgba(11,13,26,.98);border:1px solid var(--line);padding:10px 0;box-shadow:var(--shadow)}
.mf-menu li:hover>.sub-menu{display:block}
.sub-menu a{display:block;padding:11px 22px;font-size:11px;color:var(--muted);letter-spacing:.06em;transition:color .2s,padding-left .2s}
.sub-menu a:hover{color:var(--gold2);padding-left:28px}
.head-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}
.head-icon{position:relative;width:40px;height:40px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;transition:border-color .25s,background .25s;background:transparent;text-decoration:none}
.head-icon:hover{border-color:var(--gold);background:rgba(201,169,110,.1)}
.head-icon-label{display:flex;flex-direction:column;align-items:center;gap:1px}
.head-icon-label span{font-size:6px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);line-height:1}
.cart-count-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--gold);color:var(--bg);border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:1px solid var(--line);padding:9px 10px}
.menu-toggle span{width:22px;height:1px;background:var(--gold);transition:transform .3s,opacity .3s}
.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ══════════════════════════════════════════════════
   HERO SLIDER
══════════════════════════════════════════════════ */
.hero-slider{position:relative;height:100vh;min-height:640px;overflow:hidden;margin-top:0;padding-top:0}
.hero-slides{display:flex;height:100%;transition:transform .9s cubic-bezier(.77,0,.18,1)}
.hero-slide{flex:0 0 100%;height:100%;position:relative;display:flex;align-items:center}
.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.hero-slide.active .hero-slide-bg{transform:scale(1.06)}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(11,13,26,.88) 38%,rgba(30,20,51,.44) 72%,rgba(11,13,26,.18))}
.hero-slide-content{position:relative;z-index:2;padding-top:var(--header-h);width:min(680px,90%);margin-left:max(5%,calc((100vw - 1240px)/2))}
.hero-slide-tag{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px}
.hero-slide-tag-line{width:40px;height:1px;background:var(--gold)}
.hero-slide-tag-text{font-size:9px;letter-spacing:.56em;text-transform:uppercase;color:var(--gold);font-weight:500}
.hero-slide-title{font-family:var(--font-display);font-size:clamp(52px,7vw,108px);font-weight:300;line-height:.92;color:var(--white);margin:0 0 28px;letter-spacing:-.025em}
.hero-slide-title em{display:block;color:var(--gold2);font-style:italic}
.hero-slide-desc{font-size:15px;color:var(--muted);line-height:1.88;max-width:480px;margin:0 0 38px;font-weight:300}
.hero-slide-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Slider nav */
.hero-nav{position:absolute;bottom:44px;left:max(5%,calc((100vw - 1240px)/2));z-index:10;display:flex;align-items:center;gap:20px}
.hero-dots{display:flex;gap:10px}
.hero-dot{width:28px;height:2px;background:rgba(201,169,110,.3);cursor:pointer;transition:background .3s,width .3s;border:none;padding:0}
.hero-dot.active{background:var(--gold);width:52px}
.hero-arrows{display:flex;gap:8px}
.hero-arrow{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s;cursor:pointer}
.hero-arrow:hover{background:rgba(201,169,110,.12);border-color:var(--gold)}
.hero-scroll{position:absolute;bottom:48px;right:60px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px}
.hero-scroll span{font-size:8px;letter-spacing:.44em;text-transform:uppercase;color:var(--faint);writing-mode:vertical-rl}
.scroll-mouse{width:22px;height:36px;border:1px solid rgba(201,169,110,.3);border-radius:11px;position:relative}
.scroll-mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:2px;height:7px;background:var(--gold);border-radius:2px;animation:scrollDot 2s ease-in-out infinite}

/* ══════════════════════════════════════════════════
   HİZMETLER — KART GRID
══════════════════════════════════════════════════ */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2)}
.service-card{background:var(--bg2);padding:44px 36px;transition:background .35s var(--ease);position:relative;overflow:hidden;display:block}
.service-card-image{padding:0;min-height:100%;border:1px solid rgba(201,169,110,.12)}
.service-img-wrap{position:relative;width:100%;aspect-ratio:16/11;overflow:hidden;background:var(--bg3)}
.service-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease),opacity .35s var(--ease);opacity:.9}
.service-card:hover .service-img-wrap img{transform:scale(1.055);opacity:1}
.service-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,8,12,.38))}
.service-body{position:relative;padding:30px 30px 34px}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,169,110,.07),transparent);opacity:0;transition:opacity .4s}
.service-card:hover{background:var(--bg3)}
.service-card:hover::before{opacity:1}
.service-num{position:absolute;top:24px;right:28px;font-family:var(--font-display);font-size:52px;font-weight:300;color:rgba(201,169,110,.12);line-height:1}
.service-cat{font-size:9px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px}
.service-title{font-family:var(--font-display);font-size:30px;font-weight:300;color:var(--white);margin:0 0 12px;line-height:1.08;letter-spacing:-.015em}
.service-desc{font-size:13px;color:var(--muted);line-height:1.82;margin:0 0 22px}
.service-cta{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;transition:letter-spacing .25s}
.service-card:hover .service-cta{letter-spacing:.4em}

/* ══════════════════════════════════════════════════
   HAKKIMIZDA / MANIFESTO
══════════════════════════════════════════════════ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-visual{position:relative}
.about-img-wrap{aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line)}
.about-img-wrap img{width:100%;height:100%;object-fit:cover;filter:brightness(.85) saturate(.9)}
.about-badge{position:absolute;right:-1px;bottom:-1px;background:var(--gold);color:var(--bg);padding:18px 24px;font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line2);margin-top:1px}
.about-stat{background:var(--bg2);padding:22px 24px;text-align:center}
.about-stat strong{display:block;font-family:var(--font-display);font-size:40px;font-weight:300;color:var(--gold);line-height:1}
.about-stat span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ══════════════════════════════════════════════════
   BİLGİ BANKASI ŞERİDİ
══════════════════════════════════════════════════ */
.knowledge-strip{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.knowledge-strip::-webkit-scrollbar{display:none}
.knowledge-chip{flex:0 0 auto;border:1px solid var(--line2);padding:16px 24px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:border-color .25s,color .25s,background .25s;white-space:nowrap;margin-right:-1px}
.knowledge-chip:hover{border-color:var(--gold);color:var(--gold2);background:rgba(201,169,110,.06);z-index:1;position:relative}

/* ══════════════════════════════════════════════════
   ÜRÜN / KATEGORİ KARTLARI
══════════════════════════════════════════════════ */
.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{border:1px solid var(--line2);background:var(--bg2);overflow:hidden;transition:border-color .35s,transform .4s var(--ease),box-shadow .4s;display:block}
.product-card:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:var(--shadow2)}
.product-card-img{aspect-ratio:3/4;overflow:hidden;position:relative}
.product-card-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:filter .5s,transform .6s}
.product-card:hover .product-card-img img{filter:brightness(1);transform:scale(1.05)}
.product-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,26,.9),rgba(11,13,26,.06))}
.product-card-body{position:absolute;bottom:0;left:0;right:0;padding:24px}
.product-card-cat{font-size:8.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:500}
.product-card-title{font-family:var(--font-display);font-size:26px;font-weight:300;color:var(--white);margin:0 0 6px;line-height:1.05}
.product-card-desc{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 14px}
.product-card-cta{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}

/* ══════════════════════════════════════════════════
   FORM ALANI — n8n entegrasyonu
══════════════════════════════════════════════════ */
.mf-form-section{background:var(--bg4);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.mf-form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.mf-form{display:flex;flex-direction:column;gap:0}
.mf-field{margin-bottom:20px}
.mf-field label{display:block;font-size:9px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.mf-field input,
.mf-field textarea,
.mf-field select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:15px 18px;font-family:var(--font-body);font-size:14px;color:var(--cream);outline:none;transition:border-color .25s,background .25s;border-radius:0;-webkit-appearance:none}
.mf-field input:focus,
.mf-field textarea:focus,
.mf-field select:focus{border-color:var(--gold);background:rgba(201,169,110,.05)}
.mf-field input::placeholder,
.mf-field textarea::placeholder{color:var(--faint)}
.mf-field textarea{min-height:120px;resize:vertical}
.mf-field select option{background:var(--bg2);color:var(--cream)}
.mf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mf-submit{background:var(--gold);border:1px solid var(--gold);color:var(--bg);padding:17px 36px;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;transition:background .3s,opacity .3s;width:100%;margin-top:8px}
.mf-submit:hover{background:var(--gold2)}
.mf-submit:disabled{opacity:.6;cursor:not-allowed}
.mf-form-msg{margin-top:16px;padding:14px 18px;border:1px solid var(--line);font-size:13px;display:none}
.mf-form-msg.success{border-color:var(--gold);color:var(--gold2);display:block}
.mf-form-msg.error{border-color:#c0392b;color:#e74c3c;display:block}

/* ══════════════════════════════════════════════════
   BİLGİ BANKASI KART GRID
══════════════════════════════════════════════════ */
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kb-card{border:1px solid var(--line2);background:var(--bg2);overflow:hidden;transition:border-color .35s,transform .35s;display:block}
.kb-card:hover{border-color:var(--gold);transform:translateY(-6px)}
.kb-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.75);transition:filter .5s}
.kb-card:hover img{filter:brightness(.95)}
.kb-card-body{padding:24px}
.kb-card-cat{font-size:8.5px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:500}
.kb-card-title{font-family:var(--font-display);font-size:26px;font-weight:300;color:var(--white);margin:0 0 10px;line-height:1.1}
.kb-card-desc{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 16px}
.kb-card-link{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}

/* ══════════════════════════════════════════════════
   BÜLTEN
══════════════════════════════════════════════════ */
.newsletter-section{padding:90px 0;background:var(--bg2);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.newsletter-form{display:flex;margin-top:24px}
.newsletter-input{flex:1;background:transparent;border:1px solid var(--line);border-right:0;padding:15px 20px;font-family:var(--font-body);font-size:13px;color:var(--cream);outline:none;transition:border-color .25s}
.newsletter-input:focus{border-color:var(--gold)}
.newsletter-input::placeholder{color:var(--faint)}
.newsletter-submit{background:var(--gold);border:1px solid var(--gold);color:var(--bg);padding:15px 28px;font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;transition:background .3s}
.newsletter-submit:hover{background:var(--gold2)}

/* ══════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════ */
.mf-footer{background:#05060F;border-top:1px solid var(--line2);padding:80px 0 0}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid var(--line2)}
.footer-brand-desc{font-size:13px;color:var(--muted);line-height:1.9;margin:20px 0 26px;max-width:290px}
.footer-social{display:flex;gap:14px}
.footer-social a{font-size:10px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;transition:color .25s}
.footer-social a:hover{color:var(--gold2)}
.footer-col h4{font-size:9px;font-weight:600;letter-spacing:.44em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.footer-col a{display:block;font-size:13px;color:var(--muted);margin-bottom:12px;transition:color .2s}
.footer-col a:hover{color:var(--cream)}
.footer-bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between}
.footer-copy{font-size:11px;color:var(--faint);letter-spacing:.07em}

/* ══════════════════════════════════════════════════
   MOBİL DRAWER
══════════════════════════════════════════════════ */
#mfOverlay{display:none;position:fixed;inset:0;z-index:290;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
#mfOverlay.open{display:block}
#mfDrawer{position:fixed;top:var(--header-h);left:0;right:0;z-index:300;background:#0B0D1A;border-bottom:1px solid var(--line);transform:translateY(-110%);transition:transform .42s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:calc(100vh - var(--header-h))}
#mfDrawer.open{transform:translateY(0)}
#mfDrawer .mf-mobile-menu,#mfDrawer ul{display:flex!important;flex-direction:column!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important}
#mfDrawer ul>li{border-bottom:1px solid rgba(201,169,110,.1);display:block!important}
#mfDrawer ul>li>a{display:flex!important;align-items:center;gap:14px;padding:20px 32px!important;font-family:var(--font-display)!important;font-size:clamp(22px,5.5vw,30px)!important;font-weight:300!important;color:var(--cream)!important;transition:color .2s,background .2s,padding-left .25s!important;text-transform:none!important;height:auto!important}
#mfDrawer ul>li>a:hover{color:var(--gold2)!important;background:rgba(201,169,110,.05);padding-left:44px!important}
#mfDrawer .sub-menu{display:none!important}

/* ══════════════════════════════════════════════════
   ARAMA OVERLAY
══════════════════════════════════════════════════ */
#mfSearchOverlay{display:none;position:fixed;inset:0;z-index:400;background:rgba(11,13,26,.96);backdrop-filter:blur(24px);align-items:center;justify-content:center}
#mfSearchOverlay.open{display:flex}
.mf-search-inner{width:min(680px,90%)}
.mf-search-bar{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--gold);padding-bottom:18px}
.mf-search-bar svg{color:var(--gold);flex-shrink:0}
#mfSearchQ{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-display);font-size:clamp(28px,5vw,48px);font-weight:300;color:var(--white);letter-spacing:-.01em;caret-color:var(--gold)}
#mfSearchQ::placeholder{color:rgba(242,237,229,.2)}
#mfSearchClose{background:transparent;border:1px solid var(--line);width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s}
#mfSearchClose:hover{border-color:var(--gold);color:var(--gold)}
.mf-search-hint{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--faint);margin:16px 0 0;font-family:var(--font-body)}
.mf-search-wrap .mf-search-form{display:none!important}

/* ══════════════════════════════════════════════════
   WP FORM ALANLARI (WooCommerce, Login, CF7)
══════════════════════════════════════════════════ */
.woocommerce-page input[type="text"],.woocommerce-page input[type="email"],.woocommerce-page input[type="password"],.woocommerce-page textarea,.woocommerce-page select,.login input[type="text"],.login input[type="password"],.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea{width:100%;background:rgba(255,255,255,.04)!important;border:1px solid var(--line)!important;border-radius:0!important;padding:15px 18px!important;font-family:var(--font-body)!important;font-size:14px!important;color:var(--cream)!important;outline:none!important;transition:border-color .25s!important;box-shadow:none!important}
.woocommerce-page input:focus,.woocommerce-page textarea:focus,.login input:focus,.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--gold)!important;background:rgba(201,169,110,.05)!important}
.woocommerce-page label,.login label,.wpcf7 label{display:block;font-size:9px!important;font-weight:600!important;letter-spacing:.4em!important;text-transform:uppercase!important;color:var(--gold)!important;margin-bottom:10px!important}
.woocommerce-page input[type="submit"],.woocommerce-page button[type="submit"],.woocommerce-page .button,.login input[type="submit"],.wpcf7 input[type="submit"]{background:var(--gold)!important;border:1px solid var(--gold)!important;color:var(--bg)!important;font-family:var(--font-body)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.32em!important;text-transform:uppercase!important;padding:16px 36px!important;border-radius:0!important;box-shadow:none!important;transition:background .3s!important}
.woocommerce-page input[type="submit"]:hover,.woocommerce-page .button:hover,.login input[type="submit"]:hover{background:var(--gold2)!important;color:var(--bg)!important}
body.login{background:var(--bg)!important}
body.login #loginform,body.login #registerform{background:linear-gradient(160deg,rgba(45,31,78,.18),rgba(11,13,26,.9))!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:40px!important}
body.login h1 a{font-family:var(--font-display)!important;font-size:26px!important;letter-spacing:.28em!important;color:var(--white)!important;text-indent:0!important;width:auto!important;height:auto!important;background:none!important}

/* ══════════════════════════════════════════════════
   GEÇİŞ ANİMASYONLARI
══════════════════════════════════════════════════ */
@keyframes scrollDot{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.fade-up.visible{opacity:1;transform:none}

/* ══════════════════════════════════════════════════
   SAYFA HEROlARI
══════════════════════════════════════════════════ */
.page-hero{padding:160px 0 90px;background:radial-gradient(ellipse at 70% 20%,rgba(61,46,110,.5),transparent 48%),linear-gradient(180deg,var(--bg),var(--bg2));border-bottom:1px solid var(--line2)}
.page-hero .section-title{font-size:clamp(48px,6.5vw,96px)}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media(max-width:1100px){
  .about-grid,.mf-form-wrap,.newsletter-inner{grid-template-columns:1fr}
  .about-visual{display:none}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}
  .cards-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:840px){
  :root{--section-gap:80px}
  .mf-nav{display:none!important}
  .menu-toggle{display:flex!important}
  .services-grid{grid-template-columns:1fr}
  .cards-grid-3,.kb-grid{grid-template-columns:1fr}
  .newsletter-inner{grid-template-columns:1fr}
  .newsletter-form{flex-direction:column;gap:10px}
  .newsletter-input{border-right:1px solid var(--line)}
  .footer-top{grid-template-columns:1fr}
  .mf-form-row{grid-template-columns:1fr}
  .hero-scroll{display:none}
}
@media(max-width:520px){
  :root{--section-gap:70px}
  .hero-slider{min-height:580px}
  .hero-slide-title{font-size:48px}
  .cards-grid-4{grid-template-columns:1fr}
  .page-hero{padding:130px 0 60px}
  .service-card{padding:32px 24px}
  .service-card-image{padding:0}
  .service-body{padding:26px 22px 30px}
}