/* ================================================================
   SD AUCTION 24 — HOMEPAGE
   Direction: Linear · Stripe · Ather · Apple
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ================================================================
   TOKENS
   ================================================================ */
:root {
  --p:       #6D28D9;
  --p2:      #5B21B6;
  --p3:      #EDE9FE;
  --p4:      #F5F3FF;

  --text-1:  #09090B;
  --text-2:  #3F3F46;
  --text-3:  #71717A;
  --text-4:  #A1A1AA;

  --bg-1:    #FFFFFF;
  --bg-2:    #F4F4F5;
  --bg-3:    #FAFAFA;
  --border:  #E4E4E7;
  --border-2:#D4D4D8;

  --dark:        #09090B;
  --dark-card:   #111113;
  --dark-card-2: #18181B;
  --dark-border: rgba(255,255,255,0.07);
  --dark-border2:rgba(255,255,255,0.12);

  --success: #16A34A;
  --warning: #D97706;
  --danger:  #DC2626;

  --r:    8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;

  --s1: 0 1px 2px rgba(0,0,0,0.05);
  --s2: 0 1px 3px rgba(0,0,0,0.06), 0 4px 14px rgba(0,0,0,0.05);
  --s3: 0 4px 8px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.07);
  --sh: 0 8px 20px rgba(0,0,0,0.09), 0 2px 6px rgba(0,0,0,0.05);

  --ease: cubic-bezier(0.4,0,0.2,1);
  --t: all 0.2s var(--ease);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ================================================================
   BASE
   ================================================================ */
.premium-page { font-family: var(--font); color: var(--text-1); -webkit-font-smoothing: antialiased; }
.premium-page * { box-sizing: border-box; }
.premium-page a { text-decoration: none; color: inherit; }
.premium-page img { max-width: 100%; display: block; }

/* ================================================================
   SHARED: LABELS + SECTION TITLES
   ================================================================ */
