/* === index.php original style section 1 === */

  .seo-breadcrumb{
    display:flex;flex-wrap:wrap;gap:7px;align-items:center;
    margin:14px 0 6px;color:#667085;font-size:13px;line-height:1.4;
  }
  .seo-breadcrumb a{color:#475467;text-decoration:none;font-weight:750}
  .seo-breadcrumb a:hover{color:#ef4f86}
  .seo-breadcrumb-sep{color:#b3bac5}
  .site-footer{
  background:#0f172a;
  color:#fff;
  margin-top:60px;
}
.footer-inner{
  max-width:1400px;
  margin:auto;
  padding:40px 20px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}
.footer-col h4{
  margin-bottom:12px;
  font-size:16px;
}
.footer-col a{
  display:block;
  color:#cbd5e1;
  margin-bottom:8px;
  font-size:14px;
  text-decoration:none;
}
.footer-col a:hover{
  color:#fff;
}
.footer-col p{
  font-size:14px;
  color:#cbd5e1;
}
.footer-bottom{
  text-align:center;
  padding:14px;
  background:#020617;
  font-size:12px;
}
@media(max-width:768px){
      .category-showcase-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:14px !important;
      }

  .footer-inner{
    grid-template-columns:1fr 1fr;
  }

  .showcase-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .showcase-item{
    min-width:0;
    width:auto !important;
    grid-column:auto !important;
  }
  .showcase-thumb{
    aspect-ratio:1 / 1;
  }
  .showcase-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
}
    *{box-sizing:border-box}
    :root{
      --primary:#ef4f86;
      --primary-dark:#d93d73;
      --text:#172033;
      --muted:#667085;
      --bg:#f6f7fb;
      --card:#fff;
      --border:#ebedf4;
      --dark:#101827;
      --shadow:0 14px 34px rgba(15,23,42,.07);
      --soft-shadow:0 8px 24px rgba(15,23,42,.05);
      --radius-xl:30px;
      --radius-lg:24px;
      --radius-md:18px;
      --success:#25D366;
      --warning-bg:#fff8eb;
      --warning-border:#f1cf84;
      --warning-text:#946200;
      --nav-h:92px;
    }
    html,body{
      margin:0;
      padding:0;
      font-family:'Inter', Arial, sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(255,182,214,.18), transparent 22%),
        radial-gradient(circle at top right, rgba(195,181,253,.18), transparent 24%),
        linear-gradient(180deg,#fbfbfe 0%,#f6f7fb 100%);
      -webkit-text-size-adjust:100%;
    }
    body{
      padding-bottom:110px;
      letter-spacing:-0.01em;
    }
    a{text-decoration:none;color:inherit}
    button,input,textarea{font-family:inherit}
    .site-header{
      position:sticky;
      top:0;
      z-index:1200;
      background:rgba(255,255,255,.95);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(235,237,244,.96);
      box-shadow:0 8px 22px rgba(15,23,42,.04);
    }
    .header-inner{
      max-width:1540px;
      margin:0 auto;
      min-height:var(--nav-h);
      padding:14px 24px;
      display:grid;
      grid-template-columns:auto minmax(320px,1fr) auto;
      gap:18px;
      align-items:center;
    }
    .brand{
      display:flex;
      align-items:center;
      min-width:0;
      padding-right:8px;
    }
    .brand-logo-only{
      display:block;
      max-height:72px;
      width:auto;
      object-fit:contain;
      flex-shrink:0;
      filter:drop-shadow(0 6px 14px rgba(15,23,42,.10));
    }
    .brand-fallback{
      width:58px;
      height:58px;
      border-radius:18px;
      background:linear-gradient(135deg,#ff6fa0,#ef4f86);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:26px;
      font-weight:900;
      flex-shrink:0;
      box-shadow:0 12px 24px rgba(239,79,134,.22);
    }
    .brand-text,
    .brand-title,
    .brand-sub{
      display:none;
    }
    .header-search{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    .search-wrap{
      position:relative;
      flex:1;
      min-width:0;
    }
    .search-icon{
      position:absolute;
      left:18px;
      top:50%;
      transform:translateY(-50%);
      font-size:18px;
      color:#8d95a8;
      pointer-events:none;
      z-index:2;
    }
    .search-input{
      width:100%;
      height:60px;
      border:1px solid #ebe7f4;
      border-radius:20px;
      background:#fff;
      padding:0 18px 0 48px;
      font-size:16px;
      font-weight:800;
      color:var(--text);
      outline:none;
      box-shadow:0 10px 24px rgba(15,23,42,.05);
    }
    .search-input:focus{
      border-color:#f4c6d7;
      box-shadow:0 0 0 4px rgba(239,79,134,.08);
    }
    .search-submit{
      width:60px;
      height:60px;
      border:0;
      border-radius:22px;
      background:linear-gradient(180deg,#ff5f97,#ef4f86);
      color:#fff;
      font-size:20px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 14px 28px rgba(239,79,134,.22);
      flex-shrink:0;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .top-link{
      min-height:54px;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:18px;
      border:1px solid #ece7f4;
      background:#fff;
      color:var(--text);
      font-size:14px;
      font-weight:900;
      box-shadow:0 8px 20px rgba(15,23,42,.05);
      white-space:nowrap;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .top-link:hover{
      background:#fcfcff;
    }
    .cart-toggle{
      min-height:54px;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border:0;
      border-radius:18px;
      background:var(--dark);
      color:#fff;
      font-size:14px;
      font-weight:900;
      cursor:pointer;
      white-space:nowrap;
      box-shadow:0 14px 28px rgba(16,24,39,.18);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cart-badge{
      min-width:22px;
      height:22px;
      padding:0 6px;
      border-radius:999px;
      background:#ff5f97;
      color:#fff;
      font-size:11px;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .container{
      max-width:1540px;
      margin:0 auto;
      padding:18px 24px 34px;
    }
    .hero{
      margin-bottom:22px;
    }
    .membership-info-band{
      display:flex;
      align-items:center;
      gap:12px;
      margin:0 0 14px;
      padding:14px 18px;
      border-radius:22px;
      background:linear-gradient(180deg,#fff9ef 0%,#fffdf7 100%);
      border:1px solid #f3d5a0;
      box-shadow:0 10px 24px rgba(15,23,42,.05);
      color:#8a5b00;
    }
    .membership-info-band-icon{
      width:38px;
      height:38px;
      border-radius:12px;
      background:#fff1cc;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      font-size:18px;
    }
    .membership-info-band-text{
      font-size:14px;
      font-weight:900;
      line-height:1.55;
    }
    .cash-discount-band{
      display:flex;
      align-items:center;
      gap:12px;
      margin:0 0 14px;
      padding:14px 18px;
      border-radius:22px;
      background:linear-gradient(180deg,#ecfff4 0%,#f8fffb 100%);
      border:1px solid #b9ebc8;
      box-shadow:0 10px 24px rgba(15,23,42,.05);
      color:#146c2e;
    }
    .cash-discount-band-icon{
      width:38px;
      height:38px;
      border-radius:12px;
      background:#dcfce7;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      font-size:18px;
      font-weight:900;
    }
    .cash-discount-band-text{
      display:flex;
      flex-direction:column;
      gap:3px;
      font-size:13px;
      line-height:1.45;
      font-weight:800;
    }
    .cash-discount-band-text strong{
      color:#0f5f29;
      font-size:15px;
      font-weight:900;
    }
    .cash-discount-popup-overlay{
      position:fixed;
      inset:0;
      z-index:9999;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(15,23,42,.48);
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
    }
    .cash-discount-popup{
      width:min(420px, 100%);
      border-radius:26px;
      background:#ffffff;
      border:1px solid #b9ebc8;
      box-shadow:0 28px 70px rgba(15,23,42,.28);
      overflow:hidden;
    }
    .cash-discount-popup-head{
      display:flex;
      align-items:flex-start;
      gap:14px;
      padding:20px 20px 16px;
      background:linear-gradient(180deg,#ecfff4 0%,#fff 100%);
    }
    .cash-discount-popup-icon{
      width:52px;
      height:52px;
      border-radius:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      background:#dcfce7;
      color:#15803d;
      font-size:25px;
      font-weight:900;
      border:1px solid #bbf7d0;
    }
    .cash-discount-popup-urgency{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:30px;
      margin:0 0 9px;
      padding:0 12px;
      border-radius:999px;
      background:#fee2e2;
      border:1px solid #fecaca;
      color:#b91c1c;
      font-size:13px;
      line-height:1;
      font-weight:900;
      letter-spacing:.02em;
    }
    .cash-discount-popup-title{
      margin:0;
      color:#14532d;
      font-size:22px;
      line-height:1.15;
      font-weight:900;
      letter-spacing:-.02em;
    }
    .cash-discount-popup-text{
      margin:8px 0 0;
      color:#3f5f49;
      font-size:14px;
      line-height:1.5;
      font-weight:800;
    }
    .cash-discount-popup-text strong{
      color:#b91c1c;
      font-weight:900;
    }
    .cash-discount-popup-body{
      padding:0 20px 20px;
    }
    .cash-discount-popup-note{
      margin:0 0 16px;
      padding:12px 14px;
      border-radius:16px;
      background:#f8fafc;
      border:1px solid #e5e7eb;
      color:#475569;
      font-size:13px;
      line-height:1.45;
      font-weight:800;
    }
    .cash-discount-popup-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .cash-discount-popup-btn{
      min-height:46px;
      border:0;
      border-radius:14px;
      font-size:14px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
    }
    .cash-discount-popup-btn.secondary{
      background:#f3f4f6;
      color:#374151;
    }
    .cash-discount-popup-btn.primary{
      background:#16a34a;
      color:#fff;
    }
    .order-process-home{
      margin:16px 0 0;
      padding:18px;
      border-radius:28px;
      background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,249,239,.98));
      border:1px solid #f2dfb6;
      box-shadow:0 14px 28px rgba(15,23,42,.05);
    }
    .order-process-home-head{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:10px;
    }
    .order-process-home-icon{
      width:42px;
      height:42px;
      border-radius:14px;
      background:#fff1cc;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      font-size:20px;
    }
    .order-process-home-head h3{
      margin:0;
      font-size:24px;
      line-height:1.1;
      color:#3f2a12;
      font-weight:900;
      letter-spacing:-0.02em;
    }
    .order-process-home-text{
      margin:0 0 14px;
      color:#6b4b16;
      font-size:14px;
      line-height:1.65;
      font-weight:800;
    }
    .order-process-home-steps{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:12px;
    }
    .order-process-home-step{
      background:#fff;
      border:1px solid #f2e6c8;
      border-radius:20px;
      padding:14px;
    }
    .order-process-home-step-no{
      width:30px;
      height:30px;
      border-radius:999px;
      background:linear-gradient(180deg,#ff7eac,#ef4f86);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:13px;
      font-weight:900;
      margin-bottom:10px;
    }
    .order-process-home-step h4{
      margin:0 0 6px;
      font-size:15px;
      line-height:1.25;
      color:#1f2937;
      font-weight:900;
    }
    .order-process-home-step p{
      margin:0;
      font-size:13px;
      line-height:1.55;
      color:#667085;
      font-weight:700;
    }
    .hero-main{
      position:relative;
      height:clamp(220px, 28vw, 400px);
      min-height:unset;
      border-radius:34px;
      overflow:hidden;
      background:#eef2f8;
      box-shadow:0 20px 42px rgba(15,23,42,.10);
    }
    .hero-main picture,
    .hero-slide picture{
      display:block;
      width:100%;
      height:100%;
    }
    .hero-main img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center;
      filter:saturate(1.02) contrast(1.02);
    }
    .hero-main-overlay{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:28px;
      background:linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(22,18,32,.14) 100%);
      color:#fff;
    }
    .hero-main-overlay h2{
      margin:0 0 8px;
      font-size:34px;
      line-height:1.08;
      font-weight:900;
      max-width:760px;
      text-shadow:0 4px 18px rgba(0,0,0,.22);
    }
    .hero-main-overlay p{
      margin:0;
      max-width:780px;
      font-size:13px;
      line-height:1.55;
      color:rgba(255,255,255,.96);
      text-shadow:0 2px 10px rgba(0,0,0,.18);
    }
    .hero-main-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-top:14px;
      width:max-content;
      max-width:100%;
      padding:12px 18px;
      border-radius:14px;
      background:#fff;
      color:#111827;
      font-size:14px;
      font-weight:900;
    }
    .hero-slider{
      position:relative;
    }
    .hero-slider-track{
      display:flex;
      width:100%;
      height:100%;
      transition:transform .45s ease;
    }
    .hero-slide{
      min-width:100%;
      height:100%;
      position:relative;
    }
    .hero-slide-link{
      display:block;
      width:100%;
      height:100%;
      text-decoration:none;
      color:inherit;
      cursor:pointer;
    }
    .hero-slide-link.is-disabled{
      cursor:default;
    }
    .hero-slide img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      filter:saturate(1.02) contrast(1.02);
    }
    .hero-slider-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:46px;
      height:46px;
      border:0;
      border-radius:50%;
      background:rgba(255,255,255,.92);
      color:#111827;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      z-index:5;
      box-shadow:0 10px 24px rgba(15,23,42,.16);
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .hero-slider-prev{ left:16px; }
    .hero-slider-next{ right:16px; }
    .hero-slider-dots{
      position:absolute;
      left:50%;
      bottom:16px;
      transform:translateX(-50%);
      display:flex;
      gap:8px;
      z-index:5;
    }
    .hero-slider-dot{
      width:10px;
      height:10px;
      border:0;
      border-radius:50%;
      background:rgba(255,255,255,.55);
      cursor:pointer;
      padding:0;
    }
    .hero-slider-dot.active{
      background:#fff;
      transform:scale(1.15);
    }
    .category-toolbar{
      margin-top:16px;
      padding:8px;
      border-radius:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18));
    }
    .category-grid-modern{
      display:flex;
      gap:14px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:4px 2px 10px;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    .category-grid-modern::-webkit-scrollbar{
      display:none;
    }
    .category-card-modern{
      min-width:max-content;
      height:64px;
      padding:0 18px 0 12px;
      border-radius:20px;
      background:rgba(255,255,255,.96);
      border:1px solid #eee8f6;
      box-shadow:0 10px 24px rgba(15,23,42,.05);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      transition:.2s ease;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .category-card-modern:hover{
      transform:translateY(-2px);
      box-shadow:0 14px 28px rgba(15,23,42,.08);
    }
    .category-card-modern.active{
      background:linear-gradient(135deg,#ff6ea4,#ef4f86);
      border-color:#ef4f86;
      box-shadow:0 14px 30px rgba(239,79,134,.22);
    }
    .category-card-modern.active .category-title{
      color:#fff;
    }
    .category-title{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:15px;
      font-weight:900;
      line-height:1;
      white-space:nowrap;
      color:#2b3242;
    }
    .cat-img{
      width:42px;
      height:42px;
      border-radius:12px;
      object-fit:cover;
      flex-shrink:0;
      border:1px solid #efeaf5;
      box-shadow:0 4px 12px rgba(0,0,0,.10);
      background:#fff;
    }
    .other-categories-box{
      display:none;
      margin-top:12px;
      background:#fff;
      border:1px solid var(--border);
      border-radius:20px;
      padding:16px;
      box-shadow:var(--soft-shadow);
    }
    .other-categories-box.open{ display:block; }
    .other-categories-title{
      font-size:14px;
      font-weight:900;
      color:#475467;
      margin-bottom:12px;
    }
    .other-categories-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
      gap:10px;
    }
    .other-category-link{
      display:flex;
      align-items:center;
      gap:10px;
      padding:12px 14px;
      border-radius:14px;
      background:#fafafe;
      border:1px solid var(--border);
      text-align:left;
      font-size:14px;
      font-weight:800;
    }
    .other-cat-img{
      width:34px;
      height:34px;
      border-radius:10px;
      object-fit:cover;
      flex-shrink:0;
      border:1px solid #efeaf5;
      box-shadow:0 4px 12px rgba(0,0,0,.08);
      background:#fff;
    }
    .other-category-link span{
      line-height:1.2;
    }
    .promo-banners{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin:10px 0 28px;
    }
    .payment-info-banner{
      display:block;
      margin:16px 0 18px;
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 14px 30px rgba(15,23,42,.08);
      border:1px solid #ece7f4;
      background:#fff;
    }
    .payment-info-banner img{
      display:block;
      width:100%;
      height:auto;
    }
    .promo-card{
      position:relative;
      display:block;
      border-radius:28px;
      overflow:hidden;
      min-height:160px;
      box-shadow:0 18px 34px rgba(15,23,42,.12);
      transition:.25s;
      background:#ddd;
      text-decoration:none;
    }
    .promo-card:hover{
      transform:translateY(-4px);
    }
    .promo-bg{
      width:100%;
      height:100%;
      position:absolute;
      inset:0;
      object-fit:cover;
    }
    .promo-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, rgba(197, 31, 89, .10), rgba(0,0,0,0));
      z-index:1;
      pointer-events:none;
    }
    .promo-content{
      position:absolute;
      left:22px;
      top:18px;
      right:22px;
      bottom:18px;
      z-index:2;
      color:#fff;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:flex-start;
    }
    .promo-title-row{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:8px;
    }
    .promo-fire{
      font-size:30px;
      line-height:1;
      filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));
      flex:0 0 auto;
    }
    .promo-content h3{
      margin:0;
      font-size:26px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-0.03em;
      color:#fff;
      text-shadow:0 2px 8px rgba(0,0,0,.16);
    }
    .promo-content p{
      margin:0 0 16px 42px;
      font-size:18px;
      line-height:1.16;
      font-weight:500;
      opacity:.98;
      max-width:280px;
      color:#fff;
      text-shadow:0 2px 6px rgba(0,0,0,.14);
    }
    .promo-btn{
      margin-left:42px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:48px;
      padding:0 22px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(255,110,160,.90) 0%, rgba(239,73,136,.94) 100%);
      color:#fff;
      font-size:20px;
      font-weight:800;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 10px 24px rgba(190,32,95,.22);
      border:2px solid rgba(255,255,255,.20);
    }
    .promo-btn-arrow{
      font-size:24px;
      line-height:1;
      transform:translateY(-1px);
    }
    .category-showcase{
      margin:10px 0 28px;
      padding:18px;
      border-radius:30px;
      background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(249,243,255,.98));
      border:1px solid #eadcf4;
      box-shadow:0 16px 30px rgba(171,132,218,.10);
    }
    .category-showcase-head{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:18px;
    }
    .category-showcase-head img,
    .category-showcase-icon{
      width:60px;
      height:60px;
      border-radius:18px;
      object-fit:cover;
      flex-shrink:0;
      box-shadow:0 10px 22px rgba(15,23,42,.08);
      background:#fff;
      border:1px solid #efe8f5;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:28px;
    }
    .category-showcase-head h2{
      margin:0;
      font-size:30px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-0.03em;
      color:#4a2f72;
    }
    .category-showcase-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:16px;
      align-items:start;
    }
    .showcase-card{
      position:relative;
      display:block;
      border-radius:28px;
      overflow:hidden;
      text-decoration:none;
      border:1px solid #eadcf4;
      background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,243,255,.98));
      box-shadow:0 10px 22px rgba(15,23,42,.05);
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .showcase-card:hover{
      transform:translateY(-4px);
      box-shadow:0 20px 38px rgba(15,23,42,.12);
    }
    
.showcase-card-media{
      position:relative;
      display:block;
      overflow:hidden;
      line-height:0;
      padding:8px;
    }
    .showcase-card-media img{
      width:100%;
      aspect-ratio:1 / 0.82;
      object-fit:cover;
      display:block;
      background:#fff;
      border-radius:22px;
    }
.showcase-card.theme-pink 
.showcase-card.theme-blue 
.showcase-card.theme-yellow 
.showcase-card.theme-purple 
.showcase-card.theme-pink
.showcase-card.theme-blue
.showcase-card.theme-yellow
.showcase-card.theme-purple
.customer-bar{
      margin:0 0 16px;
      background:#fffdf5;
      border:1px solid #f2d7a1;
      color:#8a5b00;
      border-radius:18px;
      padding:14px 16px;
      display:flex;
      gap:10px;
      align-items:center;
      box-shadow:var(--soft-shadow);
    }
    .customer-bar-icon{
      width:36px;
      height:36px;
      border-radius:12px;
      background:#fff4d8;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      font-size:18px;
    }
    .customer-bar-text{
      font-size:14px;
      font-weight:900;
      line-height:1.45;
    }
    .info-notice{
      background:#eef6ff;
      border:1px solid #cfe2ff;
      color:#1d4ed8;
      padding:14px 16px;
      border-radius:18px;
      font-size:14px;
      font-weight:800;
      margin-bottom:16px;
    }
    .panel{
      background:transparent;
      border:0;
      box-shadow:none;
      padding:0;
      margin:0;
    }
    .panel-top{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      margin-bottom:20px;
    }
    .panel-top h2{
      margin:0 0 6px;
      font-size:36px;
      line-height:1.02;
      font-weight:900;
      letter-spacing:-0.04em;
      color:#182132;
    }
    .panel-top p{
      margin:0;
      font-size:15px;
      color:#717b8f;
      font-weight:700;
      line-height:1.55;
    }
    .panel-summary-chip{
      padding:12px 16px;
      border-radius:16px;
      background:#fff4f7;
      border:1px solid #f5d2df;
      color:#ef4f86;
      font-size:13px;
      font-weight:900;
      white-space:nowrap;
    }
    .category-selection-note{
      margin:8px 0 0;
      padding:16px 18px;
      border-radius:20px;
      background:#fff;
      border:1px solid #eee8f6;
      box-shadow:0 12px 26px rgba(15,23,42,.05);
      color:#596173;
      font-size:14px;
      font-weight:800;
      line-height:1.6;
    }
    .category-products-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      margin-bottom:20px;
    }
    .category-products-head h2{
      margin:0 0 8px;
      font-size:34px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-0.04em;
      color:#182132;
    }
    .category-products-head p{
      margin:0;
      color:#667085;
      font-size:14px;
      font-weight:800;
    }
    .category-products-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
    .category-back-link,.category-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;font-size:14px;font-weight:900;}
    .category-back-link{background:#fff;border:1px solid #ece7f4;color:#374151;box-shadow:0 8px 18px rgba(15,23,42,.05);}
    .category-count-chip{background:#fff4f7;border:1px solid #f5d2df;color:#ef4f86;}
    .category-group-filter-wrap{
      margin:-6px 0 18px;
      padding:14px 16px;
      border-radius:22px;
      background:#fff;
      border:1px solid #ece7f4;
      box-shadow:0 12px 26px rgba(15,23,42,.05);
    }
    .category-group-filter-title{
      margin-bottom:10px;
      color:#667085;
      font-size:13px;
      font-weight:900;
    }
    .category-group-filter-scroll{
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding-bottom:3px;
      scrollbar-width:thin;
    }
    .category-group-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:0 16px;
      border-radius:999px;
      background:#f8fafc;
      border:1px solid #e5e7eb;
      color:#182132;
      font-size:14px;
      font-weight:900;
      white-space:nowrap;
      transition:.18s ease;
    }
    .category-group-pill:hover{
      transform:translateY(-1px);
      border-color:#ef4f86;
      color:#ef4f86;
      box-shadow:0 8px 18px rgba(239,79,134,.10);
    }
    .category-group-pill.active{
      background:#ef4f86;
      border-color:#ef4f86;
      color:#fff;
      box-shadow:0 10px 22px rgba(239,79,134,.20);
    }
    .err{
      color:#c62828;
      font-weight:900;
      font-size:15px;
      margin-bottom:12px;
    }
    .products{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:24px;
      margin-top:12px;
    }
    .product-card{
      content-visibility:auto;
      contain-intrinsic-size: 700px;
      background:#fff;
      border:1px solid #ece7f3;
      border-radius:30px;
      overflow:hidden;
      box-shadow:0 16px 32px rgba(15,23,42,.06);
      transition:.2s ease;
      display:flex;
      flex-direction:column;
    }
    .product-card:hover{
      transform:translateY(-4px);
      box-shadow:0 22px 40px rgba(15,23,42,.10);
    }
    .product-image-wrap{
      position:relative;
      padding:16px 16px 0;
      background:#fff;
    }
    .product-image{
      width:100%;
      height:450px;
      display:block;
      object-fit:contain;
      background:#fff;
      border-radius:20px;
      cursor:pointer;
    }
    .fav-dot{
      position:absolute;
      right:24px;
      top:24px;
      width:46px;
      height:46px;
      border-radius:50%;
      background:#fff;
      border:1px solid #f3dde5;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      box-shadow:0 10px 18px rgba(15,23,42,.08);
      pointer-events:none;
    }
    .product-badge-sticker{
      position:absolute;
      left:18px;
      top:18px;
      width:92px;
      height:92px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:10px;
      font-size:13px;
      line-height:1.08;
      font-weight:900;
      letter-spacing:-0.02em;
      text-transform:uppercase;
      box-shadow:0 12px 24px rgba(15,23,42,.20);
      border:3px solid rgba(255,255,255,.92);
      z-index:4;
      pointer-events:none;
      transform:rotate(-8deg);
      overflow:hidden;
    }
    .product-badge-sticker:after{
      content:"";
      position:absolute;
      inset:9px;
      border-radius:999px;
      border:1px dashed rgba(255,255,255,.55);
      pointer-events:none;
    }
    .product-body{
      padding:18px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .product-title{
      margin:0;
      font-size:20px;
      line-height:1.28;
      font-weight:900;
      color:#1d2434;
      min-height:54px;
    }
    .detail-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      margin-top:12px;
      min-height:48px;
      border-radius:16px;
      border:1px solid #eadfff;
      background:#f8f4ff;
      color:#7a3ff0;
      font-size:15px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .detail-btn:hover{
      background:#f3eeff;
    }
    .product-price{
      margin-top:18px;
      font-size:28px;
      font-weight:900;
      color:#121826;
      letter-spacing:-0.04em;
    }
    .product-price-locked{
      margin-top:14px;
      background:#f4f6fb;
      color:#5f6b7a;
      border:1px solid #e5e7ef;
      border-radius:14px;
      padding:12px 13px;
      font-size:13px;
      font-weight:800;
      line-height:1.45;
    }
    .qty-add-row{
      margin-top:14px;
      display:grid;
      grid-template-columns:110px 1fr;
      gap:10px;
      align-items:center;
    }
    .qty-box{
      display:grid;
      grid-template-columns:34px 1fr 34px;
      align-items:center;
      border:1px solid #e7e9f1;
      border-radius:16px;
      background:#fff;
      overflow:hidden;
      min-height:52px;
    }
    .qty-btn{
      height:52px;
      border:0;
      background:#fff;
      color:#445164;
      font-size:22px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
      -webkit-user-select:none;
      user-select:none;
    }
    .qty-btn:hover{
      background:#fafbff;
    }
    .qty-input{
      width:100%;
      height:52px;
      border:0;
      text-align:center;
      font-size:17px;
      font-weight:900;
      color:#111827;
      outline:none;
      background:#fff;
    }
    .add-cart-btn{
      min-height:52px;
      border:0;
      border-radius:16px;
      background:linear-gradient(180deg,#ff5d97,#ef4f86);
      color:#fff;
      font-size:16px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 14px 26px rgba(239,79,134,.22);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .add-cart-btn:hover{
      background:linear-gradient(180deg,#f84a8a,#db3f75);
    }
    @media(max-width:520px){
      .payment-method-options{grid-template-columns:1fr;}
      .payment-method-option{min-height:auto;}
    }
    .hidden-product{ display:none !important; }
    .cart-overlay{
      position:fixed;
      inset:0;
      background:rgba(15,23,42,.40);
      opacity:0;
      visibility:hidden;
      transition:.25s ease;
      z-index:3000;
    }
    .cart-overlay.active{
      opacity:1;
      visibility:visible;
    }
    .cart-drawer{
      position:fixed;
      top:0;
      right:0;
      width:430px;
      max-width:100%;
      height:100vh;
      background:#fff;
      box-shadow:-12px 0 30px rgba(15,23,42,.12);
      z-index:3001;
      transform:translateX(100%);
      transition:.28s ease;
      display:flex;
      flex-direction:column;
    }
    .cart-drawer.active{ transform:translateX(0); }
    .cart-head{
      padding:20px 20px 16px;
      border-bottom:1px solid var(--border);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-shrink:0;
      background:#fff;
    }
    .cart-head h3{
      margin:0;
      font-size:24px;
      line-height:1.1;
    }
    .cart-close{
      width:42px;
      height:42px;
      border:0;
      border-radius:12px;
      background:#f4f6fb;
      color:#111827;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cart-body{
      flex:1;
      overflow:auto;
      padding:14px 16px 120px;
      background:#fff;
    }
    .cart-section{
      margin-bottom:14px;
      border:1px solid var(--border);
      border-radius:18px;
      padding:14px;
      background:#fff;
    }
    .cart-section h4{
      margin:0 0 12px;
      font-size:17px;
    }
    .cart-top-actions{
      display:flex;
      justify-content:flex-end;
      margin-bottom:10px;
    }
    .clear-cart-btn{
      border:1px solid #f0d5dd;
      background:#fff5f8;
      color:#c63d67;
      border-radius:12px;
      padding:10px 14px;
      font-size:13px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cart-summary-empty{
      color:#667085;
      font-size:15px;
      font-weight:700;
    }
    .cart-item{
      display:flex;
      gap:10px;
      padding:10px 0;
      border-bottom:1px solid var(--border);
      align-items:flex-start;
    }
    .cart-item:last-child{ border-bottom:0; }
    .cart-item-image{
      width:58px;
      height:58px;
      border-radius:10px;
      object-fit:cover;
      background:#f4f6fb;
      border:1px solid var(--border);
      flex-shrink:0;
    }
    .cart-item-content{ flex:1; min-width:0; }
    .cart-item-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }
    .cart-item-name{
      font-size:13px;
      font-weight:900;
      line-height:1.35;
      color:var(--text);
      margin-bottom:3px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .cart-item-meta{
      font-size:12px;
      color:#667085;
      font-weight:700;
      line-height:1.4;
    }
    .cart-item-qty{
      display:flex;
      align-items:center;
      gap:6px;
      flex-shrink:0;
    }
    .cart-qty-btn{
      width:28px;
      height:28px;
      border:0;
      border-radius:8px;
      background:var(--primary);
      color:#fff;
      font-size:18px;
      font-weight:900;
      cursor:pointer;
      flex-shrink:0;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cart-qty-input{
      width:44px;
      height:28px;
      border:1px solid #d8dde6;
      border-radius:8px;
      background:#fbfbfd;
      text-align:center;
      font-size:13px;
      font-weight:800;
      outline:none;
      padding:0 4px;
    }
    .cart-item-bottom{
      margin-top:6px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .cart-item-total{
      font-size:12px;
      color:#344054;
      font-weight:800;
    }
    .cart-remove-btn{
      border:1px solid #f1d5db;
      background:#fff5f7;
      color:#cc3f68;
      border-radius:8px;
      padding:6px 9px;
      font-size:11px;
      font-weight:900;
      cursor:pointer;
      white-space:nowrap;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .cart-total-box{
      background:#fff0f4;
      border:1px solid #f2c4d1;
      color:#ef4f86;
      border-radius:16px;
      padding:16px;
      font-size:22px;
      font-weight:900;
      margin-top:14px;
    }
    .cart-payment-summary{
      margin-top:14px;
      background:#fff7fa;
      border:1px solid #f2c4d1;
      border-radius:18px;
      padding:14px;
      display:grid;
      gap:10px;
    }
    .payment-summary-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      font-size:13px;
      color:#667085;
      font-weight:800;
    }
    .payment-summary-row strong{
      color:#18212f;
      font-size:14px;
      font-weight:900;
      text-align:right;
      white-space:nowrap;
    }
    .payment-summary-total{
      margin-top:4px;
      padding-top:12px;
      border-top:1px solid #f2c4d1;
      color:#8d3551;
      align-items:flex-start;
    }
    .payment-summary-total span{
      color:#8d3551;
      font-size:14px;
      line-height:1.35;
    }
    .payment-summary-total strong{
      color:#ef4f86;
      font-size:22px;
      letter-spacing:-0.03em;
      line-height:1.15;
    }
    .payment-summary-row.cash-discount-row span,
    .payment-summary-row.cash-discount-row strong,
    .payment-summary-row.special-offer-discount-row span,
    .payment-summary-row.special-offer-discount-row strong{
      color:#15803d;
    }

    .special-offer-note{
      margin-top:8px;
      padding:10px 12px;
      border-radius:11px;
      background:#fff3f7;
      border:1px solid #f7c9d9;
      color:#b4235a;
      font-size:11px;
      line-height:1.45;
      font-weight:800;
    }
    .shipping-note,
    .payment-extra-note{
      border-radius:13px;
      padding:10px 12px;
      font-size:12px;
      line-height:1.45;
      font-weight:900;
    }
    .shipping-note.success{
      background:#eafaf0;
      border:1px solid #b9ebc8;
      color:#15803d;
    }
    .shipping-note.info{
      background:#fff8eb;
      border:1px solid #f1cf84;
      color:#946200;
    }
    .payment-extra-note{
      background:#f9f7ff;
      border:1px solid #e7defa;
      color:#5a35b1;
    }
    .payment-method-box{
      margin-top:14px;
      padding:14px;
      border:1px solid #e7defa;
      background:#f9f7ff;
      border-radius:16px;
    }
    .payment-method-title{
      font-size:14px;
      font-weight:900;
      color:#3f2f72;
      margin-bottom:10px;
    }
    .payment-method-options{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .payment-method-option{
      display:flex;
      align-items:flex-start;
      gap:9px;
      padding:12px;
      border:1px solid #e7e9f1;
      border-radius:14px;
      background:#fff;
      cursor:pointer;
      min-height:64px;
    }
    .payment-method-option input{
      margin-top:3px;
      accent-color:#ef4f86;
      flex-shrink:0;
    }
    .payment-method-option strong{
      display:block;
      font-size:13px;
      line-height:1.25;
      color:#172033;
      font-weight:900;
    }
    .payment-method-option span{
      display:block;
      margin-top:3px;
      font-size:11px;
      line-height:1.35;
      color:#667085;
      font-weight:700;
    }
    .warning{
      margin-top:14px;
      background:var(--warning-bg);
      border:1px solid var(--warning-border);
      color:var(--warning-text);
      border-radius:14px;
      padding:14px 16px;
      font-size:14px;
      font-weight:900;
    }
    .minimum-order-progress-title{
      line-height:1.45;
    }
    .minimum-order-progress-title strong{
      color:#7a4f00;
      font-size:15px;
      font-weight:950;
    }
    .minimum-order-progress-bar{
      height:9px;
      margin-top:10px;
      overflow:hidden;
      border-radius:999px;
      background:#f4dfad;
      box-shadow:inset 0 1px 2px rgba(122,79,0,.10);
    }
    .minimum-order-progress-fill{
      display:block;
      height:100%;
      width:0;
      border-radius:inherit;
      background:linear-gradient(90deg,#f7b731 0%,#ef4f86 100%);
      transition:width .25s ease;
    }
    .minimum-order-progress-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-top:7px;
      color:#946200;
      font-size:11px;
      font-weight:800;
    }
    .minimum-order-suggestions{
      margin-top:12px;
      padding:13px;
      border:1px solid #f2c9d7;
      border-radius:16px;
      background:linear-gradient(180deg,#fff 0%,#fff7fa 100%);
    }
    .minimum-order-suggestions-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      margin-bottom:10px;
    }
    .minimum-order-suggestions-title{
      color:#172033;
      font-size:14px;
      line-height:1.25;
      font-weight:950;
    }
    .minimum-order-suggestions-subtitle{
      margin-top:3px;
      color:#7a6670;
      font-size:11px;
      line-height:1.35;
      font-weight:700;
    }
    .minimum-order-suggestions-refresh{
      flex:0 0 auto;
      border:1px solid #f2c9d7;
      border-radius:10px;
      background:#fff;
      color:#d93670;
      padding:7px 9px;
      font-size:10px;
      line-height:1;
      font-weight:900;
      cursor:pointer;
      white-space:nowrap;
    }
    .minimum-order-suggestions-refresh:active{
      transform:translateY(1px);
    }
    .minimum-order-suggestion-list{
      display:grid;
      gap:8px;
    }
    .minimum-order-suggestion-card{
      display:grid;
      grid-template-columns:54px minmax(0,1fr) auto;
      align-items:center;
      gap:10px;
      padding:9px;
      border:1px solid #f0e3e8;
      border-radius:13px;
      background:#fff;
      box-shadow:0 5px 16px rgba(23,32,51,.04);
    }
    .minimum-order-suggestion-image{
      width:54px;
      height:54px;
      object-fit:cover;
      border-radius:10px;
      border:1px solid #f0e3e8;
      background:#fff8fb;
    }
    .minimum-order-suggestion-info{
      min-width:0;
    }
    .minimum-order-suggestion-name{
      overflow:hidden;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      color:#172033;
      font-size:12px;
      line-height:1.3;
      font-weight:900;
    }
    .minimum-order-suggestion-price{
      margin-top:4px;
      color:#ef4f86;
      font-size:12px;
      font-weight:950;
    }
    .minimum-order-suggestion-qty{
      margin-top:3px;
      color:#7a6670;
      font-size:10px;
      line-height:1.25;
      font-weight:750;
    }
    .minimum-order-suggestion-btn{
      min-width:76px;
      padding:9px 8px;
      border:0;
      border-radius:11px;
      background:#ef4f86;
      color:#fff;
      font-size:11px;
      line-height:1.2;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 7px 16px rgba(239,79,134,.20);
    }
    .minimum-order-suggestion-btn:active{
      transform:translateY(1px);
    }
    @media (max-width:420px){
      .minimum-order-suggestion-card{
        grid-template-columns:50px minmax(0,1fr) auto;
        gap:8px;
        padding:8px;
      }
      .minimum-order-suggestion-image{
        width:50px;
        height:50px;
      }
      .minimum-order-suggestion-btn{
        min-width:70px;
        padding:8px 7px;
        font-size:10px;
      }
      .minimum-order-suggestions-refresh{
        padding:7px 8px;
        font-size:9px;
      }
    }
    .order-note-wrap{ margin-top:12px; }
    .order-note-wrap textarea{
      width:100%;
      padding:13px 14px;
      border:1px solid #d9dde5;
      border-radius:13px;
      background:#fbfbfd;
      font-size:14px;
      outline:none;
      min-height:90px;
      resize:vertical;
      font-family:'Inter', Arial, sans-serif;
    }
    .cart-footer{
      position:sticky;
      bottom:0;
      left:0;
      right:0;
      padding:12px 16px 16px;
      background:#fff;
      border-top:1px solid var(--border);
      box-shadow:0 -8px 24px rgba(17,24,39,.06);
      flex-shrink:0;
      z-index:5;
    }
    .btn{
      width:100%;
      min-height:50px;
      border:0;
      border-radius:14px;
      background:linear-gradient(180deg,#ff5d97,#ef4f86);
      color:#fff;
      font-size:15px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 12px 24px rgba(239,79,134,.18);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .btn-secondary{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      border-radius:14px;
      background:#fff;
      color:#111827;
      border:1px solid var(--border);
      font-size:14px;
      font-weight:900;
    }
    .btn-success{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      border-radius:14px;
      background:#25D366;
      color:#fff;
      font-size:14px;
      font-weight:900;
      border:0;
    }
    .cart-footer-note{
      font-size:12px;
      color:#667085;
      text-align:center;
      margin-top:10px;
      line-height:1.5;
      font-weight:700;
    }
    .process-note-top{
      background:#fff7fa;
      border:1px solid #f3d4df;
      color:#8d3551;
      border-radius:14px;
      padding:13px 14px;
      margin-bottom:12px;
      font-size:13px;
      line-height:1.55;
      font-weight:800;
    }
    .process-mini-box{
      background:#f9f7ff;
      border:1px solid #e7defa;
      border-radius:16px;
      padding:12px 14px;
      margin-bottom:14px;
    }
    .process-mini-box h5{
      margin:0 0 8px;
      font-size:14px;
      color:#5a35b1;
      font-weight:900;
    }
    .process-mini-box ul{
      margin:0;
      padding-left:18px;
      color:#5f6472;
      font-size:12px;
      line-height:1.5;
      font-weight:700;
    }
    .order-success-box{
      border:1px solid #d8f0df;
      background:#f3fcf6;
      border-radius:20px;
      padding:22px 18px;
      text-align:center;
    }
    .order-success-icon{
      width:68px;
      height:68px;
      border-radius:50%;
      margin:0 auto 14px;
      background:#22c55e;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:34px;
      font-weight:900;
      box-shadow:0 10px 24px rgba(34,197,94,.20);
    }
    .order-success-box h4{
      margin:0 0 8px;
      font-size:24px;
      line-height:1.15;
      color:#0f5132;
    }
    .order-success-box p{
      margin:0;
      color:#4b5563;
      font-size:14px;
      line-height:1.6;
    }
    .order-success-details{
      margin-top:16px;
      border:1px solid #e5e7eb;
      background:#fff;
      border-radius:16px;
      padding:14px;
      text-align:left;
    }
    .order-success-row{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:9px 0;
      border-bottom:1px solid #edf1f5;
      font-size:14px;
    }
    .order-success-row:last-child{ border-bottom:0; }
    .order-success-row span:first-child{
      color:#667085;
      font-weight:700;
    }
    .order-success-row span:last-child{
      color:#18212f;
      font-weight:900;
      text-align:right;
    }
    .success-actions{
      display:grid;
      gap:10px;
      margin-top:18px;
    }
    .order-confirm-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(15,23,42,.52);
      z-index:9998;
    }
    .order-confirm-modal.active{ display:flex; }
    .order-confirm-card{
      width:min(440px, 100%);
      background:#fff;
      border-radius:24px;
      box-shadow:0 28px 70px rgba(15,23,42,.24);
      overflow:hidden;
      border:1px solid #f0d8e2;
    }
    .order-confirm-head{
      padding:20px 20px 14px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      border-bottom:1px solid #f2eef5;
    }
    .order-confirm-head h3{
      margin:0;
      color:#172033;
      font-size:22px;
      line-height:1.18;
      font-weight:900;
      letter-spacing:-0.03em;
    }
    .order-confirm-close{
      width:40px;
      height:40px;
      border:0;
      border-radius:13px;
      background:#f5f6fb;
      color:#111827;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      flex-shrink:0;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .order-confirm-body{
      padding:18px 20px 20px;
    }
    .order-confirm-body p{
      margin:0 0 14px;
      color:#566176;
      font-size:14px;
      line-height:1.6;
      font-weight:700;
    }
    .order-confirm-summary{
      background:#fff6fa;
      border:1px solid #f3cddb;
      border-radius:16px;
      padding:14px;
      display:grid;
      gap:10px;
      margin-bottom:16px;
    }
    .order-confirm-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:#667085;
      font-size:14px;
      font-weight:800;
    }
    .order-confirm-row strong{
      color:#172033;
      font-weight:900;
      text-align:right;
    }
    .order-confirm-warning{
      background:#fff8eb;
      border:1px solid #f1cf84;
      color:#946200;
      border-radius:14px;
      padding:12px 13px;
      font-size:13px;
      line-height:1.5;
      font-weight:800;
      margin-bottom:16px;
    }
    .order-confirm-actions{
      display:grid;
      grid-template-columns:1fr 1.35fr;
      gap:10px;
    }
    .order-confirm-cancel,
    .order-confirm-submit{
      min-height:50px;
      border-radius:15px;
      font-size:14px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .order-confirm-cancel{
      background:#fff;
      border:1px solid #e7eaf2;
      color:#172033;
    }
    .order-confirm-submit{
      border:0;
      background:linear-gradient(180deg,#ff5d97,#ef4f86);
      color:#fff;
      box-shadow:0 14px 28px rgba(239,79,134,.24);
    }
    .order-confirm-submit:disabled,
    .btn:disabled{
      opacity:.72;
      cursor:not-allowed;
      box-shadow:none;
    }
    @media(max-width:480px){
      .order-confirm-actions{ grid-template-columns:1fr; }
      .order-confirm-card{ border-radius:22px; }
    }


    .story-highlights-section{
      position:relative;
      margin:0 0 18px;
      background:rgba(255,255,255,.96);
      border:1px solid #ece7f4;
      border-radius:30px;
      box-shadow:0 16px 34px rgba(15,23,42,.06);
      padding:16px 18px 14px;
      overflow:hidden;
    }
    .story-highlights-track{
      display:flex;
      gap:18px;
      align-items:flex-start;
      overflow-x:auto;
      overflow-y:hidden;
      padding:0 56px 6px 2px;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
      scroll-behavior:smooth;
      scroll-snap-type:x proximity;
    }
    .story-highlights-track::-webkit-scrollbar{display:none;}
    .story-highlights-section.story-highlights-compact{
      display:block;
      width:max-content;
      max-width:100%;
      background:transparent;
      border:0;
      box-shadow:none;
      border-radius:0;
      padding:4px 0 10px;
      margin:0 0 12px;
      overflow:visible;
    }
    .story-highlights-section.story-highlights-compact .story-highlights-track{
      gap:16px;
      padding:0 2px 4px;
      overflow:visible;
    }
    .story-highlights-section.story-highlights-compact .story-scroll-btn{
      display:none;
    }
    .story-highlight-item{
      flex:0 0 auto;
      width:118px;
      border:0;
      background:transparent;
      padding:0;
      cursor:pointer;
      text-align:center;
      color:#344054;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      scroll-snap-align:start;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .story-highlight-ring{
      width:112px;
      height:112px;
      margin:0 auto 12px;
      border-radius:50%;
      padding:2px;
      background:linear-gradient(135deg,#ff8a00 0%,#ff2d8f 52%,#8b5cf6 100%);
      box-shadow:0 12px 24px rgba(239,79,134,.16);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .story-highlight-item:hover .story-highlight-ring{
      transform:translateY(-3px);
      box-shadow:0 18px 30px rgba(239,79,134,.22);
    }
    .story-highlight-inner{
      width:100%;
      height:100%;
      border-radius:50%;
      background:#fff;
      padding:4px;
      overflow:hidden;
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.95);
    }
    .story-highlight-inner img{
      width:100%;
      height:100%;
      border-radius:50%;
      object-fit:cover;
      display:block;
      background:#f8fafc;
    }
    .story-highlight-title{
      display:-webkit-box;
      font-size:13px;
      line-height:1.2;
      font-weight:900;
      color:#344054;
      white-space:normal;
      overflow:hidden;
      text-overflow:ellipsis;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      min-height:32px;
      max-width:100%;
      text-align:center;
      word-break:break-word;
    }
    .story-scroll-btn{
      position:absolute;
      right:14px;
      top:50%;
      transform:translateY(-50%);
      width:48px;
      height:48px;
      border:0;
      border-radius:50%;
      background:rgba(255,255,255,.96);
      color:#111827;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 12px 24px rgba(15,23,42,.14);
      z-index:3;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .story-modal{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(15,23,42,.78);
      z-index:10000;
      backdrop-filter:blur(6px);
    }
    .story-modal.active{display:flex;}
    .story-modal-card{
      position:relative;
      width:min(430px, 100%);
      height:min(760px, 92vh);
      border-radius:28px;
      overflow:hidden;
      background:#080b12;
      box-shadow:0 30px 80px rgba(0,0,0,.42);
      color:#fff;
      display:flex;
      flex-direction:column;
    }
    .story-progress{
      position:absolute;
      left:14px;
      right:14px;
      top:12px;
      display:flex;
      gap:5px;
      z-index:8;
    }
    .story-progress-segment{
      flex:1;
      height:4px;
      border-radius:999px;
      background:rgba(255,255,255,.32);
      overflow:hidden;
    }
    .story-progress-segment span{
      display:block;
      width:0;
      height:100%;
      background:#fff;
      border-radius:999px;
    }
    .story-progress-segment.done span{width:100%;}
    .story-progress-segment.active span{
      width:0;
      animation:storyProgressFill var(--story-duration, 5500ms) linear forwards;
    }
    @keyframes storyProgressFill{
      from{width:0;}
      to{width:100%;}
    }
    .story-modal-top{
      position:absolute;
      left:0;
      right:0;
      top:0;
      z-index:7;
      min-height:96px;
      padding:28px 54px 16px 18px;
      background:linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,0));
      display:flex;
      align-items:center;
      gap:12px;
    }
    .story-modal-cover{
      width:42px;
      height:42px;
      border-radius:50%;
      object-fit:cover;
      border:2px solid rgba(255,255,255,.9);
      background:#fff;
      flex-shrink:0;
    }
    .story-modal-title{
      font-size:15px;
      font-weight:900;
      line-height:1.25;
      text-shadow:0 2px 10px rgba(0,0,0,.45);
    }
    .story-close-btn{
      position:absolute;
      right:12px;
      top:30px;
      z-index:9;
      width:40px;
      height:40px;
      border:0;
      border-radius:14px;
      background:rgba(255,255,255,.16);
      color:#fff;
      font-size:28px;
      font-weight:900;
      cursor:pointer;
      backdrop-filter:blur(8px);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .story-media-wrap{
      position:relative;
      flex:1;
      min-height:0;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#05070d;
    }
    .story-media-wrap img,
    .story-media-wrap video{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      background:#05070d;
    }
    .story-nav-zone{
      position:absolute;
      top:90px;
      bottom:86px;
      width:50%;
      z-index:6;
      border:0;
      background:transparent;
      cursor:pointer;
      padding:0;
    }
    .story-nav-zone.prev{left:0;}
    .story-nav-zone.next{right:0;}
    .story-caption{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:7;
      padding:36px 18px 18px;
      min-height:86px;
      background:linear-gradient(0deg, rgba(0,0,0,.70), rgba(0,0,0,0));
      color:#fff;
      font-size:15px;
      font-weight:800;
      line-height:1.45;
      text-shadow:0 2px 10px rgba(0,0,0,.42);
    }
    .story-caption:empty{display:none;}

    .image-modal{
      display:none;
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.82);
      z-index:9999;
      justify-content:center;
      align-items:center;
      padding:20px;
      flex-direction:column;
      gap:14px;
    }
    .image-modal img{
      max-width:90%;
      max-height:78%;
      border-radius:16px;
      box-shadow:0 10px 30px rgba(0,0,0,.4);
      background:#fff;
      object-fit:contain;
    }
    .image-modal-title{
      color:#fff;
      font-size:20px;
      font-weight:900;
      text-align:center;
      max-width:900px;
      line-height:1.35;
    }
    .close-btn{
      position:absolute;
      top:18px;
      right:28px;
      color:#fff;
      font-size:34px;
      font-weight:900;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .bottom-checkout-bar{
      position:fixed;
      left:18px;
      right:18px;
      bottom:18px;
      z-index:1100;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(10px);
      border:1px solid #ece7f4;
      border-radius:24px;
      box-shadow:0 20px 38px rgba(15,23,42,.14);
      padding:12px 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .checkout-left{
      display:flex;
      align-items:center;
      gap:16px;
      flex-wrap:wrap;
      min-width:0;
    }
    .checkout-total{
      font-size:17px;
      font-weight:900;
      color:#111827;
      white-space:nowrap;
    }
    .checkout-total strong{
      font-size:28px;
      letter-spacing:-0.02em;
    }
    .checkout-guarantees{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      color:#475467;
      font-size:14px;
      font-weight:800;
    }
    .checkout-guarantees span{
      display:inline-flex;
      align-items:center;
      gap:6px;
      white-space:nowrap;
    }
    .checkout-btn{
      min-width:270px;
      min-height:60px;
      border:0;
      border-radius:20px;
      background:linear-gradient(180deg,#ffd95a,#f6bb24);
      color:#1f2937;
      font-size:19px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 16px 30px rgba(246,187,36,.30);
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
      white-space:nowrap;
    }
    .mobile-cart-bar{
      display:none;
    }
    .floating-whatsapp{
      position:fixed;
      right:18px;
      bottom:108px;
      z-index:1250;
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:62px;
      padding:0 18px;
      border-radius:999px;
      background:linear-gradient(180deg,#2fdf74,#25D366);
      color:#fff;
      font-size:15px;
      font-weight:900;
      box-shadow:0 18px 34px rgba(37,211,102,.28);
      border:1px solid rgba(255,255,255,.34);
      text-decoration:none;
      white-space:nowrap;
      animation:whatsappPulse 2.2s ease-in-out infinite;
    }
    .floating-whatsapp:hover{
      transform:translateY(-2px);
      box-shadow:0 22px 38px rgba(37,211,102,.34);
    }
    .floating-whatsapp-icon{
      width:34px;
      height:34px;
      border-radius:50%;
      background:rgba(255,255,255,.18);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      flex-shrink:0;
    }
    .floating-whatsapp-text{
      display:flex;
      flex-direction:column;
      line-height:1.05;
    }
    .floating-whatsapp-text small{
      font-size:11px;
      font-weight:800;
      opacity:.92;
      letter-spacing:.01em;
    }
    .floating-whatsapp-text strong{
      font-size:15px;
      font-weight:900;
    }
    @keyframes whatsappPulse{
      0%,100%{ transform:translateY(0); }
      50%{ transform:translateY(-2px); }
    }

    @media(max-width:1180px){
      .category-showcase-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
      }
    }
    @media(max-width:1240px){
      .products{ grid-template-columns:repeat(3,1fr); }
      .promo-banners{ grid-template-columns:1fr; }
      .category-showcase-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
    }
    @media(max-width:860px){
      :root{ --nav-h:78px; }
      .header-inner{
        grid-template-columns:1fr auto;
        grid-template-areas:
          "brand cart"
          "search search"
          "links links";
        gap:10px;
        padding:10px 12px;
        align-items:center;
        position:relative;
      }
      .brand{ grid-area:brand; min-width:0; }
      .brand-logo-only{ max-height:50px; }
      .brand-fallback{
        width:46px;
        height:46px;
        font-size:20px;
        border-radius:14px;
      }
      .header-search{ grid-area:search; width:100%; gap:8px; }
      .header-actions{
        grid-area:links;
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:8px;
      }
      .header-actions .cart-toggle{ grid-area:cart; }
      .header-actions .cart-toggle{
        position:absolute;
        top:10px;
        right:12px;
        width:auto;
        min-width:160px;
        min-height:44px;
        padding:0 16px;
        border-radius:18px;
        font-size:13px;
      }
      .top-link{
        width:100%;
        min-height:42px;
        font-size:13px;
        border-radius:14px;
      }
      .search-input{
        height:48px;
        border-radius:16px;
        font-size:16px;
        padding-left:42px;
      }
      .search-submit{
        width:48px;
        height:48px;
        border-radius:16px;
        flex:0 0 48px;
        border:1px solid rgba(255,255,255,.18);
      }
      .container{ padding:14px 12px 110px; }
      .membership-info-band{
        gap:10px;
        padding:12px 14px;
        border-radius:18px;
        margin-bottom:12px;
      }
      .membership-info-band-icon{
        width:34px;
        height:34px;
        border-radius:10px;
        font-size:16px;
      }
      .membership-info-band-text{
        font-size:13px;
        line-height:1.5;
      }
      .order-process-home{
        margin-top:14px;
        padding:14px;
        border-radius:22px;
      }
      .order-process-home-head{
        gap:10px;
        margin-bottom:8px;
      }
      .order-process-home-icon{
        width:36px;
        height:36px;
        border-radius:12px;
        font-size:17px;
      }
      .order-process-home-head h3{
        font-size:20px;
      }
      .order-process-home-text{
        font-size:13px;
        line-height:1.6;
        margin-bottom:12px;
      }
      .order-process-home-steps{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
      }
      .order-process-home-step{
        padding:12px;
        border-radius:16px;
      }
      .order-process-home-step h4{
        font-size:14px;
      }
      .order-process-home-step p{
        font-size:12px;
      }
      .hero-main{
        height:min(78vh, 760px);
        min-height:520px;
        border-radius:28px;
        background:#f8eef2;
      }
      .hero-main img{
        object-fit:cover;
        object-position:center top;
      }
      .hero-main-overlay{ padding:18px; }
      .hero-main-overlay h2{ font-size:20px; }
      .hero-main-overlay p{ font-size:12px; }
      .hero-main-btn{
        font-size:12px;
        padding:10px 13px;
      }
      .hero-slider-nav{
        width:42px;
        height:42px;
        font-size:20px;
        background:rgba(255,255,255,.95);
        box-shadow:0 12px 28px rgba(15,23,42,.18);
      }
      .hero-slider-prev{ left:12px; }
      .hero-slider-next{ right:12px; }
      .hero-slider-dots{
        bottom:16px;
        gap:10px;
      }
      .hero-slider-dot{
        width:11px;
        height:11px;
        background:rgba(255,255,255,.72);
      }
      .category-toolbar{
        padding:6px;
        border-radius:18px;
      }
      .category-card-modern{
        height:52px;
        padding:0 14px 0 10px;
        border-radius:16px;
      }
      .category-title{
        font-size:13px;
        gap:8px;
      }
      .cat-img{
        width:34px;
        height:34px;
        border-radius:10px;
      }
      .panel-top{
        flex-direction:column;
        align-items:flex-start;
      }
      .panel-top h2{ font-size:26px; }
      .panel-top p{ font-size:14px; }
      .promo-card{
        min-height:120px;
        border-radius:24px;
      }
      .payment-info-banner{
        margin:12px 0 16px;
        border-radius:18px;
      }
      .promo-content{
        left:18px;
        top:14px;
        right:18px;
        bottom:14px;
      }
      .promo-title-row{
        gap:8px;
        margin-bottom:6px;
      }
      .promo-fire{ font-size:24px; }
      .promo-content h3{ font-size:22px; }
      .promo-content p{
        margin:0 0 10px 32px;
        font-size:14px;
      }
      .category-showcase{
        padding:14px;
        border-radius:24px;
      }
      .category-showcase-head img,
      .category-showcase-icon{
        width:58px;
        height:58px;
        border-radius:18px;
        font-size:28px;
      }
      .category-showcase-head h2{
        font-size:24px;
      }
      .showcase-card{
        min-height:auto;
        border-radius:22px;
      }
      
.showcase-card-media{
        padding:6px;
      }
      .showcase-card-media img{
        aspect-ratio:1 / 0.86;
        border-radius:16px;
      }
.promo-btn{
        margin-left:32px;
        min-height:38px;
        padding:0 16px;
        font-size:14px;
        gap:6px;
      }
      .promo-btn-arrow{ font-size:18px; }
      .products{
        grid-template-columns:repeat(2,1fr);
        gap:14px;
      }
      .product-card{ border-radius:22px; }
      .product-image-wrap{ padding:10px 10px 0; }
      .product-image{
        height:260px;
        border-radius:14px;
      }
      .fav-dot{
        right:16px;
        top:16px;
        width:36px;
        height:36px;
        font-size:16px;
      }
      .product-badge-sticker{
        left:12px;
        top:12px;
        width:66px;
        height:66px;
        padding:7px;
        font-size:10px;
        border-width:2px;
      }
      .product-badge-sticker:after{
        inset:6px;
      }
      .product-body{ padding:12px; }
      .product-title{
        font-size:15px;
        min-height:42px;
      }
      .product-price{ font-size:20px; }
      .detail-btn,
      .add-cart-btn{
        min-height:44px;
        font-size:14px;
      }
      .qty-add-row{
        grid-template-columns:1fr;
        gap:8px;
      }
      .cart-drawer{ width:100%; }
      .bottom-checkout-bar{ display:none; }
      .mobile-cart-bar{
        display:flex;
        position:fixed;
        left:10px;
        right:10px;
        bottom:10px;
        z-index:1200;
        background:#fff;
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow:0 12px 30px rgba(17,24,39,.12);
        padding:10px;
        gap:10px;
        align-items:center;
        justify-content:space-between;
      }
      .mobile-cart-total{
        font-size:12px;
        color:#667085;
        font-weight:800;
      }
      .mobile-cart-total strong{
        display:block;
        font-size:16px;
        color:var(--text);
        margin-top:2px;
      }
      .mobile-cart-btn{
        border:0;
        background:var(--primary);
        color:#fff;
        border-radius:12px;
        padding:12px 14px;
        font-size:13px;
        font-weight:900;
        cursor:pointer;
        white-space:nowrap;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
      }
    }
    @media(max-width:640px){
      .brand-logo-only{ max-height:66px; }
      .header-actions .cart-toggle{
        min-width:136px;
        padding:0 14px;
      }
    }
    @media(max-width:520px){
      .products{ grid-template-columns:1fr 1fr; }
      .other-categories-grid{ grid-template-columns:1fr 1fr; }
      .category-showcase-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .product-title{ font-size:14px; }
      .floating-whatsapp{
        right:12px;
        bottom:86px;
        min-height:56px;
        padding:0 14px;
      }
      .floating-whatsapp-text small{
        font-size:10px;
      }
      .floating-whatsapp-text strong{
        font-size:13px;
      }
    }
/* Arama sayfası CSS: önceki koşullu PHP stili artık body sınıfına bağlı */
body.is-search-page .hero,
body.is-search-page .payment-info-banner,
body.is-search-page .promo-banners,
body.is-search-page .category-showcase { display:none !important; }
body.is-search-page .container { padding-top:18px !important; }
body.is-search-page #products-section { margin-top:0 !important; padding-top:0 !important; }
body.is-search-page #products-section .category-products-head {
  background:#fff; border:1px solid #ece7f4; border-radius:24px;
  padding:20px; box-shadow:0 12px 26px rgba(15,23,42,.06);
}

    @media(max-width:768px){
      .story-highlights-section{
        margin:0 -2px 14px;
        border-radius:22px;
        padding:16px 10px 13px;
      }
      .story-highlights-track{
        gap:13px;
        padding:0 2px 5px 2px;
      }
      .story-highlight-item{
        width:104px;
      }
      .story-highlight-ring{
        width:94px;
        height:94px;
        padding:2px;
        margin-bottom:8px;
      }
      .story-highlight-inner{padding:3px;}
      .story-highlight-title{
        font-size:11px;
        min-height:28px;
      }
      .story-scroll-btn{
        display:none;
      }
      .story-highlights-section.story-highlights-compact{
        margin:0 0 12px;
        padding:4px 0 8px;
        width:max-content;
        max-width:100%;
      }
      .story-highlights-section.story-highlights-compact .story-highlights-track{
        overflow:visible;
        gap:12px;
      }
      .story-modal-card{
        width:100%;
        height:88vh;
        border-radius:24px;
      }
    }

  
    /* Hikaye alanı son düzen: tek/az içerikte küçük ve temiz görünüm */
    .story-highlights-section.story-highlights-compact{
      width:max-content;
      max-width:100%;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      padding:0 0 10px !important;
      margin:0 0 12px !important;
      overflow:visible !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlights-track{
      overflow:visible !important;
      padding:0 !important;
      gap:16px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-item{
      width:116px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-ring{
      width:102px !important;
      height:102px !important;
      padding:2px !important;
      margin-bottom:10px !important;
      box-shadow:0 8px 18px rgba(239,79,134,.13) !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-inner{
      padding:3px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-inner img{
      transform:none;
      transform-origin:center;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-title{
      font-size:13px !important;
      line-height:1.18 !important;
      min-height:30px !important;
      max-width:116px !important;
      font-weight:900 !important;
    }
    .story-highlights-section.story-highlights-compact .story-scroll-btn{
      display:none !important;
    }


    /* Öne çıkan yuvarlaklar: tam ortalı, ince ve temiz halka */
    .story-highlight-ring{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      box-sizing:border-box !important;
      border:2px solid transparent !important;
      border-radius:50% !important;
      background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(135deg,#ff8a00 0%,#ff2d8f 52%,#8b5cf6 100%) border-box !important;
      padding:0 !important;
      overflow:hidden !important;
      box-shadow:0 10px 20px rgba(239,79,134,.13) !important;
    }
    .story-highlight-inner{
      width:100% !important;
      height:100% !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      box-sizing:border-box !important;
      background:#fff !important;
      padding:5px !important;
      border-radius:50% !important;
      overflow:hidden !important;
      box-shadow:none !important;
    }
    .story-highlight-inner img{
      width:100% !important;
      height:100% !important;
      display:block !important;
      border-radius:50% !important;
      object-fit:cover !important;
      transform:none !important;
      transform-origin:center;
    }
    .story-highlight-title{
      margin-top:0 !important;
      color:#18212f !important;
      font-weight:900 !important;
      letter-spacing:-0.02em !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-item{
      width:126px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-ring{
      width:114px !important;
      height:114px !important;
      padding:2px !important;
      margin-bottom:9px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-inner{
      padding:5px !important;
    }
    .story-highlights-section.story-highlights-compact .story-highlight-title{
      max-width:126px !important;
      font-size:13px !important;
      line-height:1.15 !important;
    }
    @media(max-width:768px){
      .story-highlight-ring{
        width:102px !important;
        height:102px !important;
        padding:2px !important;
      }
      .story-highlight-inner{
        padding:5px !important;
      }
      .story-highlight-item{
        width:114px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-ring{
        width:102px !important;
        height:102px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-item{
        width:114px !important;
      }
      .story-highlight-title{
        font-size:12px !important;
      }
    }


    /* Üst alanı mockup'a yakınlaştıran son düzenlemeler */
    .top-link{
      gap:10px;
    }
    .top-link-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:22px;
      font-size:18px;
      color:#9b4fd2;
      flex-shrink:0;
    }
    .top-link-text{
      display:inline-block;
    }
    .membership-info-band{
      padding:12px 16px;
      border-radius:20px;
      margin:0 0 12px;
      box-shadow:none;
    }
    .membership-info-band-icon{
      width:34px;
      height:34px;
      border-radius:10px;
      font-size:17px;
    }
    .membership-info-band-text{
      font-size:13px;
      line-height:1.45;
    }
    .story-highlights-section{
      margin-bottom:14px;
    }
    .story-highlights-section.story-highlights-compact{
      padding-bottom:6px !important;
    }
    .hero-main{
      margin-top:2px;
    }
    .order-process-home{
      margin-top:16px;
      border:1px solid #ece7f4;
      background:#fff;
      border-radius:26px;
      box-shadow:0 10px 28px rgba(15,23,42,.04);
    }
    .order-process-home-head h3{
      color:#18212f;
      font-size:22px;
    }
    .order-process-home-icon{
      background:#fff5de;
      color:#8a5b00;
    }
    .order-process-home-text{
      color:#374151;
      font-size:15px;
      font-weight:800;
      max-width:920px;
    }
    .order-process-home-steps{
      margin-top:6px;
    }
    @media(max-width:860px){
      .site-header{
        position:relative;
        border-bottom:1px solid #f1edf6;
        box-shadow:none;
      }
      .header-inner{
        gap:12px;
        padding:8px 12px 12px;
      }
      .brand-logo-only{
        max-height:56px;
      }
      .header-search{
        gap:10px;
      }
      .search-wrap{
        border-radius:18px;
      }
      .search-input{
        height:50px;
        border-radius:18px;
        box-shadow:none;
        border-color:#ebe7f4;
        font-size:14px;
        font-weight:800;
      }
      .search-submit{
        width:50px;
        height:50px;
        border-radius:16px;
        box-shadow:0 10px 20px rgba(239,79,134,.18);
      }
      .header-actions{
        gap:10px;
      }
      .header-actions .cart-toggle{
        top:8px;
        right:12px;
        min-width:138px;
        min-height:44px;
        border-radius:20px;
        box-shadow:0 12px 24px rgba(16,24,39,.16);
      }
      .top-link{
        min-height:46px;
        border-radius:18px;
        box-shadow:none;
        font-size:13px;
        font-weight:900;
        background:#fff;
      }
      .top-link-icon{
        font-size:16px;
      }
      .container{
        padding-top:12px;
      }
      .membership-info-band{
        margin-bottom:10px;
      }
      .story-highlights-section{
        margin-bottom:12px;
      }
      .hero-main{
        margin-top:0;
      }
      .order-process-home{
        padding:16px 16px 18px;
        border-radius:22px;
      }
      .order-process-home-head{
        margin-bottom:10px;
      }
      .order-process-home-head h3{
        font-size:18px;
      }
      .order-process-home-text{
        font-size:13px;
        line-height:1.7;
        margin-bottom:0;
      }
      .order-process-home-steps{
        display:none !important;
      }
      .floating-whatsapp{
        right:12px;
        bottom:96px;
        min-height:50px;
        padding:0 12px;
        gap:8px;
      }
      .floating-whatsapp-icon{
        width:30px;
        height:30px;
        font-size:17px;
      }
      .floating-whatsapp-text small{
        font-size:10px;
      }
      .floating-whatsapp-text strong{
        font-size:12px;
      }
    }
    @media(max-width:520px){
      .hero-main{
        height:min(74vh, 680px);
        min-height:460px;
        border-radius:24px;
      }
      .hero-main-overlay{ padding:16px; }
      .hero-slider-nav{
        width:38px;
        height:38px;
      }
      .hero-slider-dots{
        bottom:14px;
      }
      .header-inner{
        grid-template-columns:1fr auto;
        grid-template-areas:
          "brand cart"
          "search search"
          "links links";
      }
      .brand-logo-only{
        max-height:58px;
      }
      .header-actions .cart-toggle{
        min-width:132px;
      }
      .story-highlights-section.story-highlights-compact .story-highlights-track{
        gap:18px !important;
      }
      .floating-whatsapp{
        bottom:92px;
      }
    }


    /* Konsept Koleksiyonları */
    .concept-sales-section{
      margin:0;
      padding:18px;
      border-radius:30px;
      background:linear-gradient(180deg,#fff 0%,#fff8fb 100%);
      border:1px solid #f4d7e5;
      box-shadow:0 14px 32px rgba(15,23,42,.06);
    }
    .concept-sales-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      margin-bottom:16px;
    }
    .concept-sales-title-wrap{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .concept-sales-icon{
      width:46px;
      height:46px;
      border-radius:16px;
      background:linear-gradient(135deg,#ff7a45 0%,#ef4f86 52%,#8b5cf6 100%);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
      font-size:22px;
      box-shadow:0 10px 22px rgba(239,79,134,.20);
    }
    .concept-sales-title{
      margin:0;
      font-size:28px;
      line-height:1.05;
      font-weight:950;
      letter-spacing:-.035em;
      color:#182132;
    }
    .concept-sales-subtitle{
      margin:6px 0 0;
      color:#667085;
      font-size:14px;
      line-height:1.45;
      font-weight:750;
    }
    .concept-sales-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:14px;
      max-width:980px;
    }
    .concept-sales-card{
      position:relative;
      min-height:172px;
      display:grid;
      grid-template-columns:330px minmax(0,1fr);
      overflow:hidden;
      border-radius:26px;
      background:#fff;
      border:1px solid #eee7f4;
      box-shadow:0 10px 24px rgba(15,23,42,.06);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .concept-sales-card:hover{
      transform:translateY(-2px);
      box-shadow:0 16px 32px rgba(15,23,42,.11);
    }
    .concept-sales-media{
      position:relative;
      min-height:172px;
      background:#f8fafc;
      overflow:hidden;
    }
    .concept-sales-media img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
    .concept-sales-body{
      padding:22px 24px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-width:0;
      background:
        radial-gradient(circle at top right, rgba(239,79,134,.10), transparent 38%),
        linear-gradient(180deg,#fff 0%,#fffafc 100%);
    }
    .concept-sales-body h3{
      margin:0 0 9px;
      color:#111827;
      font-size:27px;
      line-height:1.05;
      font-weight:950;
      letter-spacing:-.04em;
    }
    .concept-sales-body p{
      margin:0 0 14px;
      color:#667085;
      font-size:15px;
      line-height:1.4;
      font-weight:800;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .concept-sales-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      max-width:360px;
    }
    .concept-sales-count{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:36px;
      padding:0 14px;
      border-radius:999px;
      background:#f3e8ff;
      color:#6d28d9;
      font-size:13px;
      font-weight:950;
      white-space:nowrap;
    }
    .concept-sales-arrow{
      width:44px;
      height:44px;
      border-radius:15px;
      background:#18212f;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:26px;
      font-weight:950;
      flex:0 0 auto;
    }
    @media(max-width:1000px){
      .concept-sales-grid{
        max-width:none;
      }
      .concept-sales-card{
        grid-template-columns:42% 58%;
      }
    }
    @media(max-width:768px){
      .concept-sales-section{
        padding:14px;
        border-radius:24px;
      }
      .concept-sales-title{
        font-size:22px;
      }
      .concept-sales-subtitle{
        font-size:12.5px;
      }
      .concept-sales-grid{
        grid-template-columns:1fr;
        gap:12px;
      }
      .concept-sales-card{
        min-height:142px;
        grid-template-columns:42% 58%;
        border-radius:20px;
      }
      .concept-sales-media{
        min-height:142px;
      }
      .concept-sales-body{
        padding:13px;
      }
      .concept-sales-body h3{
        font-size:20px;
        margin-bottom:6px;
      }
      .concept-sales-body p{
        font-size:12.5px;
        margin-bottom:10px;
      }
      .concept-sales-count{
        min-height:30px;
        padding:0 10px;
        font-size:11px;
      }
      .concept-sales-arrow{
        width:34px;
        height:34px;
        border-radius:12px;
        font-size:20px;
      }
    }


    /* Tek tek eklenen Konsept Kartları - kategori bannerından farklı görünüm */
    .home-concept-card-list{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:16px;
      max-width:none;
    }
    .home-concept-card{
      position:relative;
      display:grid;
      grid-template-columns:42% minmax(0,1fr);
      min-height:158px;
      overflow:hidden;
      border-radius:28px;
      background:
        radial-gradient(circle at top right, rgba(239,79,134,.13), transparent 36%),
        linear-gradient(135deg,#fff 0%,#fff7fb 55%,#f6f0ff 100%);
      border:1px solid #f4cfe0;
      box-shadow:0 16px 34px rgba(15,23,42,.08);
      text-decoration:none;
      color:inherit;
      isolation:isolate;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .home-concept-card:hover{
      transform:translateY(-3px);
      box-shadow:0 22px 44px rgba(15,23,42,.13);
    }
    .home-concept-card-media{
      min-height:158px;
      background:#fff;
      overflow:hidden;
      border-right:1px solid rgba(244,207,224,.75);
    }
    .home-concept-card-media img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
    .home-concept-card-body{
      position:relative;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:18px 62px 18px 20px;
      min-width:0;
    }
    .home-concept-card-kicker{
      display:inline-flex;
      align-items:center;
      width:max-content;
      max-width:100%;
      margin-bottom:9px;
      padding:6px 10px;
      border-radius:999px;
      background:#fff0f6;
      color:#be185d;
      border:1px solid #fbcfe8;
      font-size:12px;
      font-weight:950;
      letter-spacing:.01em;
    }
    .home-concept-card-body h3{
      margin:0 0 7px;
      color:#111827;
      font-size:23px;
      line-height:1.04;
      font-weight:950;
      letter-spacing:-.045em;
    }
    .home-concept-card-body p{
      margin:0 0 12px;
      color:#667085;
      font-size:13.5px;
      line-height:1.42;
      font-weight:800;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .home-concept-card-action{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:max-content;
      min-height:38px;
      padding:0 16px;
      border-radius:999px;
      background:#f3e8ff;
      color:#6d28d9;
      font-size:13px;
      font-weight:950;
    }
    .home-concept-card-arrow{
      position:absolute;
      right:22px;
      top:50%;
      transform:translateY(-50%);
      width:48px;
      height:48px;
      border-radius:16px;
      background:#18212f;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:28px;
      font-weight:950;
      box-shadow:0 12px 24px rgba(15,23,42,.18);
    }
    .home-concept-card::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:28px;
      border:2px solid rgba(239,79,134,.08);
      pointer-events:none;
      z-index:2;
    }
    @media(max-width:1000px){
      .home-concept-card-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        max-width:none;
      }
      .home-concept-card{
        grid-template-columns:42% 58%;
      }
    }
    @media(max-width:768px){
      .home-concept-card-list{
        grid-template-columns:1fr;
        gap:12px;
      }
      .home-concept-card{
        min-height:142px;
        grid-template-columns:40% 60%;
        border-radius:22px;
      }
      .home-concept-card-media{
        min-height:142px;
      }
      .home-concept-card-body{
        padding:13px 50px 13px 13px;
      }
      .home-concept-card-kicker{
        font-size:10.5px;
        padding:4px 8px;
        margin-bottom:6px;
      }
      .home-concept-card-body h3{
        font-size:19px;
        margin-bottom:6px;
      }
      .home-concept-card-body p{
        font-size:12px;
        line-height:1.34;
        margin-bottom:9px;
      }
      .home-concept-card-action{
        min-height:30px;
        padding:0 10px;
        font-size:11px;
      }
      .home-concept-card-arrow{
        width:34px;
        height:34px;
        border-radius:12px;
        right:10px;
        font-size:20px;
      }
    }


    /* Ana Sayfa Vitrin Blokları */
    .homepage-vitrine{
      display:flex;
      flex-direction:column;
      gap:24px;
      margin:18px 0 28px;
    }
    .homepage-section{
      margin:0;
    }
    .homepage-section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      margin:0 0 16px;
    }
    .homepage-section-title{
      margin:0;
      font-size:30px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-0.035em;
      color:#182132;
    }
    .homepage-section-subtitle{
      margin:7px 0 0;
      color:#667085;
      font-size:14px;
      line-height:1.55;
      font-weight:700;
    }
    .home-category-banner-grid{
      display:grid;
      grid-template-columns:repeat(var(--desktop-cols, 3), minmax(0,1fr));
      gap:18px;
    }
    .home-category-banner-card{
      position:relative;
      display:block;
      min-height:188px;
      border-radius:28px;
      overflow:hidden;
      background:#fff;
      border:1px solid #ece7f4;
      box-shadow:0 16px 34px rgba(15,23,42,.08);
      transition:transform .22s ease, box-shadow .22s ease;
      isolation:isolate;
    }
    .home-category-banner-card:hover{
      transform:translateY(-3px);
      box-shadow:0 22px 44px rgba(15,23,42,.13);
    }
    .home-category-banner-card img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:1;
      transition:transform .28s ease;
    }
    .home-category-banner-card:hover img{
      transform:scale(1.035);
    }
    .home-category-banner-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(15,23,42,.46) 100%);
      z-index:2;
    }
    .home-category-banner-title{
      position:absolute;
      left:14px;
      right:14px;
      bottom:14px;
      z-index:3;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
      color:inherit;
      text-shadow:none;
    }
    .home-category-banner-title strong{
      display:block;
      max-width:calc(100% - 52px);
      padding:12px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.93);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      color:#5b21b6;
      font-size:22px;
      line-height:1.04;
      font-weight:900;
      letter-spacing:-.03em;
      box-shadow:0 10px 24px rgba(15,23,42,.14);
    }
    .home-category-banner-title span:last-child{
      width:40px;
      height:40px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.96);
      color:#5b21b6;
      flex-shrink:0;
      font-size:22px;
      box-shadow:0 10px 24px rgba(15,23,42,.14);
    }
    .homepage-products-section{
      padding:18px;
      border-radius:30px;
      background:rgba(255,255,255,.86);
      border:1px solid #ece7f4;
      box-shadow:0 16px 30px rgba(15,23,42,.05);
      overflow:hidden;
    }
    .homepage-products-section .homepage-section-head{
      display:none;
    }
    .home-products-carousel-wrap{
      position:relative;
    }
    .home-products-grid{
      display:flex;
      gap:16px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:2px 2px 8px;
      scroll-snap-type:x proximity;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
      align-items:stretch;
      scroll-behavior:smooth;
    }
    .home-products-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      z-index:8;
      width:48px;
      height:48px;
      border:0;
      border-radius:14px;
      background:rgba(255,255,255,.96);
      color:#18212f;
      font-size:28px;
      font-weight:900;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 14px 28px rgba(15,23,42,.16);
      border:1px solid #ece7f4;
      transition:.18s ease;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    .home-products-nav:hover{
      transform:translateY(-50%) scale(1.04);
      background:#fff;
    }
    .home-products-nav.is-hidden{
      opacity:0;
      pointer-events:none;
    }
    .home-products-prev{
      left:8px;
    }
    .home-products-next{
      right:8px;
    }
    .home-products-grid::-webkit-scrollbar{
      display:none;
    }
    .home-products-grid .product-card,
    .home-products-grid .home-products-intro-card{
      flex:0 0 290px;
      max-width:290px;
      scroll-snap-align:start;
    }
    .home-products-intro-card{
      position:relative;
      min-height:100%;
      border-radius:26px;
      overflow:hidden;
      padding:24px 22px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:18px;
      background:linear-gradient(145deg,#ff8d29 0%,#ff6b2c 54%,#ffb33b 100%);
      color:#fff;
      box-shadow:0 20px 34px rgba(249,115,22,.24);
      isolation:isolate;
    }
    .home-products-intro-card::before{
      content:"";
      position:absolute;
      inset:-20% auto auto -10%;
      width:180px;
      height:180px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      filter:blur(2px);
      z-index:0;
    }
    .home-products-intro-card::after{
      content:"";
      position:absolute;
      right:-30px;
      bottom:-26px;
      width:120px;
      height:120px;
      border-radius:999px;
      background:rgba(255,255,255,.14);
      z-index:0;
    }
    .home-products-intro-top,
    .home-products-intro-bottom{position:relative;z-index:1;}
    .home-products-intro-icon{
      width:46px;height:46px;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      background:rgba(255,255,255,.18);
      font-size:22px;margin-bottom:16px;
      box-shadow:0 10px 18px rgba(0,0,0,.08);
    }
    .home-products-intro-title{
      margin:0;
      font-size:22px;
      line-height:1.05;
      font-weight:900;
      letter-spacing:-.035em;
      color:#fff;
    }
    .home-products-intro-text{
      margin:10px 0 0;
      font-size:14px;
      line-height:1.55;
      color:rgba(255,255,255,.92);
      font-weight:700;
    }
    .home-products-intro-btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:42px;
      padding:0 16px;
      border-radius:999px;
      background:#fff;
      color:#f97316;
      font-weight:900;
      text-decoration:none;
      box-shadow:0 10px 22px rgba(0,0,0,.12);
    }
    .homepage-section-empty{
      padding:18px;
      border:1px dashed #dbe1ea;
      background:#f8fafc;
      color:#667085;
      border-radius:16px;
      font-weight:800;
      text-align:center;
    }
    @media(max-width:900px){
      .homepage-vitrine{
        gap:18px;
        margin:14px 0 22px;
      }
      .homepage-section-head{
        margin-bottom:12px;
      }
      .homepage-section-title{
        font-size:24px;
      }
      .home-category-banner-grid{
        grid-template-columns:repeat(var(--mobile-cols, 1), minmax(0,1fr));
        gap:14px;
      }
      .home-category-banner-card{
        min-height:172px;
        border-radius:24px;
      }
      .home-category-banner-title{
        font-size:20px;
      }
      .homepage-products-section{
        padding:14px;
        border-radius:24px;
        margin-left:-2px;
        margin-right:-2px;
      }
      .home-products-grid{
        gap:14px;
      }
      .home-products-nav{
        width:42px;
        height:42px;
        border-radius:13px;
        font-size:24px;
      }
      .home-products-prev{
        left:4px;
      }
      .home-products-next{
        right:4px;
      }
      .home-products-grid .product-card,
      .home-products-grid .home-products-intro-card{
        flex:0 0 72%;
        max-width:270px;
      }
      .home-products-intro-card{
        padding:20px 18px;
        border-radius:22px;
      }
      .home-products-intro-title{
        font-size:20px;
      }
      .home-products-intro-text{
        font-size:13px;
      }
    }
    @media(max-width:520px){
      .home-products-grid .product-card,
      .home-products-grid .home-products-intro-card{
        flex-basis:76%;
        max-width:250px;
      }
      .home-products-intro-card{
        padding:18px 16px;
      }
      .home-products-intro-title{
        font-size:18px;
      }
      .home-category-banner-card{
        min-height:156px;
      }
      .home-category-banner-title{
        left:12px;
        right:12px;
        bottom:12px;
      }
      .home-category-banner-title strong{
        max-width:calc(100% - 48px);
        padding:10px 14px;
        border-radius:16px;
        font-size:17px;
      }
      .home-category-banner-title span:last-child{
        width:36px;
        height:36px;
        font-size:20px;
      }
    }


    /* Tüm Kategoriler bloğu da admin kolon ayarını kullansın */
    .homepage-vitrine .category-showcase-grid{
      grid-template-columns:repeat(var(--desktop-cols, 4), minmax(0, 1fr)) !important;
    }
    @media(max-width:768px){
      .homepage-vitrine .category-showcase-grid{
        grid-template-columns:repeat(var(--mobile-cols, 2), minmax(0, 1fr)) !important;
      }
    }


    /* Ürün vitrin alanı kompakt sürüm */
    .homepage-products-section{
      padding:14px !important;
      border-radius:24px !important;
    }
    .home-products-grid{
      gap:12px !important;
      padding:2px 2px 6px !important;
    }
    .home-products-grid .home-products-intro-card{
      flex:0 0 180px !important;
      max-width:180px !important;
      min-height:260px !important;
      padding:16px 14px !important;
      border-radius:20px !important;
    }
    .home-products-intro-icon{
      width:34px !important;
      height:34px !important;
      border-radius:11px !important;
      font-size:17px !important;
      margin-bottom:10px !important;
    }
    .home-products-intro-title{
      font-size:17px !important;
      line-height:1.08 !important;
    }
    .home-products-intro-text{
      font-size:11px !important;
      line-height:1.35 !important;
      margin-top:7px !important;
    }
    .home-products-intro-btn{
      min-height:34px !important;
      padding:0 12px !important;
      font-size:12px !important;
    }
    .home-products-grid .product-card{
      flex:0 0 176px !important;
      max-width:176px !important;
      border-radius:18px !important;
    }
    .home-products-grid .product-image-wrap{
      height:150px !important;
      border-radius:16px 16px 0 0 !important;
      overflow:hidden !important;
    }
    .home-products-grid .product-image{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
    }
    .home-products-grid .product-body{
      padding:10px 10px 12px !important;
    }
    .home-products-grid .product-title{
      font-size:13px !important;
      line-height:1.22 !important;
      min-height:32px !important;
      margin-bottom:8px !important;
    }
    .home-products-grid .detail-btn{
      min-height:30px !important;
      height:30px !important;
      padding:0 10px !important;
      font-size:11px !important;
      border-radius:9px !important;
      margin-bottom:8px !important;
    }
    .home-products-grid .product-price{
      font-size:15px !important;
      margin-bottom:8px !important;
    }
    .home-products-grid .qty-add-row{
      gap:6px !important;
    }
    .home-products-grid .qty-box{
      height:32px !important;
      border-radius:9px !important;
    }
    .home-products-grid .qty-btn{
      width:28px !important;
      height:32px !important;
      font-size:15px !important;
    }
    .home-products-grid .qty-input{
      width:32px !important;
      height:32px !important;
      font-size:13px !important;
    }
    .home-products-grid .add-cart-btn{
      min-height:32px !important;
      padding:0 10px !important;
      font-size:11px !important;
      border-radius:9px !important;
      white-space:nowrap !important;
    }
    .home-products-grid .fav-dot{
      width:34px !important;
      height:34px !important;
      top:10px !important;
      right:10px !important;
      font-size:17px !important;
    }
    .home-products-nav{
      width:38px !important;
      height:38px !important;
      border-radius:12px !important;
      font-size:22px !important;
    }
    .home-products-prev{left:4px !important;}
    .home-products-next{right:4px !important;}

    @media(max-width:900px){
      .home-products-grid .home-products-intro-card{
        flex:0 0 150px !important;
        max-width:150px !important;
        min-height:230px !important;
        padding:14px 12px !important;
      }
      .home-products-grid .product-card{
        flex:0 0 150px !important;
        max-width:150px !important;
      }
      .home-products-grid .product-image-wrap{
        height:128px !important;
      }
      .home-products-grid .product-title{
        font-size:12px !important;
        min-height:30px !important;
      }
      .home-products-grid .product-price{
        font-size:14px !important;
      }
      .home-products-intro-title{
        font-size:16px !important;
      }
      .home-products-intro-text{
        font-size:10.5px !important;
      }
    }


    /* Ürün vitrin alanı kısa yükseklik düzeltmesi */
    .homepage-products-section{
      padding:10px !important;
      border-radius:20px !important;
    }
    .home-products-grid{
      gap:10px !important;
      padding:0 2px 4px !important;
      align-items:stretch !important;
    }
    .home-products-grid .home-products-intro-card{
      flex:0 0 150px !important;
      max-width:150px !important;
      min-height:245px !important;
      height:245px !important;
      padding:14px 12px !important;
      border-radius:18px !important;
    }
    .home-products-intro-icon{
      width:30px !important;
      height:30px !important;
      border-radius:10px !important;
      font-size:15px !important;
      margin-bottom:8px !important;
    }
    .home-products-intro-title{
      font-size:15px !important;
      line-height:1.05 !important;
    }
    .home-products-intro-text{
      font-size:10px !important;
      line-height:1.28 !important;
      margin-top:6px !important;
    }
    .home-products-intro-btn{
      min-height:30px !important;
      padding:0 10px !important;
      font-size:11px !important;
    }
    .home-products-grid .product-card{
      flex:0 0 142px !important;
      max-width:142px !important;
      height:245px !important;
      border-radius:16px !important;
      overflow:hidden !important;
    }
    .home-products-grid .product-image-wrap{
      height:96px !important;
      border-radius:14px 14px 0 0 !important;
    }
    .home-products-grid .product-body{
      padding:7px 8px 9px !important;
    }
    .home-products-grid .product-title{
      font-size:11px !important;
      line-height:1.15 !important;
      min-height:26px !important;
      max-height:27px !important;
      overflow:hidden !important;
      margin:0 0 6px !important;
    }
    .home-products-grid .detail-btn{
      min-height:24px !important;
      height:24px !important;
      padding:0 8px !important;
      font-size:10px !important;
      border-radius:8px !important;
      margin-bottom:6px !important;
    }
    .home-products-grid .product-price{
      font-size:13px !important;
      line-height:1 !important;
      margin:0 0 6px !important;
    }
    .home-products-grid .qty-add-row{
      gap:5px !important;
    }
    .home-products-grid .qty-box{
      height:28px !important;
      border-radius:8px !important;
      min-width:66px !important;
    }
    .home-products-grid .qty-btn{
      width:22px !important;
      height:28px !important;
      font-size:13px !important;
    }
    .home-products-grid .qty-input{
      width:24px !important;
      height:28px !important;
      font-size:12px !important;
    }
    .home-products-grid .add-cart-btn{
      min-height:28px !important;
      height:28px !important;
      padding:0 8px !important;
      font-size:10px !important;
      border-radius:8px !important;
      white-space:nowrap !important;
    }
    .home-products-grid .fav-dot{
      width:28px !important;
      height:28px !important;
      top:7px !important;
      right:7px !important;
      font-size:14px !important;
    }
    .home-products-nav{
      width:34px !important;
      height:34px !important;
      border-radius:10px !important;
      font-size:20px !important;
    }

    @media(min-width:901px){
      .home-products-grid .home-products-intro-card{
        flex-basis:170px !important;
        max-width:170px !important;
        height:270px !important;
        min-height:270px !important;
      }
      .home-products-grid .product-card{
        flex-basis:166px !important;
        max-width:166px !important;
        height:270px !important;
      }
      .home-products-grid .product-image-wrap{
        height:118px !important;
      }
      .home-products-grid .product-title{
        font-size:12px !important;
        min-height:28px !important;
        max-height:29px !important;
      }
    }

    @media(max-width:520px){
      .homepage-products-section{
        padding:9px !important;
      }
      .home-products-grid .home-products-intro-card{
        flex-basis:138px !important;
        max-width:138px !important;
        height:232px !important;
        min-height:232px !important;
      }
      .home-products-grid .product-card{
        flex-basis:132px !important;
        max-width:132px !important;
        height:232px !important;
      }
      .home-products-grid .product-image-wrap{
        height:88px !important;
      }
      .home-products-grid .product-body{
        padding:6px 7px 8px !important;
      }
      .home-products-grid .product-title{
        font-size:10.5px !important;
        min-height:24px !important;
        max-height:25px !important;
      }
      .home-products-grid .detail-btn{
        height:23px !important;
        min-height:23px !important;
        font-size:9.5px !important;
        margin-bottom:5px !important;
      }
      .home-products-grid .product-price{
        font-size:12.5px !important;
        margin-bottom:5px !important;
      }
      .home-products-grid .qty-box{
        height:26px !important;
        min-width:62px !important;
      }
      .home-products-grid .qty-btn,
      .home-products-grid .qty-input,
      .home-products-grid .add-cart-btn{
        height:26px !important;
        min-height:26px !important;
      }
      .home-products-grid .add-cart-btn{
        font-size:9.5px !important;
        padding:0 7px !important;
      }
    }


    /* Ürün vitrin görsel düzeltmesi: kırpma yok, ürün tam görünsün */
    .home-products-grid .product-card{
      height:275px !important;
      display:flex !important;
      flex-direction:column !important;
      background:#fff !important;
    }
    .home-products-grid .product-image-wrap{
      height:128px !important;
      padding:8px !important;
      background:#fff !important;
      border-bottom:1px solid #f1edf6 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
    }
    .home-products-grid .product-image{
      width:100% !important;
      height:100% !important;
      object-fit:contain !important;
      object-position:center !important;
      background:#fff !important;
      display:block !important;
    }
    .home-products-grid .product-body{
      flex:1 !important;
      display:flex !important;
      flex-direction:column !important;
      padding:8px 9px 10px !important;
    }
    .home-products-grid .product-title{
      font-size:11.5px !important;
      line-height:1.18 !important;
      min-height:28px !important;
      max-height:28px !important;
      overflow:hidden !important;
      margin:0 0 6px !important;
    }
    .home-products-grid .detail-btn{
      height:24px !important;
      min-height:24px !important;
      margin-bottom:6px !important;
    }
    .home-products-grid .product-price{
      font-size:13px !important;
      margin:0 0 7px !important;
    }
    .home-products-grid .qty-add-row{
      margin-top:auto !important;
    }
    .home-products-grid .fav-dot{
      top:8px !important;
      right:8px !important;
      background:rgba(255,255,255,.92) !important;
    }

    @media(max-width:520px){
      .home-products-grid .product-card{
        height:265px !important;
        flex-basis:142px !important;
        max-width:142px !important;
      }
      .home-products-grid .product-image-wrap{
        height:118px !important;
        padding:7px !important;
      }
      .home-products-grid .product-title{
        font-size:10.8px !important;
        min-height:27px !important;
        max-height:27px !important;
      }
    }


    /* Ürün vitrin final: görsel büyük, yazı aralıkları sıkı */
    .homepage-products-section{
      padding:10px !important;
      border-radius:20px !important;
    }
    .home-products-grid{
      gap:10px !important;
      padding:0 2px 5px !important;
      align-items:stretch !important;
    }
    .home-products-grid .home-products-intro-card{
      flex:0 0 150px !important;
      max-width:150px !important;
      height:238px !important;
      min-height:238px !important;
      padding:14px 12px !important;
      border-radius:18px !important;
    }
    .home-products-intro-icon{
      width:30px !important;
      height:30px !important;
      border-radius:10px !important;
      font-size:15px !important;
      margin-bottom:8px !important;
    }
    .home-products-intro-title{
      font-size:15px !important;
      line-height:1.05 !important;
    }
    .home-products-intro-text{
      font-size:10px !important;
      line-height:1.28 !important;
      margin-top:6px !important;
    }
    .home-products-intro-btn{
      min-height:30px !important;
      padding:0 10px !important;
      font-size:11px !important;
    }

    .home-products-grid .product-card{
      flex:0 0 148px !important;
      max-width:148px !important;
      height:238px !important;
      border-radius:16px !important;
      overflow:hidden !important;
      display:flex !important;
      flex-direction:column !important;
      background:#fff !important;
    }
    .home-products-grid .product-image-wrap{
      height:118px !important;
      padding:2px !important;
      background:#fff !important;
      border-bottom:1px solid #f1edf6 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
      border-radius:14px 14px 0 0 !important;
    }
    .home-products-grid .product-image{
      width:100% !important;
      height:100% !important;
      object-fit:contain !important;
      object-position:center !important;
      background:#fff !important;
      display:block !important;
      transform:scale(1.28) !important;
      transform-origin:center !important;
    }
    .home-products-grid .product-body{
      flex:1 !important;
      display:flex !important;
      flex-direction:column !important;
      padding:6px 8px 8px !important;
    }
    .home-products-grid .product-title{
      font-size:11px !important;
      line-height:1.15 !important;
      min-height:26px !important;
      max-height:26px !important;
      overflow:hidden !important;
      margin:0 0 5px !important;
    }
    .home-products-grid .detail-btn{
      height:22px !important;
      min-height:22px !important;
      padding:0 8px !important;
      font-size:9.8px !important;
      border-radius:8px !important;
      margin:0 0 5px !important;
    }
    .home-products-grid .product-price{
      font-size:12.5px !important;
      line-height:1 !important;
      margin:0 0 5px !important;
    }
    .home-products-grid .qty-add-row{
      margin-top:auto !important;
      gap:5px !important;
    }
    .home-products-grid .qty-box{
      height:26px !important;
      min-width:62px !important;
      border-radius:8px !important;
    }
    .home-products-grid .qty-btn{
      width:21px !important;
      height:26px !important;
      font-size:13px !important;
    }
    .home-products-grid .qty-input{
      width:24px !important;
      height:26px !important;
      font-size:12px !important;
    }
    .home-products-grid .add-cart-btn{
      height:26px !important;
      min-height:26px !important;
      padding:0 7px !important;
      font-size:9.5px !important;
      border-radius:8px !important;
      white-space:nowrap !important;
    }
    .home-products-grid .fav-dot{
      width:28px !important;
      height:28px !important;
      top:7px !important;
      right:7px !important;
      font-size:14px !important;
      background:rgba(255,255,255,.94) !important;
    }
    .home-products-nav{
      width:34px !important;
      height:34px !important;
      border-radius:10px !important;
      font-size:20px !important;
    }

    @media(min-width:901px){
      .home-products-grid .home-products-intro-card{
        flex-basis:172px !important;
        max-width:172px !important;
        height:268px !important;
        min-height:268px !important;
      }
      .home-products-grid .product-card{
        flex-basis:174px !important;
        max-width:174px !important;
        height:268px !important;
      }
      .home-products-grid .product-image-wrap{
        height:144px !important;
        padding:2px !important;
      }
      .home-products-grid .product-image{
        transform:scale(1.20) !important;
      }
      .home-products-grid .product-title{
        font-size:12px !important;
        min-height:28px !important;
        max-height:28px !important;
      }
      .home-products-grid .product-price{
        font-size:13.5px !important;
      }
    }

    @media(max-width:520px){
      .homepage-products-section{
        padding:8px !important;
      }
      .home-products-grid{
        gap:8px !important;
      }
      .home-products-grid .home-products-intro-card{
        flex-basis:136px !important;
        max-width:136px !important;
        height:228px !important;
        min-height:228px !important;
        padding:13px 11px !important;
      }
      .home-products-grid .product-card{
        flex-basis:136px !important;
        max-width:136px !important;
        height:228px !important;
      }
      .home-products-grid .product-image-wrap{
        height:112px !important;
        padding:1px !important;
      }
      .home-products-grid .product-image{
        transform:scale(1.32) !important;
      }
      .home-products-grid .product-body{
        padding:5px 7px 7px !important;
      }
      .home-products-grid .product-title{
        font-size:10.4px !important;
        min-height:24px !important;
        max-height:24px !important;
        margin-bottom:4px !important;
      }
      .home-products-grid .detail-btn{
        height:21px !important;
        min-height:21px !important;
        font-size:9.3px !important;
        margin-bottom:4px !important;
      }
      .home-products-grid .product-price{
        font-size:12px !important;
        margin-bottom:4px !important;
      }
      .home-products-grid .qty-box,
      .home-products-grid .qty-btn,
      .home-products-grid .qty-input,
      .home-products-grid .add-cart-btn{
        height:25px !important;
        min-height:25px !important;
      }
      .home-products-grid .add-cart-btn{
        font-size:9px !important;
        padding:0 6px !important;
      }
    }


    /* Ürün vitrin final: Trendyol benzeri büyük kart */
    .homepage-products-section{
      padding:0 !important;
      border:0 !important;
      box-shadow:none !important;
      background:transparent !important;
      border-radius:0 !important;
      overflow:visible !important;
      margin:18px 0 24px !important;
    }
    .homepage-products-section .homepage-section-head,
    .homepage-products-section .home-products-head{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:12px !important;
      margin:0 0 12px !important;
      padding:0 2px !important;
    }
    .homepage-products-section .homepage-section-title{
      font-size:22px !important;
      line-height:1.1 !important;
      letter-spacing:-.02em !important;
      color:#18212f !important;
    }
    .homepage-products-section .homepage-section-subtitle{
      display:none !important;
    }
    .home-products-see-all{
      display:inline-flex !important;
      align-items:center !important;
      gap:6px !important;
      color:#18212f !important;
      font-size:15px !important;
      font-weight:800 !important;
      white-space:nowrap !important;
      text-decoration:none !important;
    }
    .home-products-see-all span{
      font-size:23px !important;
      line-height:1 !important;
      transform:translateY(-1px) !important;
    }
    .home-products-carousel-wrap{
      position:relative !important;
      background:transparent !important;
      overflow:visible !important;
    }
    .home-products-grid{
      gap:12px !important;
      padding:0 2px 8px !important;
      align-items:stretch !important;
      scroll-padding-left:2px !important;
    }
    .home-products-grid .home-products-intro-card{
      display:none !important;
    }
    .home-products-grid .product-card{
      flex:0 0 220px !important;
      max-width:220px !important;
      height:405px !important;
      border-radius:9px !important;
      overflow:hidden !important;
      display:flex !important;
      flex-direction:column !important;
      background:#fff !important;
      border:1px solid #e7e7e7 !important;
      box-shadow:none !important;
      content-visibility:visible !important;
      contain-intrinsic-size:auto !important;
    }
    .home-products-grid .product-card:hover{
      transform:none !important;
      box-shadow:none !important;
    }
    .home-products-grid .product-image-wrap{
      height:248px !important;
      padding:0 !important;
      background:#fff !important;
      border-bottom:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
      border-radius:8px 8px 0 0 !important;
      position:relative !important;
    }
    .home-products-grid .product-image{
      width:100% !important;
      height:100% !important;
      object-fit:contain !important;
      object-position:center !important;
      background:#fff !important;
      display:block !important;
      transform:none !important;
      border-radius:0 !important;
      cursor:pointer !important;
    }
    .home-products-grid .product-body{
      flex:1 !important;
      display:flex !important;
      flex-direction:column !important;
      padding:9px 10px 10px !important;
      background:#fff !important;
    }
    .home-products-grid .product-title{
      font-size:14px !important;
      font-weight:600 !important;
      color:#343434 !important;
      line-height:1.25 !important;
      min-height:36px !important;
      max-height:36px !important;
      overflow:hidden !important;
      margin:0 0 8px !important;
      letter-spacing:0 !important;
    }
    .home-products-grid .detail-btn{
      height:28px !important;
      min-height:28px !important;
      padding:0 8px !important;
      font-size:11px !important;
      border-radius:7px !important;
      margin:0 0 8px !important;
      background:#f7f2ff !important;
      border:1px solid #eadcff !important;
      color:#6d3cc9 !important;
      font-weight:800 !important;
    }
    .home-products-grid .product-price{
      font-size:17px !important;
      line-height:1 !important;
      margin:0 0 10px !important;
      color:#111827 !important;
      font-weight:900 !important;
    }
    .home-products-grid .qty-add-row{
      margin-top:auto !important;
      gap:7px !important;
      display:flex !important;
      align-items:center !important;
    }
    .home-products-grid .qty-box{
      height:34px !important;
      min-width:86px !important;
      border-radius:7px !important;
      border:1px solid #e5e7eb !important;
      background:#fff !important;
    }
    .home-products-grid .qty-btn{
      width:28px !important;
      height:34px !important;
      font-size:15px !important;
      color:#111827 !important;
      font-weight:900 !important;
    }
    .home-products-grid .qty-input{
      width:30px !important;
      height:34px !important;
      font-size:13px !important;
      font-weight:900 !important;
    }
    .home-products-grid .add-cart-btn{
      height:34px !important;
      min-height:34px !important;
      padding:0 11px !important;
      font-size:11px !important;
      border-radius:7px !important;
      white-space:nowrap !important;
      font-weight:900 !important;
      background:#ef4f86 !important;
    }
    .home-products-grid .fav-dot{
      width:34px !important;
      height:34px !important;
      top:12px !important;
      right:12px !important;
      font-size:16px !important;
      background:rgba(255,255,255,.95) !important;
      border:1px solid #ece7f4 !important;
      box-shadow:0 6px 14px rgba(15,23,42,.10) !important;
    }
    .home-products-grid .product-badge-sticker{
      width:58px !important;
      height:58px !important;
      left:8px !important;
      top:8px !important;
      font-size:9px !important;
      padding:6px !important;
    }
    .home-products-nav{
      width:38px !important;
      height:48px !important;
      border-radius:0 !important;
      font-size:24px !important;
      background:rgba(255,255,255,.96) !important;
      box-shadow:0 8px 18px rgba(15,23,42,.13) !important;
      border:1px solid #ece7f4 !important;
    }
    .home-products-prev{left:0 !important;}
    .home-products-next{right:0 !important;}

    @media(min-width:901px){
      .home-products-grid .product-card{
        flex-basis:232px !important;
        max-width:232px !important;
        height:418px !important;
      }
      .home-products-grid .product-image-wrap{
        height:260px !important;
      }
    }

    @media(max-width:520px){
      .homepage-products-section{
        margin:14px 0 20px !important;
      }
      .homepage-products-section .homepage-section-title{
        font-size:20px !important;
      }
      .home-products-see-all{
        font-size:14px !important;
      }
      .home-products-grid{
        gap:10px !important;
        padding-bottom:6px !important;
      }
      .home-products-grid .product-card{
        flex-basis:205px !important;
        max-width:205px !important;
        height:382px !important;
      }
      .home-products-grid .product-image-wrap{
        height:235px !important;
      }
      .home-products-grid .product-title{
        font-size:13px !important;
        min-height:34px !important;
        max-height:34px !important;
        margin-bottom:7px !important;
      }
      .home-products-grid .detail-btn{
        height:27px !important;
        min-height:27px !important;
        margin-bottom:7px !important;
      }
      .home-products-grid .product-price{
        font-size:16px !important;
        margin-bottom:8px !important;
      }
      .home-products-grid .qty-box,
      .home-products-grid .qty-btn,
      .home-products-grid .qty-input,
      .home-products-grid .add-cart-btn{
        height:32px !important;
        min-height:32px !important;
      }
      .home-products-grid .qty-box{
        min-width:80px !important;
      }
      .home-products-grid .add-cart-btn{
        font-size:10.5px !important;
        padding:0 10px !important;
      }
    }


    /* Ürün alanı başlık düzeni: Tümünü Gör kaldırıldı, başlık estetikleştirildi */
    .homepage-products-section .home-products-head{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:12px !important;
      margin:0 0 14px !important;
      padding:0 2px !important;
    }
    .home-products-title-wrap{
      display:flex;
      align-items:center;
      gap:12px;
    }
    .home-products-title-badge{
      width:38px;
      height:38px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg,#ff9f43 0%,#ff6b6b 100%);
      color:#fff;
      font-size:18px;
      font-weight:900;
      box-shadow:0 10px 20px rgba(255,107,107,.22);
      flex-shrink:0;
    }
    .homepage-products-section .home-products-title-text{
      margin:0 !important;
      font-size:24px !important;
      line-height:1.05 !important;
      letter-spacing:-.03em !important;
      font-weight:900 !important;
      color:#18212f !important;
    }
    .home-products-title-sub{
      margin:4px 0 0 !important;
      display:block !important;
      color:#667085 !important;
      font-size:12px !important;
      font-weight:700 !important;
      line-height:1.35 !important;
    }
    .home-products-see-all{display:none !important;}

    @media(max-width:520px){
      .home-products-title-badge{
        width:34px;
        height:34px;
        border-radius:12px;
        font-size:16px;
      }
      .homepage-products-section .home-products-title-text{
        font-size:21px !important;
      }
      .home-products-title-sub{
        font-size:11px !important;
      }
    }


    /* Üst bölüm final: daha bütünleşik, ferah ve az bölünmüş görünüm */
    @media(max-width:860px){
      body{
        background:
          radial-gradient(circle at 12% 0%, rgba(255,111,160,.14), transparent 30%),
          radial-gradient(circle at 92% 5%, rgba(139,92,246,.13), transparent 32%),
          linear-gradient(180deg,#fbf5ff 0%,#fffafd 44%,#ffffff 100%) !important;
      }
      .site-header{
        position:relative !important;
        background:linear-gradient(180deg,rgba(252,247,255,.96) 0%,rgba(255,250,255,.86) 100%) !important;
        border-bottom:0 !important;
        box-shadow:none !important;
      }
      .header-inner{
        position:relative !important;
        grid-template-columns:1fr auto !important;
        grid-template-areas:
          "brand cart"
          "search search"
          "links links" !important;
        gap:14px !important;
        padding:18px 16px 16px !important;
        align-items:center !important;
        max-width:640px !important;
        margin:0 auto !important;
      }
      .brand{
        grid-area:brand !important;
        padding-right:0 !important;
      }
      .brand-logo-only{
        max-height:66px !important;
        filter:drop-shadow(0 8px 16px rgba(15,23,42,.10)) !important;
      }
      .header-actions{
        grid-area:links !important;
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:0 !important;
        background:rgba(255,255,255,.82) !important;
        border:1px solid rgba(224,214,239,.95) !important;
        border-radius:999px !important;
        overflow:hidden !important;
        box-shadow:0 12px 28px rgba(83,46,122,.07) !important;
        backdrop-filter:blur(10px) !important;
        -webkit-backdrop-filter:blur(10px) !important;
      }
      .header-actions .cart-toggle{
        grid-area:cart !important;
        position:absolute !important;
        top:20px !important;
        right:16px !important;
        min-width:142px !important;
        min-height:50px !important;
        padding:0 14px !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,#121827 0%,#25223a 100%) !important;
        box-shadow:0 16px 28px rgba(16,24,39,.18) !important;
        font-size:15px !important;
        gap:10px !important;
      }
      .cart-badge{
        min-width:34px !important;
        height:34px !important;
        padding:0 8px !important;
        border-radius:999px !important;
        background:#ef4f86 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:14px !important;
      }
      .top-link{
        min-height:56px !important;
        width:100% !important;
        padding:0 14px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#18212f !important;
        font-size:15px !important;
        font-weight:900 !important;
        gap:10px !important;
      }
      .top-link:first-of-type{
        border-right:1px solid rgba(224,214,239,.95) !important;
      }
      .top-link:hover{
        background:rgba(255,255,255,.48) !important;
      }
      .top-link-icon{
        width:36px !important;
        height:36px !important;
        border-radius:999px !important;
        background:rgba(139,92,246,.10) !important;
        color:#7c3aed !important;
        font-size:17px !important;
      }
      .top-link::after{
        content:"›";
        margin-left:auto;
        color:#6b7280;
        font-size:24px;
        line-height:1;
        transform:translateY(-1px);
      }
      .header-search{
        grid-area:search !important;
        width:100% !important;
        gap:0 !important;
        height:62px !important;
        padding:0 6px 0 0 !important;
        border-radius:999px !important;
        background:rgba(255,255,255,.94) !important;
        border:1px solid rgba(224,214,239,.95) !important;
        box-shadow:0 14px 30px rgba(83,46,122,.08) !important;
      }
      .search-wrap{
        flex:1 !important;
        border-radius:999px !important;
      }
      .search-icon{
        left:20px !important;
        font-size:20px !important;
        color:#9b4fd2 !important;
      }
      .search-input{
        height:60px !important;
        border:0 !important;
        border-radius:999px !important;
        background:transparent !important;
        padding:0 16px 0 54px !important;
        box-shadow:none !important;
        font-size:15px !important;
        font-weight:800 !important;
        color:#18212f !important;
      }
      .search-input::placeholder{
        color:#7a7f8c !important;
        opacity:.95 !important;
      }
      .search-submit{
        width:54px !important;
        height:54px !important;
        flex:0 0 54px !important;
        border-radius:20px !important;
        box-shadow:0 12px 22px rgba(239,79,134,.22) !important;
      }
      .container{
        padding-top:12px !important;
      }
      .hero{
        margin-bottom:18px !important;
      }
      .membership-info-band{
        min-height:54px !important;
        padding:8px 14px !important;
        margin:0 0 18px !important;
        border-radius:999px !important;
        background:linear-gradient(90deg,#fff8e8 0%,#fffdf5 72%,#fff8f1 100%) !important;
        border:1px solid #f3d9a8 !important;
        box-shadow:0 10px 22px rgba(137,91,0,.05) !important;
        gap:10px !important;
      }
      .membership-info-band-icon{
        width:38px !important;
        height:38px !important;
        border-radius:999px !important;
        background:#fff0c9 !important;
        font-size:18px !important;
      }
      .membership-info-band-text{
        font-size:13px !important;
        line-height:1.35 !important;
        font-weight:900 !important;
        color:#744c00 !important;
      }
      .story-highlights-section.story-highlights-compact{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        justify-content:center !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        padding:2px 0 14px !important;
        margin:0 0 12px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlights-track{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        gap:52px !important;
        overflow:visible !important;
        padding:0 !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-item{
        width:128px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-ring{
        width:116px !important;
        height:116px !important;
        margin-bottom:10px !important;
        border-width:2px !important;
        box-shadow:0 12px 22px rgba(239,79,134,.14) !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-title{
        font-size:14px !important;
        color:#18212f !important;
        font-weight:900 !important;
      }
      .hero-main{
        margin-top:4px !important;
        border-radius:24px !important;
        box-shadow:0 16px 34px rgba(83,46,122,.10) !important;
      }
    }

    @media(max-width:520px){
      .header-inner{
        padding:16px 16px 14px !important;
        gap:13px !important;
      }
      .brand-logo-only{
        max-height:60px !important;
      }
      .header-actions .cart-toggle{
        top:18px !important;
        right:16px !important;
        min-width:132px !important;
        min-height:46px !important;
        font-size:14px !important;
      }
      .cart-badge{
        min-width:32px !important;
        height:32px !important;
        font-size:13px !important;
      }
      .header-search{
        height:58px !important;
      }
      .search-input{
        height:56px !important;
        font-size:14px !important;
      }
      .search-submit{
        width:50px !important;
        height:50px !important;
        flex-basis:50px !important;
      }
      .top-link{
        min-height:52px !important;
        font-size:14px !important;
      }
      .top-link-icon{
        width:32px !important;
        height:32px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlights-track{
        gap:48px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-item{
        width:118px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-ring{
        width:108px !important;
        height:108px !important;
      }
    }


    /* Üst bölüm düzeltme: sepet görünür, alan mockup'a daha yakın */
    @media(max-width:860px){
      .site-header{
        overflow:visible !important;
      }
      .header-inner{
        overflow:visible !important;
        padding:18px 16px 15px !important;
        grid-template-columns:1fr !important;
        grid-template-areas:
          "brand"
          "search"
          "links" !important;
      }
      .brand{
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        padding-right:142px !important;
      }
      .brand-logo-only{
        max-height:62px !important;
        max-width:260px !important;
        width:auto !important;
      }
      .header-actions{
        position:static !important;
        overflow:visible !important;
        isolation:isolate !important;
      }
      .header-actions .cart-toggle{
        position:absolute !important;
        top:18px !important;
        right:16px !important;
        z-index:30 !important;
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;
        min-width:130px !important;
        min-height:46px !important;
        padding:0 12px !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,#101827 0%,#232139 100%) !important;
        box-shadow:0 14px 24px rgba(16,24,39,.20) !important;
        transform:none !important;
      }
      .header-actions .cart-toggle span:first-child{
        display:inline-flex !important;
        align-items:center !important;
        gap:6px !important;
        color:#fff !important;
        font-size:14px !important;
        font-weight:900 !important;
      }
      .cart-badge{
        min-width:31px !important;
        height:31px !important;
        font-size:13px !important;
      }
      .header-search{
        margin-top:2px !important;
      }
      .top-link{
        justify-content:center !important;
      }
      .membership-info-band{
        margin-top:0 !important;
      }
    }

    @media(max-width:420px){
      .brand{
        padding-right:132px !important;
      }
      .brand-logo-only{
        max-width:225px !important;
        max-height:56px !important;
      }
      .header-actions .cart-toggle{
        min-width:122px !important;
        min-height:44px !important;
        right:14px !important;
      }
      .cart-badge{
        min-width:29px !important;
        height:29px !important;
        font-size:12px !important;
      }
    }


    /* Üst bölüm sepet final: sepet header içinde ayrı alan, aşağı düşmez */
    .header-cart-main{
      flex-shrink:0;
    }

    @media(min-width:861px){
      .header-inner{
        grid-template-columns:auto minmax(320px,1fr) auto auto !important;
        grid-template-areas:"brand search links cart" !important;
      }
      .brand{grid-area:brand !important;}
      .header-search{grid-area:search !important;}
      .header-actions{grid-area:links !important;}
      .header-cart-main{
        grid-area:cart !important;
        position:static !important;
        display:inline-flex !important;
      }
    }

    @media(max-width:860px){
      .header-inner{
        position:relative !important;
        grid-template-columns:1fr auto !important;
        grid-template-areas:
          "brand cart"
          "search search"
          "links links" !important;
        gap:13px !important;
        overflow:visible !important;
      }
      .brand{
        grid-area:brand !important;
        padding-right:0 !important;
        min-width:0 !important;
      }
      .header-search{
        grid-area:search !important;
      }
      .header-actions{
        grid-area:links !important;
        position:static !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        overflow:hidden !important;
      }
      .header-cart-main{
        grid-area:cart !important;
        position:static !important;
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;
        justify-self:end !important;
        align-self:center !important;
        min-width:132px !important;
        min-height:46px !important;
        padding:0 12px !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,#101827 0%,#232139 100%) !important;
        box-shadow:0 14px 24px rgba(16,24,39,.20) !important;
        transform:none !important;
        z-index:5 !important;
      }
      .header-cart-main span:first-child{
        display:inline-flex !important;
        align-items:center !important;
        gap:6px !important;
        color:#fff !important;
        font-size:14px !important;
        font-weight:900 !important;
      }
      .header-actions .cart-toggle{
        display:none !important;
      }
      .cart-badge{
        min-width:31px !important;
        height:31px !important;
        font-size:13px !important;
      }
      .brand-logo-only{
        max-width:245px !important;
      }
    }

    @media(max-width:420px){
      .header-cart-main{
        min-width:118px !important;
        min-height:44px !important;
        padding:0 10px !important;
      }
      .header-cart-main span:first-child{
        font-size:13px !important;
      }
      .cart-badge{
        min-width:29px !important;
        height:29px !important;
        font-size:12px !important;
      }
      .brand-logo-only{
        max-width:218px !important;
      }
    }


    /* Üst alan arka plan ve story-slider boşluk düzeltmesi */
    @media(max-width:860px){
      html,
      body{
        background:#f7f8fb !important;
      }
      .site-header{
        background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%) !important;
      }
      .container{
        background:#f7f8fb !important;
      }
      .hero{
        margin-bottom:10px !important;
      }
      .membership-info-band{
        margin:0 0 12px !important;
      }
      .homepage-vitrine{
        gap:10px !important;
        margin-top:10px !important;
      }
      .story-highlights-section.story-highlights-compact{
        padding:0 0 4px !important;
        margin:0 0 0 !important;
        background:transparent !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlights-track{
        padding:0 !important;
        margin:0 !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-item{
        padding-bottom:0 !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-ring{
        margin-bottom:7px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-title{
        margin:0 !important;
        line-height:1.15 !important;
      }
      .hero-main{
        margin-top:0 !important;
      }
    }

    @media(max-width:520px){
      .homepage-vitrine{
        gap:8px !important;
        margin-top:8px !important;
      }
      .story-highlights-section.story-highlights-compact{
        padding-bottom:2px !important;
      }
      .story-highlights-section.story-highlights-compact .story-highlight-ring{
        margin-bottom:6px !important;
      }
      .membership-info-band{
        margin-bottom:10px !important;
      }
    }


    /* Slider üstü kategori menüsü + mobil sol kategori çekmecesi */
    .slider-category-nav{
      margin:0 0 14px;
      position:relative;
      z-index:15;
    }
    .desktop-category-scroller{
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px;
      border-radius:22px;
      background:rgba(255,255,255,.96);
      border:1px solid #ece7f4;
      box-shadow:0 12px 28px rgba(15,23,42,.06);
      overflow-x:auto;
      overflow-y:hidden;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    .desktop-category-scroller::-webkit-scrollbar{
      display:none;
    }
    .desktop-category-label{
      min-height:42px;
      padding:0 16px;
      border:0;
      border-radius:999px;
      background:linear-gradient(135deg,#151827,#30284f);
      color:#fff;
      display:inline-flex;
      align-items:center;
      gap:9px;
      font-size:14px;
      font-weight:900;
      flex:0 0 auto;
      cursor:pointer;
      box-shadow:0 12px 22px rgba(16,24,39,.16);
    }
    .desktop-category-label span{
      font-size:18px;
      line-height:1;
    }
    .desktop-category-pill{
      min-height:42px;
      padding:0 16px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
      background:#fff;
      border:1px solid #eee7f5;
      color:#283044;
      font-size:13px;
      font-weight:900;
      white-space:nowrap;
      box-shadow:0 6px 14px rgba(15,23,42,.035);
      transition:.18s ease;
    }
    .desktop-category-pill:hover{
      transform:translateY(-1px);
      border-color:#f4b8cf;
      color:#ef4f86;
      box-shadow:0 10px 18px rgba(239,79,134,.10);
    }
    .mobile-category-trigger{
      display:none;
      min-height:46px;
      padding:0 16px;
      border:0;
      border-radius:999px;
      background:linear-gradient(135deg,#151827,#30284f);
      color:#fff;
      align-items:center;
      gap:10px;
      font-size:15px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 13px 24px rgba(16,24,39,.18);
    }
    .mobile-category-trigger span{
      font-size:20px;
      line-height:1;
    }
    .category-drawer-overlay{
      position:fixed;
      inset:0;
      z-index:2400;
      background:rgba(15,23,42,.34);
      opacity:0;
      pointer-events:none;
      transition:.22s ease;
      backdrop-filter:blur(3px);
      -webkit-backdrop-filter:blur(3px);
    }
    .category-drawer-overlay.active{
      opacity:1;
      pointer-events:auto;
    }
    .category-drawer{
      position:fixed;
      top:0;
      left:0;
      bottom:0;
      width:min(86vw,360px);
      z-index:2401;
      background:#fff;
      border-radius:0 28px 28px 0;
      box-shadow:24px 0 50px rgba(15,23,42,.18);
      transform:translateX(-105%);
      transition:.26s ease;
      display:flex;
      flex-direction:column;
      overflow:hidden;
    }
    .category-drawer.active{
      transform:translateX(0);
    }
    .category-drawer-head{
      padding:20px 18px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      background:linear-gradient(180deg,#fff7fc 0%,#fff 100%);
      border-bottom:1px solid #f0eaf6;
    }
    .category-drawer-head strong{
      display:block;
      font-size:22px;
      line-height:1.1;
      color:#18212f;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .category-drawer-head span{
      display:block;
      margin-top:4px;
      font-size:12px;
      color:#667085;
      font-weight:800;
    }
    .category-drawer-close{
      width:42px;
      height:42px;
      border:0;
      border-radius:999px;
      background:#fff;
      color:#18212f;
      font-size:28px;
      line-height:1;
      cursor:pointer;
      box-shadow:0 8px 18px rgba(15,23,42,.08);
      border:1px solid #f0eaf6;
    }
    .category-drawer-list{
      padding:12px;
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
    }
    .category-drawer-link{
      min-height:50px;
      display:flex;
      align-items:center;
      gap:11px;
      padding:9px 10px;
      border-radius:16px;
      color:#18212f;
      font-size:14px;
      font-weight:900;
      border:1px solid transparent;
      transition:.16s ease;
    }
    .category-drawer-link:hover{
      background:#fff5fa;
      border-color:#f9d3e2;
      color:#ef4f86;
    }
    .category-drawer-icon{
      width:34px;
      height:34px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#f7f2ff;
      flex:0 0 34px;
      font-size:16px;
    }

    @media(max-width:860px){
      .slider-category-nav{
        margin:0 0 10px !important;
        display:flex;
        justify-content:flex-start;
      }
      .desktop-category-scroller{
        display:none !important;
      }
      .mobile-category-trigger{
        display:inline-flex !important;
      }
      .hero-main{
        margin-top:0 !important;
      }
    }

    @media(max-width:520px){
      .slider-category-nav{
        margin-bottom:8px !important;
      }
      .mobile-category-trigger{
        min-height:42px;
        padding:0 14px;
        font-size:14px;
      }
      .category-drawer{
        width:min(88vw,340px);
        border-radius:0 24px 24px 0;
      }
    }


    /* Mobilde kategori menüsü logonun solunda */
    .header-category-trigger{
      display:none;
    }

    @media(max-width:860px){
      .header-inner{
        grid-template-columns:auto minmax(0,1fr) auto !important;
        grid-template-areas:
          "menu brand cart"
          "search search search"
          "links links links" !important;
        align-items:center !important;
        column-gap:10px !important;
      }
      .header-category-trigger{
        grid-area:menu !important;
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        border:0 !important;
        border-radius:999px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#fff !important;
        color:#18212f !important;
        font-size:23px !important;
        font-weight:900 !important;
        box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
        border:1px solid #ece7f4 !important;
        cursor:pointer !important;
        touch-action:manipulation !important;
        -webkit-tap-highlight-color:transparent !important;
      }
      .header-category-trigger span{
        line-height:1 !important;
        transform:translateY(-1px) !important;
      }
      .brand{
        grid-area:brand !important;
        padding-right:0 !important;
        justify-content:flex-start !important;
        min-width:0 !important;
      }
      .brand-logo-only{
        max-width:220px !important;
        max-height:58px !important;
      }
      .header-cart-main{
        grid-area:cart !important;
        justify-self:end !important;
      }
      .header-search{
        grid-area:search !important;
      }
      .header-actions{
        grid-area:links !important;
      }

      /* Mobilde slider üstündeki kategori butonu artık görünmesin; menü header'da */
      .slider-category-nav{
        display:none !important;
      }
    }

    @media(max-width:420px){
      .header-category-trigger{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        font-size:21px !important;
      }
      .brand-logo-only{
        max-width:190px !important;
        max-height:54px !important;
      }
      .header-inner{
        column-gap:8px !important;
      }
    }



    /* Revizyon 1: üst alanı sadeleştir, sepet boşken alt barı gizle */
    .membership-info-band.is-logged-in{
      background:linear-gradient(90deg,#effaf4 0%,#ffffff 72%,#f7fff9 100%) !important;
      border-color:#bfe8ce !important;
      color:#166534 !important;
    }
    .membership-info-band.is-logged-in .membership-info-band-icon{
      background:#dcfce7 !important;
    }
    .membership-info-band.is-logged-in .membership-info-band-text{
      color:#166534 !important;
    }

    details.order-process-home-compact{
      padding:0 !important;
      overflow:hidden;
    }
    details.order-process-home-compact > summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:18px;
      user-select:none;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
    }
    details.order-process-home-compact > summary::-webkit-details-marker{display:none;}
    details.order-process-home-compact .order-process-home-head{margin:0 !important;}
    .order-process-home-toggle{
      width:38px;
      height:38px;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      color:#ef4f86;
      font-size:28px;
      font-weight:900;
      box-shadow:0 8px 20px rgba(15,23,42,.06);
      transform:rotate(90deg);
      transition:.18s ease;
      flex-shrink:0;
    }
    details.order-process-home-compact[open] .order-process-home-toggle{transform:rotate(-90deg);}
    details.order-process-home-compact .order-process-home-text{
      padding:0 18px;
      margin:0 0 14px !important;
    }
    details.order-process-home-compact .order-process-home-steps{
      padding:0 18px 18px;
    }

    .mobile-cart-bar.cart-empty,
    .bottom-checkout-bar.cart-empty{
      display:none !important;
    }
    .bottom-checkout-bar.cart-has-items{
      display:flex !important;
    }

    @media(max-width:860px){
      .mobile-cart-bar{display:none !important;}
      .mobile-cart-bar.cart-has-items{display:flex !important;}
      .bottom-checkout-bar{display:none !important;}
      .floating-whatsapp{
        width:54px !important;
        height:54px !important;
        min-height:54px !important;
        padding:0 !important;
        right:14px !important;
        bottom:18px !important;
        border-radius:999px !important;
        justify-content:center !important;
        gap:0 !important;
      }
      body.cart-has-items .floating-whatsapp{
        bottom:86px !important;
      }
      .floating-whatsapp-icon{
        width:42px !important;
        height:42px !important;
        background:transparent !important;
        font-size:24px !important;
      }
      .floating-whatsapp-text{display:none !important;}
      details.order-process-home-compact > summary{
        padding:14px !important;
      }
      details.order-process-home-compact .order-process-home-text{
        padding:0 14px;
        font-size:12px !important;
      }
      details.order-process-home-compact .order-process-home-steps{
        padding:0 14px 14px;
      }
    }



    /* Kategori alanı toparlama: ana sayfada ilk 6 kategori, devamı açılır */
    .homepage-categories-section{
      margin:18px 0 22px !important;
    }
    .home-category-section-head{
      align-items:center !important;
      margin-bottom:12px !important;
    }
    .home-category-see-all-link{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#ef4f86;
      font-size:14px;
      font-weight:900;
      white-space:nowrap;
    }
    .home-category-collapsible-grid:not(.is-expanded) .home-category-hidden{
      display:none !important;
    }
    .home-category-show-more-wrap{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin:14px 0 0;
    }
    .home-category-show-more-btn{
      min-height:44px;
      padding:0 18px;
      border:0;
      border-radius:999px;
      background:linear-gradient(180deg,#ff5f97,#ef4f86);
      color:#fff;
      font-size:14px;
      font-weight:900;
      cursor:pointer;
      box-shadow:0 12px 24px rgba(239,79,134,.18);
    }
    .home-category-show-more-count{
      color:#667085;
      font-size:13px;
      font-weight:800;
      white-space:nowrap;
    }
    @media(max-width:860px){
      .homepage-categories-section{
        margin:14px 0 18px !important;
      }
      .home-category-see-all-link{
        font-size:13px;
      }
      .home-category-show-more-wrap{
        margin-top:12px;
      }
      .home-category-show-more-btn{
        min-height:42px;
        padding:0 16px;
        font-size:13px;
      }
      .home-category-show-more-count{
        font-size:12px;
      }
    }



/* =========================================================
   REVİZE 3: MOBİL ÜRÜN KARTLARI
   Amaç: kart içini sıkışıklıktan kurtarmak, adet + sepet butonunu daha rahat basılır yapmak.
========================================================= */
@media (max-width: 768px){
  .home-products-carousel-wrap{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .home-products-grid{
    gap: 10px !important;
    padding-bottom: 4px !important;
  }

  .home-products-grid .product-card{
    flex: 0 0 204px !important;
    max-width: 204px !important;
    height: auto !important;
    min-height: 430px !important;
    border-radius: 12px !important;
  }

  .home-products-grid .product-image-wrap{
    height: 228px !important;
  }

  .home-products-grid .product-body{
    padding: 9px 10px 10px !important;
  }

  .home-products-grid .product-title{
    min-height: 36px !important;
    max-height: 36px !important;
    margin-bottom: 7px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home-products-grid .detail-btn{
    height: 28px !important;
    min-height: 28px !important;
    margin-bottom: 8px !important;
    background: #f4edff !important;
    border-color: #decaff !important;
    color: #6b2bd9 !important;
  }

  .home-products-grid .product-price{
    font-size: 18px !important;
    margin: 0 0 8px !important;
  }

  .home-products-grid .qty-add-row{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: auto !important;
  }

  .home-products-grid .qty-box{
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    display: grid !important;
    grid-template-columns: 36px 1fr 36px !important;
    border-radius: 10px !important;
  }

  .home-products-grid .qty-btn,
  .home-products-grid .qty-input{
    height: 34px !important;
  }

  .home-products-grid .add-cart-btn{
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .home-products-nav{
    width: 38px !important;
    height: 58px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
  }
}

/* Mobil sepet düzeltmesi: masaüstü ödeme barı mobilde görünmesin, alt alan çakışmasın */
@media(max-width:860px){
  body.cart-has-items .container{
    padding-bottom:138px !important;
  }
  .bottom-checkout-bar,
  .bottom-checkout-bar.cart-has-items{
    display:none !important;
  }
  .mobile-cart-bar.cart-has-items{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    left:12px !important;
    right:12px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    max-width:calc(100vw - 24px);
    min-height:58px;
    padding:8px 9px !important;
    gap:8px !important;
    border-radius:16px !important;
    box-sizing:border-box;
  }
  .mobile-cart-total{
    min-width:0;
    font-size:11px !important;
    line-height:1.15;
  }
  .mobile-cart-total strong{
    font-size:15px !important;
    line-height:1.15;
    white-space:nowrap;
  }
  .mobile-cart-btn{
    min-height:40px !important;
    padding:9px 11px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
  body.cart-has-items .floating-whatsapp{
    right:14px !important;
    bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    width:50px !important;
    height:50px !important;
    min-height:50px !important;
  }
  body.cart-has-items .floating-whatsapp-icon{
    width:40px !important;
    height:40px !important;
    font-size:22px !important;
  }
}
@media(max-width:380px){
  body.cart-has-items .container{
    padding-bottom:128px !important;
  }
  .mobile-cart-total strong{
    font-size:14px !important;
  }
  .mobile-cart-btn{
    padding:8px 9px !important;
    font-size:11px !important;
  }
}



/* ===== V7: Mockup benzeri mobil header + slider düzeni ===== */
@media (max-width: 860px){
  body{
    background:linear-gradient(180deg,#fbfbfd 0%,#f7f7fb 100%) !important;
  }
  .site-header{
    position:relative !important;
    background:#ffffff !important;
    border-bottom:1px solid #f0e7f1 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .header-inner{
    max-width:620px !important;
    margin:0 auto !important;
    padding:16px 16px 10px !important;
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    grid-template-areas:
      "menu brand cart"
      "search search search"
      "links links links" !important;
    column-gap:12px !important;
    row-gap:14px !important;
    align-items:center !important;
  }
  .header-category-trigger{
    grid-area:menu !important;
    display:inline-flex !important;
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    border:1px solid #efe7f2 !important;
    border-radius:18px !important;
    background:#fff !important;
    color:#182132 !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:27px !important;
    box-shadow:none !important;
    position:static !important;
  }
  .header-category-trigger span{transform:translateY(-1px) !important;}
  .brand{
    grid-area:brand !important;
    justify-content:center !important;
    padding-right:0 !important;
    min-width:0 !important;
  }
  .brand-logo-only{
    width:auto !important;
    max-width:220px !important;
    max-height:56px !important;
    filter:none !important;
  }
  .header-cart-main,
  .header-actions .cart-toggle{
    grid-area:cart !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    justify-self:end !important;
    width:62px !important;
    min-width:62px !important;
    height:62px !important;
    min-height:62px !important;
    padding:0 !important;
    border-radius:20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg,#1b2242 0%,#131a33 100%) !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .header-cart-main > span:first-child,
  .header-actions .cart-toggle > span:first-child{
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
  }
  .header-cart-main::before,
  .header-actions .cart-toggle::before{
    content:"🛒";
    font-size:28px;
    line-height:1;
    color:#ffffff;
    transform:translateY(-1px);
  }
  .cart-badge{
    position:absolute !important;
    top:-6px !important;
    right:-6px !important;
    min-width:24px !important;
    height:24px !important;
    padding:0 6px !important;
    border:3px solid #fff !important;
    background:#ef4f86 !important;
    font-size:12px !important;
    line-height:1 !important;
    box-shadow:none !important;
  }
  .header-search{
    grid-area:search !important;
    width:100% !important;
    height:66px !important;
    padding:0 6px 0 0 !important;
    gap:0 !important;
    background:#fff !important;
    border:2px solid #f3bfd0 !important;
    border-radius:24px !important;
    box-shadow:none !important;
  }
  .search-wrap{
    flex:1 !important;
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }
  .search-icon{
    left:20px !important;
    font-size:23px !important;
    color:#8f95a4 !important;
  }
  .search-input{
    height:100% !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:24px !important;
    padding:0 18px 0 54px !important;
    font-size:16px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
  }
  .search-submit{
    width:68px !important;
    height:54px !important;
    flex:0 0 68px !important;
    border-radius:18px !important;
    margin-right:0 !important;
    box-shadow:none !important;
    background:linear-gradient(180deg,#ff5d99 0%,#ef4f86 100%) !important;
    border:0 !important;
    font-size:27px !important;
  }
  .header-actions{
    grid-area:links !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 !important;
    background:#fff !important;
    border:1px solid #efe7f1 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:none !important;
  }
  .top-link{
    min-height:56px !important;
    width:100% !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    padding:0 16px !important;
    gap:12px !important;
    justify-content:flex-start !important;
    color:#182132 !important;
    font-size:16px !important;
    font-weight:900 !important;
  }
  .top-link:first-of-type{border-right:1px solid #efe7f1 !important;}
  .top-link::after{display:none !important;content:none !important;}
  .top-link-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:999px !important;
    background:#fff4f8 !important;
    color:#ef4f86 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
  }
  .top-link-text{
    color:#182132 !important;
    font-size:16px !important;
    font-weight:900 !important;
  }
  .container{
    max-width:620px !important;
    margin:0 auto !important;
    padding:10px 16px 110px !important;
  }
  .hero{
    margin-bottom:14px !important;
  }
  .membership-info-band,
  .cash-discount-band{
    display:none !important;
  }
  .slider-category-nav{
    display:none !important;
  }
  .hero-main{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 5 !important;
    border-radius:30px !important;
    background:#f8eef2 !important;
    box-shadow:0 12px 32px rgba(15,23,42,.08) !important;
    overflow:hidden !important;
  }
  .hero-main picture,
  .hero-slide picture,
  .hero-slide-link,
  .hero-slide-link.is-disabled{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }
  .hero-main img,
  .hero-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    filter:none !important;
  }
  .hero-slider-nav{
    width:52px !important;
    height:52px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    color:#ef4f86 !important;
    font-size:28px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
  }
  .hero-slider-prev{left:14px !important;}
  .hero-slider-next{right:14px !important;}
  .hero-slider-dots{
    bottom:18px !important;
    gap:10px !important;
    background:rgba(255,255,255,.92) !important;
    padding:8px 14px !important;
    border-radius:999px !important;
    box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
  }
  .hero-slider-dot{
    width:12px !important;
    height:12px !important;
    background:#dddddf !important;
  }
  .hero-slider-dot.active{
    background:#ef4f86 !important;
    transform:none !important;
  }
}
@media (max-width: 420px){
  .header-inner{
    padding:14px 12px 10px !important;
    row-gap:12px !important;
    column-gap:10px !important;
  }
  .header-category-trigger{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:16px !important;
  }
  .brand-logo-only{
    max-width:190px !important;
    max-height:52px !important;
  }
  .header-cart-main,
  .header-actions .cart-toggle{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    min-height:58px !important;
    border-radius:18px !important;
  }
  .search-submit{
    width:62px !important;
    flex-basis:62px !important;
    height:52px !important;
  }
  .top-link{
    padding:0 12px !important;
    font-size:15px !important;
  }
  .top-link-text{
    font-size:15px !important;
  }
  .container{
    padding:10px 12px 110px !important;
  }
  .hero-main{
    border-radius:26px !important;
  }
  .hero-slider-nav{
    width:48px !important;
    height:48px !important;
    font-size:26px !important;
  }
}



/* ===== V8: Masaüstü slider görsel oranıyla birebir uyum ===== */
@media (min-width: 861px){
  .hero-main{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    border-radius:34px !important;
    overflow:hidden !important;
    background:#f8eef2 !important;
  }
  .hero-main picture,
  .hero-slide picture,
  .hero-slide-link,
  .hero-slide-link.is-disabled{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }
  .hero-main img,
  .hero-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .hero-slider-nav{
    width:54px !important;
    height:54px !important;
  }
  .hero-slider-dots{
    bottom:20px !important;
  }
}



/* SEO ADIM 1: görünür ana başlık ve kullanıcı odaklı ana sayfa içerik alanı */
.seo-page-intro{
  max-width:1400px;
  margin:14px auto 12px;
  padding:0 20px;
}
.seo-page-intro h1{
  margin:0;
  color:#182132;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.02em;
}
.seo-page-intro p{
  margin:7px 0 0;
  max-width:900px;
  color:#667085;
  font-size:14px;
  line-height:1.65;
}
.home-seo-content{
  max-width:1400px;
  margin:34px auto 0;
  padding:0 20px;
}
.home-seo-content-inner{
  background:#fff;
  border:1px solid #ece7f4;
  border-radius:28px;
  padding:clamp(22px, 4vw, 42px);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.home-seo-kicker{
  margin:0 0 8px;
  color:#ef4f86;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-seo-content h2{
  margin:0;
  color:#182132;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.2;
}
.home-seo-lead{
  max-width:1000px;
  margin:14px 0 0;
  color:#475467;
  font-size:15px;
  line-height:1.8;
}
.home-proof-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.home-proof-item{
  padding:14px 12px;
  border:1px solid #eeeaf3;
  border-radius:16px;
  background:#fff;
  text-align:center;
}
.home-proof-item strong{
  display:block;
  color:#182132;
  font-size:15px;
  line-height:1.3;
}
.home-proof-item span{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.home-seo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.home-seo-card{
  background:#faf9fc;
  border:1px solid #eeeaf3;
  border-radius:20px;
  padding:20px;
}
.home-seo-card h3{
  margin:0 0 8px;
  color:#182132;
  font-size:17px;
  line-height:1.35;
}
.home-seo-card p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
.home-seo-links{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #eeeaf3;
}
.home-seo-links strong{
  display:block;
  margin-bottom:12px;
  color:#344054;
  font-size:14px;
}
.home-seo-link-list{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.home-seo-link-list a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid #e6e1eb;
  border-radius:999px;
  background:#fff;
  color:#344054;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.home-seo-link-list a:hover{
  border-color:#ef4f86;
  color:#ef4f86;
}
.home-guide-hub{
  margin-top:30px;padding-top:26px;border-top:1px solid #eeeaf3;
}
.home-guide-hub h2{margin:0 0 7px;font-size:22px}
.home-guide-hub>p{margin:0;color:#667085;font-size:14px;line-height:1.65}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.home-guide-card{
  display:block;padding:17px;border:1px solid #e8eaf0;border-radius:16px;
  background:#fff;text-decoration:none;color:#182132;
}
.home-guide-card:hover{border-color:#ef4f86}
.home-guide-card strong{display:block;font-size:15px;line-height:1.35}
.home-guide-card span{display:block;margin-top:7px;color:#667085;font-size:13px;line-height:1.55}
@media(max-width:900px){.home-guide-grid{grid-template-columns:1fr}}
.home-faq{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid #eeeaf3;
}
.home-faq h2{
  margin:0 0 14px;
  font-size:22px;
}
.home-faq details{
  border:1px solid #eeeaf3;
  border-radius:14px;
  background:#fff;
  margin-top:9px;
  overflow:hidden;
}
.home-faq summary{
  cursor:pointer;
  list-style:none;
  padding:15px 16px;
  color:#182132;
  font-size:14px;
  font-weight:850;
}
.home-faq summary::-webkit-details-marker{display:none;}
.home-faq details p{
  margin:0;
  padding:0 16px 16px;
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
@media(max-width:900px){
  .home-seo-grid{grid-template-columns:1fr;}
  .home-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:768px){
  .seo-page-intro{margin:10px auto 8px;padding:0 14px;}
  .seo-page-intro p{font-size:13px;}
  .home-seo-content{margin-top:24px;padding:0 12px;}
  .home-seo-content-inner{border-radius:22px;padding:20px 16px;}
  .home-seo-lead{font-size:14px;line-height:1.7;}
}


.dealer-cta-box{margin-top:8px}
.dealer-cta-btn{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border-radius:11px;background:#fff4f7;border:1px solid #f5b8cb;color:#c52f69!important;font-size:12px;font-weight:900;text-decoration:none;line-height:1.2}
.dealer-cta-btn:hover{background:#ffe8ef;border-color:#ef8daf}
.product-price-locked{margin-top:10px;padding:12px;border-radius:14px;background:#fff7fa;border:1px solid #f8c2d2;color:#9f1239;font-size:13px;font-weight:800;line-height:1.5}.product-price-locked a{display:inline-flex;margin-top:8px;color:#fff!important;background:linear-gradient(180deg,#ff5d97,#ef4f86);padding:9px 12px;border-radius:10px;font-weight:900;text-decoration:none}



/* ===== MOBIL URUN KARTLARI: SATIN ALMA ONCELIKLI DUZEN ===== */
.dealer-cta-mobile{display:none}
@media(max-width:768px){
  .product-card .product-body,
  .home-products-grid .product-card .product-body{
    display:flex !important;
    flex-direction:column !important;
  }
  .product-card .qty-add-row,
  .home-products-grid .product-card .qty-add-row{
    margin-top:7px !important;
    margin-bottom:0 !important;
  }
  .dealer-cta-box{
    margin-top:4px !important;
    padding:0 !important;
    text-align:center !important;
  }
  .dealer-cta-btn{
    width:auto !important;
    min-height:0 !important;
    padding:5px 2px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#d6336c !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }
  .dealer-cta-btn:hover{background:transparent !important;border:0 !important}
  .dealer-cta-desktop{display:none !important}
  .dealer-cta-mobile{display:inline !important}
  .product-card .product-price,
  .home-products-grid .product-card .product-price{
    margin-bottom:3px !important;
  }
  /* Iki sutunlu mobil kartlarda buton yazilarinin sıkışmasını önle */
  .products .product-card .add-cart-btn,
  .home-products-grid .product-card .add-cart-btn{
    font-size:11px !important;
  }
}


/* ============================================================
   MOBIL FINAL TASARIM V1 — Index + Kategori Menusu + Sepet
   2026-08-26
   Masaustu davranisini korur; 768px ve altinda yeni tasarim devreye girer.
   ============================================================ */
.mobile-bayi-strip,
.mobile-quick-categories{display:none;}
.search-submit-label{display:none;}
.search-submit-icon{display:inline;}
.category-drawer-search-wrap,
.category-drawer-bayi,
.category-drawer-chevron,
.category-drawer-empty{display:none;}

@media(max-width:768px){
  :root{
    --mobile-navy:#0b1d46;
    --mobile-pink:#ef3f78;
    --mobile-pink-2:#ff5b91;
    --mobile-line:#e8ebf2;
    --mobile-muted:#68758d;
  }
  html,body{background:#fff !important;}
  body{color:var(--mobile-navy) !important;}
  .site-header{
    position:relative !important;
    top:auto !important;
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .header-inner{
    max-width:620px !important;
    margin:0 auto !important;
    padding:11px 16px 12px !important;
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    grid-template-areas:"menu brand cart" "search search search" !important;
    row-gap:12px !important;
    column-gap:10px !important;
  }
  .header-category-trigger{
    display:flex !important;
    width:46px !important;height:46px !important;min-width:46px !important;
    border:0 !important;background:transparent !important;color:var(--mobile-navy) !important;
    border-radius:14px !important;box-shadow:none !important;font-size:0 !important;
    align-items:center !important;justify-content:center !important;
  }
  .header-category-trigger span{font-size:30px !important;font-weight:400 !important;line-height:1 !important;}
  .brand{grid-area:brand !important;justify-self:center !important;}
  .brand-logo-only{max-width:180px !important;max-height:54px !important;width:auto !important;}
  .header-cart-main{
    grid-area:cart !important;position:relative !important;top:auto !important;right:auto !important;
    width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;
    padding:0 !important;border:0 !important;border-radius:14px !important;background:#fff !important;
    color:var(--mobile-navy) !important;box-shadow:none !important;font-size:0 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
  }
  .header-cart-main > span:first-child{font-size:0 !important;}
  .header-cart-main > span:first-child::before{content:"🛒";font-size:28px;line-height:1;}
  .header-cart-main .cart-badge{
    position:absolute !important;right:-3px !important;top:-4px !important;
    min-width:22px !important;width:auto !important;height:22px !important;padding:0 5px !important;
    border:2px solid #fff !important;border-radius:999px !important;background:var(--mobile-pink) !important;
    color:#fff !important;font-size:11px !important;font-weight:900 !important;
  }
  .header-actions{display:none !important;}
  .header-search{
    grid-area:search !important;width:100% !important;height:54px !important;min-height:54px !important;
    padding:3px 4px 3px 0 !important;border:1.5px solid #f38aae !important;border-radius:20px !important;
    box-shadow:none !important;background:#fff !important;gap:0 !important;
  }
  .search-wrap{height:100% !important;border:0 !important;background:transparent !important;}
  .search-icon{left:17px !important;font-size:0 !important;color:var(--mobile-navy) !important;}
  .search-icon::before{content:"⌕";font-size:30px;font-weight:400;line-height:1;}
  .search-input{
    height:100% !important;padding:0 12px 0 52px !important;border:0 !important;background:transparent !important;
    font-size:14px !important;font-weight:700 !important;color:var(--mobile-navy) !important;box-shadow:none !important;
  }
  .search-input::placeholder{color:#8d94a4 !important;font-weight:650 !important;}
  .search-submit{
    width:68px !important;height:46px !important;flex:0 0 68px !important;margin:0 !important;
    border-radius:16px !important;background:linear-gradient(135deg,var(--mobile-pink-2),var(--mobile-pink)) !important;
    box-shadow:none !important;color:#fff !important;font-size:15px !important;font-weight:900 !important;
  }
  .search-submit span{font-size:15px !important;font-weight:900 !important;}
  .search-submit-icon{display:none !important;}
  .search-submit-label{display:inline !important;}
  .mobile-bayi-strip{
    display:block !important;background:linear-gradient(90deg,#fff 0%,#fff6f9 50%,#fff 100%) !important;
    border-top:1px solid #f8edf1;border-bottom:1px solid #f8edf1;
  }
  .mobile-bayi-strip a{
    min-height:45px;max-width:620px;margin:0 auto;padding:0 16px;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
    color:var(--mobile-navy);font-size:13px;font-weight:750;
  }
  .mobile-bayi-strip strong{color:var(--mobile-pink);font-weight:900;}
  .mobile-bayi-arrow{color:var(--mobile-pink);font-size:19px;font-weight:900;}

  .container{max-width:620px !important;padding:12px 14px 105px !important;background:#fff !important;}
  .is-home-page .seo-page-intro{display:none !important;}
  .hero{margin:0 !important;}
  .membership-info-band,.cash-discount-band{display:none !important;}
  .slider-category-nav{display:none !important;}
  .hero-main{
    width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:4/3 !important;
    margin:0 !important;border-radius:22px !important;overflow:hidden !important;background:#f8f9fc !important;
    box-shadow:none !important;border:1px solid #eef0f5 !important;
  }
  .hero-main img,.hero-slide img{object-fit:cover !important;object-position:center center !important;}
  .hero-slider-nav{display:none !important;}
  .hero-slider-dots{
    bottom:10px !important;padding:5px 9px !important;gap:6px !important;background:rgba(255,255,255,.92) !important;
    box-shadow:none !important;
  }
  .hero-slider-dot{width:7px !important;height:7px !important;}
  .hero-slider-dot.active{width:18px !important;border-radius:999px !important;background:var(--mobile-pink) !important;}
  .mobile-quick-categories{
    display:flex !important;gap:9px !important;overflow-x:auto !important;scroll-snap-type:x proximity;
    padding:14px 1px 4px !important;margin:0 0 10px !important;scrollbar-width:none;
  }
  .mobile-quick-categories::-webkit-scrollbar{display:none;}
  .mobile-quick-category{
    flex:0 0 64px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;
    color:var(--mobile-navy);text-decoration:none;font-size:10.5px;font-weight:850;line-height:1.15;scroll-snap-align:start;
  }
  .mobile-quick-category-icon{
    width:52px;height:52px;border-radius:18px;border:1px solid #edf0f5;background:#fff;
    display:flex;align-items:center;justify-content:center;color:var(--mobile-pink);font-size:22px;font-weight:900;
    box-shadow:0 6px 16px rgba(15,23,42,.04);
  }

  .homepage-vitrine{display:block !important;}
  .homepage-section{margin:28px 0 0 !important;}
  .homepage-section-head{margin-bottom:12px !important;align-items:center !important;gap:8px !important;}
  .homepage-section-title{font-size:25px !important;line-height:1.05 !important;color:var(--mobile-navy) !important;letter-spacing:-.04em !important;}
  .homepage-section-subtitle{font-size:12px !important;line-height:1.45 !important;margin-top:5px !important;color:var(--mobile-muted) !important;}
  .home-products-title-badge{
    width:31px !important;height:31px !important;border-radius:10px !important;background:transparent !important;
    color:var(--mobile-pink) !important;box-shadow:none !important;font-size:22px !important;
  }
  .home-products-title-sub{display:none !important;}
  .home-products-carousel-wrap{padding:0 !important;}
  .home-products-nav{display:none !important;}
  .home-products-grid{
    display:grid !important;grid-auto-flow:column !important;grid-auto-columns:calc(50% - 6px) !important;
    grid-template-columns:none !important;gap:12px !important;overflow-x:auto !important;padding:1px 1px 5px !important;
    scroll-snap-type:x mandatory !important;scrollbar-width:none !important;
  }
  .home-products-grid::-webkit-scrollbar{display:none !important;}
  .home-products-grid .product-card{
    width:auto !important;min-width:0 !important;scroll-snap-align:start !important;border-radius:16px !important;
    border:1px solid #e9ecf2 !important;background:#fff !important;box-shadow:none !important;overflow:hidden !important;
  }
  .home-products-grid .product-image-wrap{height:auto !important;padding:7px 7px 0 !important;background:#fff !important;}
  .home-products-grid .product-image{height:auto !important;aspect-ratio:1/1 !important;object-fit:contain !important;border-radius:12px !important;background:#fafafa !important;}
  .home-products-grid .fav-dot,.products .product-card .fav-dot{display:none !important;}
  .home-products-grid .product-badge-sticker,.products .product-badge-sticker{width:auto !important;height:auto !important;min-width:0 !important;border-radius:999px !important;padding:5px 8px !important;font-size:9px !important;transform:none !important;border:2px solid #fff !important;}
  .home-products-grid .product-badge-sticker::after,.products .product-badge-sticker::after{display:none !important;}
  .home-products-grid .product-body{padding:10px !important;}
  .home-products-grid .product-title{
    min-height:34px !important;margin:0 !important;font-size:12px !important;line-height:1.35 !important;font-weight:800 !important;
    color:#182132 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;
  }
  .home-products-grid .detail-btn,.products .product-card .detail-btn{display:none !important;}
  .home-products-grid .product-price{margin:6px 0 0 !important;font-size:20px !important;line-height:1.1 !important;color:var(--mobile-navy) !important;letter-spacing:-.035em !important;}
  .home-products-grid .qty-add-row{
    margin-top:8px !important;display:grid !important;grid-template-columns:1fr !important;gap:7px !important;
  }
  .home-products-grid .qty-box{min-height:36px !important;height:36px !important;border-radius:10px !important;grid-template-columns:32px 1fr 32px !important;}
  .home-products-grid .qty-btn,.home-products-grid .qty-input{height:34px !important;font-size:14px !important;}
  .home-products-grid .add-cart-btn{min-height:39px !important;border-radius:10px !important;font-size:11px !important;box-shadow:none !important;}
  .dealer-cta-box{margin-top:4px !important;}
  .dealer-cta-btn{font-size:9.8px !important;font-weight:850 !important;color:#d9366c !important;padding:5px 0 2px !important;}

  /* Kategori vitrini: banner yerine temiz satir kartlari */
  .homepage-categories-section{padding-top:2px !important;}
  .home-category-section-head{align-items:flex-end !important;}
  .home-category-see-all-link{
    border:0 !important;background:transparent !important;padding:4px 0 !important;color:var(--mobile-pink) !important;
    font-size:12px !important;font-weight:900 !important;box-shadow:none !important;
  }
  .home-category-banner-grid{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;}
  .home-category-banner-card{
    min-height:92px !important;height:92px !important;border-radius:16px !important;border:1px solid #e9ecf2 !important;
    box-shadow:none !important;background:#fff !important;overflow:hidden !important;display:block !important;
  }
  .home-category-banner-card::after{display:none !important;}
  .home-category-banner-card img{
    left:auto !important;right:0 !important;top:0 !important;bottom:0 !important;width:48% !important;height:100% !important;
    object-fit:contain !important;object-position:center !important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff8fb) !important;
  }
  .home-category-banner-title{
    position:absolute !important;left:14px !important;right:46% !important;top:0 !important;bottom:0 !important;
    display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;
  }
  .home-category-banner-title strong{
    max-width:none !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;
    backdrop-filter:none !important;box-shadow:none !important;color:var(--mobile-navy) !important;font-size:14px !important;line-height:1.2 !important;
    text-shadow:none !important;
  }
  .home-category-banner-title span:last-child{
    position:absolute !important;right:-42% !important;width:31px !important;height:31px !important;border:1px solid #edf0f5 !important;
    box-shadow:none !important;background:#fff !important;color:var(--mobile-pink) !important;font-size:20px !important;
  }
  .home-category-show-more-wrap{margin-top:12px !important;gap:8px !important;}
  .home-category-show-more-btn{
    min-height:42px !important;border-radius:999px !important;padding:0 18px !important;background:var(--mobile-pink) !important;
    box-shadow:none !important;font-size:12px !important;
  }
  .home-category-show-more-count{font-size:11px !important;}

  /* Konseptler: her konsepte daha karakterli, daha az pembe kart */
  .home-concept-card-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .home-concept-card{
    display:block !important;min-height:210px !important;border-radius:17px !important;border:1px solid #e9ecf2 !important;
    background:#fff !important;box-shadow:none !important;overflow:hidden !important;
  }
  .home-concept-card:nth-child(4n+1){background:linear-gradient(180deg,#16191f 0%,#262019 100%) !important;border-color:#2d2b28 !important;}
  .home-concept-card:nth-child(4n+2){background:linear-gradient(180deg,#fff 0%,#fff4f7 100%) !important;}
  .home-concept-card:nth-child(4n+3){background:linear-gradient(180deg,#f8fbff 0%,#fff1f7 100%) !important;}
  .home-concept-card:nth-child(4n+4){background:linear-gradient(180deg,#0d234d 0%,#112d60 100%) !important;border-color:#17386d !important;}
  .home-concept-card-media{height:118px !important;min-height:118px !important;border:0 !important;}
  .home-concept-card-media img{height:100% !important;object-fit:cover !important;}
  .home-concept-card-body{min-height:92px !important;padding:10px 12px 12px !important;display:block !important;}
  .home-concept-card-kicker{display:none !important;}
  .home-concept-card-body h3{font-size:15px !important;line-height:1.1 !important;margin:0 0 5px !important;color:var(--mobile-navy) !important;}
  .home-concept-card-body p{font-size:10.5px !important;line-height:1.35 !important;margin:0 !important;color:#667085 !important;-webkit-line-clamp:2 !important;}
  .home-concept-card-action{display:none !important;}
  .home-concept-card-arrow{
    right:10px !important;bottom:10px !important;top:auto !important;transform:none !important;width:30px !important;height:30px !important;
    border-radius:999px !important;background:#fff !important;color:var(--mobile-pink) !important;border:1px solid #edf0f5 !important;box-shadow:none !important;font-size:18px !important;
  }
  .home-concept-card::before{display:none !important;}
  .home-concept-card:nth-child(4n+1) .home-concept-card-body h3,
  .home-concept-card:nth-child(4n+4) .home-concept-card-body h3{color:#fff !important;}
  .home-concept-card:nth-child(4n+1) .home-concept-card-body p,
  .home-concept-card:nth-child(4n+4) .home-concept-card-body p{color:#d9deea !important;}

  .order-process-home{border-radius:16px !important;box-shadow:none !important;border:1px solid #e9ecf2 !important;background:#fff !important;margin-top:28px !important;}
  .order-process-home-summary{padding:14px 15px !important;}
  .order-process-home-head h3{font-size:15px !important;}
  .order-process-home-icon{width:34px !important;height:34px !important;}

  /* Mobil kategori drawer */
  .category-drawer-overlay{background:rgba(9,20,45,.46) !important;backdrop-filter:blur(5px) !important;-webkit-backdrop-filter:blur(5px) !important;}
  .category-drawer{
    width:min(89vw,380px) !important;border-radius:0 28px 28px 0 !important;background:#fff !important;
    box-shadow:24px 0 64px rgba(5,18,42,.22) !important;
  }
  .category-drawer-head{
    flex:0 0 auto;padding:18px 18px 12px !important;background:#fff !important;border:0 !important;
  }
  .category-drawer-head strong{font-size:25px !important;color:var(--mobile-navy) !important;}
  .category-drawer-head span{font-size:11px !important;color:var(--mobile-muted) !important;}
  .category-drawer-close{width:40px !important;height:40px !important;border:1px solid #edf0f5 !important;background:#fff !important;box-shadow:none !important;font-size:24px !important;}
  .category-drawer-scroll{display:block !important;flex:1;overflow-y:auto;padding:0 14px 12px;-webkit-overflow-scrolling:touch;}
  .category-drawer-search-wrap{
    display:flex !important;align-items:center;position:sticky;top:0;z-index:2;background:#fff;padding:6px 0 12px;
  }
  .category-drawer-search-icon{position:absolute;left:15px;color:var(--mobile-pink);font-size:23px;}
  .category-drawer-search{
    width:100%;height:48px;border:1px solid #f1c4d4;border-radius:15px;background:#fff8fb;padding:0 14px 0 47px;
    outline:none;font-size:13px;font-weight:750;color:var(--mobile-navy);
  }
  .category-drawer-home-row{margin-bottom:13px;}
  .category-drawer-list{padding:0 !important;overflow:visible !important;}
  .category-drawer-group{margin-top:15px;}
  .category-drawer-group h3{
    margin:0 0 6px;padding:0 3px 7px;border-bottom:1px solid #eef0f4;color:var(--mobile-navy);
    font-size:11px;line-height:1;font-weight:950;letter-spacing:.06em;text-transform:uppercase;
  }
  .category-drawer-link{
    min-height:45px !important;padding:5px 3px !important;border:0 !important;border-radius:10px !important;background:#fff !important;
    gap:9px !important;color:var(--mobile-navy) !important;font-size:13px !important;font-weight:850 !important;text-decoration:none !important;
  }
  .category-drawer-link-home{min-height:54px !important;padding:7px 9px !important;background:linear-gradient(90deg,#fff5f8,#fff) !important;border:1px solid #f7dce5 !important;}
  .category-drawer-icon{
    width:36px !important;height:36px !important;flex:0 0 36px !important;border-radius:12px !important;background:#fff4f8 !important;
    color:var(--mobile-pink) !important;font-size:15px !important;font-weight:900 !important;
  }
  .category-drawer-link-text{flex:1;min-width:0;}
  .category-drawer-chevron{display:block !important;margin-left:auto;color:var(--mobile-navy);font-size:22px;font-weight:900;}
  .category-drawer-empty{padding:24px 10px;text-align:center;color:var(--mobile-muted);font-size:13px;font-weight:800;}
  .category-drawer-empty:not([hidden]){display:block !important;}
  .category-drawer-bayi{display:block !important;flex:0 0 auto;padding:10px 14px 16px;background:#fff;border-top:1px solid #f0f1f5;}
  .category-drawer-bayi a{
    min-height:58px;padding:8px 12px;border-radius:15px;background:linear-gradient(90deg,#fff5f8,#f7f3ff);
    display:flex;align-items:center;gap:10px;color:var(--mobile-navy);text-decoration:none;border:1px solid #f4e5ee;
  }
  .category-drawer-bayi a>span:first-child{font-size:21px;}
  .category-drawer-bayi a>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;}
  .category-drawer-bayi small{font-size:10px;color:#667085;font-weight:750;}
  .category-drawer-bayi strong{font-size:12px;color:var(--mobile-pink);font-weight:900;}
  .category-drawer-bayi b{color:var(--mobile-pink);font-size:20px;}

  /* Perakende sepet drawer */
  .retail-cart-drawer{
    width:min(94vw,430px) !important;top:auto !important;bottom:0 !important;height:min(92dvh,820px) !important;
    border-radius:24px 24px 0 0 !important;transform:translateY(105%) !important;box-shadow:0 -20px 60px rgba(9,20,45,.18) !important;
  }
  .retail-cart-drawer.active{transform:translateY(0) !important;}
  .retail-cart-head{padding:17px 17px 14px !important;border-bottom:1px solid #eef0f4 !important;}
  .retail-cart-head::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:52px;height:5px;border-radius:999px;background:#c9ceda;}
  .retail-cart-head>div{padding-top:7px;}
  .retail-cart-head h3{font-size:22px !important;color:var(--mobile-navy) !important;}
  .retail-cart-head span{display:block;margin-top:4px;color:#7a8497;font-size:10.5px;font-weight:750;}
  .retail-cart-head .cart-close{width:38px !important;height:38px !important;background:#fafbfc !important;border:1px solid #edf0f5 !important;box-shadow:none !important;}
  .retail-cart-body{padding:13px 14px 18px !important;background:#fff !important;}
  .retail-cart-section{border:1px solid #e9ecf2 !important;border-radius:17px !important;padding:12px !important;margin:0 !important;}
  .retail-cart-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;}
  .retail-cart-section-head h4{margin:0 !important;font-size:14px !important;color:var(--mobile-navy) !important;}
  .retail-cart-section-head .clear-cart-btn{padding:7px 9px !important;border-radius:9px !important;font-size:9px !important;background:#fff !important;}
  .retail-cart-drawer .cart-item{gap:9px !important;padding:11px 0 !important;align-items:center !important;}
  .retail-cart-drawer .cart-item-image{width:62px !important;height:62px !important;border-radius:11px !important;object-fit:contain !important;background:#fff !important;}
  .retail-cart-drawer .cart-item-name{font-size:12px !important;line-height:1.25 !important;}
  .retail-cart-drawer .cart-item-meta{font-size:10px !important;}
  .retail-cart-drawer .cart-item-qty{gap:4px !important;}
  .retail-cart-drawer .cart-qty-btn{width:28px !important;height:30px !important;border-radius:9px !important;background:#fff4f8 !important;color:var(--mobile-pink) !important;border:1px solid #f7dbe5 !important;}
  .retail-cart-drawer .cart-qty-input{width:34px !important;height:30px !important;background:#fff !important;border:1px solid #e8ebf2 !important;}
  .retail-cart-drawer .cart-item-bottom{margin-top:4px !important;}
  .retail-cart-drawer .cart-item-total{font-size:10.5px !important;color:var(--mobile-navy) !important;}
  .retail-cart-drawer .cart-remove-btn{width:29px !important;height:29px !important;padding:0 !important;border-radius:9px !important;font-size:15px !important;background:#fff7f9 !important;color:var(--mobile-pink) !important;}
  .retail-cart-totals{
    margin-top:12px;border:1px solid #f3d4df;border-radius:17px;padding:12px 14px;background:linear-gradient(135deg,#fff 0%,#fff7fa 100%);
  }
  .retail-cart-total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--mobile-navy);font-size:12px;padding:5px 0;}
  .retail-cart-total-row strong{font-size:18px;color:var(--mobile-pink);font-weight:950;}
  .retail-cart-shipping-row{border-top:1px solid #f2e6ea;margin-top:5px;padding-top:10px;}
  .retail-cart-shipping-row small{font-size:10px;color:#667085;font-weight:800;}
  .retail-cart-info{
    margin-top:12px;padding:11px 12px;border-radius:14px;background:#f5f9ff;border:1px solid #dbe9ff;display:flex;align-items:flex-start;gap:9px;
  }
  .retail-cart-info>span{width:23px;height:23px;border-radius:999px;background:#4f86e7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex:0 0 23px;}
  .retail-cart-info p{margin:0;color:#52647e;font-size:10.5px;line-height:1.45;font-weight:750;}
  .retail-cart-footer{padding:12px 14px max(14px,env(safe-area-inset-bottom)) !important;border-top:1px solid #eef0f4 !important;background:#fff !important;}
  .retail-cart-checkout{
    width:100%;min-height:52px;border-radius:13px;background:linear-gradient(135deg,var(--mobile-pink-2),var(--mobile-pink));
    color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:950;
  }
  .retail-cart-footer .cart-footer-note{margin-top:11px !important;font-size:10.5px !important;color:#667085 !important;}
  .retail-cart-footer .cart-footer-note a{color:var(--mobile-pink) !important;font-weight:900 !important;}

  .floating-whatsapp{width:46px !important;height:46px !important;right:14px !important;bottom:82px !important;border-radius:999px !important;padding:0 !important;}
  .floating-whatsapp-text{display:none !important;}
  .floating-whatsapp-icon{font-size:21px !important;}
  .home-seo-content{margin-top:28px !important;}
  .home-seo-content-inner{border-radius:18px !important;box-shadow:none !important;}
}


/* ============================================================
   MOBIL FINAL TASARIM V2 — Referans görsellere ince ayar
   - Daha kısa hero
   - 6 kategori tek satır
   - 2x2 ürün vitrinleri
   - Kategori kartlarında ikon + alt açıklama
   - Sipariş süreci mobil ana sayfadan kaldırıldı
   - Kompakt SEO / güven / footer
   - Tam genişlikte içerik yüksekliğine göre perakende sepeti
   ============================================================ */
.mobile-final-trust-strip{display:none;}
.footer-brand-logo{display:none;}
.footer-payment-badges{display:none;}
.home-section-see-all{display:none;}
.retail-price-caption{font-size:11px;color:#667085;font-weight:800;margin-top:8px;}
.home-category-banner-icon,.home-category-banner-copy{display:none;}

@media(max-width:768px){
  /* Header / hero */
  .header-inner{padding-top:9px !important;padding-bottom:10px !important;row-gap:10px !important;}
  .brand-logo-only{max-width:172px !important;max-height:50px !important;}
  .header-search{height:52px !important;min-height:52px !important;border-radius:19px !important;}
  .search-submit{height:44px !important;}
  .mobile-bayi-strip a{min-height:43px !important;}
  .container{padding-top:14px !important;}
  .hero-main{aspect-ratio:1.65/1 !important;border-radius:20px !important;}
  .hero-main img,.hero-slide img{object-fit:cover !important;}

  /* Final referanstaki gibi 6 hızlı kategori tek sırada */
  .mobile-quick-categories{
    display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:5px !important;overflow:visible !important;padding:13px 0 5px !important;margin-bottom:5px !important;
  }
  .mobile-quick-category{min-width:0 !important;flex:none !important;gap:6px !important;font-size:9.2px !important;line-height:1.18 !important;}
  .mobile-quick-category-icon{width:48px !important;height:48px !important;max-width:100% !important;border-radius:999px !important;font-size:21px !important;box-shadow:none !important;background:#fff9fb !important;}

  /* Ana sayfada eski akışı uzatan sipariş süreci ve kategori-seç notu görünmesin */
  .is-home-page .order-process-home,
  .is-home-page .category-selection-note{display:none !important;}

  /* Ürün başlıkları */
  .homepage-section{margin-top:30px !important;}
  .home-products-head,.home-concept-final-head{display:flex !important;justify-content:space-between !important;align-items:center !important;}
  .home-products-title-wrap{min-width:0;}
  .home-products-title-badge{width:auto !important;height:auto !important;min-width:30px !important;font-size:24px !important;}
  .homepage-section-title{font-size:23px !important;letter-spacing:-.035em !important;}
  .home-section-see-all{
    display:inline-flex !important;align-items:center !important;white-space:nowrap !important;
    color:var(--mobile-pink) !important;text-decoration:none !important;font-size:11.5px !important;font-weight:950 !important;
  }

  /* Referans gibi 2 kolon x 2 satır; uzun yatay carousel yok */
  .home-products-grid{
    display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;grid-auto-columns:auto !important;gap:11px !important;
    overflow:visible !important;scroll-snap-type:none !important;padding:0 !important;
  }
  .home-products-grid .product-card{scroll-snap-align:none !important;}
  .home-products-grid .product-card:nth-child(n+5){display:none !important;}
  .home-products-grid .product-image-wrap{padding:7px 7px 0 !important;}
  .home-products-grid .product-image{aspect-ratio:1.18/1 !important;object-fit:contain !important;}
  .home-products-grid .product-body{padding:9px 10px 10px !important;}
  .home-products-grid .product-title{min-height:33px !important;font-size:11.8px !important;}
  .retail-price-caption{display:none !important;}
  .home-products-grid .product-price{font-size:19px !important;margin-top:6px !important;}
  .home-products-grid .qty-box{height:37px !important;min-height:37px !important;border-radius:11px !important;}
  .home-products-grid .add-cart-btn{height:42px !important;min-height:42px !important;font-size:11.5px !important;border-radius:11px !important;}
  .home-products-grid .add-cart-btn::before{content:"🛒";margin-right:5px;font-size:12px;}
  .dealer-cta-btn{font-size:9.5px !important;color:#dc356c !important;}

  /* Kategori bölümü */
  .homepage-categories-section .homepage-section-title::before{content:"🎉";font-size:22px;margin-right:8px;vertical-align:1px;}
  .homepage-categories-section .homepage-section-subtitle{display:none !important;}
  .home-category-section-head{align-items:center !important;margin-bottom:11px !important;}
  .home-category-banner-grid{gap:10px !important;}
  .home-category-banner-card{height:116px !important;min-height:116px !important;border-radius:18px !important;}
  .home-category-banner-card img{width:45% !important;object-fit:contain !important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff7fa) !important;}
  .home-category-banner-title{
    left:12px !important;right:42% !important;display:grid !important;grid-template-columns:43px minmax(0,1fr) 28px !important;
    align-items:center !important;gap:9px !important;
  }
  .home-category-banner-icon{
    display:flex !important;width:42px;height:42px;border-radius:999px;background:#fff3f7;border:1px solid #f7dbe5;
    align-items:center;justify-content:center;color:var(--mobile-pink);font-weight:950;font-size:16px;
  }
  .home-category-banner-copy{display:flex !important;min-width:0;flex-direction:column;gap:4px;}
  .home-category-banner-copy strong{font-size:13.5px !important;line-height:1.15 !important;}
  .home-category-banner-copy small{display:block;color:#788398;font-size:9.7px;line-height:1.3;font-weight:650;}
  .home-category-banner-title>.home-category-banner-arrow{
    position:static !important;display:flex !important;width:27px !important;height:27px !important;border:0 !important;background:transparent !important;
    color:var(--mobile-pink) !important;font-size:23px !important;align-items:center;justify-content:center;
  }
  .home-category-show-more-wrap{margin-top:13px !important;}

  /* Konseptler */
  .home-concept-final-section .home-products-title-badge{color:var(--mobile-pink) !important;font-size:25px !important;}
  .home-concept-card{min-height:220px !important;}
  .home-concept-card-media{height:126px !important;min-height:126px !important;}
  .home-concept-card-body{min-height:94px !important;}

  /* Alt SEO alanı: metin duvarı yerine referanstaki fayda + FAQ düzeni */
  .home-seo-content{padding:0 14px !important;margin-top:34px !important;}
  .home-seo-content-inner{padding:0 !important;border:0 !important;border-radius:0 !important;background:#fff !important;}
  .home-seo-kicker,.home-seo-content #home-seo-title,.home-seo-lead,.home-seo-grid{display:none !important;}
  .home-proof-strip{
    display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important;
    margin:0 !important;padding:0 0 24px !important;border-bottom:1px solid #eef0f4;
  }
  .home-proof-item{padding:12px 5px !important;border-radius:15px !important;min-height:126px !important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
  .home-proof-icon{display:flex;width:37px;height:37px;border-radius:13px;align-items:center;justify-content:center;background:#fff2f7;color:var(--mobile-pink);font-size:16px;font-weight:950;margin-bottom:8px;}
  .home-proof-item:nth-child(2) .home-proof-icon{background:#f5efff;color:#7c4adb;}
  .home-proof-item:nth-child(4) .home-proof-icon{background:#eef8ff;color:#2087cc;}
  .home-proof-item:nth-child(5) .home-proof-icon{background:#fff6e7;color:#ed9416;}
  .home-proof-item strong{font-size:10px !important;line-height:1.23 !important;}
  .home-proof-item>span:last-child{font-size:8.5px !important;line-height:1.28 !important;margin-top:5px !important;}
  .home-seo-links{margin-top:23px !important;padding-top:0 !important;border:0 !important;}
  .home-seo-links>strong{font-size:19px !important;color:var(--mobile-navy) !important;margin-bottom:12px !important;}
  .home-seo-link-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .home-seo-link-list a{min-height:42px !important;border-radius:999px !important;padding:8px 12px !important;font-size:10px !important;justify-content:flex-start !important;}
  .home-seo-link-list a:nth-child(n+8){display:none !important;}
  .home-seo-link-list a::before{content:"→";color:var(--mobile-pink);font-weight:950;margin-right:7px;}
  .home-faq{margin-top:28px !important;padding-top:22px !important;}
  .home-faq h2{font-size:23px !important;color:var(--mobile-navy) !important;}
  .home-faq details{border-color:#e7eaf0 !important;border-radius:14px !important;box-shadow:none !important;}
  .home-faq summary{position:relative;padding:15px 42px 15px 15px !important;font-size:12px !important;}
  .home-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--mobile-pink);font-size:22px;font-weight:500;}
  .home-faq details[open] summary::after{content:"−";}
  .home-faq details p{font-size:11px !important;line-height:1.55 !important;}

  .mobile-final-trust-strip{
    max-width:592px;margin:24px auto 0;padding:13px 14px;box-sizing:border-box;display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e9ecf2;border-radius:17px;background:#fff;
  }
  .mobile-final-trust-strip>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:6px;padding:1px 8px;border-right:1px solid #eef0f4;}
  .mobile-final-trust-strip>div:last-child{border-right:0;}
  .mobile-final-trust-strip>div>span{grid-row:1/3;font-size:19px;align-self:center;}
  .mobile-final-trust-strip strong{font-size:9.5px;color:var(--mobile-navy);line-height:1.2;}
  .mobile-final-trust-strip small{font-size:8px;color:#7b8698;line-height:1.2;margin-top:2px;}

  /* Footer: mobilde daha kısa, daha açık ve premium */
  .site-footer{margin-top:24px !important;background:#fff !important;color:var(--mobile-navy) !important;border-top:1px solid #eceff4 !important;}
  .footer-inner{max-width:620px !important;padding:22px 16px !important;display:grid !important;grid-template-columns:1.35fr 1fr !important;gap:22px 20px !important;}
  .footer-brand-logo{display:block !important;width:128px !important;max-height:50px !important;object-fit:contain !important;object-position:left center !important;margin-bottom:10px !important;}
  .footer-col h4{color:var(--mobile-navy) !important;font-size:13px !important;margin-bottom:10px !important;}
  .footer-col p,.footer-col a{color:#536077 !important;font-size:10.5px !important;line-height:1.45 !important;}
  .footer-col p{margin:5px 0 !important;}
  .footer-col a{margin:5px 0 !important;}
  .footer-bottom{background:#071b43 !important;color:#fff !important;min-height:70px !important;padding:13px 15px !important;display:flex !important;flex-direction:column !important;gap:10px !important;align-items:center !important;justify-content:center !important;font-size:9.5px !important;}
  .footer-payment-badges{display:flex !important;gap:6px !important;align-items:center !important;}
  .footer-payment-badges span{display:inline-flex;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.16);border-radius:7px;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:900;}

  /* Perakende sepet: sabit yüksekliği kaldır, içeriğe göre açılan tam geniş bottom-sheet */
  .retail-cart-drawer{
    left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;width:100vw !important;max-width:none !important;
    height:auto !important;max-height:93dvh !important;min-height:0 !important;border-radius:25px 25px 0 0 !important;
    display:flex !important;flex-direction:column !important;overflow:hidden !important;
  }
  .retail-cart-head{padding:20px 18px 14px !important;flex:0 0 auto !important;}
  .retail-cart-head h3{font-size:24px !important;}
  .retail-cart-head span{font-size:11px !important;}
  .retail-cart-body{flex:0 1 auto !important;overflow-y:auto !important;max-height:calc(93dvh - 150px) !important;padding:14px 16px 12px !important;}
  .retail-cart-section{padding:13px !important;border-radius:18px !important;}
  .retail-cart-section-head h4{font-size:14.5px !important;}
  .retail-cart-drawer .cart-item{gap:11px !important;padding:12px 0 !important;}
  .retail-cart-drawer .cart-item-image{width:72px !important;height:72px !important;border-radius:12px !important;}
  .retail-cart-drawer .cart-item-name{font-size:13px !important;}
  .retail-cart-drawer .cart-item-meta{font-size:10.5px !important;}
  .retail-cart-drawer .cart-qty-btn{width:32px !important;height:32px !important;}
  .retail-cart-drawer .cart-qty-input{width:36px !important;height:32px !important;}
  .retail-cart-totals{margin-top:12px !important;padding:13px 14px !important;border-radius:17px !important;}
  .retail-cart-total-row{font-size:12.5px !important;padding:6px 0 !important;}
  .retail-cart-total-row strong{font-size:21px !important;}
  .retail-cart-info{margin-top:10px !important;}
  .retail-cart-footer{flex:0 0 auto !important;padding:11px 16px max(13px,env(safe-area-inset-bottom)) !important;}
  .retail-cart-checkout{min-height:54px !important;border-radius:13px !important;font-size:15px !important;}
}

@media(max-width:390px){
  .header-inner{padding-left:11px !important;padding-right:11px !important;grid-template-columns:44px minmax(0,1fr) 44px !important;}
  .brand-logo-only{max-width:158px !important;max-height:49px !important;}
  .header-category-trigger{width:42px !important;height:42px !important;min-width:42px !important;}
  .header-cart-main{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;}
  .search-input{font-size:13px !important;padding-left:47px !important;}
  .search-submit{width:61px !important;flex-basis:61px !important;}
  .mobile-bayi-strip a{font-size:12px;padding-left:10px;padding-right:10px;}
  .home-products-grid{grid-auto-columns:calc(50% - 5px) !important;gap:10px !important;}
  .home-products-grid .product-body{padding:8px !important;}
  .home-products-grid .product-title{font-size:11px !important;}
  .home-products-grid .product-price{font-size:18px !important;}
  .dealer-cta-btn{font-size:9px !important;}
}



/* ============================================================
   MOBIL FINAL TASARIM V3 — Final rötuş
   ============================================================ */
@media(max-width:768px){
  /* Eski mobil kurallardaki sabit 430px / 245px kart yüksekliklerini kesin olarak sıfırla. */
  .homepage-products-section,
  .home-products-carousel-wrap,
  .home-products-grid{
    min-height:0 !important;
    height:auto !important;
  }
  .home-products-grid{
    align-items:start !important;
    grid-auto-rows:auto !important;
  }
  .home-products-grid .product-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }
  .home-products-grid .product-body{
    height:auto !important;
    min-height:0 !important;
    flex:0 0 auto !important;
    padding-bottom:9px !important;
  }
  .home-products-grid .product-title{
    min-height:32px !important;
    height:auto !important;
    max-height:34px !important;
  }
  .home-products-grid .dealer-cta-box{
    min-height:0 !important;
    margin-top:3px !important;
  }

  /* 4 konsept tek blokta 2x2. */
  .home-concept-final-section{margin-top:31px !important;}
  .home-concept-card-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .home-concept-card{
    min-height:0 !important;
    height:auto !important;
    border-radius:17px !important;
    overflow:hidden !important;
  }
  .home-concept-card-media{height:118px !important;min-height:118px !important;}
  .home-concept-card-body{min-height:104px !important;height:auto !important;padding:10px 11px 12px !important;}
  .home-concept-card-kicker{display:none !important;}
  .home-concept-card-body h3{font-size:15px !important;line-height:1.1 !important;}
  .home-concept-card-body p{font-size:9.8px !important;line-height:1.3 !important;margin-top:5px !important;}
  .home-concept-card-action{font-size:9.8px !important;margin-top:7px !important;}

  /* Final alt bölüm: 5 fayda kartı okunabilir kalsın; küçük ekranda yatay kayar. */
  .home-proof-strip{
    display:flex !important;
    overflow-x:auto !important;
    gap:9px !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    padding-bottom:17px !important;
  }
  .home-proof-strip::-webkit-scrollbar{display:none !important;}
  .home-proof-item{
    flex:0 0 118px !important;
    min-height:118px !important;
    scroll-snap-align:start !important;
    padding:11px 8px !important;
  }
  .home-proof-item strong{font-size:10.5px !important;}
  .home-proof-item>span:last-child{font-size:8.8px !important;}

  /* Mini set ve diğer 4'lü vitrinlerden sonra gereksiz boşluk bırakma. */
  .homepage-products-section + .homepage-products-section{margin-top:31px !important;}
}


/* ============================================================
   27.08 FINAL — yalnızca onaylanan mobil düzenlemeler
   ============================================================ */
.product-image-link{display:block;text-decoration:none;color:inherit;line-height:0;}
.product-image-link .product-image{cursor:pointer;}

.header-search{position:relative;overflow:visible !important;}
.live-search-results{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1800;
  background:#fff;border:1px solid #ece7f1;border-radius:18px;
  box-shadow:0 18px 46px rgba(15,23,42,.16);overflow:hidden;text-align:left;
}
.live-search-results[hidden]{display:none !important;}
.live-search-list{max-height:420px;overflow:auto;}
.live-search-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f1edf3;background:#fff;}
.live-search-item:hover{background:#fff8fb;}
.live-search-item img{width:54px;height:54px;object-fit:contain;border:1px solid #f0edf2;border-radius:11px;background:#fff;}
.live-search-copy{min-width:0;display:flex;flex-direction:column;gap:4px;}
.live-search-copy strong{font-size:13px;line-height:1.25;color:#15213b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-search-copy small{font-size:10px;color:#8991a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-search-price{font-size:12px;font-weight:900;color:#ef4f86;white-space:nowrap;}
.live-search-arrow{font-size:22px;color:#ef4f86;font-weight:900;}
.live-search-all{width:100%;border:0;background:#fff6fa;color:#df3d75;font-size:12px;font-weight:900;padding:12px;cursor:pointer;}
.live-search-empty{padding:16px;color:#667085;font-size:12px;font-weight:750;}

.mobile-bottom-nav{display:none;}
.home-proof-icon svg,.mobile-final-trust-strip svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

@media(max-width:768px){
  /* Slider: görseli kırpmadan tamamını göster. */
  .hero-main{aspect-ratio:16/9 !important;background:#fff !important;border-radius:20px !important;}
  .hero-main picture,.hero-slide picture,.hero-slide-link,.hero-slide-link.is-disabled{height:100% !important;}
  .hero-main img,.hero-slide img{object-fit:contain !important;object-position:center center !important;background:#fff !important;}

  /* Slider altı hızlı kategoriler: büyük ikon kutuları yerine ürün görselli kompakt kartlar. */
  .mobile-quick-categories{
    display:flex !important;gap:9px !important;overflow-x:auto !important;overflow-y:hidden !important;
    padding:11px 1px 7px !important;margin:0 0 13px !important;justify-content:flex-start !important;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .mobile-quick-categories::-webkit-scrollbar{display:none !important;}
  .mobile-quick-category{
    flex:0 0 148px !important;min-width:148px !important;min-height:56px !important;
    display:grid !important;grid-template-columns:40px minmax(0,1fr) 16px !important;align-items:center !important;
    gap:8px !important;padding:7px 8px !important;border-radius:15px !important;
    background:#fff !important;border:1px solid #e9eaf0 !important;box-shadow:0 5px 15px rgba(15,23,42,.045) !important;
    color:#17213a !important;text-align:left !important;text-decoration:none !important;scroll-snap-align:start;
  }
  .mobile-quick-category-icon{
    width:40px !important;height:40px !important;border-radius:12px !important;overflow:hidden !important;
    background:#fff8fb !important;border:1px solid #f5d4e0 !important;display:flex !important;align-items:center !important;justify-content:center !important;
    box-shadow:none !important;
  }
  .mobile-quick-category-icon img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
  .mobile-quick-category-name{min-width:0 !important;font-size:10.6px !important;line-height:1.18 !important;font-weight:900 !important;color:#17213a !important;}
  .mobile-quick-category-arrow{font-size:20px !important;line-height:1 !important;color:#ef4f86 !important;font-weight:900 !important;text-align:center !important;}

  /* Kategori bannerları: solda ikon/metin, sağda ürün görseli — çakışmasız. */
  .home-category-banner-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  .home-category-banner-card{height:108px !important;min-height:108px !important;border-radius:18px !important;background:#fff !important;border:1px solid #e7eaf0 !important;box-shadow:0 7px 18px rgba(15,23,42,.045) !important;overflow:hidden !important;}
  .home-category-banner-card::after{display:none !important;}
  .home-category-banner-card img{position:absolute !important;left:auto !important;right:0 !important;top:0 !important;bottom:0 !important;width:46% !important;height:100% !important;object-fit:contain !important;object-position:center !important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff8fb) !important;transform:none !important;}
  .home-category-banner-title{position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;right:44% !important;padding:0 11px 0 13px !important;display:grid !important;grid-template-columns:40px minmax(0,1fr) 24px !important;align-items:center !important;gap:9px !important;color:#17213a !important;}
  .home-category-banner-icon{width:40px !important;height:40px !important;border-radius:999px !important;background:#fff4f8 !important;border:1px solid #f6d1df !important;color:#ef4f86 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important;font-weight:950 !important;}
  .home-category-banner-copy{display:flex !important;flex-direction:column !important;min-width:0 !important;gap:4px !important;}
  .home-category-banner-copy strong{padding:0 !important;margin:0 !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;max-width:none !important;color:#17213a !important;font-size:13.5px !important;line-height:1.12 !important;font-weight:900 !important;}
  .home-category-banner-copy small{font-size:9.3px !important;line-height:1.28 !important;color:#7b8597 !important;font-weight:650 !important;}
  .home-category-banner-arrow{position:static !important;width:24px !important;height:24px !important;border-radius:999px !important;background:#fff !important;border:1px solid #f4d0dd !important;color:#ef4f86 !important;box-shadow:0 5px 10px rgba(15,23,42,.05) !important;font-size:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;}

  /* Konsept koleksiyonları: 2x2, görsel kartın içinde; metin görsele entegre. */
  .home-concept-final-section{margin-top:31px !important;}
  .home-concept-card-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .home-concept-card{position:relative !important;display:block !important;height:205px !important;min-height:205px !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;border:1px solid #e9e4ec !important;box-shadow:0 8px 20px rgba(15,23,42,.05) !important;}
  .home-concept-card::before{display:none !important;}
  .home-concept-card-media{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;min-height:0 !important;background:#f8f8fb !important;}
  .home-concept-card-media img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
  .home-concept-card-body{position:absolute !important;inset:0 !important;z-index:2 !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;min-height:0 !important;padding:52px 11px 12px !important;background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.91) 69%,#fff 100%) !important;}
  .home-concept-card-kicker{display:none !important;}
  .home-concept-card-body h3{margin:0 !important;color:#14213a !important;font-size:15px !important;line-height:1.08 !important;font-weight:950 !important;text-shadow:0 1px 0 rgba(255,255,255,.8) !important;}
  .home-concept-card-body p{margin:5px 0 0 !important;color:#5f6b80 !important;font-size:9.4px !important;line-height:1.28 !important;font-weight:700 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
  .home-concept-card-action{display:none !important;}
  .home-concept-card-arrow{right:9px !important;bottom:9px !important;top:auto !important;transform:none !important;width:31px !important;height:31px !important;border-radius:999px !important;background:#fff !important;color:#ef4f86 !important;border:1px solid #f2cedb !important;box-shadow:0 5px 12px rgba(15,23,42,.08) !important;font-size:20px !important;}

  /* Avantaj ikonları stabil ve tek tip. */
  .home-proof-icon{font-size:0 !important;}
  .home-proof-icon svg{width:19px !important;height:19px !important;}
  .home-proof-item:nth-child(2) .home-proof-icon,.home-proof-item:nth-child(3) .home-proof-icon{font-size:14px !important;}

  /* Popüler kategoriler yatay çipler. */
  .home-seo-links{overflow:hidden !important;}
  .home-seo-link-list{display:flex !important;overflow-x:auto !important;gap:7px !important;scrollbar-width:none !important;padding-bottom:3px !important;}
  .home-seo-link-list::-webkit-scrollbar{display:none !important;}
  .home-seo-link-list a{flex:0 0 auto !important;min-height:34px !important;border-radius:10px !important;padding:7px 10px !important;font-size:9px !important;white-space:nowrap !important;background:#fff !important;border:1px solid #e8ebf0 !important;}
  .home-seo-link-list a:nth-child(n+8){display:inline-flex !important;}
  .home-seo-link-list a::before{content:"✦" !important;margin-right:5px !important;color:#ef4f86 !important;}

  /* Alt güven alanı ve footer referansa yaklaşır. */
  .mobile-final-trust-strip{padding:11px 8px !important;border-radius:14px !important;}
  .mobile-final-trust-strip>div{grid-template-columns:25px 1fr !important;column-gap:5px !important;padding:1px 7px !important;}
  .mobile-final-trust-strip>div>span{font-size:0 !important;color:#ef4f86 !important;}
  .mobile-final-trust-strip svg{width:19px !important;height:19px !important;}
  .mobile-final-trust-strip strong{font-size:9px !important;}
  .mobile-final-trust-strip small{font-size:7.4px !important;}
  .footer-inner{grid-template-columns:1.3fr .78fr .78fr .85fr !important;gap:12px 10px !important;padding:20px 14px !important;align-items:start !important;}
  .footer-brand-logo{width:104px !important;max-height:44px !important;margin-bottom:7px !important;}
  .footer-brand-col h4{display:none !important;}
  .footer-col h4{font-size:10.5px !important;margin:0 0 8px !important;}
  .footer-col p,.footer-col a{font-size:8px !important;line-height:1.38 !important;margin:4px 0 !important;}
  .footer-brand-col p:nth-of-type(2),.footer-brand-col a{display:none !important;}

  /* Mobil sabit alt navigasyon. Eski küçük sepet barının yerine geçer. */
  .mobile-cart-bar{display:none !important;}
  body.cart-has-items .container,.container{padding-bottom:94px !important;}
  .mobile-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:1500;display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));min-height:66px;padding:6px 8px max(6px,env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);border-top:1px solid #e9ecf2;box-shadow:0 -8px 24px rgba(15,23,42,.08);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  }
  .mobile-bottom-nav-item{position:relative;border:0;background:transparent;color:#7d8798;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:2px 1px;font-size:8.8px;font-weight:800;text-decoration:none;cursor:pointer;}
  .mobile-bottom-nav-item::before{content:"";position:absolute;left:24%;right:24%;top:-6px;height:3px;border-radius:0 0 4px 4px;background:transparent;}
  .mobile-bottom-nav-item.is-active{color:#ef4f86;}
  .mobile-bottom-nav-item.is-active::before{background:#ef4f86;}
  .mobile-bottom-nav-icon{position:relative;width:27px;height:27px;display:flex;align-items:center;justify-content:center;}
  .mobile-bottom-nav-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  .mobile-bottom-nav-cart .mobile-bottom-nav-icon{width:34px;height:34px;border-radius:12px;background:#fff2f7;color:#ef4f86;}
  .mobile-bottom-nav-cart b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4f86;color:#fff;border:2px solid #fff;font-size:8px;display:flex;align-items:center;justify-content:center;line-height:1;}
  .floating-whatsapp,body.cart-has-items .floating-whatsapp{bottom:calc(78px + env(safe-area-inset-bottom,0px)) !important;}

  /* Canlı arama mobil. */
  .live-search-results{top:calc(100% + 7px);border-radius:16px;}
  .live-search-list{max-height:330px;}
  .live-search-item{grid-template-columns:46px minmax(0,1fr) auto 14px;gap:8px;padding:8px 9px;}
  .live-search-item img{width:46px;height:46px;border-radius:9px;}
  .live-search-copy strong{font-size:11px;}
  .live-search-copy small{font-size:9px;}
  .live-search-price{font-size:10px;}
}

@media(max-width:390px){
  .footer-inner{grid-template-columns:1.2fr .8fr .8fr .86fr !important;gap:9px 7px !important;padding-left:10px !important;padding-right:10px !important;}
  .footer-col p,.footer-col a{font-size:7.4px !important;}
  .home-category-banner-title{right:43% !important;padding-left:10px !important;grid-template-columns:36px minmax(0,1fr) 21px !important;gap:7px !important;}
  .home-category-banner-icon{width:36px !important;height:36px !important;font-size:14px !important;}
  .home-category-banner-copy strong{font-size:12.4px !important;}
  .home-category-banner-copy small{font-size:8.6px !important;}
  .home-concept-card{height:190px !important;min-height:190px !important;}
  .home-concept-card-body h3{font-size:13.5px !important;}
}



/* ============================================================
   KATEGORI ALANI FINAL PROFESSIONAL FIX
   - ikon kutularini kaldir
   - daha premium yatay kategori kartlari
   ============================================================ */
@media(max-width:768px){
  .homepage-categories-section{margin-top:28px !important;}
  .homepage-categories-section .homepage-section-head,
  .home-category-section-head{
    align-items:flex-end !important;
    margin-bottom:14px !important;
  }
  .homepage-categories-section .homepage-section-title{
    font-size:21px !important;
    line-height:1.05 !important;
    letter-spacing:-0.03em !important;
  }
  .homepage-categories-section .homepage-section-title::before{display:none !important;content:none !important;}
  .homepage-categories-section .homepage-section-subtitle{
    display:block !important;
    margin-top:6px !important;
    color:#6b7280 !important;
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
  }
  .home-category-see-all-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:0 13px !important;
    border:1px solid #f1cddd !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#ef4f86 !important;
    font-size:12px !important;
    font-weight:900 !important;
    box-shadow:0 6px 16px rgba(239,79,134,.08) !important;
  }

  .home-category-banner-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .home-category-banner-card{
    position:relative !important;
    display:block !important;
    min-height:132px !important;
    height:132px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    border:1px solid #ebeef5 !important;
    background:linear-gradient(135deg,#ffffff 0%,#fff9fc 100%) !important;
    box-shadow:0 12px 28px rgba(15,23,42,.07) !important;
    isolation:isolate !important;
  }
  .home-category-banner-card:hover{
    transform:none !important;
    box-shadow:0 14px 30px rgba(15,23,42,.08) !important;
  }
  .home-category-banner-card::before{
    content:"" !important;
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    bottom:8px !important;
    width:43% !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#fff1f7 0%,#f7f2ff 100%) !important;
    z-index:1 !important;
  }
  .home-category-banner-card::after{display:none !important;}
  .home-category-banner-card img{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:43% !important;
    height:100% !important;
    padding:14px 10px 14px 6px !important;
    object-fit:contain !important;
    object-position:center right !important;
    background:transparent !important;
    z-index:2 !important;
    transform:none !important;
  }
  .home-category-banner-title{
    position:absolute !important;
    left:18px !important;
    right:46% !important;
    top:16px !important;
    bottom:16px !important;
    z-index:3 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:10px !important;
    color:inherit !important;
  }
  .home-category-banner-icon{display:none !important;}
  .home-category-banner-copy{
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
  }
  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    display:block !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#162033 !important;
    font-size:14px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    letter-spacing:-0.02em !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  .home-category-banner-copy small,
  .home-category-banner-title small,
  .home-category-banner-title span:last-child small{
    display:block !important;
    color:#6f7c92 !important;
    font-size:10.7px !important;
    line-height:1.42 !important;
    font-weight:750 !important;
  }
  .home-category-banner-arrow,
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    position:static !important;
    width:36px !important;
    height:36px !important;
    margin-top:auto !important;
    border:0 !important;
    border-radius:13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#ff6b9f 0%,#ef4f86 100%) !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:900 !important;
    box-shadow:0 10px 22px rgba(239,79,134,.25) !important;
  }
  .home-category-show-more-wrap{
    margin-top:16px !important;
    gap:9px !important;
  }
  .home-category-show-more-btn{
    min-height:45px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#ff6b9f 0%,#ef4f86 100%) !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:0 12px 26px rgba(239,79,134,.18) !important;
    font-size:12.5px !important;
    font-weight:900 !important;
  }
  .home-category-show-more-count{
    font-size:11px !important;
    color:#7a869b !important;
    font-weight:800 !important;
  }
}



/* ============================================================
   MOBIL URUN VITRINI V4 — 2'li otomatik carousel
   ============================================================ */
.home-products-dots{display:none;}
@media(max-width:768px){
  .home-products-carousel-wrap{overflow:visible !important;}
  .home-products-nav{display:none !important;}
  .home-products-grid{
    display:flex !important;
    grid-template-columns:none !important;
    grid-auto-flow:initial !important;
    grid-auto-columns:initial !important;
    grid-auto-rows:initial !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    padding:1px 1px 5px !important;
    align-items:stretch !important;
  }
  .home-products-grid::-webkit-scrollbar{display:none !important;}
  .home-products-grid .product-card,
  .home-products-grid .product-card:nth-child(n+5){
    display:flex !important;
    flex:0 0 calc((100% - 10px)/2) !important;
    width:calc((100% - 10px)/2) !important;
    min-width:calc((100% - 10px)/2) !important;
    max-width:calc((100% - 10px)/2) !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    align-self:stretch !important;
  }
  .home-products-dots{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:18px;
    margin:8px 0 0;
  }
  .home-products-dot{
    width:6px;
    height:6px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#d8dce6;
    transition:width .2s ease,background .2s ease;
  }
  .home-products-dot.is-active{
    width:18px;
    background:#ef4f86;
  }
}



/* ============================================================
   KATEGORI BANNER V5 — daha sıkı aralık + daha şık görsel alanı
   ============================================================ */
@media(max-width:768px){
  .homepage-categories-section{margin-top:24px !important;}
  .homepage-categories-section .homepage-section-head,
  .home-category-section-head{margin-bottom:10px !important;}
  .home-category-banner-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .home-category-banner-card{
    min-height:104px !important;
    height:104px !important;
    border-radius:18px !important;
    border:1px solid #eceef4 !important;
    background:linear-gradient(135deg,#fff 0%,#fffafc 100%) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
  }
  .home-category-banner-card::before{
    content:"" !important;
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    bottom:8px !important;
    width:40% !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,#fff7fb 0%,#f8f4ff 100%) !important;
    border:1px solid #f3e7ee !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
    z-index:1 !important;
  }
  .home-category-banner-card img{
    width:38% !important;
    height:100% !important;
    padding:11px 9px 11px 6px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:transparent !important;
    filter:saturate(.98) contrast(1.02) !important;
    z-index:2 !important;
  }
  .home-category-banner-title{
    left:16px !important;
    right:43% !important;
    top:13px !important;
    bottom:13px !important;
    gap:6px !important;
    justify-content:center !important;
  }
  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    font-size:13.5px !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
  }
  .home-category-banner-copy small,
  .home-category-banner-title small{
    font-size:10.2px !important;
    line-height:1.32 !important;
    color:#7a8598 !important;
  }
  .home-category-banner-arrow,
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    width:30px !important;
    height:30px !important;
    border-radius:999px !important;
    margin-top:6px !important;
    background:linear-gradient(135deg,#ff6b9f 0%,#ef4f86 100%) !important;
    box-shadow:0 8px 18px rgba(239,79,134,.18) !important;
    font-size:18px !important;
  }
  .home-category-show-more-wrap{margin-top:12px !important;}
  .home-category-show-more-btn{min-height:42px !important;}
}


/* PHS V6 - performans */
@media(max-width:768px){
  .homepage-section,
  .home-concept-card,
  .home-category-banner-card{
    content-visibility:auto;
    contain-intrinsic-size:auto 320px;
  }
  .home-category-banner-card{
    contain-intrinsic-size:auto 104px;
  }
}



/* PHS V7 - kategori banner yukseklik kisaltma */
@media(max-width:768px){
  .home-category-banner-grid{gap:7px !important;}
  .home-category-banner-card{
    min-height:92px !important;
    height:92px !important;
    border-radius:17px !important;
  }
  .home-category-banner-card::before{
    top:7px !important;
    right:7px !important;
    bottom:7px !important;
    width:39% !important;
    border-radius:13px !important;
  }
  .home-category-banner-card img{
    width:36% !important;
    padding:9px 8px 9px 4px !important;
  }
  .home-category-banner-title{
    left:15px !important;
    right:41% !important;
    top:10px !important;
    bottom:10px !important;
    gap:4px !important;
  }
  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    font-size:12.8px !important;
    line-height:1.12 !important;
  }
  .home-category-banner-copy small,
  .home-category-banner-title small{
    font-size:9.8px !important;
    line-height:1.26 !important;
  }
  .home-category-banner-arrow,
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    width:28px !important;
    height:28px !important;
    margin-top:4px !important;
    font-size:17px !important;
  }
}


/* PHS V8 - avantaj kartlari profesyonel mobil duzen */
@media(max-width:768px){
  .home-seo-content{margin-top:26px !important;}
  .home-proof-strip{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:0 0 18px !important;
    margin:0 !important;
    border-bottom:1px solid #eef1f5 !important;
    overflow:visible !important;
  }
  .home-proof-item{
    min-height:98px !important;
    padding:13px 12px !important;
    border-radius:17px !important;
    border:1px solid #e9edf3 !important;
    background:linear-gradient(180deg,#fff 0%,#fff9fc 100%) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .home-proof-item:nth-child(5){
    grid-column:1 / -1 !important;
  }
  .home-proof-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:14px !important;
    margin-bottom:10px !important;
    font-size:15px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
  }
  .home-proof-icon svg{width:18px !important;height:18px !important;}
  .home-proof-item strong{
    display:block !important;
    font-size:13px !important;
    line-height:1.18 !important;
    color:#162033 !important;
    font-weight:900 !important;
    letter-spacing:-0.02em !important;
  }
  .home-proof-item > span:last-child{
    display:block !important;
    margin-top:5px !important;
    font-size:10.2px !important;
    line-height:1.35 !important;
    color:#738096 !important;
    font-weight:700 !important;
  }
}
@media(max-width:390px){
  .home-proof-strip{gap:8px !important;}
  .home-proof-item{padding:12px 10px !important;min-height:94px !important;border-radius:15px !important;}
  .home-proof-icon{width:37px !important;height:37px !important;border-radius:13px !important;margin-bottom:9px !important;}
  .home-proof-item strong{font-size:12.2px !important;}
  .home-proof-item > span:last-child{font-size:9.6px !important;}
}



/* PHS V10 - ortak mobil + masaustu kategori menu gorsel sistemi */
.category-drawer-icon svg,
.desktop-category-pill-visual svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.category-drawer-icon .category-menu-custom-image,
.desktop-category-pill-visual .category-menu-custom-image{
  width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;
}
.category-drawer-icon:has(.category-menu-custom-image){padding:0;overflow:hidden;background:#fff;border:1px solid #f1e4ea;}
.desktop-category-pill{gap:8px;}
.desktop-category-pill-visual{
  width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 28px;background:#fff4f8;color:#ef4f86;overflow:hidden;
}
.desktop-category-pill-visual .category-menu-custom-image{border-radius:9px;}
@media(min-width:861px){
  .category-drawer{width:min(420px,92vw);}
  .category-drawer-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;}
  .category-drawer-link{min-height:56px;font-size:14px;}
}
@media(max-width:860px){
  .category-drawer-icon{overflow:hidden;}
  .category-drawer-icon .category-menu-custom-image{border-radius:11px;}
}



/* PHS V11 — slider altı hızlı kategori şeridi */
@media(max-width:768px){
  .mobile-quick-categories{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 2px 7px !important;
    margin:0 0 12px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .mobile-quick-categories::-webkit-scrollbar{display:none !important;}
  .mobile-quick-category{
    appearance:none !important;
    -webkit-appearance:none !important;
    flex:0 0 124px !important;
    min-width:124px !important;
    min-height:54px !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    padding:7px 9px !important;
    margin:0 !important;
    border:1px solid #e9edf3 !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 4px 12px rgba(15,23,42,.04) !important;
    color:#14213a !important;
    text-align:left !important;
    text-decoration:none !important;
    font-family:inherit !important;
    cursor:pointer !important;
    scroll-snap-align:start !important;
  }
  .mobile-quick-category-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:11px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #f2dfe7 !important;
    background:#fff7fa !important;
    color:#ef4f86 !important;
    box-shadow:none !important;
  }
  .mobile-quick-category-icon .category-menu-custom-image,
  .mobile-quick-category-icon img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border:0 !important;
    border-radius:10px !important;
  }
  .mobile-quick-category-icon svg{
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .mobile-quick-category-name{
    min-width:0 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#14213a !important;
    font-size:10.6px !important;
    line-height:1.17 !important;
    font-weight:900 !important;
  }
  .mobile-quick-category-arrow{display:none !important;}
  .mobile-quick-category-all{
    border-color:#f3d6e1 !important;
    background:linear-gradient(135deg,#fff9fb 0%,#fff 100%) !important;
  }
  .mobile-quick-category-all-icon{
    background:linear-gradient(135deg,#ffeff5 0%,#f6efff 100%) !important;
  }
}
@media(max-width:390px){
  .mobile-quick-category{flex-basis:118px !important;min-width:118px !important;}
}



/* PHS V12 — slider altı kategori isimleri tam sığsın */
@media(max-width:768px){
  .mobile-quick-categories{
    gap:8px !important;
  }
  .mobile-quick-category{
    flex:0 0 152px !important;
    min-width:152px !important;
    min-height:56px !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:7px !important;
    padding:7px 9px !important;
  }
  .mobile-quick-category-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:10px !important;
  }
  .mobile-quick-category-icon .category-menu-custom-image,
  .mobile-quick-category-icon img{
    border-radius:9px !important;
  }
  .mobile-quick-category-name{
    display:block !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:initial !important;
    font-size:10.7px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
}
@media(max-width:390px){
  .mobile-quick-category{
    flex-basis:146px !important;
    min-width:146px !important;
  }
  .mobile-quick-category-name{
    font-size:10.3px !important;
  }
}



/* PHS V13 — kategori banner: görseli büyüt, kartla bütünleştir */
@media(max-width:768px){
  .homepage-categories-section{margin-top:22px !important;}
  .home-category-section-head{margin-bottom:9px !important;}
  .home-category-see-all-link{
    min-height:30px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:11px !important;
    box-shadow:none !important;
  }
  .home-category-banner-grid{
    gap:6px !important;
  }
  .home-category-banner-card{
    position:relative !important;
    min-height:96px !important;
    height:96px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    border:1px solid #e9edf3 !important;
    background:#fff !important;
    box-shadow:0 5px 14px rgba(15,23,42,.035) !important;
    isolation:isolate !important;
  }
  /* Sağdaki ayrı pembe görsel kutusunu tamamen kaldır. */
  .home-category-banner-card::before{
    display:none !important;
    content:none !important;
  }
  /* Görsel kartın sağ yarısına doğrudan otursun. */
  .home-category-banner-card img{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:52% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center right !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    filter:saturate(1.03) contrast(1.02) !important;
    transform:none !important;
    z-index:1 !important;
  }
  /* Görselin sol kenarı metne yumuşak bağlansın. */
  .home-category-banner-card::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.45) 59%,rgba(255,255,255,0) 70%) !important;
    z-index:2 !important;
  }
  .home-category-banner-title{
    position:absolute !important;
    left:15px !important;
    right:49% !important;
    top:11px !important;
    bottom:11px !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
    z-index:3 !important;
  }
  .home-category-banner-icon{display:none !important;}
  .home-category-banner-copy{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
    width:100% !important;
  }
  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    font-size:13px !important;
    line-height:1.13 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
    color:#17213a !important;
  }
  .home-category-banner-copy small,
  .home-category-banner-title small{
    font-size:9.8px !important;
    line-height:1.28 !important;
    color:#778297 !important;
    font-weight:700 !important;
  }
  /* Büyük pembe ok yerine sağda küçük, nötr yön işareti. */
  .home-category-banner-arrow,
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    position:absolute !important;
    left:auto !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(232,236,243,.95) !important;
    background:rgba(255,255,255,.92) !important;
    color:#ef4f86 !important;
    box-shadow:0 3px 10px rgba(15,23,42,.06) !important;
    font-size:18px !important;
    line-height:1 !important;
    z-index:4 !important;
  }
}
@media(max-width:390px){
  .home-category-banner-card{
    min-height:92px !important;
    height:92px !important;
  }
  .home-category-banner-card img{width:51% !important;}
  .home-category-banner-title{right:48% !important;left:13px !important;}
  .home-category-banner-copy strong,
  .home-category-banner-title strong{font-size:12.4px !important;}
  .home-category-banner-copy small,
  .home-category-banner-title small{font-size:9.3px !important;}
}



/* PHS V14 — Konsept Koleksiyonları: 2x2, üstte görsel / altta temiz metin paneli */
@media(max-width:768px){
  .home-concept-final-section{
    margin-top:30px !important;
  }

  .home-concept-final-section .home-products-head,
  .home-concept-final-section .homepage-section-head{
    align-items:center !important;
    margin-bottom:12px !important;
  }

  .home-concept-final-section .homepage-section-title{
    font-size:21px !important;
    line-height:1.05 !important;
    letter-spacing:-.03em !important;
  }

  .home-concept-final-section .home-section-see-all{
    font-size:10.8px !important;
    font-weight:900 !important;
    padding:3px 0 !important;
  }

  .home-concept-card-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .home-concept-card{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    height:236px !important;
    min-height:236px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #e8ebf2 !important;
    box-shadow:0 9px 20px rgba(15,23,42,.055) !important;
  }

  .home-concept-card::before{
    display:none !important;
  }

  .home-concept-card-media{
    position:relative !important;
    inset:auto !important;
    flex:0 0 148px !important;
    width:100% !important;
    height:148px !important;
    min-height:148px !important;
    overflow:hidden !important;
    background:#f7f8fb !important;
  }

  .home-concept-card-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }

  .home-concept-card-body{
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    padding:10px 38px 10px 11px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:#fff !important;
  }

  .home-concept-card-kicker,
  .home-concept-card-action{
    display:none !important;
  }

  .home-concept-card-body h3{
    margin:0 !important;
    font-size:14.5px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
    color:#14213a !important;
    text-shadow:none !important;
  }

  .home-concept-card-body p{
    margin:5px 0 0 !important;
    font-size:9.7px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    color:#667085 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .home-concept-card-arrow{
    position:absolute !important;
    right:9px !important;
    bottom:9px !important;
    top:auto !important;
    transform:none !important;
    width:30px !important;
    height:30px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:#ef4f86 !important;
    border:1px solid #f2cedb !important;
    box-shadow:0 5px 12px rgba(15,23,42,.07) !important;
    font-size:19px !important;
    font-weight:900 !important;
  }

  /* Hafif tema renkleri yalnızca alt metin panelinde */
  .home-concept-card:nth-child(4n+1) .home-concept-card-body{
    background:linear-gradient(180deg,#fff 0%,#fffaf4 100%) !important;
  }
  .home-concept-card:nth-child(4n+2) .home-concept-card-body{
    background:linear-gradient(180deg,#fff 0%,#fff5f8 100%) !important;
  }
  .home-concept-card:nth-child(4n+3) .home-concept-card-body{
    background:linear-gradient(180deg,#fff 0%,#fff7fb 52%,#f7fbff 100%) !important;
  }
  .home-concept-card:nth-child(4n+4) .home-concept-card-body{
    background:linear-gradient(180deg,#fff 0%,#f5f8ff 100%) !important;
  }

  .home-concept-card:nth-child(4n+1) .home-concept-card-body h3,
  .home-concept-card:nth-child(4n+2) .home-concept-card-body h3,
  .home-concept-card:nth-child(4n+3) .home-concept-card-body h3,
  .home-concept-card:nth-child(4n+4) .home-concept-card-body h3{
    color:#14213a !important;
  }

  .home-concept-card:nth-child(4n+1) .home-concept-card-body p,
  .home-concept-card:nth-child(4n+2) .home-concept-card-body p,
  .home-concept-card:nth-child(4n+3) .home-concept-card-body p,
  .home-concept-card:nth-child(4n+4) .home-concept-card-body p{
    color:#667085 !important;
  }
}

@media(max-width:390px){
  .home-concept-card{
    height:224px !important;
    min-height:224px !important;
  }
  .home-concept-card-media{
    flex-basis:138px !important;
    height:138px !important;
    min-height:138px !important;
  }
  .home-concept-card-body h3{
    font-size:13.8px !important;
  }
  .home-concept-card-body p{
    font-size:9.3px !important;
  }
}



/* PHS V15 — Mobil ürün kartları: görseller daha büyük ve daha dolu */
@media(max-width:768px){
  .home-products-grid .product-card{
    overflow:hidden !important;
  }

  .home-products-grid .product-image-wrap{
    width:100% !important;
    height:auto !important;
    padding:3px 3px 0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  .home-products-grid .product-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:.82 / 1 !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  .home-products-grid .product-body{
    padding:7px 8px 8px !important;
  }

  .home-products-grid .product-title{
    margin-top:0 !important;
    margin-bottom:4px !important;
  }

  .home-products-grid .product-price{
    margin-top:4px !important;
    margin-bottom:5px !important;
  }

  .home-products-grid .qty-add-row{
    margin-top:4px !important;
    gap:6px !important;
  }

  .home-products-grid .dealer-cta-box{
    margin-top:2px !important;
  }
}

@media(max-width:390px){
  .home-products-grid .product-image{
    aspect-ratio:.84 / 1 !important;
  }
}



/* PHS V16 — perakende sepet ürün önerileri */
.retail-cart-suggestions{
  margin-top:12px !important;
}
.retail-cart-suggestions .minimum-order-suggestions-title{
  font-size:13.5px !important;
}
.retail-cart-suggestions .minimum-order-suggestions-subtitle{
  font-size:10.5px !important;
}
.retail-cart-suggestion-card .minimum-order-suggestion-image{
  object-fit:contain !important;
  background:#fff !important;
}
@media(max-width:768px){
  .retail-cart-suggestions{
    padding:11px !important;
    border-radius:15px !important;
  }
  .retail-cart-suggestions .minimum-order-suggestions-head{
    margin-bottom:8px !important;
  }
  .retail-cart-suggestions .minimum-order-suggestions-refresh{
    padding:7px 8px !important;
    font-size:9px !important;
  }
  .retail-cart-suggestion-card{
    grid-template-columns:50px minmax(0,1fr) 64px !important;
    gap:8px !important;
    padding:8px !important;
  }
  .retail-cart-suggestion-card .minimum-order-suggestion-image{
    width:50px !important;
    height:50px !important;
  }
  .retail-cart-suggestion-card .minimum-order-suggestion-btn{
    min-width:64px !important;
    padding:8px 6px !important;
    font-size:10px !important;
  }
}



/* PHS V17 — Mobil sabit alt navigasyon final */
@media(max-width:768px){
  /* İçerik alt navigasyonun arkasında kalmasın */
  body.cart-has-items .container,
  .container{
    padding-bottom:116px !important;
  }

  .mobile-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:1500 !important;
    width:100% !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    min-height:72px !important;
    padding:7px 8px max(9px, env(safe-area-inset-bottom, 0px)) !important;
    background:rgba(255,255,255,.985) !important;
    border-top:1px solid #e8ebf1 !important;
    box-shadow:0 -10px 26px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
  }

  .mobile-bottom-nav-item{
    position:relative !important;
    min-width:0 !important;
    min-height:54px !important;
    padding:3px 2px 1px !important;
    gap:4px !important;
    border:0 !important;
    background:transparent !important;
    color:#7b8698 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  /* Eski üst çizgi aktiflik göstergesini kaldır */
  .mobile-bottom-nav-item::before{
    display:none !important;
    content:none !important;
  }

  .mobile-bottom-nav-item.is-active{
    color:#ef4f86 !important;
  }

  .mobile-bottom-nav-icon{
    position:relative !important;
    width:28px !important;
    height:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mobile-bottom-nav-icon svg{
    width:22px !important;
    height:22px !important;
    stroke-width:1.9 !important;
  }

  /* Sepeti orta aksiyon yap */
  .mobile-bottom-nav-cart{
    overflow:visible !important;
    color:#ef4f86 !important;
  }

  .mobile-bottom-nav-cart .mobile-bottom-nav-icon{
    width:48px !important;
    height:48px !important;
    margin-top:-19px !important;
    margin-bottom:1px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#ff6d9f 0%,#ef477f 100%) !important;
    color:#fff !important;
    border:4px solid #fff !important;
    box-shadow:0 9px 20px rgba(239,71,127,.28) !important;
  }

  .mobile-bottom-nav-cart .mobile-bottom-nav-icon svg{
    width:23px !important;
    height:23px !important;
    stroke-width:2 !important;
  }

  .mobile-bottom-nav-cart b{
    position:absolute !important;
    right:-5px !important;
    top:-6px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 4px !important;
    border-radius:999px !important;
    background:#16213b !important;
    color:#fff !important;
    border:2px solid #fff !important;
    font-size:8px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  /* WhatsApp barla çakışmasın */
  .floating-whatsapp,
  body.cart-has-items .floating-whatsapp{
    right:14px !important;
    bottom:calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    width:44px !important;
    height:44px !important;
    border-radius:999px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.16) !important;
  }
}

@media(max-width:390px){
  .mobile-bottom-nav{
    min-height:70px !important;
    padding-left:5px !important;
    padding-right:5px !important;
  }
  .mobile-bottom-nav-item{
    font-size:9px !important;
  }
  .mobile-bottom-nav-cart .mobile-bottom-nav-icon{
    width:46px !important;
    height:46px !important;
  }
}



/* PHS V18 — Alt avantajlar + popüler toptan kategoriler */
@media(max-width:768px){

  /* Avantaj kartları: uzun bloklar yerine kompakt yatay kartlar */
  .home-seo-content{
    margin-top:24px !important;
  }

  .home-proof-strip{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 0 18px !important;
    margin:0 !important;
    border-bottom:1px solid #edf0f5 !important;
    overflow:visible !important;
  }

  .home-proof-item{
    min-height:76px !important;
    padding:10px !important;
    border-radius:15px !important;
    border:1px solid #e9edf3 !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(15,23,42,.04) !important;

    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:9px !important;
    row-gap:3px !important;

    align-items:center !important;
    justify-content:stretch !important;
    text-align:left !important;
  }

  .home-proof-item:nth-child(5){
    grid-column:1 / -1 !important;
    min-height:68px !important;
  }

  .home-proof-icon{
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;

    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    margin:0 !important;
    border-radius:11px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:13px !important;
    box-shadow:none !important;
  }

  .home-proof-icon svg{
    width:17px !important;
    height:17px !important;
  }

  .home-proof-item strong{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;

    display:block !important;
    margin:0 !important;
    font-size:11.4px !important;
    line-height:1.16 !important;
    color:#14213a !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
  }

  .home-proof-item > span:last-child{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;

    display:block !important;
    margin:0 !important;
    color:#778397 !important;
    font-size:8.9px !important;
    line-height:1.26 !important;
    font-weight:700 !important;
  }

  /* 5. kartı geniş kart gibi kullan */
  .home-proof-item:nth-child(5){
    grid-template-columns:38px minmax(0,1fr) !important;
    padding-left:12px !important;
    padding-right:12px !important;
    background:linear-gradient(135deg,#fff 0%,#fff9fc 100%) !important;
  }

  /* Popüler toptan kategoriler: minik chip yığını yerine 2 satırlı yatay şerit */
  .home-seo-links{
    margin-top:19px !important;
    padding-top:0 !important;
    overflow:hidden !important;
  }

  .home-seo-links > strong{
    display:block !important;
    margin:0 0 10px !important;
    color:#14213a !important;
    font-size:17px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  .home-seo-link-list{
    display:grid !important;
    grid-template-rows:repeat(2,38px) !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(132px,max-content) !important;

    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:1px 2px 6px !important;

    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .home-seo-link-list::-webkit-scrollbar{
    display:none !important;
  }

  .home-seo-link-list a,
  .home-seo-link-list a:nth-child(n+8){
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;

    min-width:132px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 28px 0 11px !important;

    border-radius:12px !important;
    border:1px solid #e8ebf1 !important;
    background:#fff !important;

    color:#27334a !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    font-size:9.5px !important;
    line-height:1 !important;
    font-weight:850 !important;

    scroll-snap-align:start !important;
    box-shadow:0 4px 10px rgba(15,23,42,.025) !important;
  }

  .home-seo-link-list a::before{
    content:"" !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    border-radius:999px !important;
    background:#ef4f86 !important;
    margin:0 !important;
  }

  .home-seo-link-list a::after{
    content:"›" !important;
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-52%) !important;
    color:#ef4f86 !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .home-seo-link-list a:first-child{
    border-color:#f3ccda !important;
    background:linear-gradient(135deg,#fff8fb 0%,#fff 100%) !important;
    color:#d93c73 !important;
  }
}

@media(max-width:390px){
  .home-proof-strip{
    gap:7px !important;
  }

  .home-proof-item{
    min-height:72px !important;
    padding:9px !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    column-gap:8px !important;
  }

  .home-proof-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }

  .home-proof-item strong{
    font-size:10.7px !important;
  }

  .home-proof-item > span:last-child{
    font-size:8.4px !important;
  }

  .home-seo-link-list{
    grid-auto-columns:minmax(124px,max-content) !important;
  }

  .home-seo-link-list a,
  .home-seo-link-list a:nth-child(n+8){
    min-width:124px !important;
    font-size:9px !important;
  }
}



/* ============================================================
   PHS V24 — Kategori / arama ürün kartı görsel doluluğu
   Ana sayfadaki ürün kartlarıyla aynı görsel oranı.
   ============================================================ */
@media(max-width:768px){
  /* Sadece kategori / arama listelemesindeki .products gridini etkiler.
     Ana sayfadaki .home-products-grid düzenine dokunmaz. */
  #products-section .products .product-card{
    overflow:hidden !important;
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }

  #products-section .products .product-image-wrap{
    width:100% !important;
    height:auto !important;
    padding:3px 3px 0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  #products-section .products .product-image-link{
    display:block !important;
    width:100% !important;
    line-height:0 !important;
  }

  #products-section .products .product-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:.82 / 1 !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  /* Görselden sonra başlık hemen başlasın; kategori kartındaki
     gereksiz büyük beyaz ara alanı kaldır. */
  #products-section .products .product-body{
    padding:8px 9px 10px !important;
    height:auto !important;
    min-height:0 !important;
  }

  #products-section .products .product-title{
    min-height:34px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.3 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  #products-section .products .product-price{
    margin-top:7px !important;
  }
}

@media(max-width:390px){
  #products-section .products .product-image{
    aspect-ratio:.84 / 1 !important;
  }

  #products-section .products .product-body{
    padding:7px 8px 9px !important;
  }
}



/* ============================================================
   PHS V25 — Kategori/arama ürün kartı kompakt premium düzen
   ============================================================ */
@media(max-width:768px){
  /* Sadece kategori / arama / ürün listeleme kartları */
  #products-section .products{
    gap:12px !important;
  }

  #products-section .products .product-card{
    border-radius:24px !important;
    border:1px solid #e8eaf1 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.05) !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  #products-section .products .product-image-wrap{
    padding:8px 8px 0 !important;
    background:#fff !important;
  }

  #products-section .products .product-image{
    border-radius:16px !important;
    background:#fff !important;
  }

  #products-section .products .product-body{
    padding:10px 10px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
  }

  #products-section .products .product-title{
    min-height:38px !important;
    margin:0 !important;
    font-size:12.5px !important;
    line-height:1.3 !important;
    font-weight:850 !important;
    color:#14213a !important;
    letter-spacing:-0.01em !important;
  }

  #products-section .products .detail-btn{
    min-height:36px !important;
    margin-top:7px !important;
    border-radius:11px !important;
    font-size:11.5px !important;
  }

  #products-section .products .product-price{
    margin:8px 0 0 !important;
    font-size:18px !important;
    line-height:1.05 !important;
    letter-spacing:-0.03em !important;
    color:#0b1d46 !important;
  }

  #products-section .products .product-price-locked{
    margin-top:8px !important;
    border-radius:12px !important;
    padding:10px 11px !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
  }

  /* Eski kocaman adet alanı yerine kompakt düzen */
  #products-section .products .qty-add-row{
    margin-top:10px !important;
    display:grid !important;
    grid-template-columns:88px 1fr !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  #products-section .products .qty-box{
    min-height:42px !important;
    height:42px !important;
    border-radius:13px !important;
    border:1px solid #e6eaf1 !important;
    grid-template-columns:28px 1fr 28px !important;
    box-shadow:none !important;
  }

  #products-section .products .qty-btn{
    height:40px !important;
    font-size:19px !important;
    color:#334155 !important;
    background:#fff !important;
  }

  #products-section .products .qty-input{
    height:40px !important;
    font-size:15px !important;
    font-weight:900 !important;
    color:#0f172a !important;
  }

  #products-section .products .add-cart-btn{
    min-height:42px !important;
    height:42px !important;
    border-radius:13px !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    box-shadow:none !important;
    padding:0 10px !important;
  }

  #products-section .products .dealer-cta-box{
    margin-top:6px !important;
  }

  #products-section .products .dealer-cta-btn{
    min-height:24px !important;
    padding:2px 0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:10px !important;
    font-weight:850 !important;
    color:#d9366c !important;
  }

  #products-section .products .dealer-cta-btn:hover{
    background:transparent !important;
    border:0 !important;
  }

  #products-section .products .fav-dot{
    width:30px !important;
    height:30px !important;
    right:12px !important;
    top:12px !important;
    font-size:13px !important;
    box-shadow:0 6px 14px rgba(15,23,42,.08) !important;
  }
}

@media(max-width:390px){
  #products-section .products{
    gap:10px !important;
  }

  #products-section .products .product-card{
    border-radius:21px !important;
  }

  #products-section .products .product-body{
    padding:9px 9px 11px !important;
  }

  #products-section .products .product-title{
    font-size:12px !important;
    min-height:36px !important;
  }

  #products-section .products .product-price{
    font-size:17px !important;
  }

  #products-section .products .qty-add-row{
    grid-template-columns:84px 1fr !important;
    gap:7px !important;
  }

  #products-section .products .qty-box{
    min-height:40px !important;
    height:40px !important;
    grid-template-columns:26px 1fr 26px !important;
  }

  #products-section .products .qty-btn,
  #products-section .products .qty-input{
    height:38px !important;
    font-size:14px !important;
  }

  #products-section .products .add-cart-btn{
    min-height:40px !important;
    height:40px !important;
    font-size:12px !important;
  }
}



/* ============================================================
   PHS V26 — Kategori kartları ana sayfa ürün kartlarıyla AYNI
   V25'teki yan yana adet + sepet düzenini iptal eder.
   ============================================================ */
@media(max-width:768px){
  #products-section .products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:11px !important;
    align-items:start !important;
  }

  #products-section .products .product-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-self:start !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:16px !important;
    border:1px solid #e9ecf2 !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
  }

  #products-section .products .product-image-wrap{
    width:100% !important;
    height:auto !important;
    padding:3px 3px 0 !important;
    margin:0 !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  #products-section .products .product-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:.82 / 1 !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  #products-section .products .fav-dot{
    display:none !important;
  }

  #products-section .products .detail-btn{
    display:none !important;
  }

  #products-section .products .product-body{
    height:auto !important;
    min-height:0 !important;
    flex:0 0 auto !important;
    padding:7px 8px 9px !important;
  }

  #products-section .products .product-title{
    min-height:32px !important;
    height:auto !important;
    max-height:34px !important;
    margin:0 0 4px !important;
    font-size:11.8px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    color:#182132 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  #products-section .products .product-price{
    margin:4px 0 5px !important;
    font-size:19px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    color:var(--mobile-navy) !important;
    letter-spacing:-.035em !important;
  }

  /* Indexteki gibi: önce tam geniş adet, altında tam geniş Sepete Ekle */
  #products-section .products .qty-add-row{
    margin-top:4px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    align-items:stretch !important;
  }

  #products-section .products .qty-box{
    width:100% !important;
    min-height:37px !important;
    height:37px !important;
    border-radius:11px !important;
    border:1px solid #e7e9f1 !important;
    grid-template-columns:32px 1fr 32px !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  #products-section .products .qty-btn,
  #products-section .products .qty-input{
    height:35px !important;
    min-height:35px !important;
    font-size:14px !important;
  }

  #products-section .products .qty-btn{
    background:#fff !important;
    color:#334155 !important;
  }

  #products-section .products .add-cart-btn{
    width:100% !important;
    min-height:42px !important;
    height:42px !important;
    border-radius:11px !important;
    padding:0 8px !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    box-shadow:none !important;
  }

  #products-section .products .add-cart-btn::before{
    content:"🛒";
    margin-right:5px;
    font-size:12px;
  }

  #products-section .products .dealer-cta-box{
    min-height:0 !important;
    margin-top:3px !important;
  }

  #products-section .products .dealer-cta-btn{
    min-height:0 !important;
    padding:5px 0 2px !important;
    border:0 !important;
    background:transparent !important;
    font-size:9.5px !important;
    font-weight:850 !important;
    color:#dc356c !important;
    box-shadow:none !important;
  }

  #products-section .products .dealer-cta-btn:hover{
    background:transparent !important;
    border:0 !important;
  }

  #products-section .products .product-badge-sticker{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    border-radius:999px !important;
    padding:5px 8px !important;
    font-size:9px !important;
    transform:none !important;
    border:2px solid #fff !important;
  }

  #products-section .products .product-badge-sticker::after{
    display:none !important;
  }
}

@media(max-width:390px){
  #products-section .products{
    gap:10px !important;
  }

  #products-section .products .product-image{
    aspect-ratio:.84 / 1 !important;
  }

  #products-section .products .product-body{
    padding:7px 8px 8px !important;
  }

  #products-section .products .product-title{
    font-size:11px !important;
  }

  #products-section .products .product-price{
    font-size:18px !important;
  }

  #products-section .products .dealer-cta-btn{
    font-size:9px !important;
  }
}



/* ============================================================
   V32 — MASAÜSTÜ ANA SAYFA / KATEGORİ / ARAMA
   Mobil V31 düzenine dokunmaz.
   ============================================================ */
@media(min-width:901px){
  :root{
    --desktop-navy:#0b1d46;
    --desktop-pink:#ef4f86;
    --desktop-pink2:#ff6498;
    --desktop-line:#e8ebf2;
    --desktop-muted:#6f7b90;
  }

  body{
    padding-bottom:54px !important;
    background:
      radial-gradient(circle at 8% 0%,rgba(239,79,134,.055),transparent 23%),
      radial-gradient(circle at 92% 5%,rgba(111,144,255,.05),transparent 24%),
      linear-gradient(180deg,#fcfcfe 0%,#f7f8fb 100%) !important;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    background:rgba(255,255,255,.965) !important;
    border-bottom:1px solid #edf0f5 !important;
    box-shadow:0 5px 18px rgba(15,23,42,.035) !important;
  }

  .header-inner{
    max-width:1360px !important;
    min-height:82px !important;
    padding:10px 20px !important;
    display:grid !important;
    grid-template-columns:50px 188px minmax(390px,1fr) auto 118px !important;
    grid-template-areas:"menu brand search links cart" !important;
    gap:11px !important;
  }

  .header-category-trigger{
    grid-area:menu !important;
    display:flex !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #e8ebf1 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:var(--desktop-navy) !important;
    font-size:0 !important;
    box-shadow:none !important;
  }
  .header-category-trigger span{font-size:24px !important}

  .brand{grid-area:brand !important;padding:0 !important}
  .brand-logo-only{
    max-width:182px !important;
    max-height:58px !important;
    width:auto !important;
  }

  .header-search{
    grid-area:search !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
    padding:0 !important;
    gap:7px !important;
    border:0 !important;
    background:transparent !important;
  }
  .search-wrap{
    height:50px !important;
    border:1.5px solid #e3e7ef !important;
    border-radius:16px !important;
    background:#fff !important;
    transition:border-color .15s,box-shadow .15s !important;
  }
  .header-search:focus-within .search-wrap{
    border-color:#f19ab7 !important;
    box-shadow:0 0 0 4px rgba(239,79,134,.07) !important;
  }
  .search-input{
    height:48px !important;
    padding:0 14px 0 45px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:16px !important;
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--desktop-navy) !important;
  }
  .search-icon{
    left:15px !important;
    font-size:18px !important;
  }
  .search-submit{
    width:52px !important;
    height:50px !important;
    min-width:52px !important;
    border-radius:15px !important;
    background:linear-gradient(135deg,var(--desktop-pink2),var(--desktop-pink)) !important;
    box-shadow:none !important;
  }

  .header-actions{
    grid-area:links !important;
    display:flex !important;
    width:auto !important;
    gap:7px !important;
  }
  .top-link{
    min-height:42px !important;
    padding:0 11px !important;
    border-radius:12px !important;
    border:1px solid #e9ecf2 !important;
    background:#fff !important;
    color:var(--desktop-navy) !important;
    font-size:10.5px !important;
    font-weight:850 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }
  .top-link:hover{
    border-color:#f1cad8 !important;
    background:#fff8fb !important;
    color:#d93d73 !important;
  }
  .top-link-icon{font-size:13px !important}

  .header-cart-main{
    grid-area:cart !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 13px !important;
    border-radius:13px !important;
    border:0 !important;
    background:linear-gradient(135deg,var(--desktop-pink2),var(--desktop-pink)) !important;
    color:#fff !important;
    box-shadow:0 8px 16px rgba(239,79,134,.16) !important;
    font-size:11.5px !important;
  }
  .header-cart-main .cart-badge{
    background:#fff !important;
    color:#d9366c !important;
    min-width:20px !important;
    height:20px !important;
    font-size:9px !important;
  }

  .container{
    max-width:1360px !important;
    padding:20px 20px 38px !important;
  }

  /* Slider: masaüstünde gereksiz dev 16:9 yerine mağaza vitrini oranı */
  .hero{margin-bottom:20px !important}
  .hero-main{
    aspect-ratio:auto !important;
    height:clamp(300px,29vw,410px) !important;
    max-height:410px !important;
    border-radius:24px !important;
    border:1px solid #e9ecf2 !important;
    box-shadow:0 12px 30px rgba(15,23,42,.055) !important;
  }
  .hero-main img,.hero-slide img{
    object-fit:cover !important;
  }
  .hero-slider-nav{
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
    border-radius:13px !important;
    box-shadow:0 7px 16px rgba(15,23,42,.10) !important;
  }

  .homepage-vitrine{
    gap:27px !important;
    margin-top:20px !important;
  }
  .homepage-section-head{
    margin-bottom:12px !important;
  }
  .homepage-section-title{
    font-size:25px !important;
    color:var(--desktop-navy) !important;
  }
  .homepage-section-subtitle{
    margin-top:5px !important;
    font-size:12px !important;
    color:var(--desktop-muted) !important;
  }

  /* Kategori bannerları: daha yatay, daha temiz */
  .home-category-banner-grid{
    gap:12px !important;
  }
  .home-category-banner-card{
    min-height:148px !important;
    border-radius:19px !important;
    border:1px solid #e8ebf1 !important;
    box-shadow:0 7px 18px rgba(15,23,42,.045) !important;
  }
  .home-category-banner-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 12px 24px rgba(15,23,42,.075) !important;
  }
  .home-category-banner-title{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
  }
  .home-category-banner-title strong{
    padding:9px 12px !important;
    border-radius:13px !important;
    font-size:16px !important;
    background:rgba(255,255,255,.95) !important;
    color:var(--desktop-navy) !important;
    box-shadow:none !important;
  }
  .home-category-banner-title span:last-child{
    width:34px !important;
    height:34px !important;
    font-size:18px !important;
    color:var(--desktop-pink) !important;
    box-shadow:none !important;
  }

  /* Ürün şeritleri */
  .homepage-products-section{
    padding:13px !important;
    border-radius:21px !important;
    border:1px solid #e8ebf1 !important;
    background:#fff !important;
    box-shadow:0 7px 20px rgba(15,23,42,.035) !important;
  }
  .home-products-grid{
    gap:11px !important;
    padding:1px 1px 5px !important;
  }
  .home-products-grid .product-card,
  .home-products-grid .home-products-intro-card{
    flex:0 0 236px !important;
    max-width:236px !important;
  }
  .home-products-grid .product-card{
    border-radius:17px !important;
    border:1px solid #e9ecf2 !important;
    box-shadow:none !important;
  }
  .home-products-grid .product-image-wrap{
    padding:5px 5px 0 !important;
  }
  .home-products-grid .product-image{
    border-radius:12px !important;
    background:#fff !important;
  }
  .home-products-grid .product-body{
    padding:9px 10px 10px !important;
  }
  .home-products-grid .product-title{
    min-height:34px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }
  .home-products-grid .product-price{
    margin-top:5px !important;
    font-size:18px !important;
    color:var(--desktop-navy) !important;
  }
  .home-products-grid .qty-box{
    height:36px !important;
    min-height:36px !important;
  }
  .home-products-grid .add-cart-btn{
    min-height:38px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    box-shadow:none !important;
  }
  .home-products-intro-card{
    border-radius:17px !important;
    padding:18px !important;
    box-shadow:none !important;
  }
  .home-products-nav{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    font-size:23px !important;
  }

  /* Konseptler */
  .home-concept-card-list{
    gap:12px !important;
  }
  .home-concept-card{
    border-radius:19px !important;
    box-shadow:0 7px 18px rgba(15,23,42,.045) !important;
  }
  .concept-sales-grid{
    gap:12px !important;
  }
  .concept-sales-card{
    border-radius:19px !important;
    box-shadow:0 7px 18px rgba(15,23,42,.045) !important;
  }

  /* Kategori / arama sonuçları */
  #products-section{
    border-radius:22px !important;
    border:1px solid #e8ebf1 !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(15,23,42,.04) !important;
  }
  #products-section .category-products-head{
    padding-bottom:15px !important;
    margin-bottom:15px !important;
  }
  #products-section .category-products-head h2{
    color:var(--desktop-navy) !important;
  }
  #products-section .products{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  #products-section .products .product-card{
    border-radius:17px !important;
    border:1px solid #e9ecf2 !important;
    box-shadow:none !important;
  }
  #products-section .products .product-image-wrap{
    padding:5px 5px 0 !important;
  }
  #products-section .products .product-image{
    height:auto !important;
    aspect-ratio:.86 / 1 !important;
    object-fit:contain !important;
    border-radius:12px !important;
  }
  #products-section .products .product-body{
    padding:9px 10px 11px !important;
  }
  #products-section .products .product-title{
    min-height:36px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }
  #products-section .products .detail-btn{
    display:none !important;
  }
  #products-section .products .product-price{
    margin-top:6px !important;
    font-size:18px !important;
  }
  #products-section .products .qty-add-row{
    margin-top:7px !important;
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:7px !important;
  }
  #products-section .products .qty-box{
    min-height:38px !important;
    height:38px !important;
    border-radius:10px !important;
  }
  #products-section .products .add-cart-btn{
    min-height:38px !important;
    height:38px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    box-shadow:none !important;
  }

  /* Alt SEO / güven alanları */
  .home-proof-strip{
    gap:10px !important;
  }
  .home-proof-item{
    border-radius:16px !important;
    box-shadow:none !important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .header-inner{
    grid-template-columns:46px 160px minmax(300px,1fr) auto 105px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .brand-logo-only{max-width:158px !important}
  .top-link{padding:0 8px !important;font-size:9.5px !important}
  .container{padding-left:14px !important;padding-right:14px !important}
  #products-section .products{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}



/* ============================================================
   V33 — MASAÜSTÜ INDEX SON DÜZELTMELERİ
   - Sol kategori menüsü tam yükseklikte scroll
   - Emoji başlık rozeti yerine sade tasarım çizgisi
   - Ürün görselleri dengeli oran + detay butonu kaldırıldı
   - Kategori kartlarında kategori adı/açıklama görünür
   - Masaüstü bölümleri gereksiz büyük beyaz kutu görünümünden çıkarıldı
   ============================================================ */
@media(min-width:901px){

  /* ----------------------------------------------------------
     1. SOL KATEGORİ DRAWER
     ---------------------------------------------------------- */
  .category-drawer{
    top:0 !important;
    bottom:auto !important;
    height:100vh !important;
    height:100dvh !important;
    width:min(390px,31vw) !important;
    min-width:340px !important;
    border-radius:0 22px 22px 0 !important;
    border-right:1px solid #e8ebf1 !important;
    box-shadow:18px 0 42px rgba(15,23,42,.16) !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  .category-drawer-head{
    flex:0 0 auto !important;
    min-height:78px !important;
    padding:16px 17px 13px !important;
    background:#fff !important;
    border-bottom:1px solid #edf0f5 !important;
  }

  .category-drawer-head strong{
    color:#0b1d46 !important;
    font-size:21px !important;
    letter-spacing:-.035em !important;
  }

  .category-drawer-head span{
    margin-top:3px !important;
    color:#7b8597 !important;
    font-size:10.5px !important;
  }

  .category-drawer-close{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    background:#f8f9fc !important;
    border:1px solid #e8ebf1 !important;
    box-shadow:none !important;
    color:#0b1d46 !important;
    font-size:24px !important;
  }

  /* En önemli düzeltme: bütün menü gövdesi scroll olur. */
  .category-drawer-scroll{
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    padding:13px 13px 22px !important;
    scrollbar-width:thin !important;
    scrollbar-color:#d8dde7 transparent !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .category-drawer-scroll::-webkit-scrollbar{width:7px !important;}
  .category-drawer-scroll::-webkit-scrollbar-track{background:transparent !important;}
  .category-drawer-scroll::-webkit-scrollbar-thumb{
    background:#d8dde7 !important;
    border-radius:999px !important;
  }

  .category-drawer-search-wrap{
    position:relative !important;
    display:block !important;
    margin:0 0 11px !important;
  }

  .category-drawer-search-icon{
    position:absolute !important;
    left:13px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:#ef4f86 !important;
    font-size:19px !important;
    pointer-events:none !important;
  }

  .category-drawer-search{
    width:100% !important;
    height:42px !important;
    padding:0 12px 0 38px !important;
    border:1px solid #e4e8ef !important;
    border-radius:12px !important;
    background:#fafbfd !important;
    color:#17213a !important;
    outline:none !important;
    font-size:11.5px !important;
    font-weight:700 !important;
  }
  .category-drawer-search:focus{
    border-color:#ef9eb9 !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(239,79,134,.07) !important;
  }

  .category-drawer-home-row{
    margin-bottom:11px !important;
  }

  .category-drawer-list{
    padding:0 !important;
    overflow:visible !important;
  }

  .category-drawer-group{
    margin-top:14px !important;
  }

  .category-drawer-group h3{
    margin:0 8px 6px !important;
    color:#8791a2 !important;
    font-size:9.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
  }

  .category-drawer-link{
    min-height:43px !important;
    gap:9px !important;
    padding:5px 7px !important;
    border-radius:11px !important;
    color:#17213a !important;
    font-size:11.5px !important;
    font-weight:850 !important;
  }
  .category-drawer-link:hover{
    background:#fff5f8 !important;
    border-color:#f3d4df !important;
    color:#d93c72 !important;
  }

  .category-drawer-icon{
    width:31px !important;
    height:31px !important;
    flex:0 0 31px !important;
    border-radius:10px !important;
    background:#f7f4fb !important;
    font-size:13px !important;
    overflow:hidden !important;
  }
  .category-drawer-icon img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .category-drawer-link-text{
    flex:1 !important;
    min-width:0 !important;
  }

  .category-drawer-chevron{
    display:block !important;
    margin-left:auto !important;
    color:#a6adba !important;
    font-size:17px !important;
  }

  .category-drawer-bayi{
    display:block !important;
    flex:0 0 auto !important;
    padding:10px 13px 13px !important;
    background:#fff !important;
    border-top:1px solid #edf0f5 !important;
  }
  .category-drawer-bayi a{
    min-height:52px !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) 18px !important;
    align-items:center !important;
    gap:9px !important;
    padding:7px 9px !important;
    border-radius:13px !important;
    border:1px solid #f1d7e0 !important;
    background:#fff6f9 !important;
    color:#17213a !important;
  }
  .category-drawer-bayi a>span:first-child{
    font-size:17px !important;
  }
  .category-drawer-bayi a>span:nth-child(2){
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
  }
  .category-drawer-bayi small{
    color:#7d8797 !important;
    font-size:8.5px !important;
    font-weight:750 !important;
  }
  .category-drawer-bayi strong{
    color:#d93d72 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
  }
  .category-drawer-bayi b{
    color:#ef4f86 !important;
    font-size:17px !important;
  }


  /* ----------------------------------------------------------
     2. ÜRÜN BÖLÜMLERİ — DAHA TEMİZ MASAÜSTÜ
     ---------------------------------------------------------- */
  .homepage-products-section{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    margin:22px 0 30px !important;
  }

  .homepage-products-section .home-products-head{
    margin:0 0 12px !important;
    padding:0 1px !important;
  }

  /* Emoji görünmez; yerine ince premium vurgu çizgisi. */
  .home-products-title-badge{
    width:5px !important;
    min-width:5px !important;
    height:31px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ff669a,#ef4f86) !important;
    color:transparent !important;
    font-size:0 !important;
    box-shadow:none !important;
  }

  .home-products-title-wrap{
    gap:10px !important;
  }

  .homepage-products-section .home-products-title-text{
    color:#0b1d46 !important;
    font-size:23px !important;
    letter-spacing:-.035em !important;
  }

  .home-section-see-all{
    display:inline-flex !important;
    align-items:center !important;
    color:#ef4f86 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
  }

  .home-products-carousel-wrap{
    overflow:visible !important;
  }

  .home-products-grid{
    gap:11px !important;
    padding:1px 1px 6px !important;
  }

  .home-products-grid .product-card{
    flex:0 0 220px !important;
    max-width:220px !important;
    height:auto !important;
    min-height:0 !important;
    border-radius:16px !important;
    border:1px solid #e7ebf1 !important;
    background:#fff !important;
    box-shadow:0 5px 14px rgba(15,23,42,.035) !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 10px 22px rgba(15,23,42,.065) !important;
  }

  /* Tüm ürünlerde tek, dengeli görsel alan. */
  .home-products-grid .product-image-wrap{
    width:100% !important;
    height:205px !important;
    padding:7px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-bottom:1px solid #f0f2f6 !important;
    background:#fff !important;
  }

  .home-products-grid .product-image-link{
    width:100% !important;
    height:100% !important;
    display:block !important;
    line-height:0 !important;
  }

  .home-products-grid .product-image{
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:0 !important;
    border-radius:10px !important;
    background:#fff !important;
    transform:none !important;
    cursor:pointer !important;
  }

  .home-products-grid .product-body{
    padding:9px 10px 11px !important;
  }

  .home-products-grid .product-title{
    min-height:34px !important;
    max-height:34px !important;
    margin:0 0 6px !important;
    color:#182132 !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  /* Mobildeki mantık: görsele tıkla -> detay. Ayrı detay butonu yok. */
  .home-products-grid .detail-btn{
    display:none !important;
  }

  .home-products-grid .retail-price-caption{
    margin-top:3px !important;
    font-size:9px !important;
  }

  .home-products-grid .product-price{
    margin:3px 0 7px !important;
    color:#0b1d46 !important;
    font-size:17px !important;
    line-height:1.05 !important;
  }

  .home-products-grid .qty-add-row{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:7px !important;
    margin-top:0 !important;
  }

  .home-products-grid .qty-box{
    width:92px !important;
    min-width:92px !important;
    height:36px !important;
    min-height:36px !important;
    grid-template-columns:28px 1fr 28px !important;
    border-radius:10px !important;
  }

  .home-products-grid .qty-btn,
  .home-products-grid .qty-input{
    height:34px !important;
    font-size:12px !important;
  }

  .home-products-grid .add-cart-btn{
    height:36px !important;
    min-height:36px !important;
    padding:0 8px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    box-shadow:none !important;
  }

  .home-products-grid .dealer-cta-box{
    margin-top:5px !important;
  }
  .home-products-grid .dealer-cta-btn{
    min-height:31px !important;
    padding:4px 6px !important;
    border-radius:9px !important;
    font-size:9.2px !important;
    background:#fff7fa !important;
    border:1px solid #f3c9d8 !important;
  }

  .home-products-grid .fav-dot{
    width:31px !important;
    height:31px !important;
    top:11px !important;
    right:11px !important;
    font-size:14px !important;
  }

  .home-products-nav{
    width:36px !important;
    height:48px !important;
    border-radius:11px !important;
    font-size:22px !important;
    box-shadow:0 7px 16px rgba(15,23,42,.10) !important;
  }


  /* ----------------------------------------------------------
     3. KATEGORİLER — GÖRSEL + İSİM + ALT AÇIKLAMA
     ---------------------------------------------------------- */
  .homepage-categories-section{
    margin:26px 0 32px !important;
  }

  .home-category-section-head{
    align-items:flex-end !important;
    margin-bottom:12px !important;
  }

  .homepage-categories-section .homepage-section-title{
    color:#0b1d46 !important;
    font-size:24px !important;
  }

  .homepage-categories-section .homepage-section-subtitle{
    display:block !important;
    color:#748095 !important;
    font-size:11px !important;
  }

  .home-category-see-all-link{
    min-height:34px !important;
    padding:0 11px !important;
    border:1px solid #e8ebf1 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#ef4f86 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    box-shadow:none !important;
  }

  .home-category-banner-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:11px !important;
  }

  .home-category-banner-card{
    height:176px !important;
    min-height:176px !important;
    border-radius:18px !important;
    border:1px solid #e7eaf0 !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
  }

  .home-category-banner-card::after{
    display:block !important;
    background:linear-gradient(180deg,rgba(11,29,70,0) 38%,rgba(11,29,70,.58) 100%) !important;
  }

  .home-category-banner-card img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }

  .home-category-banner-card:hover img{
    transform:scale(1.018) !important;
  }

  .home-category-banner-title{
    position:absolute !important;
    left:11px !important;
    right:11px !important;
    top:auto !important;
    bottom:10px !important;
    z-index:3 !important;
    min-height:52px !important;
    padding:8px 9px 8px 11px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 31px !important;
    align-items:center !important;
    gap:8px !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(255,255,255,.80) !important;
    box-shadow:0 7px 16px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }

  .home-category-banner-icon{
    display:none !important;
  }

  .home-category-banner-copy{
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    gap:2px !important;
  }

  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    display:block !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#14213a !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .home-category-banner-copy small{
    display:block !important;
    color:#707c91 !important;
    font-size:8.7px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .home-category-banner-arrow,
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    position:static !important;
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #f1cedb !important;
    border-radius:10px !important;
    background:#fff6f9 !important;
    color:#ef4f86 !important;
    font-size:19px !important;
    box-shadow:none !important;
  }

  /* Alttaki ikinci "Tüm Kategorileri Göster" masaüstünde gereksiz.
     Üstteki Tümünü Gör butonu aynı işi yapıyor. */
  .home-category-show-more-wrap{
    display:none !important;
  }

}

@media(min-width:901px) and (max-width:1180px){
  .category-drawer{
    width:360px !important;
    min-width:360px !important;
  }

  .home-products-grid .product-card{
    flex-basis:205px !important;
    max-width:205px !important;
  }

  .home-products-grid .product-image-wrap{
    height:190px !important;
  }

  .home-category-banner-card{
    height:158px !important;
    min-height:158px !important;
  }
}



/* ============================================================
   V34 — MASAÜSTÜ ÜRÜN KARTI + KATEGORİ KARTI İYİLEŞTİRME
   ============================================================ */
@media(min-width:901px){

  /* ----------------------------------------------------------
     ÜRÜN KARTLARI
     ---------------------------------------------------------- */
  .homepage-products-section{
    margin:18px 0 30px !important;
  }

  .home-products-grid{
    gap:14px !important;
    padding:2px 2px 8px !important;
  }

  .home-products-grid .product-card{
    flex:0 0 232px !important;
    max-width:232px !important;
    border-radius:20px !important;
    border:1px solid #e8ebf1 !important;
    background:linear-gradient(180deg,#ffffff 0%,#fcfcfe 100%) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 18px 34px rgba(15,23,42,.09) !important;
  }

  .home-products-grid .product-image-wrap{
    height:214px !important;
    padding:10px !important;
    border-bottom:0 !important;
    background:
      linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%) !important;
  }

  .home-products-grid .product-image-link{
    display:flex !important;
    width:100% !important;
    height:100% !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid #f0f2f6 !important;
  }

  .home-products-grid .product-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:12px !important;
  }

  .home-products-grid .product-body{
    padding:11px 12px 12px !important;
  }

  .home-products-grid .product-title{
    min-height:42px !important;
    max-height:42px !important;
    margin:0 0 8px !important;
    font-size:12.4px !important;
    line-height:1.34 !important;
    font-weight:850 !important;
    color:#15223d !important;
  }

  .home-products-grid .retail-price-caption{
    margin-top:0 !important;
    font-size:9.5px !important;
    font-weight:800 !important;
    color:#7c8698 !important;
  }

  .home-products-grid .product-price{
    margin:2px 0 10px !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    color:#0b1d46 !important;
  }

  .home-products-grid .qty-add-row{
    grid-template-columns:94px minmax(0,1fr) !important;
    gap:8px !important;
  }

  .home-products-grid .qty-box{
    width:94px !important;
    min-width:94px !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:12px !important;
    border:1px solid #dfe4ec !important;
    background:#fff !important;
  }

  .home-products-grid .qty-btn,
  .home-products-grid .qty-input{
    height:38px !important;
    font-size:13px !important;
    color:#17213a !important;
  }

  .home-products-grid .add-cart-btn{
    height:40px !important;
    min-height:40px !important;
    border-radius:12px !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#ff5d95,#ec4d84) !important;
    box-shadow:0 8px 14px rgba(239,79,134,.14) !important;
  }

  .home-products-grid .dealer-cta-box{
    margin-top:7px !important;
  }

  .home-products-grid .dealer-cta-btn{
    min-height:34px !important;
    padding:6px 8px !important;
    border-radius:11px !important;
    background:#fff7fa !important;
    border:1px solid #f2d4df !important;
    color:#d83c72 !important;
    font-size:9.7px !important;
    font-weight:850 !important;
  }

  .home-products-grid .dealer-cta-btn .dealer-cta-desktop,
  .home-products-grid .dealer-cta-btn .dealer-cta-mobile{
    display:inline !important;
  }

  .home-products-grid .fav-dot{
    width:34px !important;
    height:34px !important;
    top:13px !important;
    right:13px !important;
    border:1px solid #eceff4 !important;
    box-shadow:0 6px 14px rgba(15,23,42,.08) !important;
  }

  /* ----------------------------------------------------------
     KATEGORİ KARTLARI
     ---------------------------------------------------------- */
  .homepage-categories-section{
    margin:30px 0 36px !important;
  }

  .home-category-section-head{
    margin-bottom:14px !important;
  }

  .home-category-banner-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .home-category-banner-card{
    position:relative !important;
    display:block !important;
    height:198px !important;
    min-height:198px !important;
    border-radius:22px !important;
    border:1px solid #e8ebf1 !important;
    background:
      linear-gradient(135deg,#fffdfd 0%,#fff7fb 52%,#f9f8ff 100%) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
    overflow:hidden !important;
  }

  .home-category-banner-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 18px 34px rgba(15,23,42,.095) !important;
  }

  .home-category-banner-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      radial-gradient(circle at 12% 20%,rgba(255,181,213,.42),transparent 18%),
      radial-gradient(circle at 80% 18%,rgba(205,192,255,.28),transparent 22%),
      radial-gradient(circle at 90% 82%,rgba(255,232,156,.18),transparent 20%) !important;
    z-index:0 !important;
  }

  .home-category-banner-card::after{
    display:none !important;
  }

  .home-category-banner-card img{
    position:absolute !important;
    right:12px !important;
    top:14px !important;
    bottom:14px !important;
    width:46% !important;
    height:calc(100% - 28px) !important;
    object-fit:contain !important;
    object-position:right center !important;
    z-index:1 !important;
    filter:drop-shadow(0 10px 14px rgba(15,23,42,.10)) !important;
  }

  .home-category-banner-title{
    position:absolute !important;
    left:15px !important;
    right:49% !important;
    top:15px !important;
    bottom:15px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    gap:10px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:2 !important;
  }

  .home-category-banner-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.84) !important;
    border:1px solid rgba(239,79,134,.15) !important;
    color:#ef4f86 !important;
    font-size:18px !important;
    box-shadow:0 6px 16px rgba(15,23,42,.06) !important;
  }

  .home-category-banner-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
    min-width:0 !important;
    width:100% !important;
  }

  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#0d1e47 !important;
    font-size:20px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
    white-space:normal !important;
  }

  .home-category-banner-copy small,
  .home-category-banner-title small{
    display:block !important;
    color:#6f7b90 !important;
    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:750 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
    max-width:100% !important;
  }

  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:13px !important;
    border:1px solid #f3cedb !important;
    background:#fff !important;
    color:#ef4f86 !important;
    font-size:22px !important;
    box-shadow:0 7px 16px rgba(15,23,42,.07) !important;
  }
}

@media(min-width:901px) and (max-width:1220px){
  .home-products-grid .product-card{
    flex-basis:220px !important;
    max-width:220px !important;
  }
  .home-products-grid .product-image-wrap{
    height:200px !important;
  }
  .home-category-banner-card{
    height:184px !important;
    min-height:184px !important;
  }
  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    font-size:18px !important;
  }
}



/* ============================================================
   V35 — MASAÜSTÜ ÜRÜN + KATEGORİ KARTLARI
   Önceki V34 kart kurallarını kesin olarak geçersiz kılar.
   ============================================================ */
@media(min-width:901px){

  /* ==========================================================
     ÜRÜN KARTLARI — kompakt, tek ritim, boşluksuz
     ========================================================== */
  .homepage-products-section{
    margin:20px 0 34px !important;
  }

  .home-products-grid{
    gap:12px !important;
    padding:2px 1px 8px !important;
    align-items:flex-start !important;
  }

  .home-products-grid .product-card{
    flex:0 0 218px !important;
    max-width:218px !important;
    width:218px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:block !important;
    align-self:flex-start !important;
    border:1px solid #e6eaf1 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 7px 18px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 13px 28px rgba(15,23,42,.085) !important;
  }

  .home-products-grid .product-image-wrap{
    position:relative !important;
    width:100% !important;
    height:190px !important;
    padding:8px !important;
    margin:0 !important;
    border-bottom:1px solid #f0f2f6 !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-image-link{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:0 !important;
    border-radius:13px !important;
    background:#fff !important;
    line-height:0 !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:10px !important;
    background:#fff !important;
    transform:none !important;
  }

  .home-products-grid .fav-dot{
    width:29px !important;
    height:29px !important;
    top:11px !important;
    right:11px !important;
    border:1px solid #e7ebf1 !important;
    background:rgba(255,255,255,.96) !important;
    font-size:13px !important;
    box-shadow:0 5px 12px rgba(15,23,42,.07) !important;
  }

  .home-products-grid .product-body{
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px 11px 11px !important;
  }

  .home-products-grid .product-title{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 0 8px !important;
    font-size:11.7px !important;
    line-height:1.42 !important;
    font-weight:850 !important;
    color:#14213a !important;
    letter-spacing:-.01em !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-title a{
    color:inherit !important;
    text-decoration:none !important;
  }

  .home-products-grid .detail-btn{
    display:none !important;
  }

  .home-products-grid .retail-price-caption{
    display:block !important;
    margin:0 0 2px !important;
    color:#8992a3 !important;
    font-size:8.8px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }

  .home-products-grid .product-price{
    display:block !important;
    margin:0 0 8px !important;
    color:#0b1d46 !important;
    font-size:17px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  .home-products-grid .qty-add-row{
    width:100% !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:84px minmax(0,1fr) !important;
    gap:7px !important;
    align-items:center !important;
  }

  .home-products-grid .qty-box{
    width:84px !important;
    min-width:84px !important;
    height:36px !important;
    min-height:36px !important;
    display:grid !important;
    grid-template-columns:25px 1fr 25px !important;
    border:1px solid #dfe4eb !important;
    border-radius:10px !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  .home-products-grid .qty-btn,
  .home-products-grid .qty-input{
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:0 !important;
    background:#fff !important;
    color:#1f2d48 !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  .home-products-grid .add-cart-btn{
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#ff6097,#ed4a82) !important;
    color:#fff !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }

  .home-products-grid .dealer-cta-box{
    margin:6px 0 0 !important;
    padding:0 !important;
  }

  .home-products-grid .dealer-cta-btn{
    min-height:28px !important;
    width:100% !important;
    padding:0 7px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:8px !important;
    background:#fff6f9 !important;
    color:#d83d72 !important;
    font-size:8.8px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }

  /* V34'te iki metin birden görünüyordu — masaüstünde yalnızca tek metin. */
  .home-products-grid .dealer-cta-btn .dealer-cta-desktop{
    display:inline !important;
  }
  .home-products-grid .dealer-cta-btn .dealer-cta-mobile{
    display:none !important;
  }


  /* ==========================================================
     KATEGORİ KARTLARI — tam görsel + ayrı bilgi bandı
     ========================================================== */
  .homepage-categories-section{
    margin:28px 0 36px !important;
  }

  .home-category-section-head{
    margin-bottom:13px !important;
  }

  .home-category-banner-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:13px !important;
  }

  .home-category-banner-card{
    position:relative !important;
    display:grid !important;
    grid-template-rows:148px 62px !important;
    width:100% !important;
    height:210px !important;
    min-height:210px !important;
    padding:0 !important;
    border:1px solid #e6eaf1 !important;
    border-radius:19px !important;
    background:#fff !important;
    box-shadow:0 7px 20px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
  }

  .home-category-banner-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 14px 28px rgba(15,23,42,.085) !important;
  }

  .home-category-banner-card::before,
  .home-category-banner-card::after{
    display:none !important;
    content:none !important;
  }

  .home-category-banner-card img{
    position:static !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    height:148px !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:0 !important;
    filter:none !important;
    transform:none !important;
    z-index:auto !important;
  }

  .home-category-banner-card:hover img{
    transform:scale(1.012) !important;
  }

  .home-category-banner-title{
    position:static !important;
    grid-row:2 !important;
    width:100% !important;
    height:62px !important;
    min-height:62px !important;
    margin:0 !important;
    padding:9px 10px !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) 30px !important;
    align-items:center !important;
    gap:8px !important;
    border:0 !important;
    border-top:1px solid #eef0f4 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:auto !important;
  }

  .home-category-banner-icon{
    position:static !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #f1d5df !important;
    border-radius:10px !important;
    background:#fff6f9 !important;
    color:#ef4f86 !important;
    font-size:14px !important;
    box-shadow:none !important;
  }

  .home-category-banner-copy{
    display:block !important;
    min-width:0 !important;
    width:100% !important;
  }

  .home-category-banner-copy strong,
  .home-category-banner-title strong{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#102049 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:12.5px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .home-category-banner-copy small,
  .home-category-banner-title small{
    display:block !important;
    width:100% !important;
    margin:3px 0 0 !important;
    color:#7b8597 !important;
    font-size:8.8px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    position:static !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #f0d1dc !important;
    border-radius:10px !important;
    background:#fff7fa !important;
    color:#ef4f86 !important;
    font-size:18px !important;
    box-shadow:none !important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .home-products-grid .product-card{
    flex-basis:205px !important;
    max-width:205px !important;
    width:205px !important;
  }

  .home-products-grid .product-image-wrap{
    height:178px !important;
  }

  .home-category-banner-card{
    grid-template-rows:134px 60px !important;
    height:194px !important;
    min-height:194px !important;
  }

  .home-category-banner-card img{
    height:134px !important;
  }

  .home-category-banner-title{
    height:60px !important;
    min-height:60px !important;
  }
}



/* ============================================================
   V36 — MASAÜSTÜ ÜRÜN KARTLARI BÜYÜK GÖRSEL + DAHA DÜZENLİ
   ============================================================ */
@media (min-width: 901px){
  .home-products-grid{
    gap:16px !important;
    padding:4px 2px 10px !important;
    align-items:stretch !important;
  }

  .home-products-grid .product-card{
    width:248px !important;
    max-width:248px !important;
    flex:0 0 248px !important;
    border:1px solid #e5e9f0 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 18px 38px rgba(15,23,42,.10) !important;
  }

  .home-products-grid .product-image-wrap{
    height:250px !important;
    padding:10px 10px 6px !important;
    background:#fff !important;
    border-bottom:1px solid #edf1f5 !important;
  }

  .home-products-grid .product-image-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  .home-products-grid .product-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  .home-products-grid .fav-dot{
    width:32px !important;
    height:32px !important;
    top:12px !important;
    right:12px !important;
    border-radius:50% !important;
    border:1px solid #e7ebf1 !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 6px 14px rgba(15,23,42,.07) !important;
  }

  .home-products-grid .product-body{
    padding:12px !important;
  }

  .home-products-grid .product-title{
    min-height:46px !important;
    max-height:46px !important;
    height:46px !important;
    margin:0 0 10px !important;
    font-size:13px !important;
    line-height:1.36 !important;
    font-weight:850 !important;
    color:#13203d !important;
    letter-spacing:-.015em !important;
  }

  .home-products-grid .product-title a{
    color:inherit !important;
    text-decoration:none !important;
  }

  .home-products-grid .retail-price-caption{
    margin:0 0 3px !important;
    color:#8b95a7 !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  .home-products-grid .product-price{
    margin:0 0 12px !important;
    font-size:18px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
    color:#0b1d46 !important;
  }

  .home-products-grid .qty-add-row{
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
    margin:0 !important;
  }

  .home-products-grid .qty-box{
    width:92px !important;
    min-width:92px !important;
    height:40px !important;
    min-height:40px !important;
    grid-template-columns:28px 1fr 28px !important;
    border:1px solid #dfe5ed !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  .home-products-grid .qty-btn,
  .home-products-grid .qty-input{
    height:38px !important;
    min-height:38px !important;
    font-size:13px !important;
    font-weight:900 !important;
    color:#1e2b47 !important;
  }

  .home-products-grid .add-cart-btn{
    height:40px !important;
    min-height:40px !important;
    border-radius:12px !important;
    padding:0 12px !important;
    font-size:12px !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,#ff5d97,#ea4a82) !important;
    box-shadow:0 8px 18px rgba(239,79,134,.16) !important;
  }

  .home-products-grid .dealer-cta-box{
    margin-top:8px !important;
  }

  .home-products-grid .dealer-cta-btn{
    min-height:34px !important;
    border-radius:10px !important;
    border:1px solid #f2d2de !important;
    background:#fff7fa !important;
    color:#d93d72 !important;
    font-size:9.6px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }

  .home-products-grid .dealer-cta-btn .dealer-cta-desktop{display:inline !important;}
  .home-products-grid .dealer-cta-btn .dealer-cta-mobile{display:none !important;}
}

@media (min-width: 901px) and (max-width: 1180px){
  .home-products-grid .product-card{
    width:226px !important;
    max-width:226px !important;
    flex-basis:226px !important;
  }
  .home-products-grid .product-image-wrap{
    height:226px !important;
  }
}



/* ============================================================
   V37 — ÜRÜN ADI / FİYAT ARASI BOŞLUK DÜZELTME
   ============================================================ */
@media(min-width:901px){
  .home-products-grid .product-title{
    height:auto !important;
    min-height:0 !important;
    max-height:36px !important;
    margin:0 0 5px !important;
    line-height:1.35 !important;
  }

  .home-products-grid .retail-price-caption{
    margin:0 0 2px !important;
  }

  .home-products-grid .product-price{
    margin:0 0 9px !important;
  }
}



/* ============================================================
   V38 — MASAÜSTÜ ÜST BÖLÜM PROFESYONEL DÜZEN
   Header + bilgilendirme bandı + ana başlık + hızlı kategori satırı
   ============================================================ */
@media (min-width:901px){
  .site-header{
    background:rgba(255,255,255,.98) !important;
    border-bottom:1px solid #ece7f4 !important;
    box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
  }

  .header-inner{
    max-width:1540px !important;
    min-height:88px !important;
    padding:16px 24px !important;
    gap:14px !important;
    align-items:center !important;
    grid-template-columns:54px 220px minmax(360px,1fr) auto auto !important;
    grid-template-areas:"menu brand search links cart" !important;
  }

  .header-category-trigger{
    grid-area:menu !important;
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    border:1px solid #e9e6f3 !important;
    background:#fff !important;
    color:#1f2940 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.05) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .header-category-trigger span{
    font-size:28px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  .brand{
    grid-area:brand !important;
    min-width:0 !important;
    padding-right:0 !important;
  }
  .brand-logo-only{
    max-height:58px !important;
    width:auto !important;
  }

  .header-search{
    grid-area:search !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
  }
  .search-wrap{
    flex:1 1 auto !important;
  }
  .search-input{
    height:58px !important;
    border-radius:18px !important;
    border:1px solid #e6e9f2 !important;
    padding:0 18px 0 50px !important;
    font-size:15px !important;
    font-weight:800 !important;
    box-shadow:none !important;
  }
  .search-input::placeholder{
    color:#7a859b !important;
  }
  .search-submit{
    width:58px !important;
    height:58px !important;
    border-radius:18px !important;
    box-shadow:0 10px 22px rgba(239,79,134,.18) !important;
  }

  .header-actions{
    grid-area:links !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  .top-link{
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    border:1px solid #e6e9f2 !important;
    box-shadow:none !important;
    background:#fff !important;
    gap:8px !important;
  }
  .top-link:hover{
    transform:translateY(-1px);
    border-color:#f1bdd0 !important;
    box-shadow:0 8px 16px rgba(239,79,134,.08) !important;
  }

  .header-cart-main{
    grid-area:cart !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    gap:10px !important;
    box-shadow:0 12px 24px rgba(16,24,39,.15) !important;
  }

  .container{
    padding-top:24px !important;
  }

  .hero{
    margin-bottom:14px !important;
  }
  .membership-info-band{
    margin:0 0 18px !important;
    min-height:68px !important;
    padding:14px 18px !important;
    border-radius:20px !important;
    border:1px solid #f1d39f !important;
    background:linear-gradient(90deg,#fff9ef 0%, #fffdf8 100%) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
  }
  .membership-info-band-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:18px !important;
  }
  .membership-info-band-text{
    font-size:15px !important;
    line-height:1.55 !important;
    color:#8a5b00 !important;
  }

  .seo-page-intro{
    margin:0 auto 18px !important;
    padding:0 2px !important;
  }
  .seo-page-intro h1{
    font-size:clamp(36px, 3.4vw, 56px) !important;
    line-height:1.08 !important;
    margin:0 0 8px !important;
    letter-spacing:-.03em !important;
  }
  .seo-page-intro p{
    margin:0 !important;
    max-width:1080px !important;
    font-size:17px !important;
    line-height:1.6 !important;
    color:#657086 !important;
  }

  .slider-category-nav{
    margin:0 0 18px !important;
  }
  .desktop-category-scroller{
    gap:12px !important;
    padding:12px !important;
    border-radius:24px !important;
    border:1px solid #ece7f4 !important;
    background:linear-gradient(180deg,#ffffff 0%, #fff9fc 100%) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
  }
  .desktop-category-label{
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    box-shadow:0 10px 18px rgba(16,24,39,.14) !important;
  }
  .desktop-category-pill{
    min-height:46px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    border:1px solid #ebe6f3 !important;
    font-size:14px !important;
    box-shadow:none !important;
  }
  .desktop-category-pill:hover{
    box-shadow:0 8px 18px rgba(239,79,134,.08) !important;
  }
  .desktop-category-pill-visual{
    width:28px !important;
    height:28px !important;
    border-radius:10px !important;
    background:#fff5fa !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    flex-shrink:0 !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .header-inner{
    grid-template-columns:50px 190px minmax(260px,1fr) auto auto !important;
    gap:12px !important;
  }
  .top-link,
  .header-cart-main{
    padding:0 14px !important;
  }
  .top-link-text,
  .header-cart-main span:first-child{
    font-size:13px !important;
  }
  .search-input{
    font-size:14px !important;
  }
  .seo-page-intro h1{
    font-size:42px !important;
  }
  .seo-page-intro p{
    font-size:15px !important;
  }
}



/* ============================================================
   V39 — MASAÜSTÜ ÜST BÖLÜM KOMPAKT
   V38'de fazla büyüyen alanları küçültür.
   ============================================================ */
@media(min-width:901px){

  /* Üst içerik genel ritmi */
  .container{
    padding-top:16px !important;
  }

  /* Sarı üyelik bandı */
  .hero{
    margin-bottom:8px !important;
  }

  .membership-info-band{
    min-height:46px !important;
    margin:0 0 10px !important;
    padding:8px 12px !important;
    gap:9px !important;
    border-radius:14px !important;
    box-shadow:none !important;
  }

  .membership-info-band-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }

  .membership-info-band-text{
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:850 !important;
  }

  /* SEO başlık alanı */
  .seo-page-intro{
    margin:0 auto 12px !important;
    padding:0 2px !important;
  }

  .seo-page-intro h1{
    margin:0 0 5px !important;
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-.03em !important;
  }

  .seo-page-intro p{
    max-width:980px !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  /* Slider üstü kategori satırı */
  .slider-category-nav{
    margin:0 0 12px !important;
  }

  .desktop-category-scroller{
    gap:7px !important;
    padding:7px !important;
    border-radius:16px !important;
    box-shadow:0 6px 16px rgba(15,23,42,.04) !important;
  }

  .desktop-category-label{
    min-height:36px !important;
    height:36px !important;
    padding:0 12px !important;
    gap:7px !important;
    border-radius:11px !important;
    font-size:11.5px !important;
    box-shadow:none !important;
  }

  .desktop-category-label span{
    font-size:15px !important;
  }

  .desktop-category-pill{
    min-height:36px !important;
    height:36px !important;
    padding:0 12px !important;
    gap:6px !important;
    border-radius:11px !important;
    font-size:11px !important;
    box-shadow:none !important;
  }

  .desktop-category-pill-visual{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    border-radius:7px !important;
  }

  .desktop-category-pill-visual svg{
    width:14px !important;
    height:14px !important;
  }

  /* Slider çok büyük görünmesin */
  .hero-main{
    height:clamp(245px,23vw,320px) !important;
    max-height:320px !important;
    border-radius:18px !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  }

  .hero-slider-nav{
    width:36px !important;
    height:36px !important;
    border-radius:11px !important;
    font-size:18px !important;
  }

  /* Alttaki sabit sepet barını da küçült */
  .bottom-checkout-bar{
    min-height:56px !important;
    padding:6px 10px 6px 14px !important;
    border-radius:16px !important;
  }

  .checkout-total{
    font-size:9px !important;
  }

  .checkout-total strong{
    font-size:17px !important;
  }

  .checkout-guarantees{
    gap:8px !important;
    font-size:9px !important;
  }

  .checkout-btn{
    min-width:170px !important;
    min-height:44px !important;
    height:44px !important;
    border-radius:12px !important;
    font-size:11.5px !important;
  }

  /* WhatsApp da içerikten daha az çalsın */
  .floating-whatsapp{
    transform:scale(.90) !important;
    transform-origin:right center !important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .seo-page-intro h1{
    font-size:31px !important;
  }

  .seo-page-intro p{
    font-size:12px !important;
  }

  .desktop-category-pill{
    padding:0 10px !important;
    font-size:10.5px !important;
  }

  .hero-main{
    height:270px !important;
  }
}



/* ============================================================
   V40 — MASAÜSTÜ KATEGORİ / ARAMA SAYFASI TEMİZ DÜZEN
   Ana sayfayı etkilemez.
   ============================================================ */
@media(min-width:901px){

  /* Listeleme sayfasında üst tarafı sadeleştir */
  body.is-listing-page .container{
    padding-top:14px !important;
  }

  body.is-listing-page .hero{
    display:none !important;
  }

  /* Aynı kategori adının iki kere görünmesini kaldır */
  body.is-listing-page .seo-page-intro{
    display:none !important;
  }

  body.is-listing-page .seo-breadcrumb{
    max-width:none !important;
    margin:0 0 10px !important;
    padding:0 2px !important;
    font-size:10.5px !important;
    color:#7b8598 !important;
  }

  body.is-listing-page .seo-breadcrumb a{
    color:#0b1d46 !important;
    font-weight:850 !important;
  }

  /* Ürün alanı artık büyük beyaz panel değil */
  body.is-listing-page #products-section{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.is-listing-page #products-section .category-products-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:18px !important;
    margin:0 0 13px !important;
    padding:0 0 12px !important;
    border-bottom:1px solid #e8ebf1 !important;
  }

  body.is-listing-page #products-section .category-products-head h2{
    margin:0 0 4px !important;
    color:#0b1d46 !important;
    font-size:28px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  body.is-listing-page #products-section .category-products-head p{
    margin:0 !important;
    max-width:760px !important;
    color:#717c90 !important;
    font-size:11.5px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
  }

  body.is-listing-page .category-products-actions{
    gap:7px !important;
    flex-wrap:nowrap !important;
  }

  body.is-listing-page .category-back-link,
  body.is-listing-page .category-count-chip{
    min-height:36px !important;
    height:36px !important;
    padding:0 11px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    box-shadow:none !important;
  }

  body.is-listing-page .category-back-link{
    background:#fff !important;
    border:1px solid #e3e7ee !important;
    color:#334155 !important;
  }

  body.is-listing-page .category-count-chip{
    background:#fff5f8 !important;
    border:1px solid #f1d2dd !important;
    color:#e34377 !important;
  }

  /* Alt kategori/grup filtreleri de daha ince */
  body.is-listing-page .category-group-filter-wrap{
    margin:0 0 12px !important;
    padding:9px 10px !important;
    border-radius:13px !important;
    border:1px solid #e8ebf1 !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  body.is-listing-page .category-group-filter-title{
    margin-bottom:7px !important;
    font-size:10px !important;
  }

  body.is-listing-page .category-group-filter-list{
    gap:6px !important;
  }

  body.is-listing-page .category-group-filter-link{
    min-height:32px !important;
    padding:0 10px !important;
    border-radius:9px !important;
    font-size:10px !important;
  }

  /* Ürün gridini daha mağaza gibi göster */
  body.is-listing-page #products-section .products{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:start !important;
  }

  body.is-listing-page #products-section .products .product-card{
    height:auto !important;
    min-height:0 !important;
    border:1px solid #e6eaf1 !important;
    border-radius:17px !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(15,23,42,.035) !important;
    overflow:hidden !important;
  }

  body.is-listing-page #products-section .products .product-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 12px 25px rgba(15,23,42,.075) !important;
  }

  body.is-listing-page #products-section .products .product-image-wrap{
    height:250px !important;
    padding:8px !important;
    border-bottom:1px solid #eef1f5 !important;
    background:#fff !important;
  }

  body.is-listing-page #products-section .products .product-image-link{
    display:flex !important;
    width:100% !important;
    height:100% !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.is-listing-page #products-section .products .product-image{
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:10px !important;
  }

  body.is-listing-page #products-section .products .product-body{
    height:auto !important;
    min-height:0 !important;
    padding:9px 10px 11px !important;
  }

  body.is-listing-page #products-section .products .product-title{
    height:auto !important;
    min-height:0 !important;
    max-height:34px !important;
    margin:0 0 5px !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:850 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  body.is-listing-page #products-section .products .detail-btn{
    display:none !important;
  }

  body.is-listing-page #products-section .products .retail-price-caption{
    margin:0 0 2px !important;
    font-size:8.5px !important;
  }

  body.is-listing-page #products-section .products .product-price{
    margin:0 0 7px !important;
    font-size:16px !important;
  }

  body.is-listing-page #products-section .products .qty-add-row{
    margin:0 !important;
    grid-template-columns:82px minmax(0,1fr) !important;
    gap:6px !important;
  }

  body.is-listing-page #products-section .products .qty-box{
    width:82px !important;
    min-width:82px !important;
    height:34px !important;
    min-height:34px !important;
    grid-template-columns:24px 1fr 24px !important;
    border-radius:9px !important;
  }

  body.is-listing-page #products-section .products .qty-btn,
  body.is-listing-page #products-section .products .qty-input{
    height:32px !important;
    min-height:32px !important;
    font-size:11px !important;
  }

  body.is-listing-page #products-section .products .add-cart-btn{
    height:34px !important;
    min-height:34px !important;
    border-radius:9px !important;
    font-size:9.8px !important;
    box-shadow:none !important;
  }

  body.is-listing-page #products-section .products .dealer-cta-box{
    margin-top:5px !important;
  }

  body.is-listing-page #products-section .products .dealer-cta-btn{
    min-height:27px !important;
    padding:0 6px !important;
    border-radius:8px !important;
    font-size:8.2px !important;
    border:0 !important;
    background:#fff6f9 !important;
    white-space:nowrap !important;
  }

  /* Sabit ödeme barı listeyi daha az kapatsın */
  body.is-listing-page .bottom-checkout-bar{
    width:min(1180px,calc(100% - 32px)) !important;
    min-height:50px !important;
    bottom:10px !important;
    padding:5px 8px 5px 12px !important;
    border-radius:14px !important;
  }

  body.is-listing-page .checkout-total{
    font-size:8.5px !important;
  }

  body.is-listing-page .checkout-total strong{
    font-size:15px !important;
  }

  body.is-listing-page .checkout-guarantees{
    font-size:8px !important;
  }

  body.is-listing-page .checkout-btn{
    min-width:160px !important;
    min-height:40px !important;
    height:40px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
  }

  body.is-listing-page{
    padding-bottom:72px !important;
  }
}

@media(min-width:901px) and (max-width:1240px){
  body.is-listing-page #products-section .products{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  body.is-listing-page #products-section .products .product-image-wrap{
    height:230px !important;
  }
}



/* ============================================================
   V41 — MASAÜSTÜ KOMPAKT STICKY SEPET BARI
   Sadece sepette ürün varken görünür.
   ============================================================ */
@media(min-width:861px){

  .bottom-checkout-bar,
  .bottom-checkout-bar.cart-has-items,
  body.is-listing-page .bottom-checkout-bar,
  body.is-listing-page .bottom-checkout-bar.cart-has-items{
    left:50% !important;
    right:auto !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    width:min(660px,calc(100% - 32px)) !important;
    min-height:50px !important;
    height:auto !important;
    padding:6px 7px 6px 13px !important;
    gap:10px !important;
    border:1px solid #e7eaf0 !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.13) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  .bottom-checkout-bar.cart-empty,
  body.is-listing-page .bottom-checkout-bar.cart-empty{
    display:none !important;
  }

  .bottom-checkout-bar .checkout-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    flex-wrap:nowrap !important;
  }

  .bottom-checkout-bar .checkout-total,
  body.is-listing-page .bottom-checkout-bar .checkout-total{
    margin:0 !important;
    display:flex !important;
    align-items:baseline !important;
    gap:5px !important;
    color:#172033 !important;
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .bottom-checkout-bar .checkout-total-label{
    color:#6f7a8d !important;
    font-size:10.5px !important;
    font-weight:800 !important;
  }

  .bottom-checkout-bar .checkout-total strong,
  body.is-listing-page .bottom-checkout-bar .checkout-total strong{
    color:#0b1d46 !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  /* Bu bilgiler kart/checkout ekranında zaten var; sticky barda tekrara gerek yok. */
  .bottom-checkout-bar .checkout-guarantees,
  body.is-listing-page .bottom-checkout-bar .checkout-guarantees{
    display:none !important;
  }

  .bottom-checkout-bar .checkout-btn,
  body.is-listing-page .bottom-checkout-bar .checkout-btn{
    flex:0 0 auto !important;
    min-width:170px !important;
    width:auto !important;
    min-height:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 17px !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#ffd451,#f5b91e) !important;
    color:#172033 !important;
    font-size:10.8px !important;
    line-height:1 !important;
    font-weight:950 !important;
    box-shadow:0 6px 14px rgba(246,187,36,.22) !important;
  }

  .bottom-checkout-bar .checkout-btn:hover{
    transform:translateY(-1px) !important;
    filter:brightness(1.01) !important;
  }

  body.cart-has-items .container,
  body.is-listing-page.cart-has-items .container{
    padding-bottom:72px !important;
  }
}

@media(min-width:861px) and (max-width:1050px){
  .bottom-checkout-bar,
  .bottom-checkout-bar.cart-has-items,
  body.is-listing-page .bottom-checkout-bar{
    width:min(590px,calc(100% - 28px)) !important;
  }

  .bottom-checkout-bar .checkout-btn{
    min-width:150px !important;
    padding:0 14px !important;
  }
}



/* ============================================================
   V42 — MASAÜSTÜ PERAKENDE SEPET DRAWER DÜZELTME
   Mobil bottom-sheet düzenine dokunmaz.
   ============================================================ */
@media(min-width:901px){

  .cart-overlay{
    background:rgba(11,18,32,.36) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
  }

  .cart-drawer.retail-cart-drawer{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:auto !important;
    width:min(460px,100vw) !important;
    max-width:460px !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:none !important;
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:26px 0 0 26px !important;
    background:#fff !important;
    box-shadow:-22px 0 48px rgba(15,23,42,.18) !important;
    transform:translateX(105%) !important;
    transition:transform .26s ease !important;
    z-index:3000 !important;
  }

  .cart-drawer.retail-cart-drawer.active{
    transform:translateX(0) !important;
  }

  .retail-cart-head{
    position:relative !important;
    flex:0 0 auto !important;
    padding:22px 24px 18px !important;
    border-bottom:1px solid #edf0f5 !important;
    background:linear-gradient(180deg,#fff 0%,#fff9fc 100%) !important;
  }

  .retail-cart-head::before{
    display:none !important;
  }

  .retail-cart-head h3{
    margin:0 !important;
    color:#0b1d46 !important;
    font-size:24px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:-.035em !important;
  }

  .retail-cart-head span{
    display:block !important;
    margin-top:6px !important;
    color:#727d91 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .retail-cart-head .cart-close{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
    border:1px solid #edf0f5 !important;
    background:#f7f8fb !important;
    color:#0b1d46 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:none !important;
  }

  .retail-cart-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:18px 20px 20px !important;
    background:#fff !important;
    scrollbar-width:thin !important;
    scrollbar-color:#d8dde7 transparent !important;
  }

  .retail-cart-body::-webkit-scrollbar{width:7px !important;}
  .retail-cart-body::-webkit-scrollbar-track{background:transparent !important;}
  .retail-cart-body::-webkit-scrollbar-thumb{
    background:#d8dde7 !important;
    border-radius:999px !important;
  }

  .retail-cart-section{
    margin:0 !important;
    padding:15px !important;
    border:1px solid #e8ebf1 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(15,23,42,.035) !important;
  }

  .retail-cart-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 12px !important;
  }

  .retail-cart-section-head h4{
    margin:0 !important;
    color:#0b1d46 !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  .retail-cart-section-head .clear-cart-btn{
    min-height:32px !important;
    padding:0 10px !important;
    border:1px solid #f2d2de !important;
    border-radius:10px !important;
    background:#fff6f9 !important;
    color:#d83d72 !important;
    font-size:10px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  body:not(.cart-has-items) .retail-cart-section-head .clear-cart-btn{
    display:none !important;
  }

  .cart-summary-empty{
    min-height:92px !important;
    padding:18px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border:1px dashed #e4e8ef !important;
    border-radius:14px !important;
    background:#fafbfd !important;
    color:#7b8597 !important;
    font-size:12px !important;
    font-weight:800 !important;
  }

  .retail-cart-drawer .cart-item{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) auto !important;
    gap:11px !important;
    align-items:center !important;
    padding:12px 0 !important;
    border-bottom:1px solid #edf0f5 !important;
  }

  .retail-cart-drawer .cart-item:last-child{
    border-bottom:0 !important;
  }

  .retail-cart-drawer .cart-item-image{
    width:64px !important;
    height:64px !important;
    border:1px solid #edf0f5 !important;
    border-radius:13px !important;
    object-fit:contain !important;
    background:#fff !important;
  }

  .retail-cart-drawer .cart-item-name{
    margin:0 0 4px !important;
    color:#101d36 !important;
    font-size:12.5px !important;
    line-height:1.28 !important;
    font-weight:900 !important;
  }

  .retail-cart-drawer .cart-item-meta{
    margin:0 !important;
    color:#718096 !important;
    font-size:10.5px !important;
    font-weight:750 !important;
  }

  .retail-cart-drawer .cart-item-bottom{
    margin-top:7px !important;
  }

  .retail-cart-drawer .cart-item-total{
    color:#0b1d46 !important;
    font-size:11px !important;
    font-weight:900 !important;
  }

  .retail-cart-drawer .cart-item-qty{
    display:grid !important;
    grid-template-columns:32px 42px 32px !important;
    gap:6px !important;
    align-items:center !important;
  }

  .retail-cart-drawer .cart-qty-btn{
    width:32px !important;
    height:32px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#ef4f86 !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:950 !important;
  }

  .retail-cart-drawer .cart-qty-input{
    width:42px !important;
    height:32px !important;
    border:1px solid #dde3ec !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#0b1d46 !important;
    text-align:center !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  .retail-cart-drawer .cart-remove-btn{
    width:32px !important;
    height:32px !important;
    margin-top:8px !important;
    border:1px solid #f2d2de !important;
    border-radius:10px !important;
    background:#fff6f9 !important;
    color:#d83d72 !important;
    font-size:15px !important;
    font-weight:900 !important;
  }

  .retail-cart-totals{
    margin:14px 0 0 !important;
    padding:13px 14px !important;
    border:1px solid #f0d2de !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#fff 0%,#fff6f9 100%) !important;
  }

  .retail-cart-total-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:5px 0 !important;
    color:#172033 !important;
    font-size:11.5px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }

  .retail-cart-total-row strong{
    color:#0b1d46 !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
  }

  .retail-cart-shipping-row{
    margin-top:7px !important;
    padding-top:10px !important;
    border-top:1px solid #f1e3e9 !important;
  }

  .retail-cart-shipping-row small{
    color:#7b8597 !important;
    font-size:10px !important;
    font-weight:750 !important;
    text-align:right !important;
  }

  .retail-cart-info{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:10px !important;
    margin:12px 0 0 !important;
    padding:12px !important;
    border:1px solid #d9e9ff !important;
    border-radius:15px !important;
    background:#f3f8ff !important;
  }

  .retail-cart-info span{
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:#2f72d6 !important;
    font-size:13px !important;
    font-weight:950 !important;
  }

  .retail-cart-info p{
    margin:0 !important;
    color:#496f9b !important;
    font-size:10.5px !important;
    line-height:1.5 !important;
    font-weight:750 !important;
  }

  .retail-cart-suggestions{
    margin-top:13px !important;
    padding:13px !important;
    border:1px solid #f1d2de !important;
    border-radius:17px !important;
    background:#fff8fb !important;
  }

  .retail-suggestion-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  .retail-suggestion-head strong{
    display:block !important;
    color:#0b1d46 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
  }

  .retail-suggestion-head span{
    display:block !important;
    margin-top:3px !important;
    color:#7b8597 !important;
    font-size:10px !important;
    font-weight:750 !important;
  }

  .retail-suggestion-head button{
    min-height:30px !important;
    padding:0 10px !important;
    border:1px solid #f1c9d7 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#d83d72 !important;
    font-size:9.5px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .retail-suggestion-list{
    display:grid !important;
    gap:8px !important;
  }

  .retail-suggestion-card{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) 74px !important;
    gap:10px !important;
    align-items:center !important;
    padding:8px !important;
    border:1px solid #ece8ef !important;
    border-radius:14px !important;
    background:#fff !important;
  }

  .retail-suggestion-card img{
    width:56px !important;
    height:56px !important;
    object-fit:contain !important;
    border-radius:11px !important;
    border:1px solid #edf0f5 !important;
    background:#fff !important;
  }

  .retail-suggestion-copy strong{
    display:block !important;
    color:#101d36 !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .retail-suggestion-copy span{
    display:block !important;
    margin-top:4px !important;
    color:#ef4f86 !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  .retail-suggestion-card button{
    min-height:36px !important;
    border:0 !important;
    border-radius:11px !important;
    background:#ef4f86 !important;
    color:#fff !important;
    font-size:10.5px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  .retail-cart-footer{
    flex:0 0 auto !important;
    padding:14px 20px 18px !important;
    border-top:1px solid #edf0f5 !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 -10px 24px rgba(15,23,42,.055) !important;
  }

  .retail-cart-checkout{
    width:100% !important;
    min-height:48px !important;
    border:0 !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#ff5d95,#ef4f86) !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:950 !important;
    box-shadow:0 10px 22px rgba(239,79,134,.22) !important;
  }

  body:not(.cart-has-items) .retail-cart-checkout{
    opacity:.48 !important;
    pointer-events:none !important;
  }

  .cart-footer-note{
    margin-top:9px !important;
    text-align:center !important;
    color:#7b8597 !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
    font-weight:750 !important;
  }

  .cart-footer-note a{
    color:#d83d72 !important;
    font-weight:950 !important;
  }
}



/* ============================================================
   V43 — MASAÜSTÜ PERAKENDE SEPET SON POLİSH
   Footer checkout + öneri kartları + boş sepet durumu
   ============================================================ */
@media(min-width:901px){

  .cart-drawer.retail-cart-drawer{
    width:min(440px,100vw) !important;
    max-width:440px !important;
  }

  .retail-cart-body{
    padding:16px 16px 18px !important;
  }

  .retail-cart-section{
    padding:14px !important;
    border-radius:16px !important;
    box-shadow:none !important;
  }

  .retail-cart-section-head{
    margin-bottom:10px !important;
  }

  .retail-cart-section-head h4{
    font-size:16px !important;
  }

  /* Öneriler: mevcut minimum-order class'larını gerçekten hedefle */
  .retail-cart-suggestions{
    margin-top:12px !important;
    padding:12px !important;
    border:1px solid #ece8ef !important;
    border-radius:16px !important;
    background:#fafbfd !important;
  }

  .retail-cart-suggestions .minimum-order-suggestions-head{
    margin-bottom:9px !important;
    align-items:center !important;
  }

  .retail-cart-suggestions .minimum-order-suggestions-title{
    color:#0b1d46 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
  }

  .retail-cart-suggestions .minimum-order-suggestions-subtitle{
    margin-top:2px !important;
    color:#7b8597 !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
  }

  .retail-cart-suggestions .minimum-order-suggestions-refresh{
    min-height:29px !important;
    padding:0 9px !important;
    border:1px solid #f0cbd8 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#d83d72 !important;
    font-size:9px !important;
    box-shadow:none !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-list{
    gap:7px !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-card{
    grid-template-columns:52px minmax(0,1fr) 70px !important;
    gap:9px !important;
    padding:8px !important;
    border:1px solid #e7eaf0 !important;
    border-radius:13px !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-image{
    width:52px !important;
    height:52px !important;
    object-fit:contain !important;
    border:1px solid #edf0f5 !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-name{
    color:#101d36 !important;
    font-size:10.8px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-price{
    margin-top:3px !important;
    color:#ef4f86 !important;
    font-size:10.8px !important;
    font-weight:950 !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-qty{
    margin-top:2px !important;
    color:#7b8597 !important;
    font-size:8.8px !important;
  }

  .retail-cart-suggestions .minimum-order-suggestion-btn{
    min-width:70px !important;
    min-height:34px !important;
    padding:0 8px !important;
    border-radius:10px !important;
    background:#ef4f86 !important;
    font-size:9.8px !important;
    box-shadow:none !important;
  }

  /* Footer: önceki inline anchor yüzünden metin kırpılıyordu */
  .retail-cart-footer{
    padding:12px 16px 14px !important;
  }

  .retail-cart-checkout{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 16px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#ff5d95,#ef4f86) !important;
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:12.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    box-shadow:0 8px 18px rgba(239,79,134,.18) !important;
  }

  .retail-cart-footer .cart-footer-note{
    margin-top:8px !important;
    color:#7b8597 !important;
    font-size:9.5px !important;
    line-height:1.35 !important;
  }

  /* Sepet boşsa toplam kutusu gereksiz kalabalık olmasın */
  body:not(.cart-has-items) .retail-cart-totals{
    display:none !important;
  }

  body:not(.cart-has-items) .retail-cart-info{
    margin-top:12px !important;
  }

  body:not(.cart-has-items) .retail-cart-checkout{
    opacity:.45 !important;
    pointer-events:none !important;
  }
}



/* ============================================================
   V47 — RESPONSIVE HERO SLIDER ÖLÇÜ STANDARDI
   Masaüstü: 1600x400 (4:1)
   Mobil:    1080x608 (~16:9)
   Site Settings önerileriyle birebir eşleşir.
   ============================================================ */
@media(min-width:769px){
  .is-home-page .hero-main.hero-slider{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:4 / 1 !important;
    border-radius:18px !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  .is-home-page .hero-main.hero-slider .hero-slider-track,
  .is-home-page .hero-main.hero-slider .hero-slide,
  .is-home-page .hero-main.hero-slider .hero-slide-link,
  .is-home-page .hero-main.hero-slider .hero-slide-link.is-disabled,
  .is-home-page .hero-main.hero-slider picture{
    width:100% !important;
    height:100% !important;
  }

  .is-home-page .hero-main.hero-slider img,
  .is-home-page .hero-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#fff !important;
  }
}

@media(max-width:768px){
  .is-home-page .hero-main.hero-slider{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1080 / 608 !important;
    border-radius:18px !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  .is-home-page .hero-main.hero-slider .hero-slider-track,
  .is-home-page .hero-main.hero-slider .hero-slide,
  .is-home-page .hero-main.hero-slider .hero-slide-link,
  .is-home-page .hero-main.hero-slider .hero-slide-link.is-disabled,
  .is-home-page .hero-main.hero-slider picture{
    width:100% !important;
    height:100% !important;
  }

  .is-home-page .hero-main.hero-slider img,
  .is-home-page .hero-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#fff !important;
  }
}



/* ============================================================
   V48 — MOBİL FOOTER SONRASI BEYAZ BOŞLUK DÜZELTME
   Eski body padding-bottom:110px footer sonrasında beyaz alan
   oluşturuyordu. Alt navigasyon payı footer'ın koyu bandına alındı.
   ============================================================ */
@media(max-width:768px){
  html,
  body{
    min-height:0 !important;
  }

  body{
    padding-bottom:0 !important;
  }

  /* Sabit alt navigasyon footer içeriğini kapatmasın.
     Gerekli güvenli alan beyaz body yerine footer'ın kendi
     koyu alt bandının içinde tutulur. */
  .site-footer .footer-bottom{
    box-sizing:border-box !important;
    min-height:132px !important;
    padding:14px 15px calc(14px + 62px + env(safe-area-inset-bottom, 0px)) !important;
    background:#071b43 !important;
  }
}



/* ============================================================
   V49 — iOS MOBİL SAYFA SONU / FOOTER SONRASI BOŞLUK FIX
   ============================================================ */
@media(max-width:768px){

  html{
    min-height:100% !important;
    background:#071b43 !important;
    overscroll-behavior-y:none !important;
  }

  body{
    min-height:100svh !important;
    min-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:0 !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:none !important;
    background:#fff !important;
  }

  /* Ana içerik normal akışta kalsın */
  body > .site-header,
  body > .container,
  body > .mobile-final-trust-strip{
    flex:0 0 auto !important;
  }

  /* İçerik kısa olsa bile footer ekranın sonunda bitsin */
  body > .site-footer{
    flex:0 0 auto !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
  }

  /* Footer alt bandında sadece sabit navbar kadar güvenli pay */
  .site-footer .footer-bottom{
    min-height:124px !important;
    padding:14px 15px calc(14px + 58px + env(safe-area-inset-bottom, 0px)) !important;
    margin-bottom:0 !important;
  }

  /* iOS Safari'de nav'ın normal akışa düşmesini engelle */
  body > .mobile-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100vw !important;
    margin:0 !important;
    z-index:9999 !important;
    transform:translateZ(0) !important;
    -webkit-transform:translateZ(0) !important;
    will-change:transform !important;
  }
}



/* ============================================================
   V51 — MOBİLDE SAĞDA LACİVERT BOŞLUK / SAYFA GENİŞLİĞİ FIX
   V49'daki html lacivert + body flex kök düzenini geri alır.
   ============================================================ */
@media(max-width:768px){

  html{
    width:100% !important;
    max-width:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:auto !important;
  }

  body{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    margin:0 !important;
    padding-bottom:0 !important;
    background:#fff !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:auto !important;
  }

  .site-header,
  .mobile-bayi-strip,
  .container,
  .mobile-final-trust-strip,
  .site-footer{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* İç içerikler ekran genişliğini aşmasın */
  .header-inner,
  .mobile-bayi-strip > a,
  .container > *,
  .footer-inner{
    max-width:100% !important;
  }

  /* Ana içerik mobilde tam genişlik */
  .container{
    box-sizing:border-box !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  /* Footer kendi lacivert alanını korur; html/body artık lacivert değildir */
  .site-footer .footer-bottom{
    background:#071b43 !important;
    margin:0 !important;
  }

  /* Alt navbar her zaman viewporta sabit */
  .mobile-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    z-index:9999 !important;
  }
}



/* ============================================================
   V56 — MOBİL PERAKENDE SEPET
   Alt navigasyon sepet açıkken gizlenir, checkout daima görünür.
   ============================================================ */
@media(max-width:900px){
  body.retail-cart-open .mobile-bottom-nav{
    transform:translateY(115%) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:transform .2s ease, opacity .18s ease !important;
  }

  body.retail-cart-open .floating-whatsapp{
    display:none !important;
  }

  .retail-cart-drawer{
    height:auto !important;
    max-height:calc(100dvh - 8px) !important;
    padding-bottom:0 !important;
  }

  .retail-cart-head{
    flex:0 0 auto !important;
  }

  .retail-cart-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:14px !important;
  }

  .retail-cart-footer{
    position:relative !important;
    z-index:20 !important;
    flex:0 0 auto !important;
    background:#fff !important;
    padding:10px 16px max(12px,env(safe-area-inset-bottom)) !important;
    box-shadow:0 -8px 22px rgba(11,29,70,.07) !important;
  }

  .retail-cart-checkout{
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    line-height:1 !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  .retail-cart-footer .cart-footer-note{
    margin-top:8px !important;
    line-height:1.25 !important;
  }

  /* Öneriler sepeti gereksiz uzatmasın */
  .retail-cart-suggestion-card{
    min-height:76px !important;
  }
}

@media(max-width:430px){
  .retail-cart-drawer{
    border-radius:22px 22px 0 0 !important;
  }

  .retail-cart-head{
    padding:17px 16px 12px !important;
  }

  .retail-cart-head h3{
    font-size:21px !important;
  }

  .retail-cart-body{
    padding:11px 14px 12px !important;
  }

  .retail-cart-totals{
    padding:11px 13px !important;
  }

  .retail-cart-suggestions{
    padding:12px !important;
  }
}



/* ============================================================
   V57 — BAYİ / TOPTAN MOBİL SEPET
   Perakende mobil sepet davranışı bayi oturumuna da uygulanır:
   bottom-sheet, içerik scroll, sabit sipariş butonu, alt menü gizleme.
   ============================================================ */
@media(max-width:900px){

  /* Sepet açıkken bayi tarafındaki alt sabit barlar görünmesin */
  body.is-bayi-session.retail-cart-open .mobile-cart-bar,
  body.is-bayi-session.retail-cart-open .bottom-checkout-bar{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(120%) !important;
  }

  /* Bayi sepeti de mobilde alttan açılan panel olsun */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer){
    width:min(94vw,430px) !important;
    max-width:430px !important;
    top:auto !important;
    bottom:0 !important;
    right:0 !important;
    left:auto !important;
    height:auto !important;
    max-height:calc(100dvh - 8px) !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:#fff !important;
    box-shadow:0 -20px 60px rgba(9,20,45,.18) !important;
    transform:translateY(105%) !important;
    transition:transform .24s ease !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer).active{
    transform:translateY(0) !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head{
    position:relative !important;
    flex:0 0 auto !important;
    padding:20px 17px 14px !important;
    border-bottom:1px solid #eef0f4 !important;
    background:#fff !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head::before{
    content:"" !important;
    position:absolute !important;
    top:7px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:52px !important;
    height:5px !important;
    border-radius:999px !important;
    background:#c9ceda !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head h3{
    margin-top:5px !important;
    color:#0b1d46 !important;
    font-size:22px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head .cart-close{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:12px !important;
    border:1px solid #edf0f5 !important;
    background:#fafbfc !important;
    color:#0b1d46 !important;
    box-shadow:none !important;
  }

  /* Orta alan kayar; buton aşağı kaçmaz */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    padding:13px 14px 14px !important;
    background:#fff !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-section{
    margin:0 !important;
    padding:12px !important;
    border-radius:17px !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .process-mini-box{
    margin-bottom:10px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .process-mini-box h5{
    font-size:13px !important;
    margin-bottom:5px !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .process-mini-box ul{
    font-size:10.5px !important;
    line-height:1.4 !important;
  }

  /* Sipariş Talebi Oluştur alanı her zaman görünür */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:20 !important;
    flex:0 0 auto !important;
    padding:10px 14px max(12px,env(safe-area-inset-bottom)) !important;
    border-top:1px solid #eef0f4 !important;
    background:#fff !important;
    box-shadow:0 -8px 22px rgba(11,29,70,.07) !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .process-note-top{
    margin:0 0 8px !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
    line-height:1.35 !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .btn{
    min-height:52px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14px !important;
    font-weight:950 !important;
  }

  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer-note{
    margin-top:7px !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
  }
}

@media(max-width:430px){
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer){
    width:100% !important;
    max-width:none !important;
    border-radius:22px 22px 0 0 !important;
  }
}



/* ============================================================
   V58 — BAYİ SİPARİŞ BAŞARI EKRANI
   Ana sayfadan verilen bayi siparişinde sepet boşalmadan önce
   sipariş sonucu cart drawer içinde net şekilde gösterilir.
   ============================================================ */
@media(max-width:900px){
  body.is-bayi-session .order-success-box-mobile{
    margin:4px 0 2px !important;
    padding:18px 15px 16px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#f2fff7 0%,#ffffff 100%) !important;
    border:1px solid #cdeedb !important;
    text-align:center !important;
  }

  body.is-bayi-session .order-success-box-mobile .order-success-icon{
    width:58px !important;
    height:58px !important;
    margin:0 auto 10px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#18a565 !important;
    color:#fff !important;
    font-size:30px !important;
    font-weight:950 !important;
  }

  body.is-bayi-session .order-success-box-mobile h4{
    margin:0 0 6px !important;
    color:#0b1d46 !important;
    font-size:20px !important;
    line-height:1.2 !important;
  }

  body.is-bayi-session .order-success-box-mobile > p{
    margin:0 auto 13px !important;
    max-width:330px !important;
    color:#68758a !important;
    font-size:11px !important;
    line-height:1.45 !important;
  }

  body.is-bayi-session .order-success-box-mobile .order-success-details{
    margin:0 0 13px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #e6ebf1 !important;
    overflow:hidden !important;
    text-align:left !important;
  }

  body.is-bayi-session .order-success-box-mobile .order-success-row{
    padding:9px 11px !important;
    font-size:10px !important;
  }

  body.is-bayi-session .order-success-box-mobile .success-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.is-bayi-session .order-success-box-mobile .success-actions a{
    min-height:45px !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 10px !important;
    font-size:10.5px !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  body.is-bayi-session .order-success-box-mobile .success-actions .btn-success{
    background:#ef4f86 !important;
    color:#fff !important;
  }

  body.is-bayi-session .order-success-box-mobile .success-actions .btn-secondary{
    background:#fff !important;
    color:#0b1d46 !important;
    border:1px solid #dfe5ee !important;
  }

  body.is-bayi-session .order-success-box-mobile .success-actions .success-whatsapp{
    grid-column:1/-1 !important;
    color:#128c54 !important;
    border-color:#caead8 !important;
    background:#f2fff7 !important;
  }
}



/* === index.php original style section 2 === */

.customer-coupon-strip{max-width:1540px;margin:12px auto 0;padding:0 22px}.customer-coupon-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #f1c9d8;border-radius:16px;background:linear-gradient(135deg,#fff7fa 0%,#fff 58%,#fff6e8 100%);box-shadow:0 8px 22px rgba(17,24,39,.06)}.customer-coupon-main{display:flex;align-items:center;gap:12px;min-width:0}.customer-coupon-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#ef4f86;color:#fff;font-size:20px;font-weight:900;flex:0 0 auto}.customer-coupon-copy strong{display:block;color:#17213a;font-size:15px;line-height:1.25}.customer-coupon-copy span{display:block;color:#667085;font-size:12px;font-weight:700;margin-top:3px}.customer-coupon-countdown{white-space:nowrap;background:#17213a;color:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.customer-coupon-countdown b{color:#ffd7e5}@media(max-width:768px){.customer-coupon-strip{margin-top:8px;padding:0 10px}.customer-coupon-strip-inner{padding:11px 12px;border-radius:14px;align-items:flex-start}.customer-coupon-icon{width:36px;height:36px;border-radius:11px;font-size:17px}.customer-coupon-copy strong{font-size:13px}.customer-coupon-copy span{font-size:10.5px;line-height:1.35}.customer-coupon-countdown{font-size:10px;padding:7px 8px}}


/* === index.php original style section 3 === */

.category-hierarchy-wrap{margin:18px 0 24px}.category-hierarchy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.category-hierarchy-head>div strong{display:block;font-size:22px;color:#17213a}.category-hierarchy-head>div span{display:block;margin-top:4px;color:#667085;font-size:13px}.category-hierarchy-back{display:inline-flex;align-items:center;text-decoration:none;color:#17213a;background:#f3f5f8;border:1px solid #e4e9f0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.category-hierarchy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-hierarchy-card{display:block;text-decoration:none;background:#fff;border:1px solid #e9edf3;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(23,33,58,.06);transition:.18s ease}.category-hierarchy-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(23,33,58,.10)}.category-hierarchy-media{display:block;aspect-ratio:1.22/1;background:linear-gradient(135deg,#fff6fa,#f8f8ff);overflow:hidden}.category-hierarchy-media img{width:100%;height:100%;object-fit:cover;display:block}.category-hierarchy-name{display:block;padding:13px 12px 14px;color:#17213a;text-align:center;font-size:14px;font-weight:950}.category-hierarchy-leafbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;background:#fff;border:1px solid #e9edf3;border-radius:16px}.category-color-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.category-color-filter>span{font-size:12px;color:#667085;font-weight:900}.category-color-pill{display:inline-flex;text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid #dde3eb;background:#fff;color:#344054;font-size:11px;font-weight:900}.category-color-pill.active{background:#17213a;color:#fff;border-color:#17213a}@media(max-width:900px){.category-hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-hierarchy-card{border-radius:15px}.category-hierarchy-name{font-size:12px;padding:10px 8px 11px}.category-hierarchy-head>div strong{font-size:18px}.category-hierarchy-media{aspect-ratio:1.12/1}.category-hierarchy-leafbar{padding:10px}.category-color-filter{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.category-color-pill{white-space:nowrap}}


/* === index.php original style section 4 === */

/* ============================================================
   PHS V41 MERGE
   Gorselli kategori/alt kategori sayfalari korunur.
   Sadece ANA SAYFA kategori vitrini yenilenir.
   ============================================================ */
@media (min-width:901px){
  .homepage-categories-section{
    margin:28px 0 38px !important;
    padding:18px !important;
    border:1px solid #edf0f5 !important;
    border-radius:26px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fffafd 100%) !important;
    box-shadow:0 16px 42px rgba(17,24,39,.055) !important;
  }
  .home-category-section-head{
    margin:0 0 16px !important;
    padding:0 2px !important;
    align-items:center !important;
  }
  .homepage-categories-section .homepage-section-title{
    margin:0 !important;
    color:#0d1e47 !important;
    font-size:26px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:-.035em !important;
  }
  .homepage-categories-section .homepage-section-subtitle{
    display:block !important;
    margin-top:5px !important;
    color:#7a8498 !important;
    font-size:12px !important;
    font-weight:700 !important;
  }
  .home-category-see-all-link{
    min-height:38px !important;
    padding:0 15px !important;
    border:1px solid #f0d5df !important;
    border-radius:12px !important;
    background:#fff6f9 !important;
    color:#ec4e84 !important;
    font-size:11px !important;
    font-weight:950 !important;
    box-shadow:none !important;
  }
  .home-category-banner-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .home-category-banner-card{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:204px !important;
    min-height:204px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(223,226,234,.95) !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,#fff5f8 0%,#ffe9f1 100%) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.055) !important;
    text-decoration:none !important;
    isolation:isolate !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
  }
  .home-category-banner-card:nth-child(6n+2){background:linear-gradient(135deg,#f3fbff 0%,#dff4ff 100%) !important;}
  .home-category-banner-card:nth-child(6n+3){background:linear-gradient(135deg,#fff9f2 0%,#ffead9 100%) !important;}
  .home-category-banner-card:nth-child(6n+4){background:linear-gradient(135deg,#fbf6ff 0%,#eee2ff 100%) !important;}
  .home-category-banner-card:nth-child(6n+5){background:linear-gradient(135deg,#f4fff8 0%,#dcf6e8 100%) !important;}
  .home-category-banner-card:nth-child(6n+6){background:linear-gradient(135deg,#fffbea 0%,#fff0b9 100%) !important;}
  .home-category-banner-card:hover{transform:translateY(-3px) !important;box-shadow:0 16px 32px rgba(15,23,42,.10) !important;}
  .home-category-banner-card::before{
    content:"" !important;display:block !important;position:absolute !important;width:190px !important;height:190px !important;right:-56px !important;top:-75px !important;border-radius:50% !important;background:rgba(255,255,255,.28) !important;z-index:0 !important;
  }
  .home-category-banner-card::after{
    content:"" !important;display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 31%,rgba(255,255,255,.38) 49%,rgba(255,255,255,0) 68%) !important;z-index:2 !important;pointer-events:none !important;
  }
  .home-category-banner-card img{
    position:absolute !important;inset:0 0 0 auto !important;width:68% !important;height:100% !important;object-fit:cover !important;object-position:right center !important;margin:0 !important;padding:0 !important;border-radius:0 !important;filter:saturate(1.08) contrast(1.01) !important;transform:none !important;z-index:1 !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 15%,#000 38%,#000 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 15%,#000 38%,#000 100%) !important;
  }
  .home-category-banner-card:hover img{transform:scale(1.025) !important;}
  .home-category-banner-title{
    position:absolute !important;left:22px !important;right:48% !important;top:0 !important;bottom:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:6px !important;background:transparent !important;border:0 !important;box-shadow:none !important;z-index:3 !important;
  }
  .home-category-banner-icon{display:none !important;}
  .home-category-banner-copy{display:flex !important;flex-direction:column !important;gap:6px !important;width:100% !important;min-width:0 !important;}
  .home-category-banner-copy strong,.home-category-banner-title strong{
    width:100% !important;margin:0 !important;padding:0 !important;color:#0b1d46 !important;background:transparent !important;border:0 !important;font-size:23px !important;line-height:1.02 !important;font-weight:950 !important;letter-spacing:-.045em !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;
  }
  .home-category-banner-copy small,.home-category-banner-title small{
    display:block !important;max-width:230px !important;margin:0 !important;color:#607086 !important;font-size:12px !important;line-height:1.35 !important;font-weight:750 !important;white-space:normal !important;overflow:visible !important;
  }
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{
    position:static !important;width:38px !important;height:38px !important;min-width:38px !important;margin-top:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:50% !important;background:#ef4f86 !important;color:#fff !important;font-size:25px !important;line-height:1 !important;box-shadow:0 8px 18px rgba(239,79,134,.22) !important;
  }
  .home-category-show-more-wrap{display:none !important;}
}

@media (max-width:900px){
  .homepage-categories-section{
    margin:20px 0 26px !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;
  }
  .home-category-section-head{margin:0 0 10px !important;padding:0 2px !important;align-items:flex-end !important;}
  .homepage-categories-section .homepage-section-title{margin:0 !important;color:#0b1d46 !important;font-size:21px !important;line-height:1 !important;font-weight:950 !important;letter-spacing:-.035em !important;}
  .homepage-categories-section .homepage-section-subtitle{display:block !important;margin-top:5px !important;color:#7a8497 !important;font-size:10px !important;line-height:1.3 !important;font-weight:700 !important;}
  .home-category-see-all-link{min-height:30px !important;padding:0 10px !important;border:0 !important;border-radius:10px !important;background:#fff2f7 !important;color:#ef4f86 !important;font-size:10px !important;font-weight:950 !important;box-shadow:none !important;}
  .home-category-banner-grid{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;}
  .home-category-banner-card{
    position:relative !important;display:block !important;width:100% !important;height:112px !important;min-height:112px !important;padding:0 !important;overflow:hidden !important;border:1px solid rgba(225,229,236,.96) !important;border-radius:18px !important;background:linear-gradient(135deg,#fff4f8 0%,#ffe6ef 100%) !important;box-shadow:0 6px 15px rgba(15,23,42,.045) !important;text-decoration:none !important;isolation:isolate !important;
  }
  .home-category-banner-card:nth-child(6n+2){background:linear-gradient(135deg,#f0fbff 0%,#d9f2ff 100%) !important;}
  .home-category-banner-card:nth-child(6n+3){background:linear-gradient(135deg,#fff8f0 0%,#ffe7d3 100%) !important;}
  .home-category-banner-card:nth-child(6n+4){background:linear-gradient(135deg,#fbf5ff 0%,#ecddff 100%) !important;}
  .home-category-banner-card:nth-child(6n+5){background:linear-gradient(135deg,#f2fff7 0%,#d8f5e5 100%) !important;}
  .home-category-banner-card:nth-child(6n+6){background:linear-gradient(135deg,#fffbea 0%,#ffefb3 100%) !important;}
  .home-category-banner-card::before{content:"" !important;display:block !important;position:absolute !important;width:132px !important;height:132px !important;right:-34px !important;top:-46px !important;border-radius:50% !important;background:rgba(255,255,255,.26) !important;z-index:0 !important;}
  .home-category-banner-card::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 44%,rgba(255,255,255,.30) 64%,rgba(255,255,255,0) 80%) !important;z-index:2 !important;pointer-events:none !important;}
  .home-category-banner-card img{
    position:absolute !important;right:0 !important;top:0 !important;width:47% !important;height:100% !important;object-fit:cover !important;object-position:right center !important;margin:0 !important;padding:0 !important;border-radius:0 !important;filter:saturate(1.06) !important;z-index:1 !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 16%,#000 42%,#000 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 16%,#000 42%,#000 100%) !important;
  }
  .home-category-banner-title{position:absolute !important;left:14px !important;right:42% !important;top:0 !important;bottom:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:4px !important;background:transparent !important;border:0 !important;box-shadow:none !important;z-index:3 !important;}
  .home-category-banner-icon{display:none !important;}
  .home-category-banner-copy{display:flex !important;flex-direction:column !important;gap:4px !important;width:100% !important;min-width:0 !important;}
  .home-category-banner-copy strong,.home-category-banner-title strong{margin:0 !important;padding:0 !important;color:#0b1d46 !important;background:transparent !important;border:0 !important;font-size:16px !important;line-height:1.02 !important;font-weight:950 !important;letter-spacing:-.04em !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;}
  .home-category-banner-copy small,.home-category-banner-title small{display:block !important;max-width:155px !important;margin:0 !important;color:#68778c !important;font-size:10px !important;line-height:1.28 !important;font-weight:750 !important;white-space:normal !important;overflow:visible !important;}
  .home-category-banner-title>.home-category-banner-arrow,
  .home-category-banner-title span:last-child{width:28px !important;height:28px !important;min-width:28px !important;margin-top:6px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#ef4f86 !important;color:#fff !important;font-size:20px !important;line-height:1 !important;box-shadow:0 6px 14px rgba(239,79,134,.18) !important;}
  .home-category-show-more-wrap{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;margin-top:10px !important;}
  .home-category-show-more-btn{min-height:36px !important;padding:0 14px !important;border:0 !important;border-radius:12px !important;background:#132349 !important;color:#fff !important;font-size:11px !important;font-weight:900 !important;}
  .home-category-show-more-count{color:#7b8699 !important;font-size:10px !important;font-weight:800 !important;}
}

.home-category-collapsible-grid .home-category-hidden{display:none !important;}
.home-category-collapsible-grid.is-expanded .home-category-hidden{display:block !important;}


/* === index.php original style section 5 === */

/* V42: eski kategori CSS'inden kalan sabit height/padding/transform degerlerini sifirlar. */
@media (min-width:901px){
  .homepage-categories-section .home-category-banner-title{
    position:absolute !important;
    left:22px !important;
    right:48% !important;
    top:0 !important;
    bottom:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    grid-row:auto !important;
    grid-column:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:6px !important;
    transform:none !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:3 !important;
  }

  .homepage-categories-section .home-category-banner-copy{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    transform:none !important;
  }

  .homepage-categories-section .home-category-banner-title > .home-category-banner-arrow{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    margin:6px 0 0 !important;
    padding:0 !important;
  }
}

@media (max-width:900px){
  .homepage-categories-section .home-category-banner-title{
    position:absolute !important;
    left:14px !important;
    right:42% !important;
    top:0 !important;
    bottom:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    grid-row:auto !important;
    grid-column:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
    transform:none !important;
    overflow:visible !important;
  }

  .homepage-categories-section .home-category-banner-title > .home-category-banner-arrow{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    margin:6px 0 0 !important;
    padding:0 !important;
  }
}


/* === index.php original style section 6 === */

/* Sadece kategori ve kategori alt grupları; arama/konsept/ana sayfa aynı kalır. */
body.is-category-page .seo-breadcrumb,
body.is-category-page #products-section > .category-products-head {
  display: none !important;
}
/* SEO H1/semantik açıklama erişilebilir kalsın; ekranda yer kaplamasın. */
body.is-category-page .seo-page-intro {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Üst alan gizlenince kategori başlığı ve görseller hemen başlasın. */
body.is-category-page #products-section > .category-hierarchy-wrap {
  margin-top: 4px !important;
}


/* === index.php original style section 7 === */

/* Kompakt yatay kampanya şeridi, hem masaüstü hem mobil. */
.phs-campaign-strip {
  width:100%; box-sizing:border-box; position:relative; z-index:12;
  background:linear-gradient(90deg,#fff5f8 0%,#ffeaf2 48%,#fff6fa 100%);
  border-top:1px solid #ffe1eb; border-bottom:1px solid #f7c5d8;
}
.phs-campaign-strip-inner {
  box-sizing:border-box; width:100%; max-width:1390px; margin:0 auto; padding:9px 18px;
  display:flex; align-items:center; justify-content:center; gap:22px;
}
.phs-campaign-strip-copy { display:flex;align-items:center;gap:12px;min-width:0; }
.phs-campaign-gift { color:#e52a6b;font-size:20px; flex:none; }
.phs-campaign-strip-lines { display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0; }
.phs-campaign-strip-lines strong { color:#dd1c5e;font-size:14px;font-weight:900;line-height:1.25; }
.phs-campaign-strip-lines span { color:#9b3559;font-size:11px;font-weight:650;line-height:1.3; }
.phs-campaign-strip-link {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
  padding:8px 14px;border-radius:9px;background:#f62470;color:white!important;
  font-weight:850;font-size:12px;text-decoration:none!important; white-space:nowrap;
  box-shadow:0 3px 9px rgba(244,36,106,.15);
}
.phs-campaign-strip-link:hover {background:#d7155b;color:#fff!important;}
/* Kampanya etiketi sol üstte; özel ürün etiketi varsa sağ üstte yer açılır. */
.product-image-wrap .phs-discount-tag {
  position:absolute!important;left:9px!important;top:9px!important;right:auto!important;bottom:auto!important;z-index:10!important;
  display:inline-flex!important;align-items:center;justify-content:center;min-height:30px!important;padding:7px 11px!important;
  border-radius:8px!important;background:#f72e70!important;color:#fff!important;
  font-size:11px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.01em!important;
  border:1px solid #fff!important;box-shadow:0 4px 10px rgba(244,36,106,.15)!important;white-space:nowrap!important;pointer-events:none;
}
/* Hem kampanya hem ürün etiketi varsa üst üste gelmesin. */
.product-image-wrap:has(.phs-discount-tag) .product-badge-sticker {
  left:auto!important;right:9px!important;top:9px!important;
}
.product-image-wrap:has(.phs-discount-tag) .fav-dot {top:57px!important;}
.phs-campaign-price-block {margin:7px 0 3px;min-width:0;}
.phs-campaign-price-row {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;min-width:0;}
.product-card .phs-campaign-old-price {color:#87909e!important;text-decoration:line-through!important;white-space:nowrap;font-size:13px!important;font-weight:650!important;line-height:1.3;}
.product-card .phs-campaign-price-row .product-price,
#products-section .products .product-card .phs-campaign-price-row .product-price,
.home-products-grid .product-card .phs-campaign-price-row .product-price {
  margin:0!important;font-size:23px!important;line-height:1.15!important;
  color:#e82363!important;font-weight:900!important;white-space:nowrap;letter-spacing:-.025em;
}
.phs-campaign-price-note {display:block;color:#596274!important;font-size:10px!important;line-height:1.3!important;margin-top:5px;font-weight:650!important;}
@media (max-width:768px) {
  .phs-campaign-strip-inner {padding:8px 10px;gap:8px;justify-content:space-between;}
  .phs-campaign-strip-copy {gap:6px;align-items:flex-start;}
  .phs-campaign-gift {font-size:15px;margin-top:2px;}
  .phs-campaign-strip-lines {display:block;}
  .phs-campaign-strip-lines strong {display:block;font-size:11px;line-height:1.3;}
  .phs-campaign-strip-lines span {display:block;font-size:9px;line-height:1.25;margin-top:2px;}
  .phs-campaign-strip-link {padding:7px 9px;font-size:10px;border-radius:8px;max-width:40%;white-space:normal;text-align:center;line-height:1.2;}
  .product-image-wrap .phs-discount-tag {left:5px!important;right:auto!important;top:5px!important;min-height:27px!important;padding:6px 8px!important;font-size:9px!important;border-radius:7px!important;}
  .product-image-wrap:has(.phs-discount-tag) .product-badge-sticker {right:5px!important;top:5px!important;}
  .product-image-wrap:has(.phs-discount-tag) .fav-dot {top:43px!important;}
  .product-card .phs-campaign-old-price {font-size:10px!important;}
  .product-card .phs-campaign-price-row .product-price,
#products-section .products .product-card .phs-campaign-price-row .product-price,
.home-products-grid .product-card .phs-campaign-price-row .product-price {font-size:16px!important;}
  .phs-campaign-price-block {margin:4px 0 5px;}
  .phs-campaign-price-row {gap:3px 7px;}
  .phs-campaign-price-note {font-size:9px!important;margin-top:3px;}
}
/* Aktif Havale/EFT kampanyası: sepet kartları görseldeki düzende. */
.cart-drawer .cart-item.phs-campaign-cart-item {
  display:block!important;
  position:relative;
  margin:0 0 12px!important;
  padding:13px!important;
  border:1px solid #e9edf3!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(13,30,63,.04);
}
.cart-drawer .phs-cart-product-top {
  display:grid;
  grid-template-columns:96px minmax(0,1fr) 26px;
  column-gap:12px;
  align-items:start;
}
.cart-drawer .phs-campaign-cart-item .cart-item-image {
  width:96px!important;height:100px!important;object-fit:contain!important;
  border:0!important;border-radius:13px!important;background:#f3f5f9!important;
}
.cart-drawer .phs-cart-product-info {min-width:0;}
.cart-drawer .phs-campaign-cart-item .cart-item-name {
  margin:0 0 8px!important;font-size:15px!important;font-weight:900!important;
  color:#081b3e!important;line-height:1.25!important;
}
.cart-drawer .phs-cart-item-badge {
  display:table;max-width:100%;padding:7px 12px;
  background:#f62470;color:white;border-radius:9px;
  font-size:12px;line-height:1.2;font-weight:900;white-space:nowrap;
}
.cart-drawer .phs-cart-old-price {
  display:block;margin-top:8px;color:#9099ab;font-size:12px;font-weight:700;
  text-decoration:line-through;
}
.cart-drawer .phs-cart-new-price {
  display:block;margin-top:2px;color:#f62470;font-size:20px;font-weight:950;line-height:1.15;
}
.cart-drawer .phs-campaign-cart-item .cart-remove-btn {
  width:26px!important;height:28px!important;display:flex;align-items:center;justify-content:center;
  padding:0!important;font-size:20px!important;background:transparent!important;
  border:0!important;color:#69778f!important;box-shadow:none!important;
}
.cart-drawer .phs-cart-product-bottom {
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  margin-top:13px;
}
.cart-drawer .phs-campaign-cart-item .cart-item-qty {display:flex!important;align-items:center;gap:2px!important;flex:0 1 auto;}
.cart-drawer .phs-campaign-cart-item .cart-qty-btn {
  background:#fff!important;color:#122950!important;border:1px solid #e5eaf1!important;
  width:33px!important;height:34px!important;font-size:19px!important;border-radius:8px!important;
}
.cart-drawer .phs-campaign-cart-item .cart-qty-input {
  width:43px!important;height:34px!important;border:1px solid #e5eaf1!important;
  background:#fff!important;font-size:14px!important;border-radius:8px!important;
}
.cart-drawer .phs-campaign-cart-item .cart-item-total {
  margin:0!important;text-align:right;font-size:16px!important;font-weight:950!important;
  color:#081b3e!important;line-height:1.2;white-space:nowrap;
}
@media(max-width:480px) {
  .cart-drawer .cart-item.phs-campaign-cart-item {padding:10px!important;}
  .cart-drawer .phs-cart-product-top {grid-template-columns:78px minmax(0,1fr) 22px;column-gap:9px;}
  .cart-drawer .phs-campaign-cart-item .cart-item-image {width:78px!important;height:86px!important;}
  .cart-drawer .phs-campaign-cart-item .cart-item-name {font-size:13px!important;margin-bottom:6px!important;}
  .cart-drawer .phs-cart-item-badge {font-size:11px;padding:6px 9px;border-radius:8px;}
  .cart-drawer .phs-cart-new-price {font-size:17px;}
  .cart-drawer .phs-cart-product-bottom {margin-top:11px;}
  .cart-drawer .phs-campaign-cart-item .cart-item-total {font-size:14px!important;}
  .cart-drawer .phs-campaign-cart-item .cart-qty-btn {width:30px!important;height:32px!important;}
  .cart-drawer .phs-campaign-cart-item .cart-qty-input {width:38px!important;height:32px!important;}
}

/* ==============================================================
   PHS — Mobil bayi sepeti v2. Kompakt satırlar + gerçek sabit alt alan.
   Yalnızca bayi sepeti, <901px. Fiyat/indirim fonksiyonlarını değiştirmez.
   ============================================================== */
.cart-drawer .phs-mobile-checkout-total {display:none;}
@media (max-width:900px) {
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) {
    top:auto !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:500px !important;
    margin:0 auto !important;
    height:min(84dvh,720px) !important;
    max-height:calc(100dvh - 12px) !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:20px 20px 0 0 !important;
    background:white !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head {
    flex:0 0 auto !important;
    padding:15px 16px 10px !important;
    min-height:54px !important;
    box-sizing:border-box !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head h3 {
    font-size:19px !important;
    margin:3px 0 0 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head .cart-close {
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-body {
    display:block !important;
    flex:1 1 0% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:6px 12px 12px !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .process-mini-box {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-section {
    margin:0 !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-section > h4 {
    font-size:12px !important;
    margin:0 0 7px !important;
    display:inline-block !important;
    line-height:27px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-top-actions {
    float:right !important;
    display:inline-flex !important;
    margin:0 0 5px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .clear-cart-btn {
    min-height:26px !important;
    padding:4px 8px !important;
    border-radius:7px !important;
    font-size:10px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) #cart-summary-items {
    clear:both !important;
  }
  /* Kampanyalı ürün: kart değil, kısa tek ürün satırı */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-item.phs-campaign-cart-item {
    display:block !important;
    padding:9px 1px 10px !important;
    margin:0 !important;
    border:none !important;
    border-bottom:1px solid #e8edf5 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-product-top {
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) 20px !important;
    gap:0 9px !important;
    align-items:start !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-item-image {
    width:56px !important;
    height:62px !important;
    object-fit:contain !important;
    border-radius:9px !important;
    background:#f7f8fa !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-product-info {
    min-width:0 !important;
    display:block !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-item-name {
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.25 !important;
    margin:0 0 4px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-item-badge {
    display:inline-flex !important;
    vertical-align:middle !important;
    align-items:center !important;
    min-height:20px !important;
    padding:4px 6px !important;
    margin-right:6px !important;
    border-radius:6px !important;
    font-size:9px !important;
    line-height:1 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-old-price {
    display:inline !important;
    vertical-align:middle !important;
    margin:0 5px 0 0 !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-new-price {
    display:inline !important;
    vertical-align:middle !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:950 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-remove-btn {
    width:20px !important;
    height:21px !important;
    font-size:19px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-cart-product-bottom {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    margin:2px 0 0 65px !important;
    padding:0 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-item-qty {
    gap:3px !important;
    flex:0 0 auto !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-qty-btn {
    width:26px !important;
    height:28px !important;
    border-radius:6px !important;
    font-size:15px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-qty-input {
    width:31px !important;
    height:28px !important;
    padding:0 !important;
    border-radius:6px !important;
    font-size:12px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-campaign-cart-item .cart-item-total {
    margin:0 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-item:not(.phs-campaign-cart-item) {
    padding:9px 0 !important;
    gap:8px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-item:not(.phs-campaign-cart-item) .cart-item-image {
    width:52px !important;
    height:58px !important;
    object-fit:contain !important;
    border-radius:8px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-item:not(.phs-campaign-cart-item) .cart-item-name {
    font-size:12px !important;
    line-height:1.3 !important;
  }
  /* Alt ödeme seçenekleri ve onay hep görünür, liste ortada kayar */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer {
    position:relative !important;
    flex:0 0 auto !important;
    z-index:20 !important;
    margin:0 !important;
    padding:8px 12px max(10px, env(safe-area-inset-bottom)) !important;
    background:#fff !important;
    border-top:1px solid #e8edf5 !important;
    box-shadow:0 -4px 14px rgba(10,30,55,.07) !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .process-note-top,
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .cart-footer-note {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-box {
    margin:0 0 8px !important;
    padding:0 !important;
    border:0 !important;
    background:#fff !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-title {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-options {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-option {
    min-height:35px !important;
    padding:6px 9px !important;
    margin:0 !important;
    border-radius:9px !important;
    gap:6px !important;
    display:flex !important;
    align-items:center !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-option input {
    margin:0 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-option strong {
    font-size:11px !important;
    white-space:nowrap !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .payment-method-option > span > span {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-checkout-total {
    display:flex !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:2px 1px 7px !important;
    font-size:12px !important;
    color:#52617a !important;
    font-weight:700 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-checkout-total strong {
    color:#091f49 !important;
    font-size:17px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer .btn {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:43px !important;
    font-size:13px !important;
    border-radius:11px !important;
    margin:0 !important;
  }
  /* Sipariş başarı ekranı aynı kalır; ödeme alanı başarıda yok. */
}


/* ===========================================================
   PHS Mobil Sepet / Son Tasarım
   Ödeme seçimi + toplam + CTA başlık altında, ürünler bağımsız kayar.
   Masaüstü sepeti ve perakende sepeti etkilenmez.
   =========================================================== */
.phs-mobile-submit-slot {display:none;}
@media (max-width:900px) {
  /* Canlı destek / sticky site bileşenlerinin sepetin ÜSTÜNE çıkmasını engelle. */
  body.is-bayi-session .cart-overlay.active {
    z-index:2147483000 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) {
    z-index:2147483001 !important;
    height:min(88dvh,760px) !important;
    max-height:calc(100dvh - 8px) !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-head {
    border-bottom:0 !important;
    padding-bottom:7px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot:not(:empty) {
    display:flex !important;
    flex-direction:column !important;
    flex:0 0 auto !important;
    gap:9px !important;
    padding:9px 14px 13px !important;
    margin:0 !important;
    background:#fff !important;
    border-bottom:1px solid #e9ecf3 !important;
    box-shadow:0 4px 14px rgba(20,36,65,.045) !important;
    position:relative !important;
    z-index:21 !important;
  }
  /* Mevcut gerçek ödeme radio alanını üst panelde bir satıra indir. */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-box {
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-title {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-options {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important;
    margin:0 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-option {
    display:flex !important;
    gap:6px !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    margin:0 !important;
    padding:7px 5px !important;
    border:1px solid #e4eaf3 !important;
    border-radius:9px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-option input {
    margin:0 !important;
    accent-color:#f42e79;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-option strong {
    font-size:11px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-method-option > span > span {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .phs-mobile-checkout-total {
    display:flex !important;
    flex-direction:row !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 2px !important;
    font-size:12px !important;
    color:#5f6c85 !important;
    font-weight:700 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .phs-mobile-checkout-total strong {
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#081c40 !important;
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .phs-order-submit-main {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:45px !important;
    margin:0 !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    background:#f42e79 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }
  /* Üst aksiyon varken altta boş footer kalmasın. */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-footer {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .cart-body {
    flex:1 1 0% !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
  @media (max-height:520px) {
    body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) {height:98dvh !important;}
    body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot:not(:empty) {
      padding:6px 12px 8px !important;
      gap:5px !important;
    }
  }
}


/* PHS mobil ödeme özeti: gerçek kargo, indirim ve son toplam üstte. */
@media (max-width:900px) {
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot:not(:empty) {
    gap:7px !important;
    padding:8px 14px 10px !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .cart-payment-summary {
    display:grid !important;
    gap:6px !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:10px 12px !important;
    background:#fff7fa !important;
    border:1px solid #f7cedc !important;
    border-radius:12px !important;
    max-height:min(31dvh, 245px);
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-summary-row {
    gap:8px !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-summary-row strong {
    font-size:12px !important;
    font-variant-numeric:tabular-nums;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-summary-total {
    margin-top:2px !important;
    padding-top:8px !important;
    align-items:center !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-summary-total span {
    font-size:12px !important;
    line-height:1.25 !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .payment-summary-total strong {
    font-size:18px !important;
    color:#f12470 !important;
    white-space:nowrap !important;
  }
  /* Alt/üst ikinci 'Ödenecek tutar' satırını gizle; gerçek toplam burada. */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .phs-mobile-checkout-total {
    display:none !important;
  }
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .cart-payment-summary .shipping-note,
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .cart-payment-summary .payment-extra-note,
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .cart-payment-summary .special-offer-note {
    font-size:10px !important;
    line-height:1.3 !important;
    margin:0 !important;
    padding:6px 7px !important;
  }
  /* Liste tek kaydırma alanı olarak kalır, buton görünür olur. */
  body.is-bayi-session .cart-drawer:not(.retail-cart-drawer) .phs-mobile-submit-slot .phs-order-submit-main {
    flex:0 0 auto !important;
  }
}

/* Siparis onay penceresi her zaman mobil/masaustu sepetin onundedir.
   Mobil sepet z-index:2147483001 kullandigindan onceki 9998 yetersizdi. */
.order-confirm-modal {
  z-index:2147483647 !important;
  box-sizing:border-box;
}
.order-confirm-modal.active {
  pointer-events:auto !important;
}
.order-confirm-card {
  max-height:calc(100dvh - 36px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}
@media(max-width:480px) {
  .order-confirm-modal { padding:12px !important; }
  .order-confirm-card { max-height:calc(100dvh - 24px); }
}


/* PHS DESTEK V3 — Etiketli, her ekranda fark edilir; ürünlerin önünde yüzen buton yok. */
.phs-support-header-mobile{display:none !important;}
.phs-support-header-desktop{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex:0 0 auto !important;gap:8px !important;min-width:104px !important;height:46px !important;
  margin:0 !important;padding:0 14px !important;border:1px solid #142a52 !important;
  border-radius:13px !important;background:#142a52 !important;color:#fff !important;
  box-shadow:0 6px 16px rgba(20,42,82,.18) !important;
  font-family:inherit !important;font-size:12px !important;font-weight:900 !important;
  line-height:1.2 !important;white-space:nowrap !important;cursor:pointer !important;
}
.phs-support-header-desktop svg,.phs-support-header-mobile svg{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.phs-support-header-desktop span,.phs-support-header-mobile span{display:inline !important;color:inherit !important;font-size:inherit !important;font-weight:inherit !important;}
.phs-support-header-desktop:hover,.phs-support-header-desktop[aria-expanded="true"],
.phs-support-header-mobile:hover,.phs-support-header-mobile[aria-expanded="true"]{
  background:#233e74 !important;border-color:#233e74 !important;color:#fff !important;
}
.phs-support-header-desktop:focus-visible,.phs-support-header-mobile:focus-visible,
.phs-support-menu button:focus-visible,.phs-support-menu a:focus-visible{
  outline:3px solid #ff91bc !important;outline-offset:3px !important;
}
.phs-support-menu{position:fixed;top:85px;right:12px;z-index:2147482100;
  box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
  overflow-y:auto;padding:15px;border:1px solid #e9edf4;border-radius:18px;
  background:#fff;color:#14213d;box-shadow:0 16px 45px rgba(23,33,58,.16);font-family:inherit;}
.phs-support-menu[hidden]{display:none !important;}
.phs-support-menu-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:13px;}
.phs-support-menu-heading strong{display:block;font-size:15px;line-height:1.35;font-weight:900;}
.phs-support-menu-heading small{display:block;font-size:11px;color:#66748a;margin-top:3px;}
.phs-support-close{width:28px;height:28px;flex:0 0 28px;background:#f3f5f8;border:0;border-radius:9px;font-size:21px;line-height:1;color:#243654;cursor:pointer;}
.phs-support-option{display:flex;align-items:center;gap:11px;width:100%;min-height:65px;padding:10px;margin:0 0 8px;
  border:1px solid #e9edf3;border-radius:13px;background:#fff;color:#132342;text-align:left;text-decoration:none;cursor:pointer;font-family:inherit;}
.phs-support-option:hover{background:#f8fafd;border-color:#dbe3ed;}
.phs-support-option>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.phs-support-option strong{font-size:13px;font-weight:900;line-height:1.25;}
.phs-support-option small{font-size:11px;color:#708099;line-height:1.3;}
.phs-support-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:19px;}
.phs-support-live-icon{background:#fff0f6;color:#e73c7f;}
.phs-support-wa-icon{background:#e6f9ee;color:#15934c;}
.phs-support-arrow{color:#94a0b2;font-size:25px;line-height:1;}
.phs-support-error{font-size:11px;padding:9px;background:#fff5e9;color:#8b521e;border-radius:10px;margin:3px 0 0;}
.floating-whatsapp{display:none !important;}
@media(min-width:769px) and (max-width:1100px){
  .phs-support-header-desktop{min-width:92px !important;padding:0 10px !important;}
  .header-inner{grid-template-columns:46px 164px minmax(210px,1fr) auto 105px !important;gap:8px !important;padding-left:12px !important;padding-right:12px !important;}
  .header-actions{gap:5px !important;}
  .header-actions .top-link{padding-left:8px !important;padding-right:8px !important;}
}
@media(max-width:768px){
  .phs-support-header-desktop{display:none !important;}
  .site-header{position:sticky !important;top:0 !important;z-index:10010 !important;}
  .header-inner{grid-template-columns:42px minmax(0,1fr) 92px 44px !important;
    grid-template-areas:"menu brand help cart" "search search search search" !important;
    column-gap:6px !important;padding-left:11px !important;padding-right:11px !important;}
  .phs-support-header-mobile{
    grid-area:help !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
    justify-self:stretch !important;align-self:center !important;gap:5px !important;
    width:92px !important;min-width:92px !important;height:43px !important;min-height:43px !important;
    margin:0 !important;padding:0 7px !important;border:1px solid #142a52 !important;
    border-radius:12px !important;background:#142a52 !important;color:white !important;
    box-shadow:0 5px 12px rgba(20,42,82,.18) !important;
    font-family:inherit !important;font-size:12px !important;font-weight:900 !important;
    line-height:1.1 !important;white-space:nowrap !important;cursor:pointer !important;
  }
  .phs-support-header-mobile svg{width:17px !important;height:17px !important;}
  .brand-logo-only{max-width:min(100%,172px) !important;}
  .phs-support-menu{width:min(330px,calc(100vw - 20px));right:10px;padding:13px;border-radius:16px;}
}
@media(max-width:360px){
  .header-inner{grid-template-columns:38px minmax(0,1fr) 80px 42px !important;column-gap:4px !important;}
  .phs-support-header-mobile{width:80px !important;min-width:80px !important;gap:4px !important;font-size:11px !important;padding:0 5px !important;}
  .phs-support-header-mobile svg{width:16px !important;height:16px !important;}
}


/* PHS DESTEK V4: Mobil header'da destek ve sepet cakismasina kesin cozum.
   Onceki header kurallarindaki ikinci sepet ikonu bastirilir; butonlar grid hucrelerine sigar. */
@media (max-width:768px) {
  .site-header .header-inner {
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 82px 44px !important;
    grid-template-areas:"menu brand help cart" "search search search search" !important;
    align-items:center !important;
    column-gap:7px !important;
    row-gap:9px !important;
    padding:10px 12px 11px !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  .site-header .header-category-trigger {
    grid-area:menu !important;
    width:40px !important;min-width:40px !important;
    height:43px !important;min-height:43px !important;
    padding:0 !important;justify-self:start !important;
  }
  .site-header .brand {
    grid-area:brand !important;
    justify-self:stretch !important;justify-content:center !important;
    min-width:0 !important;width:100% !important;
    max-width:100% !important;overflow:hidden !important;
    margin:0 !important;padding:0 !important;
  }
  .site-header .brand-logo-only {
    display:block !important;
    width:auto !important;height:auto !important;
    max-width:100% !important;max-height:46px !important;
    min-width:0 !important;object-fit:contain !important;
  }
  .site-header .phs-support-header-mobile {
    grid-area:help !important;
    box-sizing:border-box !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    justify-self:stretch !important;align-self:center !important;
    width:82px !important;min-width:0 !important;max-width:82px !important;
    height:42px !important;min-height:42px !important;
    margin:0 !important;padding:0 5px !important;gap:5px !important;
    z-index:1 !important;position:relative !important;
    border-radius:11px !important;white-space:nowrap !important;
    font-size:11px !important;
  }
  .site-header .phs-support-header-mobile svg {
    width:16px !important;height:16px !important;flex:0 0 16px !important;
  }
  .site-header .header-cart-main {
    grid-area:cart !important;
    box-sizing:border-box !important;
    position:relative !important;top:auto !important;right:auto !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    justify-self:center !important;align-self:center !important;
    width:44px !important;min-width:44px !important;max-width:44px !important;
    height:44px !important;min-height:44px !important;max-height:44px !important;
    margin:0 !important;padding:0 !important;transform:none !important;
    overflow:visible !important;box-shadow:none !important;
    border:0 !important;background:transparent !important;color:#14213d !important;
    z-index:1 !important;
  }
  /* Onceki CSS hem ::before hem span::before ile iki ayri sepet emojisi ciziyordu. */
  .site-header .header-cart-main > span:first-child,
  .site-header .header-cart-main > span:first-child::before {
    display:none !important;content:none !important;
  }
  .site-header .header-cart-main::before {
    content:"🛒" !important;
    display:block !important;
    font-size:24px !important;
    line-height:1 !important;
    transform:none !important;
  }
  .site-header .header-cart-main .cart-badge {
    position:absolute !important;top:-3px !important;right:-2px !important;
    min-width:19px !important;height:19px !important;
    padding:0 4px !important;border:2px solid #fff !important;
    font-size:10px !important;line-height:1 !important;
  }
  .site-header .header-search {
    grid-area:search !important;min-width:0 !important;
  }
}
@media (max-width:360px) {
  .site-header .header-inner {
    grid-template-columns:36px minmax(0,1fr) 74px 40px !important;
    column-gap:5px !important;
    padding-left:9px !important;padding-right:9px !important;
  }
  .site-header .header-category-trigger {width:36px !important;min-width:36px !important;}
  .site-header .phs-support-header-mobile {width:74px !important;max-width:74px !important;font-size:10.5px !important;gap:3px !important;padding:0 3px !important;}
  .site-header .header-cart-main {width:40px !important;min-width:40px !important;max-width:40px !important;}
}



/* === index.php original style section 8 === */

/* Kategori listesindeki gereksiz ust metinler gizli kalir; yalnizca gezinti yolu gosterilir. */
body.is-category-page nav.seo-breadcrumb{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  margin:5px 0 13px !important;
  padding:0 2px !important;
  font-size:12px !important;
  line-height:1.55 !important;
  color:#667085 !important;
  overflow-wrap:anywhere;
}
body.is-category-page nav.seo-breadcrumb a{display:inline;color:#52617b;text-decoration:none;font-weight:700}
body.is-category-page nav.seo-breadcrumb a:hover{color:#ed3c7e;text-decoration:underline}
body.is-category-page nav.seo-breadcrumb a[aria-current="page"]{color:#0b1d46;font-weight:850}
@media(max-width:768px){body.is-category-page nav.seo-breadcrumb{font-size:11px !important;margin:5px 0 11px !important;gap:5px !important}}

/* V53: Sabit alt siparis tamamlama cubugu kaldirildi.
   Sepet icindeki asil siparis butonu ve mobil alt navigasyon korunur. */
@media (min-width:861px) {
  body, body.is-listing-page {padding-bottom:0 !important;}
  body.cart-has-items .container,
  body.is-listing-page.cart-has-items .container {padding-bottom:24px !important;}
}