/* product_info.css — 产品详情页（main_page=product_info 自动加载，2026-09-05 上线）
   规矩：PHP 模板不写 style；全部规则限定在 .sll-pi 下；配色/字体沿用附加页与分类页。
   老 stylesheet.css 对 #productGeneral、.info-xxx、#xsell_products、.TabbedPanels 的规则用更高特异性覆盖。
   ☠ 注释里绝不能出现 星号+斜杠（哪怕是 .info-* / 这种写法），会提前结束注释、吃掉后面第一条规则（2026-09-05 踩过：变量声明整块丢失，全页颜色变黑）。 */
.sll-pi{--sll-ink:#0d1b2a;--sll-text:#4b5563;--sll-muted:#6b7280;--sll-line:#e5e7eb;--sll-line-2:#f1f3f6;--sll-wash:#f3f6fa;--sll-brand:#1b5fa8;--sll-brand-deep:#164e8a;--sll-brand-tint:#e9f1fb;--sll-price:#16a34a;--sll-green:#15803d;--sll-red:#e53e3e;--sll-font:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--sll-radius:12px;
  font-family:var(--sll-font);color:var(--sll-text);font-size:16px;line-height:1.6;text-align:left;width:auto;float:none;padding:0}
.sll-pi *,.sll-pi *::before,.sll-pi *::after{box-sizing:border-box}
.sll-pi img{max-width:100%;height:auto}
.sll-pi a{color:var(--sll-brand)}
.sll-pi .clear,.sll-pi .clearBoth{clear:both}
.sll-pi .sll-section{margin:0 0 40px}
.sll-pi .sll-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.sll-pi .sll-section-head h2{font-family:var(--sll-font);font-weight:700;font-size:24px;line-height:1.25;color:var(--sll-ink);margin:0;padding:0;border:0;background:none;text-align:left}
.sll-pi .sll-section-head .sll-note{font-size:14px;color:var(--sll-muted)}

/* ---------- 顶部两栏 ---------- */
.sll-pi .sll-pi-top{display:grid;grid-template-columns:580px minmax(0,1fr);gap:40px;align-items:start;margin:8px 0 36px}
.sll-pi .sll-gallery{width:auto;float:none}
.sll-pi #productMainImage{margin:0;overflow:hidden;text-align:left;width:auto;float:none}
.sll-pi #mainImg #jqzoom{border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff}
.sll-pi #scrollImg img{border-radius:6px;border:1px solid var(--sll-line);padding:2px}
.sll-pi #scrollImg img:hover,.sll-pi #scrollImg li.hover img{border-color:var(--sll-brand)}
/* 2026-09-05 用户批准：configuration.GPE_SCROLL_VERTICAL 1196 true→false，副图从左侧改到主图下方（回滚 SQL 见 docs/db_backup/configuration_GPE_SCROLL_VERTICAL_20260905.tsv）。
   横排模式 GPE 输出 #mainImg.leftDiv + .clear + #smallImg.scrollLevel（#imgPrev / #scrollImg / #imgNext 三个 float）。
   主图铺满 580px 列（原图 800×800，zen_image 写死 470 的宽高属性，这里用 CSS 压过）；副图行用 flex 排，jCarouselLite 自己给 #scrollImg 定宽。 */
.sll-pi #mainImg.leftDiv{float:none;width:100%;margin:0}
/* ☠ height 不能加 !important：jqzoom 在 Chrome 上（jQuery 1.4.4 把 Chrome 认成 safari）会把 <img> 改成 position:absolute，
   靠给 <a> 写行内 height 撑住高度；!important 压掉行内高度 → <a> 塌成 0 + overflow:hidden → 主图整张被裁掉（2026-09-05 踩过）。 */
.sll-pi #mainImg #jqzoom{display:block;overflow:hidden;width:100% !important;height:auto;box-sizing:border-box}   /* 老 stylesheet 写死 480×480，宽压掉、高交给 jqzoom */
.sll-pi #mainImg #jqzoom img,.sll-pi #mainImg .zoomPad>img{width:100% !important;height:auto !important;display:block}
.sll-pi #smallImg.scrollLevel{display:flex;align-items:center;gap:8px;margin:12px 0 0;width:100%}
.sll-pi #smallImg.scrollLevel #imgPrev,.sll-pi #smallImg.scrollLevel #imgNext{flex:0 0 14px;margin:0;float:none}
.sll-pi #smallImg.scrollLevel #scrollImg{float:none;margin:0 auto}
.sll-pi #smallImg.scrollLevel #scrollImg.noButton{padding:0}
.sll-pi #smallImg.scrollLevel #scrollImg li{float:left;margin:0 4px}
.sll-pi #smallImg.scrollLevel #scrollImg img{width:80px;height:auto}
.sll-pi #smallImg.scrollLevel .clear{display:none}

.sll-pi .sll-buy{width:auto;float:none}
.sll-pi h1#productName{font-family:var(--sll-font);font-weight:700;font-size:28px;line-height:1.25;color:var(--sll-ink);margin:0 0 10px;padding:0;border:0;text-align:left;background:none}
.sll-pi .sll-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px;color:var(--sll-muted);margin-bottom:14px;line-height:1.4}
.sll-pi .sll-meta .promodel b{color:var(--sll-text);font-weight:600}
.sll-pi .sll-meta .reviewsx{display:inline-flex;align-items:center;gap:6px;float:none;margin:0;padding:0}
.sll-pi .sll-meta .reviewsx img{height:16px;width:auto;vertical-align:middle}
.sll-pi .sll-meta .reviewsx .meanbj{color:var(--sll-text);font-weight:600;background:none !important;padding:0;margin:0 0 0 2px;border-radius:0}
.sll-pi .sll-meta .reviewsx a{color:var(--sll-brand);text-decoration:none}
.sll-pi .sll-meta .sll-stock{display:inline-flex;align-items:center;gap:6px;color:var(--sll-green);font-weight:600}
.sll-pi .sll-meta .sll-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sll-green)}
.sll-pi .musheji_decbox{font-size:14px;margin:0 0 14px;padding:10px 14px;background:var(--sll-wash);border-radius:8px}

