/* ==========================================================================
   SMTtrust — WooCommerce styles (shop / product / cart / checkout / account)
   Loaded only on WooCommerce pages. Relies on design tokens in style.css :root.
   NOTE: --blue-* tokens are actually the RED brand palette (#E53935).
   ========================================================================== */

/* ---------- Layout wrappers ---------- */
.shop-wrap{padding:56px 0 72px}
.shop-wrap>.container{max-width:1400px;margin:0 auto;padding:0 32px}

/* ---------- Dark page hero for shop / category archives ---------- */
.woo-hero{background:linear-gradient(135deg,#0d1117 0%,#161b22 50%,#1c2128 100%);padding:48px 0;position:relative;overflow:hidden}
.woo-hero::before{content:'';position:absolute;top:-40%;right:-10%;width:420px;height:420px;background:radial-gradient(circle,rgba(229,57,53,.10),transparent 60%);pointer-events:none}
.woo-hero .container{max-width:1400px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.woo-hero h1{color:#fff;font-size:36px;font-weight:800;margin:0;letter-spacing:-.5px}
.woo-hero .woocommerce-breadcrumb{margin:0 0 12px;color:rgba(255,255,255,.55);font-size:13px}
.woo-hero .woocommerce-breadcrumb a{color:rgba(255,255,255,.75)}
.woo-hero .woocommerce-breadcrumb a:hover{color:#fff}
.woo-hero .term-description{color:rgba(255,255,255,.6);font-size:15px;margin-top:12px;max-width:720px}

/* ---------- Notices ---------- */
.woocommerce-notices-wrapper{max-width:1400px;margin:0 auto;padding:0 32px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border:none;border-radius:var(--radius);padding:16px 20px 16px 52px;font-size:14px;list-style:none;position:relative;box-shadow:var(--shadow)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{left:20px;top:18px}
.woocommerce-message{background:#ecfdf3;color:#15803d;border-left:4px solid #22c55e}
.woocommerce-info{background:#eff6ff;color:#1d4ed8;border-left:4px solid #3b82f6}
.woocommerce-error{background:#fef2f2;color:#b91c1c;border-left:4px solid #ef4444}
.woocommerce-message .button,.woocommerce-info .button{float:right}

/* ---------- Shop toolbar (result count + ordering) ---------- */
.woocommerce .woocommerce-result-count{color:var(--grey-500);font-size:14px;margin:0;line-height:44px;float:right}
.woocommerce .woocommerce-ordering{margin:0;float:left}
.woocommerce .woocommerce-ordering select,
.woocommerce-page select.orderby{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238B949E' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--grey-200);border-radius:8px;padding:11px 38px 11px 16px;font-size:14px;color:var(--grey-900);cursor:pointer;font-family:inherit}
.woocommerce .woocommerce-ordering select:focus{outline:none;border-color:var(--blue-primary)}

/* ---------- Specifications tab table (red labels, light-pink rows) ---------- */
.spec-table{margin-top:6px}
.spec-table table{width:100%;border-collapse:collapse;font-size:15px;background:#fdf2f2;border-radius:8px;overflow:hidden}
.spec-table th{width:32%;text-align:left;vertical-align:top;padding:15px 22px;color:var(--blue-primary);font-weight:600;white-space:nowrap}
.spec-table td{padding:15px 22px;color:var(--grey-800);vertical-align:top}
.spec-table tr+tr{border-top:1px solid #f6dede}
@media(max-width:600px){.spec-table th{white-space:normal;width:40%;padding:12px 14px}.spec-table td{padding:12px 14px}}

/* ---------- Shop layout: left category sidebar + product main ---------- */
.shop-layout{display:flex;gap:34px;align-items:flex-start}
.shop-sidebar{flex:0 0 236px;width:236px}
.shop-main{flex:1;min-width:0}
.shop-sidebar-title{font-size:16px;font-weight:700;color:var(--grey-900);margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid var(--blue-primary)}
.shop-cat-list{list-style:none;margin:0;padding:0}
.shop-cat-list>li{border-bottom:1px solid var(--grey-200)}
.shop-cat-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 2px;color:var(--grey-700);font-size:14.5px;transition:var(--transition)}
.shop-cat-list a:hover,.shop-cat-list a.active{color:var(--blue-primary)}
.shop-cat-list .cat-count{color:var(--grey-400);font-size:12px;font-weight:400}
.shop-subcat-list{list-style:none;margin:0 0 8px;padding:0 0 0 14px}
.shop-subcat-list a{padding:8px 2px;font-size:13.5px;color:var(--grey-500)}
@media(max-width:900px){.shop-layout{flex-direction:column}.shop-sidebar{width:100%;flex:none}.shop-cat-list{display:flex;flex-wrap:wrap;gap:6px 18px}.shop-cat-list>li{border-bottom:none}.shop-subcat-list{display:none}}

/* ---------- Single product: Brand meta row ---------- */
.single-product div.product .product_meta .brand_wrapper{display:block;margin-bottom:6px}

/* ---------- Product grid + card ---------- */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;margin:0 !important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none !important}
.woocommerce ul.products li.product{width:auto !important;float:none !important;margin:0 !important;padding:0;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);text-align:left;display:flex;flex-direction:column;position:relative}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:transparent}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;margin:0;padding:14px;background:#fff;transition:var(--transition)}
.woocommerce ul.products li.product:hover a img{transform:scale(1.04)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:4px 18px 2px;font-size:15px;font-weight:600;color:var(--grey-900);line-height:1.4}
.woocommerce ul.products li.product .price{padding:6px 18px 0;color:#E53935;font-weight:700;font-size:19px;margin:0}
.woocommerce ul.products li.product .price del{color:var(--grey-500);font-weight:400;font-size:14px;margin-right:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{margin:14px 18px 18px;background:var(--blue-primary);color:#fff;border-radius:8px;font-weight:600;font-size:14px;text-align:center;padding:11px 16px;display:block;transition:var(--transition)}
.woocommerce ul.products li.product .button:hover{background:var(--blue-hover)}
.woocommerce ul.products li.product .added_to_cart{background:transparent;color:var(--blue-primary);border:1px solid var(--grey-200);margin-top:0;padding:9px 16px}
.woocommerce span.onsale{background:var(--blue-primary);color:#fff;border-radius:6px;min-height:auto;min-width:auto;padding:5px 12px;font-size:12px;font-weight:700;top:14px;right:14px;left:auto;margin:0;line-height:1}
.woocommerce ul.products li.product .out-of-stock-badge{position:absolute;top:14px;left:14px;background:var(--grey-500);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px}

/* ---------- Pagination ---------- */
.woocommerce nav.woocommerce-pagination{margin-top:44px}
.woocommerce nav.woocommerce-pagination ul{border:none;display:inline-flex;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:none;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{min-width:42px;height:42px;line-height:42px;padding:0;border:1px solid var(--grey-200);border-radius:8px;font-weight:600;color:var(--grey-700);transition:var(--transition)}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}

/* ---------- Buttons (unify) ---------- */
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--blue-primary);color:#fff;border-radius:8px;font-weight:600;font-size:15px;padding:13px 26px;border:none;transition:var(--transition);cursor:pointer}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}
.woocommerce a.button.wc-backward,.woocommerce .cart .button{background:var(--grey-900)}
.woocommerce a.added_to_cart:hover{color:#fff}

/* ---------- Single product ---------- */
.single-product div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin:0}
.single-product div.product .woocommerce-product-gallery{width:100% !important;margin:0;float:none;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);padding:24px}
.single-product div.product .woocommerce-product-gallery__image img{border-radius:6px}
.single-product div.product .summary{width:100% !important;margin:0;float:none}
.single-product div.product .product_title{font-size:30px;font-weight:800;color:var(--grey-900);line-height:1.2;margin-bottom:14px}
.single-product div.product .woocommerce-product-rating{margin-bottom:14px}
.single-product div.product p.price,.single-product div.product span.price{color:#E53935;font-weight:800;font-size:30px;margin-bottom:8px}
.single-product div.product p.price del{color:var(--grey-500);font-size:20px;font-weight:400}
.single-product div.product .woocommerce-product-details__short-description{color:var(--grey-500);font-size:15px;line-height:1.7;margin:10px 0 24px}
.single-product div.product form.cart{display:flex;gap:12px;align-items:center;margin:24px 0}
.single-product div.product form.cart .quantity input.qty{width:76px;height:52px;text-align:center;border:1px solid var(--grey-200);border-radius:8px;font-size:16px;font-weight:600}
.single-product div.product form.cart .single_add_to_cart_button{height:52px;padding:0 34px;font-size:16px}
.single-product div.product .product_meta{font-size:13px;color:var(--grey-500);border-top:1px solid var(--grey-200);padding-top:18px;margin-top:8px}
.single-product div.product .product_meta>span{display:block;margin-bottom:6px}
.single-product div.product .product_meta a{color:var(--blue-primary)}
.single-product .stock.in-stock{color:#15803d;font-weight:600;font-size:14px}
.single-product .stock.out-of-stock{color:#b91c1c;font-weight:600}

/* Product tabs */
.woocommerce-tabs{grid-column:1/-1;margin-top:56px}
.woocommerce-tabs ul.tabs{border-bottom:2px solid var(--grey-200);padding:0;margin:0 0 28px;display:flex;gap:6px}
.woocommerce-tabs ul.tabs::before{display:none}
.woocommerce-tabs ul.tabs li{background:transparent;border:none;border-radius:0;margin:0;padding:0}
.woocommerce-tabs ul.tabs li a{padding:14px 22px !important;font-weight:600;color:var(--grey-500);border-bottom:3px solid transparent;margin-bottom:-2px;transition:var(--transition)}
.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li a:hover{color:var(--blue-primary);border-bottom-color:var(--blue-primary)}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce-tabs .panel h2{font-size:22px;margin-bottom:16px}
.woocommerce-Tabs-panel table.shop_attributes th{background:var(--grey-100)}

/* Related / upsells */
.related.products,.upsells.products{grid-column:1/-1;margin-top:56px}
.related.products>h2,.upsells.products>h2{font-size:24px;font-weight:700;margin-bottom:28px}

/* ---------- Cart ---------- */
.woocommerce-cart .shop_table{border:1px solid var(--grey-200);border-radius:var(--radius);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce-cart .shop_table thead th{background:var(--grey-100);color:var(--grey-700);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:16px}
.woocommerce-cart .shop_table td{padding:18px 16px;vertical-align:middle;border-top:1px solid var(--grey-200)}
.woocommerce-cart .shop_table td.product-thumbnail img{width:72px;border-radius:8px;border:1px solid var(--grey-200)}
.woocommerce-cart .shop_table td.product-name a{color:var(--grey-900);font-weight:600}
.woocommerce-cart .shop_table td.product-price,.woocommerce-cart .shop_table td.product-subtotal{font-weight:600}
.woocommerce-cart .product-subtotal .amount{color:#E53935}
.woocommerce .quantity .qty{width:72px;height:44px;text-align:center;border:1px solid var(--grey-200);border-radius:8px}
.woocommerce-cart table.cart td.actions .coupon .input-text{height:46px;border:1px solid var(--grey-200);border-radius:8px;padding:0 16px;width:220px}
/* Cart totals directly below the items table, full width (per client request) */
.woocommerce-cart .cart-collaterals{width:100%;float:none;display:flex;flex-direction:column;margin-top:26px}
.woocommerce-cart .cart-collaterals .cart_totals{order:-1;width:440px;max-width:100%;align-self:flex-end;float:none;margin:0 0 32px 0;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);padding:28px}
.woocommerce-cart .cart-collaterals .cross-sells{order:1;clear:both;width:100%;float:none;margin-top:0}
/* Update cart button: keep the disabled state legible (light bg + dark text, not white-on-grey) */
.woocommerce-cart table.cart td.actions button[name="update_cart"]:disabled,
.woocommerce-cart table.cart td.actions button[name="update_cart"][disabled]{background:var(--grey-200);color:var(--grey-900);opacity:1;cursor:not-allowed}
.cart-collaterals .cart_totals h2{font-size:20px;font-weight:700;margin-bottom:18px}
.cart-collaterals .cart_totals table{border:none}
.cart-collaterals .cart_totals table th,.cart-collaterals .cart_totals table td{padding:14px 0;border-top:1px solid var(--grey-200)}
.cart-collaterals .cart_totals .order-total .amount{color:#E53935;font-size:22px;font-weight:800}
.cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:16px;padding:16px;text-align:center;display:block}

/* ---------- Checkout ---------- */
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{width:100%}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:14px 40px;align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2}
@media(max-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:1fr;grid-template-rows:none}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:1;grid-row:auto}
}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%;float:none}
.woocommerce-checkout h3{font-size:20px;font-weight:700;margin-bottom:18px}
.woocommerce-checkout #order_review_heading{font-size:20px;font-weight:700;margin-bottom:18px}
.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);padding:28px;position:sticky;top:96px}
.woocommerce-checkout #order_review .shop_table{border:none}
.woocommerce-checkout #order_review .order-total .amount{color:#E53935;font-size:22px;font-weight:800}
.woocommerce-checkout #payment{background:transparent;border-radius:8px}
.woocommerce-checkout #payment ul.payment_methods{border:1px solid var(--grey-200);border-radius:8px;background:var(--grey-100);padding:16px}
.woocommerce-checkout #payment div.payment_box{background:#fff;border:1px solid var(--grey-200)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff}
.woocommerce-checkout #payment #place_order{font-size:17px;padding:16px;width:100%}

/* ---------- Forms / inputs (checkout, account, address) ---------- */
.woocommerce form .form-row label{font-weight:600;font-size:13px;color:var(--grey-700);margin-bottom:6px;display:block}
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce .form-row input.input-text,
.woocommerce .form-row textarea,
.woocommerce-page .form-row input.input-text,
.woocommerce select,
.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],
.woocommerce input[type=password],.woocommerce input[type=number]{border:1px solid var(--grey-200);border-radius:8px;padding:12px 14px;font-size:15px;font-family:inherit;width:100%;background:#fff;transition:var(--transition)}
.woocommerce .form-row input.input-text:focus,.woocommerce .form-row textarea:focus,
.woocommerce input:focus,.woocommerce select:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px rgba(229,57,53,.12)}
.select2-container--default .select2-selection--single{border:1px solid var(--grey-200);border-radius:8px;height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}

/* ---------- My Account ---------- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
.woocommerce-account.logged-in .woocommerce{max-width:1100px;margin:0 auto}
.woocommerce-account .woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);padding:14px;float:none;width:auto;grid-column:1}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation ul li{margin:0}
.woocommerce-MyAccount-navigation ul li a{display:block;padding:12px 16px;border-radius:8px;color:var(--grey-700);font-weight:600;font-size:14px;transition:var(--transition)}
.woocommerce-MyAccount-navigation ul li a:hover{background:var(--grey-100)}
.woocommerce-MyAccount-navigation ul li.is-active a{background:var(--blue-primary);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);padding:32px;min-height:360px;float:none;width:auto;min-width:0;grid-column:2}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message{margin-bottom:20px}

/* Login / register (when logged out, forms sit centered) */
.woocommerce-account:not(.logged-in) .woocommerce{display:block;max-width:960px;margin:0 auto}
.woocommerce .col2-set#customer_login,.woocommerce-account:not(.logged-in) .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media(max-width:768px){.woocommerce .col2-set#customer_login,.woocommerce-account:not(.logged-in) .u-columns{grid-template-columns:1fr}}
.woocommerce form.login,.woocommerce form.register{border:1px solid var(--grey-200);border-radius:var(--radius);padding:28px;margin:0}
.woocommerce .col-1 h2,.woocommerce .col-2 h2{font-size:22px;font-weight:700;margin-bottom:18px}
.woocommerce-form-login__rememberme{font-weight:400 !important}
.woocommerce-form__label-for-checkbox input{width:auto;margin-right:6px}

/* Account dashboard tables */
.woocommerce-orders-table,.woocommerce-table--order-details{border:1px solid var(--grey-200);border-radius:var(--radius);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce-orders-table thead th,.woocommerce-table--order-details thead th{background:var(--grey-100);font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:14px}
.woocommerce-orders-table td,.woocommerce-table--order-details td{padding:14px;border-top:1px solid var(--grey-200)}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .single-product div.product{grid-template-columns:minmax(0,1fr) !important;gap:28px}
  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary{min-width:0;max-width:100%}
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
}
@media(max-width:768px){
  .shop-wrap{padding:24px 0 40px}
  .woo-hero{padding:32px 0}
  .woo-hero h1{font-size:26px}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
  .single-product div.product form.cart{flex-wrap:wrap}
  .single-product div.product .product_title{font-size:22px;overflow-wrap:anywhere}
  .woocommerce-product-gallery{overflow:hidden}
  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery__wrapper,
  .woocommerce-product-gallery__image img,
  .woocommerce-product-gallery img.zoomImg{max-width:100% !important}
}
/* Mobile: one product per row (long product names need the full width) */
@media(max-width:480px){
  html,body{overflow-x:hidden;max-width:100%}
  .woocommerce ul.products{grid-template-columns:minmax(0,1fr) !important;gap:14px !important;max-width:100%}
  .woocommerce ul.products li.product{max-width:100%;overflow:hidden}
  .woocommerce ul.products li.product a img{width:100%;aspect-ratio:auto;height:200px;object-fit:contain;padding:10px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{padding:12px 16px 2px;font-size:15px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}
  .woocommerce ul.products li.product .price{padding:6px 16px 0;font-size:19px}
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .added_to_cart{margin:12px 16px 16px;padding:12px 16px;font-size:14px}
  .woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{float:none !important;display:block;width:auto;max-width:100%}
  .woocommerce .woocommerce-ordering select,.woocommerce-page select.orderby{max-width:100%;width:100%}
  .shop-main,.shop-layout{max-width:100%;min-width:0}
  .woocommerce nav.woocommerce-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%}
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span{min-width:38px;height:38px;line-height:38px;font-size:14px}
  /* Product tabs (Description / Specifications / Reviews): wrap instead of overflow */
  .woocommerce-tabs ul.tabs{flex-wrap:wrap;gap:0 2px}
  .woocommerce-tabs ul.tabs li a{padding:10px 12px !important;font-size:13.5px}
  /* Related / cross-sell headings and misc: never force width past the screen */
  .single-product div.product .woocommerce-tabs,
  .single-product div.product .related,
  .single-product div.product .upsells{max-width:100%;overflow:hidden}
}

/* =========================================================
   库存状态 / 购物车推荐 / 结账关税声明（设计方案 5.3 / 5.4 / 5.5）
   ========================================================= */

/* ---------- 库存状态标识 ---------- */
.smt-stock{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.2px}
.smt-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.smt-stock--in{color:#4CAF50}
.smt-stock--out{color:#FF5252}
.smt-stock--ask{color:#8B949E}
.smt-stock-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--grey-200)}
.smt-stock-note{font-size:12.5px;color:var(--grey-500)}
.woocommerce ul.products li.product .smt-stock{margin:0 0 6px;font-size:12.5px}

/* ---------- 购物车配件推荐 ---------- */
.smt-crosssell{margin-top:48px;padding-top:36px;border-top:1px solid var(--grey-200)}
.smt-crosssell h2{font-size:21px;font-weight:700;color:var(--grey-900);margin:0 0 6px}
.smt-crosssell__sub{font-size:14px;color:var(--grey-500);margin:0 0 24px}
.smt-crosssell ul.products{grid-template-columns:repeat(4,1fr)}

/* ---------- 结账关税/物流免责声明 ---------- */
.smt-customs{background:var(--grey-100);border:1px solid var(--grey-200);border-left:3px solid var(--blue-primary);
  border-radius:var(--radius);padding:20px 22px;margin:0 0 22px}
.smt-customs h4{font-size:14px;font-weight:700;color:var(--grey-900);margin:0 0 12px;display:flex;align-items:center;gap:9px}
.smt-customs h4 i{color:var(--blue-primary)}
.smt-customs ul{margin:0 0 16px;padding-left:20px}
.smt-customs li{list-style:disc;font-size:13px;line-height:1.7;color:var(--grey-500);margin-bottom:8px}
.smt-customs li:last-child{margin-bottom:0}
.smt-customs .smt-customs__ack{margin:0;padding:12px 14px;background:#fff;border:1px solid var(--grey-200);border-radius:6px}
/* 提高优先级压过 WooCommerce 自带的 .form-row label 规则。
   用悬挂缩进而不是 flex —— WooCommerce 把必填星号作为 label 的最后一个子元素，
   flex 布局会把它甩到行尾，block 流里它才紧跟文字。 */
.woocommerce form .smt-customs .smt-customs__ack label.checkbox,
.smt-customs .smt-customs__ack label{display:block!important;position:relative;padding:0 0 0 27px;margin:0;
  font-size:13.5px;font-weight:600;color:var(--grey-900);line-height:1.55;cursor:pointer;float:none;width:auto}
.woocommerce form .smt-customs .smt-customs__ack label.checkbox input[type=checkbox],
.smt-customs .smt-customs__ack input[type=checkbox]{position:absolute;left:0;top:3px;
  width:17px;height:17px;margin:0;accent-color:var(--blue-primary)}
.smt-customs .smt-customs__ack .required{color:var(--blue-primary);text-decoration:none;margin-left:2px}

@media(max-width:1024px){
  .smt-crosssell ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .smt-crosssell ul.products{grid-template-columns:1fr}
  .smt-stock-row{gap:8px}
}

/* ---------- 运费另行报价说明（方案 A） ---------- */
.smt-freight-note td{padding:10px 14px!important;background:var(--grey-100);border-top:0!important}
.smt-freight-note span{display:block;font-size:12.5px;line-height:1.65;color:var(--grey-500)}
.smt-freight-note span::before{content:"\f05a";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--blue-primary);margin-right:7px}

/* 原装/国产 版本下拉（样式仿 PCS 数量下拉） */
.smt-version-wrap{margin:0 0 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.smt-version-label{font-weight:600;color:var(--grey-700,#2d333b);min-width:60px}
.smt-version-select{padding:10px 40px 10px 14px;border:1px solid #d9dde3;border-radius:8px;font-size:15px;line-height:1.2;background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%208'%3E%3Cpath%20fill='%23666'%20d='M1%201l5%205%205-5'%20stroke='%23666'%20stroke-width='1.5'%20fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:12px;-webkit-appearance:none;appearance:none;min-width:190px;cursor:pointer}
.smt-version-select:focus{outline:none;border-color:var(--blue-primary,#e53935)}
.smt-version-select option[disabled]{color:#bbb}
@media(max-width:480px){.smt-version-select{width:100%}}
