/* =========================================================
    NESRIN DURMUŞ BOUTIQUE — GLOBAL STYLES  (v44)
    - Inter site geneli, Quloon sadece logo ve hero başlığı
    ========================================================= */

/* QULOON (yalız logo, loader logosu ve hero başlığı) */
@font-face{
  font-family: "Quloon";
  src: url("/assets/fonts/Quloon.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* -------------------- Değişkenler -------------------- */
:root{
  --cream:#fafaef;
  --white:#fff;
  --text:#111;
  --muted:#777;
  --border:#eee;
  --bg:#F7F7F7;
  --drawerW:380px;         /* çekmece genişliği */

  /* Header ölçüleri */
  --announceH:38px;
  --navH:88px;
  --headerH: calc(var(--announceH) + var(--navH));
}

/* -------------------- Reset & Base -------------------- */
*{box-sizing:border-box}
html, body{min-height:100%;}
body{overflow-y:auto}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1320px;margin:0 auto;padding:0 14px}

/* Yumuşak tema geçişleri */
.site-header,
.announce-rotator{
  transition: background-color .28s ease, color .28s ease, opacity .28s ease, height .28s ease, padding .28s ease;
}

/* =========================================================
    YÜKLEME KATMANI
    ========================================================= */
.page-loader{
  position:fixed; inset:0; z-index:9999; background:var(--cream);
  display:flex; align-items:center; justify-content:center;
  transform:translateY(0);
  transition:transform .65s cubic-bezier(.22,.61,.36,1), opacity .3s ease .35s;
}
.page-loader.hide{ transform:translateY(-100%); opacity:0; pointer-events:none }
.loader-inner{ text-align:center; padding:20px }
.loader-logo{
  font-family:"Quloon", serif; color:#111; letter-spacing:.34rem;
  line-height:1.02; font-size:36px; font-weight:400;
  display:flex; flex-direction:column; align-items:center;
}
.loader-logo .logo-line{ display:block }
.loader-sub{
  margin-top:10px; font-size:13px; letter-spacing:.12rem; color:#5a513e;
  text-transform:uppercase; font-weight:300;
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.loader-bar{ margin:14px auto 0; width:120px; height:2px; background:rgba(0,0,0,.15); overflow:hidden; border-radius:2px }
.loader-bar::after{ content:""; display:block; width:40%; height:100%; background:#111; animation:loaderSlide 1.2s ease-in-out infinite }
@keyframes loaderSlide{ 0%{transform:translateX(-40%)}50%{transform:translateX(80%)}100%{transform:translateX(-40%)} }

/* =========================================================
    HEADER
    ========================================================= */
.site-header{ position:relative }
.site-header.transparent{ position:fixed; inset:0 0 auto 0; z-index:50; background:transparent }

.announce-rotator{
  position:relative;text-align:center;color:#fff;
  font-size:12px;letter-spacing:.28rem;text-transform:uppercase;
  padding:10px 0;height:38px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.announce-rotator .fade{opacity:0;transition:opacity .4s ease}
.announce-rotator .fade.show{opacity:1}

.nav-bg{
  position:absolute;left:0;right:0;top:var(--announceH);height:var(--navH);background:transparent;
  border-bottom:1px solid transparent;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,top .28s ease,height .28s ease, opacity .28s ease;
  z-index:1;pointer-events:none;
}

.hdr-row{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;height:var(--navH);padding:0 2px;gap:24px;
}
.hdr-left{display:flex;align-items:center;gap:14px;justify-self:start}
.hdr-right{display:flex;align-items:center;justify-self:end;min-width:0;gap:10px}

.nav-desktop{display:flex;gap:18px;flex-wrap:wrap}
.nav-desktop a{
  position:relative;display:inline-block;color:#fff;opacity:.95;
  font:600 12px/1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:.28rem;text-transform:uppercase;padding:6px 2px;
}
.nav-desktop a::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#fff;
  transform:scaleX(0);transform-origin:center;transition:transform .25s ease;opacity:.9;
}
.nav-desktop a:hover{opacity:1}
.nav-desktop a:hover::after{transform:scaleX(1)}

.logo.center{
  font-family:"Quloon", serif; font-weight:400; color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-self:center;
  letter-spacing:.36rem;line-height:1.02;font-size:30px;
}
.logo-line{display:block}

.greet{color:#fff;font:500 13px/1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing:.02rem;white-space:nowrap;margin-right:6px}
.greet strong{font-weight:700}
.right-pack{display:flex;align-items:center;gap:12px;padding-right:2px}

.icon-btn{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff;
  cursor:pointer;padding:10px;width:40px;height:40px;border-radius:9999px;
  display:inline-flex;align-items:center;justify-content:center;transition:all .2s;
}
.icon-btn:hover{background:rgba(255,255,255,.18)}
.icon-btn.cart{position:relative}
.badge-dot{
  position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;
  background:#fff;color:#111;border-radius:999px;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.2);
}
.nav-auth{color:#fff;font:600 12px/1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;letter-spacing:.2rem;text-transform:uppercase}

.search-bar{display:none}
.search-form{display:flex;gap:8px;padding:8px 0}
.search-form input{
  flex:1;padding:12px 14px;border:1px solid #e9e9e9;border-radius:12px;background:#fff;
  font:400 14px/1.2 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.hamburger{display:none}
@media (max-width:1024px){
  .hamburger{display:inline-flex;flex-direction:column;gap:4px;width:40px;height:40px;align-items:center;justify-content:center;border:none;background:none;color:#fff}
  .hamburger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
  .hamburger:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}
}

@media (max-width:1024px){
  .nav-desktop{display:none}
  .greet{display:none}
  .container{padding:0 8px}
  .right-pack{gap:14px;padding-right:0;margin-right:-2px}
  .icon-btn{background:none;border:none;padding:0;width:auto;height:auto;color:#fff}
  .icon-btn svg{width:22px;height:22px}
  .icon-btn.search{order:1}
  .icon-btn.cart{order:2}
  .nav-auth{display:none !important}
}

.mobile-menu{position:fixed;inset:0;z-index:300;pointer-events:none}
.mobile-menu .mobile-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}
.mobile-menu .mobile-menu-inner{
  position:absolute;top:0;left:0;height:100%;width:84%;max-width:340px;background:#fff;
  padding:18px;border-top-right-radius:16px;border-bottom-right-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateX(-102%);transition:transform .28s cubic-bezier(.22,.61,.36,1);overflow:auto;
}
.mobile-menu.open{pointer-events:auto}
.mobile-menu.open .mobile-menu-backdrop{opacity:1}
.mobile-menu.open .mobile-menu-inner{transform:translateX(0)}
.mobile-menu nav{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.mobile-menu nav a{padding:12px 10px;border-radius:12px;color:#111;border:none;background:transparent;font:500 14px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mobile-menu nav a:hover{background:#f7f7f7}
.mobile-menu hr{border:none;border-top:1px solid #eee;margin:12px 0}
.mobile-close{border:0;background:#f1f1f1;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}

body.scrolled { --announceH:0px }
body.scrolled .announce-rotator{height:0;padding:0;opacity:0;visibility:hidden}
body.scrolled .nav-bg{top:0;background:var(--cream);border-color:#eee;box-shadow:0 2px 10px rgba(0,0,0,.04)}
body.scrolled .logo.center{color:#111 !important}
body.scrolled .nav-desktop a,
body.scrolled .greet,
body.scrolled .nav-auth{color:#111 !important}
body.scrolled .nav-desktop a::after{background:#111 !important}
body.scrolled .icon-btn{color:#111 !important;background:none;border:none}
body.scrolled .icon-btn:hover{background:none}

/* =========================================================
    OVERLAY & ÇEKMECELER
    ========================================================= */
.overlay-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:390;
  opacity:0;pointer-events:none;transition:opacity .25s ease;
}
.overlay-backdrop.show{opacity:1;pointer-events:auto}
.side-drawer{
  position:fixed;top:0;right:0;height:100%;width:var(--drawerW);max-width:100%;background:#fff;
  z-index:400;transform:translateX(102%);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;
  border-top-left-radius:16px;border-bottom-left-radius:16px; /* global default */
}
.side-drawer.open{transform:translateX(0)}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}
.drawer-header h3{margin:0;font:600 18px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.06rem}
.drawer-header .muted{color:var(--muted);font:400 14px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.drawer-close{border:none;background:#f4f4f4;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}
.drawer-body{padding:12px 12px 16px;overflow:auto;flex:1}
.drawer-empty{color:#555;padding:24px 8px;font:400 14px/1.4 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mini-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;padding:10px;border:1px solid #eee;border-radius:12px;align-items:center}
.mini-thumb{width:64px;height:64px;border-radius:10px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font:500 12px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mini-info{min-width:0}
.mini-name{font:600 14px/1.2 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-meta{color:#777;font:400 12px/1.2 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin-top:4px}
.mini-price{font:700 14px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.mini-actions .mini-add{border:1px solid #ddd;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font:500 13px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.drawer-footer{padding:12px;border-top:1px solid #eee;display:grid;gap:8px}
.btn-primary{background:#111;color:#fff;border-radius:12px;padding:12px 14px;display:inline-block;text-align:center;font:600 14px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border:none;cursor:pointer}
.btn-outline{background:#fff;color:#111;border:1px solid #111;border-radius:12px;padding:12px 14px;display:inline-block;text-align:center;font:600 14px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wfull{width:100%}
@media (max-width:900px){ :root{ --drawerW:92vw } }

/* =========================================================
    HERO
    ========================================================= */
.page-content{padding-top:0}
.hero{ position:relative; height:100svh; min-height:100svh; overflow:hidden }
.hero-media{position:absolute;inset:0;z-index:0}
.hero-video{width:100%;height:100%;object-fit:cover;display:block}
.hero-fallback{display:none}
.hero-overlay{ position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.24) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.55) 100%) }

.hero-content{
  position:relative;z-index:3;height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;color:#fff;
  padding:0 16px;text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.hero-content.bottom{justify-content:flex-end}
.hero-stack{margin-bottom:clamp(40px, 14vh, 180px)}
.eyebrow{ font:600 12px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.28rem;text-transform:uppercase;margin-bottom:14px;opacity:.96 }
.quloon-title{ font-family:"Quloon", serif; font-weight:400; font-size:clamp(44px,7.2vw,92px); letter-spacing:.02em; margin:10px 0 12px }
.hero-sub{ max-width:820px;opacity:.95;line-height:1.6; font:400 15px/1.6 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif }
.hero-link{ margin-top:34px; display:inline-block; font:600 13px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.22rem; text-transform:uppercase; color:#fff; border-bottom:1px solid rgba(255,255,255,.9); padding-bottom:10px }
@keyframes fadeUp { from { opacity:0; transform:translateY(18px) } to { opacity:1; transform:translateY(0) } }
.fade-up { animation: fadeUp .8s ease .15s both }
@media (min-height:700px){ .hero-link{ margin-top:54px } }

/* =========================================================
    AUTH
    ========================================================= */
.auth-page{ min-height: calc(100vh - var(--navH)); background: var(--cream); display:flex; align-items:center; justify-content:center; padding:40px 14px }
.auth-wrap{ width:100%; max-width:1080px; background:#fff; border:1px solid #eee; border-radius:24px; overflow:hidden; display:grid; grid-template-columns: 1fr 1fr; box-shadow: 0 20px 60px rgba(0,0,0,.08) }
@media (max-width: 920px){ .auth-wrap{ grid-template-columns: 1fr } }
.auth-card{ padding:42px 36px 34px }
.auth-head{ text-align:left; margin-bottom:22px }
.auth-head h1{ margin:8px 0 6px; font:600 26px/1.2 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing:.02em }
.auth-head p{ margin:0; color:#666 }
.auth-logo{ font-family:"Quloon", serif; color:#111; letter-spacing:.34rem; line-height:1.02; font-size:28px; font-weight:400 }
.auth-logo .logo-line{ display:block }
.auth-form{ margin-top:14px }
.field{ position:relative; margin:16px 0 }
.field input{ width:100%; border:1px solid #e7e7e7; background:#fff; border-radius:14px; padding:16px 14px; outline:none; transition:border-color .2s, box-shadow .2s; font:400 15px/1.2 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif }
.field input:focus{ border-color:#111; box-shadow:0 0 0 3px rgba(17,17,17,.06) }
.field label{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#999; background:#fff; padding:0 6px; pointer-events:none; transition: all .15s ease; font:400 14px/1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif }
.field input:focus + label,
.field input:not(:placeholder-shown) + label{ top:-8px; font-size:12px; color:#666 }
.show-toggle{ position:absolute; right:10px; top:50%; transform:translateY(-50%); border:none; background:transparent; color:#666; cursor:pointer; font:600 12px/1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif }
.form-row{ margin:8px 0 14px; display:flex; align-items:center; justify-content:space-between; gap:10px }
.check{ display:inline-flex; align-items:center; gap:8px; cursor:pointer }
.check input{ width:16px; height:16px }
.alert{ padding:12px 14px; border-radius:12px; margin:10px 0 0; font:500 14px/1.3 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif }
.alert-err{ background:#ffe8e8; color:#7a1414; border:1px solid #ffd2d2 }
.alert-ok{  background:#e8f7e9; color:#165a2a; border:1px solid #c9efcc }
.btn-primary{ background:#111; color:#fff; border-radius:14px; padding:14px 16px; border:none; cursor:pointer; transition:transform .05s ease, opacity .2s }
.btn-primary:active{ transform: translateY(1px) }
.auth-foot{ text-align:center; margin:14px 0 0; color:#666 }
.link-underline{ border-bottom:1px solid currentColor }
.auth-aside{ position:relative; background:#000; display:block; min-height:420px; overflow:hidden }
@media (max-width: 920px){ .auth-aside{ display:none } }
.aside-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(18%) contrast(105%) }
.aside-overlay{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,0,0,.25), rgba(0,0,0,.45)) }
.muted{ color:#6b6b6b; font-weight:500 }

/* =================================================================
    FOOTER
    ================================================================= */
.newsletter-signup { background-color: #f8f8f8; padding: 60px 0; text-align: center }
.newsletter-content h2 { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 12px }
.newsletter-content p { font-size: 16px; color: #555; max-width: 500px; margin: 0 auto 24px auto }
.newsletter-form { display: flex; justify-content: center; gap: 10px; max-width: 450px; margin: 0 auto }
.newsletter-form input[type="email"]{ flex-grow:1; border:1px solid #ddd; padding:12px 16px; border-radius:8px; font-size:15px; transition:border-color .3s, box-shadow .3s }
.newsletter-form input[type="email"]:focus{ outline:none; border-color:#111; box-shadow:0 0 0 3px rgba(17,17,17,.1) }
.newsletter-form .btn-primary{ padding:12px 24px; border-radius:8px; white-space:nowrap }
.site-footer{ background-color:#111; color:#f1f1f1; padding:80px 0 0 0 }
.footer-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; padding-bottom:60px; border-bottom:1px solid #333 }
.footer-col .logo{ display:inline-block; color:#fff; font-size:22px; margin-bottom:20px; letter-spacing:.2rem; font-family:"Quloon", serif; font-weight:400 }
.footer-col .logo .logo-line{ display:block }
.brand-motto{ font-size:15px; line-height:1.6; color:#aaa; margin-bottom:24px; max-width:250px }
.social-links{ display:flex; gap:16px }
.social-links a{ color:#ccc; display:inline-block; transition:color .3s, transform .3s }
.social-links a:hover{ color:#fff; transform:translateY(-2px) }
.social-links svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5 }
.social-links a[aria-label="X (Twitter)"] svg{ stroke:none; fill:currentColor }
.footer-col h4{ font-size:16px; font-weight:600; margin-bottom:20px; color:#fff; text-transform:uppercase; letter-spacing:.05em }
.footer-col nav{ display:flex; flex-direction:column; gap:12px }
.footer-col nav a{ color:#aaa; text-decoration:none; transition:color .3s; font-size:15px }
.footer-col nav a:hover{ color:#fff }
.footer-bottom-bar{ padding:24px 0 }
.footer-bottom-bar .container{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px }
.copyright{ font-size:14px; color:#888 }
.payment-methods{ display:flex; align-items:center; gap:8px }
.payment-methods svg{ display:block; border-radius:4px; overflow:hidden }
@media (max-width: 992px){ .footer-grid{ grid-template-columns:repeat(2,1fr); gap:50px 30px } }
@media (max-width: 767px){
  .newsletter-signup{ padding:40px 0 }
  .newsletter-form{ flex-direction:column }
  .site-footer{ padding-top:60px }
  .footer-grid{ grid-template-columns:1fr; gap:40px; text-align:center }
  .brand-col{ display:flex; flex-direction:column; align-items:center }
  .brand-motto{ max-width:none }
  .footer-bottom-bar .container{ flex-direction:column; justify-content:center }
}

/* =========================================================
    === MEGA DROPDOWN & HOVER-SCROLLED
    ========================================================= */
.nav-desktop .nav-item{ position:relative }
.dropdown-menu{
  position:fixed; left:0; right:0; top: var(--headerH);
  padding:0; opacity:0; visibility:hidden; pointer-events:none;
  transform: translateY(-12px);
  transition: transform .32s cubic-bezier(.22,.61,.36,1), opacity .28s ease, visibility .28s ease;
  z-index:1000;
}
.nav-item.is-active .dropdown-menu{ opacity:1; visibility:visible; pointer-events:auto; transform: translateY(0) }
.dropdown-menu .container{ padding-left:14px; padding-right:14px }
.dropdown-inner{
  background:#fff; border-top:1px solid #eee;
  box-shadow:0 24px 60px rgba(0,0,0,.08);
  padding: 22px 0 26px;
}
.dropdown-inner a{
  display:block; padding:10px 0; color:#555; font-size:14px;
  font-weight:400; white-space:nowrap; transition:color .2s;
}
.dropdown-inner a:hover{ color:#000 }

.site-header.dropdown-active{ background: var(--cream) }
.site-header.dropdown-active .announce-rotator{
  height:38px; padding:10px 0; opacity:1; visibility:visible; pointer-events:auto;
  background:var(--cream); color:#111; border-bottom:1px solid #eee;
}
.site-header.transparent.dropdown-active .nav-bg{
  top: var(--announceH); background: var(--cream); border-color:#eee;
  box-shadow: 0 2px 10px rgba(0,0,0,.04); opacity:1;
}
.site-header.dropdown-active .logo.center,
.site-header.dropdown-active .nav-desktop a,
.site-header.dropdown-active .greet,
.site-header.dropdown-active .nav-auth{ color:#111 !important }
.site-header.dropdown-active .nav-desktop a::after{ background:#111 !important }
.site-header.dropdown-active .icon-btn{ color:#111 !important; background:none; border:none }
.site-header.dropdown-active .icon-btn:hover{ background:none }

/* =========================================================
    STATİK SAYFA HEADERLARI
    ========================================================= */
body.page-auth { --announceH: 0px }
body.page-auth .announce-rotator { height: 0; padding: 0; opacity: 0; visibility: hidden }
body.page-auth .nav-bg { top: 0; background: var(--cream); border-color: #eee; box-shadow: 0 2px 10px rgba(0,0,0,.04) }
body.page-auth .logo.center,
body.page-auth .nav-desktop a,
body.page-auth .greet,
body.page-auth .nav-auth,
body.page-auth .icon-btn { color: #111 !important }
body.page-auth .nav-desktop a::after { background: #111 !important }
body.page-auth .icon-btn { background: none; border: none }
body.page-auth .icon-btn:hover { background: none }
body.page-auth .site-header.dropdown-active .announce-rotator { height:0 !important; padding:0 !important; opacity:0 !important; visibility:hidden !important; border-bottom:0 !important }
body.page-auth .dropdown-menu { display:none !important }
body.page-auth .auth-wrap{ margin-top:1cm }
body.page-auth .hero-content{ padding-top:1cm }

body.page-product-detail {
  padding-top: var(--navH);
  background-color: var(--cream);
}
body.page-product-detail .site-header {
  position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: var(--navH);
  background: var(--cream); border-bottom: 1px solid var(--border); box-shadow: 0 2px 10px rgba(0,0,0,.04);
  display: flex; align-items: center;
}
body.page-product-detail .hdr-row { width:100%; height:auto }
body.page-product-detail .announce-rotator,
body.page-product-detail .nav-bg { display:none }
body.page-product-detail .logo.center,
body.page-product-detail .nav-desktop a,
body.page-product-detail .greet,
body.page-product-detail .icon-btn { color:#111 !important }
body.page-product-detail .nav-desktop a::after { background:#111 !important }
body.page-imagedetail .icon-btn { background:none; border:none }
body.page-product-detail .dropdown-menu { display:none !important }

/* =========================================================
   MİNİ SEPET (drawerCart) — köşeler 0, zemin #fafaef
   ========================================================= */
#drawerCart,
#drawerCart .drawer-header,
#drawerCart .drawer-body,
#drawerCart .drawer-footer{
  background:#fafaef !important;
  border-radius:0 !important;
}
#drawerCart{ border-top-left-radius:0 !important; border-bottom-left-radius:0 !important }
#drawerCart .drawer-header{ border-bottom:1px solid #eee !important }
#drawerCart .drawer-footer{
  position:sticky; bottom:0; left:0; right:0;
  border-top:1px solid #eee !important;
  box-shadow:0 -6px 20px rgba(0,0,0,.06);
  padding:12px; display:grid; gap:8px;
}

/* Butonlar: köşesiz */
#drawerCart .btn-primary,
#drawerCart .btn-outline,
#drawerCart button{ border-radius:0 !important }
#drawerCart .btn-outline{ background:#fafaef !important; color:#111 !important; border:1px solid #111 !important }

/* Liste düzeni (referans) */
#drawerCart .mc-wrapper{ background:#fafaef }
#drawerCart .mc-items-list{ padding:12px 16px 0; gap:0; background:#fafaef }
#drawerCart .mc-item{
  display:grid; grid-template-columns:128px 1fr auto;
  gap:16px; align-items:start; padding:16px 0; border-bottom:1px solid #eee;
  background:transparent; border-radius:0 !important;
}
#drawerCart .mc-thumb{ width:128px; height:168px; background:#f5f5f5; overflow:hidden; border-radius:0 !important }
#drawerCart .mc-thumb img{ width:100%; height:100%; object-fit:cover; display:block }
#drawerCart .mc-item-details{ display:flex; flex-direction:column; gap:10px }
#drawerCart .mc-info{ display:flex; flex-direction:column; gap:4px }
#drawerCart .mc-brand{ font:600 14px/1 "Inter",system-ui,sans-serif; text-transform:uppercase }
#drawerCart .mc-title{ font:500 15px/1.3 "Inter",system-ui,sans-serif; color:#333 }
#drawerCart .mc-attrs{ font:400 13px/1 "Inter",system-ui,sans-serif; color:#777 }
#drawerCart .mc-actions-and-price{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center }
#drawerCart .mc-actions{ display:flex; gap:12px; align-items:center }
#drawerCart .mc-qty{ display:flex; align-items:center; border:1px solid #ddd; background:#fafaef; border-radius:0 !important }
#drawerCart .mc-qty .mc-btn{ border:none; background:transparent; padding:6px 12px; font-size:18px; color:#555; line-height:1; cursor:pointer }
#drawerCart .mc-qty .mc-qty-val{ min-width:24px; text-align:center; font:500 14px/1 "Inter",system-ui,sans-serif; padding:0 6px }
#drawerCart .mc-links{ display:flex; gap:12px }
#drawerCart .mc-link{ border:none; background:none; padding:0; color:#777; text-decoration:underline; cursor:pointer }
#drawerCart .mc-price{ align-self:center; white-space:nowrap; font:700 16px/1 "Inter",system-ui,sans-serif; color:#111 }
#drawerCart .mc-summary{ background:#fafaef; border-top:1px solid #eee; margin-top:auto; padding:16px }
#drawerCart .mc-row{ display:flex; justify-content:space-between; font:600 15px/1 "Inter",system-ui,sans-serif; text-transform:uppercase }
#drawerCart .mc-row.small{ font-size:13px; font-weight:500; text-transform:none; color:#555; margin-top:8px }

@media (max-width:520px){
  #drawerCart .mc-item{ grid-template-columns:1fr }
  #drawerCart .mc-thumb{ width:100%; height:auto; aspect-ratio:.8 }
  #drawerCart .drawer-body{ padding-bottom:116px }
}
/* =========================================================
   MINI CART PATCH — temiz birleşik sürüm (v46)
   ========================================================= */

/* 1) Overlay genişliği %20 azalt */
:root{ --drawerW:582px }
@media (min-width:1280px){ :root{ --drawerW:627px }}

/* 2) Header düzeni: sepette “Toplam …” gizle, alt çizgi/renk yok, X butonu gri değil */
#drawerCart .drawer-header{
  background:#fafaef !important;
  border-bottom:none !important;
}
#drawerCart .drawer-header .muted{ display:none !important }     /* Toplam … gizli */
#drawerCart .drawer-close{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* 3) Ürün eylemleri: adet kutusu üstte, “İstek Listesi / Kaldır” hemen altında */
#drawerCart .mc-actions{
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
}
#drawerCart .mc-links{ margin-top:2px; gap:12px }

/* 4) Adet +/- kutusu görünümü */
#drawerCart .mc-qty{
  background:#f2f2e5 !important;
  border:1px solid #ddd6c6 !important;
  border-radius:0 !important;
}

/* 5) Ara Toplam barı altta, footer ile aynı zeminde ve tam genişlikte */
#drawerCart .drawer-body{
  padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;
  display:flex;
}
#drawerCart .mc-wrapper{ display:flex; flex-direction:column; min-height:100%; width:100% }
#drawerCart .mc-items-list{
  flex:1 1 auto;
  padding-left:20px !important; padding-right:20px !important; padding-bottom:0 !important;
}
#drawerCart .mc-summary{
  margin:0 !important;               /* kenardan kenara */
  margin-top:auto !important;        /* ÜRÜNLERİN ALTINA DEĞİL, EN ALTA */
  background:#f2f2e5 !important;
  border-top:none !important;
  padding:16px 20px !important;
}

/* 6) Footer: aynı zemin, çizgi/gölge yok, buton kenarlıkları kaldır */
#drawerCart .drawer-footer{
  background:#f2f2e5 !important;
  border-top:none !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:14px 12px !important;
}
#drawerCart .btn-primary,
#drawerCart .btn-outline,
#drawerCart button,
#drawerCart a.btn{
  border:none !important;
  border-radius:0 !important;
}
#drawerCart .btn-outline{ background:#f2f2e5 !important; color:#111 !important }

/* 7) Mobil boşluk (sabit footer varsa) */
@media (max-width:520px){
  #drawerCart .drawer-body{ padding-bottom:116px !important }
}
/* =========================================================
   WISHLIST OVERLAY — cart overlay kurallarının aynısı (v46)
   ========================================================= */

/* GENEL: Drawer genişliği (cart ile aynı değişkeni kullanır) */
:root{ --drawerW:582px }
@media (min-width:1280px){ :root{ --drawerW:627px }}

/* ------- HEADER ------- */
#drawerWishlist .drawer-header{
  background:#fafaef !important;            /* header ile aynı krem */
  border-bottom:none !important;
}
#drawerWishlist .drawer-close{
  background:transparent !important;        /* X butonunda gri zemin olmasın */
  border:none !important;
  box-shadow:none !important;
}

/* ------- BODY (tam genişlik, içerik kolon ve boşluksuz) ------- */
#drawerWishlist .drawer-body{
  padding-left:0 !important;
  padding-right:0 !important;
  padding-bottom:0 !important;
  background:#fafaef !important;            /* arka plan cart ile aynı */
  display:flex;                             /* alt footer’a yapışma mantığı */
}
#drawerWishlist .wl-wrapper{
  display:flex; flex-direction:column; min-height:100%; width:100%;
}
#drawerWishlist .wl-items-list{
  flex:1 1 auto;
  padding:16px 20px;                         /* içerik iç boşluğu */
  display:flex; flex-direction:column; gap:24px;
}

/* ÜRÜN KARTI: cart’taki dikey düzenin aynısı */
#drawerWishlist .wl-item{
  display:flex; flex-direction:column; gap:16px;
}
#drawerWishlist .wl-thumb{
  width:100%; aspect-ratio:.8; background:#f5f5f5;
  overflow:hidden; border-radius:0;
}
#drawerWishlist .wl-thumb img{ width:100%; height:100%; object-fit:cover; }
#drawerWishlist .wl-item-details{ display:flex; flex-direction:column; gap:12px; }
#drawerWishlist .wl-info{ display:flex; flex-direction:column; gap:4px; }
#drawerWishlist .wl-brand{ font:600 14px/1 "Inter",system-ui,sans-serif; text-transform:uppercase; }
#drawerWishlist .wl-title{ font:500 15px/1.3 "Inter",system-ui,sans-serif; color:#333; }
#drawerWishlist .wl-attrs{ font:400 13px/1 "Inter",system-ui,sans-serif; color:#777; }

/* Aksiyonlar ve fiyat aynı hizada, buton kenarlığı yok */
#drawerWishlist .wl-actions-and-price{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px;
}
#drawerWishlist .wl-actions{ display:flex; align-items:center; gap:10px; }
#drawerWishlist .wl-actions .btn-primary,
#drawerWishlist .wl-actions .btn-outline{
  border:none !important; border-radius:0 !important;
  padding:12px 14px; font:600 14px/1 "Inter",system-ui,sans-serif;
}
#drawerWishlist .wl-actions .btn-outline{
  background:#fafaef !important; color:#111 !important; /* cart’taki outline mantığı */
}
#drawerWishlist .wl-price{
  font:700 16px/1 "Inter",system-ui,sans-serif; color:#111; margin-left:auto;
}

/* (İsteğe bağlı) adet seçici kullanırsanız, cart’taki renk kuralları */
#drawerWishlist .wl-qty{
  display:flex; align-items:center; border:1px solid #ddd6c6 !important;
  background:#f2f2e5 !important; border-radius:0 !important;
}
#drawerWishlist .wl-qty .wl-btn{
  border:none; background:transparent; font-size:18px; cursor:pointer; padding:6px 12px; color:#555; line-height:1;
}
#drawerWishlist .wl-qty .wl-qty-val{
  font:500 14px/1 "Inter",system-ui,sans-serif; padding:0 4px; min-width:20px; text-align:center;
}

/* ------- FOOTER (cart ile aynı: birleşik zemin, çizgi/gölge yok) ------- */
#drawerWishlist .drawer-footer{
  background:#f2f2e5 !important;            /* cart’ta checkout/cart barı ile aynı ton */
  border-top:none !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:14px 12px !important;
}
#drawerWishlist .drawer-footer .btn-primary,
#drawerWishlist .drawer-footer .btn-outline,
#drawerWishlist .drawer-footer button,
#drawerWishlist .drawer-footer a.btn{
  border:none !important; border-radius:0 !important;
}
#drawerWishlist .drawer-footer .btn-outline{
  background:#f2f2e5 !important; color:#111 !important;
}

/* Boş durum mesajı (cart ile uyumlu tipografi) */
#drawerWishlist .drawer-empty{
  color:#555; padding:24px 16px; font:400 14px/1.4 "Inter",system-ui,sans-serif;
}