/* PawLots — 年轻化扁平风格：高饱和珊瑚橙 + 电光紫 + 薄荷绿 + 芒果黄，大圆角、粗字重、无阴影渐变 */
.variant-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:12px}.variant-selectors label{display:grid;gap:5px}.variant-selectors select{width:100%;padding:8px;border:1px solid var(--line);border-radius:10px}.variant-selectors>p,.variant-selectors>select{grid-column:1/-1}.variant-info{font-weight:600}.buy-btns button:disabled{opacity:.45;cursor:not-allowed}.gal-stage [data-variant-panel] img{width:100%;height:100%;object-fit:contain}
.plan-collection{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow-wrap:anywhere}.plan-theme{margin-top:20px}.plan-theme h4{margin-bottom:12px}.plan-section>.muted{margin-top:-8px}.plan-collection>h3{font-size:24px}@media(max-width:600px){.plan-collection{padding:12px}}
:root{
  --pri:#FF6B4A;--pri-d:#E9512F;--sec:#6C5CE7;--acc:#FFC93C;--mint:#2ED3A3;
  --ink:#1E1B3A;--ink2:#56527A;--mut:#716D88;--line:#E9E6EE;--bg:#FCFAF8;--card:#fff;
  --r:16px;--r-sm:10px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.narrow{max-width:1040px}
.muted{color:var(--mut)}.small{font-size:13px}.center{text-align:center}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:#fff;padding:8px;z-index:99}.skip:focus{top:12px}

/* top & nav */
.topbar{background:var(--ink);color:#fff;font-size:13px;font-weight:500}
.topbar .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,248,243,.92);backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:22px;height:74px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-.5px;flex-shrink:0}
.brand>*{flex-shrink:0}
.brand.light{color:#fff}
.menu{display:flex;gap:4px}
.menu a{padding:8px 12px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink2);white-space:nowrap}
.search{min-width:160px}
.menu a:hover{background:#FFE8DF;color:var(--pri)}
.search{flex:1;display:flex;align-items:center;background:#fff;border:2px solid var(--line);border-radius:999px;padding:0 16px;height:46px;max-width:420px}
.search:focus-within{border-color:var(--pri)}
.search .ico{width:18px;color:var(--mut)}
.search input{border:0;outline:0;flex:1 1 0;min-width:0;width:0;padding:0 10px;background:transparent;text-overflow:ellipsis}
.nav-act{display:flex;gap:10px;align-items:center;margin-left:auto}
.cur{display:flex;align-items:center;gap:4px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:0 10px;height:42px}
.cur .ico{width:16px;color:var(--sec)}
.cur select{border:0;background:transparent;font-weight:700;outline:0;cursor:pointer}
.icon-btn{position:relative;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.icon-btn svg{width:22px}
.badge{position:absolute;top:-4px;right:-6px;background:var(--acc);color:var(--ink);font-size:11px;font-weight:800;border-radius:999px;padding:1px 6px;border:2px solid var(--bg)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;height:auto;padding:8px 16px;border-radius:10px;border:1px solid #CFCAD9;background:#fff;font-size:14px;line-height:1.4;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{border-color:var(--sec);background:#F5F3FC}
.btn svg{width:20px}
.btn.primary{background:var(--pri);border-color:var(--pri);color:#fff}
.btn.primary:hover{background:var(--pri-d);border-color:var(--pri-d)}
.btn.ghost{background:transparent}
.btn.white{background:#fff;border-color:#fff;color:var(--ink)}
.btn.lg{min-height:46px;height:auto;padding:10px 20px;font-size:15px}
.btn.sm{min-height:34px;height:auto;padding:6px 12px;font-size:13px}
.btn.block{width:100%}
.pill{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:700;font-size:14px}
.chip{display:inline-block;font-size:12px;font-weight:700;background:#FFE8DF;color:var(--pri-d);padding:3px 9px;border-radius:999px}
.chip.mint{background:#D6F7EC;color:#109873}
.tag{position:absolute;top:12px;left:12px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--acc);color:var(--ink)}

/* hero */
.hero{padding:56px 0 40px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.04;font-weight:800;letter-spacing:-2px;margin:18px 0}
.hero h1 em{font-style:normal;color:var(--pri);position:relative}
.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;background:var(--acc);z-index:-1;border-radius:6px}
.lead{font-size:18px;color:var(--ink2);max-width:560px}
.cta{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}
.facts{display:flex;gap:12px;list-style:none;flex-wrap:wrap}
.facts li{background:#fff;border:2px solid var(--line);border-radius:var(--r-sm);padding:10px 16px;min-width:110px}
.facts b{display:block;font-size:22px;font-weight:800}
.facts span{font-size:13px;color:var(--mut)}
.hero-art{position:relative;height:460px}
.blob{position:absolute;display:grid;place-items:center;border-radius:40%}
.blob svg{width:62%}
.b1{width:250px;height:250px;background:#FFE3C2;left:12%;top:4%;border-radius:46% 54% 42% 58%;animation:fl 6s ease-in-out infinite}
.b2{width:200px;height:200px;background:#E6E2FF;right:2%;top:16%;border-radius:58% 42% 52% 48%;animation:fl 7s ease-in-out infinite .6s}
.b3{width:120px;height:120px;background:#FFF1C9;left:0;bottom:12%;animation:fl 5s ease-in-out infinite 1s}
.b4{width:110px;height:110px;background:#D6F7EC;right:30%;bottom:2%;border-radius:50%;animation:fl 6s ease-in-out infinite .3s}
.b5{width:96px;height:96px;background:#D9F4FF;right:0;bottom:18%;animation:fl 8s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-12px) rotate(3deg)}}
.float-card{position:absolute;left:30%;top:54%;background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:14px 16px;width:280px}
.float-card small{font-weight:700;color:var(--mut)}
.mini-tiers{display:flex;gap:6px;margin-top:8px}
.mini-tiers span{flex:1;background:var(--bg);border-radius:12px;padding:6px;text-align:center;font-size:12px;font-weight:600;color:var(--mut)}
.mini-tiers b{display:block;font-size:16px;color:var(--ink)}
.mini-tiers .on{background:var(--mint);color:#fff}.mini-tiers .on b{color:#fff}

/* sections */
.sec{padding:40px 24px}
.sec-hd{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.sec-hd a{font-weight:700;color:var(--pri)}
h2{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.15}
.sec h2.center{margin-bottom:28px}
.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.cat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 8px;border-radius:var(--r);background:#fff;border:2px solid var(--line);transition:.2s}
.cat:hover{border-color:var(--ink);transform:translateY(-4px)}
.cat b{font-size:14px;line-height:1.25;margin-top:8px}
.cat span{font-size:12px;color:var(--mut)}
.art{display:grid;place-items:center;border-radius:var(--r);aspect-ratio:1}
.art svg{width:58%}
.art-sm{width:76px;border-radius:20px}
.art-xs{width:44px;border-radius:12px}
.art-xl{width:100%;border-radius:28px}
.art-xl svg{width:52%}
.cat:nth-child(8n+1) .art{background:#FFE3C2!important}.cat:nth-child(8n+2) .art{background:#E6E2FF!important}.cat:nth-child(8n+3) .art{background:#FFE0D8!important}.cat:nth-child(8n+4) .art{background:#D6F7EC!important}
.cat:nth-child(8n+5) .art{background:#E6E2FF!important}.cat:nth-child(8n+6) .art{background:#FFF1C9!important}.cat:nth-child(8n+7) .art{background:#FFE0D8!important}.cat:nth-child(8n+8) .art{background:#D9F4FF!important}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--card);border-radius:var(--r);border:2px solid var(--line)}
.pcard{overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.pcard:hover{border-color:#BEB5D7;box-shadow:0 4px 16px #1E1B3A08}
.pimg{position:relative;padding:12px}
.pimg .art{border-radius:16px}
.pbody{padding:4px 16px 18px}
.pcat{font-size:12px;font-weight:700;color:var(--sec);text-transform:uppercase;letter-spacing:.6px}
.pcard h3{font-size:16px;font-weight:700;line-height:1.3;margin:4px 0 8px;min-height:42px}
.pprice b{font-size:22px;font-weight:800;color:var(--pri)}
.pprice span{font-size:13px;color:var(--mut);margin-left:4px}
.pmeta{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}
.star{font-size:13px;font-weight:700;color:#F0A800;margin-left:auto}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:24px}
.why svg{width:52px;margin-bottom:12px}
.why h3{font-size:18px;margin-bottom:6px}
.why p{color:var(--ink2);font-size:15px}
.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none}
.step-row li{background:var(--ink);color:#fff;border-radius:var(--r);padding:26px}
.step-row li:nth-child(2){background:var(--sec)}.step-row li:nth-child(3){background:var(--pri)}
.step-row i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acc);color:var(--ink);font-weight:800;font-size:20px;margin-bottom:12px}
.step-row p{opacity:.85}
.faq{display:grid;gap:10px;max-width:860px;margin:0 auto}
.faq details{background:#fff;border:2px solid var(--line);border-radius:var(--r-sm);padding:16px 20px}
.faq details[open]{border-color:var(--ink)}
.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--pri)}
.faq details[open] summary:after{content:"–"}
.faq p{margin-top:8px;color:var(--ink2)}
.band{background:var(--sec);color:#fff;border-radius:28px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.band p{opacity:.85;margin-top:6px}

/* listing */
.crumbs{font-size:14px;color:var(--mut);padding:20px 0 6px}
.crumbs a:hover{color:var(--pri)}
.list-hd{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:6px 0 16px;flex-wrap:wrap;min-width:0}
.list-hd>div{min-width:0;max-width:100%}
.list-hd h1{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-1px;overflow-wrap:anywhere}
.sort select{margin-left:6px;height:40px;border:2px solid var(--line);border-radius:999px;padding:0 12px;background:#fff;font-weight:600}
.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.fchip{padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--line);font-weight:600;font-size:14px}
.fchip small{color:var(--mut)}
.fchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.fchip.on small{color:#fff9}
.empty{text-align:center;padding:60px 0}
.empty .art{width:160px;margin:0 auto 16px}

/* product detail */
.pd{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:10px 0 30px}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.thumbs .art{width:100%}
.pd-info h1{font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.1;letter-spacing:-1px;margin:6px 0 8px}
.rating{color:#F0A800;font-size:15px;margin-bottom:10px}
.rating b{color:var(--ink)}
.tier-box{margin:20px 0;background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:20px}
.tier-hd{display:flex;justify-content:space-between;margin-bottom:12px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.tier{background:var(--bg);border:2px solid transparent;border-radius:var(--r-sm);padding:10px;text-align:left;cursor:pointer;transition:.15s}
.tier small{display:block;font-size:12px;color:var(--mut);font-weight:600}
.tier b{display:block;font-size:20px;font-weight:800}
.tier em{font-style:normal;font-size:12px;font-weight:800;color:#109873}
.tier em.base{color:var(--mut)}
.tier.on{background:var(--mint);border-color:var(--mint);color:#fff}
.tier.on small,.tier.on em{color:#fff}
.buy{margin-top:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;overflow:hidden;height:50px;flex:0 0 auto}
.qty button{width:46px;height:100%;padding:0;border:0;background:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center}
.qty input{width:110px;height:100%;padding:0;text-align:center;border:0;font-weight:800;font-size:18px;line-height:1;outline:0;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{display:none}
.calc{display:inline-flex;align-items:center;gap:18px;margin:0;min-height:50px;vertical-align:middle}
.calc span{color:var(--mut);font-size:12px;line-height:1.2}.calc b{display:block;color:var(--ink);font-size:20px;line-height:1.2;margin-top:4px}
.calc .t{color:var(--pri)}
.hint{font-size:14px;font-weight:600;color:var(--sec);margin:10px 0;min-height:22px}
.buy-btns{display:flex;gap:10px;flex-wrap:wrap}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:2px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.specs div{background:#fff;padding:10px 14px}
.specs div:last-child:nth-child(odd){grid-column:span 2}
.specs dt{font-size:12px;color:var(--mut);font-weight:600;text-transform:uppercase}
.specs dd{font-weight:600;font-size:14px}
.ok{color:#109873}
.pd-sec{margin:30px 0}
.pd-sec h2{margin-bottom:14px;font-size:26px}
.product-reviews{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.product-reviews .review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.product-reviews .review-heading h2{margin:0;font-size:24px}.review-policy{max-width:800px;margin:7px 0 0;color:var(--mut);font-size:12px;line-height:1.55}.review-overall{flex-shrink:0;padding:9px 13px;border-radius:10px;background:#FFF7E5;white-space:nowrap}.review-overall .rating{margin:0;font-weight:700}.review-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0;padding:12px;border-radius:12px;background:var(--bg)}.review-filters label{display:flex;align-items:center;gap:8px;min-width:0}.review-filters label>span{color:var(--mut);font-size:12px;white-space:nowrap}.review-filters select{height:36px;min-width:150px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:13px}.review-filters .btn{height:36px;min-height:36px;padding:0 14px;font-size:12px}.review-empty{margin-top:18px;padding:24px;border:1px dashed #DED8EA;border-radius:12px;background:#FCFBF8;text-align:center}.review-empty-stars{display:block;color:#D6A112;font-size:20px;letter-spacing:3px;line-height:1}.review-empty h3{margin:8px 0 0;color:var(--mut);font-size:14px;font-weight:500}.review-list{display:grid;gap:12px;margin-top:18px}.review-card{padding:18px;box-shadow:none}.review-card-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}.review-card-meta time{margin-inline-start:auto;color:var(--mut);font-size:12px}.review-card h3{margin:12px 0 7px;font-size:17px}.review-card .review-text{margin:0;line-height:1.65}.review-card blockquote{margin:14px 0 0;padding:10px 14px;background:var(--bg);border-inline-start:3px solid var(--pri);border-radius:8px}@media(max-width:600px){.product-reviews{padding:18px}.product-reviews .review-heading{display:block}.review-overall{display:inline-block;margin-top:12px}.product-reviews .review-filters{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;padding:8px}.product-reviews .review-filters label{position:relative;display:block;flex:1 1 0;width:0;min-width:0}.product-reviews .review-filters label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-reviews .review-filters select{display:block;width:100%;min-width:0;padding:0 4px;font-size:11px}.product-reviews .review-filters .btn{flex:0 0 auto;width:auto;min-width:0;padding:0 7px;font-size:10px;white-space:nowrap}.review-card-meta time{margin-inline-start:0;flex-basis:100%}}
.home-search-wrap{margin-top:28px}.home-product-search{display:flex;align-items:center;gap:10px;max-width:780px;margin:0 auto;padding:10px 12px;border:1px solid #E5DEEF;border-radius:18px;background:#fff;box-shadow:0 10px 30px #1E1B3A0D}.home-product-search .ico{display:grid;place-items:center;width:34px;color:var(--sec);flex:0 0 auto}.home-product-search input{flex:1 1 auto;min-width:0;height:46px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px}.home-product-search input:focus{box-shadow:none}.home-product-search:focus-within{border-color:#A999D8;box-shadow:0 0 0 4px #6C5CE714,0 10px 30px #1E1B3A0D}.home-product-search .btn{height:46px;min-height:46px;padding:0 24px;border-radius:12px;white-space:nowrap}
.review-product{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;padding:20px;margin-bottom:16px}.review-product-image{width:140px;height:140px;display:grid;place-items:center;border-radius:16px;background:#FFF7ED;overflow:hidden}.review-product-image img{width:100%;height:100%;object-fit:cover}.review-product-info{min-width:0}.review-product-kicker{display:block;color:var(--sec);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.review-product-info h1{margin:5px 0 8px;font-size:25px;line-height:1.25;overflow-wrap:anywhere}.review-product-info p{margin:5px 0}.review-product-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}.review-product-price b{margin-inline-start:6px;color:var(--pri);font-size:20px}.review-product-info>a{display:inline-block;margin-top:6px;color:var(--sec);font-size:12px;font-weight:700}.review-compose{padding:22px;gap:18px}.review-compose-head h2{margin:0;font-size:21px}.review-compose-head p{margin:6px 0 0;font-size:12px;line-height:1.55}.review-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-rating-field{min-width:0;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#FCFBFE}.review-rating-field legend{padding:0 5px;color:var(--ink2);font-size:13px;font-weight:700}.review-star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px}.review-star-input input{position:absolute;width:1px;height:1px;opacity:0}.review-star-input label{color:#D9D4E3;font-size:29px;line-height:1.1;cursor:pointer;transition:color .12s,transform .12s}.review-star-input input:checked~label{color:#F0A800}.review-star-input label:hover,.review-star-input label:hover~label{color:#FF8A5B;transform:translateY(-1px)}.review-star-input input:focus-visible+label{outline:2px solid var(--sec);outline-offset:2px;border-radius:4px}.review-dimensions{display:flex;align-items:center;gap:7px 16px;flex-wrap:wrap;margin-top:10px}.review-dimension{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:12px}.review-stars{color:#F0A800;letter-spacing:1px;white-space:nowrap}.review-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.review-photos a{display:block;width:82px;height:82px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}.review-photos img{display:block;width:100%;height:100%;object-fit:cover}.review-existing{padding:20px}.review-existing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.review-existing h2{margin:14px 0 8px;font-size:19px}.review-upload{display:grid;gap:9px}.review-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-upload-btn{position:relative;width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;margin:0;border:1.5px dashed var(--pri);border-radius:12px;color:var(--pri);background:#FFF9F5;font-size:27px;line-height:1;cursor:pointer}.review-upload-btn input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.review-upload-btn:focus-within{outline:2px solid var(--sec);outline-offset:3px}.review-upload-row>span{flex:1 1 260px;line-height:1.5}.review-upload-list{display:flex;gap:9px;flex-wrap:wrap}.review-upload-thumb{position:relative;width:82px;height:82px}.review-upload-thumb img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:10px}.review-upload-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#B7352A;font-size:15px;line-height:1;cursor:pointer}.review-submit{min-height:44px}.review-upload-btn:has(input:disabled){opacity:.45;cursor:not-allowed}@media(max-width:600px){.home-product-search{gap:6px;padding:8px;border-radius:14px}.home-product-search .ico{width:26px}.home-product-search input{font-size:14px}.home-product-search .btn{padding:0 14px;font-size:12px}.review-product{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.review-product-image{width:96px;height:96px}.review-product-info h1{font-size:19px}.review-product-price b{margin-inline-start:0;font-size:17px}.review-rating-grid{grid-template-columns:1fr}.review-compose{padding:16px}.review-star-input label{font-size:27px}}
.answer{background:#FFF1C9;border-radius:var(--r-sm);padding:16px 18px;margin-bottom:12px}
.rich-text{line-height:1.75;overflow-wrap:anywhere}.rich-text p{margin:0 0 14px}.rich-text h3{font-size:20px;margin:22px 0 10px}.rich-text ul,.rich-text ol{padding-inline-start:24px;margin:10px 0 16px}.rich-text blockquote{margin:14px 0;padding:10px 16px;border-inline-start:3px solid var(--pri);background:var(--bg);border-radius:8px}.rich-text a{color:var(--sec);font-weight:600;text-decoration:underline}.rich-text>*:last-child{margin-bottom:0}
.tbl{width:100%;border-collapse:collapse;margin-top:14px;background:#fff;border-radius:var(--r-sm);overflow:hidden}
.tbl caption{text-align:left;font-weight:700;padding:6px 0}
.tbl th,.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.tbl th{background:var(--bg);font-size:13px;color:var(--ink2)}
.tbl .total td{font-weight:800;font-size:17px}

/* cart / checkout */
.narrow h1{font-size:36px;font-weight:800;letter-spacing:-1px;margin:26px 0 18px}
.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.cart-lines{display:grid;gap:12px}
.cline,.account-main .cline{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(160px,180px);gap:16px;align-items:start;padding:16px;min-width:0}.cline-thumb{display:block;min-width:0;line-height:0;overflow:hidden}.cline-thumb .art,.thumb .art{width:100%;max-width:100%}.cinfo{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.cline-act{display:grid;gap:8px;justify-items:end;align-content:start;min-width:0;text-align:end}.cline-topline{display:flex;align-items:center;justify-content:flex-end;width:100%;min-width:0}.cline-calc{display:block;margin-top:6px;color:var(--mut);font-size:13px;overflow-wrap:anywhere}.cline-calc b{color:var(--ink2)}.cline-line-total{display:grid;gap:1px;min-width:0;overflow-wrap:anywhere}.cline-line-total small{color:var(--mut);font-size:11px}.cline-del{margin:0}.cline-del .x{width:34px;height:34px;border-radius:50%;line-height:1;font-size:18px;display:grid;place-items:center}
.save{background:#D6F7EC;color:#109873;font-weight:700;border-radius:999px;padding:1px 8px;font-size:12px}
.nudge{color:var(--sec);font-weight:600}.nudge.ok{color:#109873}
.cqty{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.cqty input{width:84px;height:38px;border:2px solid var(--line);border-radius:10px;text-align:center;font-weight:700}.cqty .btn{height:38px;padding:0 14px;border-radius:10px;white-space:nowrap}
.cline-t{font-size:18px;font-weight:800}
@media(max-width:820px){.cline,.account-main .cline{grid-template-columns:60px minmax(0,1fr)}.cline-calc{font-size:12px}.cqty input{width:64px}}
.x{width:30px;height:30px;border-radius:50%;border:0;background:var(--bg);font-size:18px;cursor:pointer}
.summary{padding:22px;position:sticky;top:96px}
.summary h3{margin-bottom:12px}
.summary .row{display:flex;justify-content:space-between;padding:6px 0;color:var(--ink2)}
.summary .row.save{color:#109873;font-weight:700;background:none;padding:6px 0;border-radius:0;font-size:inherit}
.summary .total{border-top:2px dashed var(--line);margin-top:8px;padding-top:12px;font-size:22px;font-weight:800;color:var(--ink)}
.summary .btn{margin-top:14px}
.form{padding:24px;display:grid;gap:12px}
.form h3{margin-top:8px}
.form label,.prose label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff;outline:0;font-weight:400}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--pri)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pays{display:grid;gap:10px}
.payopt input{position:absolute;opacity:0}
.payopt span{display:block;border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px 12px 46px;position:relative;cursor:pointer}
.payopt span:before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--mut)}
.payopt span:after{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:0;border-left:4px solid var(--c);border-radius:4px}
.payopt input:checked+span{border-color:var(--ink);background:var(--bg)}
.payopt input:checked+span:before{border:6px solid var(--pri)}
.payopt small{display:block;color:var(--mut);font-weight:500}
.alert{background:#FFE0D8;color:var(--pri-d);border-radius:var(--r-sm);padding:12px 16px;font-weight:600;margin-bottom:14px}
.alert.warn{background:#FFF1C9;color:#8A6200}
.success{display:flex;gap:18px;align-items:center;padding:20px;margin:26px 0 18px;background:#D6F7EC;border-color:var(--mint)}
.success h1{margin:0;font-size:28px}
.track{display:flex;list-style:none;gap:6px;margin:16px 0 20px}
.track li{flex:1;text-align:center;font-size:13px;font-weight:700;text-transform:capitalize;color:var(--mut)}
.track i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;margin:0 auto 4px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.track .on{color:var(--ink)}.track .on i{background:var(--mint);border-color:var(--mint);color:#fff}
.card .tbl{margin:0}
.card>form{padding:14px}
.demo-pay{padding:28px;margin:30px auto;max-width:460px;border-top:8px solid var(--c)}
.demo-hd{display:flex;justify-content:space-between;align-items:center;font-size:22px}
.demo-hd .tag{position:static;background:var(--acc)}
.amount{font-size:44px;font-weight:800;margin:14px 0 4px}
.amount small{font-size:16px;color:var(--mut)}
.fake-card{background:var(--ink);color:#fff;border-radius:16px;padding:20px;margin:16px 0;display:flex;justify-content:space-between;font-family:ui-monospace,monospace}
.demo-pay .btn{margin-top:10px}

.prose h1{font-size:40px;font-weight:800;letter-spacing:-1px;margin:26px 0 16px}
.prose h2{font-size:26px;margin:30px 0 10px}
.prose p{color:var(--ink2);margin-bottom:12px}
.prose .why-grid{margin-top:20px;grid-template-columns:repeat(2,1fr)}
.tier-demo{display:flex;gap:20px;align-items:center;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:20px}
.tier-demo svg{width:90px;flex:none}
.tier-demo ul{margin-left:18px;font-weight:600}

/* footer */
.foot{background:var(--ink);color:#fff;margin-top:60px;padding:50px 0 24px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.foot p{color:#C9C6E0;margin-top:12px;font-size:14px;max-width:360px}
.foot h4{font-size:15px;margin-bottom:10px}
.foot-grid a:not(.brand){display:block;color:#C9C6E0;font-size:14px;padding:3px 0}
.foot-grid a:hover{color:var(--acc)}
.pay-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:30px 0 16px;padding-top:20px;border-top:1px solid #ffffff22;font-size:13px;color:#C9C6E0}
.pay{font-style:normal;font-weight:800;font-size:13px;padding:5px 12px;border-radius:8px;background:#fff;color:var(--ink)}
.pay.stripe{color:#635BFF}.pay.awx{color:#612FFF}.pay.pk{color:#00B386}.pay.ll{color:#1A73E8}
.copy{font-size:13px;color:#8A86A3}

@media (max-width:1100px){.cats{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.menu{display:none}}
@media (max-width:820px){
  .hero-in,.pd,.cart-grid{grid-template-columns:1fr}.hero-art{height:320px}
  .grid,.why-grid{grid-template-columns:repeat(2,1fr)}.step-row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}.band{flex-direction:column;align-items:start}
  .search{display:none}.hide-sm{display:none}.f2{grid-template-columns:1fr}
  .calc{margin:0;display:flex}.buy .hint,.buy .buy-btns{flex-basis:100%}
}
@media (max-width:520px){.buy{gap:10px}.qty button{width:36px}.qty input{width:64px}.calc{gap:10px}.calc b{font-size:18px}.cats{grid-template-columns:repeat(2,1fr)}.grid{gap:12px}.pcard h3{font-size:14px}.float-card{left:4%;width:250px}.nav-in{height:auto;padding-top:12px;padding-bottom:12px}}

/* v1.0.1 测试环境：顶部标识条 + 访问密码页 */
.stg-bar{background:repeating-linear-gradient(45deg,#FFC93C 0 14px,#FFD866 14px 28px);color:var(--ink);text-align:center;font-size:13px;font-weight:800;padding:7px 12px;letter-spacing:.2px}
.stg-pill{display:inline-block;vertical-align:middle;background:#FFC93C;color:var(--ink);font-size:12px;font-weight:900;padding:3px 10px;border-radius:999px;margin-left:6px}
.gate-body{min-height:100vh;display:grid;place-items:center;background:var(--bg)}
.gate{width:min(400px,92vw);background:#fff;border:2px solid var(--ink);border-radius:28px;padding:36px 32px;text-align:center}
.gate-logo{display:flex;justify-content:center;margin-bottom:10px}
.gate h1{font-size:28px;margin:6px 0 10px}
.gate p{color:#56527A;margin:4px 0}.gate .gate-cn{font-size:13px;margin-bottom:18px}
.gate input[type=password]{width:100%;height:48px;border:2px solid #E6E2F0;border-radius:14px;padding:0 16px;font-size:16px;margin-bottom:12px;box-sizing:border-box}
.gate input:focus{outline:none;border-color:var(--pri)}
.gate-err{color:#E5484D;font-weight:700;font-size:14px;margin:-4px 0 12px}

/* ===== v1.0.2 多语言 / 账户 / 实拍图画廊 / 视频 / 地区屏蔽 ===== */
.lang select{max-width:118px}
.acct-link{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:999px;background:var(--sec);color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
.acct-link svg{width:18px;flex:none}
.search .ico,.cur .ico,.cur,.acct-link{flex-shrink:0}
@media (max-width:1320px){.menu a{padding:8px 9px;font-size:14px}.nav-in{gap:10px}.menu a{padding-inline:6px}}
.acct-link.ghost{background:#fff;color:var(--ink);border:2px solid var(--line)}
.acct-link.ghost:hover{border-color:var(--sec);color:var(--sec)}
.pay.tt{background:#2ED3A322}
.foot-lang{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;font-size:13px;color:#C9C6E0}
.foot-lang span{margin-right:6px}
.lang-pill button{border:1px solid #ffffff33;background:transparent;color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;cursor:pointer}
.lang-pill button:hover{border-color:var(--acc);color:var(--acc)}
.lang-pill button.on{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.art.ph{overflow:hidden;background:#fff}
.art.ph img{width:100%;height:100%;object-fit:cover}
/* 商品画廊 */
.gal-main{position:relative;border-radius:28px;overflow:hidden;background:#fff;aspect-ratio:1;border:2px solid var(--line)}
.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-count{position:absolute;right:14px;bottom:14px;background:#1E1B3ACC;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.gal-thumbs{grid-template-columns:repeat(5,1fr)}
.gal-th{border:2px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1;cursor:pointer;padding:0}
.gal-th img{width:100%;height:100%;object-fit:cover}
.gal-th.on{border-color:var(--pri)}
/* 主图和视频共用同一画廊；不为没有视频的商品渲染视频节点 */
.gal-stage{position:relative;width:100%;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#fff;border:2px solid var(--line)}
.gal-panel{width:100%;height:100%;position:absolute;inset:0}
.gal-panel[hidden]{display:none!important}
.gal-panel>img{width:100%;height:100%;object-fit:contain}
.gal-panel>.art-xl{height:100%;border-radius:0}
.gal-video-panel{display:flex;flex-direction:column;justify-content:center;background:var(--ink)}
.gal-video-panel .vbox{width:100%;max-height:100%;flex:0 1 auto}
.gal-thumbs{display:flex;gap:10px;flex-wrap:wrap}
.gal-thumbs .gal-th{width:calc((100% - 40px)/5);flex:0 0 calc((100% - 40px)/5);min-width:62px;position:relative}
.gal-art-thumb .art{width:100%;height:100%}
.gal-video-thumb{display:grid;place-items:center;position:relative;overflow:hidden;background:#E6E2FF;color:var(--ink);padding:0}
.gal-video-thumb img{width:100%;height:100%;object-fit:cover;grid-area:1/1}
.gal-video-thumb .gal-play{grid-area:1/1;z-index:1;background:#1E1B3AC9;color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px}
.gal-play{display:grid;place-items:center;background:var(--pri);color:#fff;border-radius:50%;width:32px;height:32px;font-size:14px;padding-left:2px}
/* 视频 */
.vjump{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 14px;padding:6px 14px;border:0;border-radius:999px;background:#E6E2FF;color:var(--sec);font-weight:700;font-size:14px;cursor:pointer}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px}
.vitem{background:#fff;border:2px solid var(--line);border-radius:var(--r);overflow:hidden;scroll-margin-top:90px}
.vhead{padding:12px 16px;font-weight:700}
.vbox{position:relative;aspect-ratio:16/9;background:var(--ink)}
.vbox iframe,.vbox video,.vplayer{position:absolute;inset:0;width:100%;height:100%;border:0}
.vfallback{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700}
.en-note{font-size:13px;color:var(--mut);margin-top:8px}
/* 结算/登录 */
.signed{background:#D6F7EC;color:#0F8E6A;border-radius:var(--r-sm);padding:8px 14px;font-weight:600;font-size:14px;margin-bottom:12px}
.signin-hint{background:#E6E2FF;color:var(--sec);border-radius:var(--r-sm);padding:8px 14px;font-size:14px;margin-bottom:12px}
.signin-hint a{font-weight:800;text-decoration:underline}
.auth-wrap{padding:50px 24px 70px;max-width:520px}
.auth-card{padding:36px 32px;text-align:center;display:grid;gap:12px}
.auth-card h1{font-size:28px;line-height:1.2}
.auth-logo{display:flex;justify-content:center}
.auth-logo svg{width:52px;height:52px}
.auth-btns{display:grid;gap:12px;margin:10px 0}
.authbtn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:54px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:16px;transition:transform .15s}
.authbtn:hover{transform:translateY(-2px);border-color:var(--ink)}
.authbtn.facebook{background:#1877F2;border-color:#1877F2;color:#fff}
.authbtn.facebook svg path{fill:#fff}
.authbtn em{position:absolute;right:14px;font-style:normal;font-size:11px;background:var(--acc);color:var(--ink);padding:1px 8px;border-radius:999px}
.auth-terms{margin-top:4px}
.demo-auth{border-top:6px solid var(--c);text-align:left}
.demo-auth h1,.demo-auth .auth-logo{text-align:center}
.demo-auth label{display:grid;gap:4px;font-weight:600;font-size:14px}
.demo-auth input{height:46px;border:2px solid var(--line);border-radius:12px;padding:0 14px}
/* 账户 */
.acct-hd{display:flex;align-items:center;gap:18px;margin:30px 0 10px}
.acct-hd h1{font-size:30px;line-height:1.2}
.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.avatar.ph{display:grid;place-items:center;background:#E6E2FF;color:var(--sec)}
.avatar.ph svg{width:34px}
.acct-out{margin-left:auto}
/* 消费者中心与邮箱表单 */
.email-auth{text-align:start;padding:0;margin:18px 0}.email-switch{font-weight:700;text-decoration:underline}.account-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.account-nav .on{background:var(--ink);color:#fff}.favorite-form{margin-top:10px}.pbody>.favorite-btn{margin-top:10px}.favorite-btn[aria-pressed=true]{background:#E6E2FF}.acct-order-link{display:flex;align-items:center;gap:8px}.order-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px}.acct-hd>div{min-width:0;overflow-wrap:anywhere}.demo-label{font-weight:700}.acct-hd .acct-out{margin-inline-start:auto}
@media(max-width:600px){.acct-hd{flex-wrap:wrap}.acct-hd h1{font-size:24px}.acct-hd .avatar{width:48px;height:48px}.acct-hd .acct-out{margin-inline-start:0}.account-nav .btn{flex:1 1 40%}.acct-order-link{flex-wrap:wrap}.wrap.narrow .tbl td,.wrap.narrow .tbl th{padding:8px 5px;font-size:12px;overflow-wrap:anywhere}.wrap.narrow .grid{grid-template-columns:1fr}}
/* 客户中心独立侧栏与评价 */
.account-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-width:0;gap:0;padding:0;align-items:stretch;background:#FBFAFE}.account-sidebar{position:relative;top:auto;display:flex;flex-direction:column;gap:14px;padding:24px 16px 28px;border-radius:0;background:#1E1B3A;box-shadow:none;min-height:calc(100vh - 120px)}.acct-side-hd{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 6px 12px;border-bottom:1px solid #FFFFFF1A}.acct-side-hd img,.acct-side-hd .ph{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:0 0 auto;display:grid;place-items:center;background:#FFFFFF14;color:#fff}.acct-side-hd .ph svg{width:19px;height:19px}.acct-side-hd b{display:block;color:#fff;font-size:13px;font-weight:800;line-height:1.3}.acct-side-hd small{display:block;color:#9F9BC0;font-size:11px;overflow-wrap:anywhere;line-height:1.3}.account-nav{display:flex;flex-direction:column;gap:4px;margin:0}.account-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#C9C6E0;font-weight:650;font-size:13px;overflow-wrap:anywhere}.account-nav a i{display:grid;place-items:center;width:20px;flex:0 0 20px;color:inherit;opacity:.9}.account-nav a i svg{width:17px;height:17px}.account-nav a:hover{background:#FFFFFF12;color:#fff}.account-nav .on{background:var(--pri);color:#fff;box-shadow:0 6px 16px #FF6B4A3D}.acct-side-foot{display:flex;align-items:center;gap:8px;margin-top:2px;padding:10px 12px;border-top:1px solid #FFFFFF1A;color:#9F9BC0;font-size:12px;font-weight:650}.acct-side-foot:hover{color:#fff}.account-main{min-width:0;padding-block:26px 48px}.account-main .acct-hd{margin-top:0}.account-main .cart-grid{grid-template-columns:minmax(0,1fr) 290px}.account-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-main .tbl{width:100%}.account-main td,.account-main th{overflow-wrap:anywhere}.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.address-card,.address-new{padding:20px}.address-card p{overflow-wrap:anywhere}.address-card details,.address-new form{margin-top:16px}.address-card summary,.address-new summary{cursor:pointer;font-weight:700}.address-actions form{display:flex;flex-wrap:wrap;gap:8px}.address-default{display:flex!important;align-items:center;gap:8px}.address-default input{width:auto!important;height:auto!important}.address-picker{padding:16px;display:flex;align-items:end;gap:12px;margin-bottom:20px;flex-wrap:wrap}.address-picker label{display:grid;gap:6px;flex:1}.address-picker select,.review-filters select{padding:10px;border:1px solid var(--line);border-radius:10px;max-width:100%;background:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.review-card{padding:20px;margin:16px 0}.review-text{white-space:pre-wrap;overflow-wrap:anywhere}.review-card blockquote{border-inline-start:3px solid var(--line);margin:16px 0 0;padding-inline-start:16px}.review-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.review-filters label{display:grid;gap:6px}.order-review-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.star{font-size:12px}.account-main .cline{min-width:0;grid-template-columns:64px minmax(0,1fr) auto}.account-main .cline .cinfo{min-width:0;overflow-wrap:anywhere}.account-main .summary{min-width:0}
@media(max-width:1050px){.account-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.account-main .cart-grid{grid-template-columns:1fr}.account-main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-layout{grid-template-columns:minmax(0,1fr);padding-block:20px;max-width:100%}.account-sidebar{position:static;padding:12px;gap:10px;min-width:0;max-width:100%;overflow:hidden}.acct-side-hd{padding-bottom:10px}.account-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;max-width:100%;gap:4px}.account-nav a{min-width:0;flex-direction:column;gap:5px;white-space:normal;padding:9px 3px;text-align:center;line-height:1.3}.account-nav a span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}.acct-side-foot{display:none}.account-main .grid{grid-template-columns:1fr}.account-main .tbl th,.account-main .tbl td{padding:8px 4px;font-size:12px}.account-layout{grid-template-columns:minmax(0,1fr)}.account-sidebar{min-height:0}.account-main .cline{grid-template-columns:56px minmax(0,1fr)}.account-main .cline-act{grid-column:1 / -1;justify-items:stretch;border-top:1px dashed var(--line);padding-top:10px;margin-top:2px}.account-main .cqty{justify-content:space-between}.account-main .cline-act .cline-t{justify-self:end}.account-main .cline-del{justify-self:end}.account-main .acct-hd h1{font-size:24px}.review-filters label{min-width:120px}}
/* 地区屏蔽 */
.geo-block{padding:90px 0;text-align:center}.geo-block p{max-width:560px;margin-inline:auto}
.geo-badge{font-size:64px;margin-bottom:10px}
/* 阿拉伯语从右到左 */
[dir=rtl] body{text-align:right}
[dir=rtl] .nav-act{margin-left:0;margin-right:auto}
[dir=rtl] .acct-out{margin-left:0;margin-right:auto}
[dir=rtl] .authbtn em{right:auto;left:14px}
[dir=rtl] .gal-count{right:auto;left:14px}
[dir=rtl] .center,[dir=rtl] .auth-card{text-align:center}
[dir=rtl] .tier-box,[dir=rtl] .specs,[dir=rtl] .crumbs{direction:rtl}
@media (max-width:820px){.acct-link span{display:none}.acct-link{width:42px;padding:0;justify-content:center}.lang select{max-width:70px}.vgrid{grid-template-columns:1fr}}

/* 公开联系页与附件上传 */
.contact-head{max-width:760px}.contact-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:36px}
.contact-card{padding:24px;display:grid;gap:12px;align-content:start;min-width:0}.contact-card h2{margin:0;font-size:20px;overflow-wrap:anywhere}.contact-card p{margin:0;overflow-wrap:anywhere}.contact-form{min-width:0}.contact-form>*{min-width:0}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#FFE8DF;color:var(--pri)}.contact-icon svg{width:24px}
.contact-email{font-size:17px;font-weight:800;color:var(--sec);overflow-wrap:anywhere}.contact-form{margin:0}.contact-form h2{margin:0}.contact-form>p{margin-top:-6px}
@media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-card{grid-template-columns:auto minmax(0,1fr);column-gap:14px}.contact-card .contact-icon{grid-row:1/5}.contact-card h2,.contact-card p,.contact-card a{grid-column:2}}
/* 询盘样品图片上传 */
.inq-upload{display:grid;gap:8px;margin:6px 0 2px}
.inq-upload strong{font-size:13px;color:var(--ink)}
.inq-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inq-upload-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--pri);border-radius:10px;cursor:pointer;margin:0;color:var(--pri);flex:0 0 auto;line-height:1}
.form .inq-upload-btn,.form .review-upload-btn{display:grid;place-items:center;gap:0}
.inq-upload-btn>.upload-plus,.review-upload-btn>.upload-plus{display:block;width:24px;height:24px;pointer-events:none}
.inq-upload-btn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}
.inq-upload-btn:focus-within{outline:2px solid var(--pri);outline-offset:3px}
.inq-upload-list{display:flex;gap:8px;flex-wrap:wrap}
.inq-thumb{position:relative;display:block;line-height:0}
.inq-thumb img{width:76px;height:76px;object-fit:cover;border:1px solid var(--line);border-radius:10px}
.inq-thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#B7352A;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.inq-file{position:relative;display:flex;align-items:center;gap:8px;max-width:260px;min-height:48px;padding:8px 24px 8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.inq-file>b{font-size:10px;color:var(--pri)}.inq-file>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inq-file .inq-thumb-remove{top:-6px;right:-6px}

/* 客户中心主区：沿用后台卡片与标题的克制样式，避免与侧栏风格割裂 */
.account-main>.acct-hd{margin:0 0 14px}
.account-main .pd-sec>h2{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 12px}
.account-main .card{border:1px solid #EDEAF6;border-radius:16px;box-shadow:0 1px 2px #1E1B3A0A;background:#fff}
.account-main .card form,.account-main .form label{min-width:0}
.account-main .form>label,.account-main .f2>label{font-size:12px;font-weight:700;color:var(--mut);gap:6px}
.account-main .tbl th{font-size:11px;letter-spacing:.03em;color:var(--mut);text-transform:none}
.account-main .alert.warn{border-radius:12px;background:#FFF6DC;border:1px solid #F3E2AE;color:#7A5B00;padding:10px 14px;font-size:13px}
.account-main .demo-label{display:inline-block;background:#EEEBF8;color:#5B5580;border-radius:999px;padding:3px 10px;font-size:11px;margin:0 0 12px}
@media(max-width:700px){.account-layout{gap:14px}.account-main .pd-sec>h2{font-size:15px}}

/* 订单中心：类电商订单卡（左商品明细、右金额与操作） */
.ord-list{display:grid;gap:12px}
.ord-card{border:1px solid #EDEAF6;border-radius:16px;background:#fff;overflow:hidden}
.ord-hd{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#FBFAFE;border-bottom:1px solid #F0EDF8;font-size:12px;color:var(--mut);flex-wrap:wrap;min-width:0}
.ord-hd>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.ord-hd .ord-date{font-weight:700;color:var(--ink2)}
.ord-no a{color:var(--ink);font-weight:700;text-decoration:none}
.ord-no a:hover{color:var(--sec)}
.ord-hd .st{margin-inline-start:auto}
.ord-bd{display:grid;grid-template-columns:minmax(0,1fr) 168px}
.ord-items{display:grid;min-width:0;align-content:start}
.ord-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px dashed #F0EDF8}
.ord-item:last-child{border-bottom:0}
.ord-thumb{width:56px;height:56px;border-radius:10px;background:#FAF9FD;border:1px solid var(--line);display:block;overflow:hidden;line-height:0}
.ord-thumb img{width:100%;height:100%;object-fit:contain}
.ord-it-main{display:grid;gap:3px;min-width:0}
.ord-it-main a{color:var(--ink);text-decoration:none;font-weight:700;font-size:13px;overflow-wrap:anywhere}
.ord-it-main a:hover{color:var(--sec)}
.ord-it-main small{font-size:11px;overflow-wrap:anywhere}
.ord-it-money{text-align:end;font-weight:700;white-space:nowrap;font-size:13px}
.ord-it-money small{display:block;font-weight:500;font-size:11px}
.ord-more{padding:0 16px 10px;font-size:11px;margin:0}
.ord-side{display:grid;align-content:center;gap:10px;justify-items:stretch;min-width:0;padding:12px 16px;border-inline-start:1px solid #F0EDF8;background:#FDFDFF;text-align:end}
.ord-amount{display:grid;gap:2px;justify-items:end;min-width:0;overflow-wrap:anywhere}
.ord-amount small{font-size:11px}
.ord-amount b{font-size:17px;font-weight:800;color:var(--ink)}
.ord-acts{display:grid;gap:6px;justify-items:stretch;min-width:0}
.ord-acts .btn{width:100%;min-width:0;max-width:100%;height:32px;min-height:32px;padding:0 10px;border-width:1px;font-size:12px;font-weight:600;white-space:nowrap;overflow-wrap:anywhere;text-align:center;line-height:30px}
.acct-out .btn{height:34px;min-height:34px;padding:0 14px;border-width:1px;font-size:12px;font-weight:600}
.ord-review{display:block;min-width:0;font-size:12px}
@media(max-width:700px){.ord-bd{grid-template-columns:minmax(0,1fr)}.ord-side{border-inline-start:0;border-top:1px solid #F0EDF8;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.ord-amount{justify-items:start;text-align:start}.ord-acts{justify-items:stretch}.ord-item{grid-template-columns:48px minmax(0,1fr);row-gap:6px}.ord-thumb{width:48px;height:48px}.ord-it-money{grid-column:2;text-align:start}.ord-hd{gap:8px}}

/* 订单状态徽标（前订单卡使用，配色与后台一致） */
.ord-hd .st{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:#EFECF8;color:#5B5580}
.ord-hd .st-pending,.ord-hd .st-unpaid{background:#FFF1C9;color:#8A6200}
.ord-hd .st-paid,.ord-hd .st-completed{background:#D6F7EC;color:#0F8E6A}
.ord-hd .st-processing,.ord-hd .st-shipped{background:#E6E2FF;color:#5443D6}
.ord-hd .st-cancelled,.ord-hd .st-refunded,.ord-hd .st-failed{background:#FFE0D8;color:#D9441F}

/* 手机页头使用短码覆盖原生语言 select，选项与 POST 字段仍为完整语言。 */
.lang-short{display:none}
.nav-act{margin-left:0;margin-inline-start:auto}
@media(max-width:820px){
  .nav .nav-in{flex-wrap:nowrap;gap:8px;min-height:60px;height:auto;padding:10px 12px}
  .nav .brand{font-size:18px;gap:5px;letter-spacing:-.5px}
  .nav .brand>svg{width:32px;height:32px}
  .nav .nav-act{width:auto;min-width:0;flex:0 0 auto;flex-wrap:nowrap;gap:4px;margin:0;margin-inline-start:auto}
  .nav-act .cur{height:36px;padding:0 5px;min-width:0;border-width:1px}
  .nav-act .cur:not(.lang){width:64px}
  .nav-act .cur:not(.lang) select{width:100%;min-width:0;height:34px;font-size:11px;padding:0}
  .nav-act .lang{position:relative;width:48px;justify-content:center;padding:0}
  .nav-act .lang .ico{display:none}
  .nav-act .lang-short{display:block;font-size:12px;font-weight:800;padding-inline-end:8px;pointer-events:none}
  .nav-act .lang:after{content:"";position:absolute;inset-inline-end:6px;top:14px;width:5px;height:5px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
  .nav-act .lang select{position:absolute;inset:0;width:100%;max-width:none;height:100%;opacity:0}
  .nav-act .lang:focus-within{outline:2px solid var(--sec);outline-offset:2px}
  .nav-act .acct-link,.nav-act .icon-btn{width:36px;height:36px;flex:0 0 36px;padding:0;justify-content:center}
  .nav-act .icon-btn svg{width:20px}
  .nav-act .badge{inset-inline-end:-3px;right:auto;top:-5px;padding:0 4px;font-size:10px}
}
@media(max-width:359px){.nav .brand>span{display:none}}

/* 分类与排序同一工具栏；details 在禁用 JS 时仍可展开真实分类链接。 */
.listing-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0 22px;align-items:start}
.listing-categories{min-width:0}
.listing-categories summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;overflow-wrap:anywhere}
.listing-categories summary>span{color:var(--mut)}
.listing-categories summary>b{min-width:0;font-size:13px}
.listing-categories summary:after{content:"⌄";margin-inline-start:auto;flex:0 0 auto}
.listing-categories[open] summary{border-color:var(--sec)}
.listing-categories .chips-row{position:absolute;inset-inline:0;top:100%;z-index:5;gap:6px;padding:12px;margin:6px 0 0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #1E1B3A14}
.listing-categories .fchip{max-width:100%;padding:6px 10px;min-height:36px;font-size:12px;overflow-wrap:anywhere}
.listing-toolbar .sort{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
.listing-toolbar .sort label{display:flex;align-items:center;gap:6px;min-width:0;width:100%;font-size:13px}
.listing-toolbar .sort label>span{flex:0 0 auto;overflow-wrap:anywhere;max-width:40%}
.listing-toolbar .sort select{width:100%;min-width:0;flex:1;height:42px;margin:0;border-radius:12px;padding:0 8px;font-size:13px}
@media(max-width:520px){.listing-toolbar{gap:8px}.listing-categories summary{padding:8px;font-size:12px;flex-wrap:wrap;gap:2px 6px}.listing-categories summary>b{font-size:12px}.listing-toolbar .sort label{align-items:stretch;flex-direction:column;gap:2px}.listing-toolbar .sort label>span{font-size:11px;max-width:100%}.listing-toolbar .sort select{flex:auto;height:36px;font-size:12px}.list-hd h1{font-size:26px}.list-hd p{font-size:13px}}

/* 统一游客和客户购物车轨道，避免客户区高作用域样式覆盖手机布局。 */
@media(max-width:820px){
  .cline,.account-main .cline{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:12px}
  .cline .cline-act,.account-main .cline .cline-act{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;justify-items:end;width:100%;border-top:1px dashed var(--line);padding-top:8px;margin-top:0;text-align:end}
  .cline .cline-topline{grid-column:2;grid-row:1;justify-content:flex-end}
  .cline .cline-line-total{grid-column:1;grid-row:1;justify-self:end}
  .cline .cqty,.account-main .cline .cqty{grid-column:1/-1;justify-content:flex-end;justify-self:end;max-width:100%;flex-wrap:wrap;gap:6px}
  .cline .cqty .btn{white-space:normal;height:auto;min-height:38px;padding:6px 10px;line-height:1.3;overflow-wrap:anywhere;max-width:calc(100% - 70px)}
  .cline .cline-t{font-size:17px}
}
@media(max-width:520px){.cline,.account-main .cline{grid-template-columns:56px minmax(0,1fr);gap:10px}}

/* 收藏专属布局：同一商品 DOM 在四种视图间切换，不继承账户 .grid。 */
.favorites{min-width:0}
.favorites .favorites-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.favorites .favorites-heading h2{margin:0;font-size:20px}
.favorites-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px}
.favorites-view{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:40px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}
.favorites-view svg{width:20px;height:20px;flex:0 0 20px}
.favorites-view span{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.favorites-view[aria-pressed=true]{background:#E6E2FF;border-color:var(--sec);color:var(--sec)}
.favorites-view:disabled{cursor:default}
.favorites-view:focus-visible,.favorites-categories button:focus-visible{outline:2px solid var(--sec);outline-offset:2px}
.favorites-layout,.favorites-items{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;align-items:start}
.favorites .favorite-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;min-width:0;align-items:start}
.favorites .favorite-item:hover{transform:none}
.favorites .favorite-item[hidden],.favorites-categories[hidden]{display:none}
.favorites .pimg{display:block;padding:0;min-width:0}
.favorites .pimg .art{width:100%;max-width:100%;overflow:hidden}
.favorites .pbody{padding:0;min-width:0;overflow-wrap:anywhere}
.favorites .pcat{font-size:11px;letter-spacing:0;text-transform:none;line-height:1.3}
.favorites h3{min-height:0;margin:4px 0 6px;font-size:15px;overflow-wrap:anywhere}
.favorites .pprice{display:flex;align-items:baseline;gap:3px 5px;flex-wrap:wrap;line-height:1.4}
.favorites .pprice b{font-size:18px}
.favorites .pprice span{font-size:12px;margin:0}
.favorites .pmeta{margin-top:6px;gap:4px 6px}
.favorites .chip,.favorite-status{font-size:11px;line-height:1.4}
.favorites .chip{padding:2px 6px}
.favorites .favorite-form{margin-top:8px;padding:0}
.favorites .favorite-btn{width:auto;max-width:100%;height:auto;min-height:34px;padding:6px 10px;border-width:1px;font-size:11px;white-space:normal;line-height:1.3;overflow-wrap:anywhere;text-align:center}
.favorites[data-favorites-view=double] .favorites-items{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;width:100%;justify-self:start}
.favorites[data-favorites-view=grid] .favorites-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.favorites[data-favorites-view=double] .favorite-item,.favorites[data-favorites-view=grid] .favorite-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;height:100%}
.favorites[data-favorites-view=category] .favorites-layout{grid-template-columns:140px minmax(0,1fr)}
.favorites-categories{display:grid;gap:4px;min-width:0;padding:6px;background:#EFECF8;border-radius:12px}
.favorites-categories button{display:flex;align-items:start;justify-content:space-between;gap:5px;min-width:0;min-height:36px;padding:8px;border:0;border-radius:8px;background:transparent;font-size:12px;text-align:start;line-height:1.35;overflow-wrap:anywhere;cursor:pointer}
.favorites-categories button span{min-width:0}
.favorites-categories button small{flex:0 0 auto;color:var(--mut)}
.favorites-categories button[aria-pressed=true]{background:#fff;color:var(--sec);font-weight:800}
.favorites[data-favorites-view=category] .favorite-item{grid-template-columns:72px minmax(0,1fr);padding:10px;gap:8px}
@media(max-width:820px){
  .favorites-views{gap:4px}
  .favorites-view{flex-direction:column;gap:4px;padding:7px 4px;font-size:11px;min-height:58px}
  .favorites .favorite-item{grid-template-columns:80px minmax(0,1fr);padding:10px;gap:10px}
  .favorites[data-favorites-view=double] .favorite-item,.favorites[data-favorites-view=grid] .favorite-item{grid-template-columns:minmax(0,1fr);padding:8px;gap:6px}
  .favorites[data-favorites-view=grid] .favorite-item{padding:5px}
  .favorites[data-favorites-view=grid] h3{font-size:12px}
  .favorites[data-favorites-view=grid] .pprice b{font-size:14px}
  .favorites[data-favorites-view=grid] .favorite-btn{padding:5px 3px;font-size:10px}
  .favorites[data-favorites-view=category] .favorites-layout{grid-template-columns:84px minmax(0,1fr);gap:7px}
  .favorites[data-favorites-view=category] .favorite-item{grid-template-columns:56px minmax(0,1fr);padding:7px;gap:7px}
  .favorites[data-favorites-view=category] h3{font-size:13px}
  .favorites[data-favorites-view=category] .pprice b{font-size:15px}
  .favorites-categories{padding:4px}
  .favorites-categories button{font-size:11px;padding:6px 4px;flex-wrap:wrap}
}
@media(max-width:520px){
  .home .hero{padding:24px 0 14px}
  .home .hero-in{gap:18px}
  .home .hero h1{font-size:34px;letter-spacing:-1px;margin:12px 0}
  .home .lead{font-size:15px}
  .home .cta{gap:8px;margin:16px 0}
  .home .cta .btn{height:auto;min-height:42px;padding:9px 14px;font-size:13px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
  .home .facts{gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .facts li{min-width:0;padding:7px 10px}
  .home .facts b{font-size:19px}
  .home .hero-art{display:none}
  .home .home-search-wrap{margin-top:12px}
  .home .sec{padding-block:24px}
  .home .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home .why-grid .why{min-width:0;padding:14px;overflow-wrap:anywhere}
  .home .why-grid h3{font-size:15px}
  .home .why-grid p{font-size:13px}
  .home-product-search{gap:6px;padding:8px}
  .home-product-search .ico{width:22px}
  .home-product-search input{height:40px;font-size:14px}
  .home-product-search .btn{white-space:normal;height:auto;min-height:40px;max-width:40%;padding:7px 9px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
}

/* 1.3.0: quieter account controls and separate item/pricing regions. */
.account-exit{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.account-exit .acct-out{margin:0!important}
.account-exit .btn{min-height:44px;color:var(--mut);border-color:var(--line)}
.cline-pricing{grid-column:2;grid-row:2;min-width:0}
.cline .cline-act{grid-column:3;grid-row:1 / span 2}
.favorites{position:relative}
.favorites-heading{padding-inline-end:50px;min-height:44px}
.favorites-display{position:absolute;inset-inline-end:0;top:0;z-index:5}
.favorites-display summary{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border-radius:8px;list-style:none}
.favorites-display summary::-webkit-details-marker{display:none}
.favorites-display summary:hover{background:#EFECF8}
.favorites-display summary:focus-visible{outline:2px solid var(--sec)}
.favorites-display .favorites-views{position:absolute;inset-inline-end:0;top:48px;width:220px;max-width:80vw;display:grid;grid-template-columns:1fr;margin:0;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #1E1B3A20}
.favorites-display .favorites-view{flex-direction:row;justify-content:flex-start;min-height:44px;font-size:13px;border:0}
.favorites .favorite-item{position:relative}
.favorites .favorite-form{position:absolute;inset-inline-end:4px;top:4px;margin:0}
.favorites .favorite-btn.favorite-remove{width:44px;min-height:44px;height:44px;padding:0!important;border:0;border-radius:50%;background:#ffffffed;font-size:22px!important}
.favorites .pimg{position:relative}
.favorites .pbody{padding-inline-end:24px}
.favorites[data-favorites-view=double] .pbody,.favorites[data-favorites-view=grid] .pbody{padding-inline-end:0}
@media(max-width:820px){
 .cline .cline-pricing{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--line);padding-top:10px}
 .cline .cline-act,.account-main .cline .cline-act{grid-column:1/-1;grid-row:auto}
 .cline-pricing .nudge{font-size:11px;line-height:1.5}
 .cline-pricing .cline-calc{font-size:14px;color:var(--ink)}
}
@media(max-width:700px){
 .ord-item{grid-template-columns:48px minmax(0,1fr)}
 .ord-item .ord-it-money{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:8px;margin-top:4px;text-align:end}
 .ord-item .ord-it-money small{order:-1}
 .account-exit .btn{width:100%}
}

/* 1.3.1 — shared visual hierarchy, compact controls, usable touch targets. */
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--sec);outline-offset:3px}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.form>.btn:not(.block){justify-self:start;width:auto;max-width:100%}
.nav{border-bottom-width:1px;background:rgba(252,250,248,.96)}
.search,.cur{border-width:1px}
.card{border-width:1px}
.pcard h3{font-weight:600}
.pbody{padding:4px 14px 16px}
.authbtn{height:46px;border-width:1px;border-radius:10px;font-size:14px;font-weight:600}
.authbtn:hover{transform:none}
.account-layout{grid-template-columns:220px minmax(0,1fr);background:#F8F8FB}
.account-nav .on{background:#FFFFFF18;box-shadow:none;color:#fff;border-inline-start:3px solid var(--pri)}
.account-nav a{border-radius:8px;font-weight:500}
.account-main .acct-hd h1{font-size:26px;font-weight:650;letter-spacing:-.5px}
.account-main .form{padding:20px;gap:10px}
.account-main .form>label,.account-main .f2>label{color:var(--ink2);font-weight:500;font-size:13px}
.account-main .pd-sec{margin-top:24px}
.account-main .avatar{width:56px;height:56px}
.account-main .card{box-shadow:none;border-radius:12px}
.account-main .form input,.account-main .form select{min-height:40px}
@media(max-width:1050px){.account-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:700px){
 .account-layout{grid-template-columns:minmax(0,1fr);padding-top:0;gap:0}
 .account-sidebar{padding:10px 12px;gap:8px}
 .account-nav a{padding:8px 3px;font-size:12px;gap:4px;min-height:56px}
 .account-nav .on{border-inline-start:0;box-shadow:inset 0 -2px var(--pri)}
 .account-main{padding-top:22px}
 .account-main .acct-hd{gap:12px}
 .account-main .acct-hd h1{font-size:22px}
 .account-main .avatar{width:44px;height:44px}
 .account-main .form{padding:16px}
 .btn,.btn.sm{min-height:44px}
 .form input,.form select,.form textarea,.home-product-search input{font-size:16px}
 .account-main .form input,.account-main .form select{min-height:44px}
 .auth-card{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* 1.3.2 — compact product purchase panel; pricing and cart semantics unchanged. */
.pd-info .tier-box{padding:14px;margin:14px 0;border:1px solid var(--line);border-radius:12px}
.pd-info .tier-hd{align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;line-height:1.4}
.pd-info .tier-hd b{font-weight:600}
.pd-info .tier-hd .muted{font-size:11px}
.pd-info .tiers{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);gap:6px;overflow-x:auto;padding-bottom:3px}
.pd-info .tier{padding:8px;border:1px solid transparent;border-radius:8px;text-align:start;min-height:70px;background:#F7F7FA}
.pd-info .tier small{font-size:10px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}
.pd-info .tier b{font-size:18px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
.pd-info .tier em{font-size:10px;font-weight:500;line-height:1.3}
.pd-info .tier.on{background:#FFF3ED;border-color:var(--pri);color:var(--pri-d)}
.pd-info .tier.on small{color:var(--ink2)}
.pd-info .tier.on em{color:var(--pri-d)}
.pd-info .tier:focus-visible{outline:2px solid var(--sec);outline-offset:-2px}
.pd-info .buy{gap:10px;margin-top:10px}
.pd-info .qty{height:36px;border:1px solid var(--line);border-radius:7px;background:#F7F7FA}
.pd-info .qty button{width:32px;font-size:18px;font-weight:500;background:transparent}
.pd-info .qty input{width:58px;font-size:16px;font-weight:500;background:transparent}
.pd-info .qty:focus-within{outline:2px solid var(--sec);outline-offset:2px}
.pd-info .calc{flex:1;justify-content:flex-end;gap:10px;min-height:36px;min-width:0}
.pd-info .calc span{font-size:10px;overflow-wrap:anywhere}
.pd-info .calc b{font-size:16px;font-weight:600;margin-top:2px}
.pd-info .buy .hint{flex-basis:100%;margin:0;min-height:0;font-size:11px;line-height:1.5;font-weight:400;color:var(--ink2)}
.pd-info .buy-btns{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.pd-info .buy-btns .btn{min-height:40px;padding:8px 12px;font-size:13px;line-height:1.4;border-radius:8px}
.pd-info .buy-btns .btn svg{width:17px;flex-shrink:0}
.pd-info .buy-btns .ghost{border-color:transparent;background:transparent;color:var(--ink2);font-size:12px;padding-inline:6px}
.pd-info>.favorite-form{display:inline-block;margin-top:6px}
.pd-info>.favorite-form .favorite-btn,.pd-info>.favorite-btn{min-height:32px;padding:4px 0;border:0;background:transparent;font-size:12px;font-weight:500;color:var(--sec);text-decoration:underline;text-underline-offset:3px}
.pd-info .variant-selectors{gap:8px;margin-bottom:0;font-size:12px}
.pd-info .variant-selectors p{margin:0;font-size:11px;line-height:1.5;font-weight:400}
@media(max-width:520px){
 .pd-info .tier-box{padding:12px}
 .pd-info .tiers{grid-auto-columns:minmax(76px,1fr)}
 .pd-info .lead{font-size:14px;line-height:1.5}
 .pd-info .buy-btns{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}
 .pd-info .buy-btns .btn{min-height:42px}
 .pd-info .calc{gap:8px}
 .pd-info .calc b{font-size:15px}
}
@media(max-width:520px){
 .pd+.pd-sec .tbl{width:100%;table-layout:fixed}
 .pd+.pd-sec .tbl th,.pd+.pd-sec .tbl td{overflow-wrap:anywhere}
}

/* 1.3.3 — catalog cards: image, two-line title, starting price and MOQ. */
.catalog-card{position:relative;border:0;border-radius:12px;box-shadow:none;min-width:0}
.catalog-card .pimg{padding:0}
.catalog-card .pimg .art{border-radius:12px;aspect-ratio:1;width:100%;height:auto}
.catalog-card .pbody{padding:10px 8px 12px;display:grid;gap:5px;min-width:0}
.catalog-card h3{margin:0;min-height:0;height:2.8em;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}
.catalog-card h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.catalog-card .pprice{display:flex;align-items:baseline;gap:5px;min-width:0;flex-wrap:wrap;line-height:1.4}
.catalog-card .pprice b{font-size:20px;font-weight:650;overflow-wrap:anywhere}
.catalog-card .pprice span{font-size:11px;margin:0;white-space:nowrap}
.catalog-moq{font-size:11px;line-height:1.5;color:var(--mut)}
.catalog-card>.favorite-form,.catalog-card>.favorite-icon{position:absolute;inset-inline-end:5px;top:5px;margin:0;z-index:1}
.catalog-card .favorite-icon{width:36px;height:36px;min-height:36px;padding:9px;border:0;border-radius:50%;color:var(--ink2);background:#FFFFFFE8;box-shadow:none}
.catalog-card .favorite-icon svg{width:18px;height:18px}
.catalog-card .favorite-icon[aria-pressed=true]{color:var(--pri-d);background:#FFFFFFF5}
.catalog-card .favorite-icon[aria-pressed=true] svg{fill:currentColor}
@media(max-width:520px){.catalog-card .pbody{padding:8px 5px 10px}.catalog-card .pprice b{font-size:19px}.catalog-card .favorite-icon{width:36px;height:36px;min-height:36px}}

/* 1.3.3 — mobile tiers are a price strip, not a row of cards. */
@media(max-width:700px){
 .pd-info .tier-box{border:0;border-radius:0;padding:12px 0;margin:12px 0;background:transparent}
 .pd-info .tier-hd{margin-bottom:8px;font-size:12px}
 .pd-info .tier-hd b{font-weight:500;color:var(--ink2)}
 .pd-info .tiers{gap:0;padding:0 0 10px;border-bottom:1px solid var(--line);grid-auto-columns:minmax(82px,1fr)}
 .pd-info .tier{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:3px 10px;border:0;border-inline-start:1px solid var(--line);border-radius:0;background:transparent}
 .pd-info .tier:first-child{border-inline-start:0;padding-inline-start:0}
 .pd-info .tier b{order:0;font-size:19px;line-height:1.3;color:var(--ink);font-weight:650}
 .pd-info .tier small{order:1;font-size:10px;line-height:1.4;color:var(--mut);font-weight:400}
 .pd-info .tier em{display:none}
 .pd-info .tier.on{background:transparent;border-color:var(--line)}
 .pd-info .tier.on b{color:var(--pri-d)}
 .pd-info .tier.on small{color:var(--mut)}
}

/* Mixed-color ordering: compact rows with independent quantities. */
.variant-buy{margin-top:16px;min-width:0}
.variant-buy h3{font-size:14px;font-weight:600;margin:0 0 10px}
.variant-list{display:grid;gap:4px}
.variant-row{display:grid;grid-template-columns:44px minmax(0,1fr) 96px;gap:9px;align-items:center;padding:8px 4px;border-inline-start:2px solid transparent;min-width:0}
.variant-row.selected{border-inline-start-color:var(--pri);background:#FFF7F2}
.variant-thumb{width:44px;height:44px;border-radius:5px;overflow:hidden}
.variant-thumb img,.variant-thumb .art{width:100%;height:100%;object-fit:cover}
.variant-detail{min-width:0}
.variant-name{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.variant-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-top:3px;line-height:1.3}
.variant-price{font-size:13px;font-weight:600}
.variant-meta small{font-size:10px;color:var(--mut)}
.variant-qty{display:flex;align-items:center;min-width:0}
.variant-qty button{display:grid;place-items:center;width:28px;height:30px;padding:0;border:0;border-radius:5px;background:#F3F3F6;font-size:18px;cursor:pointer;flex-shrink:0}
.variant-qty button:disabled{color:#C3C0CD;cursor:default}
.variant-qty input{width:40px;min-width:0;height:32px;border:0;background:transparent;text-align:center;font-size:16px;padding:0;appearance:textfield;-moz-appearance:textfield}
.variant-qty input::-webkit-inner-spin-button{display:none}
.variant-qty input:focus-visible{outline:2px solid var(--sec);border-radius:4px}
.variant-note{font-size:11px;color:var(--mut);line-height:1.5;margin:10px 0}
.variant-checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;background:var(--card)}
.variant-summary span{display:block;font-size:11px;color:var(--mut)}
.variant-total{font-size:20px;font-weight:650;color:var(--pri-d)}
.variant-checkout .btn{font-size:13px;min-height:42px;padding:8px 12px}
.variant-error{font-size:12px;color:#A53824;margin-top:8px}
@media(max-width:700px){
 .variant-checkout{position:sticky;bottom:0;z-index:10;padding:10px 0 max(10px,env(safe-area-inset-bottom));margin-top:8px}
 .variant-row{grid-template-columns:42px minmax(0,1fr) 92px;gap:7px}
 .variant-qty input{width:36px}
 .variant-thumb{width:42px;height:42px}
}
.pd-info,.pd-media{min-width:0}

/* 1.3.4 — compact listing header and aligned filter controls. */
.listing-title-short{display:none}
.listing-page .listing-categories .chips-row{max-height:60vh;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){
 .listing-page>.crumbs{margin:12px 0 8px;padding:0;font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .listing-page .list-hd{margin:0 0 12px;padding:0;gap:0}
 .listing-page .list-hd h1{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere}
 .listing-page .list-hd p,.listing-title-full{display:none}
 .listing-title-short{display:inline}
 .listing-page .listing-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;margin:0 0 14px}
 .listing-page .listing-categories summary{height:40px;min-height:40px;flex-wrap:nowrap;padding:0 10px;gap:6px;border-radius:8px;font-size:12px}
 .listing-page .listing-categories summary>b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500}
 .listing-page .listing-categories summary>span,.listing-page .sort label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .listing-page .sort label{display:block;position:relative;width:100%}
 .listing-page .sort select{display:block;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:12px;font-weight:500;background:#fff;color:var(--ink)}
 .listing-page .listing-categories[open] summary{border-color:var(--sec)}
}

/* Cart is a utility page: keep its heading subordinate to the items. */
.narrow h1.cart-title,h1.cart-title{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:0;margin:16px 0 12px}
.account-main h1.cart-title{margin-top:0}
@media(max-width:700px){
 .narrow h1.cart-title,h1.cart-title{font-size:20px;margin:12px 0 10px}
 .account-main h1.cart-title{margin-top:0}
}
.account-main>.pd-sec:first-child{margin-top:0}
.account-main .account-section-title{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:0;margin:0 0 12px}
.account-main .favorites-heading .account-section-title{margin:0}

/* Footer: separate brand information from navigation on small screens. */
.foot .foot-contact{display:flex;align-items:baseline;gap:8px;max-width:100%;min-width:0}
.foot .foot-contact>a{display:inline;min-width:0;overflow-wrap:anywhere;padding:0}
.foot-contact>span{flex-shrink:0}
@media(max-width:700px){
 .foot{margin-top:32px;padding:24px 0 18px}
 .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
 .foot-grid>div{min-width:0}
 .foot-grid .foot-brand{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid #FFFFFF22}
 .foot-brand .brand{font-size:21px;gap:9px}
 .foot-brand .brand svg{width:30px;height:30px}
 .foot-brand p{max-width:100%;font-size:12px;line-height:1.6;margin-top:9px}
 .foot-grid h4{font-size:13px;line-height:1.4;min-height:2.8em;margin:0 0 5px;font-weight:600;overflow-wrap:anywhere}
 .foot-grid a:not(.brand){font-size:12px;line-height:1.5;min-height:36px;padding:5px 0;overflow-wrap:anywhere}
 .foot .foot-contact>a{font-size:12px;min-height:0;padding:0}
 .foot .pay-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0;padding-top:16px}
 .foot .pay-row>span{grid-column:1/-1;font-size:11px;margin-bottom:3px}
 .foot .pay-row .pay{display:flex;align-items:center;justify-content:center;min-width:0;min-height:28px;padding:4px 2px;font-size:10px;border-radius:6px}
 .foot-lang{gap:5px;margin-bottom:14px}
 .foot-lang>span{flex-basis:100%;font-size:11px;margin:0 0 4px}
 .foot .copy{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
}

/* Wholesale guide: compact mobile reading hierarchy and tabular price example. */
.wholesale-page .tier-demo>div{flex:1;min-width:0}
.tier-example-table{width:100%;border-collapse:collapse;font-size:14px;text-align:start}
.tier-example-table th,.tier-example-table td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:start}
.tier-example-table th{font-size:12px;color:var(--mut);font-weight:500}
.tier-example-table td:last-child{font-weight:600;white-space:nowrap}
.tier-example-table tr:last-child td{border-bottom:0}
.tier-example-table small{font-size:11px;color:var(--mut);font-weight:400}
@media(max-width:700px){
 .wholesale-page.prose{font-size:13px;line-height:1.65}
 .wholesale-page.prose h1{font-size:23px;line-height:1.3;letter-spacing:-.3px;font-weight:650;margin:18px 0 12px}
 .wholesale-page.prose h2{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:0;margin:22px 0 10px;scroll-margin-top:85px}
 .wholesale-page.prose p{margin-bottom:10px}
 .wholesale-page.prose .answer{font-size:13px;line-height:1.65;padding:12px;border-radius:8px}
 .wholesale-page .tier-demo{display:block;padding:12px;border-width:1px;border-radius:10px}
 .wholesale-page .tier-demo>svg{display:none}
 .wholesale-page .tier-demo p{font-size:12px;line-height:1.5;margin-bottom:7px}
 .wholesale-page .tier-example-table{font-size:13px}
 .wholesale-page .tier-example-table th,.wholesale-page .tier-example-table td{padding:6px 2px}
 .wholesale-page>.tbl{table-layout:fixed;width:100%;font-size:12px}
 .wholesale-page>.tbl th,.wholesale-page>.tbl td{padding:8px 5px;overflow-wrap:anywhere}
}

/* Mobile product information: compact reading scale, complete specifications. */
@media(max-width:700px){
 .product-page .specs{border-width:1px;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-page .specs div{padding:8px 10px;min-width:0;overflow-wrap:anywhere}
 .product-page .specs dt{font-size:10px;line-height:1.4;font-weight:500;margin-bottom:3px}
 .product-page .specs dd{font-size:13px;line-height:1.45;font-weight:500}
 .product-page>.pd-sec{margin:22px 0}
 .product-page>.pd-sec h2{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:0;margin-bottom:10px}
 .product-page .product-overview{font-size:13px;line-height:1.65}
 .product-overview .answer{background:#F3F2F6;border-radius:8px;padding:10px 12px;margin-bottom:12px}
 .product-overview .rich-text{font-size:13px;line-height:1.65}
 .product-overview .rich-text p{margin-bottom:10px}
 .product-overview .rich-text h2,.product-overview .rich-text h3{font-size:15px;line-height:1.4;margin:16px 0 8px}
 .product-overview .rich-text ul,.product-overview .rich-text ol{padding-inline-start:20px;margin:8px 0 10px}
 .product-overview .en-note{font-size:11px;line-height:1.5;margin:8px 0}
 .product-overview .tbl{table-layout:fixed;font-size:12px;margin-top:12px;border-radius:8px}
 .product-overview .tbl caption{font-size:14px;font-weight:600;padding:6px 0;text-align:start}
 .product-overview .tbl th,.product-overview .tbl td{font-size:12px;line-height:1.45;padding:8px 6px;text-align:start;overflow-wrap:anywhere}
 .product-overview .tbl th{font-size:11px;font-weight:500}
 .product-overview .tbl th:first-child{width:40%}
}

/* Consistent compact mobile accordions on product, home and FAQ pages. */
@media(max-width:700px){
 .faq{gap:6px}
 .faq details{padding:0 12px;border-width:1px;border-radius:8px;min-width:0}
 .faq summary{min-height:44px;padding:10px 0;align-items:center;gap:12px;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
 .faq summary:after{font-size:18px;flex:0 0 14px;text-align:center}
 .faq details[open]{border-color:#C9C6D5}
 .faq details p{font-size:13px;line-height:1.65;margin:0;padding:0 0 12px;overflow-wrap:anywhere}
 .faq summary:focus-visible{outline:2px solid var(--sec);outline-offset:2px;border-radius:4px}
}

/* Home mobile hierarchy: browse sooner, keep supporting copy quiet. */
@media(max-width:700px){
 .home .hero{padding:18px 0 10px}
 .home .hero-in{grid-template-columns:minmax(0,1fr);gap:0}
 .home .hero-art{display:none}
 .home .hero .pill{font-size:11px;font-weight:500;border-width:1px;padding:4px 9px}
 .home .hero h1{font-size:26px;line-height:1.15;font-weight:650;letter-spacing:-.5px;margin:10px 0}
 .home .hero h1 em:after{height:6px;bottom:1px}
 .home .hero .lead{font-size:13px;line-height:1.6;margin:0}
 .home .cta{gap:8px;margin:12px 0}
 .home .cta .btn{font-size:12px;font-weight:500;line-height:1.4;padding:9px 12px;min-height:40px;height:auto;max-width:100%;overflow-wrap:anywhere}
 .home .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--line);padding:10px 0}
 .home .facts li{min-width:0;border:0;border-radius:0;background:transparent;padding:0 6px;text-align:center}
 .home .facts li+li{border-inline-start:1px solid var(--line)}
 .home .facts b{font-size:16px;line-height:1.4;font-weight:600;white-space:nowrap}
 .home .facts span{display:block;font-size:10px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
 .home .home-search-wrap{margin-top:10px}
 .home .home-product-search{padding:4px 6px;gap:6px;border-radius:10px;box-shadow:none}
 .home .home-product-search .ico{width:18px}
 .home .home-product-search input{height:40px;font-size:16px}
 .home .home-product-search .btn{font-size:11px;line-height:1.3;font-weight:500;padding:6px 9px;height:auto;min-height:40px;max-width:35%;white-space:normal;overflow-wrap:anywhere}
 .home .sec{padding-block:18px}
 .home .sec h2{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:0}
 .home .sec-hd{align-items:center;gap:12px;margin-bottom:12px}
 .home .sec-hd h2{min-width:0}
 .home .sec-hd a{font-size:12px;line-height:1.4;font-weight:500;flex:0 0 auto;max-width:34%}
 .home .sec h2.center{margin-bottom:14px}
 .home .cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
 .home .cat{border:0;background:transparent;border-radius:8px;padding:0;min-width:0;justify-content:start}
 .home .cat .art-sm{width:44px;border-radius:12px}
 .home .cat b{font-size:11px;font-weight:500;line-height:1.4;margin-top:6px;overflow-wrap:anywhere}
 .home .cat span{font-size:10px;line-height:1.4}
 .home .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .home .why-grid .why{padding:12px;min-width:0;border-width:1px;border-radius:10px}
 .home .why-grid svg{width:28px;margin-bottom:6px}
 .home .why-grid h3,.home .step-row h3{font-size:14px;line-height:1.4;margin-bottom:5px}
 .home .why-grid p,.home .step-row p,.home .band p{font-size:12px;line-height:1.6}
 .home .step-row{gap:8px}
 .home .step-row li{padding:14px;border-radius:10px}
 .home .step-row i{width:28px;height:28px;font-size:14px;margin-bottom:8px}
 .home .band{padding:18px;border-radius:12px;gap:12px}
 .home .band .btn{font-size:12px;min-height:40px;height:auto;padding:9px 12px}
}

/* Selected-item cart, with price and quantity beside the product. */
.cart-page .cart-selectable{padding-bottom:90px}
.cart-page .cline{position:relative;padding-inline-start:48px}
.cart-pick{position:absolute;inset-inline-start:4px;top:18px;width:40px;height:44px;display:grid;place-items:center}
.cart-pick input,.cart-all input{width:18px;height:18px;accent-color:var(--pri);cursor:pointer}
.cart-page .cline-line-total[hidden]{display:none}
.cart-page .cline-calc b{color:var(--pri);font-size:17px;font-weight:650}
.cart-page .cline-calc small{font-size:11px;color:var(--mut)}
.cart-dock{position:fixed;bottom:0;inset-inline:0;z-index:45;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:10px max(16px,calc((100vw - 1120px)/2)) calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 12px #1E1B3A06}
.cart-all{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px;margin-inline-end:auto;cursor:pointer}
.cart-dock-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 5px;max-width:220px}
.cart-dock-total b{font-size:18px;color:var(--pri);font-weight:650}
.cart-dock-total small{font-size:11px;color:var(--mut)}
.cart-dock-total small:last-child{flex-basis:100%;text-align:end;font-size:10px}
.cart-dock .btn{font-size:13px;min-height:44px;padding:10px 16px;white-space:normal;text-align:center;line-height:1.3}
.cart-dock .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){
 .cart-page .cart-selectable .cline{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px 10px;padding:12px 10px 12px 36px;border-radius:10px;min-width:0}
 [dir=rtl] .cart-page .cart-selectable .cline{padding:12px 36px 12px 10px}
 .cart-page .cart-pick{inset-inline-start:0;width:34px;top:22px}
 .cart-page .cline-thumb{grid-column:1;grid-row:1 / span 3}
 .cart-page .cline-thumb .art,.cart-page .cline-thumb img{width:64px;height:64px;border-radius:8px}
 .cart-page .cline .cinfo{grid-column:2;grid-row:1;min-width:0;padding-inline-end:20px}
 .cart-page .cline .cinfo b{font-size:13px;line-height:1.45;font-weight:500}
 .cart-page .cline .cinfo small{font-size:10px;line-height:1.4;margin-top:3px}
 .cart-page .cline .cline-pricing{grid-column:2;grid-row:2;border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}
 .cart-page .cline .cline-pricing .nudge{font-size:10px;line-height:1.4;order:2}
 .cart-page .cline .cline-act{grid-column:2;grid-row:3;border:0;padding:0;margin:0;display:block}
 .cart-page .cline .cline-topline{position:absolute;top:5px;inset-inline-end:3px}
 .cart-page .cline .cline-del .x{width:28px;height:28px;font-size:18px;background:transparent}
 .cart-page .cline .cqty{display:flex;justify-content:flex-end;gap:5px;align-items:center}
 .cart-page .cline .cqty input{width:62px;height:34px;padding:5px;font-size:16px;border-radius:6px}
 .cart-page .cline .cqty .btn{font-size:11px;min-height:34px;padding:6px 9px;border-radius:6px}
 .cart-page .cart-selectable>.summary{font-size:12px;padding:12px;border-radius:10px}
 .cart-page .cart-selectable>.summary h3{font-size:15px}
 .cart-dock{gap:8px;padding-inline:12px}
 .cart-dock .btn{max-width:35%;padding:9px 12px;font-size:12px}
 .cart-all{font-size:11px;gap:5px;flex-shrink:0}
 .cart-dock-total{max-width:45%}
 .cart-dock-total b{font-size:16px}
}

.cart-breakdown{align-self:start;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}
.cart-breakdown>summary{cursor:pointer;font-size:13px;font-weight:500}
.cart-breakdown .summary{border:0;padding:12px 0 0;position:static}
.cart-breakdown .summary h3{display:none}
@media(max-width:700px){.cart-page .cline .cqty .btn{max-width:none;flex:0 0 auto;min-width:60px;white-space:nowrap}.cart-breakdown .summary{font-size:12px}.cart-breakdown .summary .total{font-size:15px}}

.cart-page .cline .cart-stepper{display:flex;gap:0;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;justify-self:end;width:max-content}
.cart-page .cline .cart-stepper input{width:42px;height:28px;min-width:0;padding:0;border:0;border-radius:0;font-size:13px;font-weight:500;appearance:textfield;-moz-appearance:textfield}
.cart-stepper input::-webkit-inner-spin-button,.cart-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cart-stepper [data-cart-step]{width:26px;height:28px;padding:0;border:0;background:#F5F4F7;color:var(--ink);font-size:16px;cursor:pointer;flex:none}
.cart-stepper [data-cart-step]:disabled{opacity:.35;cursor:default}
.cart-stepper:focus-within{outline:2px solid var(--sec);outline-offset:2px}
@media(max-width:700px){
 .cart-page .cline .cline-pricing{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;padding-inline-start:74px}
 .cart-page .cline .cline-pricing .nudge{grid-column:1 / -1;order:initial}
 .cart-page .cline .cline-act{display:contents}
 .cart-page .cline-thumb{grid-row:1}
 .cart-page .cline-calc{white-space:nowrap}
 .cart-page .cline-calc b{font-size:15px}
}
@media(max-width:359px){.cart-page .cline .cline-pricing{padding-inline-start:0}}
@media(max-width:700px){
 .cart-page .cline .cart-stepper{grid-column:2;grid-row:1;flex-wrap:nowrap}
 .cart-page .cline .cline-calc{grid-column:1;grid-row:1;margin-top:0}
}
@media(max-width:700px){
 .ord-side{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .ord-side .ord-acts{justify-items:end}
 .ord-side .ord-acts .btn{width:auto;min-width:0;max-width:100%;height:auto;min-height:28px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;line-height:1.4;white-space:normal}
}

/* Remaining mobile reading and task surfaces share a compact hierarchy. */
@media(max-width:700px){
 .prose{font-size:13px;line-height:1.65}
 .prose h1{font-size:23px;line-height:1.3;font-weight:650;letter-spacing:-.3px;margin:18px 0 12px}
 .prose h2{font-size:17px;line-height:1.35;font-weight:600;letter-spacing:0;margin:22px 0 10px}
 .prose .answer{padding:10px 12px;border-radius:8px}
 .prose .why-grid{gap:8px;margin-top:14px}
 .prose .why{padding:12px;border-width:1px;border-radius:10px;min-width:0}
 .prose .why svg{width:28px;margin-bottom:6px}
 .prose .why h3{font-size:14px;line-height:1.4}
 .prose .why p{font-size:12px;line-height:1.6;margin:0}
 .contact-head .lead{font-size:13px;line-height:1.6}
 .contact-layout{gap:12px;margin-bottom:20px}
 .contact-card{padding:14px;gap:7px;border-radius:10px}
 .contact-card .contact-icon{width:30px;height:30px;border-radius:8px}
 .contact-card h2,.contact-form h2{font-size:17px;margin:0}
 .contact-email{font-size:14px;font-weight:600}
 .contact-form{padding:14px;gap:10px}
 .contact-form label{font-size:12px;font-weight:500}
 .contact-form>.btn{font-size:12px;min-height:40px;padding:9px 14px;height:auto}
 .auth-wrap{padding:20px 20px 30px}
 .auth-card{padding:18px 16px;gap:8px;border-radius:12px}
 .auth-logo svg{width:34px;height:34px}
 .auth-card h1{font-size:22px;font-weight:600}
 .auth-card>p{font-size:12px;line-height:1.6}
 .auth-card .email-auth{gap:10px}
 .auth-card .email-auth label{font-size:12px}
 .authbtn{min-height:40px;height:auto;padding:9px 12px;font-size:12px;line-height:1.4}
 .auth-btns{gap:8px;margin:6px 0}
 .product-page .pd-info h1{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:0;margin:4px 0 6px}
 .product-page .pd-info .lead{font-size:13px;line-height:1.6}
 .product-page .crumbs{font-size:11px;line-height:1.5;margin-block:12px}
 .product-page .product-reviews{padding:14px;border-radius:10px}
 .product-reviews .review-heading{gap:10px}
 .product-reviews .review-policy{font-size:11px;line-height:1.5}
 .product-reviews .review-empty{padding:14px 8px}
 .product-reviews .review-empty h3{font-size:13px}
 .product-reviews .review-empty-stars{font-size:20px}
 .product-reviews .review-filters{gap:8px;margin-block:12px}
 .product-reviews .review-filters label{font-size:11px;min-width:0;flex:1}
 .product-reviews .review-filters select{padding:6px;font-size:12px;max-width:100%;min-height:34px}
 .product-reviews .review-card{padding:12px;margin:10px 0}
 .product-reviews .review-card h3{font-size:14px}
 .product-reviews .review-text{font-size:13px;line-height:1.6}
 .checkout-page main h1,.order-page main h1{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.3px;margin:18px 0 12px;overflow-wrap:anywhere}
 .checkout-page .cart-grid{gap:14px}
 .checkout-page .form{padding:14px;gap:10px}
 .checkout-page .form h3{font-size:16px;margin-top:6px}
 .checkout-page .form label{font-size:12px;font-weight:500}
 .checkout-page .summary{padding:14px;font-size:13px}
 .checkout-page .summary h3{font-size:17px}
 .checkout-page .summary .btn{font-size:13px;min-height:40px;height:auto;padding:10px 14px}
 .order-page .track{margin-block:18px;gap:5px;font-size:11px}
 .order-page .track i{width:28px;height:28px;font-size:13px;margin-bottom:5px}
 .order-page .success{padding:14px;gap:10px;font-size:13px}
 .order-page .alert{font-size:12px;padding:10px 12px}
 .order-page .tbl{table-layout:fixed;font-size:12px}
 .order-page .tbl th,.order-page .tbl td{padding:8px 5px;overflow-wrap:anywhere}
 .order-page .tbl th:first-child{width:40%}
 .account-main .acct-hd{gap:10px;margin-bottom:18px}
 .account-main .acct-hd h1{font-size:20px;line-height:1.35}
 .account-main .acct-hd p{font-size:12px;line-height:1.6}
 .account-main .acct-hd .avatar{width:36px;height:36px}
 .account-main .address-card,.account-main .address-new{padding:14px;font-size:13px}
 .account-main .address-card h3{font-size:15px}
 .account-main .address-actions .btn{font-size:11px;min-height:30px;padding:6px 10px;height:auto}
 .account-main .alert{font-size:12px;padding:10px 12px}
 .empty{padding:28px 0;font-size:13px}
 .empty .art{width:80px;margin-bottom:12px}
 .empty h3{font-size:17px;line-height:1.4}
 .empty .btn{font-size:12px;min-height:38px;padding:8px 12px;height:auto}
}
@media(max-width:700px){
 .auth-card h1,.auth-card>p{margin:0}
 .auth-card .email-auth{padding:0;margin:6px 0}
 .auth-card .email-auth>p{margin:0;font-size:11px;line-height:1.5}
}

/* Account tabs already identify the current mobile list page. */
@media(max-width:700px){
 .account-compact .account-main{padding-top:12px}
 .account-compact .account-main>.wrap>.pd-sec{margin-top:0}
 .account-compact .account-main h1.cart-title,
 .account-compact .account-main h1.account-section-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 .account-compact .favorites-heading{justify-content:flex-start;min-height:32px;margin-bottom:8px;padding-inline-end:40px}
 .account-compact .favorites-heading>span{font-size:11px}
 .account-compact .favorites-display summary{width:32px;height:32px}
 .account-compact .favorites-display .favorites-views{top:36px}
}
@media(max-width:700px){
 .pd-info .tiers{grid-auto-columns:minmax(76px,1fr);align-items:stretch}
 .pd-info .tier{justify-content:flex-start;align-items:flex-start;padding:4px 6px;min-height:48px}
 .pd-info .tier b,.pd-info .tier small{white-space:nowrap;overflow-wrap:normal}
 .pd-info .tier b{font-variant-numeric:tabular-nums}
 .pd-info .tier .tier-unit{display:none}
 .pd-info .buy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px}
 .pd-info .buy>.qty{grid-column:1;grid-row:1;height:38px}
 .pd-info .buy>.buy-btns{display:contents}
 .pd-info .buy-btns>.primary{grid-column:2;grid-row:1;min-height:38px;height:auto;font-size:12px;padding:8px 10px}
 .pd-info .buy-btns>.ghost{grid-column:2;grid-row:2;justify-self:end;min-height:30px;padding:5px 0}
 .pd-info .buy>.calc{grid-column:1;grid-row:2;justify-content:flex-start;min-height:30px}
 .pd-info .calc .calc-unit{display:none}
 .pd-info .calc span{display:flex;align-items:baseline;gap:5px}
 .pd-info .calc b{margin:0}
 .pd-info .buy>.hint{grid-column:1 / -1;grid-row:3}
}
.product-dock[hidden]{display:none}
.purchase-sheet{border:0;padding:0;max-width:none;max-height:none}
.purchase-sheet:not([open]){display:none}
@media(max-width:700px){

 .product-dock{position:fixed;bottom:0;inset-inline:0;z-index:45;display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
 .product-dock .dock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;line-height:1.3;color:var(--ink2);max-width:24%;min-height:40px;text-align:center}
 .product-dock .dock-link svg{width:20px;height:20px}
 .product-dock .btn{flex:1;font-size:13px;font-weight:600;min-height:42px;height:auto;padding:10px 12px;white-space:normal;line-height:1.35}
 .purchase-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-height:85vh;max-height:85dvh;border-radius:16px 16px 0 0;background:var(--bg);overflow:auto;overscroll-behavior:contain;box-shadow:0 -8px 40px #1E1B3A20;animation:purchase-rise .2s ease-out}
 .purchase-sheet::backdrop{background:#14112566}
 .purchase-sheet-head{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:12px;padding:14px 16px 10px;background:var(--bg);border-bottom:1px solid var(--line)}
 .purchase-sheet .purchase-sheet-head h2{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0;flex:1;min-width:0}
 .purchase-sheet-head button{width:32px;height:32px;flex:none;border:0;border-radius:50%;background:#EFEDF3;color:var(--ink);font-size:23px;cursor:pointer}
 .purchase-sheet-content{padding:4px 16px calc(16px + env(safe-area-inset-bottom))}
 .purchase-sheet .tier-box{margin:8px 0 0;padding:8px 0}
 .purchase-sheet .variant-checkout{background:var(--bg)}
 @keyframes purchase-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
}
/* Price and MOQ share a compact row; purchase and favorite actions stay together. */
.catalog-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:4px 8px;flex-wrap:wrap;min-width:0}
.catalog-price-row .pprice{flex-wrap:nowrap;gap:3px}
.catalog-price-row .catalog-moq{white-space:nowrap}
.catalog-actions{display:flex;align-items:stretch;gap:6px;margin-top:2px}
.catalog-actions .favorite-form{position:static;margin:0;flex:none}
.catalog-actions .favorite-icon{position:static;flex:none;border:1px solid var(--line);border-radius:6px;background:#fff;width:32px;height:32px;min-height:32px;padding:7px}
.catalog-actions .catalog-add{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:32px;padding:5px 7px;font-size:11px;line-height:1.3;border:1px solid #FFD7CC;background:#FFF4EF;color:var(--pri-d);border-radius:6px;text-align:center}
.catalog-add svg{width:16px;height:16px;flex:none}
@media(max-width:700px){
 .catalog-price-row .pprice b{font-size:16px;line-height:1.4}
 .catalog-price-row .pprice span{font-size:9px}
 .catalog-price-row .catalog-moq{font-size:9px}
 .catalog-actions .catalog-add{font-size:10px}
 .catalog-card .catalog-actions .favorite-icon{width:32px;height:32px;min-height:32px}
}

@media(max-width:700px){
 .product-page>.pd{row-gap:12px}
}

/* Mobile account navigation: one consistent surface and fully filled active tab. */
@media(max-width:700px){
 .account-sidebar{background:#fff;border-bottom:1px solid var(--line);padding:10px 12px 12px;gap:10px}
 .acct-side-hd{padding:0 2px 8px;border-bottom:1px solid var(--line);gap:8px}
 .acct-side-hd b{color:var(--ink);font-size:12px;font-weight:600}
 .acct-side-hd small{color:var(--ink2);font-size:10px}
 .acct-side-hd .ph{background:#F2EFFB;color:var(--sec);width:28px;height:28px;border-radius:8px}
 .account-nav{gap:4px;padding:3px;background:#F5F4F8;border-radius:10px;align-items:stretch}
 .account-nav a{border:0;border-radius:7px;padding:8px 2px;min-height:52px;color:#68657C;font-size:11px;line-height:1.3;gap:5px;justify-content:center;box-shadow:none}
 .account-nav a i{width:18px;flex:0 0 18px;opacity:1}
 .account-nav a i svg{width:18px;height:18px}
 .account-nav a:hover{background:#ECEAF2;color:var(--ink)}
 .account-nav a.on,.account-nav a.on:hover{background:#FFE9E1;color:#B83B20;border:0;box-shadow:none;font-weight:600}
 .account-nav a:focus-visible{outline:2px solid var(--sec);outline-offset:1px}
}

/* Reserve fixed action-bar space after the footer, not before it. */
body:has(.cart-dock){padding-bottom:var(--action-dock-height,calc(90px + env(safe-area-inset-bottom)))}
@media(max-width:700px){
 body:has(.product-dock:not([hidden])){padding-bottom:var(--action-dock-height,calc(74px + env(safe-area-inset-bottom)))}
}
html{scroll-padding-bottom:var(--action-dock-height,0px)}

/* Checkout uses quiet surfaces and one clear payment selection indicator. */
.checkout-page main>.wrap{padding-block:16px 28px}
.checkout-page main h1{font-size:24px;font-weight:650;line-height:1.3;margin:0 0 16px;letter-spacing:-.4px}
.checkout-page .card{border:1px solid #E6E5EC;border-radius:12px;box-shadow:none}
.checkout-page .form{padding:20px;gap:12px}
.checkout-page .form h3{font-size:16px;line-height:1.4;font-weight:600;margin:8px 0 0;padding-top:14px;border-top:1px solid #EFEEF3}
.checkout-page .form h3:first-child{border:0;padding:0;margin:0}
.checkout-page .form label{font-size:12px;font-weight:500;color:var(--ink2);gap:6px;min-width:0}
.checkout-page .form input:not([type=radio]),.checkout-page .form select,.checkout-page .form textarea,.checkout-page .address-picker select{border:1px solid #DEDEE7;border-radius:7px;background:#FCFCFD;padding:9px 10px;font-size:14px;line-height:1.4;min-width:0;max-width:100%;color:var(--ink)}
.checkout-page .form textarea{min-height:68px;resize:vertical}
.checkout-page .form input:focus-visible,.checkout-page .form select:focus-visible,.checkout-page .form textarea:focus-visible,.checkout-page .address-picker select:focus-visible{outline:2px solid #FF6B4A40;outline-offset:1px;border-color:var(--pri)}
.checkout-page .signed,.checkout-page .signin-hint{font-size:12px;line-height:1.5;font-weight:400;padding:8px 10px;margin:0;border-radius:6px;background:#F0F8F4;color:#27735B;overflow-wrap:anywhere}
.checkout-page .address-picker{padding:14px;gap:10px;margin-bottom:14px;align-items:center}
.checkout-page .address-picker label{font-size:12px;min-width:0;flex-basis:100%;color:var(--ink2)}
.checkout-page .address-picker .btn{font-size:12px;padding:7px 12px;min-height:34px;border-radius:6px}
.checkout-page .address-picker>a{font-size:12px;margin-inline-start:auto;color:var(--sec)}
.checkout-page .pays{gap:8px}
.checkout-page .payopt{position:relative}
.checkout-page .payopt span{border:1px solid #DEDEE7;border-radius:8px;padding:11px 12px;padding-inline-start:38px;min-height:58px;background:#fff}
.checkout-page .payopt b{font-size:13px;line-height:1.4;font-weight:600;color:var(--ink)}
.checkout-page .payopt small{font-size:11px;line-height:1.5;margin-top:3px;font-weight:400}
.checkout-page .payopt span:after{display:none}
.checkout-page .payopt span:before{box-sizing:border-box;left:auto;inset-inline-start:12px;width:16px;height:16px;margin-top:-8px;border:1px solid #ABA9BB;background:#fff}
.checkout-page .payopt input:checked+span{border-color:#F5A28C;background:#FFF7F3}
.checkout-page .payopt input:checked+span:before{border:5px solid var(--pri)}
.checkout-page .payopt input:focus-visible+span{outline:2px solid var(--sec);outline-offset:2px}
.checkout-page .summary{padding:18px;font-size:13px}
.checkout-page .summary h3{font-size:16px;font-weight:600;margin-bottom:10px}
.checkout-page .summary .row{gap:14px;padding:5px 0;line-height:1.5}
.checkout-page .summary .row>span:last-child{text-align:end;font-variant-numeric:tabular-nums}
.checkout-page .summary .row.save{font-weight:500}
.checkout-page .summary .row.total{border-top:1px solid #E6E5EC;font-size:18px;font-weight:650;padding-top:12px;margin-top:8px;color:var(--ink)}
.checkout-page .summary .btn{border-radius:7px;font-size:13px;font-weight:600;min-height:42px;padding:10px 12px;margin-top:16px}
.checkout-page .summary p.small{font-size:11px;line-height:1.6;margin:8px 0 0}
@media(max-width:700px){
 .checkout-page main>.wrap{padding-block:14px 24px}
 .checkout-page main h1{font-size:20px;margin:0 0 12px}
 .checkout-page .cart-grid{gap:12px}
 .checkout-page .form,.checkout-page .summary{padding:14px}
 .checkout-page .form h3{font-size:14px}
 .checkout-page .form input:not([type=radio]),.checkout-page .form select,.checkout-page .form textarea,.checkout-page .address-picker select{font-size:16px}
 .checkout-page .summary h3{font-size:15px}
}

.demo-payment-page .demo-pay{padding:20px;margin:20px auto 28px;max-width:440px;border:1px solid var(--line);border-radius:12px;box-shadow:none}
.demo-payment-page .demo-hd{gap:12px;align-items:center;flex-wrap:wrap}
.demo-payment-page .demo-hd h1{font-size:19px;line-height:1.3;font-weight:650;margin:0;letter-spacing:0}
.demo-payment-page .demo-hd .tag{padding:4px 8px;font-size:10px;line-height:1.4;font-weight:500;border-radius:5px;background:#FFF3D1;color:#7D5D0B;max-width:100%}
.demo-notice{font-size:12px;line-height:1.6;color:var(--ink2);margin:12px 0 18px}
.demo-amount{display:grid;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.demo-amount>span{font-size:11px;color:var(--ink2)}
.demo-amount strong{font-size:28px;font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.demo-amount small{font-size:12px;font-weight:500;color:var(--ink2)}
.demo-details{margin:14px 0 18px;display:grid;gap:10px;font-size:12px;line-height:1.5}
.demo-details>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}
.demo-details dt{color:var(--ink2)}
.demo-details dd{margin:0;text-align:end;overflow-wrap:anywhere}
.demo-payment-page .demo-pay form{display:grid;gap:8px}
.demo-payment-page .demo-pay .btn{margin:0;min-height:40px;padding:9px 12px;font-size:12px;font-weight:600;border-radius:7px;line-height:1.4;white-space:normal}
.demo-back{display:block;text-align:center;font-size:12px;color:var(--sec);margin-top:14px;padding:5px}
@media(max-width:700px){.demo-payment-page .demo-pay{padding:16px;margin:14px auto 24px}.demo-amount strong{font-size:26px}}
.demo-payment-page .demo-pay form{padding:0;margin:0;background:transparent;border:0}
.demo-payment-page .demo-pay .btn.primary{background:var(--pri);border:1px solid var(--pri);color:#fff}
.demo-payment-page .demo-pay .btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink2)}

.order-page .success{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0;align-items:flex-start;gap:10px}
.order-success-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#E7F6EF;color:#168461;font-size:17px}
.order-page main .success h1{font-size:18px;line-height:1.4;margin:0 0 7px;letter-spacing:0;font-weight:600}
.order-page .order-reference{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere;color:var(--ink2)}
.order-page .order-reference b{font-weight:500;color:var(--ink)}
.order-page .demo-label{font-size:10px;line-height:1.5;font-weight:500;padding:4px 8px;border-radius:5px;margin:0 0 10px;max-width:100%}
.order-page .track{margin:16px 0;gap:4px}
.order-page .track li{font-size:10px;line-height:1.4;font-weight:500;min-width:0;overflow-wrap:anywhere}
.order-page .track i{width:23px;height:23px;font-size:11px;border-width:1px;margin-bottom:6px}
.order-page .order-detail-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.order-page .order-detail-table{font-size:13px}
.order-page .order-detail-table td:last-child{text-align:end;font-variant-numeric:tabular-nums}
.order-page .order-detail-card form{padding:12px}
.order-page .order-detail-card .btn{font-size:12px;min-height:36px;border-radius:6px;padding:8px 12px}
.order-page .order-continue{margin:14px 0;font-size:12px}
.order-page .order-continue a{display:inline-block;padding:8px 12px;color:var(--sec)}
@media(max-width:700px){
 .order-page .account-main{padding-top:12px}
 .order-page main .success h1{font-size:16px}
 .order-page .success{padding:12px;margin-top:0}
 .order-page .order-detail-table,.order-page .order-detail-table tbody{display:block;width:100%}
 .order-page .order-detail-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .order-page .order-detail-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px;border-bottom:1px solid var(--line)}
 .order-page .order-detail-table td{display:block;border:0;padding:0!important;font-size:12px;min-width:0}
 .order-page .order-detail-item td:first-child{grid-column:1/-1;font-size:13px;line-height:1.5}
 .order-page .order-detail-item td small{font-size:10px}
 .order-page .order-detail-item td[data-label]:before{content:attr(data-label);display:block;color:var(--ink2);font-size:10px;margin-bottom:2px}
 .order-page .order-detail-item td:last-child{font-weight:600}
 .order-page .order-detail-table tr.order-detail-shipping,.order-page .order-detail-table tr.total{grid-template-columns:minmax(0,1fr) auto;padding-block:10px}
 .order-page .order-detail-table tr.total{border-bottom:0;background:#FAFAFC}
 .order-page .order-detail-table tr.total td{font-size:14px;font-weight:600}
}

/* Connect order milestones; logical positioning supports RTL locales. */
.order-page .track{gap:0}
.order-page .track li{position:relative;isolation:isolate;padding-inline:2px}
.order-page .track li:not(:first-child):before{content:"";position:absolute;inset-inline-start:calc(-50% + 16px);top:11px;width:calc(100% - 32px);height:2px;background:var(--line);z-index:-1}
.order-page .track li.on:not(:first-child):before{background:var(--mint)}
.order-page .track i{position:relative;z-index:1;box-shadow:0 0 0 4px #FBFAFE}

.order-filters{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:2px 0 10px;margin-bottom:8px;scrollbar-width:thin}
.order-filters a{display:flex;align-items:center;gap:5px;flex:none;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink2);font-size:12px;line-height:1.4;white-space:nowrap}
.order-filters small{font-size:10px;min-width:16px;text-align:center;color:inherit;opacity:.8;font-variant-numeric:tabular-nums}
.order-filters a[aria-current=page]{background:#FFE9E1;border-color:#FFD4C6;color:#B83B20;font-weight:600}
.order-filters a:focus-visible{outline:2px solid var(--sec);outline-offset:1px}
@media(max-width:700px){.order-filters a{font-size:11px;padding:7px 9px}}

.review-page .review-product{grid-template-columns:72px minmax(0,1fr);padding:14px;gap:12px;align-items:start;margin-bottom:12px;border-radius:10px;box-shadow:none}
.review-page .review-product-image{width:72px;height:72px;border-radius:8px}
.review-page .review-product-image .art{width:100%;height:100%}
.review-page .review-product-kicker{font-size:10px;letter-spacing:.03em;font-weight:500}
.review-page .review-product-info h1{font-size:16px;font-weight:600;line-height:1.4;margin:3px 0 5px}
.review-page .review-product-info p{font-size:11px;line-height:1.5;margin:3px 0;overflow-wrap:anywhere}
.review-page .review-product-price{gap:6px}
.review-page .review-product-price b{font-size:14px;font-weight:600;margin:0}
.review-page .account-main>.wrap>.demo-label{display:block;border-radius:6px;font-size:11px;font-weight:400;line-height:1.5;padding:7px 9px;margin:0 0 12px;background:#F0EDF8}
.review-page .review-compose,.review-page .review-existing{padding:14px;border-radius:10px;gap:12px;box-shadow:none}
.review-page .review-compose-head h2{font-size:16px;font-weight:600;line-height:1.4}
.review-page .review-compose-head p{font-size:11px;line-height:1.5;margin-top:5px}
.review-page .review-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.review-page .review-rating-field{padding:8px;border-radius:7px;background:#FCFCFE}
.review-page .review-rating-field legend{font-size:11px;font-weight:500;max-width:100%}
.review-page .review-star-input{gap:0;justify-content:space-between}
.review-page .review-star-input label{font-size:22px;line-height:1;min-height:32px;flex:1;display:grid;place-items:center}
.review-page .review-compose>label{font-size:12px;font-weight:500}
.review-page .review-compose>label input,.review-page .review-compose textarea{font-size:16px;border-radius:7px;padding:9px 10px}
.review-page .review-upload>strong{font-size:12px;font-weight:500}
.review-page .review-upload-btn{width:44px;height:44px;border-width:1px;border-radius:7px}
.review-page .review-upload-row{gap:9px}
.review-page .review-upload-row>span{flex:1 1 140px;font-size:11px}
.review-page .review-submit{font-size:12px;min-height:40px;padding:9px 12px;border-radius:7px}
.review-page .review-existing h2{font-size:15px}
.review-page .review-existing .review-text,.review-page .review-existing blockquote{font-size:12px;line-height:1.6}
.review-page .review-existing .chip{font-size:10px;padding:4px 7px;border-radius:5px}
.review-page .account-main>.wrap>p:last-child{font-size:12px;margin:14px 0}
@media(max-width:700px){.review-page .account-main{padding-top:12px}.review-page .review-product{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:12px}.review-page .review-product-image{width:60px;height:60px}.review-page .review-product-info h1{font-size:14px}}

/* Favorites: keep removal out of the product image and in the content flow. */
.favorites .pbody{padding-inline-end:0;display:flex;flex-direction:column}
.favorites .favorite-form{position:static;inset:auto;align-self:flex-end;margin:4px 0 0;padding:0}
.favorites .favorite-btn.favorite-remove{display:grid;place-items:center;width:32px;height:32px;min-height:32px;border:1px solid #F5D8D0;border-radius:7px;background:#FFF5F1;color:#C64B2C}
.favorites .favorite-btn.favorite-remove svg{width:17px;height:17px}
.favorites .favorite-btn.favorite-remove[aria-pressed=true] svg{fill:currentColor}
.favorites .favorite-btn.favorite-remove:hover{background:#FFE9E1}

.favorite-form{position:relative}
.favorite-error{display:block;font-size:11px;line-height:1.4;color:#B53324;max-width:220px;margin-top:4px}

/* Quiet inline favorite action, shared by all four favorite views. */
.favorites .favorite-price-row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
.favorites .favorite-price-row .pprice{min-width:0;gap:3px;flex-wrap:wrap}
.favorites .favorite-price-row .favorite-form{flex:0 0 28px;align-self:center;margin:0;position:relative}
.favorites .favorite-btn.favorite-remove{width:28px;height:28px;min-height:28px;border:0;border-radius:4px;background:transparent;color:#8A8493;box-shadow:none}
.favorites .favorite-btn.favorite-remove svg{width:14px;height:14px}
.favorites .favorite-btn.favorite-remove[aria-pressed=true] svg{fill:#C7C1CB;stroke:#8A8493}
.favorites .favorite-btn.favorite-remove:hover{background:transparent;color:var(--pri)}
.favorites .favorite-price-row .favorite-error{position:absolute;inset-inline-end:0;top:100%;width:180px;background:white;padding:6px;z-index:3}
.favorites[data-favorites-view=grid] .favorite-item{grid-template-rows:auto 1fr}
.favorites[data-favorites-view=grid] .pbody,.favorites[data-favorites-view=double] .pbody{align-self:stretch}
.favorites[data-favorites-view=grid] .favorite-price-row,.favorites[data-favorites-view=double] .favorite-price-row{margin-top:auto}
@media(max-width:700px){
 .favorites[data-favorites-view=grid] .pprice span{font-size:9px}
 .favorites[data-favorites-view=grid] .pprice span:last-child{display:none}
 .favorites[data-favorites-view=grid] .pprice b{font-size:13px;white-space:nowrap}
}

@media(max-width:700px){
 .catalog-card h3{font-size:12px;line-height:1.4;height:auto;min-width:0}
 .catalog-card h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:unset}
 .catalog-card .pbody{gap:4px;align-content:start}
 .catalog-card{align-self:start}
}

.product-reviews.reviews-compact-empty{padding:12px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;scroll-margin-top:80px}
.product-reviews.reviews-compact-empty h2{font-size:15px;margin:0}
.product-reviews.reviews-compact-empty p{font-size:12px;margin:0}

/* Product favorite shares the mobile purchase dock. */
@media(max-width:700px){
 body:has(.product-dock:not([hidden])) .pd-inline-favorite{display:none}
 .product-dock{gap:8px;padding-inline:12px}
 .product-dock .dock-favorite{flex:0 0 36px;order:0}
 .product-dock .dock-link:first-of-type{order:1}
 .product-dock>button{order:2;min-width:0}
 .product-dock .dock-favorite .favorite-form{margin:0}
 .product-dock .dock-favorite .favorite-btn{display:flex;align-items:center;justify-content:center;width:36px;min-height:42px;padding:8px;border:0;background:transparent;box-shadow:none;color:var(--ink2)}
 .product-dock .dock-favorite svg{width:20px;height:20px}
 .product-dock .dock-favorite [aria-pressed="true"]{color:var(--pri)}
 .product-dock .favorite-error{position:absolute;bottom:100%;inset-inline-start:0;width:200px;padding:8px;background:white}
}

/* Direct category navigation, shared with the home page's visual vocabulary. */
.listing-icon-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 8px;margin:16px 0}
.listing-icon-category{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;line-height:1.35;color:var(--ink);min-width:0;border-radius:8px}
.listing-icon-category .category-art{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:2px solid transparent;box-sizing:border-box}
.listing-icon-category .category-art .art{width:100%;height:100%;border-radius:12px}
.listing-icon-category .category-art img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.listing-icon-category[aria-current="page"]{color:#C44928;font-weight:600}
.listing-icon-category[aria-current="page"] .category-art{border-color:var(--pri)}
.listing-icon-category:hover .category-art{box-shadow:0 0 0 2px #FFDBCF}
.listing-icon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.listing-all{font-size:13px;padding:8px 12px;border-radius:8px;color:var(--ink2)}
.listing-all.on{background:#FFEAE2;color:#B94224;font-weight:600}
.listing-icon-toolbar .sort{margin:0;max-width:65%;width:auto}
.listing-icon-toolbar .sort select{height:36px;min-height:36px;padding-block:5px;font-size:12px}
@media(max-width:700px){
 .listing-icon-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;margin:12px 0}
 .listing-icon-category{font-size:11px;gap:5px}
 .listing-icon-toolbar{grid-template-columns:none}
}

/* Compact in-page sorting, avoiding the mobile native select dialog. */
.listing-sort{position:relative;max-width:75%;margin-inline-start:auto;font-size:12px}
.listing-sort>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;list-style:none;box-sizing:border-box}
.listing-sort>summary::-webkit-details-marker{display:none}
.listing-sort-options{position:absolute;inset-inline-end:0;top:calc(100% + 5px);z-index:30;width:max-content;min-width:180px;max-width:min(260px,calc(100vw - 32px));padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #211d391a}
.listing-sort-options a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:7px 10px;border-radius:6px;box-sizing:border-box;color:var(--ink2);line-height:1.4}
.listing-sort-options a[aria-current]{background:#FFF1EB;color:#B94224;font-weight:600}
.listing-sort-options a:hover{background:#F5F3F8}
.listing-sort summary:focus-visible,.listing-sort-options a:focus-visible{outline:2px solid var(--sec);outline-offset:2px}

/* The mobile All filter already identifies the full catalog. */
@media(max-width:700px){
 .listing-page .listing-all-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

.shipment-page{padding-top:16px;padding-bottom:24px}.shipment-page h1{font-size:20px;margin:14px 0}.shipment-page h1 small{font-size:13px;font-weight:400}.shipment-info,.shipment-events{padding:16px;margin:12px 0}.shipment-tracking h2{font-size:16px;margin:0 0 12px}.shipment-info p{font-size:13px;margin:7px 0;overflow-wrap:anywhere}.shipment-events ol{list-style:none;margin:0;padding:0 0 0 8px}.shipment-events li{position:relative;border-left:1px solid #dedce6;padding:0 0 24px 22px;font-size:13px}.shipment-events li:last-child{border-left-color:transparent;padding-bottom:0}.shipment-events li:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#c7c4d1}.shipment-events li.current:before{background:#ff6848}.shipment-events time,.shipment-events strong,.shipment-events span{display:block}.shipment-events time,.shipment-events span{font-size:12px;color:#777387}.shipment-events strong{margin:5px 0;font-weight:500}.shipment-events li.current strong{color:#c1492d}