/* 价格盒 */
.sll-pi .sll-price-box{border:1px solid var(--sll-line);border-radius:var(--sll-radius);padding:16px 18px;margin-bottom:18px;background:var(--sll-wash)}
.sll-pi #productPrices{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:0;background:none;font-family:var(--sll-font);font-weight:700;font-size:34px;color:var(--sll-price);line-height:1;font-variant-numeric:tabular-nums;text-align:left}
.sll-pi #productPrices .sll-price-label{font-size:13px;color:var(--sll-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.sll-pi #productPrices .normalprice{font-size:16px;color:var(--sll-muted);text-decoration:line-through;font-weight:400}
.sll-pi #productPrices .productSpecialPrice,.sll-pi #productPrices .productBasePrice,.sll-pi #productPrices .productSalePrice{color:var(--sll-price);font-size:34px;font-weight:700}
.sll-pi #productPrices .productPriceDiscount{font-size:13px;font-weight:700;color:var(--sll-red);background:#fde8e8;border-radius:6px;padding:3px 8px}
.sll-pi #productPrices .productPriceDiscount::before,.sll-pi #productPrices .normalprice::before,.sll-pi #productPrices .productSpecialPrice::before{content:none}
.sll-pi .porinoftext{display:none}
.sll-pi #productQuantityDiscounts{margin:12px 0 0;width:auto;float:none}
.sll-pi #productQuantityDiscounts table{width:100%;border-collapse:separate;border-spacing:0;background:none;border:0}
.sll-pi #productQuantityDiscounts td{border:0;background:none;padding:0}
.sll-pi #productQuantityDiscounts tr:first-child td{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sll-muted);font-weight:600;text-align:left;padding:0 0 8px}
.sll-pi #productQuantityDiscounts tr:first-child td b{font-weight:600}
.sll-pi #productQuantityDiscounts tr:nth-child(2){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}
.sll-pi #productQuantityDiscounts tr:nth-child(2) td{display:block;background:#fff;border:1px solid var(--sll-line);border-radius:8px;padding:8px 6px;text-align:center;font-size:17px;font-weight:700;color:var(--sll-ink);line-height:1.5;font-variant-numeric:tabular-nums}
.sll-pi #productQuantityDiscounts tr:nth-child(2) td::first-line{font-size:12px;font-weight:600;color:var(--sll-muted);letter-spacing:.04em}
.sll-pi #productQuantityDiscounts tr:nth-child(2) td:first-child{border-color:var(--sll-brand);background:var(--sll-brand-tint)}
.sll-pi #productQuantityDiscounts tr:nth-child(2) td[colspan]{display:none}
.sll-pi #productQuantityDiscounts tr:nth-child(3) td{font-size:12px;color:var(--sll-muted);text-align:left;padding:8px 0 0}

/* 规格选项：单选做成药丸，下拉保留原生 select */
.sll-pi #productAttributes{margin:0 0 6px;width:auto;float:none;padding:0;border:0;background:none}
.sll-pi #productAttributes #attribsOptionsText{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sll-muted);font-weight:600;margin:0 0 10px;padding:0;border:0;background:none;font-family:var(--sll-font)}
.sll-pi #productAttributes .wrapperAttribsOptions{margin:0 0 14px;padding:0;display:grid;grid-template-columns:190px minmax(0,1fr);gap:8px 14px;align-items:center;border:0;background:none}
.sll-pi #productAttributes .optionName{margin:0;padding:0 4px 0 0;font-size:14px;font-weight:600;color:var(--sll-ink);float:none;width:auto;font-family:var(--sll-font);background:none;border:0;white-space:normal;line-height:1.3;overflow-wrap:anywhere}
.sll-pi #productAttributes .optionName label{font-weight:600;color:var(--sll-ink)}
.sll-pi #productAttributes .back{float:none;width:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sll-pi #productAttributes .clear{display:none}
.sll-pi #productAttributes input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0}
.sll-pi #productAttributes input[type=radio]+label.attribsRadioButton{display:inline-block;padding:7px 14px;border:1px solid var(--sll-line);border-radius:999px;font-size:14px;color:var(--sll-text);cursor:pointer;background:#fff;transition:.15s;margin:0;line-height:1.4;font-weight:400}
.sll-pi #productAttributes input[type=radio]:checked+label.attribsRadioButton{border-color:var(--sll-brand);background:var(--sll-brand-tint);color:var(--sll-brand-deep);font-weight:600}
.sll-pi #productAttributes input[type=radio]:focus-visible+label.attribsRadioButton{outline:2px solid var(--sll-brand);outline-offset:2px}
.sll-pi #productAttributes input[type=checkbox]{margin:0 4px 0 0}
.sll-pi #productAttributes select{font:inherit;font-size:14px;padding:8px 36px 8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234b5563' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;color:var(--sll-text);max-width:100%;height:auto;line-height:1.4}
.sll-pi #productAttributes .attributesComments,.sll-pi #productAttributes .ProductInfoComments{font-size:13px;color:var(--sll-muted);margin:0 0 8px}

