*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;min-width:0;}
:root{
  --bg:#09090f;--c1:#0f0f1b;--c2:#141421;--c3:#191928;
  --p:#7c5cfc;--p2:#a78bff;--p3:#c4b5fd;
  --fg:#f0eeff;--dim:rgba(180,165,255,.38);
  --bd:rgba(255,255,255,.07);--bd2:rgba(255,255,255,.12);
  --r:14px;--r2:10px;
}
html,body{min-height:100%;}
body{background:var(--bg);color:var(--fg);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button,input,select,textarea{font-family:inherit;}
::selection{background:rgba(124,92,252,.3);color:#fff;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(124,92,252,.35);border-radius:99px;}
::-webkit-scrollbar-horizontal{height:4px;}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;}
nav,main,footer{position:relative;z-index:1;}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}

.pg-header{padding:48px 0 36px;text-align:center;}
.pg-eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p2);margin-bottom:8px;}
.pg-title{font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:900;letter-spacing:-.05em;color:white;}
.pg-sub{font-size:.84rem;color:var(--dim);margin-top:6px;}

.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;padding-bottom:72px;}
@media(max-width:900px){.cart-layout{grid-template-columns:1fr;}}

.panel{background:var(--c1);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.13);border-radius:var(--r);overflow:hidden;margin-bottom:14px;}
.panel:last-child{margin-bottom:0;}
.panel-head{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--bd);}
.panel-ic{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pic-p{background:rgba(124,92,252,.14);color:var(--p2);}
.pic-o{background:rgba(251,146,60,.1);color:#fb923c;}
.pic-g{background:rgba(34,197,94,.1);color:#4ade80;}
.panel-title{font-size:.88rem;font-weight:800;color:#fff;letter-spacing:-.02em;}
.panel-count{font-size:.62rem;font-weight:800;padding:1px 8px;border-radius:999px;background:rgba(124,92,252,.12);color:var(--p2);border:1px solid rgba(124,92,252,.2);}

.cart-items{display:flex;flex-direction:column;gap:1px;background:var(--bd);}
.cart-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--c1);transition:.18s;}
.cart-item:hover{background:var(--c2);}
.ci-img{width:64px;height:64px;border-radius:9px;object-fit:cover;flex-shrink:0;border:1px solid var(--bd);}
.ci-body{flex:1;min-width:0;}
.ci-name{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ci-risk{color:#f87171;font-size:.7rem;display:flex;align-items:center;gap:4px;margin-top:2px;}
.ci-serial{font-size:.74rem;color:var(--dim);margin-top:2px;}
.ci-cat{display:inline-flex;margin-top:5px;padding:2px 9px;border-radius:999px;font-size:.62rem;font-weight:700;background:rgba(124,92,252,.1);border:1px solid rgba(124,92,252,.18);color:var(--p2);text-transform:uppercase;letter-spacing:.05em;}
.ci-price{font-size:.96rem;font-weight:800;color:var(--p2);margin-top:4px;}
.ci-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.qty-wrap{display:flex;align-items:center;background:var(--c2);border:1px solid var(--bd2);border-radius:8px;overflow:hidden;}
.qty-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:rgba(200,185,255,.6);cursor:pointer;transition:.15s;flex-shrink:0;}
.qty-btn:hover{background:rgba(124,92,252,.1);color:#fff;}
.qty-input{width:36px;text-align:center;background:transparent;border:none;color:#fff;font-size:.82rem;font-weight:700;padding:0;height:30px;}
.ci-del{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.15);color:#f87171;cursor:pointer;transition:.15s;flex-shrink:0;}
.ci-del:hover{background:rgba(239,68,68,.16);}

.req-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bd);background:rgba(0,0,0,.15);}
.req-tabs::-webkit-scrollbar{display:none;}
.req-tab{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;font-size:.78rem;font-weight:600;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:.15s;background:none;border-top:none;border-left:none;border-right:none;}
.req-tab:hover{color:rgba(200,185,255,.72);}
.req-tab.active{color:#fff;border-bottom-color:var(--p);}
.req-panel{display:none;padding:18px;}
.req-panel.active{display:block;}

.addon-wrap{position:relative;padding:0 14px;}
.addon-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;border-radius:8px;background:var(--c2);border:1px solid var(--bd2);color:rgba(200,185,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;}
.addon-arrow:hover{background:rgba(124,92,252,.12);color:#fff;}
.addon-arrow.left{left:0;}
.addon-arrow.right{right:0;}
.addon-scroll{display:flex;overflow-x:auto;gap:10px;padding:4px 2px;scrollbar-width:none;scroll-behavior:smooth;}
.addon-scroll::-webkit-scrollbar{display:none;}
.addon-card{flex-shrink:0;width:220px;background:var(--c2);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;transition:border-color .2s,transform .2s;}
.addon-card:hover{border-color:rgba(124,92,252,.25);transform:translateY(-2px);}
.addon-img-wrap{position:relative;}
.addon-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.addon-discount{position:absolute;top:8px;right:8px;font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:999px;background:rgba(239,68,68,.85);color:#fff;}
.addon-body{padding:10px 12px;}
.addon-cat{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--p2);margin-bottom:4px;}
.addon-name{font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;}
.addon-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.addon-price{font-size:.84rem;font-weight:800;color:var(--p2);}
.addon-orig{font-size:.7rem;color:var(--dim);text-decoration:line-through;}
.addon-stock-in{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:700;color:#4ade80;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.18);padding:2px 7px;border-radius:999px;}
.addon-stock-out{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:700;color:#f87171;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);padding:2px 7px;border-radius:999px;}
.btn-addon-add{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:7px;background:var(--p);border:none;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:.18s;font-family:inherit;}
.btn-addon-add:hover{background:#8b6bff;}
.btn-addon-dis{padding:5px 10px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid var(--bd);color:var(--dim);font-size:.7rem;font-weight:600;cursor:not-allowed;font-family:inherit;}

.cont-shop{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid var(--bd2);color:rgba(200,185,255,.5);font-size:.82rem;font-weight:600;transition:.18s;}
.cont-shop:hover{background:rgba(124,92,252,.08);border-color:rgba(124,92,252,.2);color:var(--p2);}

.sidebar-sticky{position:sticky;top:76px;}

.sum-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--bd);}
.sum-row.no-border{border-bottom:none};
.sum-row:last-child{border-bottom:none;}
.sum-label{font-size:.82rem;color:var(--dim);display:flex;align-items:center;gap:5px;}
.sum-val{font-size:.82rem;font-weight:600;color:#fff;}
.sum-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px;margin-top:4px;border-top:2px solid rgba(124,92,252,.2);}
.sum-total-label{font-size:.92rem;font-weight:800;color:#fff;}
.sum-total-val{font-size:1.1rem;font-weight:900;color:var(--p2);}

.discount-applied{display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.18);border-radius:var(--r2);margin-bottom:14px;}
.da-code{font-size:.82rem;font-weight:700;color:#4ade80;}
.da-amount{font-size:.78rem;font-weight:600;color:#4ade80;margin-top:1px;}
.da-remove{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:#f87171;cursor:pointer;background:none;border:none;transition:.15s;font-family:inherit;}
.da-remove:hover{color:#fca5a5;}

.credit-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(124,92,252,.06);border:1px solid rgba(124,92,252,.18);border-radius:var(--r2);margin-bottom:14px;}
.cb-left{display:flex;align-items:center;gap:10px;}
.cb-ic{width:32px;height:32px;border-radius:8px;background:rgba(124,92,252,.14);display:flex;align-items:center;justify-content:center;color:var(--p2);flex-shrink:0;}
.cb-label{font-size:.72rem;color:var(--dim);}
.cb-amount{font-size:.88rem;font-weight:800;color:var(--p2);}
.btn-use-credit{padding:7px 14px;border-radius:8px;background:var(--p);border:none;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:.18s;font-family:inherit;white-space:nowrap;}
.btn-use-credit:hover{background:#8b6bff;}
.btn-remove-credit{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:#f87171;cursor:pointer;background:none;border:none;transition:.15s;font-family:inherit;}
.btn-remove-credit:hover{color:#fca5a5;}

.gift-block{padding:12px 14px;background:rgba(124,92,252,.04);border:1px solid rgba(124,92,252,.16);border-radius:var(--r2);margin-bottom:8px;}
.gift-user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.gift-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.gift-info{flex:1;min-width:0;}
.gift-name{font-size:.82rem;font-weight:700;color:var(--p2);}
.gift-uuid{font-size:.67rem;color:var(--dim);font-family:'SF Mono',ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btn-remove-gift{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:#f87171;background:none;border:none;cursor:pointer;font-family:inherit;transition:.15s;}
.btn-remove-gift:hover{color:#fca5a5;}
.gift-input-row{display:flex;gap:8px;}
.gift-input{flex:1;padding:9px 12px;border-radius:9px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:var(--fg);font-size:.82rem;outline:none;transition:.15s;}
.gift-input:focus{border-color:rgba(124,92,252,.4);}
.gift-input::placeholder{color:var(--dim);}

.disc-input-row{display:flex;gap:8px;}
.disc-input{flex:1;padding:9px 12px;border-radius:9px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:var(--fg);font-size:.82rem;outline:none;transition:.15s;}
.disc-input:focus{border-color:rgba(124,92,252,.4);}
.disc-input::placeholder{color:var(--dim);}
.btn-apply{padding:9px 16px;border-radius:9px;background:var(--p);border:none;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap;font-family:inherit;}
.btn-apply:hover{background:#8b6bff;}
.disc-error{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.76rem;color:#f87171;}
.url-coupon{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;border-radius:8px;background:rgba(124,92,252,.08);border:1px solid rgba(124,92,252,.18);font-size:.74rem;font-weight:600;color:var(--p2);}
.url-coupon-err{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;border-radius:8px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.18);font-size:.74rem;color:#f87171;}

.terms-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;}
.terms-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--p);margin-top:1px;cursor:pointer;flex-shrink:0;}
.terms-label{font-size:.78rem;color:var(--dim);line-height:1.5;}
.terms-label a{color:var(--p2);transition:.15s;}
.terms-label a:hover{color:#fff;}

.sec-div{height:1px;background:var(--bd);margin:14px 0;}

.auth-toggle-row{display:flex;align-items:center;gap:9px;padding:11px 0;}
.auth-toggle-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--p);cursor:pointer;flex-shrink:0;}
.auth-toggle-label{font-size:.82rem;font-weight:500;color:rgba(200,185,255,.6);}
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;}
.auth-tab{padding:8px 6px;border-radius:9px;background:var(--c2);border:1px solid var(--bd);color:var(--dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:.15s;font-family:inherit;text-align:center;}
.auth-tab:hover{border-color:rgba(124,92,252,.2);color:rgba(200,185,255,.75);}
.auth-tab.active{background:var(--p);border-color:rgba(124,92,252,.6);color:#fff;box-shadow:0 0 12px rgba(124,92,252,.25);}
.auth-form-wrap{display:none;}
.auth-form-wrap.active{display:block;}
.auth-field{margin-bottom:10px;}
.auth-label{font-size:.71rem;font-weight:600;color:var(--dim);margin-bottom:5px;display:block;text-transform:uppercase;letter-spacing:.05em;}
.auth-input{width:100%;padding:10px 13px;border-radius:9px;border:1px solid var(--bd);background:rgba(255,255,255,.04);color:var(--fg);font-size:.84rem;outline:none;transition:.15s;}
.auth-input:focus{border-color:rgba(124,92,252,.45);background:rgba(124,92,252,.04);}
.auth-input::placeholder{color:rgba(180,165,255,.25);}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;}
.btn-discord{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:9px;background:rgba(114,137,218,.08);border:1px solid rgba(114,137,218,.2);color:#7289da;font-size:.78rem;font-weight:600;transition:.18s;}
.btn-discord:hover{background:rgba(114,137,218,.16);border-color:rgba(114,137,218,.35);}
.btn-google{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--bd2);color:rgba(220,215,255,.7);font-size:.78rem;font-weight:600;transition:.18s;}
.btn-google:hover{background:rgba(255,255,255,.1);color:#fff;}
.btn-auth-submit{width:100%;padding:11px;border-radius:9px;background:var(--p);border:none;color:#fff;font-size:.84rem;font-weight:700;cursor:pointer;transition:.18s;display:flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;box-shadow:0 0 14px rgba(124,92,252,.25);}
.btn-auth-submit:hover{background:#8b6bff;box-shadow:0 0 20px rgba(124,92,252,.4);}

.pay-select-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:10px;text-align:center;}
.pay-methods{display:flex;flex-direction:column;gap:8px;}
.btn-pay{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;transition:.18s;border:none;font-family:inherit;line-height:1;}
.btn-pay:hover:not(:disabled){transform:translateY(-1px);}
.btn-pay:disabled{opacity:.4;cursor:not-allowed;}
.btn-stripe{background:#635bff;color:#fff;box-shadow:0 0 14px rgba(99,91,255,.28);}
.btn-stripe:not(:disabled):hover{background:#5a54e6;box-shadow:0 0 22px rgba(99,91,255,.42);}
.btn-paypal{background:#f5a623;color:#fff;}
.btn-paypal:not(:disabled):hover{background:#e09518;}
.btn-crypto{background:#16a34a;color:#fff;box-shadow:0 0 14px rgba(22,163,74,.22);}
.btn-crypto:not(:disabled):hover{background:#15803d;}
.btn-change-method{width:100%;padding:8px;background:none;border:none;color:var(--dim);font-size:.76rem;cursor:pointer;transition:.15s;font-family:inherit;margin-top:4px;}
.btn-change-method:hover{color:#fff;}
.pay-complete{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:10px;background:var(--p);border:none;color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;transition:.18s;box-shadow:0 0 20px rgba(124,92,252,.35);font-family:inherit;}
.btn-complete:hover:not(:disabled){background:#8b6bff;box-shadow:0 0 28px rgba(124,92,252,.5);transform:translateY(-1px);}
.btn-complete:disabled{opacity:.4;cursor:not-allowed;}

.empty-state{padding:80px 24px;text-align:center;}
.empty-ic{width:64px;height:64px;border-radius:16px;background:rgba(124,92,252,.07);border:1px solid rgba(124,92,252,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--p2);}
.empty-title{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:8px;}
.empty-sub{font-size:.84rem;color:var(--dim);margin-bottom:24px;}
.btn-browse{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;background:var(--p);border:none;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer;box-shadow:0 0 18px rgba(124,92,252,.3);transition:.18s;font-family:inherit;}
.btn-browse:hover{background:#8b6bff;transform:translateY(-1px);}

.sec-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin-bottom:10px;}

.toggle-row{display:flex;align-items:center;gap:9px;padding:8px 0;}
.toggle-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--p);cursor:pointer;flex-shrink:0;}
.toggle-label{font-size:.82rem;font-weight:500;color:rgba(200,185,255,.6);}

.md-body{color:rgba(200,185,255,.6);line-height:1.65;font-size:.84rem;}
.md-body h1,.md-body h2,.md-body h3{color:#fff;font-weight:700;margin:1rem 0 .5rem;}
.md-body h1{font-size:1.2rem;}
.md-body h2{font-size:1.05rem;}
.md-body h3{font-size:.95rem;color:var(--p2);}
.md-body p{margin-bottom:.8rem;}
.md-body ul,.md-body ol{padding-left:1.4rem;margin-bottom:.8rem;}
.md-body li{margin-bottom:.3rem;}
.md-body code{background:rgba(124,92,252,.1);color:var(--p2);padding:1px 5px;border-radius:4px;font-size:.8rem;font-family:'SF Mono',ui-monospace,monospace;}
.md-body a{color:var(--p2);}
.md-body a:hover{color:#fff;}
.md-body strong{color:#fff;}

.pay-accept{margin-top:12px;text-align:center;}
.pay-divider{display:flex;align-items:center;gap:10px;margin:12px 0;}
.pay-divider::before,.pay-divider::after{content:'';flex:1;height:1px;background:var(--bd);}
.pay-divider span{font-size:.68rem;font-weight:600;color:var(--dim);white-space:nowrap;}
.pay-accept-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);display:block;margin-bottom:8px;}
.pay-accept-icons{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;}
.pay-icon{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:.65rem;font-weight:600;color:rgba(200,185,255,.4);white-space:nowrap;}
.pay-icon-apple{color:rgba(220,215,255,.5);}
.pay-icon-google{color:rgba(220,215,255,.5);}
.pay-icon-cash{color:rgba(0,212,110,.5);}
.pay-icon-crypto{color:rgba(246,173,85,.5);}
.pay-icon-card{color:rgba(99,91,255,.7);}

footer{border-top:1px solid var(--bd);}
.ft{max-width:1100px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.ft-c{font-size:.71rem;color:rgba(180,165,255,.16);}
.ft-n{display:flex;gap:20px;}
.ft-n a{font-size:.71rem;color:rgba(180,165,255,.2);transition:.15s;}
.ft-n a:hover{color:rgba(180,165,255,.55);}

.error-box{display:none;align-items:center;gap:8px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.25);color:#f87171;font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:1rem}
.error-box.show{display:flex}

@media(max-width:600px){
  .ci-right{flex-wrap:wrap;gap:6px;}
  .cart-item{padding:12px 14px;gap:10px;}
  .ci-img{width:50px;height:50px;}
  .addon-card{width:180px;}
}