/* ============================================================
   DARK CYAN TECH THEME - Global Override v4
   Ultra-deep background + Cyan glow (inspired by repfind.ai)
   Accent: Cyan #22d3ee | Background: #000212
   ============================================================ */

:root{
  --rk-bg-deep:#000212;
  --rk-bg:#030918;
  --rk-surface:#0c1425;
  --rk-surface-2:#131b2e;
  --rk-border:#1a2540;
  --rk-border-light:#243352;
  --rk-cyan:#22d3ee;
  --rk-cyan-deep:#06b6d4;
  --rk-cyan-light:#67e8f9;
  --rk-cyan-soft:rgba(34,211,238,.15);
  --rk-glow-cyan:rgba(34,211,238,.35);
  --rk-glow-cyan-sm:rgba(34,211,238,.18);
  --rk-text:#e2e8f0;
  --rk-text-secondary:#94a3b8;
  --rk-text-muted:#64748b;
  --rk-text-bright:#f8fafc;
}

/* --- Base --- */
html{
  min-height:100%;
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
  background:var(--rk-bg-deep) !important;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.06),transparent 60%),
    radial-gradient(ellipse 50% 40% at 100% 0%,rgba(34,211,238,.04),transparent 50%),
    radial-gradient(ellipse 40% 35% at 0% 30%,rgba(6,182,212,.03),transparent 50%) !important;
  background-attachment:fixed !important;
}
html,body{color:var(--rk-text) !important;font-family:'Inter','Helvetica Neue',Arial,sans-serif !important}
body{background:transparent !important;overflow-x:hidden !important;overscroll-behavior-x:none !important;position:relative}
*{box-sizing:border-box}
*:not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(i){font-family:'Inter','Helvetica Neue',Arial,sans-serif !important}
[class^="icon-"],[class*=" icon-"]{font-family:'wokiee_icons' !important}
.fa,.fas,.far,.fab,.fal,.fad{font-family:'Font Awesome 6 Free','Font Awesome 5 Free','FontAwesome' !important}
input,button,select,textarea{font-family:'Inter','Helvetica Neue',Arial,sans-serif !important}
h1,h2,h3,h4,h5,h6{font-family:'Inter','Helvetica Neue',Arial,sans-serif !important}
a{color:var(--rk-cyan);transition:color .15s}
a:hover{color:var(--rk-cyan-light);text-decoration:none}
a:focus-visible{outline:2px solid var(--rk-cyan-deep);outline-offset:2px;border-radius:4px}
::selection{background:var(--rk-cyan-deep);color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--rk-bg)}
::-webkit-scrollbar-thumb{background:var(--rk-border);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--rk-border-light)}
img{content-visibility:auto;contain-intrinsic-size:auto 300px}
@media(max-width:768px){
  img{contain-intrinsic-size:auto 200px}
  .products-grid .product-card,.rp-card,.rk-ranking-item{contain:layout style;will-change:transform}
}

/* --- Layout containers --- */
.bluebox,.layout-row--,.layout-column{background:var(--rk-bg) !important}
.layout-row{max-width:1400px}

/* --- Header (PC) --- */
header.desctop-menu-large{background:linear-gradient(180deg,rgba(3,9,24,.98),rgba(0,2,18,.96)) !important;border-bottom:1px solid rgba(34,211,238,.1)}
.main-bar.pcbox{background:transparent !important}
.top-bar-list a,.top-bar-list li a{color:var(--rk-text-secondary) !important;font-weight:500}
.top-bar-list a:hover,.top-bar-list li a:hover{color:var(--rk-cyan) !important}
.top-bar-list li a[style*="color: #2dece1"]{color:var(--rk-cyan) !important}
.topa a{background:var(--rk-cyan-deep) !important;color:#000212 !important;border-radius:8px;padding:8px 18px !important;font-weight:700}
.topa a:hover{background:var(--rk-cyan) !important}
.tt-logo{color:var(--rk-text) !important}
.tt-logo img{filter:none}

.main-bar.pcbox .rk-primary-nav{display:none !important}
.main-bar.pcbox .topa{display:none !important}
body.rk-show-top-cats .main-bar.pcbox .rk-primary-nav{
  display:flex !important;
  align-items:center;
  min-width:0;
}

/* --- Header mobile section in PC template --- */
.tt-mobile-header{background:var(--rk-bg) !important;border-bottom:1px solid rgba(34,211,238,.08)}
.tt-mobile-header .container-fluid-search{background:var(--rk-bg) !important;height:56px;align-items:center}

/* --- Mobile nav icon system: unified style --- */
.rk-nav-icons{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  padding-left:8px !important;
}
.rk-nav-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:background .15s ease,transform .12s ease;
}
.rk-nav-icon i{
  color:var(--rk-text) !important;
  font-size:20px !important;
  transition:color .15s;
}
.rk-nav-icon:active{
  background:rgba(255,255,255,.06) !important;
  transform:scale(.9);
}
.rk-nav-icon:active i{
  color:var(--rk-cyan) !important;
}
/* Mobile user icon: logged-in state uses theme cyan color */
.rk-nav-icon--user.is-logged i{color:var(--rk-cyan) !important;}

/* --- Mobile Search: fullscreen overlay mode --- */
#overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,2,18,.82) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;z-index:100 !important}
.tt-mobile-header #search-box{
  position:fixed !important;top:0 !important;left:0 !important;right:0 !important;
  z-index:200 !important;
  background:var(--rk-bg) !important;
  padding:12px 16px !important;
  border-bottom:1px solid rgba(34,211,238,.15) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.6) !important;
  width:100% !important;height:auto !important
}
.tt-mobile-header #search-box .rk-search-row{
  display:flex;align-items:center;gap:12px
}
.tt-mobile-header #search-box .typeahead-container{width:auto !important;left:auto !important;top:auto !important;position:relative !important;flex:1}
.tt-mobile-header #search-box .typeahead-input-form{
  display:flex !important;align-items:center;
  background:linear-gradient(135deg,var(--rk-surface-2),var(--rk-surface)) !important;
  border-radius:12px !important;overflow:visible !important;
  height:44px !important;
  border:1.5px solid transparent !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.3) !important;
  transition:box-shadow .25s;
  position:relative;
}
.tt-mobile-header #search-box .typeahead-input-form::before{
  content:'';position:absolute;inset:-1.5px;border-radius:13px;padding:1.5px;
  background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(167,139,250,.2),rgba(244,114,182,.12),rgba(34,211,238,.1));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.6;transition:opacity .25s;
}
.tt-mobile-header #search-box .typeahead-input-form:focus-within::before{opacity:1}
.tt-mobile-header #search-box .typeahead-input-form:focus-within{
  box-shadow:0 0 0 3px rgba(34,211,238,.08),0 0 16px rgba(34,211,238,.06),inset 0 1px 3px rgba(0,0,0,.3) !important
}
.tt-mobile-header #search-box .typeahead-input{
  background:transparent !important;color:var(--rk-text) !important;
  border:none !important;height:100% !important;font-size:15px !important;
  padding-left:14px !important;flex:1 !important;min-width:0
}
.tt-mobile-header #search-box .typeahead-input::placeholder{color:var(--rk-text-muted) !important}
/* Camera icon inherits from .rk-nav-icon unified system */
.tt-mobile-header #search-box .searchspreadsheet{
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  border:none !important;color:#000212 !important;
  border-radius:0 10px 10px 0 !important;
  min-width:44px !important;height:100% !important;
  font-size:15px !important;font-weight:700;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.tt-mobile-header #search-box .searchspreadsheet i{color:#000212 !important}
.tt-mobile-header #search-box #close-search{
  display:flex !important;align-items:center !important;justify-content:center !important;
  flex-shrink:0;
  width:36px !important;height:36px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:var(--rk-text-secondary) !important;font-size:15px !important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  position:static !important;
  transition:all .15s
}
.tt-mobile-header #search-box #close-search:active{background:rgba(34,211,238,.12) !important;color:var(--rk-text) !important}
.tt-mobile-header #search-box .hot-search-dropdown{
  position:absolute !important;top:calc(100% + 6px) !important;left:0 !important;right:0 !important;
  z-index:210 !important;border-radius:12px !important
}
.panel-menu{background:var(--rk-bg) !important}
.panel-menu .mmpanel{background:var(--rk-bg) !important}
.panel-menu.mobile-main-menu.mmitemopen{background:var(--rk-bg) !important}
.moblinav .item-categories a,.mm-next-level{
  color:var(--rk-text) !important;font-size:15px;
  padding:14px 12px;
  border-bottom:1px solid var(--rk-border) !important;
  display:flex !important;align-items:center;gap:10px;
  border-radius:10px;
  transition:background .15s;
}
.moblinav .item-categories a:hover,.mm-next-level:hover{color:var(--rk-cyan) !important;background:rgba(34,211,238,.04) !important}
.moblinav .item-categories a:active,.mm-next-level:active{background:rgba(34,211,238,.06) !important}
.moblinav .item-categories ul a{color:var(--rk-text-muted) !important;font-size:14px;padding-left:22px}
.moblinav .item-categories ul a:hover{color:var(--rk-cyan) !important}

/* Mobile nav emoji */
.rk-mob-emoji{
  font-style:normal;font-size:18px;line-height:1;
  width:24px;text-align:center;flex-shrink:0;
  filter:grayscale(.2);
}
#overlay{background:rgba(0,2,18,.85) !important}
.mm-fullscreen-bg{background:rgba(0,2,18,.75) !important}

/* =================================================================
   UNIFIED SEARCH SYSTEM — Gradient border + consistent styling
   ================================================================= */