/* 数量 + 加购 */
.sll-pi #cartAdd{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 14px;width:auto;float:none;padding:0}
.sll-pi #cartAdd p{width:100%;margin:0;font-size:13px;color:var(--sll-muted)}
.sll-pi #cartAdd .sll-qty-label{font-size:14px;font-weight:600;color:var(--sll-ink)}
.sll-pi #cartAdd span{padding:0}
.sll-pi #cartAdd .sll-qty{display:inline-flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;height:48px;padding:0 !important;margin:0}
.sll-pi #cartAdd .sll-qty a{width:44px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sll-text);text-decoration:none;font-size:20px;background:var(--sll-wash);border:0;margin:0;padding:0;float:none;line-height:1}
.sll-pi #cartAdd .sll-qty a:hover{background:#e6ecf3}
.sll-pi #cartAdd .sll-qty input.carttext{width:64px;height:100%;border:0;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;text-align:center;font:inherit;font-size:16px;font-weight:600;color:var(--sll-ink);margin:0;padding:0;background:#fff}
.sll-pi #cartAdd .button_in_cart,.sll-pi #cartAdd .cssButton.button_in_cart,.sll-pi #cartAdd input[type=submit]{flex:1 1 200px;height:48px;width:auto !important;min-width:200px;border:0;border-radius:8px;background:var(--sll-brand);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:background .15s;margin:0;padding:0 20px;line-height:48px;float:none;text-shadow:none;box-shadow:none;background-color:var(--sll-brand) !important;background-image:none !important;color:#fff !important}
.sll-pi #cartAdd .button_in_cart:hover,.sll-pi #cartAdd .cssButtonHover.button_in_cart{background-color:var(--sll-brand-deep) !important;color:#fff !important}
.sll-pi .sll-trust{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--sll-text);padding:12px 0;border-top:1px solid var(--sll-line-2);border-bottom:1px solid var(--sll-line-2)}
.sll-pi .sll-trust span::before{content:"✓";color:var(--sll-green);font-weight:700;margin-right:6px}
.sll-pi .sll-trust a{color:inherit;text-decoration:none}
.sll-pi .sll-trust a:hover{color:var(--sll-brand)}
.sll-pi .sll-custom-note{font-size:13px;color:var(--sll-muted);margin:10px 0 0}
.sll-pi .freeshippingdk{margin:10px 0}
.sll-pi .sll-share{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--sll-muted);margin-top:12px;flex-wrap:wrap}
.sll-pi .sll-share a{color:var(--sll-text);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.sll-pi .sll-share a:hover{color:var(--sll-brand)}
.sll-pi .sll-share svg{width:16px;height:16px;fill:currentColor}
.sll-pi .sll-share a.is-done{color:var(--sll-green)}

/* ---------- 轮播（一起买 / 也买了共用） ---------- */
.sll-pi .sll-carousel{position:relative;padding:0 46px}
.sll-pi .sll-scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.sll-pi .sll-scroller::-webkit-scrollbar{display:none}
/* 卡片宽度 = 一屏正好 4 张（gap 14px×3），箭头一次翻一屏，不会出现第 5 张被箭头压住半个边 */
.sll-pi .sll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--sll-line);background:#fff;color:var(--sll-ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(13,27,42,.10);display:flex;align-items:center;justify-content:center;padding:0 0 3px;transition:.15s;z-index:2;font-family:var(--sll-font)}
.sll-pi .sll-arrow-prev{left:0}.sll-pi .sll-arrow-next{right:0}
.sll-pi .sll-arrow:hover{border-color:var(--sll-brand);color:var(--sll-brand)}
.sll-pi .sll-arrow:disabled{opacity:.3;cursor:default}
.sll-pi .sll-carousel.no-scroll .sll-arrow{display:none}
.sll-pi .sll-carousel.no-scroll{padding:0}

/* ---------- 一起买（原 xsell，勾选一起加购的功能原样） ---------- */
.sll-pi #xsell_products{width:auto;float:none;margin:0 0 40px;padding:0;border:0;background:none}
.sll-pi #xsell_products h3{margin:0}
.sll-pi #xsell_products ul.sll-xsell{display:flex;gap:14px;list-style:none;margin:0;padding:2px 0;width:100%;overflow:visible;height:auto;border:0 !important}
.sll-pi #xsell_products ul.sll-xsell>li{flex:0 0 calc((100% - 70px) / 6);width:calc((100% - 70px) / 6);min-width:0;float:none;margin:0;border:1px solid var(--sll-line);border-radius:10px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:6px;position:relative;text-align:left;transition:box-shadow .15s,border-color .15s;height:auto}
.sll-pi #xsell_products ul.sll-xsell>li:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.08)}
.sll-pi #xsell_products ul.sll-xsell>li.is-this{border-color:var(--sll-brand);background:var(--sll-brand-tint)}
.sll-pi #xsell_products .sll-x-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;width:auto;height:auto;float:none;margin:0}
.sll-pi #xsell_products .sll-x-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:0}
.sll-pi #xsell_products .sll-x-name{font-size:13.5px;font-weight:500;line-height:1.35;margin:0;padding:0;color:var(--sll-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto;text-align:left;border:0;background:none;font-family:var(--sll-font)}
.sll-pi #xsell_products .sll-x-name a{color:inherit;text-decoration:none}
.sll-pi #xsell_products .sll-x-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-variant-numeric:tabular-nums;margin-top:auto;font-size:15px}
/* #dqjg-PID 里只放现价文本：dqjqzs() 用 text() 抠第一个数字算合计，原价/折扣各自独立 span */
.sll-pi #xsell_products .sll-x-price .sll-x-now{font-size:16px;font-weight:700;color:var(--sll-price)}
.sll-pi #xsell_products .sll-x-price .sll-x-was{font-size:12px;color:var(--sll-muted);text-decoration:line-through}
.sll-pi #xsell_products .sll-x-price .sll-x-off{font-size:11px;color:var(--sll-red);font-weight:600;margin-left:auto}
.sll-pi #xsell_products .sll-x-price span::before{content:none}
.sll-pi #xsell_products .sll-x-foot{margin-top:6px;font-size:12px}
.sll-pi #xsell_products .sll-x-foot label{display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-weight:500;color:var(--sll-text)}
.sll-pi #xsell_products input.xscp_xz{width:16px;height:16px;accent-color:var(--sll-brand);margin:0;float:none}
.sll-pi #xsell_products .sll-xsell-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 16px;background:var(--sll-wash);border:1px solid var(--sll-line);border-radius:10px;font-size:14px}
.sll-pi #xsell_products #dq-price{margin:0;padding:0;float:none;width:auto;font-size:14px;color:var(--sll-text);background:none;border:0}
.sll-pi #xsell_products #dq-price .price{color:var(--sll-ink);font-size:18px;font-weight:700}
.sll-pi #xsell_products input.xscp_addcart{border:0;border-radius:8px;background:var(--sll-brand);color:#fff;font:inherit;font-weight:700;padding:10px 18px;cursor:pointer;width:auto;height:auto;margin:0;float:none;line-height:1.3}
.sll-pi #xsell_products input.xscp_addcart:hover{background:var(--sll-brand-deep)}

