/* AliExpress-replica PDP block, smtsb.com palette. All rules scoped to .ax */
/* live <main> is overflow:hidden which disables position:sticky; overflow:clip clips identically but keeps sticky working; flow-root keeps the same BFC */
main:has(.ax){overflow:clip!important;display:flow-root}
.ax{--hdr:66px;--b:#0C55AA;--bd:#0a4791;--t1:#eef4fb;--t2:#f4f8fd;--tx:#191919;--g:#757575;--g2:#999;--ln:#e5e5e5;--bg:#f5f5f5;
 font-family:Poppins,system-ui,sans-serif;color:var(--tx);font-size:14px;line-height:1.45;padding:18px 0 56px;background:#fff}
.ax *,.ax *::before,.ax *::after{box-sizing:border-box}
.ax a{color:inherit;text-decoration:none}
.ax button{font-family:inherit;cursor:pointer}
.ax img{max-width:100%;display:block}
.ax h1,.ax h2,.ax h3{margin:0;color:var(--tx);font-family:inherit;letter-spacing:0}
.ax p{margin:0}
.ax svg{flex:none}
.ax-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0 20px;align-items:start}
.ax-main{min-width:0}
/* ---- top: gallery | info ---- */
.ax-top{display:grid;grid-template-columns:52px 330px minmax(0,1fr);gap:0 10px;align-items:start;padding-bottom:28px}
.ax-gal{display:contents}
.ax-thumbs{display:flex;flex-direction:column;gap:12px}
.ax-th{width:52px;height:52px;padding:0;border:1px solid transparent;border-radius:6px;background:#fff;overflow:hidden;outline:1px solid var(--ln);outline-offset:-1px}
.ax-th img{width:100%;height:100%;object-fit:contain}
.ax-th.on{border:2px solid var(--tx);outline:0}
.ax-stage{position:relative;width:330px;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#fff;margin-right:14px}
.ax-slides{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ax-slides::-webkit-scrollbar{display:none}
.ax-slides img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:start}
.ax-arr{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:48px;border:0;background:rgba(0,0,0,.28);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}
.ax-prev{left:0;border-radius:0 6px 6px 0}.ax-next{right:0;border-radius:6px 0 0 6px}
.ax-stage:hover .ax-arr{opacity:1}
.ax-cnt{display:none}
.ax-info{min-width:0}
.ax-ttl{font-size:15px!important;line-height:20px!important;font-weight:700!important;margin:0 0 6px!important}
.ax-rate{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--tx);margin-bottom:10px}
.ax-rate a{text-decoration:none}.ax-rate a:hover{text-decoration:underline}
.ax-rate i{width:1px;height:11px;background:#bbb}
.ax-stars{color:#d6d6d6;font-size:13px;letter-spacing:1px;line-height:1}
/* short description (ec_products.description) */
.ax-sd{margin:0 0 10px;font-size:13px;line-height:19px;color:#555}
.ax-sd-t{max-height:57px;line-height:19px;overflow:hidden;position:relative}
.ax-sd-t p,.ax-sd-t span{margin:0 0 2px;font-size:13px!important;line-height:19px!important;color:#555}.ax-sd-t strong{font-weight:600;color:var(--tx)}
.ax-sd.is-clip .ax-sd-t::after{content:"";position:absolute;right:0;bottom:0;width:40%;height:19px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 70%)}
.ax-sd.open .ax-sd-t{max-height:none}.ax-sd.open .ax-sd-t::after{display:none}
.ax-sd-m{border:0;background:none;padding:0;margin-top:2px;font-size:13px;font-weight:600;color:var(--b);text-decoration:underline}
/* deal panel */
.ax-deal{border:1px solid var(--b);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,var(--t1) 0,#f7fafe 46%,#fff 100%);position:relative}
.ax-deal-l{font-size:17px;font-weight:700;color:var(--b);padding:9px 12px 2px;line-height:24px}
.ax-deal-r{display:flex;align-items:center;gap:10px;padding:2px 12px 10px;flex-wrap:wrap}
.ax-now{font-size:30px;line-height:40px;font-weight:800;color:var(--tx);letter-spacing:-.3px}
.ax-deal-x{display:flex;flex-direction:column;gap:1px;padding-top:2px}
.ax-save{display:inline-flex;align-items:center;gap:3px;background:var(--t1);color:var(--b);font-size:12px;font-weight:600;padding:1px 6px;border-radius:3px;line-height:18px;border:1px solid #d6e4f5}
.ax-deal-x s{font-size:11px;color:var(--g2);line-height:14px}
.ax-wsl{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--b);margin:6px 0 0;line-height:16px;flex-wrap:wrap}
.ax-wtag{display:inline-flex;align-items:center;gap:2px;background:var(--t1);color:var(--b);font-weight:600;padding:0 5px;border-radius:3px;font-size:10px;line-height:16px}
.ax-wtag svg{width:11px;height:11px}
.ax .ax-ap{margin:8px 0 0}
.ax .ax-ap .smt-pb-ap{margin:0}
.ax-fine{font-size:11px;color:var(--g);margin:4px 0 0}
.ax-promo{display:flex;align-items:center;gap:8px;background:var(--t1);color:var(--tx);font-size:13px;padding:8px 12px;border-radius:6px;margin:10px 0 0}
.ax-promo svg{color:var(--b)}
/* sku pickers */
.ax-sku{margin-top:16px}
.ax-sku-t{font-size:14px;font-weight:700;margin-bottom:8px}
.ax-sku-t b{font-weight:700}
.ax-fls{display:flex;flex-wrap:wrap;gap:8px}
.ax-fl{width:50px;height:50px;padding:2px;border:1px solid var(--ln);border-radius:6px;background:#fff;overflow:hidden}
.ax-fl img{width:100%;height:100%;object-fit:contain}
.ax-fl:hover{border-color:var(--tx)}
.ax-fl.on{border:2px solid var(--tx);padding:1px}
.ax .smt-pb.ax-sku .smt-pb-packs{margin:0}
.ax-mbuy{display:none}
/* ---- aside buy box ---- */
.ax-side{position:sticky;top:calc(var(--hdr) + 12px);align-self:start}
.ax-box{border:1px solid var(--ln);border-radius:8px;padding:12px;background:#fff}
.ax-sum{display:none}
.ax-side.is-compact .ax-sum{display:block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--ln)}
.ax-sum-p{display:flex;align-items:baseline;gap:6px}
.ax-sum-p b{font-size:20px;font-weight:800;line-height:28px}
.ax-sum-p s{font-size:12px;color:var(--g2)}
.ax-sum-o{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--g)}
.ax-sum-o img{width:36px;height:36px;border-radius:4px;border:1px solid var(--ln);object-fit:contain}
.ax-sum-o>span{display:flex;flex-direction:column;flex:1;min-width:0;line-height:17px}
.ax-sum-o b{color:var(--tx);font-weight:500}
.ax-edit{font-size:12px;font-weight:600;color:var(--b)!important;text-decoration:underline!important}
.ax-sep{height:1px;background:var(--ln);margin:10px 0}
.ax-row{display:flex;gap:8px;align-items:flex-start;padding:7px 6px;margin:0 -6px;border-radius:6px;transition:background .12s}
.ax-row:hover{background:var(--bg)}
.ax-row>svg:first-child{margin-top:1px}
.ax-row>span{flex:1;min-width:0;display:flex;flex-direction:column}
.ax-row b{font-size:13px;font-weight:600;line-height:18px}
.ax-row small{font-size:11px;color:var(--g);line-height:15px;margin-top:2px}
.ax-row>svg:last-child{margin-top:3px;color:var(--g2)}
.ax-svc-h{font-size:14px;font-weight:700;margin:8px 0 2px}
.ax-qty-t{font-size:14px;font-weight:700;margin-bottom:8px}
.ax-qrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ax-step{display:flex;align-items:center;gap:4px}
.ax-step button{width:30px;height:30px;border-radius:50%;border:0;background:var(--bg);font-size:17px;line-height:1;color:var(--tx);padding:0}
.ax-step button:hover{background:#ebebeb}
.ax-step input{width:44px;height:30px;border:0;text-align:center;font:500 14px Poppins,sans-serif;color:var(--tx);background:transparent;padding:0}
.ax-avail{font-size:12px;color:var(--g)}
.ax-btn{display:flex;align-items:center;justify-content:center;text-decoration:none!important;width:100%;height:44px;border-radius:22px;border:0;font-size:16px;font-weight:700;margin-top:10px;transition:background .15s}
.ax-qty+.ax-btn{margin-top:16px}
.ax-buy,.ax a.ax-buy{background:var(--b);color:#fff!important}.ax-buy:hover{background:var(--bd)}
.ax-add,.ax a.ax-add{background:var(--t1);color:var(--b)!important}.ax-add:hover{background:#e0ebf8}
.ax-soc{display:flex;gap:8px;margin-top:10px}
.ax-soc button{flex:1;height:36px;border:1px solid var(--ln);background:#fff;border-radius:18px;color:var(--tx);display:flex;align-items:center;justify-content:center}
.ax-soc button:hover{border-color:var(--tx)}
/* ---- tabs ---- */
.ax-line{height:1px;background:var(--ln)}
.ax-tabs{position:sticky;top:var(--hdr);z-index:5;background:#fff;display:flex;gap:26px;padding:0 2px;height:56px;align-items:center;overflow-x:auto;scrollbar-width:none;margin-bottom:6px}
.ax-tabs::-webkit-scrollbar{display:none}
.ax-tabs a{display:flex;align-items:center;gap:3px;font-size:14px;white-space:nowrap;color:var(--tx);font-weight:400}
.ax-tabs a.on{font-weight:600}
.ax-pin{display:none}.ax-tabs a.on .ax-pin{display:block}
/* ---- sections ---- */
.ax-sec{padding:26px 0 30px;scroll-margin-top:calc(var(--hdr) + 60px)}
.ax-h2,.ax-rh h2{font-size:20px!important;line-height:28px!important;font-weight:700!important;margin:0 0 16px!important}
.ax-rh{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ax-rh h2{margin:0!important}
.ax-rh-s{color:var(--g2)}
.ax-rh .ax-stars{font-size:18px}
.ax-rh-n{font-size:13px;color:var(--g)}
.ax-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px;background:var(--bg);border-radius:8px;gap:4px}
.ax-empty-i{color:var(--g2);margin-bottom:4px}
.ax-empty b{font-size:15px;font-weight:600}
.ax-empty span{font-size:13px;color:var(--g)}
.ax-more-b{display:flex;justify-content:center;margin-top:16px}
.ax-vm{display:inline-flex;align-items:center;justify-content:center;width:208px;height:34px;border:1px solid var(--tx);background:#fff;color:var(--tx)!important;font-size:14px;font-weight:600;border-radius:2px}
.ax-vm:hover{background:var(--bg)}
/* cards */
.ax-c{display:flex;flex-direction:column;min-width:0;color:var(--tx)}
.ax-c-i{position:relative;display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#fff}
.ax-c-i img{width:100%;height:100%;object-fit:contain}
.ax-c-cart{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:var(--tx)}
.ax-c-n{font-size:13px;line-height:18px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-c-p{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:2px}
.ax-c-p b{font-size:17px;font-weight:700;color:var(--b)}
.ax-c-p s{font-size:12px;color:var(--g2)}
.ax-c-p em{font-style:normal;font-size:12px;color:var(--b)}
.ax-c-ws{display:block;font-size:12px;color:var(--b);margin-top:2px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ax-c-ws svg{display:inline;vertical-align:-2px;margin-right:3px}
.ax-c-u{font-size:12px;color:var(--g);line-height:17px}
.ax-c:hover .ax-c-n{text-decoration:underline}
.ax-c-r{border:1px solid #eee;border-radius:8px;padding:12px;flex:0 0 160px}
.ax-c-r .ax-c-p{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.ax-c-r .ax-c-p b{font-size:16px}.ax-c-r .ax-c-ws{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ax-c-r .ax-c-ws svg{display:inline;vertical-align:-2px;margin-right:3px}
.ax-car{position:relative}
.ax-car-t{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px}
.ax-car-t::-webkit-scrollbar{display:none}
.ax-car-b{position:absolute;top:70px;z-index:2;width:28px;height:64px;border:0;border-radius:14px;background:rgba(235,235,235,.95);color:#666;display:flex;align-items:center;justify-content:center}
.ax-car-l{left:-8px}.ax-car-r{right:-8px}
.ax-car-b[disabled]{display:none}
/* specs */
.ax-clip{position:relative;overflow:hidden;transition:max-height .2s}
.ax-clip[data-clip="spec"] .ax-xr{display:none}.ax-clip[data-clip="spec"].open .ax-xr{display:table-row}
.ax-clip-d{max-height:440px}
.ax-clip-q{max-height:300px}
.ax-clip-d::after,.ax-clip-q::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.ax-clip.open{max-height:none}.ax-clip.open::after{display:none}
.ax-spec{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;border-top:1px solid var(--ln)}
.ax-spec th,.ax-spec td{padding:12px;font-size:12px;line-height:16px;vertical-align:top;border:0;border-bottom:1px solid var(--ln);text-align:left;color:var(--tx)}
.ax-spec th{width:17%;background:var(--bg);font-weight:400}
.ax-spec td{width:33%}
.ax-desc{font-size:13px;line-height:20px;color:var(--tx)}
.ax-desc p{margin:0 0 6px}.ax-desc ul{margin:0 0 6px 18px;padding:0;list-style:disc}.ax-desc li{margin:0}
.ax-desc img{max-width:600px;width:100%;margin-top:10px}
.ax-qa{list-style:none;margin:0;padding:0}
.ax-qa li{display:flex;gap:8px;padding:0 0 16px}
.ax-qi{color:var(--tx);margin-top:1px}
.ax-qa b{font-size:13px;font-weight:600;line-height:19px;display:block}
.ax-qa p{font-size:13px;color:var(--g);line-height:19px;margin-top:2px}
.ax-h3{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:700;margin:20px 0 12px}
.ax-srec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ax-c-s .ax-c-i{border-radius:0}
/* more to love: full width, 6 cols */
.ax-mtl{padding-top:30px}
.ax-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 12px}
.ax-mbar{display:none}
/* ---- tablet ---- */
@media (max-width:1199.98px){.ax-top{grid-template-columns:52px 280px minmax(0,1fr)}.ax-stage{width:280px}.ax-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:991.98px){
 .ax{--hdr:90px;padding-bottom:70px}
 .ax-wrap{grid-template-columns:minmax(0,1fr)}
 .ax-side{display:none}
 .ax-mbuy{display:block;margin-top:16px;border:1px solid var(--ln);border-radius:8px;padding:10px 12px}
 .ax-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ax-mbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:65px;z-index:990;background:#fff;padding:8px 12px;box-shadow:0 -2px 8px rgba(0,0,0,.08)}
 .ax-mbar .ax-btn{margin:0;height:42px;font-size:15px}
}
/* ---- mobile (AliExpress mobile web pattern) ---- */
@media (max-width:767.98px){
 .ax{padding-top:0}
 .ax-top{display:block;padding-bottom:16px}
 .ax-thumbs{display:none}
 .ax-stage{width:auto;margin:0 calc(var(--bs-gutter-x,1.5rem)*-.5);border-radius:0}
 .ax-arr{display:none}
 .ax-cnt{display:block;position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;line-height:20px;padding:0 9px;border-radius:10px}
 .ax-cnt b{font-weight:500}
 .ax-info{display:flex;flex-direction:column}
 .ax-deal{order:-2;margin:0 calc(var(--bs-gutter-x,1.5rem)*-.5);border-radius:0;border-width:0 0 1px;border-color:#d6e4f5}
 .ax-deal-l{font-size:15px}
 .ax-ttl{order:-1;margin:10px 0 4px!important;font-size:14px!important}
 .ax-rate{order:-1}
 .ax-wsl,.ax-ap,.ax-fine,.ax-promo{order:0}
 .ax-fls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .ax-fl{flex:none;width:56px;height:56px}
 .ax-tabs{gap:20px;height:48px}
 .ax-tabs a{font-size:13px}
 .ax-sec{padding:20px 0 22px}
 .ax-h2,.ax-rh h2{font-size:18px!important}
 .ax-spec,.ax-spec tbody,.ax-spec tr{display:block}
 .ax-spec tr{display:grid;grid-template-columns:38% 62%}
 .ax-spec th,.ax-spec td{width:auto;padding:10px}
 .ax-clip[data-clip="spec"].open .ax-xr{display:grid}
 .ax-srec{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ax-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .ax-c-r{flex-basis:140px;padding:8px}
 .ax-car-b{display:none}
}
/* ---- reviews (SAMPLE data, preview only) ---- */
.ax-gs{position:relative;display:inline-block;color:#ddd;font-size:13px;letter-spacing:1px;line-height:1;white-space:nowrap}
.ax-gs>span{position:absolute;left:0;top:0;overflow:hidden;color:#f6a623}
.ax-gs-l{font-size:20px}
.ax-rate-a{font-weight:700;font-size:13px}
.ax-rh{flex-wrap:wrap}
.ax-rh-a{font-size:20px;font-weight:700;line-height:28px}
.ax-rh-note{font-size:12px;color:var(--g2);margin-left:4px}
.ax-rd{display:grid;gap:4px;max-width:320px;margin:-4px 0 16px}
.ax-rd-r{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;font-size:12px;color:var(--g)}
.ax-rd-r i{height:6px;border-radius:3px;background:#eee;overflow:hidden;display:block}
.ax-rd-r i b{display:block;height:100%;background:#f6a623;border-radius:3px}
.ax-rd-r em{font-style:normal;text-align:right}
.ax-rcs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ax-rc{height:32px;padding:0 12px;border:1px solid transparent;border-radius:4px;background:var(--bg);font-size:13px;color:var(--tx)}
.ax-rc-k{background:var(--t1)}
.ax-rc.on{border-color:var(--tx);background:#fff;font-weight:600}
.ax-pss{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ax-ps{position:relative;display:block;aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:#f2f2f2}
.ax-ps img{width:100%;height:100%;object-fit:cover}
.ax-ps span{position:absolute;left:6px;bottom:6px;color:#fff;font-size:12px;font-weight:600;background:rgba(0,0,0,.55);padding:1px 7px;border-radius:10px;line-height:18px}
.ax-rsort{font-size:13px;margin-bottom:6px;color:var(--tx)}
.ax-rv{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--ln)}
.ax-rv-x{display:none}.ax-rvs.open .ax-rv-x{display:flex}
.ax-rv.is-out{display:none!important}
.ax-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--t1);color:var(--b);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.ax-rv-b{flex:1;min-width:0}
.ax-rv-v{font-size:12px;color:var(--g2);margin-top:4px}
.ax-rv-t{font-size:13px;line-height:20px;margin:6px 0 0!important;color:var(--tx)}
.ax-rv-ph{margin-top:8px}.ax-rv-ph img{width:72px;height:72px;border-radius:4px;object-fit:contain;background:#f2f2f2}
.ax-rv-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--g2)}
.ax-hp{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font-size:12px;color:var(--g)}
.ax-hp.on{color:var(--b)}
.ax-rv-none{padding:16px 0;font-size:13px;color:var(--g)}
@media (max-width:767.98px){.ax-pss{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ax-pss .ax-ps:nth-child(n+4){display:none}.ax-rd{max-width:none}.ax-rh-note{flex-basis:100%;margin:0}}

/* Layout the live template adds on top of the mockup. Scoped to .ax. */
.ax-wsl[hidden],.ax-promo[hidden],.ax-share-pop[hidden],.ax-more-b[hidden],.ax-rv-none[hidden],[data-ax="save-wrap"][hidden]{display:none!important}
.ax{overflow-wrap:anywhere}
.ax-cart{display:contents}
.ax-main{grid-column:1;grid-row:1}
.ax-rest{grid-column:1;grid-row:2;min-width:0}
.ax-side{grid-column:2;grid-row:1 / span 2}
.ax-top,.ax-info,.ax-gal,.ax-stage{min-width:0}
.ax-slides{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ax-info{display:flex;flex-direction:column}
.ax-sd{order:1}
.ax-deal{order:2}
.ax-wsl{order:3}
.ax .smt-pb-ap{order:4;margin:8px 0 0}
.ax-fine{order:5}
.ax-promo{order:6}
.ax .smt-pb-fl{order:7}
.ax .pr_switch_wrap{order:8}
.ax .smt-pb-packs{order:9}
.ax-mbuy{order:10}
#ax-packs,.ax .product-attributes{display:contents}
.ax-sku-bit{min-width:0}
.ax-side.is-compact .ax-svc,
.ax-side.is-compact .ax-svc-h,
.ax-side.is-compact .ax-sep{display:none}
.ax-sub{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px;font-size:13px;color:var(--tx)}
.ax-sub b{font-size:16px;font-weight:700}
.ax-btn:disabled,.ax-step button:disabled,.ax-step input:disabled{opacity:.45;cursor:not-allowed}
.ax-share{position:relative;flex:1;display:flex}
.ax-share>button,.ax-soc>button{flex:1}
.ax-share-pop{position:absolute;right:0;bottom:calc(100% + 8px);z-index:6;min-width:200px;background:#fff;border:1px solid var(--ln);border-radius:8px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ax-share-pop .tp-product-details-social{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.ax-soc button.active{color:var(--b);border-color:var(--b)}
.ax-soc button.active svg{fill:var(--b)}
.ax .smt-pb .attribute-swatches-wrapper .bb-product-attribute-swatch-title,
.ax .smt-pb .attribute-swatches-wrapper:first-child .bb-product-attribute-swatch-title{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--tx)}
.ax .smt-pb .smt-pb-sel{font-weight:700;color:var(--tx)}
.ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text){position:relative;width:50px;height:50px;min-height:0;padding:2px;border-radius:6px;justify-content:center;overflow:hidden}
.ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text) img{width:100%;height:100%;flex:none;object-fit:contain}
.ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text) .smt-pb-dot{width:100%;height:100%;border-radius:4px;flex:none}
.ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text)>span[data-t]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text)>span[data-t]::after{display:none}
.ax .smt-pb .smt-pb-flist li:has(input:checked) .smt-pb-chip:not(.smt-pb-chip--text),
.ax .smt-pb .smt-pb-flist li:has(input:checked) label:hover .smt-pb-chip:not(.smt-pb-chip--text){border:2px solid var(--tx);box-shadow:none;color:inherit;font-weight:400;padding:1px}
.ax .smt-pb .smt-pb-w-none{display:none}
.ax-c-media{position:relative}
.ax-c-cart{border:0;padding:0;z-index:2;cursor:pointer}
.ax-c-cart:hover{color:var(--b)}
#ax-top{scroll-margin-top:var(--hdr)}
.ax-clip.is-fit{max-height:none}
.ax-clip.is-fit::after{display:none}
.ax-write{margin-top:28px;max-width:720px}
.ax-write h3,.ax-write h4{font-size:18px;font-weight:700;margin:0 0 12px}
.ax-write .col-12,.ax-write .col-md-8{width:100%;max-width:100%;padding:0}
.ax-write a{color:var(--b)}
.ax-write .btn-primary,.ax-write button[type="submit"]{background:var(--b);border-color:var(--b);color:#fff}
.ax-write .form-control:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(12,85,170,.15)}
.ax-mbar{bottom:var(--mbar,65px)}
.ax-box{display:flex;flex-direction:column}
.ax-box .ax-buy,.ax-mbuy .ax-buy{order:20}
.ax-box .ax-add,.ax-mbuy .ax-add{order:21}
.ax-box .ax-soc{order:30}
@media (max-width:1199.98px){
 .ax-side{grid-column:2}
}
@media (max-width:991.98px){
 .ax-main,.ax-rest,.ax-side{grid-column:1;grid-row:auto}
 .ax-mbuy{display:flex;flex-direction:column}
 .ax-mbar .ax-mbar-p{display:flex;flex-direction:column;justify-content:center;min-width:72px;line-height:1.1}
 .ax-mbar .ax-mbar-p b{font-size:16px;font-weight:800;color:var(--tx)}
 .ax-mbar .ax-btn{flex:1}
}
@media (max-width:767.98px){
 .ax-deal{order:-2}
 .ax-ttl,.ax-rate{order:-1}
 .ax .smt-pb .smt-pb-flist{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .ax .smt-pb .smt-pb-chip:not(.smt-pb-chip--text){flex:none;width:56px;height:56px}
 .ax .smt-pb .smt-pb-flist::-webkit-scrollbar{display:none}
}

/* ---- 20261019ali6: match approved preview ---- */
.ax-msvc{display:none}
.ax-pk-sel{font-weight:600}
.ax-empty.ax-empty-s{padding:14px 16px;margin-bottom:8px}
.ax-empty.ax-empty-s .ax-empty-i{display:none}
.ax-write{margin-top:8px}
.ax-write .ax-more-b{margin:8px 0}
.ax-write-f{margin-top:12px}
.ax-rate .ax-gs{margin-right:4px}
@media (max-width:991.98px){
 .ax-msvc{display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--ln)}
 .ax-mbuy .ax-btn{display:none}
}

/* ---- 20261019ali8: store card (from approved preview) ---- */
.ax-store{display:flex;align-items:center;gap:14px;background:var(--bg,#f5f5f5);border-radius:8px;padding:12px 20px}
.ax-store-l{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.ax-store-l img{width:46px;height:auto}
.ax-store>div{flex:1;min-width:0}
.ax-store-n{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--tx,#111)}
.ax-badge{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--b);background:#fff;border:1px solid #d6e4f5;border-radius:3px;padding:0 5px;line-height:17px}
.ax-store-m{font-size:12px;color:var(--g,#757575);margin-top:2px}
.ax-store-v{font-size:13px;font-weight:600;border:1px solid var(--tx,#111);border-radius:16px;padding:5px 16px;background:#fff;white-space:nowrap;color:var(--tx,#111)}
.ax-store-v:hover{border-color:var(--b);color:var(--b)}
.ax-h3{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:700;margin:20px 0 12px;color:var(--tx,#111)}
.ax-h3:hover{color:var(--b)}
@media (max-width:767.98px){
 .ax-store{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px 12px;padding:12px}
 .ax-store-v{grid-column:2;justify-self:start}
}

/* ---- 20261020soon1: "Available soon" page for draft products ---- */
.ax-soon{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:32px;padding:24px 0 8px;align-items:start}
.ax-soon-main{aspect-ratio:1/1;border:1px solid var(--ln);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ax-soon-main img{max-width:100%;max-height:100%;object-fit:contain}
.ax-soon-noimg{background:var(--bg);color:var(--g2)}
.ax-soon-th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.ax-soon-th button{width:60px;height:60px;border:1px solid var(--ln);border-radius:6px;background:#fff;padding:3px}
.ax-soon-th button.on{border-color:var(--b);box-shadow:0 0 0 1px var(--b)}
.ax-soon-th img{width:100%;height:100%;object-fit:contain}
.ax-soon-i .ax-ttl{font-size:20px;font-weight:700;margin:0 0 6px;line-height:1.3}
.ax-soon-n{display:flex;gap:12px;align-items:flex-start;background:var(--t1);border:1px solid #d6e4f5;border-radius:8px;padding:14px 16px;margin:16px 0;color:var(--b)}
.ax-soon-n b{display:block;font-size:17px;font-weight:700}
.ax-soon-n span{display:block;font-size:13px;color:var(--tx);margin-top:2px}
.ax-soon-d{margin-bottom:16px}
.ax-soon-b{display:flex;gap:10px;flex-wrap:wrap;max-width:460px}
.ax-soon-b .ax-btn{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;height:44px;margin:0}
.ax-soon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ax-soon-page .ax-more-b{margin-top:16px}
@media (max-width:991.98px){.ax-soon{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px}.ax-soon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767.98px){.ax-soon{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:12px}.ax-soon-main{max-width:420px;margin:0 auto}.ax-soon-i .ax-ttl{font-size:17px}.ax-soon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- 20261020nf1: AliExpress-style not-found page ---- */
.ax-nf{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 0 28px}
.ax-nf-i{width:132px;height:auto}
.ax-nf-t{font-size:13px;color:var(--g);margin:14px 0 8px}
.ax-nf-h{font-size:13px;font-weight:600;color:var(--b)!important;border:1px solid var(--b);border-radius:16px;padding:5px 16px}
.ax-nf-h:hover{background:var(--t1)}
.ax-nf-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ax-nf-page .ax-more-b{margin-top:20px}
@media (max-width:991.98px){.ax-nf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767.98px){.ax-nf{padding:28px 0 16px}.ax-nf-i{width:104px}.ax-nf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}