:root{
    --cream:#f6f1ea;
    --beige:#e8dccb;
    --wood:#8a5a3b;
    --wood-dark:#5b3a23;
    --wood-darker:#3a2415;
    --gold:#c9a26a;
    --gold-light:#e3c89a;
    --ink:#2b2118;
    --ink-soft:#4a3e33;
    --muted:#8a7e6f;
    --line:rgba(58,36,21,.14);
    --white:#fffaf3;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-.01em}
  img{max-width:100%;display:block}
  a{text-decoration:none;color:inherit}
  .container{max-width:1280px;margin:0 auto;padding:0 28px}

  /* ===== TOP BAR ===== */
  .topbar{
    background:linear-gradient(90deg,#1a1108 0%,#2a1b10 100%);
    color:#e8dccb;
    font-size:12.5px;
    padding:11px 0;
    border-bottom:1px solid rgba(201,162,106,.18);
    position:relative;
  }
  .topbar::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);
    opacity:.4;
  }
  .topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
  .topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .topbar-left span{display:inline-flex;align-items:center;gap:8px}
  .topbar-left i{color:var(--gold);font-size:11px}
  .topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .topbar a{color:#e3c89a;transition:color .2s;display:inline-flex;align-items:center;gap:6px}
  .topbar a:hover{color:#fff}
  .topbar i{margin-right:0;color:var(--gold)}

  /* ===== NAVBAR ===== */
  .navbar{
    background:rgba(255,250,243,.92);
    position:sticky;top:0;z-index:100;
    border-bottom:1px solid var(--line);
    backdrop-filter:saturate(180%) blur(14px);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    transition:all .3s;
  }
  .navbar.scrolled{
    background:rgba(255,250,243,.97);
    box-shadow:0 6px 30px rgba(58,36,21,.08);
  }
  .nav-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 0;position:relative}
  .nav-inner::after{
    content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
    transition:width .6s ease;
  }
  .navbar.scrolled .nav-inner::after{width:60%}
  .logo{
    font-family:'Playfair Display',serif;
    font-size:26px;font-weight:700;
    color:var(--wood-dark);
    letter-spacing:.4px;
    display:flex;align-items:center;gap:12px;
    flex-shrink:0;
  }
  .logo-mark{
    width:42px;height:42px;
    background:linear-gradient(135deg,var(--wood) 0%,var(--wood-darker) 100%);
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold-light);
    font-size:17px;
    box-shadow:0 6px 18px rgba(91,58,35,.35);
    position:relative;overflow:hidden;
    transition:transform .3s;
  }
  .logo-mark::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);
    transform:translateX(-100%);
    transition:transform .6s;
  }
  .logo:hover .logo-mark{transform:rotate(-8deg) scale(1.05)}
  .logo:hover .logo-mark::after{transform:translateX(100%)}
  .logo-text{display:flex;flex-direction:column;line-height:1}
  .logo-text small{font-family:'Inter',sans-serif;font-size:10px;letter-spacing:3.5px;color:var(--muted);text-transform:uppercase;font-weight:500;margin-top:3px}
  .logo span{color:var(--gold)}

  .nav-links{display:flex;align-items:center;gap:6px}
  .nav-links > a{
    font-size:14px;font-weight:500;color:var(--ink-soft);
    position:relative;padding:10px 16px;transition:color .25s;
    letter-spacing:.2px;border-radius:8px;
  }
  .nav-links > a:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline)::after{
    content:"";position:absolute;left:50%;bottom:4px;
    width:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--wood));
    transition:all .35s cubic-bezier(.4,0,.2,1);transform:translateX(-50%);
    border-radius:2px;
  }
  .nav-links > a:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline):hover{
    color:var(--wood-dark);background:rgba(201,162,106,.08);
  }
  .nav-links > a:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline):hover::after{width:60%}
  .nav-links > a.active:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline){
    color:var(--wood-dark);background:rgba(201,162,106,.1);
  }
  .nav-links > a.active:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline)::after{width:30%}

  /* Üye giriş / üye ol butonları */
  .nav-divider{
    width:1px;height:24px;background:var(--line);margin:0 6px;
  }
  .btn-ghost-nav{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 18px !important;border-radius:8px;
    font-size:13.5px !important;font-weight:500;
    color:var(--ink-soft) !important;
    transition:all .25s;
  }
  .btn-ghost-nav i{font-size:12px;color:var(--gold);transition:transform .3s}
  .btn-ghost-nav:hover{
    background:var(--cream) !important;color:var(--wood-dark) !important;
  }
  .btn-ghost-nav:hover i{transform:translateX(2px)}

  .btn-outline{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 20px !important;border-radius:8px;
    font-size:13.5px !important;font-weight:600;
    color:var(--wood-dark) !important;
    background:transparent;
    border:1.5px solid var(--wood);
    transition:all .3s;position:relative;overflow:hidden;
  }
  .btn-outline::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(135deg,var(--wood) 0%,var(--wood-dark) 100%);
    transform:scaleX(0);transform-origin:right;
    transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;
  }
  .btn-outline span{position:relative;z-index:1;transition:color .3s}
  .btn-outline i{position:relative;z-index:1;font-size:11px;transition:color .3s,transform .3s}
  .btn-outline:hover::before{transform:scaleX(1);transform-origin:left}
  .btn-outline:hover span, .btn-outline:hover i{color:#fff}
  .btn-outline:hover i{transform:translateX(2px)}

  .btn-primary{
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(135deg,var(--wood) 0%,var(--wood-dark) 100%);
    color:#fff;padding:11px 24px;border-radius:8px;
    font-weight:600;font-size:13.5px;letter-spacing:.4px;
    transition:all .3s;box-shadow:0 4px 14px rgba(91,58,35,.25);
    position:relative;overflow:hidden;
  }
  .btn-primary::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(135deg,var(--gold) 0%,var(--wood) 100%);
    opacity:0;transition:opacity .3s;
  }
  .btn-primary span{position:relative;z-index:1}
  .btn-primary i{position:relative;z-index:1;font-size:11px;transition:transform .3s}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(91,58,35,.4)}
  .btn-primary:hover::before{opacity:1}
  .btn-primary:hover i{transform:translateX(3px)}

  /* Sepet / dil seçici gibi utility ikonları */
  .nav-utility{display:flex;align-items:center;gap:4px;margin-left:8px}
  .util-btn{
    width:40px;height:40px;border:none;background:transparent;border-radius:8px;
    color:var(--ink-soft);cursor:pointer;font-size:15px;
    display:inline-flex;align-items:center;justify-content:center;
    position:relative;transition:all .25s;
  }
  .util-btn:hover{background:var(--cream);color:var(--wood-dark)}
  .util-btn .badge{
    position:absolute;top:6px;right:6px;
    min-width:18px;height:18px;border-radius:9px;
    background:var(--gold);color:var(--wood-darker);
    font-size:10px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
    padding:0 5px;
  }
  .lang-switch{
    display:inline-flex;align-items:center;gap:4px;
    padding:8px 10px !important;font-size:12px !important;
    font-weight:600 !important;color:var(--ink-soft) !important;
    letter-spacing:1px;cursor:pointer;
  }
  .lang-switch i{font-size:9px;color:var(--gold)}

  /* Çoklu Dil Dropdown */
  .lang-switcher{position:relative;display:inline-block}
  .lang-dropdown{
    position:absolute;top:calc(100% + 10px);right:0;
    background:var(--white);border:1px solid var(--line);border-radius:10px;
    min-width:160px;padding:6px;
    box-shadow:0 12px 30px rgba(58,36,21,.15);
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:all .25s;z-index:120;
  }
  .lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  .lang-dropdown a{
    display:flex;align-items:center;gap:10px;
    padding:9px 12px;border-radius:6px;
    color:var(--ink-soft);font-size:13.5px;font-weight:500;
    transition:.2s;
  }
  .lang-dropdown a:hover{background:var(--cream);color:var(--wood-dark)}
  .lang-dropdown a.active{background:var(--cream);color:var(--wood-dark);font-weight:600}
  .lang-flag{font-size:18px}

  /* ===== Üye Girişi / Üye Ol tek dropdown ===== */
  .member-menu{position:relative}
  .member-trigger{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 16px;border:none;background:transparent;
    border-radius:8px;color:var(--ink-soft);
    font-family:inherit;font-size:14px;font-weight:500;
    cursor:pointer;transition:all .25s;letter-spacing:.2px;
  }
  .member-trigger > i:first-child{font-size:14px;color:var(--gold)}
  .member-chevron{font-size:9px !important;color:var(--gold) !important;transition:transform .3s}
  .member-trigger:hover{background:var(--cream);color:var(--wood-dark)}
  .member-menu.open .member-trigger{background:var(--cream);color:var(--wood-dark)}
  .member-menu.open .member-chevron{transform:rotate(180deg)}

  .member-dropdown{
    position:absolute;top:calc(100% + 14px);right:0;
    min-width:300px;background:var(--white);
    border:1px solid var(--line);border-radius:14px;
    box-shadow:0 20px 50px rgba(58,36,21,.18);
    padding:8px;opacity:0;visibility:hidden;
    transform:translateY(-8px) scale(.98);transform-origin:top right;
    transition:all .25s cubic-bezier(.4,0,.2,1);
    z-index:120;
  }
  .member-menu.open .member-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
  .member-dropdown::before{
    content:"";position:absolute;top:-6px;right:24px;
    width:12px;height:12px;background:var(--white);
    border-top:1px solid var(--line);border-left:1px solid var(--line);
    transform:rotate(45deg);
  }
  .member-dropdown-head{
    padding:14px 14px 12px;margin-bottom:6px;
    border-bottom:1px solid var(--line);
  }
  .member-dropdown-head strong{
    display:block;font-family:'Playfair Display',serif;
    font-size:17px;color:var(--wood-darker);font-weight:600;margin-bottom:2px;
  }
  .member-dropdown-head span{font-size:12.5px;color:var(--muted)}

  .member-item{
    display:flex;align-items:center;gap:14px;
    padding:11px 12px;border-radius:10px;
    color:var(--ink-soft);transition:all .2s;
    position:relative;
  }
  .member-item:hover{background:var(--cream);color:var(--wood-dark)}
  .member-item-icon{
    width:38px;height:38px;border-radius:10px;
    background:var(--cream);color:var(--wood-dark);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;flex-shrink:0;
    transition:all .25s;
  }
  .member-item:hover .member-item-icon{
    background:linear-gradient(135deg,var(--wood),var(--wood-dark));
    color:#fff;
  }
  .member-item-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
  .member-item-text strong{font-size:14px;font-weight:600;color:var(--wood-darker);font-family:'Inter',sans-serif}
  .member-item-text small{font-size:12px;color:var(--muted);margin-top:2px}
  .member-item-arrow{
    font-size:10px !important;color:var(--muted) !important;
    transition:transform .25s,color .25s;
  }
  .member-item:hover .member-item-arrow{color:var(--gold) !important;transform:translateX(3px)}

  .member-dropdown-divider{
    height:1px;background:var(--line);margin:6px 4px;
  }

  /* Mobil drawer için üye itemleri */
  .mobile-member-item{
    display:flex !important;align-items:center;gap:14px;
    padding:14px 12px !important;font-size:14px !important;
    border-radius:10px;
  }
  .mobile-member-item i:first-child{
    width:38px;height:38px;border-radius:10px;
    background:var(--cream);color:var(--wood-dark);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;flex-shrink:0;
  }
  .mobile-member-item span{display:flex;flex-direction:column;line-height:1.3}
  .mobile-member-item strong{font-size:14.5px;color:var(--wood-darker);font-weight:600}
  .mobile-member-item small{font-size:12px;color:var(--muted);margin-top:2px;font-weight:400}

  .menu-btn{
    display:none;background:none;border:none;
    width:44px;height:44px;border-radius:8px;
    color:var(--wood-dark);cursor:pointer;
    align-items:center;justify-content:center;
    transition:background .2s;
  }
  .menu-btn:hover{background:rgba(58,36,21,.06)}
  .menu-btn i{font-size:20px}

  /* Mobile menu drawer */
  .mobile-menu{
    position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);
    background:var(--white);z-index:200;
    transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
    box-shadow:-20px 0 50px rgba(0,0,0,.18);
    display:flex;flex-direction:column;
    padding:30px;overflow-y:auto;
  }
  .mobile-menu.open{transform:translateX(0)}
  .mobile-menu-head{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--line);
  }
  .mobile-menu .logo{font-size:22px}
  .mobile-close{
    width:40px;height:40px;border:none;background:transparent;
    color:var(--wood-dark);font-size:20px;cursor:pointer;border-radius:8px;
  }
  .mobile-close:hover{background:rgba(58,36,21,.06)}
  .mobile-menu nav{display:flex;flex-direction:column;gap:4px;margin-bottom:30px}
  .mobile-menu nav a{
    padding:14px 12px;font-size:16px;font-weight:500;color:var(--ink-soft);
    border-radius:8px;transition:all .2s;
    display:flex;align-items:center;gap:12px;
  }
  .mobile-menu nav a i{color:var(--gold);width:18px;text-align:center;font-size:14px}
  .mobile-menu nav a:hover{background:var(--cream);color:var(--wood-dark);padding-left:18px}
  .mobile-menu .btn-primary{text-align:center;width:100%;margin-top:auto}
  .mobile-overlay{
    position:fixed;inset:0;background:rgba(20,12,6,.5);
    z-index:150;opacity:0;visibility:hidden;
    transition:opacity .3s,visibility .3s;
  }
  .mobile-overlay.open{opacity:1;visibility:visible}

  /* ===== HERO SLIDER ===== */
  .hero{
    position:relative;
    min-height:92vh;
    overflow:hidden;
    color:#fff;
    background:#1a1108;
  }
  .slide{
    position:absolute;inset:0;
    opacity:0;visibility:hidden;
    transition:opacity 1.1s ease;
    display:flex;align-items:center;
  }
  .slide.active{opacity:1;visibility:visible;z-index:1}
  .slide-bg{
    position:absolute;inset:0;
    background-size:cover;background-position:center;
    transform:scale(1.05);
    transition:transform 7s ease;
  }
  .slide.active .slide-bg{transform:scale(1)}
  .slide::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(115deg,rgba(20,12,6,.82) 0%,rgba(40,25,15,.55) 55%,rgba(20,12,6,.35) 100%);
  }
  .slide::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(ellipse at top right, rgba(201,162,106,.22), transparent 60%);
  }
  .slide-content{
    position:relative;z-index:3;max-width:760px;padding:80px 0;
  }
  .slide-num{
    display:inline-block;color:var(--gold-light);font-size:13px;letter-spacing:4px;
    margin-bottom:18px;font-weight:500;
  }
  .slide-content h1{
    font-size:clamp(38px,5.8vw,68px);
    line-height:1.08;margin-bottom:24px;
    color:#fff;
    transform:translateY(30px);opacity:0;
    transition:all .9s ease .25s;
  }
  .slide.active .slide-content h1{transform:translateY(0);opacity:1}
  .slide-content h1 em{color:var(--gold-light);font-style:normal;font-weight:600}
  .slide-content p{
    font-size:17.5px;color:rgba(255,255,255,.88);margin-bottom:36px;max-width:580px;
    transform:translateY(30px);opacity:0;
    transition:all .9s ease .45s;
  }
  .slide.active .slide-content p{transform:translateY(0);opacity:1}
  .slide-actions{
    display:flex;gap:16px;flex-wrap:wrap;
    transform:translateY(30px);opacity:0;
    transition:all .9s ease .65s;
  }
  .slide.active .slide-actions{transform:translateY(0);opacity:1}

  /* Slider kontrolleri - minmal alta indirildi */
  .slider-nav{
    position:absolute;left:50%;bottom:30px;transform:translateX(-50%);
    display:flex;align-items:center;gap:24px;z-index:5;
    background:rgba(20,12,6,.4);backdrop-filter:blur(14px);
    padding:8px 18px;border-radius:40px;
    border:1px solid rgba(201,162,106,.25);
  }
  .slider-arrow{
    width:32px;height:32px;border:none;border-radius:50%;
    background:transparent;color:rgba(255,250,243,.7);
    font-size:12px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:all .25s;
  }
  .slider-arrow:hover{background:var(--gold);color:var(--wood-darker)}
  .slider-dots{display:flex;gap:8px;align-items:center}
  .slider-dot{
    width:6px;height:6px;border-radius:50%;
    background:rgba(255,250,243,.35);cursor:pointer;
    transition:all .4s;padding:0;
  }
  .slider-dot.active{
    width:24px;border-radius:3px;
    background:var(--gold);
  }

  .slider-progress{
    position:absolute;bottom:0;left:0;right:0;height:3px;
    background:rgba(255,255,255,.08);z-index:5;
  }
  .slider-progress-bar{
    height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light));
  }

  /* Eski hero elemanları (stats) slider'a taşınacak */
  .slide-stats{
    display:flex;gap:48px;margin-top:50px;padding-top:32px;
    border-top:1px solid rgba(255,255,255,.18);
    transform:translateY(30px);opacity:0;
    transition:all .9s ease .85s;
  }
  .slide.active .slide-stats{transform:translateY(0);opacity:1}

  .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    color:var(--gold-light);font-size:13px;letter-spacing:3px;
    text-transform:uppercase;margin-bottom:20px;font-weight:500;
  }
  .eyebrow::before{content:"";width:40px;height:1px;background:var(--gold)}
  .hero h1{
    font-size:clamp(40px,6vw,72px);
    line-height:1.05;margin-bottom:24px;
    color:#fff;
  }
  .hero h1 em{color:var(--gold-light);font-style:normal}
  .hero p{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:38px;max-width:560px}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap}
  .btn-ghost{
    border:1.5px solid rgba(255,255,255,.4);
    color:#fff;padding:11px 28px;border-radius:8px;
    font-weight:500;font-size:14px;letter-spacing:.5px;
    transition:all .3s;background:rgba(255,255,255,.05);
  }
  .btn-ghost:hover{background:rgba(255,255,255,.15);border-color:#fff}
  .stat-num{font-family:'Playfair Display',serif;font-size:36px;color:var(--gold-light);font-weight:600;line-height:1}
  .stat-label{font-size:13px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:2px;margin-top:6px}

  /* ===== SECTION HEADERS ===== */
  section{padding:100px 0}
  .section-head{text-align:center;max-width:680px;margin:0 auto 64px}
  .section-head .eyebrow{margin-bottom:14px}
  .section-head h2{font-size:clamp(32px,4.5vw,46px);color:var(--wood-darker);margin-bottom:16px}
  .section-head p{color:var(--ink-soft);font-size:16px}

  /* ===== FEATURED CATEGORIES ===== */
  .categories{background:var(--cream)}
  .cat-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;
  }
  .cat-card{
    position:relative;border-radius:14px;overflow:hidden;
    aspect-ratio:3/4;cursor:pointer;
    box-shadow:0 8px 24px rgba(58,36,21,.12);
    transition:transform .4s,box-shadow .4s;
  }
  .cat-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(58,36,21,.22)}
  .cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
  .cat-card:hover img{transform:scale(1.08)}
  .cat-overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(58,36,21,.92) 100%);
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:28px;color:#fff;
  }
  .cat-overlay h3{font-size:24px;margin-bottom:6px}
  .cat-overlay p{font-size:13px;color:rgba(255,255,255,.8);letter-spacing:1px;text-transform:uppercase}
  .cat-overlay .arrow{
    position:absolute;top:24px;right:24px;
    width:42px;height:42px;border-radius:50%;
    background:rgba(255,255,255,.15);backdrop-filter:blur(8px);
    display:flex;align-items:center;justify-content:center;
    transition:all .3s;
  }
  .cat-card:hover .arrow{background:var(--gold);color:var(--wood-darker)}

  /* ===== ABOUT ===== */
  .about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
  .about-img{
    position:relative;border-radius:18px;overflow:hidden;
    box-shadow:0 24px 60px rgba(58,36,21,.22);
  }
  .about-img img{width:100%;height:560px;object-fit:cover}
  .about-img .badge{
    position:absolute;bottom:28px;left:28px;
    background:var(--white);padding:22px 28px;border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    display:flex;align-items:center;gap:18px;
  }
  .badge-num{font-family:'Playfair Display',serif;font-size:42px;color:var(--wood-dark);font-weight:700;line-height:1}
  .badge-text{font-size:13px;color:var(--ink-soft);line-height:1.4;max-width:120px}
  .about-text h2{font-size:42px;color:var(--wood-darker);margin:14px 0 22px;line-height:1.15}
  .about-text p{color:var(--ink-soft);margin-bottom:18px;font-size:15.5px}
  .about-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
  .feat{display:flex;gap:14px;align-items:flex-start}
  .feat-icon{
    width:46px;height:46px;border-radius:10px;
    background:var(--cream);color:var(--wood-dark);
    display:flex;align-items:center;justify-content:center;
    font-size:18px;flex-shrink:0;
  }
  .feat h4{font-family:'Inter',sans-serif;font-size:15px;color:var(--wood-darker);margin-bottom:4px;font-weight:600}
  .feat p{font-size:13.5px;color:var(--muted);margin:0}

  /* ===== PRODUCTS ===== */
  .products{background:var(--cream)}
  .prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
  .prod-card{
    background:var(--white);border-radius:14px;overflow:hidden;
    transition:all .4s;border:1px solid var(--line);
  }
  .prod-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(58,36,21,.15)}
  .prod-img{aspect-ratio:4/3;overflow:hidden;position:relative;background:#f0e8db}
  .prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .prod-card:hover .prod-img img{transform:scale(1.06)}
  .prod-tag{
    position:absolute;top:14px;left:14px;
    background:var(--wood-darker);color:var(--gold-light);
    padding:5px 12px;border-radius:20px;font-size:11px;letter-spacing:1.5px;
    text-transform:uppercase;font-weight:500;
  }
  .prod-info{padding:22px 24px 26px}
  .prod-cat{font-size:12px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
  .prod-info h3{font-size:19px;color:var(--wood-darker);margin-bottom:8px}
  .prod-info p{font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.5}
  .prod-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
  .prod-price{font-family:'Playfair Display',serif;font-size:20px;color:var(--wood-dark);font-weight:600}
  .prod-link{color:var(--wood-dark);font-size:13px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:6px;transition:gap .25s}
  .prod-link:hover{gap:12px;color:var(--gold)}

  /* ===== PROCESS ===== */
  .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;position:relative}
  .process-step{text-align:center;position:relative;padding:0 10px}
  .step-num{
    width:80px;height:80px;margin:0 auto 22px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold) 0%,var(--wood) 100%);
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-family:'Playfair Display',serif;font-size:32px;font-weight:600;
    box-shadow:0 12px 30px rgba(201,162,106,.35);
    position:relative;z-index:2;
  }
  .process-step h4{font-size:20px;color:var(--wood-darker);margin-bottom:10px}
  .process-step p{font-size:14.5px;color:var(--ink-soft)}
  .process-step:not(:last-child)::after{
    content:"";position:absolute;top:40px;left:60%;width:80%;height:2px;
    background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px);
    z-index:1;
  }

  /* ===== TESTIMONIALS ===== */
  .testimonials{background:linear-gradient(180deg,var(--wood-darker) 0%,#2a1b10 100%);color:#fff;position:relative;overflow:hidden}
  .testimonials::before{
    content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;
    background:radial-gradient(circle,rgba(201,162,106,.15),transparent 70%);
  }
  .testimonials .section-head h2{color:#fff}
  .testimonials .section-head p{color:rgba(255,255,255,.7)}
  .testimonials .eyebrow{color:var(--gold-light)}
  .testimonials .eyebrow::before{background:var(--gold)}
  .test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;position:relative;z-index:2}
  .test-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(201,162,106,.2);
    border-radius:14px;padding:36px 30px;
    backdrop-filter:blur(10px);
    transition:all .3s;
  }
  .test-card:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(255,255,255,.08)}
  .stars{color:var(--gold);margin-bottom:18px;letter-spacing:2px;font-size:14px}
  .test-card blockquote{font-size:15.5px;line-height:1.7;color:rgba(255,255,255,.9);margin-bottom:24px;font-style:italic}
  .test-author{display:flex;align-items:center;gap:14px}
  .test-avatar{
    width:48px;height:48px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--wood));
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:600;font-size:18px;
  }
  .test-name{font-weight:600;font-size:15px;color:#fff}
  .test-role{font-size:13px;color:rgba(255,255,255,.6)}

  /* ===== CTA ===== */
  .cta{
    background:
      linear-gradient(rgba(58,36,21,.88),rgba(58,36,21,.88)),
      url('https://images.unsplash.com/photo-1493663284031-b7e3aefcae8e?w=1600&q=80') center/cover;
    color:#fff;text-align:center;
  }
  .cta h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:18px}
  .cta p{color:rgba(255,255,255,.85);max-width:600px;margin:0 auto 36px;font-size:16.5px}
  .cta .btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--wood) 100%);font-size:15px;padding:14px 38px}

  /* ===== FOOTER (PREMIUM) ===== */
  footer{
    background:#1a1108;
    color:#c9b89c;
    position:relative;overflow:hidden;
    font-size:14.5px;
  }
  footer::before{
    content:"";position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--wood) 0%,var(--gold) 50%,var(--wood) 100%);
  }
  footer::after{
    content:"";position:absolute;top:-150px;right:-150px;width:500px;height:500px;
    background:radial-gradient(circle,rgba(201,162,106,.08),transparent 70%);
    pointer-events:none;
  }
  .footer-cta{
    background:linear-gradient(135deg,var(--wood) 0%,var(--wood-dark) 100%);
    padding:48px 0;position:relative;overflow:hidden;
    border-bottom:1px solid rgba(201,162,106,.2);
  }
  .footer-cta::before{
    content:"";position:absolute;inset:0;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><path d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='%23c9a26a' stroke-width='.5' opacity='.15'/></svg>");
    opacity:.5;
  }
  .footer-cta-inner{
    display:flex;justify-content:space-between;align-items:center;
    gap:30px;flex-wrap:wrap;position:relative;
  }
  .footer-cta-text h3{color:#fff;font-size:26px;margin-bottom:6px}
  .footer-cta-text p{color:rgba(255,250,243,.8);font-size:14.5px}
  .newsletter{display:flex;gap:0;max-width:460px;width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .newsletter input{
    flex:1;padding:14px 18px;border:none;background:transparent;
    color:var(--ink);font-size:14px;outline:none;font-family:inherit;
  }
  .newsletter button{
    background:var(--wood-darker);color:var(--gold-light);
    border:none;padding:0 24px;font-weight:600;font-size:14px;
    cursor:pointer;letter-spacing:1px;transition:background .3s;
  }
  .newsletter button:hover{background:#000}

  .footer-main{padding:80px 0 50px;position:relative;z-index:2}
  .footer-grid{
    display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;
    gap:50px;
  }
  .footer-brand .logo{color:#fff;font-size:30px;margin-bottom:20px}
  .footer-brand .logo span{color:var(--gold)}
  .footer-brand p{color:#9c8a73;line-height:1.7;margin-bottom:24px;font-size:14px}
  .footer-social{display:flex;gap:12px}
  .footer-social a{
    width:40px;height:40px;border-radius:50%;
    background:rgba(201,162,106,.1);border:1px solid rgba(201,162,106,.2);
    display:flex;align-items:center;justify-content:center;
    color:var(--gold-light);transition:all .3s;font-size:15px;
  }
  .footer-social a:hover{
    background:var(--gold);color:var(--wood-darker);
    transform:translateY(-3px);border-color:var(--gold);
  }
  .footer-col h4{
    color:#fff;font-size:16px;margin-bottom:24px;
    font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.5px;
    position:relative;padding-bottom:12px;
  }
  .footer-col h4::after{
    content:"";position:absolute;bottom:0;left:0;
    width:30px;height:2px;background:var(--gold);
  }
  .footer-col ul{list-style:none}
  .footer-col li{margin-bottom:12px}
  .footer-col a{
    color:#9c8a73;font-size:14px;transition:all .25s;
    display:inline-flex;align-items:center;gap:8px;
  }
  .footer-col a:hover{color:var(--gold-light);transform:translateX(4px)}
  .footer-col a i{font-size:11px;color:var(--gold)}
  .contact-list li{display:flex;align-items:flex-start;gap:14px;color:#9c8a73;line-height:1.6}
  .contact-list i{
    color:var(--gold);margin-top:4px;width:18px;text-align:center;flex-shrink:0;
  }
  .contact-list .c-label{display:block;color:#5a4d3d;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}
  .contact-list a{color:#c9b89c}
  .contact-list a:hover{color:var(--gold-light)}

  .footer-showcase{
    background:rgba(201,162,106,.06);
    border:1px solid rgba(201,162,106,.15);
    border-radius:14px;padding:24px;margin-top:20px;
  }
  .footer-showcase h5{
    color:var(--gold-light);font-size:14px;letter-spacing:1.5px;
    text-transform:uppercase;margin-bottom:14px;font-family:'Inter',sans-serif;
  }
  .showcase-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .showcase-imgs div{
    aspect-ratio:1;border-radius:8px;overflow:hidden;
    background:linear-gradient(135deg,var(--wood),var(--wood-darker));
  }
  .showcase-imgs div:nth-child(2){background:linear-gradient(135deg,#8a5a3b,#3a2415)}
  .showcase-imgs div:nth-child(3){background:linear-gradient(135deg,#c9a26a,#5b3a23)}
  .showcase-imgs div:nth-child(4){background:linear-gradient(135deg,#3a2415,#8a5a3b)}
  .showcase-imgs div:nth-child(5){background:linear-gradient(135deg,#5b3a23,#c9a26a)}
  .showcase-imgs div:nth-child(6){background:linear-gradient(135deg,#8a5a3b,#c9a26a)}

  .footer-bottom{
    border-top:1px solid rgba(201,162,106,.15);
    padding:24px 0;position:relative;z-index:2;
  }
  .footer-bottom-inner{
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:16px;
  }
  .footer-bottom-inner p{color:#5a4d3d;font-size:13.5px}
  .footer-bottom-inner p .heart{color:var(--gold)}
  /* Güvenli Ödeme Altyapısı - Tüm logolar eşit hizada temiz bir band */
  .footer-payments{display:flex;gap:10px;align-items:center;justify-content:center;color:#5a4d3d;font-size:13px;flex-wrap:wrap;margin-top:10px}
  .footer-payments > span:first-child{color:var(--wood-dark);font-weight:600;font-size:13px;margin-right:4px}
  .pay-icon{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    background:#fff;padding:0 10px;height:34px;border-radius:6px;
    font-size:11px;font-weight:700;letter-spacing:.5px;color:#3a2f22;
    border:1px solid rgba(201,162,106,.25);
    transition:transform .2s, box-shadow .2s;line-height:1;
  }
  .pay-icon:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
  .pay-icon i{font-size:16px;color:#3a2f22}
  /* iyzico marka logosu (PNG) - orijinal footer logo bandı */
  .pay-brand{padding:0;border-radius:6px;line-height:0;text-decoration:none;display:inline-flex;align-items:center;transition:transform .2s;overflow:hidden;height:34px;background:#fff;border:1px solid rgba(201,162,106,.25);padding:0 8px}
  .pay-brand:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
  .pay-brand-iyzico img{display:block;height:28px;width:auto}
  .pay-sep{color:rgba(201,162,106,.4);font-weight:300;margin:0 -2px;user-select:none}
  /* Kart marka logoları (SVG) - tek tip kutu */
  .pay-card-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;padding:0 8px;border-radius:6px;border:1px solid rgba(201,162,106,.25);height:34px;transition:transform .2s, box-shadow .2s;min-width:50px}
  .pay-card-logo:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
  .pay-card-logo svg{display:block;height:22px;width:auto}

  /* ===== RESPONSIVE ===== */
  @media (max-width: 1280px){
    .nav-links > a{padding:8px 12px !important;font-size:13.5px !important}
    .nav-utility{margin-left:4px}
  }
  @media (max-width: 1180px){
    .nav-divider{display:none}
    /* nav-utility her zaman görünür (sepet + favori için) */
    .nav-utility{display:flex !important}
  }
  @media (max-width: 1024px){
    .nav-links > a:not(.btn-primary):not(.btn-ghost-nav):not(.btn-outline){padding:8px 10px !important;font-size:13px !important}
  }
  @media (max-width: 900px){
    .nav-links{display:none}
    .menu-btn{display:flex}
    .logo-text small{display:none}
    .about-grid{grid-template-columns:1fr;gap:50px}
    .about-img img{height:420px}
    .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
    .process-step:not(:last-child)::after{display:none}
    .slide-stats{gap:28px}
    .slide-content{padding:50px 0}
    .slide-content p{font-size:16px}
    section{padding:80px 0}
  }
  @media (max-width: 680px){
    .topbar{padding:9px 0;font-size:11.5px}
    .topbar-left{justify-content:center;text-align:center;width:100%}
    .topbar-right{justify-content:center;width:100%;gap:14px}
    .footer-grid{grid-template-columns:1fr;gap:40px}
    .footer-cta-inner{flex-direction:column;text-align:center}
    .footer-cta{padding:36px 0}
    .newsletter{flex-direction:row}
    .newsletter input{padding:12px 14px;font-size:13px}
    .newsletter button{padding:0 18px;font-size:12.5px;letter-spacing:.5px}
    section{padding:60px 0}
    .about-features{grid-template-columns:1fr}
    .slide-stats{flex-wrap:wrap;gap:18px 28px}
    .stat-num{font-size:28px}
    .stat-label{font-size:11px;letter-spacing:1.5px}
    .slider-nav{bottom:18px;padding:6px 14px;gap:14px}
    .slider-arrow{width:28px;height:28px;font-size:11px}
    .slider-dot{width:5px;height:5px}
    .slider-dot.active{width:18px}
    .container{padding:0 20px}
    .section-head{margin-bottom:46px}
    .cat-grid{grid-template-columns:1fr 1fr;gap:16px}
    .cat-card{aspect-ratio:4/5}
    .cat-overlay{padding:18px}
    .cat-overlay h3{font-size:18px}
    .cat-overlay p{font-size:11px}
    .about-img img{height:340px}
    .prod-grid{grid-template-columns:1fr}
    .process-grid{grid-template-columns:1fr 1fr;gap:24px}
    .step-num{width:64px;height:64px;font-size:26px}
    .test-grid{grid-template-columns:1fr}
    .test-card{padding:28px 24px}
  }
  @media (max-width: 420px){
    .cat-grid{grid-template-columns:1fr}
    .process-grid{grid-template-columns:1fr}
  }


/* === GENİŞLETİLMİŞ MOBİL UYUMLULUK === */
@media (max-width: 768px) {
  /* Genel grid düzeni */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:1.2fr 1fr"],
  [style*="grid-template-columns: 1.2fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* Büyük başlıklar */
  h1[style*="font-size:36"], h1[style*="font-size: 36"] {
    font-size: 26px !important;
  }
  [style*="font-size:42"], [style*="font-size: 42"] {
    font-size: 30px !important;
  }
  /* Padding */
  section[style*="padding:60px"] {
    padding: 30px 0 !important;
  }
  /* Top bar gizle (sadece header + nav) */
  .topbar { display: none !important; }
  /* Container padding */
  .container { padding-left: 14px !important; padding-right: 14px !important; }
  /* Navbar logo */
  .logo-text { font-size: 16px !important; }
  .logo-text small { display: none !important; }
  /* Nav link gizle, hamburger göster */
  .nav-links { display: none !important; }
  .menu-btn { display: inline-flex !important; }
  .nav-utility { gap: 8px !important; }
  /* Section head */
  .section-head h2 { font-size: 22px !important; }
  /* Slider */
  .slide-content h1 { font-size: 30px !important; }
  .slide-content p { font-size: 14px !important; }
  .slide-stats { flex-direction: column !important; gap: 10px !important; }
  /* Hero */
  .hero { min-height: 60vh !important; }
  /* Quick cats */
  .quick-cats { gap: 8px !important; padding-bottom: 6px !important; }
  .quick-cats a { min-width: 70px !important; padding: 10px !important; }
  /* Product card */
  .prod-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .prod-info h3 { font-size: 12px !important; }
  .prod-info p { font-size: 11px !important; }
  /* Footer */
  .footer-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
  /* CTA */
  .cta h2 { font-size: 24px !important; }
  /* Hakkımızda */
  .about-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
  /* Süreç */
  .process-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
  /* Forms */
  .input-wrap input, .input-wrap select, .input-wrap textarea {
    font-size: 16px !important; /* iOS zoom engeli */
  }
}

@media (max-width: 480px) {
  .prod-grid { grid-template-columns: 1fr 1fr !important; }
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  [style*="font-size:36"] { font-size: 22px !important; }
  [style*="font-size:42"] { font-size: 24px !important; }
  .process-grid { grid-template-columns: 1fr !important; }
  .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
}

/* === TABLET === */
@media (min-width: 769px) and (max-width: 1024px) {
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }
  .container { max-width: 100% !important; padding: 0 20px !important; }
}

/* Sepete ekleme toast animasyonu */
@keyframes slideIn { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes drawerIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
.cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 360px; max-width: 90vw; background: #fff; box-shadow: -10px 0 40px rgba(0,0,0,.15); z-index: 10000; transform: translateX(100%); transition: transform .3s; display: flex; flex-direction: column; }
.cart-drawer.open { transform: translateX(0); }
.cart-drawer-head { padding: 20px; background: var(--wood-darker); color: #fff; display: flex; justify-content: space-between; align-items: center; }
.cart-drawer-body { flex: 1; overflow-y: auto; padding: 20px; }
.cart-drawer-foot { padding: 20px; border-top: 1px solid var(--line); }

/* ====================================================================
   KAPSAMLI MOBİL UYUMLULUK - TÜM SAYFALAR
   ==================================================================== */

/* MOBİL CİHAZLAR (max-width: 768px) */
@media (max-width: 768px) {
  
  /* === TEMEL === */
  html { font-size: 14px; -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  .container { padding-left: 14px !important; padding-right: 14px !important; max-width: 100% !important; }
  img { max-width: 100%; height: auto; }
  
  /* === TOP BAR (MOBİLDE GİZLİ) === */
  .topbar { display: none !important; }
  
  /* === NAVBAR === */
  .navbar { padding: 8px 0 !important; }
  .nav-inner { gap: 8px !important; flex-wrap: nowrap !important; }
  .logo-mark { width: 36px !important; height: 36px !important; font-size: 16px !important; }
  .logo-text { font-size: 15px !important; line-height: 1.1 !important; }
  .logo-text small { display: none !important; }
  .logo-text span { display: block !important; }
  .nav-links { display: none !important; }
  .menu-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 38px; height: 38px; background: transparent; border: none; font-size: 20px; color: var(--ink, #2b2118); cursor: pointer; }
  .nav-utility { display: flex !important; gap: 6px !important; margin-left: auto; align-items: center; }
  .nav-utility .util-btn { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; }
  .nav-utility .lang-switcher { display: none !important; }
  
  /* === MOBILE MENU (YAN PANEL) === */
  .mobile-menu { width: 85vw !important; max-width: 320px !important; padding: 20px; }
  .mobile-menu-head .logo-text { display: inline !important; font-size: 18px !important; }
  .mobile-menu nav a { padding: 12px 0; font-size: 15px; }
  .mobile-member-item { padding: 12px !important; }
  
  /* === HERO / SLIDER === */
  .hero { min-height: 50vh !important; }
  .slide-content h1 { font-size: 26px !important; line-height: 1.15 !important; }
  .slide-content p { font-size: 13px !important; margin: 10px 0 !important; }
  .slide-num { font-size: 11px !important; padding: 3px 10px !important; }
  .slide-actions { flex-direction: column !important; gap: 8px !important; }
  .slide-actions a { width: 100% !important; padding: 12px !important; text-align: center; }
  .slide-stats { flex-direction: column !important; gap: 12px !important; align-items: flex-start !important; }
  .stat-num { font-size: 22px !important; }
  .slider-arrow { width: 32px !important; height: 32px !important; font-size: 12px !important; }
  .slider-dots { gap: 6px !important; }
  
  /* === HIZLI KATEGORİLER === */
  .quick-cats { gap: 8px !important; padding: 0 0 4px 0 !important; -webkit-overflow-scrolling: touch; }
  .quick-cats a { min-width: 70px !important; padding: 8px 6px !important; }
  .quick-cats i { font-size: 18px !important; }
  .quick-cats span { font-size: 11px !important; }
  
  /* === MARKA BÖLÜMÜ === */
  .brands-grid, [style*="grid-template-columns:repeat(auto-fit,minmax(140px"] {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
  
  /* === KATEGORİLER (CAT-GRID) === */
  .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .cat-card { aspect-ratio: 4/5 !important; }
  .cat-overlay h3 { font-size: 16px !important; }
  .cat-overlay p { font-size: 11px !important; }
  
  /* === ÜRÜN KARTLARI (PROD-GRID) === */
  .prod-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .prod-card { border-radius: 8px !important; }
  .prod-img { aspect-ratio: 1/1 !important; }
  .prod-tag { font-size: 9px !important; padding: 3px 6px !important; top: 6px !important; left: 6px !important; }
  .prod-cat { font-size: 10px !important; }
  .prod-info { padding: 10px !important; }
  .prod-info h3 { font-size: 12px !important; line-height: 1.3 !important; min-height: 32px; }
  .prod-info p { font-size: 10px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .prod-foot { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  .prod-price { font-size: 14px !important; }
  .prod-link { font-size: 11px !important; }
  
  /* === ÜRÜN DETAY SAYFASI === */
  section[style*="grid-template-columns:1.2fr 1fr"],
  section [style*="grid-template-columns:1.2fr 1fr"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  [style*="grid-template-columns: 1.2fr 1fr"],
  [style*="grid-template-columns:1.2fr 1fr"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  h1[style*="font-size:36"], h1[style*="font-size: 36"] { font-size: 22px !important; }
  [style*="font-size:42"], [style*="font-size: 42"] { font-size: 24px !important; }
  [style*="font-size:38"], [style*="font-size: 38"] { font-size: 24px !important; }
  [style*="font-size:32"], [style*="font-size: 32"] { font-size: 20px !important; }
  [style*="font-size:28"], [style*="font-size: 28"] { font-size: 18px !important; }
  [style*="grid-template-columns:repeat(4,1fr)"], [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:repeat(3,1fr)"], [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  
  /* Butonlar mobilde tam genişlik */
  [style*="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px"] { flex-direction: column !important; }
  [style*="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px"] > * { width: 100% !important; min-width: 0 !important; }
  [style*="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px"] > a, [style*="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px"] > button { text-align: center; }
  
  /* === SEPET & ÖDEME === */
  .cart-table, table.cart-items { font-size: 12px !important; }
  .cart-table img, table.cart-items img { width: 50px !important; height: 50px !important; }
  [style*="grid-template-columns:1.5fr 1fr"], [style*="grid-template-columns: 1.5fr 1fr"] { grid-template-columns: 1fr !important; }
  
  /* === BLOG === */
  .blog-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .blog-card img { height: 180px !important; }
  
  /* === HAKKIMIZDA === */
  .about-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
  .about-img img { height: 240px !important; }
  .about-features { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .feat-icon { width: 40px !important; height: 40px !important; font-size: 16px !important; }
  
  /* === SÜREÇ ADIMLARI === */
  .process-grid { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  .step-num { width: 50px !important; height: 50px !important; font-size: 20px !important; }
  .process-step h4 { font-size: 14px !important; }
  .process-step p { font-size: 12px !important; }
  
  /* === TESTIMONIALS === */
  .test-grid { grid-template-columns: 1fr !important; }
  .test-card { padding: 20px 18px !important; }
  
  /* === CTA === */
  .cta h2 { font-size: 22px !important; }
  .cta p { font-size: 14px !important; }
  .cta a { width: 100% !important; max-width: 280px; text-align: center; }
  
  /* === FOOTER === */
  .footer-cta-inner { flex-direction: column !important; text-align: center; gap: 16px !important; }
  .footer-cta h3 { font-size: 20px !important; }
  .footer-cta .newsletter { flex-direction: column !important; max-width: 100% !important; }
  .footer-cta .newsletter input { width: 100% !important; border-radius: 8px !important; margin-bottom: 8px; }
  .footer-cta .newsletter button { width: 100% !important; border-radius: 8px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 30px !important; text-align: center; }
  .footer-brand .logo { justify-content: center; }
  .footer-social { justify-content: center !important; }
  .footer-col h4 { font-size: 15px !important; margin-bottom: 12px; }
  .footer-col ul li a { font-size: 13px !important; padding: 6px 0; display: inline-flex; }
  .footer-contact { grid-template-columns: 1fr !important; gap: 12px !important; text-align: center; }
  .footer-bottom-inner { flex-direction: column !important; text-align: center !important; gap: 14px !important; }
  .footer-payments { justify-content: center; flex-wrap: wrap; }
  
  /* === FORM ALANLARI === */
  .input-wrap input, .input-wrap select, .input-wrap textarea,
  input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="number"], select, textarea {
    font-size: 16px !important; /* iOS zoom engeli */
  }
  .form-row, [style*="display:grid;grid-template-columns:repeat(2"] { grid-template-columns: 1fr !important; }
  .form-actions { flex-direction: column-reverse !important; gap: 8px !important; }
  .form-actions > * { width: 100% !important; }
  
  /* === TABLO MOBİLDE KART GÖRÜNÜMÜ === */
  table.responsive, .table-responsive { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  table.responsive th, table.responsive td { padding: 8px 6px !important; font-size: 12px !important; }
  
  /* === BUTONLAR === */
  .btn, .btn-primary, .btn-outline, button[type="submit"], input[type="submit"] {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
  
  /* === BREADCRUMB === */
  [style*="padding:30px 0;font-size:13px"] { padding: 12px 0 !important; font-size: 12px !important; }
  [style*="padding:30px 0;font-size:13px"] a, [style*="padding:30px 0;font-size:13px"] span { font-size: 12px !important; }
  
  /* === SECTION PADDING === */
  section[style*="padding:60px"] { padding: 30px 0 !important; }
  section[style*="padding:80px"] { padding: 40px 0 !important; }
  section[style*="padding:50px"] { padding: 28px 0 !important; }
  
  /* === ALERT / FLASH === */
  .alert { font-size: 13px !important; padding: 12px !important; }
  
  /* === MODAL === */
  [id$="Popup"] > div { max-width: 92vw !important; padding: 24px !important; margin: 0 14px !important; }
  [id$="Popup"] h3 { font-size: 20px !important; }
  
  /* === COOKIE BANNER === */
  [id="cookieConsent"] > div > div:first-child { flex-direction: column !important; align-items: stretch !important; }
  [id="cookieConsent"] button { width: 100% !important; }
  
  /* === STICKY BOTTOM BAR (SEPET/SSS) === */
  [style*="position:fixed;bottom:0"] { padding: 14px !important; }
  
  /* === ÜRÜN DETAY BREADCRUMB === */
  .breadcrumb { padding: 10px 0 !important; font-size: 12px; }
  
  /* === SAYFALAMA === */
  .pagination, [style*="display:flex;justify-content:center;gap:8px"] { flex-wrap: wrap; gap: 6px !important; }
  .pagination a, .pagination span { width: 36px !important; height: 36px !important; font-size: 13px !important; }
  
  /* === SSS ACCORDION === */
  .faq-item { padding: 14px !important; }
  .faq-item h3 { font-size: 14px !important; }
  
  /* === CART DRAWER === */
  .cart-drawer { width: 92vw !important; max-width: 380px; }
  .cart-drawer-head { padding: 14px 16px !important; }
  .cart-drawer-head h3 { font-size: 16px !important; }
  .cart-drawer-body { padding: 14px !important; }
  .cart-drawer-foot { padding: 14px !important; }
  .cart-drawer-foot a { width: 100% !important; text-align: center; }
  
  /* === ADMIN LOGIN === */
  .login-wrap, .login-container { grid-template-columns: 1fr !important; }
  .login-left, .login-right { padding: 30px 20px !important; min-height: auto !important; }
  .login-left { display: none !important; }
  .login-box { max-width: 100% !important; }
  .login-box input { font-size: 16px !important; }
}

/* ÇOK KÜÇÜK EKRANLAR (max-width: 480px) */
@media (max-width: 480px) {
  html { font-size: 13px; }
  .container { padding-left: 12px !important; padding-right: 12px !important; }
  .logo-text { font-size: 13px !important; }
  .logo-mark { width: 32px !important; height: 32px !important; }
  h1, h1[style*="font-size:36"], h1[style*="font-size: 42"] { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  h3 { font-size: 16px !important; }
  .prod-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .cat-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .process-grid { grid-template-columns: 1fr !important; }
  .about-features { grid-template-columns: 1fr !important; }
  .slide-content h1 { font-size: 22px !important; }
  .quick-cats a { min-width: 60px !important; padding: 6px 4px !important; }
  .quick-cats span { font-size: 10px !important; }
  .step-num { width: 44px !important; height: 44px !important; font-size: 18px !important; }
  .footer-cta h3 { font-size: 18px !important; }
  [style*="grid-template-columns:repeat(4,1fr)"], [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
}

/* TABLET (min-width: 769px and max-width: 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .container { max-width: 100% !important; padding: 0 18px !important; }
  [style*="grid-template-columns:1.2fr 1fr"], [style*="grid-template-columns: 1.2fr 1fr"] { grid-template-columns: 1fr 1fr !important; }
  .prod-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .cat-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .footer-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .about-features { grid-template-columns: repeat(2, 1fr) !important; }
  .process-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

/* === YATAY MOBİL (LANDSCAPE) === */
@media (max-width: 900px) and (orientation: landscape) {
  .hero { min-height: 80vh !important; }
  .mobile-menu { overflow-y: auto; }
}

/* === TOUCH DEVICE OPTİMİZASYONU === */
@media (hover: none) and (pointer: coarse) {
  /* Buton ve link tıklama alanlarını büyüt */
  .util-btn, .menu-btn { min-width: 44px; min-height: 44px; }
  input, select, textarea, button { font-size: 16px; }
  .prod-card a, .cat-card { -webkit-tap-highlight-color: rgba(201,162,106,.2); }
}

/* === MOBİL FAB SEPET === */
.mobile-fab-cart {
  position: fixed;
  bottom: 20px;
  right: 16px;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--wood), var(--wood-darker));
  color: #fff;
  border-radius: 50%;
  display: none;  /* Desktop'ta gizli */
  align-items: center;
  justify-content: center;
  font-size: 22px;
  z-index: 99999;
  box-shadow: 0 6px 20px rgba(58, 36, 21, 0.35);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  border: 3px solid #fff;
}
.mobile-fab-cart:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 24px rgba(58, 36, 21, 0.45);
  color: #fff;
}
.mobile-fab-cart:active {
  transform: scale(0.95);
}
.mobile-fab-cart .mobile-fab-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 24px;
  height: 24px;
  background: #ef4444;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .mobile-fab-cart { display: flex !important; }
  body.product-page .mobile-fab-cart { display: none !important; } /* Ürün sayfasında sticky cart var */
}