/* ---------- 主体两栏：标签页 / 右栏 ---------- */
.sll-pi .sll-pi-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;width:auto;float:none;margin:0 0 40px;padding:0}
.sll-pi .sll-pi-content{float:none !important;width:auto !important;min-width:0;margin:0;padding:0}
.sll-pi .sll-pi-side{float:none !important;width:auto !important;margin:0;padding:0;background:none;border:0}
.sll-pi .sll-side-stick{position:sticky;top:16px}
.sll-pi .sll-side-kit p{font-size:13.5px;line-height:1.55;color:var(--sll-text);margin:0 0 10px}
.sll-pi .sll-side-kit p em{font-style:normal;font-weight:600;color:var(--sll-ink)}
.sll-pi .sll-kit-grp{margin-top:10px}
.sll-pi .sll-kit-cat{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sll-muted);font-weight:700;margin-bottom:4px}
.sll-pi .sll-kit-list li:first-child{border-top:0;padding-top:4px}
/* 标签栏：保留 Spry 结构，只换皮 —— 老 stylesheet.css 的 .MyTabSelected1 带 !important 黑底、首个页签带背景图，这里必须也用 !important 压回去 */
.sll-pi .TabbedPanels{margin:0;padding:0;width:auto;float:none;overflow:visible}
/* 分段式页签：一条浅灰底槽，选中项白底浮起。overflow 必须 visible（原 overflow-x:auto + -1px margin 会冒出一根滚动条）。
   ☠ .MyTabSelected1 这个 class 同时挂在【页签 li】和【内容面板 div】上 —— 颜色规则只能写在 .TabbedPanelsTab.MyTabSelected1 上，
   写成 .MyTabSelected1 会把整个描述正文染成品牌蓝（2026-09-05 踩过）。 */
