/* 리스폰베이스 — DARK esports/스트리밍 기획전 테마 */
:root{
  --rb-bg:#0e1015;
  --rb-bg2:#14161d;
  --rb-surf:#191c25;
  --rb-surf2:#1f2330;
  --rb-line:#2a2f3d;
  --rb-line2:#363c4d;
  --rb-tx:#e9ebf1;
  --rb-tx2:#b6bccb;
  --rb-mut:#868da0;
  --rb-vio:#7c3aed;
  --rb-vio2:#9a68f5;
  --rb-vioD:#5b23c0;
  --rb-lime:#a3e635;
  --rb-limeD:#84c516;
  --rb-red:#ff5470;
  --rb-gold:#ffc255;
  --rb-radius:14px;
  --rb-shadow:0 8px 30px rgba(0,0,0,.45);
  --rb-wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--rb-bg);color:var(--rb-tx);
  font-family:"Nanum Gothic","Apple SD Gothic Neo",sans-serif;
  font-size:15px;line-height:1.65;letter-spacing:-.1px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:800;line-height:1.25;letter-spacing:-.4px}
.rb_disp,.rb_hero_h,.rb_sec_h,.rb_page_h,.rb_brand b,.rb_cd b,.rb_hero_rank,.rb_e404_big,.rb_rankno{
  font-family:"Jua",sans-serif;font-weight:400;letter-spacing:0;
}
button{font-family:inherit;cursor:pointer}
.rb_skip{position:absolute;left:-9999px;top:0}
.rb_skip:focus{left:8px;top:8px;z-index:200;background:var(--rb-lime);color:#0e1015;padding:8px 14px;border-radius:8px}

/* ---------- 티커 ---------- */
.rb_ticker{background:linear-gradient(90deg,var(--rb-vioD),var(--rb-vio));color:#fff;font-size:13px}
.rb_ticker_in{max-width:var(--rb-wrap);margin:0 auto;padding:7px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.rb_ticker_flag{font-weight:700}
.rb_clock{font-variant-numeric:tabular-nums;background:rgba(0,0,0,.28);padding:3px 10px;border-radius:20px;letter-spacing:.3px}
.rb_clock b{color:var(--rb-lime);font-weight:800}
.rb_ticker_more{margin-left:auto;opacity:.92}
@media(max-width:700px){.rb_ticker_more{display:none}}

/* ---------- 헤더 ---------- */
.rb_top{position:sticky;top:0;z-index:100;background:rgba(14,16,21,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rb-line)}
.rb_top_in{max-width:var(--rb-wrap);margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:18px}
.rb_brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.rb_brand_txt{display:flex;flex-direction:column;line-height:1}
.rb_brand_txt b{font-size:20px;color:#fff}
.rb_brand_txt em{font-style:normal;font-size:11px;color:var(--rb-mut);margin-top:3px}
.rb_find{flex:1 1 auto;display:flex;max-width:560px;background:var(--rb-surf);border:1px solid var(--rb-line2);border-radius:24px;overflow:hidden}
.rb_find input{flex:1;border:0;background:transparent;color:var(--rb-tx);padding:10px 16px;font-size:14px;outline:none}
.rb_find input::placeholder{color:var(--rb-mut)}
.rb_find button{border:0;background:transparent;color:var(--rb-lime);padding:0 14px;display:flex;align-items:center}
.rb_top_act{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.rb_top_lk{font-size:13px;color:var(--rb-tx2)}
.rb_top_lk:hover{color:var(--rb-lime)}
.rb_bag_btn{position:relative;display:flex;align-items:center;gap:7px;background:var(--rb-lime);color:#0e1015;border:0;padding:9px 16px;border-radius:22px;font-weight:800;font-size:13px}
.rb_bag_btn:hover{background:var(--rb-limeD)}
.rb_bag_n{position:absolute;top:-6px;right:-6px;background:var(--rb-red);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.rb_nav{border-top:1px solid var(--rb-line)}
.rb_nav_in{max-width:var(--rb-wrap);margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.rb_nav_in::-webkit-scrollbar{display:none}
.rb_nav_in a{padding:12px 14px;font-size:14px;font-weight:700;color:var(--rb-tx2);white-space:nowrap;border-bottom:2px solid transparent}
.rb_nav_in a:hover{color:#fff}
.rb_nav_in a.on{color:var(--rb-lime);border-bottom-color:var(--rb-lime)}
.rb_hotbar{background:var(--rb-bg2);border-top:1px solid var(--rb-line)}
.rb_hotbar{display:flex;align-items:center;max-width:var(--rb-wrap);margin:0 auto;padding:8px 16px;gap:10px}
.rb_hotbar_lb{flex:0 0 auto;font-weight:800;font-size:11px;color:var(--rb-vio2);letter-spacing:1px}
.rb_hotbar_in{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.rb_hotbar_in::-webkit-scrollbar{display:none}
.rb_chip{flex:0 0 auto;font-size:12px;color:var(--rb-tx2);background:var(--rb-surf);border:1px solid var(--rb-line2);padding:5px 11px;border-radius:16px;white-space:nowrap}
.rb_chip:hover{border-color:var(--rb-lime);color:var(--rb-lime)}

/* ---------- 레이아웃 ---------- */
.rb_main{max-width:var(--rb-wrap);margin:0 auto;padding:22px 16px 60px}
.rb_main_wide{max-width:1280px}
.rb_page_narrow{max-width:720px;margin:0 auto}
.rb_crumb{font-size:12px;color:var(--rb-mut);margin-bottom:10px}
.rb_crumb a:hover{color:var(--rb-lime)}
.rb_crumb span{opacity:.5;margin:0 4px}
.rb_page_head{margin-bottom:18px}
.rb_page_h{font-size:26px;color:#fff;margin-bottom:6px}
.rb_page_cnt{font-size:15px;color:var(--rb-lime);font-family:"Nanum Gothic",sans-serif;font-weight:800;margin-left:6px}
.rb_page_lead{color:var(--rb-tx2);font-size:14px}

/* ---------- 히어로 ---------- */
.rb_hero{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(120% 140% at 15% 0%,#241452 0%,#151826 46%,#0e1015 100%);border:1px solid var(--rb-line2);padding:34px;margin-bottom:26px}
.rb_hero_glow{position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;background:radial-gradient(circle,rgba(163,230,53,.22),transparent 62%);pointer-events:none}
.rb_hero_grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.rb_hero_kick{display:inline-block;background:rgba(163,230,53,.15);color:var(--rb-lime);font-weight:800;font-size:12px;letter-spacing:1px;padding:5px 12px;border-radius:20px;border:1px solid rgba(163,230,53,.35)}
.rb_hero_h{font-size:40px;color:#fff;margin:16px 0 12px;line-height:1.15}
.rb_hero_h em{font-style:normal;color:var(--rb-lime)}
.rb_hero_p{color:var(--rb-tx2);font-size:15px;max-width:520px;margin-bottom:20px}
.rb_hero_clock{display:flex;gap:12px;margin-bottom:22px}
.rb_cd{background:var(--rb-bg2);border:1px solid var(--rb-line2);border-radius:12px;min-width:66px;padding:10px 6px;text-align:center}
.rb_cd b{display:block;font-size:32px;color:var(--rb-lime);line-height:1;font-variant-numeric:tabular-nums}
.rb_cd span{font-size:11px;color:var(--rb-mut)}
.rb_hero_cta{display:flex;gap:12px;flex-wrap:wrap}
.rb_hero_lead_center{text-align:center;grid-column:1/-1}
.rb_hero_lead_center .rb_hero_p{margin-left:auto;margin-right:auto}
.rb_hero_lead_center .rb_hero_clock{justify-content:center}
.rb_hero_event{padding:40px 30px}
/* 히어로 보드 */
.rb_hero_board{background:rgba(20,22,29,.72);border:1px solid var(--rb-line2);border-radius:16px;padding:14px}
.rb_hero_board_lb{display:block;font-weight:800;font-size:12px;color:var(--rb-gold);margin:2px 4px 10px}
.rb_hero_item{display:flex;align-items:center;gap:12px;padding:9px;border-radius:11px}
.rb_hero_item:hover{background:var(--rb-surf)}
.rb_hero_rank{flex:0 0 auto;width:26px;text-align:center;font-size:20px;color:var(--rb-vio2)}
.rb_hero_thumb{flex:0 0 auto;width:52px;height:52px;border-radius:9px;overflow:hidden;background:var(--rb-bg)}
.rb_hero_thumb img{width:100%;height:100%;object-fit:cover}
.rb_hero_info{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.rb_hero_info b{font-size:13px;color:var(--rb-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb_hero_info em{font-style:normal;font-size:11px;color:var(--rb-mut)}
.rb_hero_price{font-weight:800;font-size:13px;color:var(--rb-lime)}

/* ---------- 버튼 ---------- */
.rb_btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800;transition:.15s;line-height:1.2}
.rb_btn_lg{padding:13px 22px;font-size:15px}
.rb_btn_block{display:flex;width:100%;margin-top:8px}
.rb_btn_go{background:var(--rb-lime);color:#0e1015}
.rb_btn_go:hover{background:var(--rb-limeD)}
.rb_btn_add{background:var(--rb-vio);color:#fff}
.rb_btn_add:hover{background:var(--rb-vio2)}
.rb_btn_line{background:transparent;border-color:var(--rb-line2);color:var(--rb-tx)}
.rb_btn_line:hover{border-color:var(--rb-lime);color:var(--rb-lime)}
.rb_btn_ghost{background:var(--rb-surf);color:var(--rb-tx2)}
.rb_btn_ghost:hover{color:#fff}
.rb_btn_off{background:var(--rb-surf2);color:var(--rb-mut);cursor:not-allowed}

/* ---------- 섹션 ---------- */
.rb_sec{margin:34px 0}
.rb_sec_head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;border-bottom:1px solid var(--rb-line);padding-bottom:10px}
.rb_sec_h{font-size:22px;color:#fff}
.rb_sec_sub{display:inline-block;font-size:13px;color:var(--rb-mut);font-family:"Nanum Gothic",sans-serif;font-weight:400;margin-left:8px}
.rb_sec_more{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--rb-vio2)}
.rb_sec_more:hover{color:var(--rb-lime)}
.rb_sec_pick{background:linear-gradient(180deg,rgba(124,58,237,.09),transparent);border-radius:16px;padding:18px;border:1px solid var(--rb-line)}

/* ---------- 그리드 & 카드 ---------- */
.rb_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.rb_grid>*{min-width:0}
.rb_grid_cat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.rb_rankwrap{position:relative}
.rb_rankno{position:absolute;top:-8px;left:-6px;z-index:3;background:var(--rb-vio);color:#fff;font-size:14px;padding:3px 10px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.rb_pk{display:flex;flex-direction:column;background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:var(--rb-radius);overflow:hidden;transition:.16s}
.rb_pk:hover{border-color:var(--rb-line2);transform:translateY(-3px);box-shadow:var(--rb-shadow)}
.rb_pk_ph{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--rb-bg2)}
.rb_pk_ph img{width:100%;height:100%;object-fit:cover;transition:.3s}
.rb_pk:hover .rb_pk_ph img{transform:scale(1.05)}
.rb_pk_off{position:absolute;top:8px;left:8px;background:var(--rb-red);color:#fff;font-weight:800;font-size:15px;padding:4px 8px;border-radius:8px;line-height:1}
.rb_pk_off small{font-size:9px;display:block;font-weight:700;margin-top:1px}
.rb_pk_toon{position:absolute;top:8px;right:8px;background:rgba(124,58,237,.92);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}
.rb_pk_sold{position:absolute;inset:0;background:rgba(14,16,21,.66);color:#fff;font-weight:800;letter-spacing:2px;display:flex;align-items:center;justify-content:center}
.rb_pk_body{display:flex;flex-direction:column;gap:7px;padding:12px 13px 14px;flex:1}
.rb_pk_meta{display:flex;gap:6px;align-items:center}
.rb_pk_rig{font-size:11px;color:var(--rb-vio2);font-weight:700;background:rgba(124,58,237,.13);padding:2px 7px;border-radius:5px}
.rb_pk_state{font-size:11px;padding:2px 7px;border-radius:5px;font-weight:700}
.rb_pk_state_new{color:var(--rb-lime);background:rgba(163,230,53,.13)}
.rb_pk_state_used{color:var(--rb-gold);background:rgba(255,194,85,.13)}
.rb_pk_ttl{font-size:14px;font-weight:700;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rb_pk_ttl a:hover{color:var(--rb-lime)}
.rb_pk_price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rb_pk_was{color:var(--rb-mut);font-size:12px;text-decoration:line-through}
.rb_pk_now{color:#fff;font-size:18px;font-weight:800}
.rb_pk_sub{display:flex;gap:8px;align-items:center;font-size:11px}
.rb_pk_vat{color:var(--rb-mut)}
.rb_pk_flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.rb_flag{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:5px;border:1px solid var(--rb-line2);color:var(--rb-tx2)}
.rb_flag_free{color:var(--rb-lime);border-color:rgba(163,230,53,.4)}
.rb_flag_halbu{color:var(--rb-vio2);border-color:rgba(124,58,237,.4)}
.rb_flag_sale{color:var(--rb-red);border-color:rgba(255,84,112,.4)}
.rb_flag_used{color:var(--rb-gold)}
.rb_flag_new{color:var(--rb-lime)}
.rb_flag_toon{color:var(--rb-vio2)}
.rb_pk .rb_btn{margin-top:4px;width:100%}
.rb_pk.is_sold{opacity:.85}

/* ---------- 필터 ---------- */
.rb_filt{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px;padding:14px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}
.rb_filt_grp{display:flex;gap:10px;align-items:flex-start}
.rb_filt_lb{flex:0 0 66px;font-size:12px;font-weight:800;color:var(--rb-mut);padding-top:6px}
.rb_filt_row{display:flex;flex-wrap:wrap;gap:7px;flex:1}
.rb_ch{font-size:13px;color:var(--rb-tx2);background:var(--rb-bg2);border:1px solid var(--rb-line2);padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}
.rb_ch i{font-style:normal;font-size:10px;color:var(--rb-mut)}
.rb_ch:hover{border-color:var(--rb-vio2);color:#fff}
.rb_ch.on{background:var(--rb-vio);border-color:var(--rb-vio);color:#fff}
.rb_ch.on i{color:rgba(255,255,255,.75)}
.rb_ch_tag.on{background:var(--rb-lime);color:#0e1015;border-color:var(--rb-lime)}
.rb_ch_sort.on{background:var(--rb-surf2);border-color:var(--rb-lime);color:var(--rb-lime)}
.rb_filt_cloud .rb_filt_row{gap:6px}

/* ---------- PDP ---------- */
.rb_pdp_top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:6px 0 8px}
.rb_gal_main{position:relative;border-radius:16px;overflow:hidden;background:var(--rb-bg2);border:1px solid var(--rb-line);aspect-ratio:1/1}
.rb_gal_main img{width:100%;height:100%;object-fit:contain}
.rb_gal_off{position:absolute;top:12px;left:12px;background:var(--rb-red);color:#fff;font-weight:800;padding:5px 12px;border-radius:8px}
.rb_gal_sold{position:absolute;inset:0;background:rgba(14,16,21,.6);color:#fff;font-weight:800;letter-spacing:3px;display:flex;align-items:center;justify-content:center}
.rb_gal_thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.rb_gal_th{width:66px;height:66px;border-radius:9px;overflow:hidden;border:2px solid var(--rb-line2);background:var(--rb-bg2);padding:0}
.rb_gal_th img{width:100%;height:100%;object-fit:cover}
.rb_gal_th.on{border-color:var(--rb-lime)}
.rb_pdp_tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.rb_pdp_ttl{font-size:26px;color:#fff;margin-bottom:6px;line-height:1.25}
.rb_pdp_line{color:var(--rb-tx2);font-size:14px;margin-bottom:16px}
.rb_pdp_price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--rb-line);border-bottom:1px solid var(--rb-line)}
.rb_pdp_was{color:var(--rb-mut);text-decoration:line-through;font-size:15px}
.rb_pdp_pct{color:var(--rb-red);font-weight:800;font-size:20px}
.rb_pdp_now{color:#fff;font-size:30px;font-weight:800}
.rb_pdp_vat{color:var(--rb-mut);font-size:12px}
.rb_score{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rb-line);border:1px solid var(--rb-line);border-radius:12px;overflow:hidden;margin:16px 0}
.rb_score>div{background:var(--rb-surf);padding:11px 13px}
.rb_score dt{font-size:11px;color:var(--rb-mut);margin-bottom:3px}
.rb_score dd{margin:0;font-size:14px;color:#fff;font-weight:700}
.rb_callout{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.rb_callout_it{display:flex;align-items:center;gap:10px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:10px;padding:10px 13px;font-size:13.5px;color:var(--rb-tx)}
.rb_callout_tag{flex:0 0 auto;font-size:11px;font-weight:800;color:#fff;background:var(--rb-vio);padding:3px 9px;border-radius:6px}
.rb_buybox{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 10px}
.rb_qtybox{display:flex;align-items:center;border:1px solid var(--rb-line2);border-radius:10px;overflow:hidden;background:var(--rb-bg2)}
.rb_qtybox button{width:40px;height:44px;border:0;background:transparent;color:var(--rb-tx);font-size:20px}
.rb_qtybox button:hover{color:var(--rb-lime)}
.rb_qtybox input{width:48px;height:44px;border:0;background:transparent;color:#fff;text-align:center;font-size:15px;font-weight:700;outline:none}
.rb_buybox .rb_btn{flex:1;min-width:130px}
.rb_pdp_ship{font-size:12px;color:var(--rb-mut)}
.rb_desc{margin:30px 0}
.rb_desc_h{font-size:20px;color:#fff;border-left:4px solid var(--rb-lime);padding-left:12px;margin-bottom:14px}
.rb_desc_body{color:var(--rb-tx2);font-size:15px;line-height:1.9;background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:12px;padding:18px 20px}
.rb_desc_pts{color:var(--rb-tx2);font-size:14px;margin:14px 0;padding-left:20px}
.rb_desc_pts li{margin:5px 0}
.rb_desc_shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:16px}
.rb_desc_shots img{width:100%;border-radius:12px;border:1px solid var(--rb-line)}

/* ---------- 모달 장바구니 ---------- */
.rb_modal_scrim{position:fixed;inset:0;background:rgba(6,7,10,.6);z-index:150;backdrop-filter:blur(2px)}
.rb_modal{position:fixed;top:0;right:0;height:100%;width:420px;max-width:92vw;background:var(--rb-bg2);border-left:1px solid var(--rb-line2);z-index:160;transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.rb_modal.open{transform:none}
.rb_modal_top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--rb-line)}
.rb_modal_ttl{font-size:17px;color:#fff;font-weight:800}
.rb_modal_ttl span{color:var(--rb-lime)}
.rb_modal_x{background:transparent;border:0;color:var(--rb-tx2);font-size:18px}
.rb_modal_x:hover{color:#fff}
.rb_modal_body{flex:1;overflow-y:auto;padding:8px 14px}
.rb_bag_empty{color:var(--rb-mut);text-align:center;padding:40px 10px;font-size:14px}
.rb_bag_row{display:grid;grid-template-columns:58px 1fr auto;grid-template-areas:"img info del" "img qty line";gap:6px 12px;padding:14px 4px;border-bottom:1px solid var(--rb-line)}
.rb_bag_row img{grid-area:img;width:58px;height:58px;border-radius:9px;object-fit:cover;background:var(--rb-bg)}
.rb_bag_info{grid-area:info;min-width:0}
.rb_bag_info a{font-size:13px;font-weight:700;color:var(--rb-tx);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb_bag_info a:hover{color:var(--rb-lime)}
.rb_bag_rig{font-size:11px;color:var(--rb-mut)}
.rb_bag_qty{grid-area:qty;display:inline-flex;align-items:center;gap:2px;background:var(--rb-surf);border:1px solid var(--rb-line2);border-radius:8px;align-self:start;width:max-content}
.rb_bag_qty button{width:28px;height:28px;border:0;background:transparent;color:var(--rb-tx);font-size:15px}
.rb_bag_qty b{min-width:24px;text-align:center;font-size:13px}
.rb_bag_line{grid-area:line;align-self:center;text-align:right;font-weight:800;color:#fff;font-size:14px}
.rb_bag_del{grid-area:del;justify-self:end;background:transparent;border:0;color:var(--rb-mut);font-size:13px}
.rb_bag_del:hover{color:var(--rb-red)}
.rb_modal_foot{border-top:1px solid var(--rb-line);padding:14px 18px}
.rb_bag_srow{display:flex;justify-content:space-between;font-size:13px;color:var(--rb-tx2);margin:5px 0}
.rb_bag_srow_tot{font-size:16px;color:#fff;font-weight:800;border-top:1px dashed var(--rb-line2);padding-top:9px;margin-top:9px}
.rb_bag_srow_tot b{color:var(--rb-lime)}
.rb_bag_ship_note{font-size:11px;color:var(--rb-mut);margin:6px 0 10px}
.rb_bag_acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rb_bag_acts .rb_btn_go{grid-column:1/-1}

/* ---------- 장바구니 페이지 ---------- */
.rb_cart{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.rb_cart_list{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px;overflow:hidden}
.rb_cart_th{display:grid;grid-template-columns:1fr 130px 120px 40px;padding:12px 16px;font-size:12px;color:var(--rb-mut);border-bottom:1px solid var(--rb-line);text-align:center}
.rb_cart_th span:first-child{text-align:left}
.rb_cart_row{display:grid;grid-template-columns:1fr 130px 120px 40px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--rb-line);gap:10px}
.rb_cart_prod{display:flex;gap:12px;align-items:center;min-width:0}
.rb_cart_ph img{width:76px;height:76px;border-radius:10px;object-fit:cover;background:var(--rb-bg2)}
.rb_cart_txt{min-width:0}
.rb_cart_txt a{font-weight:700;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb_cart_txt a:hover{color:var(--rb-lime)}
.rb_cart_rig{font-size:12px;color:var(--rb-mut)}
.rb_cart_qty{display:inline-flex;align-items:center;gap:2px;background:var(--rb-bg2);border:1px solid var(--rb-line2);border-radius:8px;justify-self:center;width:max-content}
.rb_cart_qty button{width:30px;height:32px;border:0;background:transparent;color:var(--rb-tx);font-size:16px}
.rb_cart_qty b{min-width:26px;text-align:center}
.rb_cart_line{text-align:center;font-weight:800;color:#fff}
.rb_cart_del{background:transparent;border:0;color:var(--rb-mut);font-size:14px;justify-self:center}
.rb_cart_del:hover{color:var(--rb-red)}
.rb_summary{background:var(--rb-surf);border:1px solid var(--rb-line2);border-radius:14px;padding:18px;position:sticky;top:150px}
.rb_summary_h{font-size:16px;color:#fff;margin-bottom:14px}
.rb_summary_row{display:flex;justify-content:space-between;font-size:14px;color:var(--rb-tx2);margin:9px 0}
.rb_summary_tot{font-size:18px;color:#fff;font-weight:800;border-top:1px solid var(--rb-line);padding-top:12px;margin-top:12px}
.rb_summary_tot b{color:var(--rb-lime)}
.rb_summary_note{font-size:12px;color:var(--rb-mut);margin:10px 0}
.rb_empty{text-align:center;padding:60px 16px;background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px}
.rb_empty p{color:var(--rb-tx2);margin-bottom:16px}

/* ---------- 체크아웃 ---------- */
.rb_checkout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.rb_fs{border:1px solid var(--rb-line);border-radius:14px;padding:18px 20px;margin:0 0 18px;background:var(--rb-surf)}
.rb_fs legend{padding:0 8px;font-weight:800;color:#fff;font-size:15px}
.rb_fld{display:flex;flex-direction:column;gap:5px;margin:10px 0}
.rb_fld span{font-size:13px;color:var(--rb-tx2)}
.rb_fld i{color:var(--rb-red);font-style:normal}
.rb_fld input{background:var(--rb-bg2);border:1px solid var(--rb-line2);border-radius:9px;padding:11px 13px;color:#fff;font-size:14px;outline:none}
.rb_fld input:focus{border-color:var(--rb-lime)}
.rb_pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.rb_pay{display:flex;align-items:center;gap:8px;background:var(--rb-bg2);border:1px solid var(--rb-line2);border-radius:9px;padding:10px 12px;font-size:13px;cursor:pointer}
.rb_pay input{accent-color:var(--rb-vio)}
.rb_pay_note{font-size:12px;color:var(--rb-mut);margin:12px 0 0;line-height:1.7}
.rb_pay_note b{color:var(--rb-lime)}
.rb_agree{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--rb-tx2);background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:12px;padding:14px 16px}
.rb_agree a{color:var(--rb-lime);text-decoration:underline}
.rb_agree input{margin-top:3px;accent-color:var(--rb-lime)}
.rb_ord_list{list-style:none;margin:0 0 14px;padding:0;max-height:280px;overflow-y:auto}
.rb_ord_list li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--rb-line);font-size:12px}
.rb_ord_list img{width:44px;height:44px;border-radius:7px;object-fit:cover}
.rb_ord_nm{flex:1;min-width:0;color:var(--rb-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb_ord_qt{color:var(--rb-mut)}
.rb_ord_pr{font-weight:700;color:#fff}

/* ---------- 주문완료 / 404 ---------- */
.rb_done{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:16px;padding:34px 28px;text-align:center}
.rb_done_ic{width:64px;height:64px;border-radius:50%;background:var(--rb-lime);color:#0e1015;font-size:34px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.rb_done_h{font-size:23px;color:#fff;margin-bottom:8px}
.rb_done_no{color:var(--rb-tx2);margin-bottom:4px}
.rb_done_no b{color:var(--rb-lime)}
.rb_done_lead{color:var(--rb-gold);font-size:14px;margin-bottom:20px}
.rb_done_steps{text-align:left;max-width:560px;margin:0 auto 22px;padding-left:20px;color:var(--rb-tx2);font-size:14px;line-height:1.8}
.rb_done_steps li{margin:9px 0}
.rb_done_steps b{color:#fff}
.rb_done_steps a{color:var(--rb-lime);text-decoration:underline}
.rb_done_acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rb_done_help{margin-top:18px;font-size:12px;color:var(--rb-mut)}
.rb_e404{text-align:center;padding:50px 16px}
.rb_e404_big{font-size:96px;color:var(--rb-vio2);line-height:1;display:block}
.rb_e404_h{font-size:24px;color:#fff;margin:8px 0}
.rb_e404_p{color:var(--rb-tx2);margin-bottom:22px}

/* ---------- 문서/약관/고객센터 ---------- */
.rb_page_doc .rb_doc,.rb_doc{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px;padding:24px 26px;color:var(--rb-tx2);font-size:14.5px;line-height:1.85}
.rb_doc h2{font-size:18px;color:#fff;margin:22px 0 10px}
.rb_doc h2:first-child{margin-top:0}
.rb_doc p{margin:8px 0}
.rb_doc_list{margin:8px 0;padding-left:20px}
.rb_doc_list li{margin:5px 0}
.rb_doc_law h2{font-size:16px;border-left:3px solid var(--rb-vio);padding-left:10px}
.rb_doc_date{margin-top:20px;font-size:12px;color:var(--rb-mut);border-top:1px solid var(--rb-line);padding-top:14px}
.rb_biztbl{width:100%;border-collapse:collapse;margin-top:8px}
.rb_biztbl th,.rb_biztbl td{border:1px solid var(--rb-line);padding:10px 12px;text-align:left;font-size:14px}
.rb_biztbl th{background:var(--rb-bg2);color:var(--rb-tx2);width:170px;font-weight:700}
.rb_biztbl td{color:#fff}
.rb_cs_grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.rb_cs_box{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px;padding:20px 22px}
.rb_cs_box h2{font-size:17px;color:#fff;margin-bottom:10px}
.rb_cs_p{color:var(--rb-tx2);font-size:14px;margin:8px 0}
.rb_lookup{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.rb_lookup_msg{margin-top:12px;font-size:13px;color:var(--rb-lime);background:rgba(163,230,53,.08);border:1px solid rgba(163,230,53,.3);border-radius:10px;padding:12px}
.rb_cs_list{list-style:none;margin:0 0 12px;padding:0}
.rb_cs_list li{padding:8px 0;border-bottom:1px solid var(--rb-line);font-size:14px;color:var(--rb-tx2)}
.rb_cs_list b{color:#fff;margin-right:8px}
.rb_cs_links{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.rb_cs_faq{background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:14px;padding:20px 22px}
.rb_cs_faq h2{font-size:17px;color:#fff;margin-bottom:10px}

/* ---------- FAQ / 에디토리얼 ---------- */
.rb_edit{margin-top:40px;background:var(--rb-surf);border:1px solid var(--rb-line);border-radius:16px;padding:28px 30px}
.rb_edit_in{max-width:860px}
.rb_edit h2{font-size:22px;color:#fff;margin:26px 0 12px}
.rb_edit h2:first-child{margin-top:0}
.rb_edit h3{font-size:17px;color:var(--rb-lime);margin:20px 0 8px}
.rb_edit p{color:var(--rb-tx2);font-size:15px;line-height:1.9;margin:8px 0}
.rb_edit b{color:#fff}
.rb_faq_h{border-top:1px solid var(--rb-line);padding-top:24px}
.rb_faq{display:flex;flex-direction:column;gap:8px}
.rb_faq_it{background:var(--rb-bg2);border:1px solid var(--rb-line2);border-radius:10px;padding:2px 16px}
.rb_faq_it summary{cursor:pointer;padding:13px 0;font-weight:700;color:var(--rb-tx);font-size:14.5px;list-style:none}
.rb_faq_it summary::-webkit-details-marker{display:none}
.rb_faq_it summary:before{content:"+";color:var(--rb-lime);font-weight:800;margin-right:10px}
.rb_faq_it[open] summary:before{content:"−"}
.rb_faq_it p{color:var(--rb-tx2);font-size:14px;line-height:1.8;margin:0 0 14px;padding-left:24px}

/* ---------- 스트리머·이스포츠 베이스 (포토 밴드) ---------- */
.rb_stream{margin:40px 0}
.rb_stream_band{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--rb-line2);min-height:340px;display:flex;align-items:flex-end}
.rb_stream_bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.rb_stream_ov{position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(14,16,21,.94) 0%,rgba(28,15,70,.80) 48%,rgba(124,58,237,.34) 100%),linear-gradient(0deg,rgba(14,16,21,.88),rgba(14,16,21,.12) 62%)}
.rb_stream_txt{position:relative;z-index:2;padding:32px 36px;max-width:640px}
.rb_stream_kick{display:inline-block;background:rgba(163,230,53,.15);color:var(--rb-lime);font-weight:800;font-size:12px;letter-spacing:1px;padding:5px 12px;border-radius:20px;border:1px solid rgba(163,230,53,.35)}
.rb_stream_h{font-family:"Jua",sans-serif;font-weight:400;letter-spacing:0;font-size:30px;color:#fff;margin:14px 0 12px;line-height:1.28;text-shadow:0 2px 16px rgba(0,0,0,.65)}
.rb_stream_h em{font-style:normal;color:var(--rb-lime)}
.rb_stream_p{color:var(--rb-tx);font-size:15px;line-height:1.85;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.rb_stream_strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.rb_stream_cell{margin:0}
.rb_stream_ph{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:14px;border:1px solid var(--rb-line);background:var(--rb-bg2)}
.rb_stream_ph img{width:100%;height:100%;object-fit:cover;transition:.3s}
.rb_stream_cell:hover .rb_stream_ph img{transform:scale(1.04)}
.rb_stream_cap{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--rb-tx2)}
.rb_stream_cap b{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--rb-lime);background:rgba(163,230,53,.12);border:1px solid rgba(163,230,53,.3);padding:3px 9px;border-radius:6px}

/* ---------- 푸터 ---------- */
.rb_foot{background:var(--rb-bg2);border-top:1px solid var(--rb-line);margin-top:50px}
.rb_foot_grid{max-width:var(--rb-wrap);margin:0 auto;padding:38px 16px 26px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:28px}
.rb_foot_col{display:flex;flex-direction:column;gap:8px}
.rb_foot_h{font-size:14px;color:#fff;margin-bottom:6px;font-weight:800}
.rb_foot_col a{font-size:13px;color:var(--rb-tx2)}
.rb_foot_col a:hover{color:var(--rb-lime)}
.rb_foot_tag{font-size:13px;color:var(--rb-tx2);line-height:1.7;margin:4px 0 0}
.rb_foot_pay{font-size:12px;color:var(--rb-mut);display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.rb_foot_pay b{width:100%;color:var(--rb-tx2);font-size:12px}
.rb_foot_pay span{background:var(--rb-surf);border:1px solid var(--rb-line2);border-radius:5px;padding:3px 8px}
.rb_foot_cs .rb_foot_tel{font-family:"Jua",sans-serif;font-size:22px;color:var(--rb-lime);margin:2px 0}
.rb_foot_hours,.rb_foot_mail,.rb_foot_escrow{font-size:12px;color:var(--rb-tx2);line-height:1.6;margin:0}
.rb_foot_escrow{color:var(--rb-mut);margin-top:6px}
.rb_foot_legal{border-top:1px solid var(--rb-line);background:var(--rb-bg)}
.rb_foot_biz{max-width:var(--rb-wrap);margin:0 auto;padding:2px 16px;font-size:12px;color:var(--rb-mut);display:flex;flex-wrap:wrap;gap:4px 16px}
.rb_foot_biz:first-child{padding-top:18px}
.rb_foot_biz b{color:var(--rb-tx2)}
.rb_foot_note{max-width:var(--rb-wrap);margin:8px auto 0;padding:0 16px;font-size:11.5px;color:var(--rb-mut);line-height:1.7}
.rb_foot_copy{max-width:var(--rb-wrap);margin:6px auto 0;padding:10px 16px 26px;font-size:12px;color:var(--rb-mut)}
.rb_brand_mark_sm{margin-bottom:4px}

/* ---------- 반응형 ---------- */
@media(max-width:960px){
  .rb_hero_grid{grid-template-columns:1fr}
  .rb_hero_h{font-size:32px}
  .rb_pdp_top{grid-template-columns:1fr;gap:20px}
  .rb_cart,.rb_checkout{grid-template-columns:1fr}
  .rb_summary{position:static}
  .rb_cs_grid{grid-template-columns:1fr}
  .rb_foot_grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{font-size:14px}
  .rb_top_in{flex-wrap:wrap;gap:10px}
  .rb_find{order:3;flex-basis:100%;max-width:none}
  .rb_hero{padding:22px 18px}
  .rb_hero_h{font-size:26px}
  .rb_cd{min-width:56px}
  .rb_cd b{font-size:26px}
  .rb_grid,.rb_grid_cat{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
  .rb_page_h{font-size:22px}
  .rb_pdp_now{font-size:25px}
  .rb_cart_th{display:none}
  .rb_cart_row{grid-template-columns:1fr auto;grid-template-areas:"prod prod" "qty line" "del del";gap:8px}
  .rb_cart_prod{grid-area:prod}
  .rb_cart_qty{grid-area:qty;justify-self:start}
  .rb_cart_line{grid-area:line;text-align:right}
  .rb_cart_del{grid-area:del;justify-self:end}
  .rb_score{grid-template-columns:repeat(2,1fr)}
  .rb_filt_grp{flex-direction:column;gap:6px}
  .rb_filt_lb{flex-basis:auto;padding-top:0}
  .rb_foot_grid{grid-template-columns:1fr}
  .rb_stream_band{min-height:260px}
  .rb_stream_txt{padding:22px 20px}
  .rb_stream_h{font-size:23px}
  .rb_stream_strip{grid-template-columns:1fr;gap:12px}
}
@media(min-width:1600px){
  .rb_main_wide{max-width:1440px}
  .rb_grid,.rb_grid_cat{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}