:root{
  --red:#e11d33; --red2:#ff5a45; --ink:#2b1f21; --muted:#8a7b7d;
  --line:#ffe2db; --card:#fff; --soft:#fff8f6; --pink:#fff1ee;
  --wrap:1280px;
  --grad:linear-gradient(135deg,var(--red2),var(--red));
}

/* Keep the selected quantity marker compact on desktop denomination cards. */
.cshop-catalog .cshop-denom-qb {
  top: 7px;
  right: 7px;
  z-index: 1;
  display: inline-flex;
  width: auto;
  min-width: 21px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 5px;
  border-radius: 999px;
  box-sizing: border-box;
  font-size: 9px;
  line-height: 18px;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: none !important;
}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px;}


.pc-shell{min-height:100vh;background:linear-gradient(180deg,var(--red,#e11d33) 0px,color-mix(in srgb,var(--red,#e11d33) 55%,var(--page-bg,#f3f4fc)) 300px,color-mix(in srgb,var(--red,#e11d33) 18%,var(--page-bg,#f3f4fc)) 620px,var(--page-bg,#f3f4fc) 940px);transition:background .5s ease;}
.pc-shell.pc-shell--plain{background:var(--page-bg,#f3f4fc);}

.topbar{background:rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.18);}
.topbar .wrap{height:38px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--head-text,#ffe3de);}
.topbar a{color:var(--head-text,#ffe3de);display:inline-flex;align-items:center;gap:6px;}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:#7bf7a8;display:inline-block;margin-right:6px;}
.topbar .login-pill{padding:4px 14px;border-radius:99px;background:#fff;color:var(--red);font-weight:700;}
.topbar .links{display:flex;align-items:center;gap:20px;}

.head .wrap{padding:16px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;}
.brand{display:flex;align-items:center;gap:10px;line-height:0;}
.brand img{height:80px;width:auto;filter:drop-shadow(0 4px 10px rgba(120,0,10,.25));}
.brand-txt{font-family:'Baloo 2',cursive;font-weight:800;font-size:24px;line-height:1;letter-spacing:.3px;}
.head .brand-txt{color:#fff;text-shadow:0 2px 8px rgba(120,0,10,.28);}
.foot .brand-txt{display:inline-block;color:var(--red);font-size:22px;margin-bottom:12px;}
.searchbar{display:flex;align-items:center;justify-content:center;}
.searchbar label{width:100%;max-width:660px;display:flex;align-items:center;gap:6px;background:#fff;border:3px solid color-mix(in srgb,var(--red) 28%,#fff);border-radius:99px;padding:0 6px 0 20px;height:52px;box-shadow:0 8px 24px rgba(150,10,20,.18);}
.searchbar .fa-magnifying-glass{color:var(--red);font-size:15px;}
.searchbar input{flex:1;background:transparent;border:0;outline:none;color:var(--ink);font-family:inherit;font-size:14px;padding:0 8px;}
.searchbar button{height:40px;padding:0 26px;border:0;border-radius:99px;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;}
.head-actions{display:flex;align-items:center;gap:10px;}
.icon-btn{position:relative;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.icon-btn .dot-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:99px;background:#ffcb3d;color:#5a2a00;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}

.app-pill{position:relative;height:46px;padding:0 22px;display:flex;align-items:center;gap:9px;border-radius:99px;background:var(--grad);border:1px solid rgb(255 255 255);color:#fff;font-weight:800;font-size:13.5px;transition:filter .16s,transform .16s;}
.app-pill:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff;}
.app-pill i{color:#fff;}
@media (max-width:640px){
  .head .wrap{gap:10px;padding:12px 14px;}
  .searchbar{min-width:0;}
  .searchbar label{height:42px;box-shadow:none;padding:0 4px 0 12px;border-width:2px;}
  .searchbar button{padding:0 13px;height:32px;font-size:12px;}
  .head-actions{gap:6px;}
  .head-actions .app-pill{display:none;}
  .icon-btn{width:38px;height:38px;border-radius:10px;font-size:14px;}
}

.nav{background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(150,10,20,.14);padding:0 10px;margin-bottom:16px;}
.nav-row{display:flex;align-items:stretch;gap:2px;}

@media (max-width:900px){
  .nav-row{overflow-x:auto;scrollbar-width:none;}
  .nav-row::-webkit-scrollbar{display:none;}
  .nav-link{white-space:nowrap;padding:15px 13px;font-size:13.5px;}
}
.nav-link{display:flex;align-items:center;gap:8px;padding:17px 18px;font-size:14.5px;font-weight:600;color:#5c4b4e;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;}
.nav-link i{font-size:14px;}
.nav-link:hover,.nav-link.is-active{color:var(--red);border-bottom-color:var(--red);}
.nav-link.is-active{font-weight:700;}
.nav-link.right{margin-left:auto;}
.nav-item{display:flex;align-items:stretch;position:relative;}
.nav-item.right{margin-left:auto;}
.nav-item .nav-link{cursor:pointer;}
.nav-caret i{font-size:10px;opacity:.65;transition:transform .18s;}
.nav-item.has-drop:hover .nav-caret i{transform:rotate(180deg);}
.nav-drop{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(150,10,20,.15);padding:8px;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s;z-index:40;}
.nav-item.has-drop:hover .nav-drop{opacity:1;visibility:visible;transform:translateY(0);}
.nav-drop-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--ink);transition:background .14s,color .14s;}
.nav-drop-item:hover{background:var(--soft);}
.nav-drop-thumb .game-logo{width:42px;height:42px;border-radius:11px;flex:none;}
.nav-drop-thumb .game-logo img{width:100%;height:100%;object-fit:contain;padding:3px;}
.nav-drop-ic{width:42px;height:42px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--pink);}
.nav-drop-ic i{font-size:17px;color:var(--red);}
.nav-drop-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.nav-drop-txt b{font-size:14px;font-weight:700;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-drop-item:hover .nav-drop-txt b{color:var(--red);}
.nav-drop-txt small{font-size:11.5px;color:var(--muted);font-weight:600;}
.nav-drop-item.is-soon{cursor:default;}
.nav-drop-item.is-soon .nav-drop-txt b{color:var(--muted);}
.nav-drop-item.is-soon:hover{background:transparent;}
.nav-drop-item em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;background:#f1f3f5;color:#9aa0a6;padding:3px 9px;border-radius:99px;align-self:center;}
.pill-tag{padding:1px 6px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;}

.game-logo{border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:'Baloo 2',cursive;letter-spacing:.02em;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);overflow:hidden;}
.game-logo.has-img{background:#fff;box-shadow:0 4px 12px rgba(150,10,20,.12);}
.game-logo i{font-size:16px;line-height:1;}
.game-logo.has-img img{width:100%;height:100%;object-fit:contain;padding:0;}

.card{background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(150,10,20,.12);}
.h-title{margin:0;font-family:'Baloo 2',cursive;color:var(--title,#c1152a);line-height:1.1;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;}
.more-link{font-size:12.5px;color:var(--red);font-weight:700;display:inline-flex;align-items:center;gap:5px;}

.hero{display:grid;grid-template-columns:236px 1fr 272px;gap:16px;align-items:start;}
.side-wrap{display:flex;flex-direction:column;gap:14px;}
.side{padding:8px;}
.side-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:var(--ink);transition:background .15s;}
.side-item:hover{background:var(--pink);}
.side-item .game-logo,.side-item .ico{width:38px;height:38px;border-radius:11px;font-size:15px;}
.side-item .ico{background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.side-item .ico:has(img){background:none;}
.side-item .ico img{width:100%;height:100%;object-fit:cover;display:block;}
.side-item .tt{flex:1;display:flex;flex-direction:column;}
.side-item .tt b{font-size:13.5px;}
.side-item .tt span{font-size:11px;color:var(--muted);}
.side-item .fa-chevron-right{color:#c9b6b3;font-size:12px;}

.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.feature{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(150,10,20,.1);}
.feature .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none;}
.feature b{font-size:13.5px;color:var(--ink);}
.feature span{font-size:11.5px;color:var(--muted);}

.acc-box{padding:16px;}
.acc-hd{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px dashed #ffd8d0;}
.acc-hd .av{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;overflow:hidden;}
.topbar-av{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#eef1f5;}
.acc-hd .av img,.dash-user .av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.acc-hd .av:has(img),.dash-user .av:has(img){background:#eef1f5;}
.dash-user .av{overflow:hidden;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.btn-grad{padding:11px;text-align:center;border-radius:11px;background:var(--grad);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;}
.btn-soft{padding:11px;text-align:center;border-radius:11px;background:var(--pink);color:var(--red);font-weight:700;font-size:13px;}
.chip-soft{padding:10px;border-radius:10px;background:var(--soft);border:1px solid var(--line);color:#7a6866;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;}

.buy-sell{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.bs{position:relative;overflow:hidden;min-height:86px;border-radius:16px;padding:13px 15px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 20px rgba(150,10,20,.16);transition:transform .16s ease,box-shadow .16s ease;}
.bs:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(150,10,20,.26);}
.bs b{font-size:14px;font-weight:800;white-space:nowrap;position:relative;z-index:1;}
.bs span{font-size:11.5px;font-weight:600;opacity:.96;display:inline-flex;align-items:center;gap:6px;margin-top:5px;position:relative;z-index:1;}
.bs span .fa-arrow-right{font-size:10px;transition:transform .16s ease;}
.bs:hover span .fa-arrow-right{transform:translateX(4px);}
.bs .big-ico{position:absolute;right:-8px;bottom:-10px;font-size:60px;opacity:.15;transform:rotate(-10deg);z-index:0;pointer-events:none;}
.bs-buy{background:linear-gradient(135deg,var(--red2),var(--red));}
.bs-svc{background:linear-gradient(135deg,#ffb63c,#f97316);}

.statbar{margin-top:16px;display:flex;align-items:center;gap:0;overflow:hidden;padding:14px 18px;}
.stat{display:flex;align-items:center;gap:12px;padding:0 26px;border-right:1px solid #ffe2db;}
.stat:first-child{padding-left:6px;}
.stat .ico{width:38px;height:38px;border-radius:11px;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:16px;}
.stat b{font-family:'Baloo 2',cursive;font-size:20px;color:var(--red);line-height:1;}
.stat span{font-size:11.5px;color:var(--muted);}
.stat-ticker{flex:1;min-width:0;padding-left:22px;overflow:hidden;white-space:nowrap;}
.stat-ticker .run{display:inline-flex;gap:44px;animation:slide 30s linear infinite;font-size:12.5px;color:#5c4b4e;}
.stat-ticker .run i{color:var(--red);margin-right:6px;}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}
.board{padding:18px 20px;}
.board-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.board-hd .t{display:flex;align-items:center;gap:9px;font-family:'Baloo 2',cursive;font-size:18px;color:var(--title,#c1152a);}
.board-hd .t i{color:#ffb01f;}
.board-hd .note{font-size:11.5px;color:var(--muted);}
.board-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:linear-gradient(90deg,#fff0d6,#fff8f6);margin-bottom:8px;}
.board-row .medal{width:30px;height:30px;border-radius:9px;background:#ffcb3d;color:#5a2a00;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
.board-row .pinfo{flex:1;min-width:0;}
.board-row .pinfo .pr{font-family:'Baloo 2',cursive;color:var(--red);font-size:16px;}
.board-row .pinfo .tl{font-size:12px;color:#5c4b4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-row .who{font-size:11.5px;color:var(--muted);flex:none;}

.rank-row{display:flex;align-items:center;gap:12px;padding:9px 4px;}
.rank-row .rk{width:26px;height:26px;border-radius:8px;background:#ffe0da;color:var(--title,#c1152a);font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex:none;}
.rank-row.top .rk{background:#ffcb3d;color:#5a2a00;}
.rank-row .game-logo{width:34px;height:34px;font-size:12px;}
.rank-row .nm{flex:1;font-size:13px;font-weight:600;}
.rank-row .od{font-size:12.5px;color:var(--muted);}

.rec-block{padding:20px;margin-top:24px;}
.rec-tabs{display:flex;align-items:center;gap:8px;margin:0 0 16px;}
.rec-tabs .tab{padding:7px 16px;border-radius:99px;font-size:13px;font-weight:600;color:#5c4b4e;background:var(--soft);cursor:pointer;}
.rec-tabs .tab.is-active{background:var(--grad);color:#fff;}
.game-strip{display:grid;grid-template-columns:repeat(11,1fr);gap:10px;}
.game-strip .g{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;}
.game-strip .g .glogo-wrap{position:relative;width:60px;height:60px;transition:transform .18s;}
.game-strip .g .game-logo{width:60px;height:60px;font-size:15px;}
.gsec-plain .game-logo{width:30px;height:30px;font-size:11px;}
.gsec-plain .game-logo img{width:100%;height:100%;object-fit:contain;padding:0;}
.cat-parent-title{display:flex;align-items:center;gap:10px;}
.cat-parent-title .game-logo{width:32px;height:32px;font-size:11px;flex:none;}
.cat-parent-title .game-logo img{width:100%;height:100%;object-fit:contain;padding:2px;}
.game-strip .g:hover .glogo-wrap{transform:translateY(-4px);}
.game-strip .g .nm{font-size:11.5px;color:#5c4b4e;line-height:1.2;max-width:74px;font-weight:700;}
.hot-flag{position:absolute;top:-6px;right:-6px;background:var(--red);color:#fff;font-size:8.5px;font-weight:800;padding:1px 5px;border-radius:6px;}

.gsec{margin-top:20px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(150,10,20,.12);display:grid;grid-template-columns:180px 1fr;}
.gsec-art{position:relative;padding:22px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.gsec-art .art-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.gsec-art .art-head .game-logo{width:36px;height:36px;font-size:12px;box-shadow:0 3px 10px rgba(0,0,0,.2);}
.gsec-art .nm{font-family:'Baloo 2',cursive;font-size:22px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.25);position:relative;}
.gsec-art .mono{font-family:'Baloo 2',cursive;font-size:70px;opacity:.22;line-height:1;position:absolute;right:8px;top:40px;}
.gsec-art .art-ico{font-size:62px;opacity:.9;line-height:1;position:absolute;right:14px;bottom:16px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28));pointer-events:none;}
.gsec-art .art-img{position:absolute;right:-10px;bottom:14px;width:120px;opacity:.9;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));pointer-events:none;}
.gsec-art .more{align-self:flex-start;background:rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:700;padding:7px 14px;border-radius:99px;display:inline-flex;gap:6px;align-items:center;position:relative;}
.gsec-body{padding:16px;}
.gsec-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.gsec-chips .c{padding:6px 13px;border-radius:99px;font-size:12px;color:#5c4b4e;background:var(--soft);border:1px solid var(--line);}
.gsec-chips .c:first-child{background:var(--grad);color:#fff;}
.acc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.acc-grid--scroll{max-height:640px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:8px 4px;margin:-8px -4px;}
.acc-grid--scroll::-webkit-scrollbar{display:none;}
.acc-grid .acc-empty {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    /* background: linear-gradient(180deg, #fff, var(--soft)); */
    /* border: 1.5px dashed var(--line); */
    border-radius: 18px;
    padding: 44px 20px;
    min-height: 170px;
}
.acc-grid .acc-empty i{font-size:34px;line-height:1;color:var(--red);opacity:.85;filter:drop-shadow(0 6px 12px rgba(225,29,51,.18));}
.acc-grid .acc-empty span{font-size:15px;font-weight:700;color:var(--ink);}
.acc-grid .acc-empty span::after{content:"Sản phẩm sẽ hiển thị ở đây khi được thêm";display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-top:4px;}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;}
.news-card{display:flex;gap:13px;align-items:flex-start;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);transition:border-color .15s;}
.news-card:hover{border-color:var(--red);}
.news-ic{flex:none;width:60px;height:60px;border-radius:13px;overflow:hidden;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;}
.news-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.news-bd{min-width:0;display:flex;flex-direction:column;gap:6px;}
.news-cat{align-self:flex-start;background:var(--pink);color:var(--red);font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;}
.news-tt{font-size:14.5px;font-weight:700;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);}
.news-read{color:var(--red);font-weight:700;display:inline-flex;align-items:center;gap:4px;}

.pshop-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:8px;}
.pshop-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;}
.pshop-idcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center;}
.pshop-idthumb{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--soft);flex:none;display:flex;align-items:center;justify-content:center;}
.pshop-idthumb img{width:100%;height:100%;object-fit:cover;}
.pshop-idthumb span{color:var(--red);font-size:23px;}
.pshop-idmeta{min-width:0;}
.pshop-idname{font-family:'Baloo 2',cursive;font-size:15.5px;color:var(--ink);margin:0 0 6px;line-height:1.3;}
.pshop-idcount{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;background:var(--soft);padding:4px 10px;border-radius:99px;}
.pshop-idcount b{color:var(--red);}
.pshop-layout--full{grid-template-columns:minmax(0,1fr);}
.pshop-idcard--top{margin-bottom:16px;padding:16px 18px;gap:14px;align-items:flex-start;flex-wrap:wrap;}
.pshop-idcard--top .pshop-idthumb{width:66px;height:66px;border-radius:14px;}
.pshop-idcard--top .pshop-idname{font-size:19px;margin-bottom:8px;}


.pshop-idbuy{margin-top:12px;padding-top:14px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;width:100%;}
.pshop-idbuy--out{margin-top:12px;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:13px;font-weight:700;width:100%;}
.pshop-idprice{display:flex;align-items:baseline;gap:8px;}
.pshop-idprice del{font-size:12.5px;color:var(--muted);}
.pshop-idoff{font-size:11.5px;font-weight:800;color:#fff;background:#e11d33;border-radius:99px;padding:3px 11px;letter-spacing:.02em;}
.pshop-idprice b{font-family:'Baloo 2',cursive;font-size:22px;color:var(--red);line-height:1;}
.pshop-idqty{display:flex;align-items:center;gap:10px;}
.pshop-idqty-lb{font-size:12.5px;color:var(--muted);font-weight:600;}
.qty-step{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;}
.qty-btn{width:34px;height:34px;flex:none;border:0;background:var(--soft);color:var(--red);font-size:17px;font-weight:700;cursor:pointer;line-height:1;}
.qty-btn:hover{background:var(--pink);}
.qty-step input{width:48px;height:34px;border:0;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);text-align:center;font-size:14px;font-weight:700;color:var(--ink);font-family:inherit;}
.qty-step input::-webkit-inner-spin-button,.qty-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.pshop-idbtn{margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:14px;padding:12px 20px;border-radius:11px;cursor:pointer;white-space:nowrap;}
.pshop-idbtn:hover{filter:brightness(1.05);}
.pshop-idbtn b{font-family:'Baloo 2',cursive;font-size:15px;}
@media (max-width:600px){
  .pshop-idbuy{gap:12px;}
  .pshop-idbtn{margin-left:0;width:100%;justify-content:center;}
}
.pshop-fbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;}
.pshop-fgroup{display:flex;flex-direction:column;gap:9px;}
.pshop-flabel{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px;}
.pshop-flabel i{color:var(--red);}
.pshop-fsearch{display:flex;gap:6px;}
.pshop-fsearch input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;font-family:inherit;background:var(--soft);color:var(--ink);}
.pshop-fsearch input:focus{outline:none;border-color:var(--red);background:#fff;}
.pshop-fsearch button{flex:none;width:40px;border:0;border-radius:10px;background:var(--grad);color:#fff;cursor:pointer;font-size:14px;}
.pshop-chips{display:flex;flex-wrap:wrap;gap:7px;}
.pshop-chip{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:600;padding:6px 11px;border-radius:99px;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;transition:border-color .15s,color .15s,background .15s;}
.pshop-chip:hover{border-color:var(--red);color:var(--red);}
.pshop-chip.on{background:var(--grad);border-color:transparent;color:#fff;}
.pshop-frange{display:flex;align-items:center;gap:8px;}
.pshop-frange input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12.5px;font-family:inherit;background:var(--soft);color:var(--ink);}
.pshop-frange input:focus{outline:none;border-color:var(--red);background:#fff;}
.pshop-frange span{color:var(--muted);flex:none;}
.pshop-frange-go{flex:none;width:38px;height:36px;border:0;border-radius:9px;background:var(--grad);color:#fff;cursor:pointer;font-size:13px;}
.pshop-freset{border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:12.5px;font-weight:600;padding:9px;border-radius:10px;cursor:pointer;font-family:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;transition:border-color .15s,color .15s;}
.pshop-freset:hover{border-color:var(--red);color:var(--red);}
.pshop-result-f{color:var(--muted);font-weight:600;font-size:12px;}
.pshop-rules{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:16px;}
.pshop-rules-hd{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.pshop-rules-hd i{color:var(--red);}
.pshop-rules-body{font-size:12.5px;color:var(--muted);line-height:1.7;overflow:hidden;position:relative;}
.pshop-rules-body img{max-width:100%;height:auto;border-radius:8px;}
.pshop-rules-body p{margin:0 0 6px;}
.pshop-rules:not(.open) .pshop-rules-body{max-height:76px;}
.pshop-rules:not(.open) .pshop-rules-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(rgba(255,255,255,0),#fff);}
.pshop-rules-more{margin-top:8px;border:0;background:none;color:var(--red);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:0;}
.pshop-rules-more i{transition:transform .2s;}
.pshop-rules.open .pshop-rules-more i{transform:rotate(180deg);}
.pshop-main{min-width:0;}
.pshop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:16px;flex-wrap:wrap;}
.pshop-result{font-size:13.5px;color:var(--ink);font-weight:600;}
.pshop-result b{color:var(--red);}
.pshop-hint{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;}
.pshop-hint b{color:var(--red);}
.pshop-card[hidden]{display:none;}
.pshop-noresult[hidden]{display:none;}
.pshop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px;}
.pshop-grid--virtual{grid-template-columns:repeat(4,minmax(0,1fr));}
.pshop-card{background:#fff;border:1px solid color-mix(in srgb,var(--red) 85%,#000);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s;}
.pshop-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 12px 28px rgba(225,29,51,.12);}
.pshop-img{position:relative;display:block;aspect-ratio:16/10;background:#0e0e14;overflow:hidden;}
.pshop-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.pshop-card:hover .pshop-img img{transform:scale(1.05);}
.pshop-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#4a4a55;font-size:32px;}
.pshop-ms{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;padding:4px 12px;border-bottom-left-radius:10px;letter-spacing:.02em;}
.pshop-imgn{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;}
.pshop-off{position:absolute;top:8px;left:8px;background:#16a34a;color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:7px;letter-spacing:.02em;z-index:1;box-shadow:0 3px 8px rgba(22,163,74,.35);}
.pshop-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;}
.pshop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;}
.pshop-row .k{color:var(--muted);flex:none;}
.pshop-row .v{color:var(--ink);font-weight:700;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pshop-tags{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;}
.pshop-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--muted);background:var(--soft);border:1px solid var(--line);padding:4px 9px;border-radius:20px;}
.pshop-tag i{font-size:10.5px;color:var(--red);}
.pshop-tag--ok{color:#0e9f6e;background:#e3f7ee;border-color:#c3ecd8;}
.pshop-tag--ok i{color:#0e9f6e;}
.pshop-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-top:1px solid var(--line);}
.pshop-price{display:flex;flex-direction:column;line-height:1.08;}
.pshop-price s{font-size:11px;color:var(--muted);font-weight:400;}
.pshop-price b{font-family:'Baloo 2',cursive;font-size:18px;color:var(--red);font-weight:800;}
.pshop-detail,.pshop-buy{display:inline-flex;align-items:center;gap:5px;background:var(--grad);color:#fff;font-weight:700;font-size:12.5px;padding:8px 14px;border-radius:8px;white-space:nowrap;}
.pshop-card:hover .pshop-detail,.pshop-card--buy:hover .pshop-buy{filter:brightness(1.05);}
.pshop-detail i,.pshop-buy i{font-size:11px;}
.pshop-card--buy{cursor:pointer;}
.pshop-card--buy:hover{border-color:var(--red2);}
.pshop-empty{grid-column:1/-1;text-align:center;padding:46px 24px;/* background:var(--soft); */ /* border:1.5px dashed var(--line); */border-radius:18px;display:flex;flex-direction:column;align-items:center;}
.pshop-empty-ic{width:74px;height:74px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);margin-bottom:15px;}
.pshop-empty-ic i{font-size:30px;}
.pshop-empty-tt{font-size:16.5px;font-weight:800;color:var(--title);margin:0 0 6px;}
.pshop-empty-sub{font-size:13px;color:var(--muted);max-width:372px;line-height:1.6;margin:0 0 18px;}
.pshop-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;background:var(--red);color:#fff;font-weight:700;font-size:13.5px;border:1.5px solid var(--red);cursor:pointer;text-decoration:none;transition:transform .15s,filter .15s;}
.pshop-empty-btn i{font-size:14px;}
.pshop-empty-btn:hover{filter:brightness(1.07);transform:translateY(-1px);}
.pshop-empty-btn--ghost{background:#fff;color:var(--red);border-color:var(--line);}
.pshop-empty-btn--ghost:hover{border-color:var(--red);}

@media (max-width:700px){
  .pshop-grid--virtual{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:701px) and (max-width:1100px){
  .pshop-grid--virtual{grid-template-columns:repeat(3,minmax(0,1fr));}
}

.accd{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start;}
.accd-gallery,.accd-info{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;}
.accd-main{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#0e0e14;display:flex;align-items:center;justify-content:center;color:#666;font-size:15px;gap:8px;}
.accd-splide{overflow:hidden;border-radius:14px;background:#0e0e14;}
.accd-splide .splide__slide{display:flex;align-items:center;justify-content:center;background:#0e0e14;}
.accd-zwrap{width:100%;overflow:hidden;cursor:pointer;display:flex;}
.accd-zwrap img{width:100%;height:auto;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;}
.accd-splide .splide__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(15,15,20,.5);opacity:1;border:0;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.accd-splide .splide__arrow:hover{background:var(--red);}
.accd-splide .splide__arrow svg{width:15px;height:15px;fill:#fff;transition:transform .1s;}
.accd-splide .splide__arrow--prev{left:10px;}
.accd-splide .splide__arrow--prev svg{transform:scaleX(-1);}
.accd-splide .splide__arrow--next{right:10px;}
.accd-thumbwrap{display:flex;align-items:center;gap:6px;margin-top:10px;}
.accd-thumbs2{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scroll-behavior:smooth;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none;}
.accd-thumbs2::-webkit-scrollbar{display:none;}
.accd-th2{width:78px;height:52px;padding:0;border:2px solid var(--line);overflow:hidden;cursor:pointer;background:#0e0e14;opacity:.62;transition:opacity .15s,border-color .15s;flex:none;}
.accd-th2:hover{opacity:.9;}
.accd-th2.on{border-color:var(--red);opacity:1;}
.accd-th2 img{width:100%;height:100%;object-fit:cover;display:block;}
.accd-thnav{flex:none;width:30px;height:52px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s,color .15s,border-color .15s;}
.accd-thnav:hover{background:var(--red);color:#fff;border-color:var(--red);}
.accd-thnav[hidden]{display:none;}
.accd-poster{display:flex;align-items:center;gap:11px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:14px;}
.accd-poster-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;background:var(--pink);}
.accd-poster-info{display:flex;flex-direction:column;min-width:0;line-height:1.3;}
.accd-poster-label{font-size:11.5px;color:var(--muted);}
.accd-poster-name{font-weight:800;color:var(--title);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.accd-poster-badge{margin-left:auto;font-size:11.5px;font-weight:700;color:#0e9f6e;background:#e3f7ee;padding:3px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;flex:none;}
.accd-more{margin-top:34px;}
.accd-more-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.accd-more-tt{font-size:18px;font-weight:800;color:var(--title);margin:0;display:flex;align-items:center;gap:8px;}
.accd-more-tt i{color:var(--red);}
.accd-more-all{font-size:13.5px;font-weight:700;color:var(--red);text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.accd-more-all:hover{text-decoration:underline;}
.accd-more-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:38px 20px;border:1.5px dashed var(--line);border-radius:16px;background:#fff;color:var(--muted);text-align:center;}
.accd-more-empty-ic{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--red);font-size:20px;}
.accd-more-empty p{margin:0;font-size:14px;font-weight:600;}
.accd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.accd-th{width:66px;height:44px;object-fit:cover;border-radius:8px;border:2px solid var(--line);cursor:pointer;transition:border-color .15s;}
.accd-th.on,.accd-th:hover{border-color:var(--red);}
.accd-top{display:flex;align-items:center;gap:9px;margin-bottom:9px;}
.accd-ms{background:var(--red);color:#fff;font-weight:800;font-size:12px;padding:3px 12px;border-radius:20px;}
.accd-ok{background:#e3f8ec;color:#12794c;font-weight:700;font-size:12px;padding:3px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;}
.accd-sold{background:#eee;color:#999;font-weight:700;font-size:12px;padding:3px 12px;border-radius:20px;}
.accd-title{font-family:'Baloo 2',cursive;font-size:22px;color:var(--ink);margin:0 0 14px;line-height:1.3;}
.accd-infobox{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px;background:#fff;}
.accd-infobox-hd{display:flex;align-items:center;gap:8px;padding:11px 15px;font-size:13.5px;font-weight:700;color:var(--title);background:var(--soft);border-bottom:1px solid var(--line);}
.accd-infobox-hd i{color:var(--red);font-size:14px;}
.accd-infobox .accd-specs{border:0;border-radius:0;margin:0;}
.accd-specs{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px;}
.accd-spec{display:flex;gap:14px;align-items:baseline;padding:11px 15px;font-size:13px;line-height:1.5;}
.accd-spec + .accd-spec{border-top:1px solid var(--line);}
.accd-spec span{color:var(--muted);flex:none;min-width:118px;}
.accd-spec b{color:var(--title);font-weight:600;word-break:break-word;}
.accd-spec--full{flex-direction:column;gap:6px;}
.accd-spec--full span{min-width:0;}
.accd-spec--full b{width:100%;line-height:1.65;font-weight:500;color:var(--ink);}
.accd-descbody{padding:12px 15px;font-size:13px;color:var(--ink);line-height:1.65;word-break:break-word;}
.accd-lock b{color:var(--red);}
.accd-price{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;}
.accd-price .now{font-family:'Baloo 2',cursive;font-size:30px;color:var(--red);}
.accd-price .old{font-size:15px;color:var(--muted);text-decoration:line-through;}
.accd-buy{display:block;width:100%;text-align:center;background:var(--grad);color:#fff;border:0;font-weight:800;font-size:15px;padding:13px;border-radius:12px;cursor:pointer;font-family:inherit;}
.accd-buy2{display:block;width:100%;text-align:center;background:var(--soft);color:var(--red);font-weight:700;font-size:13.5px;padding:10px;border-radius:12px;margin-top:8px;}
.accd-buy.is-off{background:#eee;color:#999;cursor:not-allowed;}
.accd-actions{display:flex;gap:10px;}
.accd-actions .accd-actf{flex:1;}
.accd-cart{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;height:100%;background:#fff;color:var(--red);border:1.5px solid var(--red);font-weight:800;font-size:14px;padding:13px 18px;border-radius:12px;cursor:pointer;font-family:inherit;transition:background .15s;}
.accd-cart:hover{background:var(--pink);}

.cart-wrap{padding:4px 0 12px;}
.cart-head{margin-bottom:18px;}
.cart-tt{font-size:22px;font-weight:800;color:var(--title);margin:0;display:flex;align-items:center;gap:9px;}
.cart-tt i{color:var(--red);}
.cart-sub{color:var(--muted);font-size:13.5px;margin:4px 0 0;}
.cart-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;}
.cart-list{flex:2 1 440px;min-width:0;display:flex;flex-direction:column;gap:12px;}
.cart-item{display:grid;grid-template-columns:96px 1fr auto;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;align-items:center;}
.cart-item.off{opacity:.62;}
.cart-thumb{width:96px;height:66px;border-radius:10px;overflow:hidden;background:#0e0e14;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0;}
.cart-thumb img{width:100%;height:100%;object-fit:cover;}
.cart-info{min-width:0;}
.cart-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;color:var(--title);text-decoration:none;font-size:14.5px;line-height:1.35;}
.cart-name:hover{color:var(--red);}
.cart-meta{display:flex;align-items:center;gap:8px;margin:5px 0 3px;flex-wrap:wrap;}
.cart-ms{font-size:11.5px;font-weight:700;color:var(--red);background:var(--pink);padding:2px 8px;border-radius:6px;}
.cart-badge-off{font-size:11.5px;font-weight:700;color:#c0392b;background:#fde8e6;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;}
.cart-spec{font-size:12.5px;color:var(--muted);}
.cart-spec b{color:var(--ink);}
.cart-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.cart-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;}
.cart-price s{color:var(--muted);font-size:12px;}
.cart-price span{font-weight:800;color:var(--red);font-size:16px;}
.cart-del{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--line);background:#fff;color:#c0392b;cursor:pointer;transition:.15s;}
.cart-del:hover{border-color:#c0392b;background:#fde8e6;}
.cart-warn{display:flex;align-items:center;gap:8px;background:#fff8e6;border:1px solid #ffe2a8;color:#8a6d1a;font-size:13px;font-weight:600;padding:11px 14px;border-radius:12px;}
.cart-warn i{color:#e0a91b;}
.cart-summary{flex:1 1 290px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;position:sticky;top:16px;}
.cart-sumhd{font-size:16px;font-weight:800;color:var(--title);margin:0 0 12px;}
.cart-sumrow{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);padding:7px 0;}
.cart-sumrow b{color:var(--ink);font-weight:700;}
.cart-sumtotal{border-top:1px dashed var(--line);margin-top:6px;padding-top:13px;font-size:15px;}
.cart-sumtotal b{color:var(--red);font-size:20px;font-weight:800;}
.cart-checkout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--grad);color:#fff;border:0;font-weight:800;font-size:15px;padding:13px;border-radius:12px;cursor:pointer;font-family:inherit;margin-top:12px;}
.cart-checkout:disabled{background:#eee;color:#999;cursor:not-allowed;}
.cart-topup{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--soft);color:var(--red);font-weight:700;font-size:13.5px;padding:10px;border-radius:12px;margin-top:8px;text-decoration:none;}
.cart-clearf{margin-top:14px;}
.cart-clear{width:100%;background:none;border:0;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;}
.cart-clear:hover{color:#c0392b;}
.cart-continue{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;color:var(--muted);font-size:13px;text-decoration:none;}
.cart-continue:hover{color:var(--red);}
.cart-processing-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(27,15,18,.58);backdrop-filter:blur(4px);}
.cart-processing-overlay[hidden]{display:none;}
.buy-processing.cart-processing-card{width:min(420px,100%);min-height:300px;border-radius:20px;box-shadow:0 24px 70px rgba(20,8,12,.3);}
.cart-empty{background:var(--soft);border:1.5px dashed var(--line);border-radius:18px;padding:54px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.cart-empty-ic{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);margin-bottom:16px;}
.cart-empty-ic i{font-size:32px;}
.cart-empty-tt{font-size:18px;font-weight:800;color:var(--title);margin:0 0 7px;}
.cart-empty-sub{font-size:13.5px;color:var(--muted);max-width:400px;line-height:1.6;margin:0 0 20px;}
.cart-empty-btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:11px;text-decoration:none;}
.accd-notes{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px;}
.accd-notes li{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;}
.accd-notes li i{color:var(--red);}
.accd-thele{margin-top:16px;padding:14px 16px;background:var(--soft);border-radius:12px;font-size:13px;color:var(--ink);line-height:1.7;}
.accd-back{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:var(--red);font-weight:600;}

.acc-card{background:#fff;border:1px solid color-mix(in srgb,var(--red) 85%,#000);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;}
.acc-card:hover{border-color:var(--red);transform:translateY(-4px);}
.acc-card:hover .acc-card__photo{transform:scale(1.06);}
.acc-card__img{position:relative;aspect-ratio:375/207;background:radial-gradient(circle at 50% 40%,var(--soft),color-mix(in srgb,var(--red) 12%,#fff));display:flex;align-items:center;justify-content:center;overflow:hidden;}
.acc-card__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.acc-card__empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:600;}
.acc-card__empty i{font-size:26px;opacity:.55;}
.acc-card__badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:8px;color:#fff;font-size:10.5px;font-weight:800;}
.acc-card__code{position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:8px;background:rgba(255,255,255,.9);color:var(--muted);font-size:10.5px;}
.acc-card__safe{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(18,160,92,.92);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:7px;}
.acc-card__tag-corner{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:2;pointer-events:none;}
.acc-card__tag-corner img{height:52px;max-width:143px;object-fit:contain;display:block;}
.acc-card__body{padding:12px 13px 13px;display:flex;flex-direction:column;flex:1;}

.acc-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.acc-card__game{min-width:0;padding:3px 9px;border-radius:6px;background:var(--pink);color:var(--red);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acc-card__sold{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#e8590c;background:#fff3e8;border:1px solid #ffdcc0;padding:3px 9px;border-radius:14px;white-space:nowrap;}
.acc-card__sold i{font-size:10px;}
.acc-card__title{margin:0 0 9px;font-size:14px;line-height:1.4;font-weight:700;color:var(--title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;}
.acc-card__tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:10px;}
.acc-card__tags span{padding:3px 8px;border-radius:7px;background:var(--soft);border:1px solid var(--line);font-size:11px;color:var(--muted);}

.acc-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.acc-card__foot-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;}
.acc-card__price{font-family:'Baloo 2',cursive;font-size:21px;color:var(--red);line-height:1.1;}
.acc-card__old{font-size:11.5px;color:var(--muted);text-decoration:line-through;}
.acc-card__stock{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#12a05c;background:#e7f7ee;border-radius:20px;padding:4px 10px;white-space:nowrap;}
.acc-card__stock i{font-size:10px;}
.acc-card__stock.is-out{color:var(--muted);background:var(--soft);}

.acc-card__buy{margin-top:11px;padding:10px 14px;border-radius:12px;background:var(--grad);color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;transition:filter .18s;}
.acc-card:hover .acc-card__buy{filter:brightness(1.12);}

.filter-chips{display:flex;gap:7px;flex-wrap:wrap;}
.filter-chips .c{padding:9px 16px;border-radius:99px;background:#fff;border:1px solid var(--line);color:#5c4b4e;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;}
.filter-chips .c:hover{border-color:var(--red);color:var(--red);}
.filter-chips .c.is-active{background:var(--grad);color:#fff;}

.safety-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.safety{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;transition:transform .18s;}
.safety:hover{transform:translateY(-3px);}
.safety .big-ico{position:absolute;right:10px;top:8px;font-size:44px;opacity:.28;}
.safety b{font-family:'Baloo 2',cursive;font-size:17px;position:relative;}
.safety span{font-size:11.5px;opacity:.92;position:relative;}
.commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.commit-card{background:#fff;border:1px solid color-mix(in srgb,var(--red) 85%,#000);border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;transition:transform .18s,border-color .18s;}
.commit-card:hover{transform:translateY(-3px);border-color:var(--red);}
.commit-card .commit-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
.commit-card h3{margin:0;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.35;}
.commit-card p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55;}

.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;align-items:start;}
.info{padding:18px;}
.info-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.info-hd .t{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;color:var(--ink);}
.info-hd .t i{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);font-size:13px;}
.info-hd a{font-size:11.5px;color:var(--muted);}
.info-list{margin:0;padding:0;}
.info-list li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#5c4b4e;padding:7px 0;list-style:none;}
.info-list li i{color:var(--red);font-size:11px;}
.info-list li a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-width:0;}
.info-list li a:hover{color:var(--red);}
.info-list li a b,.info-list li a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 0;color:var(--muted);font-size:12.5px;}
.info-empty i{font-size:22px;opacity:.45;}


.vc-list{display:flex;flex-direction:column;gap:9px;}
.vc{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border:1px dashed var(--red);border-radius:11px;background:var(--pink);cursor:pointer;font-family:inherit;position:relative;transition:background .15s;}
.vc:hover{background:#fff;}
.vc-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.vc-code{font-size:13.5px;font-weight:800;color:var(--red);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vc-sub{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vc-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:4px;}
.vc-r b{font-size:12.5px;font-weight:800;color:var(--ink);white-space:nowrap;}
.vc-r span{font-size:10px;color:var(--muted);white-space:nowrap;}
.vc-copy{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--red);font-size:11px;}
.vc.is-copied{background:#e3f8ec;border-color:#12a05c;}
.vc.is-copied .vc-code,.vc.is-copied .vc-copy{color:#12a05c;}
.vc.is-copied .vc-copy{border-color:#12a05c;}


.sale-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;}
.sale-list li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px dashed var(--line);}
.sale-list li:last-child{border-bottom:0;padding-bottom:0;}
.sale-ic{flex:none;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);font-size:12px;}
.sale-ic.is-svc{background:var(--grad);color:#fff;}
.sale-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.sale-tx b{font-size:12px;color:var(--ink);font-weight:700;}
.sale-verb{font-weight:500;color:var(--muted);}
.sale-nm{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sale-rt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;}
.sale-rt b{font-size:12px;font-weight:800;color:var(--red);white-space:nowrap;}
.sale-rt span{font-size:10px;color:var(--muted);white-space:nowrap;}


.faq-list{display:flex;flex-direction:column;}
.faq-it,.faq-q{border-bottom:1px dashed var(--line);}
.faq-it:last-child,.faq-q:last-child{border-bottom:0;}
.faq-it summary,.faq-q{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12.5px;color:#5c4b4e;cursor:pointer;list-style:none;}
.faq-q.is-plain{cursor:default;}
.faq-it summary::-webkit-details-marker{display:none;}
.faq-it summary > i:first-child,.faq-q > i:first-child{flex:none;color:var(--red);font-size:11px;}
.faq-it summary span,.faq-q span{flex:1;min-width:0;}
.faq-it summary:hover{color:var(--red);}
.faq-cv{flex:none;font-size:10px;color:var(--muted);transition:transform .18s;}
.faq-it[open] summary{color:var(--red);font-weight:600;}
.faq-it[open] .faq-cv{transform:rotate(180deg);}
.faq-it p{margin:0 0 10px 19px;font-size:11.5px;line-height:1.65;color:var(--muted);}

.trust{display:flex;align-items:center;justify-content:center;gap:60px;margin:28px 0;flex-wrap:wrap;}
.trust .t{display:flex;align-items:center;gap:13px;}
.trust .t .ico{width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(150,10,20,.12);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:19px;}
.trust .t b{font-size:14px;color:var(--ink);display:block;}
.trust .t span{font-size:12px;color:var(--muted);}

.foot{margin-top:14px;background:#fff;border-top:1px solid var(--red);}
.foot .cols{padding:34px 20px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;}
.foot .about img{height:50px;margin-bottom:12px;}
.foot .about p{font-size:12.5px;line-height:1.7;color:#7a6866;max-width:330px;}
.foot .social{display:flex;gap:8px;margin-top:12px;}
.foot .social a{width:36px;height:36px;border-radius:10px;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:15px;}
.foot .fcol b{font-size:13px;display:block;margin-bottom:12px;}
.foot .fcol a,.foot .fcol span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#7a6866;padding:5px 0;}
.foot .fcol i{color:var(--red);font-size:12px;width:14px;}
.foot .bar{border-top:1px solid #ffe6e0;}
.foot .bar .wrap{padding:15px 20px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11.5px;color:#a2908f;}
.foot .bar .foot-brand-link{color:var(--red);font-weight:800;text-decoration:none;transition:opacity .15s ease;}
.foot .bar .foot-brand-link:hover{opacity:.78;text-decoration:underline;}

.floating{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px;z-index:20;}
.floating a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;}
.floating .call{background:linear-gradient(140deg,#ff7a2f,#e11d33);color:#fff;box-shadow:0 10px 26px rgba(225,29,51,.4);}
.floating .to-top{background:#fff;color:var(--red);box-shadow:0 8px 20px rgba(150,10,20,.18);}

.cta{margin:26px 0 0;padding:26px;border-radius:18px;background:linear-gradient(120deg,#e11d33,#ff7a2f);box-shadow:0 14px 34px rgba(225,29,51,.28);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;}
.cta h2{margin:0 0 7px;font-family:'Baloo 2',cursive;font-size:28px;line-height:1.1;}
.cta p{margin:0;font-size:13.5px;color:#ffe6df;max-width:540px;}
.cta .btns{display:flex;gap:12px;flex:none;}
.cta .b1{padding:13px 26px;border-radius:99px;background:#fff;color:var(--red);font-weight:800;font-size:14px;}
.cta .b2{padding:13px 26px;border-radius:99px;border:1.5px solid rgba(255,255,255,.7);color:#fff;font-weight:700;font-size:14px;}

.pledge{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 15px;box-shadow:0 10px 28px rgba(150,10,20,.06);}
.pledge-hd{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:14px;padding-bottom:13px;border-bottom:1px dashed var(--line);}
.pledge-hd .pl-badge{width:28px;height:28px;border-radius:9px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;}
.pledge ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.pledge li{display:flex;align-items:center;gap:12px;}
.pledge li div{line-height:1.35;}
.pledge .pi{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;}
.pledge li b{display:block;font-size:13px;font-weight:700;color:var(--ink);}
.pledge li>div>span{font-size:11.5px;color:var(--muted);}

.mid-col{display:flex;flex-direction:column;gap:14px;}
.right-col{display:flex;flex-direction:column;gap:14px;}
.recent{padding:14px 16px;}
.recent-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
.recent-hd b{font-family:'Baloo 2',cursive;font-size:16px;color:var(--red);}
.recent-hd a{font-size:11.5px;color:var(--muted);}
.recent-row{display:flex;align-items:center;gap:9px;font-size:12px;color:#5c4b4e;padding:5px 0;}
.recent-row .av{width:22px;height:22px;border-radius:50%;background:var(--pink);flex:none;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:9.5px;}
.recent-row .av.is-svc{background:var(--grad);color:#fff;}
.recent-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recent-row .nm b{font-weight:700;color:var(--ink);}
.recent-row .amt{color:var(--red);font-weight:700;flex:none;}
.recent-empty{display:flex;align-items:center;gap:7px;padding:12px 0;font-size:12px;color:var(--muted);}

.flash{display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:16px;}
.flash-ok{background:#e3f8ec;color:#12794c;}
.flash-err{background:#ffe6e6;color:#c11;}

.prod{display:grid;grid-template-columns:440px 1fr;gap:26px;align-items:start;margin-top:10px;}
.prod-media{position:relative;aspect-ratio:4/3;border-radius:18px;background:radial-gradient(circle at 50% 40%,#fff6f3,#ffe0da);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 14px 34px rgba(150,10,20,.14);}
.prod-media img{max-width:56%;max-height:56%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(120,0,10,.24));}
.prod-media .ph{color:#c08e8a;font:12px ui-monospace,monospace;}
.prod-badge{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:9px;color:#fff;font-size:12px;font-weight:800;}
.prod-info{background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(150,10,20,.1);padding:26px;}
.prod-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.prod-sold{padding:3px 10px;border-radius:7px;background:#f0e5e5;color:#9a7b7b;font-size:11.5px;font-weight:700;}
.prod-title{margin:0 0 16px;font-size:22px;line-height:1.35;color:var(--ink);}
.prod-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;}
.prod-tags span{padding:5px 11px;border-radius:8px;background:var(--soft);border:1px solid var(--line);font-size:12px;color:#7a6866;}
.prod-price{display:flex;align-items:baseline;gap:12px;padding:16px 18px;border-radius:14px;background:linear-gradient(120deg,#fff0ee,#fff6f3);margin-bottom:18px;}
.prod-price .old{font-size:15px;color:#b0a09e;text-decoration:line-through;}
.prod-price .now{font-family:'Baloo 2',cursive;font-size:34px;color:var(--red);line-height:1;}
.prod-buy{margin-bottom:10px;}
.prod-btn{width:100%;height:54px;border:0;border-radius:12px;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 12px 24px rgba(225,29,51,.26);}
.prod-btn.is-disabled{background:#e7dede;color:#9a8b8a;box-shadow:none;cursor:default;}
.prod-btn2{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border-radius:12px;background:var(--pink);color:var(--red);font-weight:700;font-size:14px;margin-bottom:18px;}
.prod-notes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.prod-notes li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#6c5b5b;}
.prod-notes li i{color:var(--red);}

.dep2{margin:0 0 8px;}

.page-hd{display:flex;align-items:center;gap:13px;margin-bottom:20px;}
.page-hd-ic{flex:0 0 auto;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-size:22px;}
.page-hd-tx h1{margin:0;font-family:'Baloo 2',cursive;font-size:26px;line-height:1.05;color:var(--ink);text-transform:uppercase;}
.page-hd-tx p{margin:4px 0 0;font-size:13.5px;color:var(--muted);}
.page-hd-tx p b{color:var(--red);}
.dep2-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:44px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;}
.dep2-empty i{font-size:34px;color:var(--red);opacity:.5;}
.dep2-promo{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(100deg,#fff3e8,#ffe9d6);border:1px solid #ffd7b0;border-radius:14px;padding:14px 16px;margin-bottom:16px;}
.dep2-promo-ic{flex:none;width:38px;height:38px;border-radius:10px;background:#fff;color:#e8590c;display:flex;align-items:center;justify-content:center;font-size:18px;}
.dep2-promo-bd{flex:1;min-width:0;}
.dep2-promo-hd{display:block;font-size:14px;color:#8a3d00;margin-bottom:9px;}
.dep2-tiers{display:flex;flex-wrap:wrap;gap:8px;}
.dep2-tier{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #ffd7b0;border-radius:10px;padding:6px 11px;font-size:12.5px;}
.dep2-tier-min{color:#7a5c46;font-weight:600;}
.dep2-tier-arrow{color:#e8590c;font-size:10px;display:flex;align-items:center;}
.dep2-tier-bonus{color:#e8590c;font-weight:800;}
.dep2-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.dep2-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.dep2-switch{display:flex;flex-wrap:wrap;gap:8px;}
.dep2-sw{border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,color .15s,background .15s;}
.dep2-sw:hover{border-color:var(--red);color:var(--red);}
.dep2-sw.on{background:var(--grad);border-color:transparent;color:#fff;}
.dep2-sw i{font-size:12px;}
.dep2-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.dep2-card--pad{padding:18px;}
.dep2-card--warn{background:color-mix(in srgb,var(--red) 3%,#fff);}
.dep2-payhd{padding:16px 18px;text-align:center;background:var(--soft);border-bottom:1px solid var(--line);}
.dep2-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line);padding:3px;margin:0 auto 8px;display:block;}
.dep2-paylb{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;}
.dep2-payhd strong{font-size:16px;color:var(--ink);}
.dep2-paybd{padding:18px;display:flex;flex-direction:column;gap:16px;}
.dep2-qr{display:flex;flex-direction:column;align-items:center;gap:11px;}
.dep2-qr-img{width:190px;height:190px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff;display:flex;align-items:center;justify-content:center;}
.dep2-qr-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.dep2-qr-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5;}
.dep2-qr-note i{color:var(--red);flex-shrink:0;}
.dep2-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;}
.dep2-or::before,.dep2-or::after{content:"";flex:1;height:1px;background:var(--line);}
.dep2-rows{display:flex;flex-direction:column;}
.dep2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
.dep2-row:last-child{border-bottom:0;}
.dep2-row>span{color:var(--muted);flex-shrink:0;}
.dep2-row>b{color:var(--ink);text-align:right;word-break:break-word;min-width:0;display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;}
.mono{font-variant-numeric:tabular-nums;}
.dep2-note-ck{display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--red) 6%,#fff);border:1px solid color-mix(in srgb,var(--red) 24%,#fff);border-radius:12px;padding:13px 15px;}
.dep2-note-lb{font-size:11.5px;font-weight:700;color:var(--red);}
.dep2-note-lb i{margin-right:5px;opacity:.75;}
.dep2-note-ck>b{font-size:20px;font-weight:800;color:var(--red);word-break:break-all;display:inline-flex;align-items:center;gap:9px;}
.dep2-note-ck>em{font-style:normal;font-size:11px;color:var(--muted);line-height:1.5;}
.cp-btn{border:1px solid var(--line);background:#fff;color:var(--muted);width:28px;height:28px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px;transition:color .15s,background .15s,border-color .15s;flex:none;}
.cp-btn:hover{color:var(--red);border-color:var(--red);}
.cp-btn.copied{background:#12a05c;border-color:#12a05c;color:#fff;}
.cp-btn--lg{width:32px;height:32px;font-size:13px;}
.dep2-cardnote{font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;background:var(--soft);border-radius:10px;padding:10px 12px;}
.dep2-cardnote i{color:var(--red);margin-top:2px;}
.dep2-ph{font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:15px;}
.dep2-ph i{color:var(--red);}
.dep2-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
.dep2-steps li{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5;}
.dep2-steps li b{color:var(--ink);}
.dep2-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.dep2-desc{font-size:12.5px;color:var(--muted);line-height:1.6;}
.dep2-desc ul,.dep2-desc ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;}
.dep2-desc li{line-height:1.5;}
.dep2-desc p{margin:0 0 8px;}
.dep2-desc b,.dep2-desc strong{color:var(--ink);}
.dep2-desc a{color:var(--red);font-weight:600;}
.dep2-support{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--grad);color:#fff;font-weight:700;font-size:13px;padding:11px;border-radius:11px;}

.pf{display:grid;grid-template-columns:308px 1fr;gap:18px;margin-top:24px;align-items:start;}

.pf-side{background:var(--card);border-radius:18px;box-shadow:0 10px 30px rgba(150,10,20,.09);padding:14px;position:sticky;top:14px;}
.pf-usercard{position:relative;overflow:hidden;border-radius:14px;background:var(--grad);color:#fff;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 22px rgba(225,29,51,.28);}
.pf-usercard::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12);}
.pf-usercard .pf-av{width:52px;height:52px;border-radius:14px;overflow:hidden;flex:none;background:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1;}
.pf-usercard .pf-av img{width:100%;height:100%;object-fit:cover;display:block;}
.pf-uc-tx{z-index:1;min-width:0;}
.pf-uc-tx b{font-size:15px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-uc-bal{font-size:12px;display:flex;align-items:center;gap:5px;margin-top:3px;opacity:.96;}
.pf-uc-bal b{display:inline;color:#ffe08a;font-weight:800;}
.pf-uc-bal .fa-coins{font-size:11px;color:#ffe08a;}
.pf-uc-id{font-size:11px;opacity:.85;display:block;margin-top:2px;}

.pf-admin{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#fff5d6,#ffe7a6);color:#8a5a00;font-weight:700;font-size:13.5px;border:1px solid #ffe08a;}
.pf-admin .pf-mi{background:#fff;color:#e8a200;border-color:#ffe0a6;}
.pf-admin .pf-ch{margin-left:auto;font-size:11px;opacity:.6;}

.pf-group{margin-top:14px;}
.pf-glabel{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:0 6px 7px;}
.pf-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:none;border:1px solid transparent;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;transition:background .15s,border-color .15s;}
.pf-item+.pf-item{margin-top:2px;}
.pf-item:hover{background:var(--soft);}
.pf-item.is-active{background:var(--pink);color:var(--red);border-color:color-mix(in srgb,var(--red) 22%,transparent);}
.pf-item .pf-ch{margin-left:auto;font-size:11px;color:#c9b6b3;}
.pf-mi{width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--pink);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 16%,transparent);}
.pf-mi.c-blue,.pf-mi.c-amber,.pf-mi.c-green,.pf-mi.c-red{background:var(--pink);color:var(--red);}

.pf-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pf-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;}
.pf-box:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 8px 18px rgba(225,29,51,.14);}
.pf-box i{font-size:18px;color:var(--red);}

.pf-logout{display:flex;align-items:center;gap:9px;justify-content:center;margin-top:16px;padding:11px;border-radius:12px;background:var(--pink);color:var(--red);font-weight:700;font-size:13.5px;}
.pf-logout:hover{background:var(--red);color:#fff;}

.pf-main{min-width:0;display:flex;flex-direction:column;gap:16px;}
.pf-headcard{padding:18px 22px;}
.pf-headcard h1{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;margin:0;}
.pf-headcard h1 i{color:var(--red);}

.pf-profile{display:flex;align-items:center;gap:18px;padding:20px 22px;}
.pf-av-lg{width:82px;height:82px;border-radius:50%;overflow:hidden;flex:none;background:#eef1f5;box-shadow:0 6px 16px rgba(150,10,20,.14);}
.pf-av-lg img{width:100%;height:100%;object-fit:cover;display:block;}
.pf-name{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pf-role{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#5c4b4e;background:var(--soft);border:1px solid var(--line);padding:2px 11px;border-radius:20px;}
.pf-role i{width:8px;height:8px;border-radius:50%;background:#9aa0a6;display:inline-block;}
.pf-role.is-admin{color:var(--red);background:var(--pink);border-color:color-mix(in srgb,var(--red) 22%,transparent);}
.pf-role.is-admin i{background:var(--red);}
.pf-handle{font-size:13px;color:var(--muted);margin-top:3px;}
.pf-pf-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pf-balbtn{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:11px;box-shadow:0 8px 18px rgba(225,29,51,.24);}
.pf-topup{display:inline-flex;align-items:center;gap:7px;background:var(--pink);color:var(--red);font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:11px;}
.pf-topup:hover{background:var(--red);color:#fff;}

.pf-tabcard{padding:0;overflow:hidden;}

.pf-tabcard>.pf-rows,.pf-tabcard>.pf-orders,.pf-tabcard>.pf-txwrap,.pf-tabcard>.card2-hist-list{padding:20px 22px;}


.pf-histwrap{display:flex;flex-direction:column;gap:10px;padding:18px 20px;}
.pf-hrow{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1.5px solid var(--stroke);border-radius:14px;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s,background .15s;}
.pf-hrow:hover{border-color:var(--red);background:var(--soft);}
.pf-hic{width:42px;height:42px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--pink);color:var(--red);}
.pf-hic.is-green{background:#e6f7ef;color:#12a05c;}
.pf-hbody{flex:1;min-width:0;}

.pf-htitle{display:block;font-weight:700;font-size:14px;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-hsub{display:block;font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.pf-orow{display:flex;gap:14px;padding:14px;border:1.5px solid var(--stroke);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:border-color .18s,background .18s;}
.pf-orow:hover{border-color:var(--red);background:var(--soft);}
.pf-othumb{flex:none;width:66px;height:66px;border-radius:14px;overflow:hidden;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:23px;}
.pf-othumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pf-obody{flex:1;min-width:0;display:flex;flex-direction:column;}
.pf-otop{display:flex;align-items:center;gap:10px;}
.pf-otitle{flex:1;min-width:0;display:block;font-weight:800;font-size:15px;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-ometa{display:flex;align-items:center;gap:9px;margin-top:6px;font-size:12px;color:var(--muted);min-width:0;flex-wrap:wrap;}
.pf-ometa .pf-hcode{margin-left:0;flex:none;}
.pf-ometa-tx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pf-oqty{display:inline-block;font-size:11px;font-weight:800;color:#12a05c;background:rgba(18,160,92,.1);border:1px solid rgba(18,160,92,.3);border-radius:7px;padding:1px 7px;vertical-align:-1px;}
.pf-ovc{flex:0 1 auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 5px;min-width:0;max-width:100%;font-size:11px;font-weight:800;color:#e8590c;background:#fff3e8;border:1px solid #ffd7b0;border-radius:3px;padding:2px 8px;white-space:normal;overflow-wrap:anywhere;}
.pf-ovc>i{flex:none;}.pf-ovc>span{min-width:0;max-width:100%;}
.pf-ofoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:11px;border-top:1px dashed var(--line);}
.pf-oprice{flex:none;display:flex;align-items:baseline;gap:8px;}
.pf-oprice del{font-size:12px;color:var(--muted);}
.pf-oprice b{font-family:'Baloo 2',cursive;font-size:19px;color:var(--red);line-height:1;}

.pf-octa{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--red);background:var(--pink);border:1.5px solid transparent;border-radius:11px;padding:8px 14px;transition:background .18s,color .18s,border-color .18s;}
.pf-octa i{font-size:11px;}
.pf-octa-ar{transition:transform .18s ease;}
.pf-orow:hover .pf-octa,.pf-hrow:hover .pf-octa{background:var(--grad);color:#fff;}
.pf-orow:hover .pf-octa-ar,.pf-hrow:hover .pf-octa-ar{transform:translateX(4px);}
@media (prefers-reduced-motion:reduce){
  .pf-orow,.pf-octa,.pf-octa-ar{transition:none;}
}


.pf-ogroup{position:relative;border:1.5px solid var(--stroke);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s;}
.pf-ogroup:hover{border-color:var(--red);box-shadow:0 10px 26px rgba(43,17,71,.09);}
.pf-ogroup[open]{border-color:var(--red);box-shadow:0 10px 26px rgba(43,17,71,.09);}
.pf-ogroup summary.pf-orow,.pf-ogroup summary.pf-orow:hover{cursor:pointer;list-style:none;border:none;border-radius:0;background:transparent;}
.pf-ogroup summary.pf-orow::-webkit-details-marker{display:none;}
.pf-ogroup[open] summary.pf-orow{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line);}
.pf-ochev{transition:transform .18s ease;}
.pf-ogroup[open] .pf-ochev{transform:rotate(90deg);}
.pf-ochildren{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--soft);}
.pf-ochild{display:flex;align-items:center;gap:11px;padding:9px 12px;text-decoration:none;color:inherit;font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:border-color .15s,transform .15s,box-shadow .15s;}
.pf-ochild:hover{border-color:var(--red);transform:translateX(3px);box-shadow:0 4px 12px rgba(43,17,71,.07);}
.pf-ochild:hover .pf-ochild-tt{color:var(--red);}
.pf-ochild-ic{flex:none;width:30px;height:30px;border-radius:9px;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:12px;}
.pf-ochild-tt{flex:1;min-width:0;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--title);font-weight:700;transition:color .15s;}
.pf-ochild-pr{flex:none;font-weight:800;color:var(--red);font-size:13px;}
.pf-ochild-ar{flex:none;font-size:10px;color:var(--muted);}
.pf-obreakdown{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45;font-weight:700;}
@media (prefers-reduced-motion:reduce){.pf-ogroup,.pf-ochev,.pf-ochild,.pf-ochild-tt{transition:none;}}
.pf-hright{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.pf-hamt{font-weight:800;font-size:14px;color:#12a05c;white-space:nowrap;}
.pf-hamt.zero{color:var(--muted);}
.pf-hchev{flex:none;color:#c9b6b3;font-size:13px;}

.pf-dt-top{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);}
.pf-dt-ic{width:52px;height:52px;flex:none;border-radius:15px;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;}
.pf-dt-ic.is-green{background:#e6f7ef;color:#12a05c;}
.pf-dt-h{min-width:0;}
.pf-dt-h b{display:block;font-size:16.5px;color:var(--title);font-weight:800;}
.pf-dt-h small{color:var(--muted);font-size:12.5px;}
.pf-dt-amt{margin-left:auto;text-align:right;flex:none;}
.pf-dt-amt b{font-size:20px;font-family:'Baloo 2',cursive;color:#12a05c;}
.pf-dt-amt small{display:block;font-size:11px;color:var(--muted);}
.pf-dt-rows{padding:6px 22px 20px;}
.pf-dt-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f6eeec;font-size:13.5px;}
.pf-dt-row:last-child{border-bottom:0;}
.pf-dt-row .k{color:var(--muted);flex:none;}
.pf-dt-row .v{color:var(--title);font-weight:600;text-align:right;word-break:break-word;}
.pf-cred{margin:0 22px 22px;display:flex;flex-direction:column;gap:9px;background:#fff;border:1.5px dashed var(--stroke);border-radius:13px;padding:15px 16px;}
.pf-cred-hd{font-size:12.5px;font-weight:700;color:var(--red);display:flex;align-items:center;gap:7px;}
.pf-cred-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#5c4b4e;}
.pf-cred-row .fl{color:var(--muted);min-width:130px;flex:none;}
.pf-cred-row .fv{color:var(--title);font-weight:700;word-break:break-all;flex:1;}
.pf-service-detail .pf-cred-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;min-width:0;}
.pf-service-detail .pf-cred-row .fl,.pf-service-detail .pf-cred-row .fv{min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.6;}
@media(max-width:600px){.pf-service-detail .pf-cred-row{grid-template-columns:minmax(0,1fr);gap:5px;}}
/* Scope wrapping to service details; other order badges retain their existing layout. */
.pf-service-detail .pf-dt-top{flex-wrap:wrap;align-items:flex-start;}
.pf-service-detail .pf-dt-h{flex:1 1 160px;overflow-wrap:anywhere;}
.pf-service-detail .pf-dt-amt{max-width:100%;overflow-wrap:anywhere;}
.pf-service-detail .pf-dt-h .card2-hb,.pf-service-group-lines .card2-hb{display:inline-block;min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.5;border-radius:4px;}
.pf-service-group-lines{min-width:0;border-radius:4px;}
.pf-service-group-lines .pf-cred-hd{align-items:flex-start;overflow-wrap:anywhere;}
.pf-service-group-lines .pf-cred-hd i{flex:none;line-height:1.5;}
.pf-service-group-lines .pf-cred-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:8px 14px;padding-top:10px;border-top:1px solid var(--line);}
.pf-service-group-lines .pf-cred-row .fl{min-width:0;max-width:100%;word-break:normal;overflow-wrap:anywhere;}
.pf-service-group-lines .pf-cred-row .fv{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;min-width:0;max-width:100%;word-break:normal;overflow-wrap:anywhere;}
.pf-service-group-lines .pf-service-line-price{min-width:0;max-width:100%;line-height:1.5;}
.pf-service-group-lines .card2-hb{flex:0 1 auto;text-align:left;}
@media(max-width:600px){.pf-service-group-lines .pf-cred-row{grid-template-columns:minmax(0,1fr);gap:6px;}}
.pf-copy{flex:none;border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:12px;transition:border-color .15s,color .15s;}
.pf-copy:hover{border-color:var(--red);color:var(--red);}
.pf-copy.ok{color:#12a05c;border-color:#12a05c;}
.pf-cred--raw{border-style:solid;}
.pf-cred-row--raw{align-items:flex-start;}
.pf-raw-label{display:flex;align-items:center;gap:5px;font-weight:800;color:var(--title)!important;}
.pf-group-account{border-top:1px solid var(--line);padding-top:13px;display:flex;flex-direction:column;gap:8px;}
.pf-group-account-hd{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px;}
.pf-group-account-hd b{margin-left:auto;color:var(--red);font-size:13px;white-space:nowrap;}
.pf-group-number{font-weight:800;color:var(--title);}
.pf-group-account-title{font-size:13px;font-weight:700;color:var(--title);}
.pf-group-empty{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;}
.pf-raw-value{display:block;flex:1;min-width:0;padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;color:var(--title);font:600 12.5px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all;}
.pf-backlink{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--muted);}
.pf-backlink:hover{color:var(--red);}


.pfx-hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#ff5566 0%,var(--red) 46%,#b30d22 100%);color:#fff;padding:26px 30px;display:flex;align-items:center;gap:22px;}
.pfx-hero::before{content:"";position:absolute;right:-60px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);}
.pfx-hero::after{content:"";position:absolute;left:-40px;bottom:-80px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);}
.pfx-hero-av{position:relative;z-index:1;width:88px;height:88px;border-radius:24px;overflow:hidden;flex:none;border:3px solid rgba(255,255,255,.55);background:rgba(255,255,255,.15);}
.pfx-hero-av img{width:100%;height:100%;object-fit:cover;display:block;}
.pfx-hero-main{position:relative;z-index:1;min-width:0;flex:1;}
.pfx-hero-name{font-family:'Baloo 2',cursive;font-size:24px;font-weight:800;line-height:1.15;display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.pfx-badge{font-family:'Be Vietnam Pro',sans-serif;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);color:#fff;}
.pfx-badge i{font-size:10px;color:#ffe08a;}
.pfx-hero-meta{margin-top:8px;font-size:12.5px;opacity:.92;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.pfx-hero-meta i{opacity:.8;margin-right:4px;}
.pfx-hero-wallet{position:relative;z-index:1;flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-left:22px;border-left:1px solid rgba(255,255,255,.22);}
.pfx-hero-wallet small{font-size:11.5px;opacity:.85;letter-spacing:.3px;}
.pfx-hero-bal{font-family:'Baloo 2',cursive;font-size:30px;font-weight:800;line-height:1;color:#fff;}
.pfx-hero-cta{margin-top:8px;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--red);font-weight:800;font-size:13.5px;padding:9px 18px;border-radius:12px;transition:transform .15s;}
.pfx-hero-cta:hover{transform:translateY(-2px);color:var(--red);}

.pfx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pfx-tile{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff, #fff7f7);}
.pfx-tile-ic{width:46px;height:46px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.pfx-tile-ic.ic-green{background:#e6f7ef;color:#12a05c;}
.pfx-tile-ic.ic-red{background:var(--pink);color:var(--red);}
.pfx-tile-ic.ic-amber{background:#fff3d6;color:#e0900a;}
.pfx-tile small{display:block;font-size:12px;color:var(--muted);margin-bottom:3px;}
.pfx-tile b{font-family:'Baloo 2',cursive;font-size:19px;font-weight:800;color:var(--title);line-height:1;}

.pfx-panel{padding:0;overflow:hidden;}
.pfx-panel-hd{display:flex;align-items:center;gap:9px;font-family:'Baloo 2',cursive;font-weight:700;font-size:16px;color:var(--title);padding:16px 22px;border-bottom:1px solid var(--line);}
.pfx-panel-hd i{color:var(--red);}
.pfx-info{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:8px 22px 14px;}
.pfx-info-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #f6eeec;}
.pfx-info-ic{width:38px;height:38px;flex:none;border-radius:11px;background:var(--soft);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:15px;}
.pfx-info-row small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px;}
.pfx-info-row b{font-size:14.5px;color:var(--title);font-weight:700;word-break:break-word;}


.pfx2{margin-top:22px;}
.pfx2-hero{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;padding-bottom:28px;}
.pfx2-cover{height:240px;position:relative;overflow:hidden;background:url('../../shared/img/profile-cover.jpg') center 38%/cover no-repeat,linear-gradient(120deg,#2b1147,#0e0b2b);border-radius:24px 24px 22px 22px;}
.pfx2-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,30,.06) 40%,rgba(10,6,30,.5) 100%);}
.pfx2-avatar{position:absolute;left:50%;top:178px;transform:translateX(-50%);width:124px;height:124px;border-radius:50%;overflow:hidden;border:5px solid #fff;outline:1px solid #e7e8f0;background:#fff;z-index:2;}
.pfx2-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.pfx2-headinfo{text-align:center;padding:74px 24px 0;}
.pfx2-name{font-family:'Baloo 2',cursive;font-size:28px;font-weight:800;color:var(--title);display:inline-flex;align-items:center;gap:10px;line-height:1.1;}
.pfx2-auth{width:max-content;margin-top:8px;padding:5px 11px;border:1px solid #dfe4ee;border-radius:999px;background:#f7f9fc;color:#536176;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(31,41,55,.06);}
.pfx2-auth--google{border-color:#d9e8ff;background:#f1f7ff;color:#1a73e8;}
.pfx2-auth--hybrid{border-color:#dfd5ff;background:#f7f3ff;color:#7147c7;}
.pfx2-auth i,.pfx2-auth svg{font-size:12px;}
.pfx2-verify{color:#2f9bff;font-size:21px;display:inline-flex;}
.pfx2-stats{margin-top:22px;display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;}
.pfx2-stat{display:flex;align-items:center;gap:13px;min-width:180px;padding:14px 20px;text-align:left;border:1px solid var(--line);border-radius:16px;transition:transform .15s,box-shadow .15s;}
.pfx2-stat:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(43,17,71,.08);}
.pfx2-stat-tx b{display:block;font-family:'Baloo 2',cursive;font-size:20px;font-weight:800;color:var(--ink);line-height:1.15;}
.pfx2-stat-tx small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.pfx2-actions{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}

.pf-depopt{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;}
.pf-depopt:hover{border-color:var(--red);transform:translateX(3px);}
.pf-depopt+.pf-depopt{margin-top:10px;}
.pf-depopt-ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.pf-depopt-ic--bank{background:#e6f7ef;color:#12a05c;}
.pf-depopt-ic--card{background:var(--pink);color:var(--red);}
.pf-depopt-tx{flex:1;min-width:0;}
.pf-depopt-tx b{display:block;font-size:14.5px;color:var(--title);font-weight:800;}
.pf-depopt-tx small{display:block;margin-top:2px;font-size:12px;color:var(--muted);}
.pf-depopt-ar{flex:none;font-size:12px;color:var(--muted);}
.pfx2-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:800;font-size:14px;padding:12px 28px;border-radius:14px;transition:transform .14s,filter .14s;cursor:pointer;border:0;}
.pfx2-btn:hover{transform:translateY(-2px);}
.pfx2-btn--primary{background:var(--red);color:#fff;}
.pfx2-btn--primary:hover{filter:brightness(1.12);color:#fff;}
.pfx2-btn--ghost{background:#fff;color:var(--ink);border:1px solid #e0e2ea;}
.pfx2-btn--ghost:hover{border-color:var(--red);color:var(--red);}

.pfx2-panel{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:18px;}
.pfx2>.pfx2-panel:first-child{margin-top:0;}
.pfx2-back{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:'Be Vietnam Pro',sans-serif;font-size:13px;font-weight:700;color:var(--muted);transition:color .15s;}
.pfx2-back:hover{color:var(--red);}
.pfx2-content{min-width:0;}
.pfx2-content>.pf-txwrap{padding:20px 22px;}
.pfx2-content .pf-hrow,.pfx2-content .pf-dt-top{border-color:var(--stroke);}

.pfx2-content .pf-hrow:hover{border-color:var(--red);}

.pf-hcode{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--red);background:color-mix(in srgb,var(--red) 8%,#fff);border:1px solid color-mix(in srgb,var(--red) 24%,#fff);border-radius:7px;padding:2px 8px;margin-left:7px;vertical-align:-3px;}


.pfx2-panel-hd{padding:19px 26px;border-bottom:1px solid #eceef4;font-family:'Baloo 2',cursive;font-size:18px;font-weight:800;color:var(--title);display:flex;align-items:center;gap:11px;}
.pfx2-panel-hd i{width:36px;height:36px;border-radius:11px;background:#f4f5fa;border:1px solid #e7e8f0;color:var(--red);display:inline-flex;align-items:center;justify-content:center;font-size:15px;}
.pfx2-panel-body{display:grid;grid-template-columns:252px 1fr;}
.pfx2-tabs{padding:18px;border-right:1px solid #eceef4;display:flex;flex-direction:column;gap:6px;background:#fbfbfe;}
.pfx2-tab{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:13px;font-size:13.5px;font-weight:700;color:var(--ink);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;}
.pfx2-tab i{width:18px;text-align:center;font-size:15px;color:var(--muted);}
.pfx2-tab:hover{background:#f1f2f8;}
.pfx2-tab.is-active{background:var(--red);color:#fff;border-color:transparent;}
.pfx2-tab.is-active i{color:#fff;}
.pfx2-tab .pfx2-badge-new{margin-left:auto;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;}
.pfx2-tab.is-active .pfx2-badge-new{background:#fff;color:var(--red);}
.pfx2-tab .pfx2-count{margin-left:auto;background:var(--soft);color:var(--muted);border:1px solid var(--line);font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;}
.pfx2-tab.is-active .pfx2-count{background:rgba(255,255,255,.22);color:#fff;border-color:transparent;}
.pfx2-fields{padding:24px 28px;}
.pfx2-fields-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed #e7e8f0;}
.pfx2-editbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--red);font-family:inherit;font-weight:700;font-size:12px;text-transform:none;letter-spacing:0;padding:7px 14px;border-radius:9px;cursor:pointer;}
.pfx2-editbtn:hover{background:var(--pink);border-color:var(--red);}

.pfe-sep{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink);margin:18px 0 4px;padding-top:16px;border-top:1px dashed var(--line);}
.pfe-sep small{font-weight:600;color:var(--muted);}
.pfe-sep i{color:var(--red);}
.pfx2-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;}
.pfx2-field label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:8px;}
.pfx2-input{display:flex;align-items:center;gap:10px;background:#fbfbfe;border:1px solid #e7e8f0;border-radius:14px;padding:12px 15px;font-size:14px;font-weight:600;color:var(--title);min-height:48px;word-break:break-word;transition:border-color .15s,background .15s;}
.pfx2-input i{color:var(--red);flex:none;}
.pfx2-input:hover{border-color:color-mix(in srgb,var(--red) 45%,#e7e8f0);background:#fff;}
.pfx2-input i{color:var(--red);font-size:14px;flex:none;}
@media(max-width:860px){.pfx2-panel-body{grid-template-columns:1fr;}.pfx2-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);}.pfx2-grid{grid-template-columns:1fr;}.pfx2-stat{padding:0 18px;}}
.pf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:6px 10px 0;overflow-x:auto;}
.pf-tabs button{position:relative;background:none;border:0;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--muted);padding:13px 14px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid transparent;margin-bottom:-1px;}
.pf-tabs button:hover{color:var(--ink);}
.pf-tabs button.is-active{color:var(--red);border-bottom-color:var(--red);}
.pf-pane{padding:20px 22px;}

.pf-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;}
.pf-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #f6eeec;}
.pf-ric{width:38px;height:38px;flex:none;border-radius:11px;background:var(--pink);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 16%,transparent);display:flex;align-items:center;justify-content:center;font-size:15px;}
.pf-row small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px;}
.pf-row b{font-size:14.5px;color:var(--ink);}


.pf-empty{text-align:center;padding:52px 20px 48px;color:var(--muted);}
.pf-empty i{width:84px;height:84px;margin:0 auto;border-radius:26px;background:#f7f8fc;border:1.5px dashed #d9dbe6;display:flex;align-items:center;justify-content:center;font-size:32px;color:#b9bdcc;}
.pf-empty p{margin:18px 0 0;font-size:14.5px;font-weight:700;color:var(--ink);}
.pf-empty-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--red);color:#fff;font-weight:800;font-size:13.5px;padding:12px 26px;border-radius:13px;transition:transform .14s,filter .14s;}
.pf-empty-btn:hover{transform:translateY(-2px);filter:brightness(1.12);color:#fff;}
.pf-empty-btn i{width:auto;height:auto;margin:0;border:0;background:none;color:#fff;font-size:13px;display:inline;border-radius:0;}

.pf-orders{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pf-ord{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--soft);}
.pf-ord-hd{display:flex;align-items:center;justify-content:space-between;}
.pf-ord-code{font-size:12px;color:#8a6f6c;}
.pf-ord-price{font-family:'Baloo 2',cursive;color:var(--red);font-size:17px;}
.pf-ord-title{font-size:13.5px;font-weight:700;line-height:1.4;margin:7px 0 11px;}
.pf-ord-cred{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1.5px dashed var(--stroke);border-radius:10px;padding:11px 12px;font-size:12.5px;color:#5c4b4e;}
.pf-ord-cred b{color:var(--ink);}
.pf-ord-cred i{color:var(--red);width:14px;}
.pf-ord-time{font-size:11px;color:#a2908f;margin-top:9px;display:flex;align-items:center;gap:6px;}

.pf-txwrap{overflow-x:auto;}
.pf-tx{width:100%;border-collapse:collapse;font-size:13px;min-width:520px;}
.pf-tx th{text-align:left;padding:10px 12px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap;}
.pf-tx td{padding:12px;border-bottom:1px solid #f6eeec;color:#5c4b4e;}
.pf-tx .ar{text-align:right;}
.pf-tx .pos{color:#12a05c;font-weight:700;}
.pf-tx .neg{color:var(--red);font-weight:700;}
.pf-txtype{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:20px;margin-right:6px;}
.pf-txtype-deposit{background:#e6f8ee;color:#12a05c;}
.pf-txtype-purchase{background:var(--pink);color:var(--red);}

.pc-shell--plain .topbar{background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),var(--red,#e11d33);}
.pc-shell--plain .head{background:var(--red,#e11d33);}
.pc-shell--plain .nav{margin-top:16px;}
.card,.nav,.feature,.gsec,.prod-info,.prod-media,.pf-side{box-shadow:none;border:1px solid var(--line);}
.pledge{box-shadow:none;}
.searchbar label,.app-pill,.filter-chips .c,.trust .t .ico,.cta,.prod-btn,.pl-badge,.pf-usercard,.pf-av-lg,.pf-balbtn,.pf-av,.game-logo.has-img{box-shadow:none;}
.bs,.bs:hover,.news-card:hover,.pshop-card:hover,.pf-box:hover{box-shadow:none;}

.sup{margin-top:24px;}
.sup-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--grad);color:#fff;border-radius:18px;padding:22px 26px;margin-bottom:20px;position:relative;overflow:hidden;}
.sup-hero::after{content:"";position:absolute;right:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.1);}
.sup-hero-l{display:flex;align-items:center;gap:16px;z-index:1;min-width:0;}
.sup-hero-ic{width:54px;height:54px;flex:none;border-radius:16px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:23px;}
.sup-hero-tx h1{font-size:22px;font-weight:800;margin:0 0 4px;}
.sup-hero-tx p{font-size:13px;opacity:.92;margin:0;line-height:1.55;max-width:560px;}
.sup-hero-btn{z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--red);border:0;font-family:inherit;font-weight:800;font-size:14px;padding:12px 20px;border-radius:12px;cursor:pointer;transition:transform .12s;}
.sup-hero-btn:hover{transform:translateY(-2px);}
.sup-btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:14px;padding:11px 22px;border-radius:11px;cursor:pointer;}
.sup-btn-ghost{background:var(--soft);border:1px solid var(--line);color:var(--muted);font-family:inherit;font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:11px;cursor:pointer;}

.sup-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--red);color:var(--red);font-family:inherit;font-weight:700;font-size:13.5px;padding:10.5px 20px;border-radius:11px;cursor:pointer;transition:background .15s;}
.sup-btn-outline:hover{background:color-mix(in srgb,var(--red) 8%,#fff);}

.sup-contact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px 20px;margin-bottom:20px;}
.sup-contact-hd{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.sup-contact-hd i{color:var(--red);font-size:13px;}
.sup-cboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
.sup-cbox{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;text-decoration:none;transition:border-color .14s,background .14s;}
.sup-cbox .cb-ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
.sup-cbox .cb-tx{display:flex;flex-direction:column;min-width:0;line-height:1.4;}
.sup-cbox .cb-tx b{font-size:13.5px;color:var(--ink);font-weight:700;}
.sup-cbox .cb-tx small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sup-cbox.cb-zalo .cb-ic{background:#0068ff;}
.sup-cbox.cb-phone .cb-ic{background:#12a05c;}
.sup-cbox.cb-mail .cb-ic{background:#e11d33;}
.sup-cbox.cb-fb .cb-ic{background:#1877f2;}
.sup-cbox.cb-zalo:hover{border-color:#0068ff;background:#f4f8ff;}
.sup-cbox.cb-phone:hover{border-color:#12a05c;background:#f1faf5;}
.sup-cbox.cb-mail:hover{border-color:#e11d33;background:#fff3f5;}
.sup-cbox.cb-fb:hover{border-color:#1877f2;background:#f3f7fe;}

.sup-list{display:flex;flex-direction:column;gap:12px;}
.sup-card{position:relative;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 18px 15px 20px;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .15s,transform .15s;}
.sup-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--muted);opacity:.3;}
.sup-card.sup-st-open::before{background:#e07d0a;opacity:1;}
.sup-card.sup-st-answered::before{background:#0e9f6e;opacity:1;}
.sup-card.sup-st-closed::before{background:#b3b8be;opacity:1;}
.sup-card:hover{border-color:var(--red);transform:translateY(-2px);}
.sup-card-ic{width:46px;height:46px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--pink);color:var(--red);}
.sup-card-main{flex:1;min-width:0;}
.sup-card-top{display:flex;align-items:center;gap:9px;margin-bottom:5px;flex-wrap:wrap;}
.sup-card-code{font-size:12.5px;font-weight:800;color:var(--muted);font-family:'Baloo 2',cursive;}
.sup-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;}
.sup-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.sup-badge-open{background:#fff3e0;color:#d97706;}
.sup-badge-answered{background:#e3f7ee;color:#0e9f6e;}
.sup-badge-closed{background:#eef0f2;color:#7c8288;}
.sup-order-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#5b6fd8;background:#eef0fb;border:1px solid #dfe3fa;padding:2px 9px;border-radius:99px;}
.sup-order-chip i{font-size:10px;}
.sup-new-dot{width:8px;height:8px;border-radius:50%;background:var(--red);}
.sup-card-subject{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.sup-card-meta{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.sup-card-meta i{font-size:11px;}
.sup-dot-sep{opacity:.5;}
.sup-card-arrow{color:#cbb9b6;font-size:15px;flex:none;}
.sup-empty{text-align:center;padding:52px 24px;background:#fff;border:1.5px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;}
.sup-empty-ic{width:74px;height:74px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);font-size:30px;margin-bottom:16px;}
.sup-empty-tt{font-size:17px;font-weight:800;color:var(--title);margin:0 0 6px;}
.sup-empty-sub{font-size:13.5px;color:var(--muted);margin:0 0 20px;max-width:400px;line-height:1.6;}
.sup-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;}
.sup-modal[hidden]{display:none;}
.sup-modal-bg{position:absolute;inset:0;background:rgba(20,10,12,.55);backdrop-filter:blur(3px);animation:supFade .18s ease;}
.sup-modal-card{position:relative;z-index:1;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:18px;animation:supPop .2s cubic-bezier(.2,.9,.3,1.2);}
@keyframes supFade{from{opacity:0}to{opacity:1}}
@keyframes supPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.sup-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;border-radius:18px 18px 0 0;}
.sup-modal-tt{font-size:16px;font-weight:800;color:var(--title);display:flex;align-items:center;gap:9px;}
.sup-modal-tt i{color:var(--red);}
.sup-modal-x{width:34px;height:34px;border:0;border-radius:10px;background:var(--soft);color:var(--muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.sup-modal-x:hover{background:var(--pink);color:var(--red);}
.sup-form{padding:20px 22px 22px;}
.sup-flb{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin:0 0 7px;}
.sup-flb:not(:first-child){margin-top:16px;}
.sup-req{color:var(--red);}
.sup-opt{color:var(--muted);font-weight:500;font-size:11.5px;}
.sup-form input,.sup-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--soft);resize:vertical;}
.sup-form input:focus,.sup-form textarea:focus,.sup-select:focus-within{outline:none;border-color:var(--red);background:#fff;}
.sup-select{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--soft);padding:0 12px;}
.sup-select-ic{color:var(--red);font-size:13px;flex:none;}
.sup-select select{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:inherit;font-size:13.5px;color:var(--ink);padding:12px 8px;appearance:none;-webkit-appearance:none;cursor:pointer;}
.sup-select-ar{color:var(--muted);font-size:12px;flex:none;pointer-events:none;}
.sup-modal-ft{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;}
.sup-back{display:inline-flex;align-items:center;gap:7px;color:var(--red);font-weight:700;font-size:13.5px;margin-bottom:16px;text-decoration:none;}
.sup-thread-hd{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px;}
.sup-thread-top{display:flex;align-items:center;gap:9px;margin-bottom:9px;}
.sup-thread-hd h1{font-size:20px;font-weight:800;color:var(--title);margin:0 0 8px;line-height:1.35;}
.sup-thread-time{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;}
.sup-order-ref{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;background:#eef0fb;border:1px solid #dfe3fa;border-radius:12px;}
.sup-order-ref-ic{width:38px;height:38px;flex:none;border-radius:10px;background:#fff;color:#5b6fd8;display:flex;align-items:center;justify-content:center;font-size:16px;}
.sup-order-ref-tx{flex:1;min-width:0;}
.sup-order-ref-tx small{display:block;font-size:11px;color:#8089b3;margin-bottom:1px;}
.sup-order-ref-tx b{font-size:13.5px;color:#3a4488;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sup-order-ref-price{font-family:'Baloo 2',cursive;font-size:16px;color:#5b6fd8;flex:none;}
.sup-chat{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;}
.sup-msg{display:flex;gap:11px;max-width:min(640px,82%);}
.sup-msg-av{width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-size:15px;}
.sup-msg-av img{width:100%;height:100%;object-fit:cover;display:block;}
.sup-msg.is-user{align-self:flex-end;flex-direction:row-reverse;}
.sup-msg.is-user .sup-msg-av{background:var(--pink);color:var(--red);}
.sup-msg.is-admin .sup-msg-av{background:var(--grad);color:#fff;}
.sup-msg-body{min-width:0;}
.sup-msg-who{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:5px;}
.sup-msg.is-user .sup-msg-who{text-align:right;}
.sup-msg-text{font-size:14px;line-height:1.6;padding:11px 15px;border-radius:15px;word-break:break-word;}
.sup-msg.is-user .sup-msg-text{background:var(--grad);color:#fff;border-bottom-right-radius:5px;}
.sup-msg.is-admin .sup-msg-text{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px;}
.sup-msg-time{font-size:10.5px;color:var(--muted);margin-top:6px;}
.sup-msg.is-user .sup-msg-time{text-align:right;}
.sup-reply{display:flex;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;}
.sup-reply textarea{flex:1;border:0;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--ink);resize:vertical;min-height:24px;max-height:160px;}
.sup-reply-send{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:11px;cursor:pointer;}
.sup-closed{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:10px;}
.sup-closed i{color:var(--red);}

.pf-badge-new{background:var(--red);color:#fff;font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;}

.tkfile{display:inline-flex;align-items:center;gap:8px;}
.tkfile-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--red);background:var(--pink);border:1px solid color-mix(in srgb,var(--red) 20%,transparent);border-radius:11px;height:44px;padding:0 14px;font-weight:700;font-size:13px;flex:none;white-space:nowrap;}
.tkfile-btn input[type=file]{display:none;}
.tkfile-prev{position:relative;display:inline-block;}
.tkfile-prev img{height:40px;width:40px;object-fit:cover;border-radius:9px;display:block;border:1px solid var(--line);}
.tkfile-rm{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:#111;color:#fff;font-size:12px;line-height:1;cursor:pointer;padding:0;}
.tkfile--block{display:flex;gap:10px;align-items:center;margin-bottom:2px;}
.chat-img-wrap{display:inline-block;margin-top:6px;}
.chat-img{max-width:min(240px,100%);max-height:280px;border-radius:10px;display:block;cursor:pointer;}

.sup-chat{max-height:56vh;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--red) 45%,#fff) transparent;}
.sup-chat::-webkit-scrollbar{width:8px;}
.sup-chat::-webkit-scrollbar-track{background:transparent;margin:6px 0;}
.sup-chat::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--red) 45%,#fff);border-radius:8px;}
.sup-chat::-webkit-scrollbar-thumb:hover{background:var(--red);}
.chat-imgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.chat-imgs .chat-img-wrap{margin-top:0;}
.tkfile-prev{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:static;}
.tkfile-thumb{position:relative;display:inline-block;flex:none;}
.tkfile-thumb img{height:40px;width:40px;object-fit:cover;border-radius:9px;display:block;border:1px solid var(--line);}


.sup-chat{background-color:color-mix(in srgb,var(--red) 6%,#fff);background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--red) 6%,transparent) 0 2px,transparent 2px 16px);border-color:color-mix(in srgb,var(--red) 18%,#fff);}
.sup-msg.is-admin .sup-msg-text{background:#fff;}

.chat-imgs:has(.chat-img-wrap + .chat-img-wrap){max-width:320px;padding:5px;gap:5px;background:rgba(0,0,0,.04);border:1px solid var(--line);border-radius:12px;}
.chat-imgs:has(.chat-img-wrap + .chat-img-wrap) .chat-img{width:92px;height:92px;object-fit:cover;max-width:none;max-height:none;border:1px solid rgba(0,0,0,.14);border-radius:8px;}


.cart-item{transition:border-color .15s,box-shadow .15s,transform .15s;}
.cart-item:hover{border-color:var(--red2);box-shadow:0 8px 22px rgba(225,29,51,.09);}
.cart-item.off:hover{transform:none;box-shadow:none;border-color:var(--line);}
.cart-thumb{position:relative;}
.cart-thumb-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,10,12,.55);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;}
.cart-trust{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:9px;}
.cart-trust div{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--ink);}
.cart-trust span{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:var(--red);font-size:12px;}
.cart-list .cart-continue{align-self:flex-start;margin-top:2px;}


.buy-modal-body{padding:20px 22px 22px;}
.buy-modal-acc{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.buy-modal-acc>img,.buy-modal-noimg{width:66px;height:48px;border-radius:10px;object-fit:cover;flex:none;}
.buy-modal-noimg{background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);}
.buy-modal-acc-tx{min-width:0;flex:1;}
.buy-modal-acc-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--title);line-height:1.35;}
.buy-modal-acc-tx span{display:block;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--red);}
.buy-modal-price{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--soft);border:1px solid var(--line);border-radius:12px;}
.buy-modal-price span{font-size:13px;color:var(--muted);font-weight:600;}
.buy-modal-price b{font-family:'Baloo 2',cursive;font-size:23px;color:var(--red);line-height:1;}
.buy-modal-note{margin:14px 0 0;font-size:12.5px;color:var(--muted);line-height:1.55;}
.buy-modal-note i{color:var(--red);}
.buy-modal.is-processing .sup-modal-hd,.buy-modal.is-processing .buy-modal-body{display:none;}
.buy-processing{min-height:290px;padding:42px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff 35%,var(--pink));}
.buy-processing[hidden]{display:none;}
.buy-processing-spinner{width:52px;height:52px;margin-bottom:20px;border:4px solid color-mix(in srgb,var(--red) 18%,#fff);border-top-color:var(--red);border-radius:50%;animation:buyProcessingSpin .8s linear infinite;}
.buy-processing strong{font-size:18px;color:var(--title);margin-bottom:8px;}
.buy-processing>span:last-child{font-size:13px;line-height:1.6;color:var(--muted);}
@keyframes buyProcessingSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.buy-processing-spinner{animation-duration:1.8s;}}

.paysum{margin:14px 0 2px;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden;}
.paysum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;font-size:13px;color:var(--muted);font-weight:600;}
.paysum-row>b{color:var(--ink);font-weight:700;font-size:13.5px;}
.paysum-note{font-style:normal;color:var(--muted);font-weight:600;}
.paysum-disc{color:#12a05c;}
.paysum-disc>b{color:#12a05c;}
.paysum-disc>span i{margin-right:3px;color:#12a05c;}
.paysum-total{background:#fff;border-top:1px solid var(--line);padding:12px 14px;}
.paysum-total>span{color:var(--muted);}
.paysum-total>span b{color:var(--ink);font-weight:700;}
.paysum-total>b{font-family:'Baloo 2',cursive;font-weight:400;font-size:22px;color:var(--red);line-height:1;}


.foot .foot-body{padding:34px 20px;display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;}
.foot .foot-lead{flex:1.3 1 210px;min-width:0;}
.foot .foot-lead .foot-logo{height:80px;margin-bottom:10px;display:block;}
.foot .foot-lead p{font-size:12.5px;line-height:1.7;color:#7a6866;margin:0;}
.foot .foot-body > .fcol{flex:1 1 150px;min-width:0;}
.foot .foot-body > .foot-contact{flex:0 1 320px;margin-left:auto;}
.foot .foot-soon{font-style:normal;color:#b0a09e;font-size:11px;}
.foot .foot-contact .foot-ct{display:flex;align-items:center;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:8px;color:var(--ink);text-decoration:none;transition:background-color .15s,color .15s;}
.foot .foot-contact .foot-ct+.foot-ct{margin-top:3px;}
.foot .foot-contact .foot-ct:hover{background:color-mix(in srgb,var(--ct,var(--red)) 8%,#fff);color:var(--ink);}
.foot .foot-contact .foot-ct-ico{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;padding:0;border-radius:8px;background:color-mix(in srgb,var(--ct,var(--red)) 12%,#fff);color:var(--ct,var(--red));}
.foot .foot-contact .foot-ct:hover .foot-ct-ico{background:var(--ct,var(--red));color:#fff;}
.foot .foot-contact .foot-ct-ico i{width:auto;color:inherit;font-size:13px;}
.foot .foot-contact .foot-ct-txt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:0;}
.foot .foot-contact .foot-ct-txt b{margin:0;color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.3;}
.foot .foot-contact .foot-ct-txt em{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a7775;font-size:11px;font-style:normal;line-height:1.4;}
.foot .foot-contact .foot-fb-title{display:block;margin:16px 0 8px;color:var(--ink);font-size:12.5px;font-weight:800;line-height:1.3;}
.foot .foot-contact .foot-fb-box{width:100%;max-width:300px;height:150px;overflow:hidden;line-height:0;background:#fff;}
.foot .foot-contact .foot-fb-box iframe{display:block;width:100%;height:150px;border:0;}

.foot .fcol b.fcol-mt{margin-top:18px;}






.bl{max-width:1180px;margin:0 auto;}

.bl-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--red);}
.bl-eyebrow i{width:16px;height:1.5px;background:var(--red);opacity:.45;display:block;}

.bl-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1.5px solid var(--line);}
.bl-h1{font-family:'Baloo 2',cursive;font-size:clamp(27px,3vw,35px);line-height:1.08;color:var(--title);margin:9px 0 6px;}
.bl-sub{margin:0;font-size:13.5px;color:var(--muted);max-width:52ch;}
.bl-search{display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:5px 5px 5px 15px;}
.bl-search:focus-within{border-color:var(--red);}
.bl-search i{color:var(--muted);font-size:13px;}
.bl-search input{border:0;outline:0;font-family:inherit;font-size:13.5px;width:210px;background:transparent;color:var(--ink);}
.bl-search button{border:0;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:13px;padding:9px 18px;border-radius:9px;cursor:pointer;}

.bl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;}
.bl-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;padding:7px 15px;border-radius:999px;text-decoration:none;transition:border-color .15s,color .15s;}
.bl-chip span{font-size:11px;font-weight:800;color:var(--muted);}
.bl-chip:hover{border-color:var(--red);color:var(--red);}
.bl-chip.on{background:var(--grad);border-color:transparent;color:#fff;}
.bl-chip.on span{color:rgba(255,255,255,.7);}

.bl-kicker{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:var(--pink);padding:3px 9px;border-radius:6px;align-self:flex-start;}
.bl-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--red);opacity:.28;font-size:34px;}
.bl-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);margin-top:auto;padding-top:10px;}
.bl-meta i.fa-solid{color:var(--red);opacity:.65;font-size:11px;}
.bl-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.45;flex:none;}


.bl-stage{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:20px;align-items:start;}
.bl-lead{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s;}
.bl-lead:hover{border-color:var(--red);}
.bl-lead-img{position:relative;display:block;/* aspect-ratio:21/9; */background:var(--soft);overflow:hidden;}
.bl-lead-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.bl-lead:hover .bl-lead-img img{transform:scale(1.04);}
.bl-lead-flag{position:absolute;top:12px;left:12px;background:var(--grad);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:7px;}
.bl-lead-bd{display:flex;flex-direction:column;gap:9px;padding:18px 22px 20px;}
.bl-lead-tt{font-family:'Baloo 2',cursive;font-size:23px;line-height:1.22;color:var(--title);margin:0;}
.bl-lead-ex{margin:0;font-size:13.5px;line-height:1.62;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-read{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;color:var(--red);}
.bl-read i{transition:transform .18s ease;}
.bl-lead:hover .bl-read i{transform:translateX(4px);}

.bl-rank{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:17px 18px 8px;}
.bl-rank-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--line);}
.bl-rank-note{font-size:11px;color:var(--muted);}
.bl-rank-list{list-style:none;margin:0;padding:0;counter-reset:none;}
.bl-rank-list li{border-bottom:1px dashed var(--line);}
.bl-rank-list li:last-child{border-bottom:0;}
.bl-rank-list a{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 0;text-decoration:none;color:inherit;}
.bl-rank-n{font-family:'Baloo 2',cursive;font-size:15px;color:var(--muted);opacity:.65;text-align:center;}
.bl-rank-list li:first-child .bl-rank-n{color:var(--red);opacity:1;}
.bl-rank-tx{min-width:0;display:flex;flex-direction:column;gap:6px;}
.bl-rank-tx b{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-rank-list a:hover b{color:var(--red);}
.bl-rank-bar{display:block;height:4px;border-radius:99px;background:var(--soft);overflow:hidden;}
.bl-rank-bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:var(--grad);transform-origin:left center;animation:blbar .7s cubic-bezier(.2,.7,.3,1) both;}
.bl-rank-v{font-size:11.5px;font-weight:800;color:var(--muted);white-space:nowrap;}
.bl-rank-all{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px -18px 0;padding:13px 0;border-top:1px dashed var(--line);font-size:12.5px;font-weight:800;color:var(--red);text-decoration:none;}
.bl-rank-all i{font-size:10px;transition:transform .18s ease;}
.bl-rank-all:hover i{transform:translateX(4px);}
@keyframes blbar{from{transform:scaleX(0);}to{transform:scaleX(1);}}


.bl-more{margin-top:30px;}
.bl-more-hd{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.bl-rule{flex:1;height:1.5px;background:var(--line);}
.bl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.bl-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;color:inherit;transition:border-color .2s;}
.bl-item:hover{border-color:var(--red);}
.bl-item-img{position:relative;border-radius:11px;overflow:hidden;background:var(--soft);aspect-ratio:4/3;}
.bl-item-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.bl-item:hover .bl-item-img img{transform:scale(1.05);}
.bl-item-bd{display:flex;flex-direction:column;gap:6px;min-width:0;padding:2px 4px 2px 0;}
.bl-item-tt{font-size:14px;font-weight:800;line-height:1.32;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bl-item:hover .bl-item-tt{color:var(--red);}
.bl-item-ex{margin:0;font-size:12px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.bl-empty{text-align:center;padding:64px 24px;background:#fff;border:1.5px dashed var(--line);border-radius:20px;}
.bl-empty-ic{font-size:38px;color:var(--red);opacity:.35;display:block;margin-bottom:14px;}
.bl-empty-tt{font-family:'Baloo 2',cursive;font-size:20px;color:var(--title);margin:0 0 5px;}
.bl-empty-sub{color:var(--muted);font-size:13.5px;margin:0 0 18px;}
.bl-empty-btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:11px 22px;border-radius:11px;text-decoration:none;}

@media (max-width:1060px){
  .bl-stage{grid-template-columns:minmax(0,1fr);}
  .bl-list{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .bl-top{align-items:stretch;}
  .bl-search{width:100%;}
  .bl-search input{width:100%;}
  .bl-item{grid-template-columns:100px minmax(0,1fr);}
  .bl-lead-bd{padding:15px 16px 17px;}
  .bl-lead-tt{font-size:20px;}
}
@media (prefers-reduced-motion:reduce){
  .bl-rank-bar i{animation:none;}
  .bl-lead-img img,.bl-item-img img,.bl-read i{transition:none;}
}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid color-mix(in srgb,var(--red) 85%,#000);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;}
.blog-card:hover{border-color:var(--red);transform:translateY(-4px);}
.blog-card:hover .blog-card-img img{transform:scale(1.06);}
.blog-card-img img{transition:transform .35s ease;}
.blog-card-img{position:relative;display:block;aspect-ratio:16/9;background:var(--soft);overflow:hidden;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-card-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--red);opacity:.4;font-size:34px;}
.blog-card-cat{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;}
.blog-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1;}
.blog-card-title{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-ex{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-meta{margin-top:auto;padding-top:5px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.blog-card-meta i{color:var(--red);opacity:.7;}
.blog-card-meta .sep{opacity:.5;}



.ar-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:60;pointer-events:none;}
.ar-progress i{display:block;height:100%;width:0;background:var(--grad);transition:width .12s linear;}

.ar{max-width:1120px;margin:0 auto;}
.ar-eyebrow{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--red);}
.ar-crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap;}
.ar-crumb a{color:var(--muted);text-decoration:none;}
.ar-crumb a:hover{color:var(--red);}
.ar-crumb i{font-size:9px;opacity:.5;}

.ar-head{max-width:760px;}
.ar-kicker{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:var(--pink);padding:4px 11px;border-radius:6px;text-decoration:none;}
.ar-title{font-family:'Baloo 2',cursive;font-size:clamp(28px,3.4vw,40px);line-height:1.12;color:var(--title);margin:14px 0 0;}
.ar-lede{margin:12px 0 0;font-size:16px;line-height:1.65;color:var(--muted);}
.ar-byline{display:flex;align-items:center;gap:12px;margin:22px 0 26px;padding-bottom:20px;border-bottom:1.5px solid var(--line);}
.ar-avt{flex:none;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',cursive;font-size:17px;}
.ar-by-tx{display:flex;flex-direction:column;gap:1px;min-width:0;}
.ar-by-tx b{font-size:13.5px;color:var(--ink);}
.ar-by-tx span{font-size:11.5px;color:var(--muted);}
.ar-stats{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);white-space:nowrap;}
.ar-stats i{color:var(--red);opacity:.7;margin-right:5px;}

.ar-wrap{display:grid;grid-template-columns:minmax(0,620px) 300px;gap:48px;align-items:start;}
.ar-main{min-width:0;}

.ar-cover{margin:0 0 30px;border-radius:20px;overflow:hidden;border:1.5px solid var(--line);/* aspect-ratio:21/9; */}
.ar-cover img{width:100%;height:100%;object-fit:cover;display:block;}

.ar-body{font-size:16.5px;line-height:1.85;color:#3a3033;}
.ar-body > *:first-child{margin-top:0;}
.ar-body p{margin:0 0 20px;}
.ar-body h2,.ar-body h3{font-family:'Baloo 2',cursive;color:var(--title);line-height:1.25;margin:34px 0 12px;}
.ar-body h2{font-size:25px;}
.ar-body h3{font-size:20px;}
.ar-body img{max-width:100%;height:auto;border-radius:12px;margin:10px 0 22px;display:block;}
.ar-body ul,.ar-body ol{margin:0 0 20px;padding-left:20px;}
.ar-body li{margin-bottom:9px;padding-left:4px;}
.ar-body li::marker{color:var(--red);font-weight:700;}
.ar-body a{color:var(--red);font-weight:600;text-underline-offset:3px;}
.ar-body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--red);color:var(--ink);font-size:17px;line-height:1.7;}
.ar-body blockquote p:last-child{margin-bottom:0;}
.ar-body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14.5px;}
.ar-body th,.ar-body td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
.ar-body th{background:var(--soft);font-weight:800;color:var(--ink);}
.ar-body code{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.9em;}
.ar-body hr{border:0;border-top:1.5px dashed var(--line);margin:28px 0;}

.ar-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1.5px solid var(--line);}
.ar-back,.ar-ask{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;text-decoration:none;}
.ar-back{color:var(--muted);}
.ar-back:hover{color:var(--red);}
.ar-ask{color:#fff;background:var(--grad);padding:11px 20px;border-radius:11px;}
.ar-ask i{font-size:11px;transition:transform .18s ease;}
.ar-ask:hover i{transform:translateX(4px);}

.ar-side{position:sticky;top:16px;}
.ar-sbox{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px 18px 6px;}
.ar-sbox-hd{padding-bottom:12px;border-bottom:1px dashed var(--line);}
.ar-ritem{display:grid;grid-template-columns:66px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px dashed var(--line);text-decoration:none;color:inherit;}
.ar-ritem:last-child{border-bottom:0;}
.ar-ritem-img{position:relative;height:52px;border-radius:9px;overflow:hidden;background:var(--soft);}
.ar-ritem-img img{width:100%;height:100%;object-fit:cover;display:block;}
.ar-ritem-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--red);opacity:.3;font-size:17px;}
.ar-ritem-tx{min-width:0;display:flex;flex-direction:column;gap:4px;}
.ar-ritem-tx b{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ar-ritem:hover .ar-ritem-tx b{color:var(--red);}
.ar-ritem-tx small{font-size:11px;color:var(--muted);}

@media (max-width:1000px){
  .ar-wrap{grid-template-columns:minmax(0,1fr);gap:26px;}
  .ar-side{position:static;}
}
@media (prefers-reduced-motion:reduce){
  .ar-ask i{transition:none;}
}


.blog-marquee{overflow:hidden;position:relative;padding:4px 0;touch-action:pan-y;}
.blog-track{display:flex;width:max-content;will-change:transform;}
.blog-card--mq{flex:0 0 228px;margin-right:14px;}

.blog-marquee--static .blog-track{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.blog-marquee--static .blog-card--mq{flex:none;width:auto;margin-right:0;}

.blog-static{display:flex;flex-wrap:wrap;gap:16px;}
.blog-static .blog-card{flex:0 1 228px;}


.vc-box{margin:12px 0 4px;}
.vc-open{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff3e8;border:1.5px solid #ffd7b0;color:#e8590c;font-family:inherit;font-weight:700;font-size:13px;padding:9px 13px;border-radius:10px;cursor:pointer;}
.vc-open .vc-open-ar{transition:transform .18s;font-size:11px;}
.vc-open.on .vc-open-ar{transform:rotate(180deg);}
.vc-list{margin:8px 0;display:flex;flex-direction:column;gap:7px;max-height:236px;overflow-y:auto;}
.vc-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 11px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit;transition:border-color .15s,background .15s;}
.vc-item:hover{border-color:#e8590c;background:#fff8f2;}
.vc-item-pick{display:flex;align-items:center;gap:11px;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;}
.vc-item-pick:not(button){cursor:default;}
.vc-item-ic{flex:none;width:40px;height:40px;border-radius:10px;background:#fff3e8;color:#e8590c;display:flex;align-items:center;justify-content:center;font-size:17px;}
.vc-item-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.vc-item-title{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.3;}
.vc-item-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;}
.vc-item-d{flex:none;font-size:13.5px;font-weight:800;color:#12a05c;}
.vc-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.vc-item-more{border:0;background:transparent;color:#e8590c;font:inherit;font-size:10.5px;font-weight:800;padding:2px 0;cursor:pointer;white-space:nowrap;}
.vc-item-more i{font-size:8px;margin-left:3px;transition:transform .18s;}
.vc-item-more.on i{transform:rotate(180deg);}
.vc-item-detail{grid-column:1/-1;border-top:1px dashed #eadfd6;padding-top:9px;}
.vc-detail-group+.vc-detail-group{margin-top:9px;}
.vc-detail-title{display:block;font-size:11px;color:var(--ink);margin-bottom:6px;}
.vc-detail-links{display:flex;flex-wrap:wrap;gap:6px;}
.vc-detail-link{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #f0d9c6;color:var(--ink);text-decoration:none;}
.vc-detail-link b{font-size:11px;line-height:1.25;}
.vc-detail-link small{font-size:9.5px;color:var(--muted);}
.vc-detail-link i{font-size:8px;color:#e8590c;}
.vc-detail-link em{font-size:9px;color:var(--muted);font-style:normal;}
.vc-detail-link.is-off{opacity:.65;background:#f5f5f5;border-color:#e6e6e6;}
.vc-detail-empty{font-size:10.5px;color:var(--muted);}
.vc-detail-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;}
.vc-detail-conditions>span{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:8px;background:#f7f8fa;}
.vc-detail-conditions small{font-size:9.5px;color:var(--muted);}
.vc-detail-conditions b{font-size:10.5px;color:var(--ink);}
.vc-item--off{cursor:default;background:#f6f7f9;border-color:#eceef1;}
.vc-item--off:hover{border-color:#eceef1;background:#f6f7f9;}
.vc-item--off .vc-item-title{color:#9aa1ac;}
.vc-item--off .vc-item-sub{color:#aab2bd;white-space:normal;}
.vc-item--off .vc-item-ic{background:#eceef1;color:#b3b9c2;}
.vc-empty{font-size:12.5px;color:var(--muted);text-align:center;padding:14px;}
.vc-manual{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed var(--line);border-radius:10px;padding:5px 6px 5px 12px;margin-top:8px;}
.vc-manual .vc-ic{color:#e8590c;font-size:14px;flex:none;}
.vc-code{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;text-transform:uppercase;min-width:0;letter-spacing:.5px;}
.vc-manual input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;text-transform:uppercase;min-width:0;letter-spacing:.5px;}
.vc-apply{flex:none;border:0;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:8px;cursor:pointer;}
.vc-result{font-size:12px;margin-top:6px;}
.vc-result.vc-ok{color:#12a05c;font-weight:600;}
.vc-result.vc-err{color:var(--red);}
.vc-result.vc-loading{color:var(--muted);}
.cart-vcform{margin:8px 0 2px;}
.cart-vc{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed var(--line);border-radius:10px;padding:5px 6px 5px 12px;}
.cart-vc .vc-ic{color:#e8590c;font-size:14px;flex:none;}
.cart-vc input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;text-transform:uppercase;min-width:0;letter-spacing:.5px;}
.cart-vc-btn{flex:none;border:0;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:8px;cursor:pointer;}
.cart-sumrow.cart-vc-ok span,.cart-sumrow.cart-vc-ok b{color:#12a05c;}
.cart-vc-err{font-size:12px;color:var(--red);margin:5px 0;display:flex;align-items:center;gap:5px;}


.vc-open-lb{display:inline-flex;align-items:center;gap:7px;min-width:0;}
.vc-open-lb b{font-weight:800;letter-spacing:.5px;}
.vc-panel{margin-top:8px;}
.vc-list-hd{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:13px 0 8px;display:flex;align-items:center;gap:6px;}
.vc-list-hd i{color:#e8590c;}
.vc-manual .vc-apply{flex:none;border:0;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:8px;cursor:pointer;}


.svc-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:44px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;}
.svc-empty i{font-size:34px;color:var(--red);opacity:.5;}
.svc-group{margin-bottom:26px;}
.svc-group-hd{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 13px;display:flex;align-items:center;gap:9px;}
.svc-group-dot{width:7px;height:20px;border-radius:4px;background:var(--grad);flex:none;}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.svc-card{display:flex;flex-direction:column;background:#fff;border:1px solid color-mix(in srgb,var(--red) 85%,#000);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;}
.svc-card:hover{border-color:var(--red);transform:translateY(-4px);}
.svc-card:hover .svc-card-img>img{transform:scale(1.06);}
.svc-card-img{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 50% 40%,#fff6f3,#ffe0da);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.svc-card-img>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.svc-card-noimg{color:var(--red);opacity:.45;font-size:32px;}
.svc-card-bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:9px;flex:1;}
.svc-card-tt{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;}
.svc-card-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px;}
.svc-card-price{font-size:16px;font-weight:800;color:var(--red);}
.svc-card-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;background:var(--grad);padding:6px 12px;border-radius:9px;}
.svc-card-btn--full{width:100%;justify-content:center;margin-top:auto;padding:8px 12px;}
.svc-card-safe{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 16px);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:7px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.svc-card-tagc{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:2;pointer-events:none;}
.svc-card-tagc img{height:52px;max-width:143px;object-fit:contain;display:block;}
.svc-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.svc-card-tags span{padding:2px 8px;border-radius:6px;background:var(--pink);border:1px solid var(--line);font-size:10px;font-weight:600;color:var(--red);line-height:1.3;}
.svc-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.svc-card-price{font-size:15px;font-weight:800;color:var(--red);}
.svc-card-sold{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#e8590c;background:#fff3e8;border:1px solid #ffdcc0;padding:2px 8px;border-radius:14px;}
.svc-buyimg{display:flex;justify-content:center;margin-top:auto;}
.svc-buyimg img{height:38px;width:auto;max-width:100%;object-fit:contain;}
.acc-card__buy--img{padding:0 !important;background:none !important;border:0 !important;filter:none !important;}
.acc-card__buy--img img{height:38px;width:100%;max-width:100%;object-fit:contain;display:block;}
.svc-cat-ic{width:30px;height:30px;border-radius:8px;background:var(--soft);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;color:var(--red);font-size:14px;}
.svc-cat-ic img{width:100%;height:100%;object-fit:cover;}
.svcd-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;margin-bottom:14px;font-weight:600;}
.svcd-back:hover{color:var(--red);}
.svcd-req{color:var(--red);}
.svcd-inp{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;outline:0;color:var(--ink);box-sizing:border-box;}
.svcd-inp:focus{border-color:var(--red);}

[hidden]{display:none !important;}
.svc-toast{position:fixed;top:18px;left:50%;z-index:9999;display:flex;align-items:center;gap:9px;max-width:90vw;background:#fff;border:1.5px solid var(--red);color:var(--ink);font-size:13.5px;font-weight:600;padding:11px 18px;border-radius:10px;box-shadow:0 8px 26px rgba(17,10,12,.20);transform:translateX(-50%) translateY(-14px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;}
.svc-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.svc-toast i{color:var(--red);font-size:16px;flex:none;}

.svc-toast--ok{border-color:#12a05c;}
.svc-toast--ok i{color:#12a05c;}
.svc-toast--del,.svc-toast--err{border-color:#e5313f;}
.svc-toast--del i,.svc-toast--err i{color:#e5313f;}

.svc-toast.pop{animation:svcPop .34s cubic-bezier(.34,1.56,.64,1);}
@keyframes svcPop{0%{transform:translateX(-50%) translateY(-10px) scale(.9);}60%{transform:translateX(-50%) translateY(2px) scale(1.05);}100%{transform:translateX(-50%) translateY(0) scale(1);}}
.svcd2{max-width:1080px;margin:0 auto;}
.svcd2-hero{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 18px;margin-bottom:16px;}
.svcd2-hero-img{width:78px;height:78px;border-radius:14px;overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff6f3,#ffe0da);color:var(--red);font-size:29px;}
.svcd2-hero-img img{width:100%;height:100%;object-fit:cover;}
.svcd2-hero-name{font-size:21px;font-weight:800;color:var(--ink);margin:0 0 6px;line-height:1.2;}
.svcd2-hero-price{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--red);}
.svcd2-hero-price i{font-size:13px;}
.svcd2-hero-desc{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5;}
.svcd2-hero-desc :is(img,iframe,table){max-width:100%;}
.svcd2-cols{display:flex;gap:16px;align-items:flex-start;}
.svcd2-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.svcd2-side{width:326px;flex:none;}
.svcd2-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;}
.svcd2-step{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:14px;}
.svcd2-num{width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;font-weight:700;}
.svcd2-step-cnt{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted);}
.svcd2-fields{display:flex;flex-direction:column;gap:12px;}
.svcd2-flb{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.svcd2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;max-height:600px;overflow-y:auto;overflow-x:hidden;padding:5px;margin:-5px;scroll-padding-block:5px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--red) var(--soft);}
@supports selector(::-webkit-scrollbar){.svcd2-grid{scrollbar-width:auto;scrollbar-color:auto;}}
.svcd2-grid::-webkit-scrollbar{width:10px;}
.svcd2-grid::-webkit-scrollbar-track{background:var(--soft);border-radius:4px;margin-block:5px;}
.svcd2-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red2),var(--red));background-clip:padding-box;border:2px solid var(--soft);border-radius:5px;}
.svcd2-grid::-webkit-scrollbar-thumb:hover{background:var(--red);background-clip:padding-box;}

.svcd2-noPkg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:linear-gradient(180deg,#fff,var(--soft));border:1.5px dashed var(--line);border-radius:18px;padding:46px 24px;margin-top:6px;}
.svcd2-noPkg-ic{width:72px;height:72px;border-radius:22px;background:var(--pink);border:1px solid var(--line);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:8px;}
.svcd2-noPkg b{font-size:17px;font-weight:800;color:var(--title);}
.svcd2-noPkg p{margin:0;font-size:13.5px;line-height:1.7;color:var(--muted);max-width:420px;}
.svcd2-noPkg-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px;}
.svcd2-noPkg-btn{display:inline-flex;align-items:center;gap:7px;background:var(--grad);color:#fff;font-size:13px;font-weight:800;padding:11px 20px;border-radius:12px;transition:filter .15s;}
.svcd2-noPkg-btn:hover{filter:brightness(1.12);color:#fff;}
.svcd2-noPkg-btn--ghost{background:#fff;color:var(--red);border:1.5px solid var(--line);}
.svcd2-noPkg-btn--ghost:hover{filter:none;border-color:var(--red);color:var(--red);background:var(--pink);}
.svcd2-pkg{position:relative;display:flex;flex-direction:column;min-width:0;border:2px solid transparent;border-radius:5px;overflow:hidden;cursor:pointer;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--red2) 42%,#fff),var(--line) 48%,color-mix(in srgb,var(--red) 32%,#fff)) border-box;transition:transform .08s;user-select:none;}
.svcd2-pkg:hover{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;}
.svcd2-pkg:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.svcd2-pkg:active{transform:scale(.98);}
.svcd2-pkg-media{display:block;flex:none;width:100%;background:#f1f3f5;overflow:hidden;}
.svcd2-pkg-media img{display:block;width:100%;height:auto;object-fit:contain;}
.svcd2-pkg-media.media-loading-host,.svcd2-pkg-media.media-error-host{min-height:100px;}
.svcd2-pkg-qb{position:absolute;top:7px;right:7px;z-index:2;min-width:26px;height:24px;padding:0 7px;border-radius:12px;background:var(--grad);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.svcd2-pkg-body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:7px;flex:1;}
.svcd2-pkg--noimg .svcd2-pkg-body{padding-top:13px;}
.svcd2-pkg--noimg .svcd2-pkg-nm{padding-right:26px;}
.svcd2-pkg-nm{font-size:13px;font-weight:700;color:var(--ink);line-height:1.45;min-height:34px;word-break:break-word;}
.svcd2-pkg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;}
.svcd2-pkg-price{font-size:15px;font-weight:800;color:var(--red);}
.svcd2-pkg-add{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#fff;background:var(--grad);padding:5px 9px;border-radius:8px;flex:none;white-space:nowrap;}
.svcd2-pkg.is-active{background:linear-gradient(var(--soft),var(--soft)) padding-box,var(--grad) border-box;}
.svcd2-order{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;position:sticky;top:80px;}
.svcd2-order-hd{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:14px;}
.svcd2-cart-empty{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:var(--muted);font-size:13px;font-weight:600;padding:26px 12px;background:var(--soft);border-radius:12px;}
.svcd2-cart-empty i{font-size:28px;color:var(--red);opacity:.5;}
.svcd2-cart{display:flex;flex-direction:column;gap:9px;margin-bottom:4px;}
.svcd2-ci{display:flex;align-items:center;gap:9px;background:var(--soft);border-radius:11px;padding:8px 10px;}
.svcd2-ci-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;}
.svcd2-ci-info b{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.svcd2-ci-info small{font-size:11px;color:var(--muted);}
.svcd2-ci-qty{display:flex;align-items:center;gap:0;flex:none;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;}
.svcd2-ci-qty button{width:24px;height:26px;border:0;background:#fff;color:var(--red);font-size:14px;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;}
.svcd2-ci-qty button:hover{background:var(--soft);}
.svcd2-ci-qty span{min-width:22px;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink);}
.svcd2-ci-line{font-size:13px;font-weight:800;color:var(--red);flex:none;min-width:64px;text-align:right;}
.svcd2-ci-rm{width:24px;height:24px;border:0;background:transparent;color:var(--muted);cursor:pointer;flex:none;border-radius:6px;font-size:13px;}
.svcd2-ci-rm:hover{background:#ffe9e5;color:var(--red);}
.svcd2-sum{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--muted);margin-top:10px;}
.svcd2-sum b{color:var(--ink);font-weight:700;}
.svcd2-sum--total{padding-top:11px;border-top:1px solid var(--line);margin-top:11px;font-size:15px;}
.svcd2-sum--total b{color:var(--red);font-size:19px;font-weight:800;}
.svcd2-paynote{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);background:var(--soft);border-radius:10px;padding:9px 11px;margin-top:13px;}
.svcd2-paynote i{color:var(--red);}
.svcd2-paynote b{color:var(--ink);}
.svcd2-submit{width:100%;border:0;border-radius:12px;background:var(--grad);color:#fff;font-family:inherit;font-weight:700;font-size:15px;padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;text-decoration:none;}
.svcd2-hint{font-size:11.5px;color:var(--muted);margin:10px 0 0;display:flex;gap:6px;line-height:1.4;}
.svcd2-guest{text-align:center;}
.svcd2-guest p{font-size:13px;color:var(--muted);margin:0 0 12px;display:flex;gap:7px;justify-content:center;}
.svcd2-desc-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:16px;}
.svcd2-desc{font-size:13px;color:var(--ink);line-height:1.6;}
.svcd2-desc :is(img,iframe,table){max-width:100%;}
.svcd2-desc-clamp{max-height:72px;overflow:hidden;}
.svcd2-desc-clamp.is-open{max-height:none;}
.svcd2-desc-more{background:none;border:0;color:var(--red);font-size:12.5px;font-weight:700;padding:6px 0 0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.svcd2-modal-sec{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;margin:2px 0 9px;}
.svcd2-modal-sec i{color:var(--red);}
.buy-modal-body .svcd2-modal-sec:not(:first-child){margin-top:16px;}


.aff{max-width:1000px;margin:0 auto;}
.aff-hero{display:flex;align-items:center;gap:16px;background:var(--grad);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:18px;}
.aff-hero-ic{flex:none;width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:26px;}
.aff-hero-tx h1{margin:0;font-size:22px;font-weight:800;}
.aff-hero-tx p{margin:6px 0 0;font-size:13.5px;line-height:1.55;opacity:.96;}
.aff-hero-tx p b{background:rgba(255,255,255,.22);padding:1px 7px;border-radius:6px;}
.aff-linkcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px;}
.aff-lbl{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:9px;}
.aff-lbl i{color:var(--red);}
.aff-linkrow{display:flex;gap:9px;}
.aff-linkrow input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--ink);background:var(--soft);font-family:inherit;}
.aff-copy{flex:none;display:inline-flex;align-items:center;gap:7px;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:0 18px;border-radius:10px;cursor:pointer;font-family:inherit;}
.aff-codeline{margin-top:10px;font-size:12.5px;color:var(--muted);}
.aff-codeline b{color:var(--red);letter-spacing:.04em;}
.aff-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.aff-shortcut{min-width:0;display:flex;align-items:center;gap:11px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;transition:border-color .18s ease,transform .18s ease;}
.aff-shortcut:hover{border-color:var(--red);transform:translateY(-1px);}
.aff-shortcut-ic{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;}
.aff-shortcut--deposit .aff-shortcut-ic{background:#eaf1ff;color:#2b6cff;}
.aff-shortcut--card .aff-shortcut-ic{background:#e6f7ef;color:#12a05c;}
.aff-shortcut--support .aff-shortcut-ic{background:#fff3e8;color:#e8850c;}
.aff-shortcut-tx{min-width:0;display:flex;flex-direction:column;gap:2px;}
.aff-shortcut-tx b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-shortcut-tx small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-shortcut-arrow{flex:none;margin-left:auto;color:var(--muted);font-size:13px;}
.aff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.aff-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;}
.aff-stat-ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;}
.aff-stat-ic.c-blue{background:#2b6cff;}.aff-stat-ic.c-green{background:#12a05c;}.aff-stat-ic.c-amber{background:#e8850c;}
.aff-stat small{display:block;font-size:12px;color:var(--muted);}
.aff-stat b{font-size:18px;color:var(--ink);}
.aff-wallet{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1.5px solid var(--red);border-radius:14px;padding:16px 20px;margin-bottom:18px;}
.aff-wallet-tx small{display:block;font-size:12.5px;color:var(--muted);}
.aff-wallet-tx b{display:block;font-family:'Baloo 2',cursive;font-size:28px;color:var(--red);line-height:1.1;}
.aff-wallet-tx span{font-size:11.5px;color:var(--muted);}
.aff-withdraw{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:12px;cursor:pointer;font-family:inherit;}
.aff-withdraw:disabled{opacity:.45;cursor:not-allowed;}
.aff-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.aff-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.aff-panel[id]{scroll-margin-top:92px;}
.aff-panel-hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink);}
.aff-panel-hd i{color:var(--red);}
.aff-empty{padding:26px 16px;text-align:center;font-size:13px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px;}
.aff-empty i{font-size:26px;color:var(--red);opacity:.4;}
.aff-list{max-height:340px;overflow-y:auto;}
.aff-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid var(--soft);}
.aff-item:last-child{border-bottom:0;}
.aff-item-l{min-width:0;display:flex;flex-direction:column;gap:2px;}
.aff-item-l b{font-size:14px;color:var(--ink);}
.aff-item-l .aff-plus{color:#12a05c;}
.aff-item-l small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;}
.aff-item-r{flex:none;text-align:right;font-size:13px;font-weight:700;color:var(--red);}
.aff-item-r small{display:block;font-size:11px;color:var(--muted);font-weight:500;}
.aff-pagebar{padding:12px 14px;border-top:1px solid var(--line);background:var(--soft);}
.aff-pagebar .pgr{margin:0;gap:4px;}
.aff-pagebar .pgr-b{min-width:32px;height:32px;padding:0 8px;border-radius:9px;font-size:12px;}
.aff-pagebar .pgr-nav{min-width:32px;padding:0;}
.aff-pagebar .pgr-gap{min-width:16px;font-size:12px;}


.aff-stats{grid-template-columns:repeat(4,1fr);}
.aff-stat-ic.c-violet{background:#8b5cf6;}
.aff-off{display:flex;align-items:center;gap:9px;background:#fff3e8;border:1px solid #ffdcc0;color:#b3541e;border-radius:12px;padding:12px 16px;margin:16px 0 22px;font-size:13.5px;font-weight:600;}
.aff-off i{color:#e8590c;}
.aff-note{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:13px 16px;margin-bottom:16px;font-size:13px;color:var(--muted);line-height:1.6;}
.aff-note i{color:var(--red);}
.aff-pend{color:#e8850c;font-weight:700;display:inline-flex;align-items:center;gap:5px;}
.aff-wb{flex:none;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;}
.aff-wb--pending{background:#fff3e8;color:#e8850c;border:1px solid #ffdcc0;}
.aff-wb--ok{background:#e6f7ef;color:#12a05c;border:1px solid #b9ecd3;}
.aff-wb--no{background:#fdeaea;color:#e11d33;border:1px solid #f7c9cd;}
.aff-wb--refund{background:#eaf1ff;color:#2b6cff;border:1px solid #cddffb;}


.card2{margin:0 0 8px;}
.card2-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:44px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;}
.card2-empty i{font-size:34px;color:var(--red);opacity:.5;}
.card2-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.card2-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.card2-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.card2-card--pad{padding:18px;}
.card2-card--warn{background:color-mix(in srgb,var(--red) 3%,#fff);}
.card2-cardhd{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border-bottom:1px solid var(--line);}
.card2-cardhd>span{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card2-cardhd>span i{color:var(--red);flex:0 0 auto;}
.card2-bal{flex:0 0 auto;}
.card2-bal{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--red);}
.card2-form{padding:18px;}
.card2-lbl{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0 0 9px;}
.card2-lbl:not(:first-child){margin-top:16px;}
.card2-req{color:var(--red);}
.card2-selwrap{position:relative;}
.card2-sel{width:100%;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:11px;padding:12px 40px 12px 14px;font-size:14px;color:var(--ink);background:#fff;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%238a8f9a' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.card2-sel:focus{border-color:var(--red);outline:0;}
.card2-denoms{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.card2-denom{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:14px;padding:12px 6px;border-radius:11px;cursor:pointer;position:relative;transition:border-color .15s,color .15s,background .15s;}
.card2-denom span{font-size:11px;color:var(--muted);}
.card2-denom:hover{border-color:var(--red);color:var(--red);}
.card2-denom.on{background:var(--grad);border-color:transparent;color:#fff;}
.card2-denom.on span{color:#fff;opacity:.85;}
.card2-denom input{position:absolute;opacity:0;pointer-events:none;}
.card2-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
.card2-inp{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14px;color:var(--ink);background:#fff;font-family:inherit;letter-spacing:.4px;}
.card2-inp:focus{border-color:var(--red);outline:0;}



.card2-estimate{background:#fff;border:1px solid var(--line);border-radius:14px;margin:18px 0 14px;overflow:hidden;}
.card2-estimate .ce-top{padding:3px 16px;}
.card2-estimate .ce-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;}
.card2-estimate .ce-row+.ce-row{border-top:1px solid var(--line);}
.card2-estimate .ce-lb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);}
.card2-estimate .ce-lb i{color:var(--red);width:15px;text-align:center;font-size:12px;}
.card2-estimate .ce-row>b{font-size:14.5px;font-weight:800;color:var(--ink);}
.card2-estimate .ce-row>b.ce-ck{color:#e11d33;font-size:14.5px;font-weight:800;}
.card2-estimate .ce-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#e9f9f1;border-top:1px solid #d4f0e2;}
.card2-estimate .ce-main-lb{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f9a55;}
.card2-estimate .ce-main-lb i{color:#12a05c;width:15px;text-align:center;font-size:12px;}
.card2-estimate .ce-main>b{font-size:22px;font-weight:800;color:#0f9a55;letter-spacing:.3px;}
.card2-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--grad);color:#fff;font-weight:800;font-size:15px;padding:14px;border-radius:12px;cursor:pointer;font-family:inherit;}
.card2-ph{font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:15px;}
.card2-ph i{color:var(--red);}
.card2-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
.card2-steps li{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5;}
.card2-steps li b{color:var(--ink);}
.card2-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.card2-desc{font-size:12.5px;color:var(--muted);line-height:1.6;}
.card2-desc p{margin:0 0 9px;}
.card2-desc p:last-child{margin-bottom:0;}
.card2-desc-ok{display:flex;align-items:flex-start;gap:7px;color:#12a05c;font-weight:600;}
.card2-desc-ok i{margin-top:2px;flex:0 0 auto;}
.card2-history{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px;}
.card2-history-hd{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:11px;}
.card2-history-hd i{color:var(--red);}
.card2-hist-list{display:flex;flex-direction:column;gap:8px;}
.card2-hist{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:10px 13px;}
.card2-hist-l b{display:block;font-size:13.5px;color:var(--ink);}
.card2-hist-l small{display:block;font-size:12px;color:var(--muted);margin-top:2px;}
.card2-hb{flex:0 0 auto;font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:20px;white-space:nowrap;}
.card2-hb--ok{background:#e6f7ef;color:#12a05c;}
.card2-hb--warn{background:#fff6ec;color:#e8850c;}
.card2-hb--pending{background:#fff8e6;color:#c98a00;}
.card2-hb--no{background:#fdeaea;color:#e11d33;}

@media (max-width:860px){
  .card2-grid{grid-template-columns:1fr;}
  .dep2-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .card2-denoms{grid-template-columns:repeat(3,1fr);}
  .card2-row2{grid-template-columns:1fr;}
  .card2-row2>div+div{margin-top:14px;}
  .card2-denom{font-size:13px;padding:11px 4px;}
}


.aff-modal[hidden]{display:none;}
.aff-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;}
.aff-modal-bg{position:absolute;inset:0;background:rgba(17,20,28,.5);}
.aff-modal-card{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:#fff;border:1.5px solid var(--line);border-radius:16px;}
.aff-modal-hd{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#fff;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;}
.aff-modal-hd span{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;color:var(--ink);}
.aff-modal-hd span i{color:var(--red);}
.aff-modal-x{border:0;background:var(--soft);width:32px;height:32px;border-radius:9px;cursor:pointer;color:var(--muted);font-size:15px;display:flex;align-items:center;justify-content:center;}
.aff-modal-x:hover{background:#f1e0e0;color:var(--red);}
.aff-modal-body{padding:16px 18px 18px;}
.aff-modal-amt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin-bottom:12px;}
.aff-modal-amt span{font-size:13px;color:var(--muted);font-weight:600;}
.aff-modal-amt b{font-family:'Baloo 2',cursive;font-size:22px;color:var(--red);}
.aff-modal-note{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:#e8590c;margin:0 0 14px;line-height:1.5;}
.aff-flb{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin:0 0 6px;}
.aff-req{color:var(--red);}
.aff-inp{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;color:var(--ink);background:var(--soft);font-family:inherit;margin-bottom:13px;}
.aff-inp:focus{border-color:var(--red);outline:0;background:#fff;}
.aff-modal-ft{display:flex;gap:10px;margin-top:2px;}
.aff-modal-cancel{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:14px;padding:12px 20px;border-radius:11px;cursor:pointer;font-family:inherit;}
.aff-modal-cancel:hover{background:var(--soft);color:var(--ink);}
.aff-modal-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--grad);color:#fff;font-weight:800;font-size:14.5px;padding:12px 20px;border-radius:11px;cursor:pointer;font-family:inherit;}


.aff-bankbox{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px;}
.aff-bankbox-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}
.aff-bank-saved{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#12a05c;background:#e6f7ef;border:1px solid #b9ecd3;border-radius:20px;padding:3px 11px;}
.aff-bankbox-note{font-size:12.5px;color:var(--muted);margin:0 0 13px;line-height:1.55;}
.aff-sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8f9a' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px;cursor:pointer;}
.aff-bankgrid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
.aff-banksave{display:inline-flex;align-items:center;gap:7px;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:10px 20px;border-radius:11px;cursor:pointer;font-family:inherit;margin-top:3px;}


.aff-bankcard-sm{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:12px;}
.aff-bankcard-ic{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:#fff3e8;color:#e8850c;display:flex;align-items:center;justify-content:center;font-size:18px;}
.aff-bankcard-tx{flex:1;min-width:0;}
.aff-bankcard-tx b{display:block;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-bankcard-tx span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-bankcard-edit{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--red);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 11px;}
.aff-modal-warn{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#e8590c;background:#fff6ec;border:1px solid #ffd9b3;border-radius:11px;padding:12px 14px;margin-bottom:13px;line-height:1.5;}
.aff-modal-addbank{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--grad);color:#fff;font-weight:800;font-size:14.5px;padding:13px;border-radius:12px;text-decoration:none;}


.aff-slide{position:relative;height:56px;border-radius:14px;background:var(--soft);border:1.5px solid var(--line);overflow:hidden;user-select:none;touch-action:none;}
.aff-slide-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#ffd7a8,#ffb15c);border-radius:14px 0 0 14px;transition:none;}
.aff-slide-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:34px;font-size:13.5px;font-weight:700;color:var(--muted);pointer-events:none;white-space:nowrap;}
.aff-slide-knob{position:absolute;top:4px;left:4px;width:48px;height:48px;border:0;border-radius:11px;background:var(--grad);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:grab;font-family:inherit;z-index:2;}
.aff-slide.grab .aff-slide-knob{cursor:grabbing;}
.aff-slide.near .aff-slide-label{opacity:.35;}
.aff-slide.done{border-color:#12a05c;}
.aff-slide.done .aff-slide-fill{background:linear-gradient(90deg,#8ee6b6,#12a05c);}
.aff-slide.done .aff-slide-knob{background:#12a05c;}
.aff-slide.done .aff-slide-label{color:#12a05c;opacity:1;font-weight:800;}


.aff-tc{border:0;background:#f0eef0;color:var(--ink);font-family:inherit;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.aff-tc:hover{background:#e7e2e7;}
.aff-tc.copied{background:#e6f7ef;color:#12a05c;}
.aff-tc-inline{font-family:'Baloo 2',monospace;font-weight:700;color:var(--muted);}


.aff-panel-ct{display:inline-block;min-width:20px;text-align:center;font-size:11.5px;font-weight:700;color:var(--red);background:#fdeaea;border-radius:20px;padding:1px 8px;margin-left:6px;}
.aff-item-r2{display:flex;align-items:center;gap:9px;flex:0 0 auto;}
.aff-item-view{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:12px;font-weight:700;padding:6px 11px;border-radius:9px;cursor:pointer;white-space:nowrap;}
.aff-item-view:hover{border-color:var(--red);color:var(--red);}
.aff-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 2px;}
.aff-pager-btn{width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;}
.aff-pager-btn:hover:not(:disabled){border-color:var(--red);color:var(--red);}
.aff-pager-btn:disabled{opacity:.4;cursor:not-allowed;}
.aff-pager-info{font-size:13px;font-weight:700;color:var(--muted);min-width:44px;text-align:center;}


.aff-dt-rows{display:flex;flex-direction:column;gap:0;margin-bottom:12px;}
.aff-dt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13.5px;}
.aff-dt-row:last-child{border-bottom:0;}
.aff-dt-row>span:first-child{color:var(--muted);font-weight:600;flex:0 0 auto;}
.aff-dt-row>b{color:var(--ink);text-align:right;word-break:break-word;}


.aff-bankpick-wrap[hidden],.aff-addbank[hidden],#affWdForm[hidden],#affWdNote[hidden]{display:none;}
.aff-bankpick-hd{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:9px;}
.aff-bankpick-hd i{color:var(--red);}
.aff-bankpick-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.aff-bankpick{display:flex;align-items:center;gap:11px;background:var(--soft);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer;position:relative;}
.aff-bankpick:hover{border-color:#e7c9c9;}
.aff-bankpick.on{border-color:var(--red);background:var(--red);}
.aff-bankpick input[type=radio]{position:absolute;opacity:0;pointer-events:none;}
.aff-bankpick-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--line);color:#e8850c;display:flex;align-items:center;justify-content:center;font-size:16px;}
.aff-bankpick.on .aff-bankpick-ic{background:#fff;border-color:#fff;color:var(--red);}
.aff-bankpick.on .aff-bankpick-tx b{color:#fff;}
.aff-bankpick.on .aff-bankpick-tx span{color:rgba(255,255,255,.82);}
.aff-bankpick.on .aff-bankpick-del{color:rgba(255,255,255,.75);}
.aff-bankpick.on .aff-bankpick-del:hover{background:rgba(255,255,255,.18);color:#fff;}
.aff-bankpick-tx{flex:1;min-width:0;}
.aff-bankpick-tx b{display:block;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-bankpick-tx span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.aff-bankpick-del{flex:0 0 auto;border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;}
.aff-bankpick-del:hover{background:#fdeaea;color:var(--red);}
.aff-addbank-toggle{display:inline-flex;align-items:center;gap:6px;border:1.5px dashed var(--line);background:#fff;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;padding:9px 14px;border-radius:10px;cursor:pointer;width:100%;justify-content:center;}
.aff-addbank-toggle:hover{border-color:var(--red);color:var(--red);}
.aff-addbank{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:12px;margin-bottom:11px;}
.aff-addbank-hd{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px;}
.aff-addbank-hd i{color:var(--red);}
.aff-addbank-ft{display:flex;gap:9px;margin-top:2px;}
.aff-addbank-ft .aff-addbank-cancel[hidden]{display:none;}
.aff-addbank-cancel{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:10px;cursor:pointer;font-family:inherit;}
.aff-addbank-save{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:10px;cursor:pointer;font-family:inherit;}
.aff-addbank-save:disabled{opacity:.6;cursor:default;}


.aff-wd-amt{margin-bottom:13px;}
.aff-wd-amt-row{display:flex;gap:9px;align-items:stretch;}
.aff-wd-amt-row .aff-inp{flex:1;margin-bottom:0;font-family:'Baloo 2',cursive;font-size:18px;font-weight:700;color:var(--red);}
.aff-wd-max{flex:0 0 auto;border:1.5px solid var(--red);background:#fff;color:var(--red);font-weight:700;font-size:13px;padding:0 16px;border-radius:10px;cursor:pointer;font-family:inherit;}
.aff-wd-max:hover{background:var(--red);color:#fff;}
.aff-wd-hint{display:block;margin-top:6px;font-size:12px;color:var(--muted);}
.aff-wd-hint b{color:var(--ink);}


.swal2-container{z-index:2147483647 !important;}

.swal2-styled{font-family:inherit !important;}

.swal2-styled.swal2-confirm{background:var(--grad) !important;background-color:var(--red) !important;border:0 !important;border-radius:11px !important;font-weight:800 !important;box-shadow:none !important;}
.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 35%,transparent) !important;}
.swal2-styled.swal2-deny{background-color:#e5313f !important;border-radius:11px !important;font-weight:800 !important;}
.swal2-styled.swal2-cancel{background-color:#8b90a0 !important;border-radius:11px !important;font-weight:800 !important;}


.nav-drop,.pshop-off,.floating .call,.floating .to-top,.cart-item:hover,.game-logo.has-img,.gsec-art .art-head .game-logo{box-shadow:none;}



.pgr{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:28px;flex-wrap:wrap;}
.pgr-b{min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-weight:700;font-size:14px;line-height:1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;}
.pgr-b:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb,var(--red) 14%,transparent);}
.pgr-b.is-on{background:var(--grad);border-color:transparent;color:#fff;cursor:default;}
.pgr-b.is-on:hover{color:#fff;transform:none;}
.pgr-nav{min-width:40px;padding:0;font-size:13px;color:var(--muted);}
.pgr-b.is-off{opacity:.35;pointer-events:none;}
.pgr-gap{min-width:22px;text-align:center;color:var(--muted);font-weight:700;user-select:none;}
@media (max-width:640px){
  .pgr{gap:5px;}
  .pgr-b{min-width:36px;height:36px;padding:0 9px;font-size:13px;border-radius:10px;}
}

/* Shared pagination finish: keep the control visually separated from the list/card edge. */
.pgr{width:100%;box-sizing:border-box;gap:8px;margin:30px 0 38px;padding:0 22px;}
.pgr-b{min-width:38px;height:38px;padding:0 10px;border-radius:7px;border-width:1px;font-size:13px;box-shadow:0 1px 2px rgba(28,39,56,.04);}
.pgr-b:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(28,39,56,.10);}
.pgr-b:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 25%,transparent);outline-offset:2px;}
.pgr-nav{min-width:38px;padding:0;}
.pgr-gap{min-width:20px;height:38px;display:inline-flex;align-items:center;justify-content:center;}
@media(max-width:640px){
  .pgr{gap:6px;margin:24px 0 30px;padding:0 14px;}
  .pgr-b{min-width:36px;height:36px;padding:0 9px;border-radius:6px;font-size:12.5px;}
  .pgr-nav{min-width:36px;}
  .pgr-gap{min-width:16px;height:36px;}
}





.itm-note i{color:var(--red);opacity:.7;}
.itm-eyebrow{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);}
.itm-loghd{display:flex;align-items:center;gap:13px;margin:22px 0 12px;}
.itm-rule{flex:1;height:1.5px;background:var(--line);}
.itm-logrow{cursor:default;}
.itm-after{font-size:10.5px;color:var(--muted);}

@media (max-width:980px){
}
@media (prefers-reduced-motion:reduce){
}


.ntc{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;}
.ntc[hidden]{display:none;}
.ntc-bg{position:absolute;inset:0;background:rgba(20,22,28,.55);}
.ntc-card{position:relative;z-index:1;display:flex;flex-direction:column;width:min(460px,100%);max-height:82vh;overflow:hidden;background:#fff;border:2px solid var(--stroke);border-radius:20px;padding:22px 24px 18px;animation:ntcIn .22s ease;}
@keyframes ntcIn{from{opacity:0;transform:translateY(12px) scale(.98);}to{opacity:1;transform:none;}}
.ntc-x{position:absolute;z-index:2;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:10px;background:var(--soft);color:var(--muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.ntc-x:hover{background:var(--pink);color:var(--red);}
.ntc-hd{flex:none;display:flex;align-items:center;gap:11px;padding-right:36px;margin-bottom:14px;}
.ntc-ic{flex:none;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;}
.ntc-hd b{font-family:'Baloo 2',cursive;font-size:20px;color:var(--title);line-height:1.2;}
.ntc-bd{flex:1 1 auto;overflow-y:auto;font-size:14px;line-height:1.7;color:#3a3033;padding-bottom:16px;padding-right:8px;margin-right:-8px;border-bottom:1px dashed var(--line);word-break:break-word;scrollbar-width:thin;scrollbar-color:var(--red) var(--soft);}
.ntc-bd::-webkit-scrollbar{width:7px;}
.ntc-bd::-webkit-scrollbar-track{background:var(--soft);border-radius:99px;}
.ntc-bd::-webkit-scrollbar-thumb{background:var(--grad);border-radius:99px;}
.ntc-bd::-webkit-scrollbar-thumb:hover{background:var(--red);}

.ntc-bd p{margin:0 0 8px;}
.ntc-bd p:last-child{margin-bottom:0;}
.ntc-bd ul,.ntc-bd ol{margin:0 0 8px;padding-left:20px;}
.ntc-bd li{margin-bottom:4px;}
.ntc-bd a{color:var(--red);text-decoration:underline;word-break:break-all;}
.ntc-bd img{max-width:100%;height:auto;border-radius:10px;}
.ntc-bd h1,.ntc-bd h2,.ntc-bd h3,.ntc-bd h4{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--title);}
.ntc-bd table{width:100%;border-collapse:collapse;margin:0 0 8px;}
.ntc-bd td,.ntc-bd th{border:1px solid var(--line);padding:6px 9px;}
.ntc-ft{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;}
.ntc-skip{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;}
.ntc-ok{border:0;background:var(--grad);color:#fff;font-family:inherit;font-weight:800;font-size:13.5px;padding:11px 22px;border-radius:12px;cursor:pointer;}
.ntc-ok:hover{filter:brightness(1.12);}
@media (prefers-reduced-motion:reduce){ .ntc-card{animation:none;} }



   Bánh xe là artwork rực lửa — nhốt trong khung trắng thì nó trông như dán nhầm chỗ.
   Nên dựng SÂN KHẤU TỐI lấy đúng gradient chủ đạo làm nền, thêm quầng sáng sau lưng
   để bánh xe nổi lên. Mọi thứ quanh nó giữ im lặng. */












@media (max-width:640px){
}
@media (prefers-reduced-motion:reduce){
}




.wheel-page{max-width:1120px;margin:0 auto;}
.wheel-crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap;}
.wheel-crumb a{color:var(--muted);}
.wheel-crumb a:hover{color:var(--red);}
.wheel-crumb i{font-size:9px;opacity:.5;}
.wheel-crumb span{color:var(--ink);font-weight:700;}
.wheel-back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:12px;}
.wheel-back i{font-size:11px;}

.wheel-wrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;}


.wheel-main{display:flex;flex-direction:column;align-items:center;background:#fff;border:1.5px solid var(--stroke);border-radius:20px;padding:26px 20px 24px;}
.wheel-hold{position:relative;display:block;width:min(560px,100%);line-height:0;}
.wheel{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;}
.wheel-face{width:100%;height:100%;object-fit:contain;display:block;}
.wheel-blank{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--red);opacity:.18;font-size:70px;}
.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer;z-index:4;line-height:0;transition:transform .18s;

  width:clamp(52px,16%,96px);}
.wheel-hub img{width:100%;height:auto;display:block;}
.wheel-hub:hover{transform:translate(-50%,-50%) scale(1.07);}
.wheel-hub.is-busy{opacity:.55;pointer-events:none;}


.wheel-price{display:inline-flex;align-items:baseline;gap:8px;margin-top:22px;padding:12px 26px;background:#fff;border:1.5px solid var(--stroke);border-radius:12px;}
.wheel-price b{font-family:'Baloo 2',cursive;font-size:26px;line-height:1;color:var(--title);}
.wheel-price span{font-size:12.5px;color:var(--muted);}

.wheel-acts{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px;}
.wheel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:46px;padding:0 22px;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;transition:filter .18s,transform .18s,background .18s,color .18s;}
.wheel-btn:hover{transform:translateY(-2px);}
.wheel-btn.is-busy{opacity:.55;pointer-events:none;transform:none;}
.wheel-btn--demo{background:#fff;border:2px solid var(--red);color:var(--red);}
.wheel-btn--demo:hover{background:var(--soft);color:var(--red);}
.wheel-btn--go{background:var(--grad);border:2px solid transparent;color:#fff;}
.wheel-btn--go:hover{filter:brightness(1.12);color:#fff;}

.wheel-note{margin:16px 0 0;font-size:12.5px;color:var(--muted);text-align:center;}
.wheel-note b{font-family:'Baloo 2',cursive;font-size:16px;color:var(--red);}
.wheel-note a{color:var(--red);font-weight:700;}


.wheel-side{display:flex;flex-direction:column;gap:14px;}
.wheel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.wheel-tabs button{height:42px;border:1.5px solid var(--stroke);background:#fff;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:800;border-radius:11px;cursor:pointer;transition:background .18s,color .18s,border-color .18s;}
.wheel-tabs button:hover{border-color:var(--red);color:var(--red);}
.wheel-tabs button.is-on{background:var(--grad);border-color:transparent;color:#fff;}

.wheel-panel{background:#fff;border:1.5px solid var(--stroke);border-radius:16px;padding:6px 14px;}
.wheel-panel[hidden]{display:none;}
.wheel-empty{margin:0;padding:22px 4px;text-align:center;font-size:12.5px;color:var(--muted);}

.wheel-feed{list-style:none;margin:0;padding:0;}
.wheel-feed li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);}
.wheel-feed li:last-child{border-bottom:0;}
.wheel-feed-av{flex:none;width:28px;height:28px;border-radius:9px;background:var(--pink);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:12px;}
.wheel-feed-tx{flex:1;min-width:0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wheel-feed-tx b{color:var(--ink);font-weight:700;}
.wheel-feed-tx em{font-style:normal;color:var(--red);font-weight:800;}
.wheel-feed li small{flex:none;font-size:10.5px;color:var(--muted);}

.wheel-top{list-style:none;margin:0;padding:0;}
.wheel-top li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);}
.wheel-top li:last-child{border-bottom:0;}
.wheel-top-n{flex:none;width:24px;height:24px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.wheel-top-n.is-podium{background:var(--grad);color:#fff;}
.wheel-top-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.wheel-top-tx b{font-size:12.5px;color:var(--ink);}
.wheel-top-tx small{font-size:10.5px;color:var(--muted);}
.wheel-top-v{flex:none;font-size:11.5px;font-weight:800;color:var(--red);white-space:nowrap;}


@media (max-width:1000px){
  .wheel-wrap{grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){
  .wheel-btn,.wheel-hub,.wheel-tabs button{transition:none;}
  .wheel-btn:hover{transform:none;}
}


.iwd-grid{display:grid;gap:12px;margin-bottom:6px;}
.iwd-card{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--stroke);border-radius:15px;padding:12px;transition:border-color .16s,background .16s;}
.iwd-card:hover{border-color:var(--red);background:var(--soft);}
.iwd-card.is-off{opacity:.62;}
.iwd-card.is-off:hover{border-color:var(--stroke);background:#fff;}
.iwd-ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--soft);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden;}
.iwd-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.iwd-bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.iwd-tt{font-size:14px;font-weight:700;color:var(--title);line-height:1.3;}
.iwd-note{font-size:12px;color:var(--muted);}
.iwd-cost{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;}
.iwd-need{font-size:12.5px;font-weight:700;color:var(--red);background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:2px 9px;}
.iwd-have{font-size:11.5px;color:var(--muted);}
.iwd-have.is-lack{color:#c0392b;font-weight:600;}
.iwd-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:var(--grad);color:#fff;font-family:inherit;font-size:13px;font-weight:700;border-radius:11px;padding:9px 15px;cursor:pointer;transition:filter .16s;}
.iwd-btn:hover{filter:brightness(1.1);color:#fff;}
.iwd-btn.is-dis{background:#eef1f5;color:#98a1b0;cursor:not-allowed;font-weight:600;}
.iwd-swal-cost{margin:0 0 10px;font-size:14px;color:var(--title);}
.iwd-swal-row{text-align:left;margin-bottom:4px;}
.iwd-swal-row label{display:block;font-size:12.5px;font-weight:600;color:var(--title);margin:8px 4px 0;}
.iwd-swal-note{margin:6px 0 0;font-size:13px;color:var(--muted);}
.iwd-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));}


.ikho{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.ikho-card{color:var(--title);display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--stroke);border-radius:16px;padding:14px;transition:border-color .16s,background .16s;}
.ikho-card:hover{border-color:var(--red);background:var(--soft);}
.ikho-ic{width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden;}
.ikho-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.ikho-bd{display:flex;flex-direction:column;gap:2px;}
.ikho-name{font-size:13px;font-weight:600;color:var(--muted);line-height:1.3;}
.ikho-qty{font-size:26px;font-weight:800;color:var(--title);line-height:1.1;letter-spacing:-.02em;}
.ikho-foot{color:var(--muted);display:flex;flex-wrap:wrap;gap:5px 10px;padding-top:9px;border-top:1px dashed var(--line);}
.ikho-in,.ikho-out{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);}
.ikho-in i{color:#16a34a;font-size:9px;}
.ikho-out i{color:var(--red);font-size:9px;}


.ikho-cta{color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px;margin-top:14px;padding:14px 16px;border:1.5px solid var(--stroke);border-radius:16px;background:var(--soft);text-decoration:none;transition:border-color .16s,background .16s;}
.ikho-cta:hover{border-color:var(--red);background:var(--pink);}
.ikho-cta-ic{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;}
.ikho-cta-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.ikho-cta-tx b{font-size:14.5px;font-weight:700;color:var(--title);}
.ikho-cta-tx small{font-size:12px;color:var(--muted);}
.ikho-cta-go{flex:0 0 auto;color:var(--red);font-size:14px;}


.iwd-bag{color:var(--title);display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;margin-bottom:4px;border:1.5px solid var(--stroke);border-radius:14px;background:#fff;}
.iwd-bag-lb{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);margin-right:2px;}
.iwd-bag-lb i{color:var(--red);}
.iwd-bag-i{font-size:12.5px;color:var(--title);background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:3px 11px;}
.iwd-bag-i b{font-weight:800;color:var(--red);}





.ipad{padding:18px 20px;}
.ipad .pf-histwrap{padding-left:0;padding-right:0;}
.ipad .pf-empty{padding-left:0;padding-right:0;}





.fdrop{position:relative;margin-bottom:4px;}
.fdrop-btn{
  width:100%;display:flex;align-items:center;gap:10px;
  padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;
  font-family:inherit;text-align:left;cursor:pointer;
  transition:border-color .15s,background .15s;
}
.fdrop-btn:hover{border-color:var(--red);}
.fdrop.is-open .fdrop-btn{border-color:var(--red);background:var(--soft);}
.fdrop-cur{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--title);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fdrop-caret{flex:0 0 auto;color:var(--red);font-size:11px;line-height:1;transition:transform .18s;}
.fdrop.is-open .fdrop-caret{transform:rotate(180deg);}

.fdrop-panel{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;
  max-height:260px;overflow-y:auto;padding:6px;
  border:1.5px solid var(--stroke);border-radius:13px;background:#fff;
}
.fdrop-panel::-webkit-scrollbar{width:8px;}
.fdrop-panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}

.fdrop-opt{
  width:100%;display:flex;align-items:center;gap:10px;
  padding:9px 11px;border:0;border-radius:10px;background:transparent;
  font-family:inherit;text-align:left;cursor:pointer;transition:background .13s;
}
.fdrop-opt+.fdrop-opt{margin-top:3px;}
.fdrop-opt:hover,.fdrop-opt:focus-visible{background:var(--soft);outline:none;}
.fdrop-opt.is-on{background:var(--soft);}
.fdrop-tx{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--title);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fdrop-check{flex:0 0 auto;width:18px;color:var(--red);font-size:12px;opacity:0;transition:opacity .13s;}
.fdrop-opt.is-on .fdrop-check{opacity:1;}

.swal2-popup .fdrop{text-align:left;margin:2px 0 12px;}
.swal2-popup .fdrop-panel{max-height:200px;}
.iwd-swal-lb{display:block;text-align:left;font-size:12.5px;font-weight:600;color:var(--title);margin:8px 2px 5px;}





.fchoose-grp .svcd2-flb{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--title);margin:14px 0 6px;}
.fchoose-grp .svcd2-flb:first-child{margin-top:6px;}
.fchoose-grp .svcd-req{color:var(--red);font-weight:700;}
.fchoose-grp .svcd-inp{
  width:100%;box-sizing:border-box;
  border:1.5px solid var(--line);border-radius:11px;background:#fff;
  padding:11px 13px;font-family:inherit;font-size:14px;color:var(--title);
  outline:0;transition:border-color .15s,background .15s;
}
.fchoose-grp .svcd-inp::placeholder{color:#a8b0bd;}
.fchoose-grp .svcd-inp:hover{border-color:var(--stroke);}
.fchoose-grp .svcd-inp:focus{border-color:var(--red);background:var(--soft);}
.fchoose-grp textarea.svcd-inp{resize:vertical;min-height:78px;line-height:1.5;}




.fchoose{border:1.5px dashed var(--stroke);border-radius:16px;background:transparent;padding:16px 18px;margin-bottom:4px;}
.fchoose-hd{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--title);margin-bottom:9px;}
.fchoose-hd i{color:var(--red);}
.fchoose-empty{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted);}
.fchoose-empty i{color:var(--red);}
.fchoose-grp{display:flex;flex-direction:column;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);}
.fchoose-grp .svcd2-flb:first-child{margin-top:0;}

.fchoose .fdrop-btn.is-empty .fdrop-cur{color:var(--muted);font-weight:600;}

.swal2-popup .fchoose-empty{text-align:left;}

.swal2-popup .fchoose{text-align:left;margin:4px 0 12px;}
.swal2-popup .fchoose .iwd-grp{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);}
.swal2-popup .fchoose .fchoose-empty{margin-bottom:0;}
.swal2-popup .fchoose .swal2-input,
.swal2-popup .fchoose .swal2-textarea{margin-left:0;margin-right:0;width:100%;}



.pf-hview{flex:none;display:inline-flex;align-items:center;gap:6px;margin-left:2px;padding:8px 13px;cursor:pointer;
  border:1.5px solid var(--line);border-radius:11px;background:#fff;font-family:inherit;font-size:12.5px;
  font-weight:700;color:var(--muted);transition:border-color .15s,color .15s,background .15s;}
.pf-hview:hover{border-color:var(--red);color:var(--red);background:var(--soft);}
.pf-hview i{font-size:13px;}


.wdv-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--muted);}
.wdv-dot.is-wait{background:#e8850c;}
.wdv-dot.is-run{background:#2b6cff;}
.wdv-dot.is-done{background:#12a05c;}
.wdv-dot.is-off{background:#b9c1cf;}

.wdv-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.wdv-ic{flex:0 0 52px;width:52px;height:52px;border-radius:15px;overflow:hidden;background:var(--soft);
  border:1.5px solid var(--line);color:var(--red);font-size:20px;display:flex;align-items:center;justify-content:center;}
.wdv-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.wdv-top-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.wdv-top-tx b{font-size:15px;font-weight:800;color:var(--title);line-height:1.3;}
.wdv-top-tx small{font-size:12px;color:var(--muted);}
.wdv-badge{flex:none;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:20px;
  border:1px solid var(--line);color:var(--muted);background:#fff;white-space:nowrap;}
.wdv-badge.is-wait{border-color:#e8850c;color:#e8850c;background:#fff7ee;}
.wdv-badge.is-run{border-color:#2b6cff;color:#2b6cff;background:#f0f5ff;}
.wdv-badge.is-done{border-color:#12a05c;color:#12a05c;background:#eefaf4;}
.wdv-badge.is-off{border-color:#b9c1cf;color:#7b8698;background:#f5f6f8;}

.wdv-rows{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;}
.wdv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;
  border-top:1px dashed var(--line);font-size:13px;}
.wdv-row:first-child{border-top:0;}
.wdv-row span{color:var(--muted);}
.wdv-row b{font-weight:700;color:var(--title);text-align:right;word-break:break-word;}

.wdv-fields{display:flex;flex-direction:column;gap:7px;}
.wdv-frow{display:flex;align-items:center;gap:10px;}
.wdv-fl{flex:0 0 36%;max-width:36%;font-size:12.5px;color:var(--muted);}
.wdv-fv{flex:1;min-width:0;padding:8px 12px;border:1.5px solid var(--line);border-radius:11px;background:var(--soft);
  font-size:13px;font-weight:700;color:var(--title);word-break:break-all;}
.wdv-fempty{font-size:13px;color:var(--muted);}
.wdv-note{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 14px;
  border-left:3px solid var(--red);border-radius:0 12px 12px 0;background:var(--soft);font-size:13px;color:var(--title);line-height:1.55;}
.wdv-note i{color:var(--red);font-size:13px;flex:none;margin-top:3px;}


.iwd-pick{margin:4px 0 16px;}
.iwd-pickbtn{display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;
  padding:15px 18px;border:1.5px dashed var(--stroke);border-radius:18px;background:var(--soft);
  font-family:inherit;transition:border-color .16s,background .16s;}
.iwd-pickbtn:hover{border-color:var(--red);}
.iwd-pickbtn.is-picked{border-style:solid;border-color:var(--red);background:#fff;}
.iwd-pickbtn-ic{flex:0 0 48px;width:48px;height:48px;border-radius:14px;overflow:hidden;background:#fff;
  border:1.5px solid var(--line);color:var(--red);font-size:20px;display:flex;align-items:center;justify-content:center;}
.iwd-pickbtn-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.iwd-pickbtn-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.iwd-pickbtn-lb{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);}
.iwd-pickbtn-tx b{font-size:16px;font-weight:800;color:var(--title);line-height:1.25;letter-spacing:-.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iwd-pickbtn-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iwd-pickbtn-go{flex:0 0 auto;display:flex;align-items:center;gap:7px;color:var(--red);font-size:13px;}
.iwd-pickbtn-swap{display:none;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;
  border:1px solid var(--line);color:var(--muted);}
.iwd-pickbtn.is-picked .iwd-pickbtn-swap{display:inline-block;}
.iwd-empty{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:26px 16px;
  border:1.5px dashed var(--line);border-radius:16px;font-size:13px;color:var(--muted);}

.iwd-search{position:relative;margin-bottom:12px;}
.iwd-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;}
.iwd-search input{width:100%;height:44px;padding:0 14px 0 38px;border:1.5px solid var(--line);border-radius:13px;
  background:#fff;font-family:inherit;font-size:14px;color:var(--title);outline:none;}
.iwd-search input:focus{border-color:var(--red);}
.iwd-catlist{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;}
.iwd-catrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;
  padding:12px 14px;border:1.5px solid var(--stroke);border-radius:15px;background:#fff;font-family:inherit;
  transition:border-color .15s,background .15s;}
.iwd-catrow:hover{border-color:var(--red);background:var(--soft);}
.iwd-catrow.is-on{border-color:var(--red);background:var(--soft);}
.iwd-catrow-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;overflow:hidden;background:var(--soft);
  color:var(--red);font-size:17px;display:flex;align-items:center;justify-content:center;}
.iwd-catrow-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.iwd-catrow-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.iwd-catrow-tx b{font-size:14.5px;font-weight:700;color:var(--title);line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iwd-catrow-tx small{font-size:12px;color:var(--muted);}
.iwd-catrow-ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;}
.iwd-catrow.is-on .iwd-catrow-ck{border-color:var(--red);background:var(--red);color:#fff;}
.iwd-noresult{margin:16px 0 4px;text-align:center;font-size:13px;color:var(--muted);}


.iwd-catnote{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:11px 14px;
  border-left:3px solid var(--red);border-radius:0 12px 12px 0;background:var(--soft);
  font-size:13px;color:var(--title);}
.iwd-catnote i{color:var(--red);font-size:13px;flex:none;}


.iwd-desc{margin:0 0 14px;padding:13px 15px;border:1.5px dashed var(--stroke);border-radius:14px;
  font-size:13px;color:var(--title);line-height:1.6;}
.iwd-desc p{margin:0 0 8px;}
.iwd-desc p:last-child{margin-bottom:0;}
.iwd-desc ul,.iwd-desc ol{margin:0 0 8px;padding-left:20px;}
.iwd-desc img{max-width:100%;height:auto;border-radius:8px;}


.fdrop-btn.is-err{border-color:#e5484d;}




.wheel-bag{display:flex;align-items:center;gap:11px;padding:13px 15px;
  border:1.5px solid var(--stroke);border-radius:15px;background:#fff;}
.wheel-bag-ic{flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--soft);color:var(--red);
  display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;}
.wheel-bag-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.wheel-bag-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.wheel-bag-tx small{font-size:11.5px;color:var(--muted);}
.wheel-bag-tx b{font-size:24px;font-weight:800;color:var(--title);line-height:1.15;letter-spacing:-.02em;}
.wheel-bag-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:11px;
  background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;transition:filter .15s;}
.wheel-bag-go:hover{filter:brightness(1.1);color:#fff;}





.iwd-mod-pkg{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;
  border:1.5px solid var(--stroke);border-radius:14px;background:var(--soft);}
.iwd-mod-ic{flex:0 0 52px;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#fff;
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:18px;}
.iwd-mod-ic img{width:100%;height:100%;object-fit:cover;display:block;}
.iwd-mod-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.iwd-mod-tx b{font-size:14.5px;font-weight:700;color:var(--title);line-height:1.3;}
.iwd-mod-tx small{font-size:12px;color:var(--muted);}


.btn-back,.pf-backlink,.macc-back,.ar-back-top,.ar-back,.wheel-back,.accd-back,.sup-back,.svcd-back,.m-svcd-back,.msup-back{
  display:inline-flex;align-items:center;gap:9px;
  margin:12px 0;align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px 16px 5px 5px;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  color:var(--title);font-weight:700;font-size:13px;line-height:1;
  text-decoration:none;transition:border-color .15s,background .15s;
}
.btn-back i,.pf-backlink i,.macc-back i,.ar-back-top i,.ar-back i,.wheel-back i,.accd-back i,.sup-back i,.svcd-back i,.m-svcd-back i,.msup-back i{
  width:26px;height:26px;flex:none;border-radius:50%;
  background:var(--soft);color:var(--red);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;transition:background .18s,color .18s,transform .18s;
}
.btn-back:hover,.pf-backlink:hover,.macc-back:hover,.ar-back-top:hover,.ar-back:hover,.wheel-back:hover,.accd-back:hover,.sup-back:hover,.svcd-back:hover,.m-svcd-back:hover,.msup-back:hover{
  border-color:var(--stroke);background:var(--soft);
}
.btn-back:hover i,.pf-backlink:hover i,.macc-back:hover i,.ar-back-top:hover i,.ar-back:hover i,.wheel-back:hover i,.accd-back:hover i,.sup-back:hover i,.svcd-back:hover i,.m-svcd-back:hover i,.msup-back:hover i{
  background:var(--red);color:#fff;transform:translateX(-2px);
}


.p404{max-width:520px;margin:70px auto;padding:0 20px;text-align:center;}
.p404-ic{width:88px;height:88px;margin:0 auto 18px;border-radius:26px;background:var(--soft);border:1px solid var(--line);color:var(--red);font-size:34px;display:flex;align-items:center;justify-content:center;}
.p404-code{font-family:'Baloo 2',cursive;font-weight:800;font-size:72px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.p404-title{margin:6px 0 10px;font-size:21px;font-weight:800;color:var(--title);}
.p404-desc{margin:0 0 26px;font-size:14px;color:var(--muted);line-height:1.7;}
.p404-desc code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--red);font-size:12.5px;}
.p404-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}
.p404-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:13.5px;text-decoration:none;transition:background .15s,border-color .15s;}
.p404-btn:hover{background:var(--pink);border-color:var(--stroke);}
.p404-btn--main{background:var(--grad);border-color:transparent;color:#fff;}
.p404-btn--main:hover{filter:brightness(1.05);background:var(--grad);}



.searchbar form{width:100%;max-width:660px;display:flex;}
.searchbar form label{max-width:none;}
.searchbar input::-webkit-search-cancel-button{cursor:pointer;}


.sr-sec{margin-top:26px;}
.sr-sec:first-of-type{margin-top:10px;}
.sr-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.sr-hd i{color:var(--red);font-size:17px;}
.sr-hd h2{margin:0;font-size:17px;font-weight:800;color:var(--ink);}
.sr-hd .n{background:color-mix(in srgb,var(--red) 12%,#fff);color:var(--red);
          font-size:12px;font-weight:800;padding:2px 10px;border-radius:99px;}
.sr-hd .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--red);text-decoration:none;}
.sr-hd .more:hover{text-decoration:underline;}
.sr-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.sr-post{display:flex;gap:12px;padding:12px;border-radius:14px;background:#fff;
         border:1px solid var(--line);text-decoration:none;transition:border-color .14s;}
.sr-post:hover{border-color:color-mix(in srgb,var(--red) 40%,#fff);}
.sr-post img{width:74px;height:56px;flex:0 0 auto;object-fit:cover;border-radius:10px;}
.sr-post .noimg{width:74px;height:56px;flex:0 0 auto;border-radius:10px;display:flex;
                align-items:center;justify-content:center;background:#f1f3f6;color:#b9c0cb;}
.sr-post b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4;}
.sr-post span{display:block;margin-top:4px;font-size:12px;color:var(--muted);line-height:1.5;}
.sr-empty{padding:44px 22px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;}
.sr-empty i{font-size:34px;color:#c9d0da;display:block;margin-bottom:12px;}
.sr-empty b{display:block;font-size:15px;color:var(--ink);margin-bottom:6px;}
.sr-empty p{margin:0 0 16px;font-size:13px;color:var(--muted);}
.sr-sug{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.sr-sug a{font-size:12.5px;font-weight:700;text-decoration:none;padding:7px 14px;border-radius:99px;
          background:#f3f5f8;color:var(--ink);}
.sr-sug a:hover{background:color-mix(in srgb,var(--red) 12%,#fff);color:var(--red);}







.nav-drop.is-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(232px, 1fr));
  gap: 2px;
  max-height: min(70vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.nav-drop.is-grid.is-wide { grid-template-columns: repeat(3, minmax(226px, 1fr)); }


.nav-drop.is-grid > .nav-drop-item:first-child {
  grid-column: 1 / -1;
  background: var(--pink);
  margin-bottom: 4px;
}
.nav-drop.is-grid > .nav-drop-item:first-child:hover { background: color-mix(in srgb, var(--red) 14%, #fff); }



.nav-item.has-drop.right .nav-drop { left: auto; right: 0; }


.nav-drop.is-grid::-webkit-scrollbar { width: 8px; }
.nav-drop.is-grid::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--red) 26%, #fff);
  border-radius: 99px; border: 2px solid #fff;
}
.nav-drop.is-grid::-webkit-scrollbar-track { background: transparent; }

@media (max-width: 1200px) {
  .nav-drop.is-grid,
  .nav-drop.is-grid.is-wide { grid-template-columns: repeat(2, minmax(200px, 1fr)); }
}




.tlc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:18px;}
.tlc{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;}
.tlc input{position:absolute;opacity:0;pointer-events:none;}
.tlc img{width:100%;max-width:88px;height:38px;object-fit:contain;}
.tlc-ini{width:88px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);font-weight:800;font-size:16px;}
.tlc-nm{font-size:13px;font-weight:700;color:var(--ink);text-align:center;line-height:1.2;}
.tlc-ck{font-size:11px;font-weight:800;padding:2px 9px;border-radius:20px;background:var(--soft);color:var(--muted);}
.tlc-tick{position:absolute;top:7px;right:7px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:11px;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s;}
.tlc:hover{border-color:var(--pink);}
.tlc.on{border-color:var(--red);background:color-mix(in srgb,var(--red) 5%,#fff);}
.tlc.on .tlc-ck{background:var(--red);color:#fff;}
.tlc.on .tlc-tick{opacity:1;transform:scale(1);}
.tlc:focus-within{outline:2px solid var(--red);outline-offset:2px;}



.card2-denoms{overflow:visible;}
.card2-denom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:visible;padding:17px 6px 11px;}
.card2-denom[hidden]{display:none !important;}
.card2-denom .dn-gia{display:flex;align-items:baseline;gap:2px;font-size:15px;font-weight:800;line-height:1.1;}
.card2-denom .dn-gia span{font-size:11px;color:var(--muted);font-weight:700;}
.card2-denom.on .dn-gia span{color:#fff;opacity:.85;}




.card2-denom .dn-ck{position:absolute;top:0;right:0;font-size:9.5px;font-weight:800;padding:2px 8px 3px;border-radius:0 10px 0 10px;background:#e11d33;color:#fff;line-height:1;letter-spacing:.2px;}
.card2-denom.on .dn-ck{background:#e11d33;color:#fff;opacity:1;}
.card2-denom .dn-ck:empty{display:none;}
@media(max-width:480px){
  .tlc-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;}
  .tlc img,.tlc-ini{height:30px;}
  .tlc-nm{font-size:12px;}
  .card2-denom .dn-ck{font-size:9px;padding:2px 7px 3px;border-radius:0 10px 0 9px;}
}


/* Checkout carts: a quiet, flat service-style presentation for both cart flows. */
.cart-wrap{
  padding:8px 0 28px;
}
.cart-head{
  margin-bottom:16px;
  padding:0 0 14px;
  border-bottom:1px solid #eadfe1;
}
.cart-tt{
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--ink);
}
.cart-tt i{color:var(--red);font-size:19px;}
.cart-sub{
  margin-top:5px;
  color:#85777a;
  font-size:13px;
}
.cart-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 336px;
  gap:16px;
  align-items:start;
}
.cart-list{
  min-width:0;
  gap:10px;
}
.cart-item{
  grid-template-columns:108px minmax(0,1fr) auto;
  gap:14px;
  min-height:102px;
  padding:11px;
  border:1px solid #e8e0e2;
  border-radius:12px;
  background:#fff;
  box-shadow:none!important;
  transition:border-color .15s,background-color .15s;
}
.cart-item:hover{
  border-color:#e5aeb5;
  background:#fffdfd;
  box-shadow:none!important;
  transform:none;
}
.cart-item.off,
.cart-item.off:hover{
  border-color:#e7e5e6;
  background:#fafafa;
  box-shadow:none!important;
}
.cart-thumb{
  width:108px;
  height:76px;
  border:1px solid #eee6e7;
  border-radius:9px;
  background:#f5f3f4;
}
.cart-thumb img{display:block;}
.cart-noimg{display:flex;align-items:center;justify-content:center;color:#b8adb0;font-size:18px;}
.cart-info{padding:1px 0;}
.cart-name{
  color:#292022;
  font-size:14px;
  line-height:1.4;
}
.cart-name:hover{color:var(--red);}
.cart-meta{margin:6px 0 4px;gap:6px;}
.cart-ms,
.cart-badge-off{
  border:1px solid #f0d9dc;
  border-radius:5px;
  padding:2px 7px;
  font-size:10.5px;
}
.cart-ms{background:#fff4f5;color:#c5293b;}
.cart-badge-off{background:#f8eeee;color:#ad505d;}
.cart-spec{font-size:12px;line-height:1.45;color:#8a7d80;}
.cart-spec b{color:#4b3c40;}
.cart-right{gap:9px;}
.cart-price span{font-size:16px;color:var(--red);}
.cart-del{
  width:32px;
  height:32px;
  border:1px solid #eadfe1;
  border-radius:8px;
  background:#fff;
  color:#b45b66;
  transition:border-color .15s,background-color .15s,color .15s;
}
.cart-del:hover{border-color:#df9da6;background:#fff5f6;color:#a52335;}
.cart-warn{
  border:1px solid #f0dba9;
  border-radius:10px;
  background:#fffaf0;
  color:#876b22;
  font-size:12.5px;
  line-height:1.45;
  box-shadow:none;
}
.cart-continue{
  justify-content:flex-start;
  margin:3px 0 0 2px;
  color:#887b7e;
  font-size:12.5px;
}
.cart-continue:hover{color:var(--red);}
.cart-summary{
  min-width:0;
  flex:none;
  width:auto;
  padding:16px 17px 14px;
  border:1px solid #e8e0e2;
  border-radius:12px;
  background:#fff;
  box-shadow:none!important;
  position:sticky;
  top:18px;
}
.cart-sumhd{
  margin:-16px -17px 11px;
  padding:15px 17px 13px;
  border-bottom:1px solid #eee7e8;
  color:var(--ink);
  font-size:16px;
}
.cart-sumrow{
  padding:6px 0;
  color:#887b7e;
  font-size:13px;
}
.cart-sumrow b{color:#43363a;}
.cart-kho{margin-top:8px;}
.cart-kho .vc-open{
  border:1px solid #f1d5bd;
  border-radius:9px;
  background:#fff8f1;
  color:#cf5a18;
  padding:9px 11px;
  font-size:12.5px;
}
.cart-kho .vc-open:hover{background:#fff4e9;}
.cart-kho .vc-panel{padding-top:1px;}
.cart-kho .vc-item{border-color:#eadfe1;box-shadow:none;}
.cart-kho .vc-item:hover{border-color:#e4b0b6;background:#fffafa;}
.cart-kho .vc-manual,
.cart-vc{
  border-color:#eadfe1;
  border-radius:9px;
  background:#fff;
}
.cart-kho .vc-apply,
.cart-vc-btn{box-shadow:none;}
.cart-sumrow.cart-vc-ok{
  margin-top:7px;
  padding:8px 10px;
  border:1px solid #cfe9d9;
  border-radius:9px;
  background:#f4fbf6;
}
.cart-sumtotal{
  margin-top:10px;
  padding:11px 10px;
  border:1px solid #f0d8dc;
  border-top:1px solid #f0d8dc;
  border-radius:9px;
  background:#fff7f8;
  color:#554448;
}
.cart-sumtotal b{font-size:19px;color:var(--red);}
.cart-checkout{
  min-height:44px;
  margin-top:11px;
  border-radius:9px;
  background:var(--red);
  box-shadow:none!important;
  transition:background-color .15s,filter .15s;
}
.cart-checkout:hover:not(:disabled){background:#c8172d;filter:none;}
.cart-checkout:disabled{background:#f0eff0;color:#aaa;}
.cart-topup{
  min-height:38px;
  margin-top:8px;
  border:1px solid #f0d8dc;
  border-radius:9px;
  background:#fff8f8;
  color:var(--red);
}
.cart-topup:hover{background:#fff1f3;color:var(--red);}
.cart-trust{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #eee7e8;
  gap:7px;
}
.cart-trust div{
  min-height:27px;
  color:#66585c;
  font-size:12px;
}
.cart-trust span{
  width:25px;
  height:25px;
  border:1px solid #f0d8dc;
  border-radius:7px;
  background:#fff7f8;
  color:var(--red);
}
.cart-clearf{margin-top:11px;}
.cart-clear{
  padding:7px 4px 2px;
  color:#9a8d90;
  font-size:12px;
}
.cart-clear:hover{color:#a52335;}
.cart-empty{
  min-height:350px;
  padding:48px 24px;
  border:1px dashed #e6d7da;
  border-radius:13px;
  background:#fff;
  box-shadow:none;
}
.cart-empty-ic{
  width:68px;
  height:68px;
  margin-bottom:15px;
  border:1px solid #f0d8dc;
  border-radius:13px;
  background:#fff6f7;
  color:var(--red);
}
.cart-empty-ic i{font-size:27px;}
.cart-empty-tt{
  margin-bottom:6px;
  color:var(--ink);
  font-size:19px;
}
.cart-empty-sub{
  max-width:430px;
  margin-bottom:19px;
  color:#897b7f;
  font-size:13px;
  line-height:1.65;
}
.cart-empty-sub b{color:var(--red);}
.cart-empty-btn{
  padding:10px 19px;
  border-radius:9px;
  background:var(--red);
  box-shadow:none!important;
  font-size:13.5px;
}
.cart-empty-btn:hover{background:#c8172d;}
.cart-processing-overlay{backdrop-filter:none;}
.buy-processing.cart-processing-card{box-shadow:none!important;border:1px solid #e8e0e2;border-radius:14px;}

/* Card-shop sidebar cart: the same visual language, including empty and populated states. */
.cshop-catalog .cshop-cart-panel{
  top:18px;
  border:1px solid #e5dfe1;
  border-radius:12px;
  background:#fff;
  box-shadow:none!important;
}
.cshop-catalog .cshop-cart-head{
  padding:14px 15px 12px;
  border-bottom:1px solid #eee8e9;
  background:#fff;
}
.cshop-catalog .cshop-cart-head h2{
  margin-top:3px;
  color:var(--ink);
  font-size:17px;
}
.cshop-catalog .cshop-cart-icon{
  width:31px;
  height:31px;
  border-radius:8px;
  background:var(--red);
  box-shadow:none!important;
}
.cshop-catalog .cshop-cart-body{padding:14px 15px 15px;}
.cshop-catalog .cshop-cart-empty{
  min-height:164px;
  margin:0;
  padding:25px 18px 22px;
  gap:6px;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none!important;
}
.cshop-catalog .cshop-cart-empty i{
  display:block;
  width:auto;
  height:auto;
  margin:0 0 6px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--red);
  font-size:27px;
  line-height:1;
}
.cshop-catalog .cshop-cart-empty b{
  color:var(--red);
  font-size:13px;
  font-weight:800;
}
.cshop-catalog .cshop-cart-empty span{
  max-width:230px;
  color:#897b7f;
  font-size:11px;
  line-height:1.5;
}
.cshop-catalog .cshop-cart-selected{gap:0;}
.cshop-catalog .cshop-cart-toolbar{
  margin:0;
  padding:0 0 9px;
  border-bottom:1px solid #eee8e9;
}
.cshop-catalog .cshop-cart-label{color:#75686c;font-size:10.5px;}
.cshop-catalog .cshop-cart-clear{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:3px 0;
  color:#9a8d90;
  font-size:11px;
}
.cshop-catalog .cshop-cart-clear i{font-size:10px;}
.cshop-catalog .cshop-cart-clear:hover{color:var(--red);text-decoration:none;}
.cshop-catalog .cshop-cart-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:330px;
  margin:0;
  padding:0 1px;
  border-top:0;
  scrollbar-width:thin;
}
.cshop-catalog .cshop-cart-item{
  gap:8px 9px;
  margin:0;
  padding:10px;
  border:1px solid #edf0f4;
  border-radius:9px;
  background:#f8f9fb;
  transition:border-color .15s,background-color .15s;
}
.cshop-catalog .cshop-cart-item:hover{border-color:#e5aeb5;background:#fffdfd;}
.cshop-catalog .cshop-cart-item-info{grid-column:1;grid-row:1;}
.cshop-catalog .cshop-cart-item-info b{color:#34282c;font-size:12.5px;}
.cshop-catalog .cshop-cart-item-info small{color:#8f8285;font-size:10.5px;}
.cshop-catalog .cshop-cart-item-total{grid-column:2;grid-row:1;align-self:start;color:var(--red);font-size:12px;font-weight:800;}
.cshop-catalog .cshop-cart-item-controls{grid-column:1/-1;grid-row:2;height:30px;}
.cshop-catalog .cshop-cart-step{
  width:29px;
  height:30px;
  border-color:#e4dcde;
  background:#faf9f9;
  color:#65585c;
}
.cshop-catalog .cshop-cart-step:hover{background:#fff;color:var(--red);}
.cshop-catalog .cshop-cart-input{
  width:48px;
  height:30px;
  border-color:#e4dcde;
  background:#fff;
  color:#34282c;
}
.cshop-catalog .cshop-cart-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-color:#eadfe1;
  border-radius:50%;
  background:#fff7f8;
  color:#b45b66;
  font-size:12px;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.cshop-catalog .cshop-cart-remove i{font-size:11px;line-height:1;pointer-events:none;}
.cshop-catalog .cshop-cart-remove:hover{border-color:var(--red);background:var(--red);color:#fff;transform:scale(1.05);}
.cshop-catalog .cshop-cart-remove:active{transform:scale(.96);}
.cshop-catalog .cshop-cart-remove:focus-visible{outline:2px solid color-mix(in srgb,var(--red) 35%,#fff);outline-offset:2px;}
.cshop-catalog .cshop-cart-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px!important;
  padding:10px 11px;
  border:1px solid #f0d8dc;
  border-top:1px solid #f0d8dc;
  border-radius:9px;
  background:#fff7f8;
  color:#75686c;
  font-size:11.5px;
}
.cshop-catalog .cshop-cart-total b{color:#5a4b50;}
.cshop-catalog .cshop-cart-total strong{color:var(--red);font-size:17px;}
.cshop-catalog .cshop-cart-buy{
  height:42px;
  margin-top:10px;
  border-radius:9px;
  background:var(--red);
  box-shadow:none!important;
  transition:background-color .15s,filter .15s;
}
.cshop-catalog .cshop-cart-buy:hover{background:#c8172d;filter:none;transform:none;box-shadow:none!important;}
.cshop-catalog .cshop-cart-note{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #eee8e9;
  color:#8c7f82;
}
.cshop-catalog .cshop-cart-note i{color:var(--red);}
.cshop-catalog .cshop-cart-login{color:var(--red);}

@media (max-width:980px){
  .cart-grid{grid-template-columns:minmax(0,1fr);}
  .cart-summary{position:static;}
  .cshop-catalog .cshop-cart-panel{top:auto;}
}
@media (max-width:620px){
  .cart-wrap{padding-top:4px;}
  .cart-head{margin-bottom:13px;padding-bottom:11px;}
  .cart-tt{font-size:21px;}
  .cart-grid{gap:12px;}
  .cart-item{
    grid-template-columns:76px minmax(0,1fr);
    gap:10px;
    min-height:0;
    padding:9px;
    align-items:start;
  }
  .cart-thumb{width:76px;height:61px;}
  .cart-right{
    grid-column:2;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:-2px;
  }
  .cart-price{align-items:flex-start;}
  .cart-summary{padding:15px 14px 13px;}
  .cart-sumhd{margin:-15px -14px 10px;padding:14px 14px 12px;}
  .cart-empty{min-height:300px;padding:38px 18px;}
  .cshop-catalog .cshop-catalog-description{margin-top:5px!important;font-size:10.5px!important;line-height:1.45;}
  .cshop-catalog .cshop-cart-body{padding:13px;}
  .cshop-catalog .cshop-cart-empty{
    min-height:132px;
    padding:18px 12px 17px;
    gap:5px;
    border:0;
    border-radius:0;
    background:#fff;
    box-shadow:none!important;
  }
  .cshop-catalog .cshop-cart-empty i{margin-bottom:5px;font-size:23px;}
  .cshop-catalog .cshop-cart-empty b{font-size:12px;}
  .cshop-catalog .cshop-cart-empty span{max-width:245px;font-size:10.5px;line-height:1.45;}
  .cshop-catalog .cshop-cart-list{max-height:none;margin:0;padding:0;}
  .cshop-catalog .cshop-cart-item{padding:9px;}
}
@media (prefers-reduced-motion:reduce){
  .cart-item,.cart-del,.cart-checkout,.cart-empty-btn,.cshop-catalog .cshop-cart-item,.cshop-catalog .cshop-cart-buy{transition:none;}
}

/* Home card shop: compact category block below the featured games strip. */
.home-card-shop{
  margin-top:24px;
  padding:20px;
  border:1px solid #e5dfe1;
  border-radius:14px;
  background:#fff;
  box-shadow:none!important;
}
.home-card-shop-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid #eee8e9;
}
.home-card-shop-heading{min-width:0;}
.home-card-shop-heading h2{
  margin:5px 0 5px;
  color:var(--ink);
  font-family:'Baloo 2',cursive;
  font-size:22px;
  line-height:1.1;
}
.home-card-shop-heading p{
  margin:0;
  color:#897b7f;
  font-size:12.5px;
  line-height:1.5;
}
.home-card-shop-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:none;
  padding:8px 0;
  color:var(--red);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.home-card-shop-more:hover{color:#b9152b;}
.home-card-shop-categories{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}
.home-card-shop-category{
  display:flex;
  align-items:center;
  min-width:0;
  gap:10px;
  padding:10px 11px;
  border:1px solid #e7e0e2;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  transition:border-color .15s,background-color .15s;
}
.home-card-shop-category:hover{
  border-color:#e9afb6;
  background:#fffafa;
}
.home-card-shop-category-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:none;
  border-radius:9px;
  background:#fff1f2;
  color:var(--red);
  font-size:15px;
}
.home-card-shop-category-copy{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  gap:3px;
}
.home-card-shop-category-copy b{
  overflow:hidden;
  color:var(--ink);
  font-size:12.5px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop-category-copy small{
  overflow:hidden;
  color:#95878a;
  font-size:10.5px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop-arrow{
  flex:none;
  color:#b7a9ac;
  font-size:11px;
}
.home-card-shop-subhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:19px;
  padding-bottom:9px;
  border-bottom:1px dashed #eee1e3;
}
.home-card-shop-subhead b{color:var(--ink);font-size:13.5px;}
.home-card-shop-subhead span{color:#96888b;font-size:11px;}
.home-card-shop-brands{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.home-card-shop-brand{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  min-width:0;
  gap:9px;
  padding:8px;
  border:1px solid #e8e1e3;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  transition:border-color .15s,background-color .15s;
}
.home-card-shop-brand:hover{
  border-color:#e9afb6;
  background:#fffafa;
}
.home-card-shop-brand-media{
  display:grid;
  place-items:center;
  width:52px;
  height:42px;
  overflow:hidden;
  border-radius:7px;
  background:#f3f5f8;
  color:var(--red);
}
.home-card-shop-brand-media img{display:block;width:100%;height:100%;object-fit:cover;}
.home-card-shop-brand-media>span{font-size:17px;}
.home-card-shop-brand-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.home-card-shop-brand-copy small{
  overflow:hidden;
  color:var(--red);
  font-size:9.5px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop-brand-copy b{
  overflow:hidden;
  color:var(--ink);
  font-size:12px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop-brand-copy em{
  overflow:hidden;
  color:#96888b;
  font-size:10px;
  font-style:normal;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-card-shop-brand-arrow{color:#b7a9ac;font-size:11px;}
.home-card-shop-brand:hover .home-card-shop-brand-arrow{color:var(--red);}

@media (max-width:1000px){
  .home-card-shop-brands{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px){
  .home-card-shop{padding:16px;}
  .home-card-shop-head{align-items:flex-start;flex-direction:column;gap:5px;}
  .home-card-shop-more{padding:0;}
  .home-card-shop-categories{grid-template-columns:1fr;}
}