.typeahead-input,.typeahead-input2,.hot-search-trigger{background:transparent !important;border:none !important;color:var(--rk-text) !important;border-radius:0;outline:none !important}
.typeahead-input:focus,.typeahead-input2:focus,.hot-search-trigger:focus{box-shadow:none !important}
.typeahead-input::placeholder,.typeahead-input2::placeholder,.hot-search-trigger::placeholder{color:var(--rk-text-muted) !important}
.searchspreadsheet,.img-search-btn{color:var(--rk-text-secondary) !important;transition:color .15s}
.searchspreadsheet:hover,.img-search-btn:hover{color:var(--rk-cyan) !important}

/* Unified search container: gradient border wrapper */
.typeahead-inputform,.formbox2 .typeahead-inputform,.cat-search-box .typeahead-inputform{
  display:flex;align-items:center;
  background:linear-gradient(135deg,var(--rk-surface-2),var(--rk-surface)) !important;
  border:1.5px solid transparent !important;
  border-radius:999px !important;overflow:visible !important;
  height:48px;position:relative;
  transition:box-shadow .25s;
  box-shadow:0 4px 16px rgba(0,2,18,.3);
}
.typeahead-inputform::before,.formbox2 .typeahead-inputform::before,.cat-search-box .typeahead-inputform::before{
  content:'';position:absolute;inset:-1.5px;border-radius:999px;padding:1.5px;
  background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(167,139,250,.18),rgba(244,114,182,.12),rgba(34,211,238,.08));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.5;transition:opacity .25s;z-index:0;
}
.typeahead-inputform:focus-within::before,.formbox2 .typeahead-inputform:focus-within::before,.cat-search-box .typeahead-inputform:focus-within::before{opacity:1}
.typeahead-inputform:focus-within,.formbox2 .typeahead-inputform:focus-within,.cat-search-box .typeahead-inputform:focus-within{
  box-shadow:0 0 0 3px rgba(34,211,238,.08),0 0 20px rgba(34,211,238,.05),0 8px 28px rgba(0,2,18,.4) !important
}
.formbox2 .typeahead-input2,.cat-search-box .typeahead-input2{flex:1 !important;border:none !important;background:transparent !important;color:var(--rk-text) !important;padding:0 16px !important;font-size:14px !important;outline:none !important;height:100% !important}
.formbox2 .typeahead-input2::placeholder,.cat-search-box .typeahead-input2::placeholder{color:var(--rk-text-muted) !important}
.formbox2 .searchspreadsheet{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;border:none !important;color:#000212 !important;width:48px !important;height:42px !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;margin-right:3px;flex-shrink:0;position:relative;z-index:1}
.formbox2 .searchspreadsheet:hover{filter:brightness(1.1)}
.formbox2 .searchspreadsheet i{color:#000212 !important;font-size:16px !important}
.sboxx{display:none !important}
.newbgsearch{background:rgba(0,2,18,.88) !important}

/* Unified hot-search / autocomplete dropdown */
.hot-search-dropdown{
  background:linear-gradient(180deg,var(--rk-surface-2),var(--rk-surface)) !important;
  border:1px solid var(--rk-border) !important;
  border-radius:14px !important;
  box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 0 1px rgba(34,211,238,.04) inset !important;
  overflow-x:hidden;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}
.hot-search-dropdown::before{
  content:'';display:block;height:2px;
  background:linear-gradient(90deg,var(--rk-cyan-deep),rgba(167,139,250,.5),rgba(244,114,182,.4),var(--rk-cyan));
}
/* Suggest list items (autocomplete) */
.hot-search-dropdown .suggest-item{
  color:var(--rk-text) !important;padding:10px 16px !important;font-size:14px !important;
  border-bottom:1px solid rgba(26,37,64,.4) !important;transition:all .15s;display:block;
}
.hot-search-dropdown .suggest-item:hover{
  background:rgba(34,211,238,.04) !important;color:var(--rk-cyan-light) !important;
}
.hot-search-dropdown .suggest-item:last-child{border-bottom:none !important}

/* Hot search header */
.hot-search-header{
  color:var(--rk-text) !important;font-size:14px !important;font-weight:700 !important;
  padding:12px 16px 10px !important;display:flex;align-items:center;gap:6px;
  border-bottom:1px solid rgba(26,37,64,.3);
}
.hot-search-header i{color:#ff6b35 !important}

/* Hot search tags container */
.hot-search-tags{
  display:flex !important;flex-wrap:wrap !important;gap:10px 8px !important;
  padding:14px 16px !important;
}

/* Individual tag pill */
.hot-search-dropdown a.hot-search-tag{
  display:inline-flex !important;align-items:center !important;
  gap:6px !important;
  padding:8px 14px !important;
  background:var(--rk-surface-2) !important;
  border:1px solid var(--rk-border) !important;
  border-radius:999px !important;
  color:var(--rk-text) !important;
  font-size:13px !important;font-weight:500 !important;
  white-space:nowrap;text-decoration:none !important;
  transition:all .15s !important;
  line-height:1.2;
}
.hot-search-dropdown a.hot-search-tag:hover{
  background:rgba(34,211,238,.06) !important;border-color:rgba(34,211,238,.2) !important;
  color:var(--rk-cyan-light) !important;
}

/* Rank number badge */
.hot-search-rank{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:20px !important;height:20px !important;
  border-radius:6px !important;
  font-size:11px !important;font-weight:700 !important;
  color:#fff !important;flex-shrink:0 !important;
  line-height:1;
}
.hot-search-rank.rank-1{background:linear-gradient(135deg,#ff4d4f,#ff7875) !important}
.hot-search-rank.rank-2{background:linear-gradient(135deg,#ff7a45,#ffa940) !important}
.hot-search-rank.rank-3{background:linear-gradient(135deg,#ffc53d,#ffe58f) !important;color:#78350f !important}
.hot-search-rank.rank-n{background:rgba(255,255,255,.08) !important;color:var(--rk-text-muted) !important}

/* Category search box */
.cat-search-wrap{background:transparent !important}
.cat-search-box{background:transparent !important}

/* --- Article hero / category header --- */
.article-hero{background:linear-gradient(135deg,#030918 0%,#081626 100%) !important;border:none !important}
.article-hero .testh2{color:var(--rk-text) !important;font-family:'Inter',sans-serif !important}

/* --- Category filter bar (pill buttons) --- */
.category-sticky-wrap,.category-filter{background:var(--rk-bg) !important;border-bottom:1px solid var(--rk-border) !important}
.filter-options{gap:10px !important}
.filter-option{background:var(--rk-surface-2) !important;color:var(--rk-text-secondary) !important;border:1.5px solid var(--rk-border-light) !important;border-radius:22px !important;font-family:'Inter',sans-serif !important;font-weight:500 !important;font-size:13px !important;padding:8px 18px !important;transition:all .25s !important}
.filter-option:hover{border-color:var(--rk-cyan-deep) !important;color:#fff !important;background:var(--rk-cyan-soft) !important}
.filter-option::before{display:none !important}
.filter-option.active{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;color:#000212 !important;border-color:transparent !important;box-shadow:0 2px 12px var(--rk-glow-cyan) !important;font-weight:700 !important}

/* --- Filter sidebar --- */
.filter-sidebar{background:var(--rk-surface) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important}
.filter-title{color:var(--rk-text) !important;border-bottom:1px solid var(--rk-border) !important;font-family:'Inter',sans-serif !important}
.filter-title i{color:var(--rk-cyan) !important}
.filter-check,.filter-check span{color:var(--rk-text-secondary) !important}
.filter-check:hover{background:var(--rk-surface-2) !important}
.brand-search,.price-input{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;color:var(--rk-text) !important;border-radius:6px !important;font-family:'Inter',sans-serif !important}
.brand-search:focus,.price-input:focus{border-color:var(--rk-cyan-deep) !important}
.brand-search::placeholder{color:rgba(34,211,238,.3) !important}
.brand-apply-btn,.price-apply-btn{background:var(--rk-cyan-soft) !important;color:var(--rk-cyan-light) !important;border:1.5px solid rgba(34,211,238,.4) !important;border-radius:10px !important;font-family:'Inter',sans-serif !important}
.brand-apply-btn:hover,.price-apply-btn:hover{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;color:#000212 !important;border-color:transparent !important;box-shadow:0 2px 10px var(--rk-glow-cyan-sm) !important}
.rank-badge{border-radius:4px !important}
.rank-badge.rank-1{color:#ff6b35 !important;background:transparent !important}
.rank-badge.rank-2{color:#ffa040 !important;background:transparent !important}
.rank-badge.rank-3{color:#ffcc02 !important;background:transparent !important}
.pill-btn{background:transparent !important;color:#ddd !important;border:1.5px solid var(--rk-border-light) !important;border-radius:16px !important;font-family:'Inter',sans-serif !important}
.pill-btn:hover{border-color:var(--rk-cyan-deep) !important;color:#fff !important;background:var(--rk-cyan-soft) !important}
.pill-btn.active{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;color:#000212 !important;border-color:transparent !important}
.brand-toggle{color:var(--rk-cyan) !important}
.filter-reset-btn{background:transparent !important;color:var(--rk-text-secondary) !important;border:1.5px solid var(--rk-border-light) !important;border-radius:10px !important;font-family:'Inter',sans-serif !important}
.filter-reset-btn:hover{border-color:var(--rk-cyan-deep) !important;color:var(--rk-cyan) !important}
.filter-reset-btn.has-filters{border-color:#ff6b35 !important;color:#ff6b35 !important}
.filter-reset-btn.has-filters:hover{background:#ff6b35 !important;color:#fff !important}
.active-filter-tag{background:var(--rk-cyan-soft) !important;color:var(--rk-cyan-light) !important}
.filter-results-count{color:var(--rk-text-muted) !important;border-bottom:1px solid var(--rk-border) !important}
.filter-results-count strong{color:var(--rk-cyan) !important}

/* --- Sort bar --- */
.sort-bar{background:rgba(3,9,24,.92) !important;backdrop-filter:blur(12px) !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.sort-bar .sort-label{color:var(--rk-text-muted) !important;font-family:'Inter',sans-serif !important}
.sort-bar .sort-tab{border:1.5px solid var(--rk-border-light) !important;border-radius:22px !important;color:var(--rk-text-secondary) !important;font-family:'Inter',sans-serif !important}
.sort-bar .sort-tab:hover{border-color:var(--rk-cyan-deep) !important;color:#fff !important;background:var(--rk-cyan-soft) !important}
.sort-bar .sort-tab.active{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;color:#000212 !important;border-color:transparent !important;box-shadow:0 2px 12px var(--rk-glow-cyan) !important}
.sort-select{background:var(--rk-surface-2) !important;color:var(--rk-text-secondary) !important;border:1px solid var(--rk-border) !important;border-radius:8px !important}

/* =================================================================
   PRODUCT CARDS (category page)
   ================================================================= */
.products-grid .product-card{
  background:var(--rk-surface-2) !important;border:1.5px solid var(--rk-border) !important;
  border-radius:16px !important;overflow:hidden;
  transition:all .25s cubic-bezier(.4,0,.2,1) !important;
}
.products-grid .product-card:hover{
  border-color:rgba(34,211,238,.22) !important;
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 20px rgba(34,211,238,.06) !important;
}
.products-grid .product-info{background:var(--rk-surface-2) !important;padding:12px 14px !important}
.products-grid .product-title{color:var(--rk-text) !important;font-family:'Inter',sans-serif !important;font-weight:600 !important;font-size:13px !important;height:auto !important;margin-bottom:6px !important;line-height:1.45}
.products-grid .product-card .product-stats{color:var(--rk-text) !important}
.products-grid .product-card .product-stats .price,.product-stats .price{color:#fff !important;font-weight:700 !important}
.products-grid .product-card .product-stats del{color:var(--rk-text-muted) !important}
.products-grid .product-card .product-stats span{color:var(--rk-text-secondary) !important}
.products-grid .product-card .product-stats span.price{color:#fff !important}
.products-grid .product-image{background:var(--rk-border) !important;overflow:hidden}
.products-grid .product-image img{transition:transform .3s ease !important;will-change:transform}
.products-grid .product-card:hover .product-image img{transform:scale(1.04)}
.product-card a,.goods-card a{color:var(--rk-text) !important;text-decoration:none !important}

/* =================================================================
   UNIFIED BUTTON SYSTEM
   ================================================================= */

/* Secondary: outline transparent */
.action-btn{
  border:1.5px solid var(--rk-border-light) !important;
  border-radius:12px !important;
  color:var(--rk-text-secondary) !important;
  background:transparent !important;
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  padding:10px 20px !important;
  min-height:44px;
  transition:all .2s cubic-bezier(.4,0,.2,1) !important;
  letter-spacing:.01em;cursor:pointer;
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;
}
.action-btn:hover{border-color:var(--rk-cyan-deep) !important;color:var(--rk-cyan) !important;background:rgba(34,211,238,.05) !important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(34,211,238,.1) !important}
.action-btn:active{transform:translateY(0) scale(.97) !important;box-shadow:none !important}

/* Primary CTA */
.buyNowBtn,.pro_buyNowBtn{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;border-color:transparent !important;
  font-weight:700 !important;font-size:14px !important;
  padding:12px 24px !important;min-height:48px;
  box-shadow:0 4px 18px rgba(34,211,238,.25) !important;
  letter-spacing:.02em;border-radius:12px !important;
}
.buyNowBtn:hover,.pro_buyNowBtn:hover{filter:brightness(1.1) !important;box-shadow:0 6px 24px rgba(34,211,238,.35) !important;transform:translateY(-2px)}
.buyNowBtn:active,.pro_buyNowBtn:active{filter:brightness(.92) !important;transform:translateY(0) scale(.97)}

/* Ghost: filled background */
.prolistli a,.prolistli .action-btn{
  background:var(--rk-surface-2) !important;color:var(--rk-cyan-light) !important;
  border:1.5px solid var(--rk-border-light) !important;font-weight:600 !important;
  font-size:13px !important;border-radius:12px !important;
}
.prolistli a:hover,.prolistli .action-btn:hover{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;border-color:transparent !important;
  box-shadow:0 4px 14px rgba(34,211,238,.2) !important;transform:translateY(-1px)
}
.prolistli a:active,.prolistli .action-btn:active{transform:translateY(0) scale(.97)}

/* Utility: share/copy */
#shareBtn,#shareBtn2{background:transparent !important;color:var(--rk-text-secondary) !important;border:1.5px solid var(--rk-border-light) !important}
#shareBtn:hover,#shareBtn2:hover{color:var(--rk-cyan) !important;border-color:var(--rk-cyan-deep) !important;background:rgba(34,211,238,.05) !important}

/* --- Modal / Platform Popup --- */
.pro-modal,.modal.myModal{
  background:rgba(0,2,18,.78) !important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  z-index:9999 !important;
  padding:16px !important;
  justify-content:center !important;
  align-items:center !important;
}
.pro-modal .modal-content{
  background:linear-gradient(180deg,#0c1a30 0%,#060e1e 100%) !important;
  border:1px solid rgba(34,211,238,.12) !important;
  border-radius:20px !important;
  color:var(--rk-text) !important;
  box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 40px rgba(34,211,238,.06) !important;
  padding:20px !important;
  max-width:680px;width:94vw;
  max-height:85vh;
  overflow-y:auto;
  position:relative;
  margin:auto;
}
.myModal .modal-content{
  background:linear-gradient(180deg,#0c1a30 0%,#060e1e 100%) !important;
  border:1px solid rgba(34,211,238,.12) !important;
  border-radius:20px !important;
  color:var(--rk-text) !important;
  box-shadow:0 32px 80px rgba(0,0,0,.6) !important;
  padding:20px !important;
  max-height:85vh;overflow-y:auto;margin:auto;
}
.myModal .close,.pro-modal .pro_close{
  position:absolute !important;top:12px;right:12px;
  width:32px;height:32px;
  display:flex !important;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:50% !important;
  color:var(--rk-text-secondary) !important;
  font-size:18px !important;
  cursor:pointer;transition:all .15s;
  line-height:1;z-index:10;
}
.pro-modal .pro_close:hover,.myModal .close:hover{background:rgba(34,211,238,.12) !important;color:var(--rk-text) !important}
.pingtaibox{
  padding:0 !important;margin:0;list-style:none;
  display:flex !important;flex-wrap:wrap !important;gap:8px !important;
}
.pingtaibox h3{
  color:var(--rk-text) !important;
  font-size:17px !important;font-weight:700 !important;
  text-align:center;
  margin:0 0 14px !important;
  padding-bottom:12px;
  border-bottom:1px solid rgba(34,211,238,.1) !important;
  width:100%;
}
.pingtaibox li{
  border-bottom:none !important;
  margin:0 !important;
  width:calc(50% - 4px) !important;
  list-style:none;
}
.pingtaibox li a{
  display:flex !important;align-items:center !important;
  gap:12px;
  padding:12px 14px !important;
  border-radius:12px !important;
  background:rgba(12,20,37,.8) !important;
  border:1px solid rgba(34,211,238,.08) !important;
  color:var(--rk-text) !important;
  text-decoration:none !important;
  transition:all .15s !important;
  height:100%;
}
.pingtaibox li a:hover{
  background:rgba(34,211,238,.05) !important;
  border-color:rgba(34,211,238,.22) !important;
}
.pingtaibox li.isfirst a{
  border-color:rgba(159,6,6,.5) !important;
  background:linear-gradient(135deg,rgba(159,6,6,.6),rgba(120,5,5,.35)) !important;
}
.pingtaibox li.isfirst a .imgb h2{color:#fff !important}
.pingtaibox li.isfirst a > div:last-child p{color:rgba(255,255,255,.8) !important}
.pingtaibox .imgb{display:flex !important;align-items:center !important;gap:10px;min-width:0}
.pingtaibox .imgb img{
  width:38px !important;height:38px !important;
  border-radius:10px !important;
  object-fit:contain;
  background:rgba(255,255,255,.05);
  padding:2px;flex-shrink:0;
}
.pingtaibox .imgb h2{
  color:var(--rk-text) !important;
  font-size:14px !important;font-weight:600 !important;
  margin:0 !important;
}
.pingtaibox li a > div:last-child p{
  margin:3px 0 0;color:var(--rk-cyan);font-size:11px;font-weight:500;
}
@media(max-width:600px){
  .pingtaibox li{width:100% !important}
}

/* =================================================================
   PRODUCT DETAIL PAGE
   ================================================================= */
.pdp-style-breadcrumbs{background:transparent !important}
.breadcrumbs-container{color:var(--rk-text-secondary) !important;border-bottom:1px solid var(--rk-border) !important;padding:.625rem 5px !important}
.breadcrumbs-container a{color:var(--rk-cyan) !important}
.breadcrumbs-container a:hover{color:var(--rk-cyan-light) !important}
.pdp-style-overwrapper{background:transparent !important}
.web-goods-images-box,.pc-gallery-top{background:var(--rk-surface-2) !important;border-radius:12px !important;overflow:hidden}
.tt-product-vertical-layout{background:transparent !important}
.stickprcol-js{background:transparent !important}
.layout-row.product_tabs{color:var(--rk-text-secondary) !important;border-color:var(--rk-border) !important}
.product_tabs{color:var(--rk-text-secondary) !important}

.product-title h1,.layout-row.product-title h1,.product-title-container h1{color:var(--rk-text) !important;font-family:'Inter',sans-serif !important}
.pdp-price .price-card .superscript .price,.pdp-price .price-card .price{color:var(--rk-cyan) !important;font-weight:700 !important}
.pdp-price .price-card .superscript del{color:var(--rk-text-muted) !important}
.pdp-price .price-card{color:var(--rk-text) !important}
.stock-availability{color:var(--rk-text-secondary) !important}
.in-stock-message{color:var(--rk-text-secondary) !important}

.labelname{color:var(--rk-text) !important}
.styleimg li{border:1px solid var(--rk-border) !important;border-radius:8px !important;background:var(--rk-surface-2) !important}
.styleimg li.active{border-color:var(--rk-cyan-deep) !important;box-shadow:0 0 0 2px rgba(34,211,238,.2) !important}
.styleimg .showname{color:var(--rk-text-secondary) !important}
.fg-options label{color:var(--rk-text-secondary) !important}
.fg-options select{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;color:var(--rk-text) !important;border-radius:8px !important}
.fg-options table{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important}
.fg-options table td{border-bottom:1px solid var(--rk-border) !important;border-right:1px solid var(--rk-border) !important;color:var(--rk-text) !important}
.goodsinfo-qty-box input{background:var(--rk-surface) !important;border:1px solid var(--rk-border) !important;color:var(--rk-text) !important}

.share-dropdown{background:var(--rk-surface) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important;color:var(--rk-text) !important;box-shadow:0 16px 48px rgba(0,0,0,.6) !important}
.share-overlay{background:rgba(0,2,18,.65) !important}
.share-header{border-bottom:1px solid var(--rk-border) !important}
.share-header h3{color:var(--rk-text) !important}
.share-close{color:var(--rk-text-secondary) !important}
.share-close:hover{color:var(--rk-text) !important}
.share-item{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:10px !important;color:var(--rk-text) !important;transition:all .22s cubic-bezier(.4,0,.2,1) !important;cursor:pointer}
.share-item:hover{border-color:var(--rk-cyan-deep) !important;color:var(--rk-cyan) !important;background:var(--rk-cyan-soft) !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3) !important}

/* Detail page "Open Buy Links" primary CTA */
.detail-actions .pro_buyNowBtn{
  display:inline-flex !important;align-items:center;gap:8px;
  padding:12px 28px !important;border-radius:12px !important;
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;font-size:14px !important;font-weight:700 !important;
  border:none !important;letter-spacing:.03em;
  box-shadow:0 4px 20px rgba(34,211,238,.25) !important;
  transition:all .22s cubic-bezier(.4,0,.2,1) !important
}
.detail-actions .pro_buyNowBtn:hover{filter:brightness(1.1) !important;box-shadow:0 8px 28px rgba(34,211,238,.35) !important;transform:translateY(-2px)}
.detail-actions .pro_buyNowBtn:active{filter:brightness(.92) !important;transform:translateY(0)}
.detail-actions .prolistli{display:flex !important;flex-wrap:wrap;gap:8px;margin-top:10px}
.detail-actions .prolistli a,.detail-actions .prolistli .action-btn{
  display:inline-flex !important;align-items:center;gap:7px;
  padding:10px 20px !important;border-radius:10px !important;
  background:var(--rk-surface-2) !important;color:var(--rk-cyan-light) !important;
  border:1px solid var(--rk-border-light) !important;font-size:13px !important;font-weight:600 !important;
  transition:all .22s cubic-bezier(.4,0,.2,1) !important
}
.detail-actions .prolistli a:hover,.detail-actions .prolistli .action-btn:hover{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;border-color:transparent !important;
  box-shadow:0 4px 16px rgba(34,211,238,.2) !important;transform:translateY(-1px)
}
.detail-actions .prolistli a:active,.detail-actions .prolistli .action-btn:active{transform:translateY(0)}
.detail-section-label{color:var(--rk-text-muted) !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.1em !important;margin-bottom:10px !important}

/* floating-module removed from HTML */

.tt-collapse-title{
  background:var(--rk-surface-2) !important;color:var(--rk-text) !important;
  border:1.5px solid var(--rk-border) !important;border-radius:12px !important;
  padding:14px 18px !important;font-size:14px !important;font-weight:600 !important;
  transition:border-color .2s;
}
.tt-collapse-title:hover{border-color:rgba(34,211,238,.2) !important}
.tt-collapse-content{
  background:var(--rk-surface) !important;color:#cbd5e1 !important;
  border:1px solid var(--rk-border) !important;border-top:none !important;
  border-radius:0 0 12px 12px !important;
  padding:16px 18px !important;font-size:14px !important;line-height:1.7;
}
.tt-collapse-content p,.tt-collapse-content div{color:#cbd5e1 !important}
.tt-collapse-content img{border-radius:10px !important}

.links_products_title,.carousel-header-black-strip h4.carousel-title{color:var(--rk-text) !important;font-family:'Inter',sans-serif !important}
.carousel-header-black-strip h4.carousel-title::before,.carousel-header-black-strip h4.carousel-title::after{background:var(--rk-cyan-deep) !important}
.carousel-slide .product-card{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important}
.carousel-slide .product-card:hover{border-color:rgba(34,211,238,.25) !important}

.size-popup-kk,.adimgs{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important}
.size-mask{background:rgba(0,2,18,.75) !important}
.size-close{color:var(--rk-text) !important}

/* =================================================================
   SHOPPING CART
   ================================================================= */
.web-cart-table{background:var(--rk-surface) !important;color:var(--rk-text) !important;border-collapse:separate;border-spacing:0}
.web-cart-table tr{border-bottom:1px solid var(--rk-border) !important}
.web-th-title{background:var(--rk-surface-2) !important}
.web-th-title th{color:var(--rk-text-secondary) !important;border-bottom:2px solid var(--rk-border) !important;padding:12px 15px}
.cart-products-name a{color:var(--rk-text) !important}
.cart-products-name a:hover{color:var(--rk-cyan) !important}
.cart-products-qty{color:var(--rk-text) !important}
.cart-products-qty input{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;color:var(--rk-text) !important;border-radius:6px;text-align:center}
.home-title{color:var(--rk-text) !important;border-bottom:2px solid var(--rk-cyan-deep) !important}
.home-title span{color:var(--rk-text) !important}
.fan_shopping_toal,.cart-total-right{color:var(--rk-text) !important}
.discount-notice{color:var(--rk-cyan) !important}

/* --- Checkout / Payment buttons --- */
.btn-checkout,.checkout-btn,input[type="submit"][value*="Checkout"],input[type="submit"][value*="checkout"]{background:var(--rk-cyan-deep) !important;color:#000212 !important;border:none !important;border-radius:10px !important;font-weight:700;padding:12px 24px !important;cursor:pointer}
.btn-checkout:hover,.checkout-btn:hover{background:var(--rk-cyan) !important}
.coupon-btn,.apply-coupon{background:var(--rk-border) !important;color:var(--rk-text) !important;border:1px solid var(--rk-border-light) !important;border-radius:8px !important}
.coupon-btn:hover,.apply-coupon:hover{border-color:var(--rk-cyan-deep) !important}

/* --- Forms (unified) --- */
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="search"],textarea,select,.form-control{
  background:var(--rk-surface-2) !important;border:1.5px solid var(--rk-border) !important;
  color:var(--rk-text) !important;border-radius:10px !important;
  font-size:14px !important;font-family:'Inter',sans-serif !important;
  padding:10px 14px !important;min-height:44px;
  transition:border-color .2s,box-shadow .2s;
}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--rk-cyan-deep) !important;box-shadow:0 0 0 3px rgba(34,211,238,.1) !important;outline:none}
input::placeholder,textarea::placeholder{color:var(--rk-text-muted) !important}
label{color:var(--rk-text-secondary) !important;font-size:13px;font-weight:500}

/* --- Buttons generic --- */
.btn,.btn-default,.btn-primary{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;border:none !important;border-radius:12px !important;
  font-weight:700 !important;font-size:14px !important;
  padding:12px 24px !important;min-height:44px;
  box-shadow:0 4px 14px rgba(34,211,238,.2) !important;
  transition:all .22s cubic-bezier(.4,0,.2,1) !important;
  letter-spacing:.02em;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.btn:hover,.btn-default:hover,.btn-primary:hover{filter:brightness(1.08) !important;box-shadow:0 6px 20px rgba(34,211,238,.3) !important;transform:translateY(-1px)}
.btn:active,.btn-default:active,.btn-primary:active{transform:translateY(0) scale(.97) !important;filter:brightness(.92) !important}
.btn:focus-visible,.btn-default:focus-visible,.btn-primary:focus-visible{outline:2px solid var(--rk-cyan);outline-offset:2px}
.btn-lg{border-radius:14px !important;padding:14px 28px !important;font-size:15px !important}

/* --- Render performance --- */
.rk-ranking-list,.rk-results-grid,.rk-spot-grid,.products-grid{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* --- Footer --- */
footer{background:var(--rk-bg-deep) !important;color:var(--rk-text-secondary) !important;border-top:1px solid rgba(34,211,238,.12) !important}
footer a{color:var(--rk-cyan) !important}
footer a:hover{color:var(--rk-cyan-light) !important}
.tt-box-copyright{color:var(--rk-text-muted) !important}
.linkli a{color:var(--rk-text-secondary) !important}
.linkli a:hover{color:var(--rk-cyan) !important}

/* --- Floating social buttons --- */
.floating-buttons{position:fixed;right:10px;bottom:60px;z-index:999;display:flex;flex-direction:column;gap:6px}
.floating-btn{width:42px !important;height:42px !important;background:rgba(12,20,37,.92) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important;box-shadow:0 4px 16px rgba(0,0,0,.5) !important;transition:all .22s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);cursor:pointer}
.floating-btn:hover{border-color:var(--rk-cyan-deep) !important;background:rgba(34,211,238,.1) !important;box-shadow:0 4px 20px rgba(34,211,238,.2) !important;transform:translateY(-2px) scale(1.05)}
.floating-btn:active{transform:translateY(0) scale(1)}
.floating-btn img{filter:brightness(0) invert(1) !important;opacity:.65 !important;width:20px !important;height:20px !important;transition:opacity .2s}
.floating-btn:hover img{opacity:1 !important}

/* =================================================================
   PAGINATION
   ================================================================= */
.pagination a,.pager a,.pagination-list-container a,.pagination-list-container li a{
  background:var(--rk-surface-2) !important;color:var(--rk-text-secondary) !important;border:1px solid var(--rk-border) !important;border-radius:10px !important;
  padding:8px 14px !important;font-weight:600 !important;font-family:'Inter',sans-serif !important;transition:all .22s cubic-bezier(.4,0,.2,1) !important;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;cursor:pointer
}
.pagination a:hover,.pager a:hover,.pagination-list-container a:hover,.pagination-list-container li a:hover{
  border-color:var(--rk-cyan-deep) !important;color:var(--rk-text) !important;background:var(--rk-border) !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3) !important
}
.pagination .active a,.pager .active a,.pagination-list-container .selected a,.pagination-list-container li.selected a{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;color:#000212 !important;border-color:transparent !important;box-shadow:0 4px 16px var(--rk-glow-cyan) !important;font-weight:700 !important
}
.pagination-list-container .disabled a,.pagination-list-container li.disabled a{
  color:var(--rk-text-muted) !important;border-color:var(--rk-border) !important;cursor:not-allowed !important;opacity:.4 !important
}
.simple-list div{background:var(--rk-surface-2) !important;color:var(--rk-cyan-light) !important;border:1.5px solid var(--rk-cyan-deep) !important;border-radius:8px !important;font-family:'Inter',sans-serif !important}
.pagination-container{margin:30px 0 !important}
.product-grid-bottom-area{padding:20px 0 !important}
.page-list{display:flex;flex-direction:column;align-items:center;gap:12px}

/* --- News / Page info --- */
.news-list,.news-item,.pageinfo{background:var(--rk-surface) !important;color:var(--rk-text) !important}
.news-item a{color:var(--rk-cyan) !important}
.pageinfo h1,.pageinfo h2{color:var(--rk-text) !important}

/* --- Review --- */
.review-item{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:8px !important;color:var(--rk-text) !important}

/* --- User account pages --- */
.account-box,.my-account,.order-box{background:var(--rk-surface) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important;color:var(--rk-text) !important}
.user-menu a,.user_muen a{color:var(--rk-text-secondary) !important;border-bottom:1px solid var(--rk-border) !important}
.user-menu a:hover,.user_muen a:hover{color:var(--rk-cyan) !important;background:var(--rk-surface-2) !important}
.user-menu a.active,.user_muen a.active{color:var(--rk-cyan-deep) !important}

/* --- Table generic --- */
table{color:var(--rk-text) !important}
table th{background:var(--rk-surface-2) !important;color:var(--rk-text-secondary) !important;border-color:var(--rk-border) !important}
table td{border-color:var(--rk-border) !important}

/* --- Misc --- */
.catebox{background:var(--rk-surface) !important;border:1px solid var(--rk-border) !important;border-radius:8px !important;box-shadow:0 8px 24px rgba(0,0,0,.5) !important}
.catebox .catebox_item{color:var(--rk-text-secondary) !important}
.catebox .catebox_item:hover{color:var(--rk-cyan) !important;background:var(--rk-surface-2) !important}
hr{border-color:var(--rk-border) !important}
.libgcolor{background:var(--rk-cyan-deep) !important}
.libgcolor a{color:#000212 !important}
.libgcolor2>a{color:var(--rk-cyan) !important}

/* --- Swiper overrides --- */
.swiper-button-next,.swiper-button-prev{color:var(--rk-cyan) !important}
.swiper-pagination-bullet-active{background:var(--rk-cyan) !important}

/* --- Gallery: prevent horizontal overflow on mobile --- */
.productSwiper-viewport,.List-Mobile-swiper{overflow:hidden !important;max-width:100vw !important;width:100% !important;touch-action:pan-y !important}
.gallery-thumbs,.gallery-top,.swiper-container{overflow:hidden !important}
.gallery-thumbs{touch-action:pan-y !important}
.gallery-thumbs .swiper-slide{border:2px solid transparent !important;border-radius:8px !important;overflow:hidden;opacity:.5;transition:all .2s}
.gallery-thumbs .swiper-slide-thumb-active,.gallery-thumbs .swiper-slide:hover{border-color:var(--rk-cyan-deep) !important;opacity:1}

/* --- Product detail new-shcss2 overrides --- */
.cnbuysheet-box{background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:12px !important}
.cnbuysheet-box .tab-btn{color:var(--rk-text-secondary) !important;border-bottom:2px solid transparent !important}
.cnbuysheet-box .tab-btn.active{color:var(--rk-cyan) !important;border-bottom-color:var(--rk-cyan) !important}
.cnbuysheet-box td,.cnbuysheet-box th{border-color:var(--rk-border) !important;color:var(--rk-text) !important}

/* =================================================================
   RANKING TEMPLATE REFRESH
   ================================================================= */
.rk-category-page{padding:24px 0 0}
.main-bar.pcbox{
  max-width:1400px;margin:0 auto;
  padding:16px clamp(14px,2.2vw,28px) !important;
  display:grid;
  grid-template-columns:minmax(100px,220px) 1fr auto;
  align-items:center;
  gap:14px 20px;
}
@media(max-width:768px){.main-bar.pcbox{display:none !important}}
.main-bar.pcbox .logo{flex:none;justify-self:start;align-self:center;grid-column:1;grid-row:1}
.main-bar.pcbox .logo img{width:auto !important;height:44px;max-width:220px;object-fit:contain}
.hdr-search-wrap.typeahead-container2{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  width:100%;
  max-width:min(960px,calc(100% - 8px));
  position:relative !important;z-index:100;height:auto !important;
  left:auto !important;top:auto !important;display:block !important
}
.main-bar.pcbox .rk-auth-entry{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  align-self:center;
  margin-left:0;
}
@media (max-width:1100px){
  .main-bar.pcbox{
    grid-template-columns:1fr auto;
    gap:10px 12px;
  }
  .main-bar.pcbox .logo{grid-column:1;grid-row:1;justify-self:start}
  .main-bar.pcbox .rk-auth-entry{grid-column:2;grid-row:1;justify-self:end}
  .hdr-search-wrap.typeahead-container2{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:stretch;
    max-width:none;
  }
}
@media (min-width:769px){
  body.rk-show-top-cats .main-bar.pcbox{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 0;
    padding:10px 20px !important;
  }
  body.rk-show-top-cats .main-bar.pcbox .logo{
    order:0;
    flex:0 0 auto;
    margin-right:18px;
  }
  body.rk-show-top-cats .main-bar.pcbox .rk-primary-nav{
    order:1;
    flex:1 1 0;
    min-width:0;
    margin:0;
    overflow:visible;
  }
  body.rk-show-top-cats .main-bar.pcbox .hdr-search-wrap.typeahead-container2{
    display:none !important;
  }
  body.rk-show-top-cats .main-bar.pcbox .topa{display:none !important}
  body.rk-show-top-cats .main-bar.pcbox .rk-auth-entry{
    order:99;
    flex:0 0 auto;
    margin-left:12px;
  }
  body.rk-show-top-cats .main-bar.pcbox .rk-primary-nav .top-bar-list{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:8px;
    overflow:visible;
  }
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li{flex-shrink:0}
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 16px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.02em;
    white-space:nowrap;
    color:#cbd5e1 !important;
    border:1px solid rgba(148,163,184,.2);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    transition:all .18s;
  }
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li a:hover{
    border-color:var(--rk-cyan-deep);
    background:var(--rk-cyan-soft);
    color:#fff !important;
  }
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li a[style*="color: #22d3ee"],
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li a[style*="color:#22d3ee"]{
    border-color:var(--rk-cyan-deep) !important;
    background:var(--rk-cyan-soft) !important;
    color:#fff !important;
    box-shadow:0 0 8px rgba(34,211,238,.15);
  }
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li:first-child,
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list li.cate_all{display:none !important}
  body.rk-show-top-cats .main-bar.pcbox .top-bar-list a[href*="#FAQ"]{display:none !important}
}

/* ══ content area search slot ══ */
.rf-topbar-searchslot{
  flex:1 1 0;
  min-width:200px;
  max-width:none;
  margin:0 16px 0 0;
  position:relative;
}
.rf-topbar-searchslot .hdr-search-wrap{
  display:block !important;
  width:100%;
}
.rf-topbar-searchslot .hdr-search-form{
  min-height:38px !important;
  height:38px !important;
  background:var(--rk-surface) !important;
  border-color:rgba(34,211,238,.15) !important;
  box-shadow:none !important;
}
.rf-topbar-searchslot .hdr-search-form:focus-within{
  border-color:var(--rk-cyan-deep) !important;
  box-shadow:0 0 0 2px rgba(34,211,238,.12) !important;
}
.rf-topbar-searchslot .hdr-search-icon{
  padding:0 4px 0 14px !important;
  font-size:13px;
}
.rf-topbar-searchslot .hdr-search-form input[type="search"],
.rf-topbar-searchslot .hdr-search-form .typeahead-input{
  font-size:13px !important;
  padding:0 8px !important;
}
.rf-topbar-searchslot .hdr-search-form .img-search-btn{
  padding:0 6px;
  font-size:13px;
}
.rf-topbar-searchslot .hdr-search-form .searchspreadsheet{
  padding:0 14px !important;
  min-width:40px;
  font-size:13px;
}
.rf-topbar-searchslot .hot-search-dropdown{
  z-index:9999 !important;
}
.hdr-search-wrap .formbox{margin:0;padding:0;position:relative !important}
.hdr-search-form{
  display:flex !important;align-items:center;
  min-height:46px;height:46px;
  background:linear-gradient(135deg,var(--rk-surface-2),var(--rk-surface));
  border:1.5px solid transparent;
  border-radius:999px;overflow:visible;
  transition:box-shadow .25s;
  background-clip:padding-box;
  position:relative !important;width:100% !important;left:auto !important;top:auto !important;
  box-shadow:0 4px 18px rgba(0,2,18,.35)
}
.hdr-search-form::before{
  content:'';position:absolute;inset:-1.5px;border-radius:999px;padding:1.5px;
  background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(167,139,250,.15),rgba(244,114,182,.1),rgba(34,211,238,.08));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.5;transition:opacity .25s;z-index:0;
}
.hdr-search-form:focus-within::before{opacity:1}
.hdr-search-form:focus-within{box-shadow:0 0 0 3px rgba(34,211,238,.08),0 0 20px rgba(34,211,238,.06),0 8px 28px rgba(0,2,18,.4)}
.hdr-search-icon{padding:0 6px 0 16px;color:var(--rk-cyan);font-size:15px;flex-shrink:0;display:flex;align-items:center}
.hdr-search-form input[type="search"],.hdr-search-form .typeahead-input{
  flex:1 !important;background:transparent !important;border:none !important;color:var(--rk-text) !important;
  padding:0 12px !important;font-size:14px !important;outline:none !important;height:100% !important;
  position:relative !important;top:auto !important;left:auto !important;width:auto !important;
  font-family:'Inter',sans-serif !important
}
.hdr-search-form input::placeholder{color:var(--rk-text-muted) !important}
.hdr-search-form .img-search-btn{background:transparent !important;border:none !important;color:var(--rk-text-muted);padding:0 8px;cursor:pointer;font-size:14px;height:100%;display:flex;align-items:center;transition:color .15s}
.hdr-search-form .img-search-btn:hover{color:var(--rk-cyan)}
.hdr-search-form .searchspreadsheet{
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;border:none !important;color:#000212 !important;
  padding:0 20px !important;min-width:54px;cursor:pointer;font-size:14px;height:100%;display:flex;align-items:center;
  border-radius:0 999px 999px 0 !important;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative !important;
  width:auto !important;box-shadow:0 4px 14px var(--rk-glow-cyan-sm)
}
.hdr-search-form .searchspreadsheet:hover{filter:brightness(1.12);box-shadow:0 6px 22px var(--rk-glow-cyan);transform:scaleX(1.03)}
.hdr-search-form .searchspreadsheet:active{filter:brightness(.92);transform:scaleX(1)}
.hdr-search-form .searchspreadsheet i{color:#000212 !important;font-size:14px !important}
.hdr-search-wrap .hot-search-dropdown{position:absolute !important;top:calc(100% + 6px) !important;left:0 !important;right:0 !important;width:100% !important;z-index:999;background:var(--rk-surface-2) !important;border:1px solid var(--rk-border) !important;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.6) !important;max-height:400px;overflow-y:auto}
.top-bar-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.top-bar-list li a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;background:transparent;font-size:13px}
.top-bar-list li a:hover{background:var(--rk-surface-2)}
.tt-mobile-header .container-fluid-search{padding:12px 16px}
.tt-mobile-header .logo img{width:auto !important;height:34px;max-width:180px;padding:0 !important}
.tt-mobile-header .logo .tt-logo{display:flex;align-items:center}

/* === Hero sections === */
.rk-data-hero{max-width:1400px;margin:0 auto 24px;padding:0 24px}
.rk-data-hero__inner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) 320px;gap:18px;align-items:end;padding:28px;border:1px solid rgba(34,211,238,.12);border-radius:24px;background:radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 30%),linear-gradient(135deg,#030918 0%,#081626 46%,#0c1a30 100%);box-shadow:0 24px 80px rgba(0,2,18,.5)}
.rk-data-hero__inner::after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.15),rgba(34,211,238,0));pointer-events:none}
.rk-data-hero__copy,.rk-data-hero__metrics,.rk-data-hero__search{position:relative;z-index:1}
.rk-data-hero__eyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.rk-data-hero__eyebrow span,.detail-kicker{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(0,2,18,.72);border:1px solid rgba(34,211,238,.12);color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.rk-data-hero__copy h1{margin:0;font-size:clamp(34px,4vw,56px);line-height:.96;font-weight:800;color:var(--rk-text-bright);max-width:9ch}
.rk-data-hero__copy p{margin:14px 0 0;max-width:620px;font-size:15px;line-height:1.7;color:var(--rk-text-secondary)}
.rk-data-hero__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rk-metric{padding:18px 16px;border-radius:18px;background:rgba(0,2,18,.78);border:1px solid rgba(34,211,238,.08);backdrop-filter:blur(10px)}
.rk-metric__label,.detail-meta-label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rk-text-muted)}
.rk-metric strong,.detail-meta-card strong{font-size:24px;line-height:1;color:var(--rk-text-bright);font-weight:800}

.rk-data-hero__search{
  grid-column:1 / -1;
  width:100%;
  max-width:min(720px,calc(100% - 8px));
  margin:0 auto;
}
.rk-data-hero__search .typeahead-container2{width:100%;max-width:none;margin:0}
.rk-data-hero__search .typeahead-inputform{
  display:flex !important;align-items:center;
  min-height:46px !important;height:46px !important;
  width:100% !important;
  background:var(--rk-surface-2) !important;
  border:1px solid rgba(34,211,238,.15) !important;
  border-radius:999px !important;
  box-shadow:0 4px 18px rgba(0,2,18,.35);
  transition:border-color .2s,box-shadow .2s
}
.rk-data-hero__search .typeahead-inputform:focus-within{
  border-color:rgba(34,211,238,.4) !important;
  box-shadow:0 0 0 3px var(--rk-glow-cyan-sm),0 8px 28px rgba(0,2,18,.4)
}
.rk-data-hero__search .typeahead-input2{
  flex:1 !important;
  min-height:42px !important;height:100% !important;
  font-size:14px !important;padding:0 14px !important
}
.rk-data-hero__search .typeahead-inputform .img-search-btn,
.rk-data-hero__search .typeahead-inputform .searchspreadsheet{
  min-height:0 !important;height:100% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important
}
.rk-data-hero__search .typeahead-inputform .searchspreadsheet{
  border-radius:0 999px 999px 0 !important;
  padding:0 18px !important;
  background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan)) !important;
  color:#000212 !important;font-weight:700 !important;border:none !important;
  box-shadow:0 4px 14px var(--rk-glow-cyan-sm)
}
.rk-data-hero__search .typeahead-inputform .searchspreadsheet i{color:#000212 !important}

/* === Category shell === */
.rk-category-shell{max-width:1400px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}
.rk-category-sidebar{position:sticky;top:96px;align-self:start}
.rk-category-main{min-width:0}
.rk-panel{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:20px;box-shadow:0 18px 50px rgba(0,2,18,.4)}
.rk-section{padding:22px}
.rk-section + .rk-section{margin-top:20px}
.rk-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.rk-section-head h2{margin:0;color:var(--rk-text-bright);font-size:28px;line-height:1.05;font-weight:800}
.rk-section-eyebrow,.detail-section-label{margin:0 0 8px;color:var(--rk-cyan);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.rk-section-stat{display:flex;flex-direction:column;gap:4px;min-width:90px;padding:12px 14px;border-radius:16px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.08);text-align:right}
.rk-section-stat span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rk-text-muted)}
.rk-section-stat strong{font-size:24px;color:var(--rk-text-bright);line-height:1;font-weight:800}
.rk-chip-bar{padding:16px 18px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.rk-chip-bar__label{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.rk-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.rk-chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--rk-border-light);background:var(--rk-surface-2);color:#cbd5e1;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}
.rk-chip:hover{border-color:var(--rk-cyan-deep);background:var(--rk-cyan-soft);color:#fff;text-decoration:none}
.rk-chip.is-active{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan));border-color:transparent;color:#000212;box-shadow:0 12px 28px var(--rk-glow-cyan-sm)}
.rk-chip--ghost{background:transparent;color:var(--rk-text-secondary)}
.web-jernav1.sideBoxContent{margin:0;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:20px;padding:18px;box-shadow:0 18px 50px rgba(0,2,18,.4)}
.web-jernav1.sideBoxContent .home-title{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--rk-border)}
.web-jernav1.sideBoxContent .home-title:after{display:none !important}
.web-jernav1.sideBoxContent .home-title span{font-family:'Inter',sans-serif !important;font-size:18px !important;font-weight:700 !important;color:var(--rk-text-bright) !important;line-height:1.2 !important}
.web-jernav-ul1{margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.web-jernav-ul1 li{line-height:1.4}
.web-jernav-ul1 li a.top-link,.web-jernav-ul1 li a.top2-link,.web-jernav-ul1 li ul li a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;color:var(--rk-text-secondary) !important;background:transparent;font-weight:500;transition:all .18s}
.rk-category-page .web-jernav-ul1 li a.top-link,.rk-category-page .web-jernav-ul1 li a.top2-link,.rk-category-page .web-jernav-ul1 li ul li a{gap:10px;min-height:46px;padding:10px 14px;font-size:14px}
.web-jernav-ul1 li a:hover,.web-jernav-ul1 li a.top-link:hover,.web-jernav-ul1 li a.top2-link:hover,.web-jernav-ul1 li ul li a:hover{background:var(--rk-surface-2);color:#fff !important;text-decoration:none}
.web-jernav-ul1 li ul{margin-top:6px;padding-left:12px;border-left:1px solid rgba(34,211,238,.08)}

/* === Spot grids === */
.rk-spot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rk-spot-grid--players{grid-template-columns:repeat(4,minmax(0,1fr))}
.rk-spot-card,.rk-player-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(12,20,37,.96),rgba(3,9,24,.96));border:1px solid rgba(34,211,238,.08);text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;color:var(--rk-text)}
.rk-spot-card:hover,.rk-player-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.3);box-shadow:0 22px 42px rgba(0,2,18,.4);text-decoration:none;color:#fff}
.rk-spot-card__rank{position:absolute;top:14px;right:14px;min-width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan));color:#000212;font-size:13px;font-weight:800;box-shadow:0 10px 22px var(--rk-glow-cyan-sm)}
.rk-spot-card__image,.rk-player-card__logo{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.06)}
.rk-spot-card__image img,.rk-player-card__logo img{width:100%;height:100%;object-fit:cover;display:block}
.rk-spot-card__body h3,.rk-player-card__body h3{margin:0 0 6px;color:var(--rk-text-bright);font-size:17px;line-height:1.2;font-weight:700}
.rk-spot-card__body p,.rk-player-card__body p{margin:0;color:var(--rk-text-secondary);font-size:13px;line-height:1.6}

/* === Products grid (category page) === */
.rk-products-grid{padding:0 !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important}
.rk-product-shell{display:flex;flex-direction:column;gap:12px}
.rk-product-shell .product-card{display:flex;flex-direction:column;height:100%}
.rk-product-shell .product-info{display:flex;flex-direction:column;gap:6px}
.rk-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rk-card-rank,.rk-card-views{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--rk-surface);border:1px solid rgba(34,211,238,.08);font-size:11px;font-weight:700;color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase}
.rk-card-views i{color:var(--rk-cyan)}
.rk-product-shell .product-stats{margin-top:auto}
.rk-product-shell .buyNowBtn{width:100% !important;display:flex;align-items:center;justify-content:center;gap:8px}
.rk-page-jump{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;color:var(--rk-text-secondary);font-size:12px}
.rk-page-jump input{width:48px;height:34px;padding:0;text-align:center;background:var(--rk-surface-2);border:1px solid var(--rk-border-light);color:var(--rk-text);border-radius:10px}
.rk-page-jump button{height:34px;padding:0 14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan));color:#000212;font-size:12px;font-weight:700;cursor:pointer}
.rk-page-jump button:hover{filter:brightness(1.05)}

/* === Page shell === */
.rk-page-shell{max-width:1400px;margin:0 auto;padding:24px}
.rk-page-shell--tight{padding-top:16px}
.rk-surface{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:24px;box-shadow:0 18px 50px rgba(0,2,18,.4)}

/* === Home hero === */
.rk-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:18px;padding:28px}
.rk-home-copy h1{margin:0;max-width:12ch;color:var(--rk-text-bright);font-size:clamp(40px,4.6vw,68px);line-height:.94;font-weight:800;letter-spacing:-.03em}
.rk-home-copy p{margin:16px 0 0;max-width:620px;color:var(--rk-text-secondary);font-size:15px;line-height:1.75}
.rk-home-search{margin-top:22px;max-width:720px}
.rk-home-search .typeahead-inputform,.rk-home-search .rp-search-bar{
  display:flex;align-items:center;min-height:56px;max-width:min(720px,100%);margin:0 auto;
  padding:0 8px 0 12px;border-radius:999px;background:var(--rk-surface-2);
  border:1px solid rgba(34,211,238,.18);box-shadow:0 0 0 1px rgba(34,211,238,.06),0 20px 50px rgba(0,2,18,.35)
}
.rk-home-search .typeahead-inputform input,.rk-home-search .rp-search-bar input{flex:1;height:54px;background:transparent;border:none;color:var(--rk-text);font-size:15px;padding:0 16px;outline:none}
.rk-home-search .img-search-btn,.rk-home-search .searchspreadsheet,.rk-home-search .s-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:999px;background:transparent;color:var(--rk-text-secondary);cursor:pointer;transition:all .18s}
.rk-home-search .searchspreadsheet{background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan));color:#000212}
.rk-home-search .img-search-btn:hover,.rk-home-search .s-icon:hover{background:var(--rk-border);color:#fff}
.rk-home-search .searchspreadsheet:hover{filter:brightness(1.05)}
.rk-home-utility{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.rk-home-utility a,.rk-home-utility span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.08);color:#cbd5e1;font-size:12px;font-weight:600;text-decoration:none}
.rk-home-utility a:hover{border-color:var(--rk-cyan-deep);color:#fff;text-decoration:none}
.rk-home-side{display:flex;flex-direction:column;gap:14px}
.rk-stat-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rk-stat-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(8,22,38,.98),rgba(3,9,24,.98));border:1px solid rgba(34,211,238,.08)}
.rk-stat-card span{display:block;margin-bottom:8px;color:var(--rk-text-muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rk-stat-card strong{color:var(--rk-text-bright);font-size:26px;font-weight:800;line-height:1}
.rk-spot-panel{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(8,22,38,.98),rgba(3,9,24,.98));border:1px solid rgba(34,211,238,.08)}
.rk-spot-panel h3{margin:0 0 8px;color:var(--rk-text-bright);font-size:16px;font-weight:700}
.rk-spot-panel p{margin:0;color:var(--rk-text-secondary);font-size:13px;line-height:1.7}
.rk-spot-panel ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.rk-spot-panel ul li{list-style:none}
.rk-spot-panel ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.06);color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:600}
.rk-spot-panel ul a:hover{border-color:var(--rk-cyan-deep);color:#fff;text-decoration:none}
.rk-tab-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.rk-tab-row .rk-chip{background:var(--rk-surface-2)}

/* === Board grid === */
.rk-board-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.rk-ranking-board{padding:22px}
.rk-ranking-board__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.rk-ranking-board__head h2{margin:0;color:var(--rk-text-bright);font-size:28px;font-weight:800;line-height:1.05}
.rk-ranking-board__head p{margin:8px 0 0;color:var(--rk-text-secondary);font-size:13px}
.rk-ranking-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rk-ranking-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.06);transition:all .18s}
.rk-ranking-item:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.2);box-shadow:0 16px 32px rgba(0,2,18,.3)}
.rk-ranking-index{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;background:var(--rk-border);color:var(--rk-text-secondary);font-size:13px;font-weight:800}
.rk-ranking-index.top-1{background:linear-gradient(135deg,#f5b94c,#ffdd8a);color:#111827}
.rk-ranking-index.top-2{background:linear-gradient(135deg,#d7dce5,#a5b1c2);color:#111827}
.rk-ranking-index.top-3{background:linear-gradient(135deg,#f5a35c,#e07a2e);color:#111827}
.rk-ranking-thumb{width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--rk-surface);border:1px solid rgba(34,211,238,.06);flex-shrink:0}
.rk-ranking-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rk-ranking-copy{min-width:0;flex:1}
.rk-ranking-copy h3{margin:0 0 6px;color:var(--rk-text);font-size:13px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rk-ranking-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rk-ranking-meta .price{color:var(--rk-text-bright);font-size:14px;font-weight:700}
.rk-ranking-meta .action{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,var(--rk-cyan-deep),var(--rk-cyan));color:#000212;font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}
.rk-ranking-meta .action:hover{filter:brightness(1.05);text-decoration:none}

/* === Side card === */
.rk-side-card{padding:20px}
.rk-side-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rk-side-card li{list-style:none}
.rk-side-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.06);color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:600}
.rk-side-card a:hover{border-color:var(--rk-cyan-deep);color:#fff;text-decoration:none}
.rk-side-card a i{color:var(--rk-cyan)}

/* === Results grid === */
.rk-results-wrap{padding:22px}
.rk-results-wrap .rk-section-head{margin-bottom:20px}
.rk-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.rk-results-grid .rp-sk,.rk-results-grid .rp-card{background:var(--rk-surface-2);border-radius:18px;border:1px solid rgba(34,211,238,.06)}
.rk-results-grid .rp-card .c-info{padding:14px}
.rp-card{overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rp-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.22);box-shadow:0 16px 36px rgba(0,2,18,.35)}
.rp-card a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.rp-card .c-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:var(--rk-surface);border-bottom:1px solid rgba(34,211,238,.06)}
.rp-card .c-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.rp-card:hover .c-img{transform:scale(1.04)}
.rp-card .c-info{display:flex;flex-direction:column;gap:6px;min-height:auto}
.rp-card .c-name{margin:0;color:var(--rk-text);font-size:13px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rp-card .c-price-row{display:flex;align-items:baseline;gap:8px;margin-top:0}
.rp-card .c-price{color:var(--rk-text-bright);font-size:16px;font-weight:800}
.rp-card .c-old{color:var(--rk-text-muted);font-size:11px;text-decoration:line-through}

/* === Skeletons === */
.rp-sk .sk-img,.rp-sk .sk-l{background:linear-gradient(90deg,var(--rk-surface) 25%,var(--rk-border) 50%,var(--rk-surface) 75%);background-size:200% 100%;animation:rkShimmer 1.5s infinite}
.rp-sk .sk-img{width:100%;aspect-ratio:1}
.rp-sk .sk-txt{padding:14px}
.rp-sk .sk-l{height:12px;border-radius:999px;margin-bottom:10px}
.rp-sk .sk-l.short{width:60%}
.rp-sk .sk-l.price{width:38%;height:16px;margin-bottom:0}
.rp-loading,.rp-end{text-align:center;padding:18px 0 6px;color:var(--rk-text-muted);font-size:13px}
.rp-loading{display:none}
.rp-loading.active{display:block}
.rp-end{display:none}
#rf-load-trigger{height:1px}

.rk-empty-state{padding:52px 20px;text-align:center;border-radius:20px;background:var(--rk-surface-2);border:1px dashed rgba(34,211,238,.1)}
.rk-empty-state h3{margin:0 0 10px;color:var(--rk-text-bright);font-size:22px;font-weight:800}
.rk-empty-state p{margin:0;color:var(--rk-text-secondary);font-size:14px;line-height:1.7}
.rk-home-note{margin-top:18px;color:var(--rk-text-muted);font-size:12px;line-height:1.7}
.rk-search-query{color:var(--rk-cyan)}
.rk-search-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rk-search-summary span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.08);color:#cbd5e1;font-size:12px;font-weight:600}
.rk-search-summary span i{color:var(--rk-cyan)}
.rk-search-surface{padding:22px}
.rk-search-surface .sort-bar{margin-bottom:20px}
.rk-inline-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.rk-inline-filter .filter-option,.rk-inline-filter .sort-tab{margin:0 !important}

@keyframes rkShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .products-grid .product-card:hover{transform:none}
  .rk-spot-card:hover,.rk-player-card:hover{transform:none}
  .rp-card:hover{transform:none}
  .rk-ranking-item:hover{transform:none}
}

.article-hero{max-width:1400px;margin:0 auto 20px;padding:0 24px}
.article-hero .testh2{margin:0;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#030918 0%,#081626 46%,#0c1a30 100%);border:1px solid rgba(34,211,238,.12);box-shadow:0 24px 80px rgba(0,2,18,.45);font-size:clamp(28px,3vw,44px) !important;line-height:1.02;font-weight:800;letter-spacing:-.03em}
.cat-search-wrap,.layout-row11{max-width:1400px;margin:0 auto;padding:0 24px}
.cat-search-wrap{margin-bottom:18px}
.cat-layout,.products-box{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:24px;box-shadow:0 18px 50px rgba(0,2,18,.4)}
.cat-layout{max-width:1400px;margin:0 auto 24px;padding:20px 24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}
.cat-main{min-width:0}
.products-box{padding:18px}
.sort-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 18px;background:transparent !important;border:none !important;position:static !important;backdrop-filter:none !important}
.sort-bar .sort-tab{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
.layout-row11 .products-box{padding:22px}

/* === Detail info panel === */
.detail-info-panel{display:flex;flex-direction:column;gap:16px;margin:10px 0 0;padding:22px;border-radius:22px;background:var(--rk-surface);border:1px solid var(--rk-border);box-shadow:0 18px 50px rgba(0,2,18,.4);overflow:visible;max-width:100%}
@media(min-width:769px){.plr_20{overflow:hidden !important;max-width:50% !important;box-sizing:border-box !important}}
@media(max-width:768px){.plr_20{max-width:100% !important;overflow:visible !important;padding:0 10px !important;box-sizing:border-box !important}}
.detail-kicker-row{display:flex;flex-wrap:wrap;gap:10px}
.detail-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.detail-meta-card{padding:14px 16px;border-radius:16px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.06)}
.detail-info-panel .pdp-price{margin:0 !important}
.detail-info-panel .price-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(12,20,37,.95),rgba(0,2,18,.95));border:1px solid rgba(34,211,238,.08)}
.detail-price-row{align-items:flex-end !important;gap:12px;flex-wrap:wrap}
.detail-price-row span[style*="margin-left:20px"]{display:none !important}
.detail-price-divider{display:inline-flex;align-items:center;padding:0 6px;color:var(--rk-text-secondary);font-size:13px}
.detail-actions{margin-top:0 !important;padding:18px;border-radius:18px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.08)}
.detail-actions .pro_buyNowBtn{font-size:15px;padding:14px 18px}
.detail-actions .prolistli{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-actions .prolistli .action-btn{width:100%;display:flex;align-items:center;justify-content:center}
.detail-options-panel{padding:18px;border-radius:18px;background:var(--rk-surface-2);border:1px solid rgba(34,211,238,.08)}
.detail-options-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.detail-options-list .fg-options{list-style:none;margin:0;padding:0}
.detail-options-list .fg-options > dl{margin:0}
.detail-options-list .styleimg{display:flex;flex-wrap:wrap;gap:10px}
.detail-options-list .styleimg li{list-style:none}
.detail-options-list .goodsinfo-qty-box{display:inline-flex;align-items:center;gap:8px;float:none !important}
.detail-options-list .qty-jian,.detail-options-list .qty-jia{list-style:none}
.detail-options-list .qty-jian img,.detail-options-list .qty-jia img{width:18px;height:18px}
@media(min-width:769px){.pdp-style-overwrapper{overflow:hidden !important}.pdp-style-overwrapper .layout-column{overflow:hidden !important}}
@media(max-width:768px){.pdp-style-overwrapper,.pdp-style-overwrapper .layout-column{overflow-x:hidden !important;overflow-y:visible !important;max-width:100vw !important}}
#bcpo{max-width:100% !important;overflow:hidden !important}
#bcpo .bcpo-buttons{display:flex !important;flex-wrap:wrap !important;gap:6px !important;max-width:100% !important}
#bcpo .bcpo-buttons label.bcpo-front-button-label,#bcpo button.bcpo-front-button-label{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:11px !important;padding:6px 10px !important;background:var(--rk-surface-2) !important;color:var(--rk-text) !important;border:1px solid var(--rk-border-light) !important;border-radius:8px !important}
#bcpo .bcpo-buttons input:checked + .bcpo-front-button-label{border-color:var(--rk-cyan) !important;background:rgba(34,211,238,.1) !important;color:var(--rk-cyan) !important}
#bcpo .bcpo-label{color:var(--rk-text) !important;font-weight:600 !important}
#bcpo .bcpo-label > label{color:var(--rk-text) !important}
#bcpo select{background:var(--rk-surface-2) !important;color:var(--rk-text) !important;border:1px solid var(--rk-border) !important;border-radius:8px !important}
.detail-options-panel{overflow:hidden !important;max-width:100% !important;box-sizing:border-box !important}
.detail-options-list{overflow:hidden !important;max-width:100% !important}
.detail-options-list table{width:100% !important;table-layout:fixed !important;max-width:100% !important}
.detail-options-list table td{word-break:break-all !important;overflow:hidden !important}
.styleimg{max-width:100% !important;overflow:hidden !important}
.styleimg span{max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;word-break:break-all !important;box-sizing:border-box !important}
.detail-actions .pro_buyNowBtn{width:100% !important;box-sizing:border-box !important}

/* === Footer === */
.rk-footer{margin-top:60px;padding:36px 0 28px;background:linear-gradient(180deg,rgba(0,2,18,.96),var(--rk-bg-deep));border-top:1px solid rgba(34,211,238,.15);box-shadow:0 -24px 48px rgba(34,211,238,.04)}
.rk-footer__inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.rk-footer__brand{display:flex;flex-direction:column;gap:8px}
.rk-footer__brand > .tt-box-copyright:nth-of-type(2){display:none}
.rk-footer__meta{margin:0;max-width:560px;color:var(--rk-text-muted);font-size:13px;line-height:1.65}
.rk-footer__links{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:flex-end}
.rk-footer__links li{list-style:none}
.rk-backtop{
  right:16px !important;bottom:16px !important;
  width:46px;height:46px;border-radius:14px;
  background:rgba(3,9,24,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(34,211,238,.1);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,2,18,.5);
  z-index:998;
  text-decoration:none !important;
}
.rk-backtop:hover{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.08)}
.rk-backtop:active{transform:scale(.9)}
.rk-backtop img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.82}
.rk-backtop i{color:var(--rk-cyan);font-size:20px}
.floating-buttons{bottom:118px !important}

/* =================================================================
   RESPONSIVE BREAKPOINTS
   ================================================================= */
@media (max-width:1200px){
  .rk-home-hero,.rk-board-grid,.cat-layout{grid-template-columns:1fr}
  .rk-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rk-ranking-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-data-hero__inner{grid-template-columns:minmax(0,1fr)}
  .rk-category-shell{grid-template-columns:1fr}
  .rk-category-sidebar{position:static}
  .rk-products-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .rk-spot-grid--players{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .rk-page-shell,.article-hero,.cat-search-wrap,.layout-row11{padding-left:16px;padding-right:16px}
  .article-hero .testh2{padding:22px 20px}
  .rk-stat-stack,.rk-ranking-list{grid-template-columns:1fr}
  .rk-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rk-data-hero,.rk-category-shell{padding-left:16px;padding-right:16px}
  .rk-data-hero__inner{padding:22px}
  .rk-data-hero__metrics,.detail-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-spot-grid,.rk-spot-grid--players{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .detail-actions .prolistli{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-footer__inner{flex-direction:column}
  .rk-footer__links{justify-content:flex-start}
}
@media (max-width:640px){
  .rk-home-hero,.rk-ranking-board,.rk-side-card,.rk-results-wrap,.cat-layout,.products-box{padding:16px}
  .rk-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-data-hero__copy h1{max-width:none}
  .rk-data-hero__metrics,.detail-meta-row{grid-template-columns:1fr}
  .rk-section,.rk-chip-bar,.detail-info-panel,.detail-actions,.detail-options-panel{padding:16px}
  .rk-section-head{align-items:flex-start;flex-direction:column}
  .rk-spot-grid,.rk-spot-grid--players,.rk-products-grid{grid-template-columns:1fr !important}
  .detail-actions .prolistli{grid-template-columns:1fr}
  .rk-chip-row{width:100%}
  .rk-chip{flex:1 1 auto}
  .floating-buttons{bottom:90px !important}
}