:root{--bg:#ffeff1;--ink:#101828;--muted:#6b7280;--white:#fff;--ring:rgba(255,45,120,.35)}
        *{box-sizing:border-box}
        html,body{height:100%}
        body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
        img{max-width:100%;display:block}
        a{color:inherit;text-decoration:none}
        .container{max-width:1220px;margin-inline:auto;padding:0 18px}
        .muted{color:var(--muted)}
        .rounded{border-radius:16px}
        .rounded-lg{border-radius:22px}
        .shadow{box-shadow:0 12px 40px rgba(16,24,40,.18)}
        .card{background:#fff;border:1px solid rgba(16,24,40,.06);border-radius:18px}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid rgba(16,24,40,.1);background:#111827;color:#fff;font-weight:800;cursor:pointer;transition:.2s}
        .btn:disabled{opacity:.6;cursor:not-allowed}
    
        .topbar{margin-top: 36px !important; background:#fff;border-bottom:1px solid rgba(16,24,40,.08)}
        .topbar .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}
        .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}
        .logo .pill{background:#fff;border-radius:16px;padding:6px 12px;box-shadow:0 6px 16px rgba(0,0,0,.08)}
        .ig{display:inline-flex;align-items:center;gap:8px}
    
        .hero{background:linear-gradient(90deg,#f0f0f0,#f5f5f5); padding:26px 0 40px;color:#fff;position:relative}
        .hero-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(380px, 1fr));gap:18px;}
        .hero-left{position:relative}
        .hero-left button{display:block;width:100%;padding:0;border:0;background:transparent}
    
        .h1{font-size:24px;font-weight:900;margin:18px 0}
        .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
        .card.product{position:relative;overflow:hidden;cursor:pointer}
        .select-tick{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #f97316;color:#fff;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12)}
        .card.product.selected .select-tick{background:linear-gradient(180deg,#f97316,#fb923c);border-color:#f97316}
        .select-tick svg{width:18px;height:18px;fill:#fff}
        .product footer{padding:12px 14px;border-top:1px solid rgba(16,24,40,.06);background:#fff}
    
        .promo-bar{display:block;width:100%;text-align:center;font-weight:800;font-size:13px;line-height:38px;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);user-select:none}
        .promo-bar.navy{background:#1e3a8a;color:#fff;border-color:#1e40af}
        .promo-bar.orange{background:#f97316;color:#fff;border-color:#fb923c}
    
        .selected-list{display:grid;gap:10px}
        .selected-item{display:grid;grid-template-columns:64px 1fr 24px;gap:10px;align-items:center;background:#fff;border:1px solid rgba(16,24,40,.06);padding:10px 12px;border-radius:12px}
        .sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
        .size{border:2px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px 14px;font-weight:800;text-align:center;cursor:pointer}
        .size.active{border-color:#e11d48;background:#ffe4e6;box-shadow:0 6px 16px var(--ring)}
        .form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
        .form .full{grid-column:1 / -1}
        .input{display:grid;gap:6px}
        .input input,.input select,.input textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}
        .hint{font-size:12px;color:#64748b}
    
        .order-toast{position:fixed;left:18px;bottom:18px;z-index:70;background:#fff7ed;border:1px solid #f97316;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:12px 14px;display:flex;gap:12px;align-items:center;transform:translateX(-140%);opacity:0}
        .order-badge{background:linear-gradient(90deg,#f97316,#fb923c);color:#fff;font-weight:800;border-radius:999px;padding:4px 10px;font-size:9px}
        @keyframes toast-in{from{transform:translateX(-140%);opacity:0}to{transform:translateX(0);opacity:1}}
        @keyframes toast-out{from{transform:translateX(0);opacity:1}to{transform:translateX(-140%);opacity:0}}
        .order-toast.in{animation:toast-in .45s ease forwards}
        .order-toast.out{animation:toast-out .55s ease forwards}
    
        @media (max-width:1024px){
          .hero-grid{grid-template-columns:1fr}
          .grid{grid-template-columns:1fr 1fr}
          .form{grid-template-columns:1fr}
          .sizes{grid-template-columns:repeat(2,1fr)}
        }
        @media (max-width:560px){
          .grid{grid-template-columns:repeat(2,1fr);gap:12px}
          .topbar .row{justify-content:center}
          .ig{position:fixed;right:14px;bottom:18px;z-index:80;padding:8px 12px;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
          .order-toast{left:12px;bottom:12px;padding:8px 10px;border-radius:10px;font-size:10px;box-shadow:0 6px 16px rgba(16,24,40,.12)}
          .order-badge{font-size:9px;padding:3px 8px}
          .order-toast b{font-size:15px}
          .order-toast small{font-size:15px}
          .hero-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}
          .hero-left img{width:100%;aspect-ratio:16/20;object-fit:cover;border-radius:16px}
          .container{padding-inline:12px}
        }
        @media (max-width:360px){
          .hero-grid{grid-template-columns:1fr!important}
        }
    
        .subbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px}
        .btn.ghost{background:#fff;color:#111827;border:1px solid rgba(16,24,40,.12)}
    
        /* === HERO SLIDER === */
        .hero-slider{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 10px 28px rgba(16,24,40,.16);background:#fff;margin-bottom:16px}
        .hero-slider .slides{display:flex;transition:transform .45s ease;will-change:transform}
        .hero-slider .slide{min-width:100%;user-select:none}
        .hero-slider .slide img{width:100%;height:auto;display:block;aspect-ratio:21/9;object-fit:cover}
        .hero-slider .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;background:rgba(0,0,0,.4);color:#fff;width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer}
        .hero-slider .nav:hover{background:rgba(0,0,0,.55)}
        .hero-slider .nav.prev{left:10px}
        .hero-slider .nav.next{right:10px}
        .hero-slider .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center;z-index:4}
        .hero-slider .dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.12);cursor:pointer}
        .hero-slider .dot.active{background:#fff}
    
        @media (max-width:1024px){
          .hero-slider .slide img{aspect-ratio:16/9}
        }
        @media (max-width:560px){
          .hero-slider{border-radius:14px}
          .hero-slider .slide img{aspect-ratio:2/1}
          .hero-slider .nav{width:34px;height:34px}
        }
        
        /* Masaüstünde mobil slide tamamen gizlensin */
        .mobile-only { display:none !important; }
        
        /* Mobilde desktop slide tamamen gizlensin */
        @media (max-width:768px){
          .desktop-only { display:none !important; }
          .mobile-only  { display:block !important; }
        }
        
        .slide.mobile-only,
        .slide.desktop-only{
          display:none;
        }
        
        /* Mobil görünüm */
        @media (max-width: 767px){
          .slide.mobile-only{ display:block; }
        }
        
        /* Masaüstü görünüm */
        @media (min-width: 768px){
          .slide.desktop-only{ display:block; }
        }
        /* === FAQ (Accordion) === */
        .faq{padding:28px 0 24px}
        .faq .title{font-weight:900;font-size:22px;margin:6px 0 14px}
        .accordion{display:grid;gap:10px}
        .acc-item{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;overflow:hidden}
        .acc-btn{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:16px 16px;font-weight:700;background:transparent;border:0;cursor:pointer}
        .acc-btn .chev{transition:transform .2s ease}
        .acc-item.open .acc-btn .chev{transform:rotate(180deg)}
        .acc-panel{max-height:0;overflow:hidden;transition:max-height .28s ease}
        .acc-panel .inside{padding:0 16px 16px;color:#475569;line-height:1.55}
    
        /* === Fixed footer feature bar === */
        .site-footer-fixed{position:fixed;left:0;right:0;bottom:0;z-index:60;background:linear-gradient(180deg,#faf5ff, #ffeef4);border-top:1px solid rgba(16,24,40,.08)}
        .footer-wrap{max-width:1220px;margin:0 auto;padding:12px 18px}
        .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
        .feature{display:flex;align-items:center;gap:12px;font-weight:700}
        .feature .ico{width:36px;height:36px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.08)}
        .feature small{display:block;font-weight:600;color:#64748b}
    
        /* içerik footer’ın altında kalmasın diye */
        body{padding-bottom:92px}
        @media (max-width:900px){
          .feature-grid{grid-template-columns:repeat(2,1fr)}
          body{padding-bottom:110px}
        }
        @media (max-width:520px){
          .feature-grid{grid-template-columns:1fr 1fr}
          .feature{gap:10px}
          .feature .ico{width:32px;height:32px}
        }
    
        /* Kategori seçim durumu */
        .cat-status{display:flex;align-items:center;gap:10px;margin:-6px 0 12px}
        .sel-badge{display:inline-block;background:#111827;color:#fff;border:1px solid rgba(16,24,40,.1);padding:6px 10px;border-radius:999px;font-weight:800;font-size:13px}
        .cat-hint{color:#dc2626;font-weight:700;font-size:13px}
    
        /* Renk etiketi */
        .color-pill{
          display:inline-block;font-weight:700;font-size:12px;padding:4px 8px;border-radius:999px;background:#f1f5f9;border:1px solid #e5e7eb;color:#334155;margin-top:6px;
        }
        /* geniş ve blok buton */
        .btn.block{display:block;width:100%}
        .btn.xl{padding:9px 12px;font-size:13px;border-radius:14px}
        @media (min-width:560px){ .btn.xl{padding:10px 14px;font-size:20px} }
        .checkout-cta{margin-top:16px}
        .btn.orange{background:linear-gradient(90deg,#f97316,#fb923c);border:none;color:#fff;font-weight:800;box-shadow:0 6px 18px rgba(249,115,22,0.35);transition:transform .2s ease, box-shadow .2s ease;}
        .btn.orange:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,0.45);}
        .btn.orange:active{transform:translateY(0);box-shadow:0 4px 10px rgba(249,115,22,0.3);}
        .meta-list{display:grid;gap:8px}
        .meta-item{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid rgba(16,24,40,.06);padding:10px 12px;border-radius:12px}
        .meta-left{display:grid;gap:4px}
        .badge{display:inline-block;background:#111827;color:#fff;border:1px solid rgba(16,24,40,.1);padding:3px 8px;border-radius:999px;font-weight:800;font-size:11px}
        .kv{font-size:12px;color:#475569}
        .kv b{color:#111827}
        .logo{display:flex;align-items:center;justify-content:center;padding:12px 0;}
        .logo img{max-width:130px;height:auto;border-radius:8px;transition:transform .2s ease-in-out;}
        .logo img:hover{transform:scale(1.05);cursor:pointer;}
        @media (max-width: 768px){ .logo img{max-width:130px;} }
    
        .order-summary{font-family:'Inter',sans-serif;color:#0f172a}
        .os-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 8px 22px rgba(16,24,40,.06);padding:18px}
        .os-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:12px;color:#1f2937}
        .os-lines{background:#fbfcfe;border:1px solid #eef2f7;border-radius:12px;padding:14px}
        .os-row{display:flex;justify-content:space-between;padding:8px 2px;font-size:15px}
        .os-muted{color:#9aa3ae}
        .os-free{color:#22c55e}
        .os-sep{border:0;border-top:1px solid #eef2f7;margin:10px 0}
        .os-total .os-total-val{color:linear-gradient(90deg, #f97316, #fb923c);font-weight:800;font-size:20px}
        .os-btn{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#f97316,#fb923c);color:#fff;border:none;border-radius:12px;padding:14px 16px;font-weight:700;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 18px rgba(249,115,22,.25)}
        .os-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(249,115,22,.35)}
        .os-btn:active{transform:translateY(0);opacity:.95;box-shadow:0 4px 12px rgba(249,115,22,.25)}
        .os-info{display:flex;gap:10px;align-items:flex-start;background:#f6f8fb;border:1px solid #eef2f7;border-radius:10px;padding:10px 12px;margin-top:12px;color:#475569;font-size:14px}
        .os-info-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:#e2e8f0;color:#334155;font-weight:700}
    
        .price-wrap{margin-top:6px;font-size:13px;display:grid;gap:2px}
        .price-old{color:#9aa3ae;text-decoration:line-through}
        .price-new{font-weight:800}
        .save-tag{display:inline-block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:2px 6px;border-radius:999px;font-size:12px;font-weight:800;margin-top:4px}
    
        /* === PRODUCT DETAIL MODAL === */
        .modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:1000}
        .modal-backdrop.open{display:flex}
        .modal{width:min(720px,92vw);background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
        .modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(16,24,40,.06)}
        .modal-title{font-weight:800;font-size:16px}
        .modal-close{border:0;background:#f1f5f9;border-radius:10px;padding:6px 10px;cursor:pointer}
        .modal-body{padding:16px;color:#334155;line-height:1.6}
        .modal-body img{border-radius:12px;margin-bottom:10px;max-height:360px;object-fit:contain;width:100%}
        .modal-meta{font-size:13px;color:#64748b;margin:8px 0 0}
        
        /* === KAMPANYA BURDA: PRODUCT MODAL v2 === */
    .kb-modal{position:fixed;inset:0;z-index:120;display:none}
    .kb-modal.open{display:block}
    .kb-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);opacity:0;transition:opacity .18s ease}
    .kb-modal.open .kb-modal__backdrop{opacity:1}
    .kb-modal__dialog{
      position:absolute;left:50%;top:50%;
      transform:translate(-50%,-48%) scale(.98);
      width:min(760px,92vw);max-height:86vh;display:flex;flex-direction:column;
      background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;box-shadow:0 24px 64px rgba(2,6,23,.32);
      opacity:0;transition:opacity .18s ease, transform .22s ease;
    }
    .kb-modal.open .kb-modal__dialog{opacity:1;transform:translate(-50%,-50%) scale(1)}
    .kb-modal__header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2f7}
    .kb-modal__title{margin:0;font-weight:800;font-size:16px;color:#0f172a}
    .kb-modal__close{border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;padding:8px 10px;cursor:pointer}
    .kb-modal__body{padding:12px 14px;overflow:auto}
    .kb-modal__footer{padding:12px 14px;border-top:1px solid #eef2f7;display:flex;gap:10px}
    .kb-modal__img{width:100%;border-radius:12px;max-height:420px;object-fit:contain}
    .kb-modal__meta{display:grid;gap:10px;margin-top:12px;font-size:14px;color:#475569}
    .kb-price{display:flex;align-items:center;gap:8px;margin-top:8px}
    .kb-price .old{color:#9aa3ae;text-decoration:line-through}
    .kb-price .new{font-weight:800}
    .kb-save{display:inline-block;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800}
    .btn.inline{padding:10px 12px;font-size:14px;border-radius:12px}
    .btn.ghost{background:#fff;color:#111827;border:1px solid rgba(16,24,40,.12)}
    /* Mobile sheet davranışı */
    @media (max-width:560px){
      .kb-modal__dialog{
        left:0;right:0;bottom:0;top:auto;transform:translateY(10%);border-radius:16px 16px 0 0;width:100vw;max-height:92vh;margin:0;
      }
      .kb-modal.open .kb-modal__dialog{transform:translateY(0)}
      .kb-modal__header{position:sticky;top:0;background:#fff;z-index:2}
      .kb-modal__footer{position:sticky;bottom:0;background:#fff;z-index:2}
    }
    body.modal-lock{overflow:hidden}
    .selected-item select {
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:10px;
      padding:8px 10px;
      font-weight:600;
    }
    .card.return-started{
      background:#fff1f2;            /* açık kırmızı/pembe */
      border-color:#fecdd3;          /* açık sınır */
    }
    .card.return-started .muted{ color:#b91c1c; }
    /* === BEDEN SELECT UYARISI (pulsing) === */
    @keyframes sizePulse {
      0%, 100% {
        background-color: #fee2e2;   /* açık kırmızı */
        box-shadow: 0 0 0 0 rgba(239,68,68,0.4);
      }
      50% {
        background-color: #fecaca;   /* daha canlı pembe-kırmızı arası */
        box-shadow: 0 0 8px 3px rgba(239,68,68,0.45);
      }
    }
    .pulse-warn {
      animation: sizePulse 1.2s ease-in-out infinite;
      border-color: #ef4444 !important;    /* kırmızı tonunda kenar */
      transition: border-color .3s, background-color .3s;
    }
    /* === Sabit boyutlu ürün kartı === */
    .grid{ align-items: stretch; }
    .grid .card.product{ height:100%; display:flex; flex-direction:column; }
    
    /* Görseli sabit oranlı kutuya al */
    .product .media{
      position:relative;
      aspect-ratio: 3/4;             /* 3:4 oran – istersen 4/5 ya da 1/1 yap */
      background:#f8fafc;
      border-bottom:1px solid rgba(16,24,40,.06);
      overflow:hidden;
    }
    .product .media img{
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover;               /* tüm görseller aynı alanı doldurur */
    }
    
    /* Promobar yüksekliği sabit kalsın */
    .product .promo-wrap{ height:38px; display:flex; align-items:center; }
    
    /* Footer alta yapışsın ve sabit yükseklik tuttursun */
    .product footer{
      margin-top:auto;
      min-height:110px;               /* içerik dalgalanmasın */
      display:grid; gap:6px;
    }
    
    /* Başlık 2 satırla sınırlı */
    .product footer b{
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      font-size:12px;
      min-height:2.2em;               /* 2 satır yer tutar */
    }
    
    .card.product{ position:relative; }          /* zaten var ama dursun */
    .select-tick{ z-index: 3; }                  /* tik her şeyin üstünde kalsın */
    
    /* Media katmanı img üstte ama tikten altta olsun */
    .product .media{ position:relative; z-index:1; }
    .product .media img{
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover;
      display:block;
      z-index:1;
      pointer-events:none;                        /* tıklamalar kartın kendisine geçsin */
    }
    
    /* ikon – sayı – metin tek satır ve hizalı */
    .product-social{
      display:flex;
      align-items:center;
      gap:8px;                 /* iki kutucuk arası */
      font-size:12px;
      font-weight:700;
      color:#475569;
      white-space:nowrap;
    }
    .product-social .ps{       /* aktif olunca göstereceğiz */
      display:none;
      align-items:center;      /* emoji + sayı aynı hizada */
      line-height:1;
    }
    .product-social .ps.show{
      display:-webkit-inline-box;     /* -webkit-inline-box yerine */
    }
    .product-social .ps b{
      color:red;
      margin:0 6px;            /* sayı–metin ve emoji–sayı arası aç */
      min-width:26px;          /* sayılar zıplamasın */
      text-align:right;
      font-variant-numeric:tabular-nums;
      position:relative; top:.5px; /* dikey mikro hizalama */
    }
    /* === Cart Toast (Sepete Eklendi) === */
    .cart-toast{
      position:fixed;
      top:40px;
      right:16px;
      z-index:1200;
      background:#0f172a;
      color:#f9fafb;
      border-radius:14px;
      box-shadow:0 14px 35px rgba(15,23,42,.45);
      padding:10px 14px;
      display:flex;
      align-items:center;
      gap:10px;
      transform:translateX(120%);
      opacity:0;
      pointer-events:none;
      min-width:220px;
      max-width:320px;
      font-size:13px;
    }
    .cart-toast-icon{
      width:32px;
      height:32px;
      border-radius:999px;
      background:linear-gradient(135deg,#f97316,#fb923c);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:16px;
    }
    .cart-toast-text{
      display:grid;
      gap:2px;
    }
    .cart-toast-title{
      font-weight:800;
      font-size:13px;
    }
    .cart-toast-body{
      color:#e5e7eb;
      font-size:12px;
    }
    .cart-toast-body b{
      color:#fff;
    }
    
    /* Animasyonlar */
    @keyframes cartToastIn{
      from{ transform:translateX(120%); opacity:0; }
      to  { transform:translateX(0);    opacity:1; }
    }
    @keyframes cartToastOut{
      from{ transform:translateX(0);    opacity:1; }
      to  { transform:translateX(120%); opacity:0; }
    }
    .cart-toast.show{
      animation:cartToastIn .25s ease-out forwards;
    }
    .cart-toast.hide{
      animation:cartToastOut .25s ease-in forwards;
    }
    @media (max-width:560px){
      .cart-toast{
        top:40px;
        right:10px;
        left:auto;
        max-width:260px;
        padding:8px 10px;
      }
    }
    /* === HEADER TOP COUNTDOWN BAR === */
    .countdown-bar{
      width:100%;
      background:#0f172a;
      color:#f1f5f9;
      padding:10px 0;
      height: 36px;   /* 🔥 sabit yükseklik */
      display:flex;
      align-items:center;
      position:fixed;   /* 🔥 her zaman tepede sabit kalır */
      top:0;
      left:0;
      z-index:9999;
      box-shadow:0 2px 4px rgba(0,0,0,.15);
    }
    .countdown-inner{
      max-width:680px;
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      font-family:'Inter',sans-serif;
      font-size:14px;
    }
    
    .cd-label{
      opacity:.9;
      font-weight:600;
      letter-spacing:.2px;
    }
    
    .cd-time{
      font-weight:800;
      background:linear-gradient(90deg,#f97316,#fb923c);
      padding:2px 10px;
      border-radius:6px;
      color:#fff;
      font-size:15px;
      letter-spacing:.7px;
    }
    
    .countdown-ended .cd-time{
      background:#4b5563 !important;
    }


    /* Seçim tiki media üstünde dursun */
    .card.product{ position:relative; }