:root{
  --bg:#f3f1ec;
  --bg-soft:#ede9e0;
  --surface:#ffffff;
  --surface-2:#faf8f3;
  --surface-dark:#0e1628;
  --surface-dark-2:#121f37;
  --text:#121826;
  --muted:#6b7280;
  --line:#e7e1d5;
  --line-strong:#d8cfbf;
  --accent:#c8a76a;
  --accent-strong:#ad8750;
  --accent-soft:#f4ebdd;
  --success:#166534;
  --danger:#9f1239;
  --shadow:0 20px 40px rgba(17,24,39,.07);
  --shadow-soft:0 12px 30px rgba(17,24,39,.05);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f5f3ee 0%,#efebe2 100%);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%}
button,input,textarea,select{font:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.main-space{padding:32px 0 56px}
.site-shell{min-height:100vh}
.muted{color:var(--muted)}
.muted-light{color:rgba(255,255,255,.72)}
.small{font-size:13px}
.full-span{grid-column:1/-1}
.mb-0{margin-bottom:0}
.mb-3{margin-bottom:18px}
.mb-4{margin-bottom:28px}

.topbar{position:sticky;top:0;z-index:90;background:rgba(11,17,30,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px rgba(3,7,18,.18)}
.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}
.brand{display:flex;align-items:center;gap:16px;color:#fff;min-width:0}
.brand-mark{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent),#f0d9a8);color:#2b2214;font-size:28px;font-weight:900;box-shadow:0 16px 28px rgba(200,167,106,.28)}
.brand-copy{min-width:0}
.brand-label{display:inline-block;color:#d9c29a;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.brand h1{margin:0;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-1.4px}
.brand p{margin:6px 0 0;color:rgba(255,255,255,.64);font-size:14px}
.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-links a{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;color:rgba(255,255,255,.88);font-weight:700;transition:.18s ease}
.nav-links a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--accent);color:#221b10;font-size:12px;font-weight:900}

.alert{padding:14px 16px;border-radius:18px;margin-bottom:18px;font-weight:700;border:1px solid transparent}
.alert.success{background:#ecfdf3;color:#166534;border-color:#c9edd7}
.alert.error{background:#fff0f0;color:#991b1b;border-color:#f4c7c7}

.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;color:#15110c;background:linear-gradient(135deg,var(--accent),#e5cc9b);box-shadow:0 14px 26px rgba(200,167,106,.24)}
.btn:hover,button:hover{transform:translateY(-1px)}
.btn.ghost,button.ghost,.btn.light,button.light,.btn.secondary,button.secondary{background:transparent;color:var(--text);box-shadow:none;border:1px solid var(--line-strong)}
.btn.danger,button.danger{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;box-shadow:none}
.btn.success,button.success{background:linear-gradient(135deg,#166534,#22c55e);color:#fff;box-shadow:none}
.dark-ghost{background:#fff;color:var(--text)!important;border:1px solid var(--line)!important}
.stacked-actions .btn,.compact-actions .btn{flex:1}

.hero-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.premium-hero{margin-bottom:22px}
.hero-main{position:relative;overflow:hidden;border-radius:36px;padding:42px;background:radial-gradient(circle at top left,rgba(200,167,106,.18),transparent 28%),linear-gradient(145deg,#0d1423 0%,#162238 55%,#111827 100%);color:#fff;box-shadow:0 28px 55px rgba(3,7,18,.2)}
.hero-main:before{content:"";position:absolute;inset:auto -60px -70px auto;width:260px;height:260px;border-radius:50%;background:rgba(200,167,106,.08)}
.hero-main>*{position:relative;z-index:1}
.hero-chip,.soft-label{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#f2e2bf;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero-main h2{margin:18px 0 14px;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-2.4px;max-width:740px}
.hero-main p{max-width:650px;margin:0;font-size:17px;line-height:1.75;color:rgba(255,255,255,.76)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.compact-stats .hero-stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.hero-stat strong{display:block;font-size:28px;margin-bottom:6px;color:#fff}
.hero-stat span{color:rgba(255,255,255,.62);font-size:13px}
.hero-aside{display:grid;gap:16px}
.premium-card,.premium-panel-card,.auth-card,.auth-side-panel,.summary-card,.featured-card,.trust-card,.filters-card,.card,.info-card,.admin-stat,.promo-item,.product-card,.product-row,.admin-item{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.56);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.premium-card{padding:26px;background:linear-gradient(180deg,#151f33 0%,#101826 100%);color:#fff;border-color:rgba(255,255,255,.08)}
.full-height{height:100%}
.premium-card h3{margin:14px 0 10px;font-size:34px;letter-spacing:-1.2px}
.premium-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.premium-list li{position:relative;padding-left:20px;color:rgba(255,255,255,.76);line-height:1.6}
.premium-list li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.premium-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mini-stat-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-soft)}
.mini-stat-card span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.mini-stat-card strong{font-size:24px;letter-spacing:-.6px}

.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trust-card{padding:24px}
.trust-kicker{display:inline-flex;padding:8px 11px;border-radius:999px;background:var(--accent-soft);color:#725627;font-weight:900;font-size:12px;margin-bottom:18px}
.trust-card h3{margin:0 0 8px;font-size:28px;letter-spacing:-.8px}
.trust-card p{margin:0;line-height:1.7}

.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 18px}
.soft-section-head{margin-bottom:20px}
.compact-head h2{font-size:34px}
.section-head h2{margin:8px 0 0;font-size:clamp(32px,4vw,44px);letter-spacing:-1.5px}
.section-head p{margin:6px 0 0}
.pill,.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:#725627;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.badge-dark{background:#131d30;color:#f1ddbb}
.filters-card,.card,.premium-panel-card,.auth-card,.summary-card,.info-card{padding:24px}
.filters-grid{display:grid;grid-template-columns:1fr 240px auto;gap:12px;align-items:end}
label{display:block;font-size:13px;font-weight:700;color:#564d40;margin-bottom:8px}
input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px 16px;color:var(--text);outline:none;transition:border-color .16s ease, box-shadow .16s ease}
input:focus,textarea:focus,select:focus{border-color:#d3b37a;box-shadow:0 0 0 4px rgba(200,167,106,.12)}
textarea{min-height:140px;resize:vertical}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;color:#3f3a34}
.chip.active{background:#181d2a;color:#fff;border-color:#181d2a}

.featured-grid,.grid-products,.category-showcase,.admin-stats{display:grid;gap:20px}
.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.featured-card{overflow:hidden;padding:0}
.featured-media{padding:18px 18px 0}
.featured-media img{display:block;width:100%;height:250px;object-fit:cover;border-radius:24px;background:#e9e5db}
.featured-body{padding:20px}
.featured-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.featured-body h3{margin:0 0 10px;font-size:30px;letter-spacing:-.8px}
.featured-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.featured-meta span{display:inline-flex;padding:8px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;font-weight:700;color:#554a38}
.featured-footer,.product-footer-row{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.price-stack{display:grid;gap:4px}
.price-main{font-size:30px;font-weight:900;letter-spacing:-.9px}
.price-old{text-decoration:line-through;color:#9ca3af;font-weight:700}
.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-product-card{overflow:hidden;padding:0;background:rgba(255,255,255,.86)}
.premium-media{padding:16px 16px 0;position:relative}
.product-card .media img,.premium-media img{display:block;width:100%;height:260px;object-fit:cover;border-radius:24px;background:#ebe7de}
.ribbon{position:absolute;top:30px;left:30px;padding:8px 12px;border-radius:999px;background:#111827;color:#f7e8c8;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.product-body{padding:18px 18px 20px;display:grid;gap:14px}
.product-top h3,.product-body h3{margin:4px 0 0;font-size:30px;letter-spacing:-1px}
.product-sub{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b6a33}
.card-copy{margin:0;color:#4b5563;line-height:1.7}
.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.compact-meta-grid .meta-item{padding:14px;border-radius:18px}
.meta-item,.spec-card,.category-row,.preview-box{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px}
.meta-item span,.spec-card span,.mini-stat-card span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b6a33;margin-bottom:6px}
.meta-item strong,.spec-card strong{font-size:15px}
.product-actions{display:flex;gap:10px;flex-wrap:wrap}
.product-actions .btn{min-height:48px}

.detail-hero{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;padding:0 4px}
.detail-hero h2{margin:10px 0 0;font-size:clamp(34px,5vw,52px);letter-spacing:-1.6px}
.detail-hero-copy{max-width:720px;line-height:1.8;font-size:16px}
.detail-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:420px}
.detail-hero-meta div{padding:16px 18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.56);border-radius:18px;box-shadow:var(--shadow-soft)}
.detail-hero-meta span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b6a33;margin-bottom:6px}
.detail-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
.gallery-shell{display:grid;gap:12px}
.premium-gallery-main img,.gallery-main img{display:block;width:100%;height:520px;object-fit:cover;border-radius:30px;background:#ece8de;box-shadow:var(--shadow)}
.gallery-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gallery-strip img{width:100%;height:100px;object-fit:cover;border-radius:18px;background:#ece8de}
.premium-info-card{position:sticky;top:112px;align-self:start}
.info-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.detail-price-box{margin-bottom:22px}
.detail-actions{margin:18px 0 22px}
.detail-block{padding-top:10px;border-top:1px solid var(--line)}
.detail-block h3{margin:0 0 12px;font-size:22px;letter-spacing:-.6px}
.feature-list,.note-list,.premium-list-view{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.premium-list-view li{padding:14px 16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);line-height:1.6}
.detail-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.info-desc{line-height:1.85;color:#384152;font-size:16px}
.delivery-steps{display:grid;gap:12px}
.delivery-step{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.delivery-step strong{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#131d30;color:#f1ddbb;flex-shrink:0}

.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8b6a33;background:var(--surface-2)}
.premium-table tbody tr:hover{background:rgba(250,248,243,.72)}

.auth-shell{display:grid;grid-template-columns:1fr .9fr;gap:20px;max-width:1080px;margin:0 auto}
.wide-auth-shell{max-width:1180px}
.auth-card h2{margin:10px 0 8px;font-size:38px;letter-spacing:-1.2px}
.stacked-form{display:grid;gap:14px}
.auth-side-panel{padding:0;overflow:hidden}
.summary-card h3{margin:14px 0 8px;font-size:30px;letter-spacing:-.9px}
.summary-total{font-size:42px;font-weight:900;letter-spacing:-1.6px;margin:12px 0 16px}
.summary-lines,.summary-list{display:grid;gap:12px}
.summary-lines div,.summary-list div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.delivery-header-lines div{padding:0 0 14px}
.summary-lines div:last-child,.summary-list div:last-child{border-bottom:none}
.summary-lines span,.summary-list span{color:var(--muted)}
.code-box{white-space:pre-wrap;padding:18px;border-radius:22px;background:#0f172a;color:#f8fafc;border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.7}
.premium-code-box{box-shadow:0 20px 36px rgba(2,6,23,.18)}

.stats,.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}
.admin-stat{padding:22px}
.admin-stat p{margin:0;color:var(--muted)}
.admin-stat h3{margin:10px 0 0;font-size:30px;letter-spacing:-.9px}
.split-layout,.split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.stack{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.product-row{display:flex;gap:14px;align-items:flex-start;padding:16px}
.product-row img{width:128px;height:128px;object-fit:cover;border-radius:20px;background:#ebe7de}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-box{display:flex;gap:12px;align-items:center}
.preview-box img{width:78px;height:78px;border-radius:18px;object-fit:cover;background:#ebe7de}
.status{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.waiting{background:#ececec;color:#3f3f46}.preparing{background:#fff4db;color:#925f00}.delivered{background:#e9faef;color:#166534}.cancelled{background:#fff0f0;color:#b91c1c}
.empty{padding:24px;border:1px dashed var(--line-strong);border-radius:22px;background:rgba(255,255,255,.66);text-align:center;color:var(--muted)}
.footer{padding:26px 0 40px;border-top:1px solid rgba(17,24,39,.06);margin-top:30px}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer-brand{font-size:20px;font-weight:900;letter-spacing:-.8px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:#4b5563;font-weight:600}

@media (max-width:1180px){
  .hero-shell,.detail-layout,.detail-content-grid,.featured-grid,.grid-products,.trust-row,.split-layout,.split,.auth-shell,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-aside,.premium-info-card,.summary-card,.auth-side-panel{position:static}
  .filters-grid{grid-template-columns:1fr 1fr}
  .filters-grid button{grid-column:1/-1}
  .detail-hero{flex-direction:column;align-items:flex-start}
  .detail-hero-meta{min-width:0;width:100%}
}
@media (max-width:900px){
  .topbar-row,.footer-row{flex-direction:column;align-items:flex-start}
  .hero-shell,.trust-row,.featured-grid,.grid-products,.detail-layout,.detail-content-grid,.split-layout,.split,.auth-shell,.form-grid,.category-grid,.admin-stats,.filters-grid,.meta-grid,.spec-grid{grid-template-columns:1fr}
  .gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-hero-meta{grid-template-columns:1fr}
  .product-row{flex-direction:column}
  .product-row img{width:100%;height:240px}
  .hero-main h2{font-size:40px}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .topbar-row{min-height:84px}
  .brand h1{font-size:34px}
  .brand-mark{width:48px;height:48px;font-size:24px;border-radius:16px}
  .hero-main{padding:30px}
  .hero-main h2{font-size:34px;letter-spacing:-1.6px}
  .product-card .media img,.premium-media img{height:220px}
  .premium-gallery-main img,.gallery-main img{height:340px}
  .auth-card h2,.section-head h2,.detail-hero h2{font-size:30px}
  .summary-total{font-size:34px}
}


.simple-brand .brand-copy h1{font-size:clamp(30px,2.8vw,40px)}
.simple-brand .brand-copy p,.simple-brand .brand-label{display:none !important}
.home-store-top{margin-top:8px}
@media (max-width:900px){.topbar-row{min-height:78px}.simple-brand .brand-mark{width:48px;height:48px;border-radius:16px;font-size:24px}}


/* refined premium homepage */
.refined-topbar{background:linear-gradient(180deg,rgba(12,18,31,.96) 0%, rgba(17,25,42,.92) 100%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 14px 34px rgba(2,6,23,.18)}
.refined-topbar-row{min-height:98px}
.refined-brand{gap:14px}
.refined-brand .brand-copy{display:grid;gap:2px}
.refined-brand .brand-copy h1{font-size:clamp(32px,3vw,42px);line-height:1;letter-spacing:-1.2px}
.refined-brand .brand-copy p{display:block !important;margin:0;color:rgba(255,255,255,.60);font-size:13px}
.refined-eyebrow{display:block;color:#d4b377;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.refined-nav-links a{padding:12px 16px;border-radius:999px;font-size:15px}
.refined-nav-links a:hover{background:rgba(255,255,255,.06)}
.refined-main-space{padding-top:40px}

.refined-store-hero{padding:20px 20px 18px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.90) 0%, rgba(251,249,244,.95) 100%);box-shadow:0 18px 44px rgba(15,23,42,.08);border:1px solid rgba(216,207,191,.55)}
.refined-store-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.refined-store-copy{padding:10px 8px 10px 4px}
.premium-pill{background:var(--accent-soft);color:#8a6530;border:1px solid rgba(200,167,106,.24)}
.refined-store-copy h2{margin:16px 0 12px;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-1.8px;max-width:760px}
.refined-hero-copy{max-width:760px;font-size:16px;line-height:1.85}
.refined-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.refined-mini-stats div{padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#1a2740 0%, #101827 100%);border:1px solid rgba(255,255,255,.04);box-shadow:0 12px 28px rgba(2,6,23,.14)}
.refined-mini-stats strong{display:block;color:#fff;font-size:24px;letter-spacing:-.8px;margin-bottom:4px}
.refined-mini-stats span{display:block;color:rgba(255,255,255,.64);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.refined-filters-grid{grid-template-columns:1.35fr .7fr auto;align-items:end;background:linear-gradient(180deg,#fff 0%, #fcfaf6 100%);border:1px solid var(--line);padding:18px;border-radius:24px;box-shadow:var(--shadow-soft)}
.refined-filters-grid .field{display:grid;gap:8px}
.refined-filters-grid .field-wide{grid-column:auto}
.refined-filters-grid label{font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:#8a6530}
.refined-filters-grid input,.refined-filters-grid select{min-height:54px;border-radius:18px;border:1px solid var(--line);padding:0 16px;background:#fff;box-shadow:none}
.refined-filters-grid button{min-height:54px;padding:0 22px}
.refined-chip-row{margin-top:16px}
.refined-chip-row .chip{padding:11px 16px;background:#fbfaf7;border:1px solid var(--line);font-weight:800;color:#473c2e}
.refined-chip-row .chip.active{background:#151b28;color:#fff;border-color:#151b28}

.refined-products-section{margin-top:10px}
.refined-section-head{margin-bottom:18px;padding:0 4px}
.refined-section-head h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.2px}
.refined-badge-count{background:#151b28;color:#e7d2a6;border:none;box-shadow:none}
.refined-grid-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.refined-product-card{border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.97) 0%, rgba(249,246,240,.94) 100%);border:1px solid rgba(216,207,191,.6);box-shadow:0 18px 36px rgba(15,23,42,.07);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.refined-product-card:hover{transform:translateY(-4px);box-shadow:0 28px 48px rgba(15,23,42,.11);border-color:rgba(200,167,106,.45)}
.refined-media{display:block;padding:18px 18px 0}
.refined-media img{height:300px;border-radius:22px;object-fit:cover;background:#ece7dc}
.refined-product-body{padding:18px 18px 20px;gap:16px}
.refined-product-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.refined-product-top h3{font-size:28px;line-height:1.05;letter-spacing:-1px;margin-top:6px}
.product-region{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#f3ebdf;border:1px solid rgba(200,167,106,.22);font-size:12px;font-weight:800;color:#8a6530;white-space:nowrap}
.refined-card-copy{min-height:68px;color:#4b5563;line-height:1.75}
.refined-meta-grid{gap:12px}
.refined-meta-grid .meta-item{padding:14px 15px;border-radius:18px;background:#fcfaf6}
.refined-footer-row{display:grid;gap:14px}
.refined-price-stack{align-items:start}
.refined-price-stack .price-main{font-size:34px;letter-spacing:-1.2px;color:#121826}
.refined-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.refined-product-actions .btn{min-height:50px}
.refined-product-actions .dark-ghost{background:#fff;color:#182132 !important;border:1px solid var(--line-strong) !important}

@media (max-width:1180px){
  .refined-store-grid{grid-template-columns:1fr}
  .refined-filters-grid{grid-template-columns:1fr 1fr auto}
}
@media (max-width:900px){
  .refined-brand .brand-copy p{display:none !important}
  .refined-store-copy h2{font-size:34px}
  .refined-mini-stats{grid-template-columns:1fr}
  .refined-filters-grid,.refined-grid-products,.refined-product-actions{grid-template-columns:1fr}
  .refined-media img{height:240px}
}

/* LES spin system */
.spin-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;overflow:hidden;background:radial-gradient(circle at top left, rgba(212,179,119,.10), transparent 35%), linear-gradient(135deg,#0e1729 0%, #13223f 55%, #0b1220 100%);color:#f8fafc;border-color:rgba(255,255,255,.08)}
.spin-hero .pill{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.1);color:#f5d49b}
.spin-hero h2{margin:12px 0 10px;font-size:clamp(36px,5vw,56px);letter-spacing:-1.8px;color:#fff}
.spin-hero p{color:rgba(248,250,252,.76);font-size:16px;line-height:1.85}
.spin-price-row{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
.spin-price-row div{min-width:180px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.spin-price-row span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d4b377;font-weight:800;margin-bottom:8px}
.spin-price-row strong{font-size:26px;font-weight:900;letter-spacing:-1px}
.campaign-switches{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.campaign-chip{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-weight:800}
.campaign-chip.active{background:linear-gradient(135deg,#d9bc82,#b48a45);color:#121826;border-color:transparent}
.spin-machine-box{display:grid;justify-items:center;gap:18px;padding:18px}
.spin-core-ring{width:min(320px,100%);aspect-ratio:1/1;border-radius:50%;padding:22px;background:conic-gradient(from 180deg, rgba(250,228,184,.15), rgba(191,144,69,.9), rgba(250,228,184,.15));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.28)}
.spin-core-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#f5d49b 0%, #c6933f 34%, #1b2439 36%, #0f172a 100%);color:#fff;font-size:40px;font-weight:900;letter-spacing:-1px;box-shadow:inset 0 0 50px rgba(0,0,0,.35)}
.large-spin-btn{min-width:220px;min-height:56px;font-size:17px;box-shadow:0 20px 40px rgba(8,15,30,.24)}
.spin-result-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.86))}
.spin-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.result-highlight{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:18px;border-radius:24px;background:var(--surface-2);border:1px solid var(--line)}
.result-highlight img{width:140px;height:140px;object-fit:cover;border-radius:20px;background:#ebe7de}
.round-block + .round-block{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.round-title{display:inline-flex;margin-bottom:14px;padding:10px 14px;border-radius:999px;background:#0f172a;color:#f5d49b;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.spin-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.spin-item-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}
.spin-item-media{padding:14px 14px 0;position:relative}
.spin-item-media img{display:block;width:100%;height:180px;object-fit:cover;border-radius:20px;background:#ece8de}
.spin-item-body{padding:16px;display:grid;gap:10px}
.spin-item-body h3{margin:0;font-size:24px;letter-spacing:-.8px}
.spin-badges{display:flex;flex-wrap:wrap;gap:8px}
.spin-badges span{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;font-weight:800;color:#554a38}
.admin-spin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-admin-spin-card .spin-item-media img{height:150px}
@media (max-width:1100px){.spin-hero,.spin-result-grid{grid-template-columns:1fr}.spin-item-grid,.admin-spin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.spin-item-grid,.admin-spin-grid{grid-template-columns:1fr}.result-highlight{grid-template-columns:1fr}.result-highlight img{width:100%;height:220px}}

/* LES v2 */
.les-headline{margin-bottom:18px}
.advanced-spin-hero{position:relative;overflow:hidden}
.advanced-spin-box{position:relative}
.round-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.round-step-chip{display:inline-flex;padding:10px 14px;border:1px solid rgba(212,179,119,.35);border-radius:999px;color:#f2d9a5;background:rgba(255,255,255,.03);font-weight:700}
.round-step-chip:hover{background:rgba(212,179,119,.12)}
.spin-core-stage{position:relative;display:grid;gap:18px;justify-items:center;--spin-preview-image:none}
.spin-machine-preview{display:grid;grid-template-columns:repeat(3,80px);gap:10px}
.spin-mini-item{width:80px;height:80px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0e1729}
.spin-mini-item img{width:100%;height:100%;object-fit:cover;display:block}
.spin-core-ring{position:relative;transition:transform .35s ease, box-shadow .35s ease}
.spin-core-ring.is-spinning{animation:spinMachineRotate .9s linear infinite;box-shadow:0 0 0 8px rgba(212,179,119,.06),0 18px 40px rgba(0,0,0,.35)}
.spin-core-inner{min-width:160px;min-height:160px;padding:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:28px;font-weight:900;line-height:1.1;background:radial-gradient(circle at center,#f4cf87 0,#d2a655 34%,#6f4c16 68%,#17110a 100%);color:#1a1208;box-shadow:inset 0 6px 18px rgba(255,255,255,.25),0 12px 25px rgba(0,0,0,.32)}
.large-spin-btn[disabled]{opacity:.6;cursor:not-allowed}
.advanced-result-card .result-highlight img{border-radius:20px;max-width:160px}
.advanced-round-card{scroll-margin-top:90px}
.advanced-round-block{padding-top:10px;border-top:1px solid rgba(15,23,42,.08)}
.advanced-round-block:first-child{border-top:0;padding-top:0}
.advanced-spin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.compact-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inventory-card{padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff}
.inventory-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.inventory-card h3{margin:0 0 8px}
.inventory-status{font-size:12px;text-transform:uppercase}
.status.pending{background:#fff7ed;color:#9a3412}
.status.approved,.status.delivered,.status.applied,.status.ready{background:#ecfdf5;color:#065f46}
.status.rejected{background:#fef2f2;color:#991b1b}
.request-list{display:grid;gap:14px}
.request-card{padding:16px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:#fff}
.request-card.pending{box-shadow:0 0 0 1px rgba(212,179,119,.35) inset}
.request-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.request-action-form{display:grid;gap:10px;margin-top:12px}
.request-action-form textarea{min-height:84px}
.round-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.round-summary-card{padding:18px;border-radius:22px;border:1px solid rgba(15,23,42,.08);background:#fff}
.round-summary-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.round-summary-card h3{margin:14px 0 6px;font-size:30px}
.chance-perfect{box-shadow:0 0 0 1px rgba(22,163,74,.18) inset;background:linear-gradient(180deg,#ffffff,#f0fdf4)}
.chance-under{box-shadow:0 0 0 1px rgba(245,158,11,.18) inset;background:linear-gradient(180deg,#ffffff,#fffbeb)}
.chance-over{box-shadow:0 0 0 1px rgba(239,68,68,.18) inset;background:linear-gradient(180deg,#ffffff,#fef2f2)}
.small-pill{padding:6px 10px;font-size:11px}
@keyframes spinMachineRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (max-width:1100px){.advanced-spin-grid,.round-summary-grid,.inventory-grid,.compact-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.spin-machine-preview{grid-template-columns:repeat(3,56px)}.spin-mini-item{width:56px;height:56px}.advanced-spin-grid,.round-summary-grid,.inventory-grid,.compact-inventory-grid{grid-template-columns:1fr}.request-head{flex-direction:column}}

/* LES screenshot-like rebuild */
.les-replica-page{display:grid;gap:20px}
.les-arena{padding:22px 22px 26px;background:
  radial-gradient(circle at 20% 35%, rgba(255,160,0,.14), transparent 28%),
  radial-gradient(circle at 72% 12%, rgba(255,170,40,.12), transparent 24%),
  linear-gradient(180deg,#2b1708 0%,#160d06 55%,#0c0906 100%);
  border:1px solid rgba(226,159,55,.18);
  box-shadow:0 24px 60px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,180,70,.04);
  color:#fdf7ec;
  overflow:hidden
}
.les-arena__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,197,111,.12)}
.les-arena__brand h2{margin:10px 0 6px;font-size:40px;letter-spacing:-1.4px;color:#ffd280}
.les-arena__brand p{margin:0;color:rgba(255,239,213,.72);max-width:720px}
.les-arena__meta{display:flex;gap:12px;flex-wrap:wrap}
.les-arena__meta div{min-width:160px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,193,77,.12)}
.les-arena__meta span{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#f5b452;text-transform:uppercase;margin-bottom:8px}
.les-arena__meta strong{display:block;font-size:24px;line-height:1;color:#fff3d7}
.les-round-tabs{display:flex;justify-content:flex-end;gap:10px;padding:18px 0 14px;flex-wrap:wrap}
.les-round-tab{min-width:86px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,189,87,.18);color:rgba(255,233,197,.82);box-shadow:none}
.les-round-tab span{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.les-round-tab strong{display:block;margin-top:4px;font-size:28px;line-height:1}
.les-round-tab.is-active{background:linear-gradient(180deg,#2c1a0a,#110a05);border-color:#f0b762;box-shadow:0 0 0 1px rgba(255,196,104,.2), 0 8px 22px rgba(0,0,0,.25);color:#fff2cf}
.les-round-tab.is-disabled{opacity:.38}
.les-arena__body{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:start}
.les-machine-panel{display:grid;gap:18px;align-content:start;min-height:100%}
.les-machine-stage{position:relative;min-height:520px;border-radius:28px;background:
  radial-gradient(circle at center, rgba(255,183,79,.08) 0, rgba(255,183,79,.04) 24%, transparent 25%),
  radial-gradient(circle at center, rgba(255,183,79,.06) 0, rgba(255,183,79,.03) 43%, transparent 44%),
  radial-gradient(circle at 50% 50%, rgba(255,183,79,.11), transparent 68%);
  overflow:hidden;border:1px solid rgba(255,190,96,.12)}
.les-machine-decor{position:absolute;border-radius:999px;border:1px solid rgba(255,183,79,.14);pointer-events:none}
.les-machine-decor--one{width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}
.les-machine-decor--two{width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%)}
.les-machine-decor--three{width:520px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%)}
.les-machine-hex{position:absolute;left:50%;top:50%;width:min(360px,80%);aspect-ratio:1/1;transform:translate(-50%,-50%);display:grid;place-items:center;background:linear-gradient(180deg,#2f2318,#120d08);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);box-shadow:0 24px 40px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,191,94,.12)}
.les-machine-ring{width:66%;aspect-ratio:1/1;border-radius:999px;display:grid;place-items:center;background:conic-gradient(from 0deg, rgba(255,211,126,.1), #ffca6f 15%, rgba(255,223,156,.18) 40%, #bb6d11 62%, #ffd280 82%, rgba(255,211,126,.12));padding:16px;box-shadow:0 0 0 12px rgba(255,196,104,.04), 0 0 40px rgba(255,172,47,.18)}
.les-machine-ring.is-spinning{animation:lesSpinRing 1s linear infinite}
.les-machine-core{width:100%;height:100%;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 35% 32%, #fff3c8 0, #ffd46e 16%, #ffaf17 38%, #ce6d00 62%, #5d2800 84%, #130a04 100%);box-shadow:inset 0 0 22px rgba(255,255,255,.18), inset 0 -16px 22px rgba(0,0,0,.28)}
.les-machine-copy{padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,196,104,.12)}

.les-core-form{width:100%;height:100%;display:grid;place-items:center}
.les-core-spin-button{width:100%;height:100%;border:none;border-radius:999px;background:transparent;display:grid;place-items:center;gap:6px;color:#fff8e8;font:inherit;cursor:pointer;padding:0;position:relative;z-index:2}
.les-core-spin-button__label{font-size:42px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 14px rgba(255,255,255,.18), 0 8px 18px rgba(0,0,0,.35)}
.les-core-spin-button small{display:block;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#ffe0a0;opacity:.95}
.les-core-spin-button:hover .les-core-spin-button__label{transform:scale(1.03)}
.les-core-spin-button[disabled]{cursor:not-allowed;opacity:.88}
.les-core-spin-link{text-decoration:none;display:grid;place-items:center;width:100%;height:100%;}
.les-core-spin-link:focus-visible{outline:2px solid rgba(255,221,161,.8);outline-offset:6px;border-radius:999px}
.les-core-spin-button[disabled] small{letter-spacing:.12em}
.les-machine-actions--single .btn{min-width:220px}
.les-machine-copy h3{margin:0 0 10px;font-size:24px;line-height:1.35;color:#fff1c7}
.les-machine-copy p{margin:0;color:rgba(255,237,208,.72);line-height:1.7}
.les-machine-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.les-machine-actions .btn{min-width:170px}
.les-balance-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:rgba(255,195,90,.11);border:1px solid rgba(255,195,90,.18);color:#ffe4ab;font-weight:700}
.les-rewards-panel{display:grid;gap:18px}
.les-round-board{display:none;padding:18px;border-radius:24px;background:rgba(8,5,3,.46);border:1px solid rgba(255,185,83,.12)}
.les-round-board.is-visible{display:block}
.les-round-board__title{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:#0c0705;border:1px solid rgba(255,184,80,.24);color:#ffd387;font-size:13px;font-weight:900;letter-spacing:.12em}
.les-round-board__title span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:linear-gradient(180deg,#ffc560,#ff9813);color:#381600;box-shadow:0 6px 12px rgba(255,158,19,.2)}
.les-prize-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.les-prize-card{display:grid;gap:8px;padding:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,188,89,.09);border-radius:14px}
.les-prize-thumb{aspect-ratio:1.25/1;border-radius:10px;overflow:hidden;background:#120b06}
.les-prize-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.les-prize-card__meta strong{display:block;font-size:12px;color:#fff1d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.les-prize-card__meta span{display:block;font-size:11px;color:#d8af69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.les-win-card{background:linear-gradient(180deg,#ffffff,#f8f4ed)}
.les-win-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.les-win-item{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff}
.les-win-item img{width:140px;height:140px;object-fit:cover;border-radius:18px;background:#efe9dd}
@keyframes lesSpinRing{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (max-width:1180px){.les-arena__body,.les-win-grid{grid-template-columns:1fr}.les-prize-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:820px){.les-arena{padding:18px}.les-arena__header{flex-direction:column;align-items:flex-start}.les-round-tabs{justify-content:flex-start}.les-machine-stage{min-height:420px}.les-prize-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.les-win-item{grid-template-columns:1fr}.les-win-item img{width:100%;height:220px}}
@media (max-width:560px){.les-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.les-round-tab{min-width:74px;padding:9px 12px}.les-round-tab strong{font-size:22px}.les-machine-core{font-size:34px}}

/* LES v3 refined layout */
.les-arena--integrated{padding-bottom:22px}
.les-arena__body--top-result{grid-template-columns:.84fr 1.16fr;gap:18px;align-items:start}
.les-arena__meta{align-items:center}
.les-meta-button{min-height:56px;padding:0 22px;white-space:nowrap}
.les-machine-stage{min-height:430px}
.les-machine-panel{gap:12px}
.les-machine-copy--clean{padding:16px 18px;background:rgba(255,255,255,.035)}
.les-machine-copy--clean h3{margin:0;font-size:22px;line-height:1.42;color:#fff1c7}
.les-machine-copy--clean p,.les-balance-badge{display:none !important}
.les-machine-actions{display:none !important}
.les-rewards-panel--with-result{gap:14px}
.les-round-board{padding:16px 16px 14px}
.les-prize-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.les-prize-card{position:relative;gap:7px;padding:7px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,188,89,.12);transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
.les-prize-card::after{content:'';position:absolute;inset:-2px;border-radius:14px;border:1px solid transparent;pointer-events:none}
.les-prize-thumb{aspect-ratio:1/1;border-radius:9px;background:#140b06}
.les-prize-thumb img{object-fit:cover}
.les-prize-card__meta strong{font-size:11px;color:#fff3db}
.les-prize-card__meta span{font-size:10px;letter-spacing:.02em;color:#ddb16a}
.les-prize-card.is-cycling{transform:translateY(-2px);border-color:#ffcf74;box-shadow:0 0 0 1px rgba(255,205,110,.22),0 0 26px rgba(255,170,52,.18)}
.les-prize-card.is-cycling::after{border-color:rgba(255,214,130,.55)}
.les-prize-card.is-winner{transform:translateY(-2px) scale(1.02);border-color:#ffd98e;box-shadow:0 0 0 1px rgba(255,215,135,.36),0 0 0 4px rgba(255,182,60,.10),0 0 34px rgba(255,171,34,.28)}
.les-prize-card.is-winner::after{border-color:#ffdf9f}
.les-live-result{min-height:214px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(14,8,5,.92),rgba(8,5,3,.82));border:1px solid rgba(255,187,87,.14);display:grid;align-items:center}
.les-live-result__empty h3{margin:12px 0 8px;color:#fff2d3;font-size:28px;letter-spacing:-1px}
.les-live-result__empty p{margin:0;color:rgba(255,232,194,.70);max-width:520px;line-height:1.7}
.les-live-result__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.les-live-result__head strong{font-size:26px;letter-spacing:-.8px;color:#fff2d3}
.les-live-result__body{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:start}
.les-live-result__item{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,189,88,.09)}
.les-live-result__item img{width:120px;height:120px;object-fit:cover;border-radius:16px;background:#16100b}
.les-live-result__item h3{margin:6px 0 6px;color:#fff2d8;font-size:26px;letter-spacing:-.9px}
.les-live-result__item p{margin:0;color:rgba(255,230,190,.72);line-height:1.6}
.les-live-result__delivery .empty,.les-live-result__delivery .code-box{height:100%}
.les-live-result__delivery .small-empty{min-height:120px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.03);border-style:solid;color:rgba(255,229,191,.74)}
.les-core-spin-button__label{font-size:38px}
.les-machine-ring{transition:transform .18s ease, box-shadow .18s ease}
.les-core-spin-button:hover + *{}
.les-machine-stage:hover .les-machine-ring{transform:scale(1.015);box-shadow:0 0 0 12px rgba(255,196,104,.05),0 0 42px rgba(255,172,47,.2)}
@media (max-width:1180px){
  .les-arena__body--top-result,.les-live-result__body{grid-template-columns:1fr}
  .les-prize-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:900px){
  .les-arena__meta{width:100%}
  .les-meta-button{width:100%;justify-content:center}
  .les-prize-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .les-live-result__item{grid-template-columns:1fr}
  .les-live-result__item img{width:100%;height:220px}
}
@media (max-width:560px){
  .les-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .les-live-result__head{align-items:flex-start;flex-direction:column}
}


/* === LES THEME REFINED / SITE UYUMLU === */
.les-replica-page{
  max-width:1140px;
  margin:0 auto;
}

.les-replica-page .split-layout{
  gap:18px;
}

.les-replica-page .card{
  box-shadow:0 16px 34px rgba(16,24,40,.06);
}

.les-arena{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 12%, rgba(94,129,255,.18), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(200,167,106,.16), transparent 24%),
    linear-gradient(135deg, #09111f 0%, #0d1a32 38%, #0b1428 72%, #070d19 100%) !important;
  border:1px solid rgba(200,167,106,.18) !important;
  box-shadow:
    0 28px 58px rgba(8,14,28,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.les-arena::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 24%),
    radial-gradient(circle at 50% 120%, rgba(200,167,106,.08), transparent 26%);
}

.les-arena__header{
  position:relative;
  z-index:1;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.les-arena__brand .pill,
.les-live-result .pill,
.les-machine-copy .pill,
.les-round-board__title{
  background:rgba(200,167,106,.12) !important;
  border-color:rgba(200,167,106,.22) !important;
  color:#e7c98e !important;
}

.les-arena__brand h2{
  color:#f7f3ea !important;
  text-shadow:0 10px 30px rgba(0,0,0,.28);
}

.les-arena__brand p{
  color:rgba(231,235,245,.72) !important;
}

.les-arena__meta div{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.les-arena__meta span{
  color:#c8a76a !important;
}

.les-arena__meta strong{
  color:#ffffff !important;
}

.les-meta-button{
  background:linear-gradient(180deg,#d9ba80,#b8904e) !important;
  color:#1b1308 !important;
  box-shadow:0 10px 24px rgba(200,167,106,.22);
}

.les-meta-button:hover{
  background:linear-gradient(180deg,#e7c98e,#c39a57) !important;
}

.les-round-tab{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.72) !important;
}

.les-round-tab.is-active{
  background:linear-gradient(180deg, rgba(217,186,128,.22), rgba(217,186,128,.08)) !important;
  border-color:rgba(217,186,128,.4) !important;
  color:#fff8ec !important;
  box-shadow:0 12px 24px rgba(8,14,28,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.les-round-tab strong{
  font-size:24px !important;
}

.les-machine-stage{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.025), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.les-machine-decor{
  border-color:rgba(105,137,255,.12) !important;
}

.les-machine-hex{
  background:linear-gradient(180deg, #111b31, #0c1426) !important;
  box-shadow:
    0 24px 42px rgba(3,7,18,.42),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.les-machine-ring{
  background:
    conic-gradient(from 0deg,
      rgba(217,186,128,.14),
      #e9cf9a 12%,
      rgba(255,255,255,.14) 28%,
      #7b8fff 45%,
      #d9ba80 70%,
      rgba(217,186,128,.12) 100%) !important;
  box-shadow:
    0 0 0 12px rgba(217,186,128,.03),
    0 0 42px rgba(105,137,255,.16) !important;
}

.les-machine-ring.is-spinning{
  filter:saturate(1.08);
}

.les-machine-core{
  background:
    radial-gradient(circle at 32% 30%, #fff6dc 0, #f7db9d 16%, #d7b069 36%, #b57d2d 58%, #4a3214 78%, #14151d 100%) !important;
  box-shadow:
    inset 0 0 24px rgba(255,255,255,.18),
    inset 0 -18px 30px rgba(0,0,0,.35),
    0 0 30px rgba(217,186,128,.14) !important;
}

.les-core-spin-button__label{
  color:#fffaf0 !important;
  text-shadow:0 10px 30px rgba(0,0,0,.34), 0 2px 10px rgba(255,255,255,.12) !important;
}

.les-core-spin-button small{
  color:#fff2cd !important;
}

.les-machine-copy{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.les-machine-copy h3{
  color:#f6f1e8 !important;
}

.les-rewards-panel{
  position:relative;
  z-index:1;
}

.les-round-board{
  background:linear-gradient(180deg, rgba(7,11,22,.54), rgba(9,13,25,.38)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.les-round-board__title{
  background:rgba(10,17,30,.84) !important;
}

.les-round-board__title span{
  background:linear-gradient(180deg,#e5c98f,#c5974d) !important;
  color:#241707 !important;
  box-shadow:0 8px 18px rgba(197,151,77,.22) !important;
}

.les-prize-card{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
}

.les-prize-card:hover{
  transform:translateY(-2px);
  border-color:rgba(200,167,106,.26) !important;
}

.les-prize-thumb{
  background:linear-gradient(180deg,#111a31,#0b1224) !important;
  border:1px solid rgba(255,255,255,.05);
}

.les-prize-card__meta strong{
  color:#f8f3e8 !important;
}

.les-prize-card__meta span{
  color:#cdb27d !important;
}

.les-prize-card.is-cycling{
  border-color:#d9ba80 !important;
  box-shadow:
    0 0 0 1px rgba(217,186,128,.3),
    0 0 24px rgba(217,186,128,.22) !important;
}

.les-prize-card.is-winner{
  border-color:#f0d9a8 !important;
  box-shadow:
    0 0 0 1px rgba(240,217,168,.44),
    0 0 0 4px rgba(217,186,128,.14),
    0 0 32px rgba(240,217,168,.24) !important;
}

.les-live-result{
  background:
    radial-gradient(circle at 100% 0%, rgba(94,129,255,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  min-height:178px !important;
}

.les-live-result__empty h3,
.les-live-result__head strong,
.les-live-result__item h3{
  color:#f7f3ea !important;
}

.les-live-result__empty p,
.les-live-result__item p{
  color:rgba(231,235,245,.72) !important;
}

.les-live-result__item{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

.les-live-result__item img{
  background:linear-gradient(180deg,#0f1830,#0a1222) !important;
}

.les-live-result__delivery .small-empty{
  background:rgba(255,255,255,.03) !important;
  color:rgba(231,235,245,.72) !important;
  border-color:rgba(255,255,255,.07) !important;
}

.premium-code-box{
  background:#0f1830 !important;
  color:#f7f1e4 !important;
  border:1px solid rgba(200,167,106,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.les-replica-page > .split-layout .card{
  background:linear-gradient(180deg, #ffffff, #fbf8f2);
  border:1px solid rgba(216,207,191,.72);
}

.les-replica-page > .split-layout .section-head .pill{
  background:rgba(200,167,106,.12);
  color:#a07c42;
  border-color:rgba(200,167,106,.18);
}

.les-replica-page > .split-layout h2{
  color:#131a28;
}

@media (max-width: 980px){
  .les-arena__body--top-result{
    grid-template-columns:1fr !important;
  }
  .les-arena__meta{
    width:100%;
  }
  .les-arena__meta > *{
    flex:1 1 180px;
  }
}


/* desktop zoom adjustment */
@media (min-width: 1200px){
  :root{--desktop-zoom-scale:.65}
  body{overflow-x:hidden}
  .site-shell{
    position:relative;
    zoom:var(--desktop-zoom-scale);
    width:calc(100% / var(--desktop-zoom-scale));
    max-width:none;
    margin-left:50%;
    transform:translateX(-50%);
  }
}

.case-page .case-machine-layout{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);
  gap:24px;
  align-items:start;
}

.case-machine-stage{
  position:relative;
  background:linear-gradient(180deg, rgba(9,16,34,.96), rgba(14,24,48,.92));
  border:1px solid rgba(214,179,97,.18);
  border-radius:28px;
  padding:28px 24px 24px;
  overflow:hidden;
  box-shadow:0 26px 60px rgba(5,10,24,.34);
}

.case-pointer{
  position:absolute;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  width:0;height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-top:20px solid #d8b06a;
  z-index:4;
}

.case-reel-window{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  padding:16px 0;
}

.case-reel-track{
  display:flex;
  gap:14px;
  will-change:transform;
}

.case-reel-card{
  flex:0 0 172px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(20,33,63,.96), rgba(14,21,39,.96));
  border:1px solid rgba(255,255,255,.08);
  padding:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.case-reel-card.is-winner{
  border-color:#d8b06a;
  box-shadow:0 0 0 2px rgba(216,176,106,.28), 0 18px 36px rgba(0,0,0,.24);
}
.case-reel-card--empty{
  background:linear-gradient(180deg, rgba(38,45,63,.95), rgba(24,27,36,.95));
}
.case-reel-card__thumb{
  height:132px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.case-reel-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.case-reel-card__thumb--empty{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01))}
.case-reel-card__meta{margin-top:12px;display:grid;gap:4px}
.case-reel-card__meta strong{font-size:15px;color:#fff}
.case-reel-card__meta span{font-size:12px;color:rgba(255,255,255,.65)}
.case-open-form{display:flex;justify-content:center;margin-top:18px}
.case-open-btn{min-width:220px}
.case-live-result{min-height:100%;}
.case-prize-grid{grid-template-columns:repeat(5,minmax(0,1fr));}

@media (max-width: 980px){
  .case-page .case-machine-layout{grid-template-columns:1fr}
  .case-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}