.sll-pi .TabbedPanelsTabGroup{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0 0 26px;padding:5px;border:1px solid var(--sll-line) !important;border-radius:12px;overflow:visible;background:var(--sll-wash) !important;height:auto !important}
.sll-pi .TabbedPanelsTab,.sll-pi .TabbedPanelsTab:first-child{float:none;display:block;padding:10px 18px;font-size:14.5px;font-weight:600;color:var(--sll-text) !important;white-space:nowrap;border:0 !important;border-radius:8px;background:none !important;background-image:none !important;margin:0;cursor:pointer;height:auto !important;line-height:1.3 !important;font-family:var(--sll-font) !important;text-indent:0;text-align:center;transition:background .15s,color .15s}
.sll-pi .TabbedPanelsTab span{font:inherit;color:inherit;display:inline}
.sll-pi .TabbedPanelsTab:hover{color:var(--sll-brand) !important;background:rgba(255,255,255,.7) !important}
.sll-pi .TabbedPanelsTab.MyTabSelected1{background:#fff !important;background-color:#fff !important;color:var(--sll-brand) !important;box-shadow:0 1px 3px rgba(13,27,42,.12),0 0 0 1px var(--sll-line)}
.sll-pi .TabbedPanelsContentGroup{border:0;background:none;padding:0;margin:0}
.sll-pi .TabbedPanelsContent,.sll-pi .TabbedPanelsContent.MyTabSelected1{padding:0;border:0;background:none !important;background-color:transparent !important;overflow:visible;color:var(--sll-text) !important}
.sll-pi .sll-panel-h{font-family:var(--sll-font);font-weight:700;font-size:22px;line-height:1.3;color:var(--sll-ink);margin:0 0 18px;padding:0 0 12px;border:0;border-bottom:1px solid var(--sll-line);background:none;text-align:left}
/* 描述正文：字号统一、标题层次与分类页一致、表格全宽、视频居中、大图居中 */
.sll-pi .info-des-boxs{padding:0;margin:0;font-size:16px;line-height:1.7}
.sll-pi .info-des-boxs>div[style*="max-width"]{max-width:none !important}
.sll-pi .info-des-boxs p,.sll-pi .info-des-boxs li{font-size:16px !important;line-height:1.7}
.sll-pi .info-des-boxs [style*="font-family"]{font-family:inherit !important}
.sll-pi .info-des-boxs h2{font-family:var(--sll-font) !important;font-weight:700;font-size:24px !important;line-height:1.3;margin:34px 0 12px;text-align:left}
.sll-pi .info-des-boxs h2:first-child{margin-top:0}
.sll-pi .info-des-boxs h3{font-family:var(--sll-font) !important;font-weight:700;font-size:20px !important;line-height:1.35;margin:26px 0 10px}
.sll-pi .info-des-boxs h2 *,.sll-pi .info-des-boxs h3 *{font-family:inherit !important;font-size:inherit !important}
/* 2026-09-16 标题统一深色，但【白字深底的横幅块】里的标题保留原配色（7152/7143/7144 的黑底标题被压成深色看不见）。
   判断依据：祖先块内联 style 写了白色文字 color:#fff / white / rgb(255,255,255)；"; color" 前缀避开 background-color:#fff3cd 这类浅底 */
.sll-pi .info-des-boxs :is(h2,h3):not(:is([style^="color: #fff"],[style^="color:#fff"],[style*="; color: #fff"],[style*=";color:#fff"],[style*="; color:#fff"],[style^="color: white"],[style*="; color: white"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) *){color:var(--sll-ink) !important}
.sll-pi .info-des-boxs :is(h2,h3):not(:is([style^="color: #fff"],[style^="color:#fff"],[style*="; color: #fff"],[style*=";color:#fff"],[style*="; color:#fff"],[style^="color: white"],[style*="; color: white"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) *) *{color:inherit !important}
.sll-pi .info-des-boxs iframe{max-width:100%;display:block;margin:18px auto}
.sll-pi .info-des-boxs table{max-width:100%}
.sll-pi .info-des-boxs :is(p,div,h2,h3,figure,center)>img:only-child{display:block;margin:14px auto}
/* 图片页签 */
.sll-pi .cpms_img{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sll-pi .cpms_img img{width:100%;height:auto;border:1px solid var(--sll-line);border-radius:10px;margin:0;float:none}
.sll-pi .cpms_img .clearBoth{display:none}
/* 评论页签 */
.sll-pi .rev-redirect-box{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px dashed #b9cbe3;border-radius:var(--sll-radius);background:var(--sll-brand-tint);margin-bottom:18px}
.sll-pi .rev-redirect-text h3{font-size:16px;margin:0 0 4px;color:var(--sll-ink);font-family:var(--sll-font)}
.sll-pi .rev-redirect-text p{margin:0;font-size:14px}
.sll-pi .tp-write-btn{white-space:nowrap;background:var(--sll-brand);color:#fff;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:8px;font-size:14px;display:inline-block}
.sll-pi .tp-write-btn:hover{background:var(--sll-brand-deep);color:#fff}
/* 下载页签 */
.sll-pi .sll-dl-list{display:grid;gap:12px}
.sll-pi .sll-dl-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff;text-decoration:none;color:var(--sll-text);transition:.15s}
.sll-pi .sll-dl-card:hover{border-color:var(--sll-brand);box-shadow:0 6px 16px rgba(13,27,42,.08)}
.sll-pi .sll-dl-ico{width:64px;height:64px;border-radius:10px;background:#fde8e8;color:#c0392b;font-weight:800;font-size:15px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center}
.sll-pi .sll-dl-body{display:grid;gap:4px}
.sll-pi .sll-dl-body b{font-size:17px;color:var(--sll-ink)}
.sll-pi .sll-dl-body span{font-size:14px;line-height:1.55}
.sll-pi .sll-dl-body small{font-size:12px;color:var(--sll-muted)}
.sll-pi .sll-dl-btn{white-space:nowrap;background:var(--sll-brand);color:#fff;font-weight:700;padding:11px 20px;border-radius:8px;font-size:14px}
.sll-pi .sll-dl-note{margin-top:14px;padding:14px 18px;background:var(--sll-wash);border-left:4px solid var(--sll-brand);border-radius:0 8px 8px 0;font-size:14px;line-height:1.6}
.sll-pi .sll-dl-note em{font-style:normal;font-weight:700;color:var(--sll-brand)}
/* 右栏卡片 */
.sll-pi .sll-side-card,.sll-pi .sll-side-box{border:1px solid var(--sll-line);border-radius:var(--sll-radius);padding:16px 18px;background:#fff;margin-bottom:16px}
.sll-pi .sll-side-card h3,.sll-pi .sll-side-box h3{margin:0 0 10px;padding:0;border:0;background:none;font-size:15px;font-weight:700;color:var(--sll-ink);font-family:var(--sll-font);text-align:left}
.sll-pi .sll-side-card ul,.sll-pi .sll-side-box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}
.sll-pi .sll-side-box li a{color:var(--sll-text);text-decoration:none;line-height:1.45;display:block}
.sll-pi .sll-side-box li a:hover{color:var(--sll-brand)}
.sll-pi .sll-side-all{display:block;margin-top:12px;font-size:13px;font-weight:600;color:var(--sll-brand);text-decoration:none}
.sll-pi .sll-feat-list{gap:0 !important}
.sll-pi .sll-feat-list li{border-top:1px solid var(--sll-line-2);padding:10px 0}
.sll-pi .sll-feat-list li:first-child{border-top:0;padding-top:0}
.sll-pi .sll-feat-list li a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;text-decoration:none;color:var(--sll-ink)}
.sll-pi .sll-feat-list img{width:64px;height:64px;object-fit:contain;border:1px solid var(--sll-line);border-radius:6px;background:#fff}
.sll-pi .sll-feat-list .sll-f-txt{display:block;min-width:0}
.sll-pi .sll-feat-list .sll-f-name{display:-webkit-box;font-size:13.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sll-pi .sll-feat-list .sll-f-price{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--sll-price);margin-top:4px;font-variant-numeric:tabular-nums}
.sll-pi .sll-feat-list .sll-f-price .normalprice{display:none}
.sll-pi .sll-feat-list .sll-f-price .productSpecialPrice,.sll-pi .sll-feat-list .sll-f-price .productBasePrice{color:var(--sll-price)}
.sll-pi .sll-feat-list .sll-f-price .productPriceDiscount{font-size:11px;font-weight:700;color:var(--sll-red);background:#fde8e8;border-radius:4px;padding:2px 6px}
.sll-pi .sll-feat-list .sll-f-price span::before{content:none}
.sll-pi .sll-side-help p{font-size:13.5px;line-height:1.55;margin:0 0 10px;color:var(--sll-text)}
.sll-pi .sll-side-help ul{gap:6px}
.sll-pi .sll-side-help li a{color:var(--sll-brand);font-weight:600;font-size:14px;text-decoration:none}
.sll-pi .sll-side-help small{display:block;margin-top:8px;font-size:12px;color:var(--sll-muted)}

/* ---------- 也买了：分类页 plg-card 一行横向 ---------- */
.sll-also{margin:0 0 40px}
/* 2026-09-09 业主: 也买了一屏 4 张 -> 【5 张】。
   算法: 容器 1360px, .sll-carousel 左右各 padding 46px 给箭头(箭头 38px, 留 8px 空隙) -> 可视 1268px;
   gap 16px x4 = 64px -> 卡片 (1268-64)/5 = 240.8px。100% 是 .sll-scroller 的宽, 已扣掉箭头位, 不会被压住。
   卡片外观改为与【分类页】(index.css 的 .sll-plg) 一致: 边框 var(--sll-line) / 圆角 8px / 图片区白底 / gap 16px。
   ⚠ 翻页距离在 jscript_sll_product.js 里按实际 gap 取值, 改 gap 不用再改 JS。 */
.sll-also .plg-grid.sll-plg-row{display:flex;gap:16px;grid-template-columns:none;width:100%}
.sll-also .plg-grid.sll-plg-row>.plg-card{flex:0 0 calc((100% - 64px) / 5);width:calc((100% - 64px) / 5);min-width:0}
/* ---- 以下与分类页卡片逐条对齐(index.css .sll-plg .plg-*), 只是作用域换成 .sll-also ---- */
.sll-also .plg-card{position:relative;border:1px solid var(--sll-line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.sll-also .plg-card:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.08);transform:translateY(-2px)}
.sll-also .plg-badge-discount{position:absolute;top:8px;right:8px;z-index:5;background:#f59e0b;color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px}
.sll-also .plg-img-link{display:block;text-decoration:none}
.sll-also .plg-img-wrap{position:relative;width:100%;padding-top:100%;background:#fff;overflow:hidden}
.sll-also .plg-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s}
.sll-also .plg-card:hover .plg-img{transform:translate(-50%,-50%) scale(1.05)}
.sll-also .plg-img-placeholder{display:none}
.sll-also .plg-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.sll-also .plg-title{font-size:14px;font-weight:500;line-height:1.4;color:var(--sll-ink);margin:0 0 4px;padding:0;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--sll-font)}
.sll-also .plg-title a{color:var(--sll-ink);text-decoration:none}
.sll-also .plg-title a:hover{color:var(--sll-brand)}
.sll-also .plg-model{font-size:11px;color:var(--sll-muted);margin-bottom:5px;font-family:"Courier New",Courier,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sll-also .plg-rating{display:flex;align-items:center;gap:4px;margin-bottom:6px}
.sll-also .plg-stars{color:#f59e0b;font-size:13px;letter-spacing:.5px;line-height:1}
.sll-also .plg-review-count{font-size:11px;color:var(--sll-muted)}
.sll-also .plg-price-section{margin-top:auto;padding-top:6px;border-top:1px solid var(--sll-line-2);font-size:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.sll-also .plg-price-section .normalprice{font-size:12px;color:var(--sll-muted);text-decoration:line-through;font-weight:400}
.sll-also .plg-price-section .productSpecialPrice,.sll-also .plg-price-section .productSalePrice,.sll-also .plg-price-section .productBasePrice,.sll-also .plg-price-section span[id^="dqjg-"]{font-size:17px;font-weight:700;color:var(--sll-price)}
.sll-also .plg-price-section .productPriceDiscount{font-size:11px;color:var(--sll-red);margin-left:auto;font-weight:600}
.sll-also .plg-price-section .productPriceDiscount br{display:none}
.sll-also .plg-img-wrap img{pointer-events:none}
/* 窄窗口回落, 避免卡片被压太扁(桌面模板也会被窄浏览器窗口打开) */
@media (max-width:1180px){.sll-also .plg-grid.sll-plg-row>.plg-card{flex:0 0 calc((100% - 48px) / 4);width:calc((100% - 48px) / 4)}}
@media (max-width:900px){.sll-also .plg-grid.sll-plg-row>.plg-card{flex:0 0 calc((100% - 32px) / 3);width:calc((100% - 32px) / 3)}}
@media (max-width:650px){.sll-also .plg-grid.sll-plg-row>.plg-card{flex:0 0 calc((100% - 16px) / 2);width:calc((100% - 16px) / 2)}}
.sll-pi #productDateAdded,.sll-pi #productDateAvailable,.sll-pi #productInfoLink{text-align:left;font-size:13px;color:var(--sll-muted)}

@media (max-width:1100px){.sll-pi .sll-pi-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.sll-pi .sll-pi-main{grid-template-columns:minmax(0,1fr)}.sll-pi .sll-pi-side{position:static}}
@media (max-width:820px){.sll-pi .sll-pi-top{grid-template-columns:1fr}.sll-pi #productAttributes .wrapperAttribsOptions{grid-template-columns:1fr}.sll-pi #productQuantityDiscounts tr:nth-child(2){grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}.sll-pi .cpms_img{grid-template-columns:repeat(2,1fr)}}
/* 2026-09-08 业主: 一起买一屏至少 6 张, 1360px 以上 7 张(gap 14px: 6 张 = 5 个间隙 70px, 7 张 = 6 个 84px); 卡片变窄后图/字号收一点 */
@media (min-width:1360px){.sll-pi #xsell_products ul.sll-xsell>li{flex:0 0 calc((100% - 84px) / 7);width:calc((100% - 84px) / 7)}}
.sll-pi #xsell_products ul.sll-xsell>li{padding:10px}
.sll-pi #xsell_products .sll-x-name{font-size:13px}
.sll-pi #xsell_products .sll-x-price{font-size:14px}
.sll-pi #xsell_products .sll-x-price .sll-x-now{font-size:15px}
/* 右栏「Complete the kit」改成【分类】清单(共购数据 data/sll_cat_recommend.json), 不再重复一起买那批产品链接 */
.sll-pi .sll-kit-cats{display:grid;gap:0 !important}
.sll-pi .sll-kit-cats li{border-top:1px solid var(--sll-line-2)}
.sll-pi .sll-kit-cats li:first-child{border-top:0}
.sll-pi .sll-kit-cats li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;color:var(--sll-ink);text-decoration:none;font-size:13.5px;line-height:1.35}
.sll-pi .sll-kit-cats li a:hover{color:var(--sll-brand)}
.sll-pi .sll-kit-cats li a .sll-kit-n{font-size:11px;color:var(--sll-muted);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---------- 老 .listreviews 与全局 border-box 的冲突（2026-09-09 补，同 index.css 里 .sll-cat 那条） ----------
   stylesheet.css 的 .productslistdk .listreviews 是 height:18px + padding:10px 0，
   在本容器的全局 border-box 下，内容高被算成 18-20 = 负数 -> 0，星星溢出压到下面的型号行上。
   .sll-cat 2026-09-04 已修过一次；这里是同一个洞的另一个容器，写 3 段选择器压过老表的 2 段，与加载顺序无关。
   目前本容器下实测 listreviews 出现 0 次（搜索页/specials/产品页都已改用 plg-card），这条是防复发。 */
.sll-pi .productslistdk .listreviews{box-sizing:content-box;height:18px}
.sll-pi .productslistdk .promodelli{margin-top:2px}

/* ---- 手机端画廊（2026-09-16）----------------------------------------------
   ☠ 根因不是 CSS：jqzoom / 缩略图轮播的 JS 在元素上写【行内宽度】
     （#jqzoom 552px、#scrollImg 510px、它下面的 ul 595px），所以外层 grid 的
     1fr 被 min-content 撑成 554px，整块图在 375 屏上被裁掉一半。
   只能用 !important 压行内值；高度一律不碰（高交给 jqzoom，见 05 手册 ☠⑩）。
   手机上放大镜浮层没意义又会挡点击，直接隐藏。 */
@media (max-width:820px){
  /* 2026-09-16 业主: 一起买 7 个产品挤变形 -> 一屏 2 个多一点, 左右滑动;
     「也买了」那条左边距不对, 是给箭头留的 46px 内边距, 窄屏箭头没用, 去掉内边距顺便隐藏箭头。 */
  .sll-pi .sll-carousel{padding-left:0!important;padding-right:0!important}
  .sll-pi .sll-arrow{display:none!important}
  .sll-pi .sll-scroller{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}
  .sll-pi .sll-scroller::-webkit-scrollbar{display:none}
  .sll-pi .sll-xsell{flex-wrap:nowrap!important}
  .sll-pi .sll-xsell>li{flex:0 0 46%!important;min-width:142px;scroll-snap-align:start}
  .sll-pi .sll-scroller>ul>li,.sll-pi .sll-scroller>.sll-plg>*{scroll-snap-align:start}
  /* grid 的 1fr = minmax(auto,1fr)，auto 会被子元素 min-content（行内 595px 的缩略图 ul）撑开，所以必须显式 minmax(0,1fr) + 整条链 min-width:0，否则上面那些 100% 是在 587px 上取 100%。 */
  .sll-pi .sll-pi-top{grid-template-columns:minmax(0,1fr)!important}
  .sll-pi .sll-gallery,.sll-pi #productMainImage,.sll-pi .imgBox,.sll-pi #mainImg,.sll-pi #smallImg,.sll-pi #scrollImg{min-width:0!important}
  .sll-pi .sll-gallery,.sll-pi #productMainImage,.sll-pi .imgBox,.sll-pi #mainImg{width:100%!important;max-width:100%!important}
  .sll-pi #mainImg #jqzoom,.sll-pi #mainImg .zoomPad{width:100%!important;max-width:100%!important}
  .sll-pi #mainImg img,.sll-pi #mainImg .zoomPad>img{width:100%!important;max-width:100%!important;height:auto!important}
  .sll-pi .zoomPup,.sll-pi .zoomWindow,.sll-pi .zoomWrapper,.sll-pi .zoomPreload{display:none!important}
  .sll-pi #smallImg{width:100%!important;max-width:100%!important;overflow:visible!important}
  /* ☠ 老 stylesheet 的 .scrollLevel{overflow:hidden} 压着, 不写 !important 第 6 张之后永远看不到（业主真机反馈）。 */
  .sll-pi #smallImg #scrollImg{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;touch-action:pan-x}
  .sll-pi #smallImg #scrollImg::-webkit-scrollbar{display:none}
  .sll-pi #smallImg #scrollImg ul{width:auto!important;display:flex;gap:8px;padding:0;margin:0}
  .sll-pi #smallImg #scrollImg ul li{float:none!important;flex:0 0 auto;margin:0!important}
  .sll-pi #smallImg #imgPrev,.sll-pi #smallImg #imgNext{display:none!important}
}

/* 台阶价手机版（2026-09-16 业主：一行显示、挤一点没事、现在太占高度；白底贴着外框）
   原 ≤820px 规则把 4 档改成 2×2，这里改回一行，并压缩字号/内边距；标题行和脚注行去掉白底。 */
@media (max-width:820px){
  .sll-pi #productQuantityDiscounts,.sll-pi #productQuantityDiscounts table,.sll-pi #productQuantityDiscounts tr,
  .sll-pi #productQuantityDiscounts tr:first-child td,.sll-pi #productQuantityDiscounts tr:nth-child(3) td{background:transparent !important}
  .sll-pi #productQuantityDiscounts tr:nth-child(2){grid-auto-flow:column !important;grid-template-columns:none !important;grid-auto-columns:minmax(0,1fr) !important;gap:6px !important}
  .sll-pi #productQuantityDiscounts tr:nth-child(2) td{padding:5px 2px !important;font-size:14px !important;line-height:1.35;border-radius:7px}
  .sll-pi #productQuantityDiscounts tr:nth-child(2) td::first-line{font-size:10.5px !important;letter-spacing:0 !important}
  .sll-pi #productQuantityDiscounts tr:first-child td{font-size:11px !important;padding:0 0 6px !important}
  .sll-pi #productQuantityDiscounts tr:nth-child(3) td{font-size:11.5px !important;padding:6px 0 0 !important}
}

/* ===== 手机端简化 · 产品详情页 9-11（2026-09-17 业主批准；≤820px，电脑端不变）===== */
.sll-custom-short{display:none}
@media(max-width:820px){
  /* 9 底部固定加购条（jscript_sll_hf.js ⑬d 生成） */
  .sll-stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1500;align-items:center;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E5E7EB;box-shadow:0 -6px 18px rgba(15,23,42,.08);transform:translateY(110%);transition:transform .2s ease}
  .sll-stickybuy.on{transform:none}
  .sll-stickybuy .sb-price{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
  .sll-stickybuy .sb-now{font-size:20px;font-weight:700;color:var(--sll-price,#16A34A);font-variant-numeric:tabular-nums}
  .sll-stickybuy .sb-was{font-size:13px;color:#9CA3AF;text-decoration:line-through}
  .sll-stickybuy .sb-btn{flex:0 0 auto;height:46px;padding:0 26px;border:0;border-radius:10px;background:var(--sll-brand,#1B5FA8);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
  html.sll-sb-on #slc-bubble,html.sll-sb-on #back-to-top{translate:0 -70px}
  html.sll-sheet-open .sll-stickybuy,html.mdr-open .sll-stickybuy,html.sll-lb-open .sll-stickybuy{display:none}

  /* 10 定制说明：长句隐藏（仍在 HTML），显示短句 + 图标；分享只留图标 */
  .sll-pi .sll-custom-note{display:none}
  .sll-pi .sll-custom-short{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:14px;color:var(--sll-text,#374151)}
  .sll-pi .sll-custom-short svg{flex:0 0 16px;color:var(--sll-muted,#6B7280)}
  .sll-pi .sll-custom-short a{font-weight:600;color:var(--sll-brand,#1B5FA8)}
  .sll-pi .sll-share{gap:10px;font-size:0;margin-top:10px}
  .sll-pi .sll-share::before{content:"Share";font-size:13px;color:var(--sll-muted,#6B7280);margin-right:2px}
  .sll-pi .sll-share a{width:36px;height:36px;justify-content:center;border:1px solid var(--sll-line,#E5E7EB);border-radius:50%;gap:0}
  .sll-pi .sll-share svg{width:17px;height:17px}

  /* 11 价格区：「STARTING AT」单独一行小字，划线价 + 现价 + 折扣小标签同一行；阶梯价脚注缩成小字 */
  .sll-pi #productPrices{gap:4px 10px}
  .sll-pi #productPrices .sll-price-label{flex:0 0 100%;font-size:12px}
  .sll-pi #productPrices .productSpecialPrice,.sll-pi #productPrices .productBasePrice,.sll-pi #productPrices .productSalePrice{font-size:30px}
  .sll-pi #productPrices .productPriceDiscount{font-size:12px;padding:2px 7px;align-self:center}
  .sll-pi #productQuantityDiscounts tr:last-child td[colspan]{font-size:12px !important;color:var(--sll-muted,#6B7280);text-align:left;padding-top:6px;font-weight:400}
}

/* 固定加购条 v2（2026-09-17 业主：iPhone Safari 上太高；电脑端也要 -> 放底部）
   · 通用：底部固定，滑过原 Add to Cart 后出现；产品小图 + 名称（手机隐藏）+ 价格 + 按钮
   · 手机：去掉原来的「10px + 整个安全区」底边距（Safari 浮动工具栏下面那块白就是它），只留 max(6px, 安全区-20px)；按钮 40px
   · 电脑：内容限 1360px 居中，64px 高 */
.sll-stickybuy{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;border-top:1px solid #E5E7EB;box-shadow:0 -6px 18px rgba(15,23,42,.08);transform:translateY(110%);transition:transform .2s ease;padding:0}
.sll-stickybuy.on{transform:none}
.sll-stickybuy .sb-in{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 24px}
.sll-stickybuy .sb-prod{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px}
.sll-stickybuy .sb-img{flex:0 0 44px;width:44px;height:44px;object-fit:contain;border:1px solid #E5E7EB;border-radius:6px;background:#fff}
.sll-stickybuy .sb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:#111827}
.sll-stickybuy .sb-price{flex:0 0 auto;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.sll-stickybuy .sb-now{font-size:22px;font-weight:700;color:var(--sll-price,#16A34A);font-variant-numeric:tabular-nums}
.sll-stickybuy .sb-was{font-size:14px;color:#9CA3AF;text-decoration:line-through}
.sll-stickybuy .sb-btn{flex:0 0 auto;height:44px;padding:0 30px;border:0;border-radius:10px;background:var(--sll-brand,#1B5FA8);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.sll-stickybuy .sb-btn:hover{background:#164E8A}
html.sll-sb-on #slc-bubble,html.sll-sb-on #back-to-top{translate:0 -70px}
html.sll-sheet-open .sll-stickybuy,html.mdr-open .sll-stickybuy,html.sll-lb-open .sll-stickybuy{display:none}
@media(max-width:820px){
  .sll-stickybuy .sb-in{gap:12px;padding:6px 12px max(6px, calc(env(safe-area-inset-bottom) - 20px))}
  .sll-stickybuy .sb-prod{display:none}
  .sll-stickybuy .sb-price{flex:1 1 auto;min-width:0}
  .sll-stickybuy .sb-now{font-size:19px}
  .sll-stickybuy .sb-was{font-size:12.5px}
  .sll-stickybuy .sb-btn{height:40px;padding:0 24px;font-size:15px;border-radius:9px}
  html.sll-sb-on #slc-bubble,html.sll-sb-on #back-to-top{translate:0 -58px}
}

/* 详情页手机：Custom project + 分享同一行 / 侧栏卡片折叠（2026-09-17 业主，JS ⑬d ⑬f；≤820px）*/
.sll-fold-btn{display:none}
@media(max-width:820px){
  .sll-pi .sll-trust{flex-wrap:nowrap;gap:6px 12px;font-size:13px;white-space:nowrap}
  .sll-pi .sll-cs-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
  .sll-pi .sll-cs-row .sll-custom-short{margin:0;min-width:0}
  .sll-pi .sll-cs-row .sll-share{margin:0;flex:0 0 auto;gap:8px}
  .sll-pi .sll-cs-row .sll-share::before{content:none}
  .sll-pi .sll-cs-row .sll-share a{width:34px;height:34px}

  .sll-pi-side .sll-side-stick{position:static !important;top:auto}
  .sll-pi-side .sll-fold:not(.open) > ul > li:nth-child(n+3){display:none}
  .sll-pi-side .sll-side-help.sll-fold:not(.open) > ul,.sll-pi-side .sll-side-help.sll-fold:not(.open) > small{display:none}
  .sll-pi-side .sll-side-help.sll-fold:not(.open) > p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .sll-fold-btn{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--sll-brand,#1B5FA8);cursor:pointer}
  .sll-fold-btn::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
  .sll-fold.open .sll-fold-btn::after{transform:rotate(-135deg);margin-top:3px}
}

/* 2026-09-17 业主：只有一个值的属性（单选胶囊 8mm / 16.4ft / 400 Chip/m）文字偏下不居中。
   stylesheet.css 5596 行老规则给 .attribsRadioButton 写死 height:30px，而 7px 上下内边距 + 19.6px 行高需要 ~34px，
   内容溢出被往下挤（实测文字上方 10px、下方 5px）。去掉固定高度、flex 垂直居中。手机和电脑同样的缺陷，一起修。 */
.sll-pi #productAttributes input[type=radio]+label.attribsRadioButton{height:auto;min-height:34px;display:inline-flex;align-items:center;line-height:1.3;box-sizing:border-box}