.sl {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; padding: 5px 12px;
  border-radius: 50px; margin-bottom: 12px;
}
.sl-light { background: var(--p4); color: var(--p); }
.sl-dark  { background: rgba(109,40,217,0.15); color: #C4B5FD; }

.st {
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight: 800; line-height: 1.2;
  letter-spacing: -0.4px; margin-bottom: 10px;
}
.st-dark  { color: var(--text-1); }
.st-white { color: #fff; }

.st .grad {
  background: linear-gradient(135deg, var(--p) 0%, #8B5CF6 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.st .grad-warm {
  background: linear-gradient(135deg, var(--p) 0%, #EC4899 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.ss { font-size: 15px; line-height: 1.65; color: var(--text-3); margin-bottom: 0; }
.ss-dark { color: rgba(255,255,255,0.42); }

/* ================================================================
   BUTTONS
   ================================================================ */
.btn-x {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-family: var(--font); font-weight: 600; font-size: 14px;
  padding: 10px 22px; border-radius: var(--r-md); border: none;
  cursor: pointer; transition: var(--t); white-space: nowrap; text-decoration: none;
}

.btn-x.btn-x-primary { background: var(--p); color: #fff; }
.btn-x.btn-x-primary:hover { background: var(--p2); color: #fff; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(109,40,217,0.35); }

.btn-x.btn-x-glass {
  background: transparent; color: rgba(255,255,255,0.85);
  border: 1.5px solid rgba(255,255,255,0.35);
}
.btn-x.btn-x-glass:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.6); color: #fff; }

.btn-x.btn-x-outline { background: transparent; color: var(--text-2); border: 1px solid var(--border); }
.btn-x.btn-x-outline:hover { border-color: var(--p); color: var(--p); }

.btn-x-sm { padding: 7px 15px; font-size: 13px; border-radius: var(--r); }
.btn-x-lg { padding: 13px 28px; font-size: 15px; }

/* ================================================================
   HERO
   ================================================================ */
.hero-v2 {
  position: relative;
  background: var(--dark);
  overflow: hidden;
}
.hero-v2::before {
  content: '';
  position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 65% 65% at 70% 50%, rgba(109,40,217,0.13) 0%, transparent 65%);
  pointer-events: none;
}

/* Orb divs hidden */
.h-orb { display: none; }

.hero-inner { position: relative; z-index: 2; padding: 64px 0 72px; }

.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

/* Left */
.h-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.65); font-size: 12px; font-weight: 500;
  padding: 5px 14px; border-radius: 50px; margin-bottom: 18px;
}
.pd {
  width: 6px; height: 6px; background: #22C55E; border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.18);
  animation: pdp 2.5s ease-in-out infinite;
}
@keyframes pdp {
  0%,100% { box-shadow: 0 0 0 3px rgba(34,197,94,0.18); }
  50%     { box-shadow: 0 0 0 6px rgba(34,197,94,0.07); }
}

.h-title {
  font-size: clamp(32px, 4.2vw, 54px);
  font-weight: 800; color: #fff;
  line-height: 1.1; letter-spacing: -1.5px;
  margin-bottom: 16px;
}
.h-title .g {
  display: block;
  background: linear-gradient(135deg, #C4B5FD 0%, #A78BFA 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.h-sub {
  font-size: 15px; color: rgba(255,255,255,0.48);
  line-height: 1.7; margin-bottom: 30px; max-width: 420px;
}

.h-ctas { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 44px; }

.h-stats { display: flex; align-items: center; }
.h-stat { padding: 0 22px; border-right: 1px solid rgba(255,255,255,0.08); }
.h-stat:first-child { padding-left: 0; }
.h-stat:last-child  { border-right: none; }
.h-stat-n { font-size: 22px; font-weight: 700; color: #fff; line-height: 1; }
.h-stat-l { font-size: 11px; color: rgba(255,255,255,0.32); margin-top: 3px; }

/* Right */
.h-visual { position: relative; min-width: 0; }
.h-frame {
  border-radius: var(--r-xl); overflow: hidden;
  border: 1px solid rgba(255,255,255,0.07);
  background: #131316;
}
.h-frame .hero-swiper { width: 100%; overflow: hidden; }
.h-frame .h-slide {
  height: 360px;
  background-size: cover; background-position: center;
}
.hero-gradient-img {
  width: 100%; height: 360px;
  display: flex; align-items: center; justify-content: center;
  font-size: 80px; background: #131316;
}

/* Hero swiper pagination */
.hero-swiper .swiper-pagination-bullet { background: rgba(255,255,255,0.35); opacity: 1; }
.hero-swiper .swiper-pagination-bullet-active { background: #fff; width: 18px; border-radius: 4px; }

/* Floating cards — hidden */
.h-fc { display: none; }

/* ================================================================
   TRUST BAR
   ================================================================ */
.trust-v2 {
  background: var(--bg-1);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.trust-inner {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap;
}
.t-item {
  display: flex; align-items: center; gap: 8px;
  color: var(--text-2); padding: 14px 24px;
  border-right: 1px solid var(--border);
  transition: var(--t);
}
.t-item:last-child { border-right: none; }
.t-item:hover { color: var(--p); }
.t-item i { font-size: 16px; color: var(--p); flex-shrink: 0; }
.t-item span { font-size: 13px; font-weight: 500; white-space: nowrap; }

/* ================================================================
   CATEGORIES
   ================================================================ */
.cat-sec { padding: 72px 0; background: var(--bg-3); }

.cat-grid {
  display: grid; gap: 10px; margin-top: 36px;
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
}
.cat-card {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 20px 14px 16px; text-align: center; cursor: pointer;
  transition: var(--t); display: block;
}
.cat-card:hover {
  border-color: var(--p); transform: translateY(-3px); box-shadow: var(--s3);
}
.cat-img-box {
  width: 60px; height: 60px; border-radius: var(--r-md); overflow: hidden;
  margin: 0 auto 10px; background: var(--bg-2);
  display: flex; align-items: center; justify-content: center; transition: var(--t);
}
.cat-card:hover .cat-img-box { background: var(--p4); }
.cat-img-box img { width: 100%; height: 100%; object-fit: cover; }
.cat-emoji { font-size: 26px; line-height: 1; }
.cat-name {
  font-size: 12px; font-weight: 600; color: var(--text-2); transition: var(--t);
}
.cat-card:hover .cat-name { color: var(--p); }

/* ================================================================
   PRODUCT CARDS
   ================================================================ */
.prod-sec { padding: 72px 0; background: var(--bg-1); }

.pc {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--r-lg);
  overflow: hidden; transition: var(--t); height: 100%; display: flex; flex-direction: column;
}
.pc:hover { border-color: var(--border-2); box-shadow: var(--sh); transform: translateY(-3px); }
.pc::before { display: none; }

.pc-img { position: relative; height: 200px; overflow: hidden; background: var(--bg-2); flex-shrink: 0; }
.pc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s var(--ease); }
.pc:hover .pc-img img { transform: scale(1.04); }

.pc-badge {
  position: absolute; top: 10px; left: 10px; z-index: 2;
  font-size: 10px; font-weight: 700; letter-spacing: 0.3px;
  text-transform: uppercase; padding: 3px 8px; border-radius: var(--r);
}
.pc-badge-off { background: #FEE2E2; color: var(--danger); }
.pc-badge-new { background: var(--p4); color: var(--p); }

.pc-wish {
  position: absolute; top: 10px; right: 10px; z-index: 2;
  width: 30px; height: 30px; background: rgba(255,255,255,0.9);
  border-radius: 50%; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; color: var(--text-3); transition: var(--t);
}
.pc-wish:hover { color: var(--danger); background: #FFF1F2; }

.pc-body { padding: 14px 16px 16px; flex: 1; display: flex; flex-direction: column; }
.pc-cat  { font-size: 10px; font-weight: 600; color: var(--p); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.pc-title {
  font-size: 14px; font-weight: 600; color: var(--text-1); margin-bottom: 8px; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.pc-stars { display: flex; align-items: center; gap: 1px; margin-bottom: 10px; }
.pc-stars i { color: #F59E0B; font-size: 11px; }
.pc-stars .ri-star-line { color: #D4D4D8; }
.pc-stars span { font-size: 11px; color: var(--text-3); margin-left: 4px; }

.pc-price { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.pc-price-now { font-size: 19px; font-weight: 700; color: var(--text-1); }
.pc-price-old { font-size: 12px; color: var(--text-3); text-decoration: line-through; }
.pc-price-save { font-size: 10px; font-weight: 600; color: var(--success); background: #F0FDF4; padding: 2px 6px; border-radius: var(--r); }

.pc-actions { display: flex; gap: 7px; margin-top: auto; }
.pc-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 9px; background: var(--p); color: #fff !important;
  border: none; border-radius: var(--r); font-size: 13px; font-weight: 600;
  cursor: pointer; transition: var(--t); text-decoration: none;
}
.pc-btn:hover { background: var(--p2); color: #fff !important; }
.pc-btn-ico {
  width: 36px; height: 36px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-2); color: var(--text-2) !important; border: none;
  border-radius: var(--r); cursor: pointer; transition: var(--t); font-size: 14px;
}
.pc-btn-ico:hover { background: var(--p4); color: var(--p) !important; }

/* ================================================================
   AUCTION SECTION
   ================================================================ */
.auc-sec {
  padding: 72px 0;
  background: #0D0D10;
  position: relative;
}
/* No glow overlays */
.auc-glow-a, .auc-glow-b { display: none; }
.auc-sec::before { display: none; }

.ac {
  background: var(--dark-card-2); border: 1px solid rgba(255,255,255,0.07);
  border-radius: var(--r-xl); overflow: hidden; transition: var(--t);
  height: 100%; display: flex; flex-direction: column;
}
.ac:hover {
  border-color: rgba(109,40,217,0.4);
  box-shadow: 0 0 0 1px rgba(109,40,217,0.1), 0 16px 40px rgba(0,0,0,0.45);
  transform: translateY(-3px);
}
.ac::before { display: none; }

.ac-img { position: relative; height: 195px; overflow: hidden; flex-shrink: 0; background: #1A1A1E; }
.ac-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s var(--ease); }
.ac:hover .ac-img img { transform: scale(1.04); }

.ac-live {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  display: flex; align-items: center; gap: 5px;
  background: var(--danger); color: #fff;
  font-size: 10px; font-weight: 700; letter-spacing: 0.8px;
  padding: 4px 9px; border-radius: var(--r);
}
.ac-soon {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  display: flex; align-items: center; gap: 5px;
  background: rgba(217,119,6,0.92); color: #fff;
  font-size: 10px; font-weight: 700; letter-spacing: 0.5px;
  padding: 4px 9px; border-radius: var(--r);
}
.ld { width: 5px; height: 5px; background: #fff; border-radius: 50%; animation: ld 1.4s ease-in-out infinite; }
@keyframes ld { 0%,100%{opacity:1} 50%{opacity:0.3} }

.ac-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }
.ac-title { font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.82); margin-bottom: 12px; line-height: 1.45; }

.ac-timer {
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--r-md); padding: 10px 6px; margin-bottom: 12px;
  display: flex; align-items: center; justify-content: center; gap: 4px;
}
.tb { text-align: center; min-width: 36px; }
.tb-n {
  font-size: 19px; font-weight: 700; color: #fff; line-height: 1;
  font-variant-numeric: tabular-nums;
}
.tb-l { font-size: 9px; color: rgba(255,255,255,0.28); text-transform: uppercase; letter-spacing: 0.4px; margin-top: 2px; }
.tb-sep { font-size: 16px; font-weight: 600; color: rgba(255,255,255,0.14); margin-bottom: 8px; }

.ac-bids { display: flex; justify-content: space-between; margin-bottom: 12px; }
.ac-bid-box .ac-bl { font-size: 10px; color: rgba(255,255,255,0.28); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
.ac-bid-box .ac-bv { font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.65); }
.ac-bid-box .ac-bv.live { color: #A78BFA; }

.btn-bid-v2 {
  width: 100%; padding: 11px; border: none; border-radius: var(--r-md);
  cursor: pointer; font-size: 13px; font-weight: 600; transition: var(--t);
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin-top: auto; text-decoration: none;
}
.btn-bid-live { background: var(--p); color: #fff !important; }
.btn-bid-live:hover { background: var(--p2); color: #fff !important; }
.btn-bid-soon-v2 {
  background: transparent; color: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,255,255,0.1);
}
.btn-bid-soon-v2:hover { border-color: rgba(255,255,255,0.22); color: rgba(255,255,255,0.75) !important; }

/* ================================================================
   WHY CHOOSE US
   ================================================================ */
.why-sec { padding: 72px 0; background: var(--bg-3); }
.why-sec::before { display: none; }

.feat-card {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 26px 22px; transition: var(--t); height: 100%;
}
.feat-card:hover { border-color: var(--border-2); box-shadow: var(--sh); transform: translateY(-3px); }
.feat-card::before { display: none; }

.fi {
  width: 46px; height: 46px; border-radius: var(--r-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; margin-bottom: 14px; flex-shrink: 0;
}
.fi-1 { background: var(--p4);    color: var(--p); }
.fi-2 { background: #D1FAE5;      color: #059669; }
.fi-3 { background: #FEF3C7;      color: #D97706; }
.fi-4 { background: #DBEAFE;      color: #2563EB; }
.fi-5 { background: #FCE7F3;      color: #DB2777; }
.fi-6 { background: #E0F2FE;      color: #0284C7; }

.ft { font-size: 15px; font-weight: 700; color: var(--text-1); margin-bottom: 7px; }
.fd { font-size: 13px; color: var(--text-3); line-height: 1.65; }

/* ================================================================
   WINNERS SECTION
   ================================================================ */
.win-sec { padding: 72px 0; background: var(--bg-1); }

.wc {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 20px; transition: var(--t); height: 100%;
}
.wc:hover { border-color: var(--border-2); box-shadow: var(--sh); transform: translateY(-3px); }
.wc::before, .wc::after { display: none; }

.w-img { width: 68px; height: 68px; border-radius: var(--r-md); object-fit: cover; flex-shrink: 0; }
.w-trophy { font-size: 16px; }
.w-name { font-size: 15px; font-weight: 700; color: var(--text-1); }
.w-prod { font-size: 12px; color: var(--text-3); margin-top: 2px; }
.w-divider { border: none; border-top: 1px solid var(--border); margin: 12px 0; }
.w-label { font-size: 10px; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 3px; }
.w-price { font-size: 14px; font-weight: 600; color: var(--text-2); }
.w-win {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 14px; font-weight: 700; color: var(--success);
}
.w-saved-tag {
  margin-top: 10px; background: #F0FDF4;
  border: 1px solid #BBF7D0; border-radius: var(--r);
  padding: 6px 12px; display: flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; color: #15803D;
}

/* ================================================================
   APP SECTION
   ================================================================ */
.app-sec {
  padding: 72px 0;
  background: var(--dark);
  position: relative; overflow: hidden;
}
.app-orb-a, .app-orb-b { display: none; }
.app-sec::before {
  content: '';
  position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 50% 65% at 25% 50%, rgba(109,40,217,0.11) 0%, transparent 65%);
  pointer-events: none;
}

.app-title {
  font-size: clamp(24px, 3.2vw, 38px);
  font-weight: 800; color: #fff;
  line-height: 1.2; margin-bottom: 12px; letter-spacing: -0.4px;
}
.app-sub { font-size: 15px; color: rgba(255,255,255,0.45); margin-bottom: 26px; line-height: 1.65; }

.app-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.asb {
  display: inline-flex; align-items: center; gap: 11px;
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
  color: #fff !important; padding: 11px 18px; border-radius: var(--r-md);
  transition: var(--t);
}
.asb:hover { background: rgba(255,255,255,0.12); color: #fff !important; }
.asb i { font-size: 22px; flex-shrink: 0; }
.asb-text small  { display: block; font-size: 10px; color: rgba(255,255,255,0.45); }
.asb-text strong { display: block; font-size: 14px; font-weight: 700; }

.app-phone { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }
.app-mockup {
  background: var(--dark-card-2);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 20px; padding: 32px 28px;
  text-align: center; max-width: 340px; width: 100%;
}
.app-mockup-icon  { font-size: 56px; margin-bottom: 12px; display: block; }
.app-mockup-title { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.app-mockup-sub   { font-size: 12px; color: rgba(255,255,255,0.38); margin-bottom: 16px; }
.app-tags { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; margin-bottom: 14px; }
.app-tag {
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09);
  padding: 3px 11px; border-radius: 50px; font-size: 11px; color: rgba(255,255,255,0.5);
}
.app-rating { display: flex; align-items: center; justify-content: center; gap: 6px; }
.app-stars  { display: flex; gap: 2px; }
.app-stars i { color: #F59E0B; font-size: 12px; }
.app-rating-text { font-size: 11px; color: rgba(255,255,255,0.35); }

/* ================================================================
   NEWSLETTER
   ================================================================ */
.nl-sec { padding: 72px 0; background: var(--bg-3); }
.nl-card {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--r-xl);
  padding: 48px 40px; text-align: center;
}
.nl-card::before, .nl-card::after { display: none; }
.nl-icon { font-size: 36px; display: block; margin-bottom: 6px; }

.nl-form { display: flex; gap: 8px; max-width: 440px; margin: 20px auto 0; }
.nl-input {
  flex: 1; padding: 10px 16px;
  border: 1px solid var(--border); border-radius: var(--r-md);
  font-family: var(--font); font-size: 14px; color: var(--text-1);
  outline: none; transition: var(--t); background: var(--bg-3);
}
.nl-input:focus { border-color: var(--p); box-shadow: 0 0 0 3px rgba(109,40,217,0.08); background: var(--bg-1); }
.nl-input::placeholder { color: var(--text-3); }
.nl-hint { font-size: 12px; color: var(--text-4); margin-top: 10px; }
.nl-hint a { color: var(--p); }

/* ================================================================
   SWIPER OVERRIDES
   ================================================================ */
.sw-light .swiper-pagination-bullet { background: var(--p); opacity: 0.18; }
.sw-light .swiper-pagination-bullet-active { opacity: 1; width: 18px; border-radius: 4px; }
.sw-dark  .swiper-pagination-bullet { background: rgba(255,255,255,0.35); opacity: 1; }
.sw-dark  .swiper-pagination-bullet-active { background: var(--p); width: 18px; border-radius: 4px; }
.sw-light .swiper-button-next, .sw-light .swiper-button-prev,
.sw-dark  .swiper-button-next, .sw-dark  .swiper-button-prev { display: none; }

.sw-nav { display: inline-flex; gap: 6px; align-items: center; }
.sw-btn {
  width: 36px; height: 36px; background: var(--bg-1); border: 1px solid var(--border);
  border-radius: 50%; cursor: pointer; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: var(--text-2); transition: var(--t); padding: 0;
}
.sw-btn:hover { background: var(--p); border-color: var(--p); color: #fff; }
.sw-btn:active { transform: scale(0.94); }
.sw-btn.swiper-button-disabled { opacity: 0.3; pointer-events: none; }

.sw-btn-dark {
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.5);
}
.sw-btn-dark:hover { background: var(--p); border-color: var(--p); color: #fff; }

/* ================================================================
   SCROLL REVEAL
   ================================================================ */
.rv { opacity: 0; transform: translateY(18px); transition: opacity 0.5s var(--ease), transform 0.5s var(--ease); }
.rv.vi { opacity: 1; transform: translateY(0); }
.rv-d1 { transition-delay: 0.06s; } .rv-d2 { transition-delay: 0.12s; }
.rv-d3 { transition-delay: 0.18s; } .rv-d4 { transition-delay: 0.24s; }

/* ================================================================
   MOBILE STICKY CTA
   ================================================================ */
.sticky-cta { display: none; position: fixed; bottom: 64px; left: 0; right: 0; z-index: 999; padding: 0 16px; pointer-events: none; }
@media (max-width: 768px) { .sticky-cta { display: block; } }
.sticky-cta-inner {
  display: flex; gap: 8px; pointer-events: all;
  background: rgba(9,9,11,0.88); backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--r-lg); padding: 10px;
}
.sticky-cta a {
  flex: 1; padding: 10px; border-radius: var(--r-md);
  font-size: 13px; font-weight: 600; text-align: center; transition: var(--t);
}
.sticky-cta-shop { background: var(--p); color: #fff; }
.sticky-cta-bid  { background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.1); }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1199px) {
  .hero-grid { gap: 36px; }
}

@media (max-width: 991px) {
  .hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .h-visual  { order: -1; }
  .h-frame .h-slide, .hero-gradient-img { height: 260px; }
  .h-sub { max-width: 100%; }
  .hero-inner { padding: 48px 0 56px; }
  .cat-sec, .prod-sec, .auc-sec, .why-sec, .win-sec, .app-sec, .nl-sec { padding: 56px 0; }
  .app-mockup { max-width: 360px; margin: 0 auto; }
}

@media (max-width: 767px) {
  .hero-inner { padding: 36px 0 44px; }
  .hero-grid  { gap: 18px; }
  .h-ctas { flex-direction: column; }
  .h-ctas .btn-x { width: 100%; justify-content: center; }
  .h-stats { flex-wrap: wrap; gap: 6px 0; }
  .h-stat  { padding: 0 14px; }
  .t-item  { padding: 12px 16px; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .nl-form  { flex-direction: column; }
  .nl-card  { padding: 36px 20px; }
  .app-btns { justify-content: center; }
  .asb      { flex: 1; min-width: 130px; justify-content: center; }
  .app-mockup { max-width: 100%; }
}

@media (max-width: 480px) {
  .hero-inner  { padding: 24px 0 32px; }
  .h-title     { font-size: 28px; letter-spacing: -0.75px; }
  .h-sub       { font-size: 14px; margin-bottom: 22px; }
  .h-ctas      { margin-bottom: 28px; }
  .h-stat-n    { font-size: 18px; }
  .h-stat      { padding: 0 10px; }
  .h-frame .h-slide, .hero-gradient-img { height: 200px; }
  .t-item span { display: none; }
  .t-item      { padding: 10px 12px; }
  .cat-grid    { grid-template-columns: repeat(2, 1fr); gap: 7px; }
  .cat-card    { padding: 16px 10px 12px; }
  .cat-img-box { width: 50px; height: 50px; }
  .nl-card     { padding: 28px 14px; }
  .feat-card   { padding: 20px 18px; }
  .pc-img      { height: 170px; }
  .cat-sec, .prod-sec, .auc-sec, .why-sec, .win-sec, .app-sec, .nl-sec { padding: 44px 0; }
}