.commerce-measure-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:14px 0 24px; }
.commerce-weight-preview { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:14px 0; border-top:1px solid #e0e5e7; color:#3f5259; font-size:13px; }
.commerce-weight-preview label { display:flex; align-items:center; gap:10px; }
.commerce-weight-preview select { width:100px; }
.commerce-legacy-packaging { margin-top:16px; }
.commerce-legacy-packaging summary, .commerce-rate-preview summary { cursor:pointer; font-weight:600; padding:12px 0; }
.settings-procurement-panel[data-settings-procurement-panel="shop"] { grid-template-columns:minmax(0,1fr); }
.settings-shop-workspace { min-width:0; width:100%; max-width:100%; overflow-wrap:anywhere; }
.settings-shop-workspace .field { min-width:0; }
.settings-shop-workspace .field input, .settings-shop-workspace .field select, .settings-shop-workspace .field textarea { min-width:0; max-width:100%; }
.commerce-shipping-admin { margin:32px 0; padding:24px 0; border-top:1px solid #d9e1e4; border-bottom:1px solid #d9e1e4; color:#20282c; min-width:0; }
.commerce-shipping-admin *, .commerce-retail-page *, .commerce-dialog * { box-sizing:border-box; letter-spacing:0; }
.commerce-shipping-admin h3 { font-size:19px; margin:0 0 6px; }
.commerce-admin-title, .commerce-admin-actions, .commerce-rule-toolbar, .commerce-country-heading, .commerce-rate-method-tools, .commerce-rule-flags { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.commerce-admin-title { justify-content:space-between; margin-bottom:20px; }
.commerce-admin-title span { font-size:12px; color:#647277; }
.commerce-admin-actions button, .commerce-rule-toolbar button { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.commerce-admin-actions svg, .commerce-rule-toolbar svg, .commerce-shipping-admin button svg { width:17px; height:17px; }
.commerce-rate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:16px 0; }
.commerce-rate-field { display:flex; flex-direction:column; gap:7px; min-width:0; font-size:12px; font-weight:600; }
.commerce-rate-field input, .commerce-rate-field select, .commerce-rule-toolbar>select, .commerce-country-heading input { width:100%; max-width:100%; min-width:0; min-height:38px; border:1px solid #cdd7db; border-radius:5px; background:#fff; color:#20282c; padding:8px 10px; font:inherit; }
.commerce-rule-toolbar { border-top:1px solid #e0e5e7; padding-top:20px; margin:20px 0; }
.commerce-rule-toolbar>select { flex:1 1 240px; width:auto; font-size:13px; }
.commerce-rule-flags { margin:16px 0; }
.commerce-shipping-warning { color:#8b3b15; background:#fff6e9; border-left:3px solid #c98938; padding:12px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.commerce-shipping-warning a { text-decoration:underline; }
.commerce-country-heading { padding-top:14px; }
.commerce-country-heading h4 { margin:0; font-size:14px; }
.commerce-country-heading input { flex:1 1 160px; width:auto; max-width:280px; font-size:13px; }
.commerce-country-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; max-height:245px; overflow:auto; border:1px solid #dce3e6; padding:12px; margin:12px 0 24px; border-radius:5px; }
.commerce-country-list label { display:flex; align-items:flex-start; gap:7px; padding:7px 2px; font-size:12px; overflow-wrap:anywhere; }
.commerce-country-list label[hidden] { display:none; }
.commerce-country-list input { flex:0 0 auto; margin-top:3px; }
.commerce-country-list small { display:block; color:#758085; font-size:10px; }
.commerce-rate-method { margin:18px 0; border:1px solid #dce3e6; border-radius:6px; padding:16px; min-width:0; }
.commerce-rate-method legend { padding:0 8px; font-size:14px; font-weight:700; }
.commerce-rate-method-tools label { font-size:12px; display:flex; align-items:center; gap:6px; }
.commerce-rate-method-tools .seller-icon-btn { margin-left:auto; }
.commerce-rate-preview { border-top:1px solid #e0e5e7; margin-top:22px; }
.commerce-rate-preview output { display:grid; gap:12px; margin-top:16px; font-size:13px; }
.commerce-rate-preview output div { display:flex; flex-wrap:wrap; gap:8px 22px; border-bottom:1px solid #e5e9eb; padding-bottom:12px; }
.commerce-dialog { width:min(660px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:0; color:#20282c; background:white; border:1px solid #d9e1e4; border-radius:8px; box-shadow:0 22px 90px #0004; overflow:auto; }
.commerce-dialog::backdrop { background:#10182099; }
.commerce-dialog>form { padding:24px; }
.commerce-dialog header { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #e0e5e7; padding-bottom:14px; }
.commerce-dialog h2 { font-size:21px; margin:0; }
.commerce-dialog header button, .commerce-image-dialog button { display:grid; place-items:center; width:36px; height:36px; border:1px solid #d9e1e4; border-radius:5px; color:#273238; background:white; cursor:pointer; flex-shrink:0; }
.commerce-dialog svg { width:18px; height:18px; }
.commerce-dialog p { font-size:13px; color:#59696f; line-height:1.65; overflow-wrap:anywhere; }
.commerce-dialog footer { display:flex; justify-content:flex-end; gap:12px; padding-top:18px; margin-top:20px; border-top:1px solid #e0e5e7; }
.commerce-dialog footer button { min-height:40px; padding:10px 16px; border:1px solid #cdd7db; border-radius:5px; cursor:pointer; font-weight:600; }
.commerce-dialog .commerce-measure-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.commerce-dialog button:disabled { opacity:.5; cursor:not-allowed; }
.commerce-review-dialog h3 { font-size:14px; margin:20px 0 5px; }
.commerce-review-items { display:grid; gap:12px; border-top:1px solid #e0e5e7; padding-top:16px; }
.commerce-review-items>div { display:flex; align-items:center; gap:14px; font-size:13px; }
.commerce-review-items img { width:64px; height:64px; object-fit:contain; flex-shrink:0; }
.commerce-review-items small { display:block; color:#69777e; margin-top:4px; }
.commerce-review-totals>div { display:flex; justify-content:space-between; gap:18px; margin:12px 0; font-size:14px; }
.commerce-review-totals dd { margin:0; }
.commerce-review-totals strong { color:#0a7269; font-size:21px; }
.commerce-delivery-options { display:grid; gap:10px; }
.commerce-delivery-options label { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #d8e1e5; border-radius:6px; cursor:pointer; min-width:0; }
.commerce-delivery-options label:has(input:checked) { border-color:#098b7b; background:#f0f9f6; }
.commerce-delivery-options input { flex-shrink:0; }
.commerce-delivery-options span { flex:1; min-width:0; }
.commerce-delivery-options strong, .commerce-delivery-options small { display:block; overflow-wrap:anywhere; }
.commerce-delivery-options strong { font-size:14px; }
.commerce-delivery-options small, .commerce-delivery-note { color:#65757c; font-size:12px; margin-top:6px; line-height:1.6; }
.commerce-delivery-options b { font-size:14px; flex-shrink:0; }
.shop-checkout-summary [data-checkout-review] { width:100%; margin-bottom:8px; }
.shop-checkout-summary [data-checkout-grand-total] { font-size:23px; }
.commerce-retail-page { width:min(1560px,calc(100% - 64px)); max-width:1920px; margin:0 auto; padding-bottom:48px; color:#20282c; }
.commerce-retail-page .product-detail-breadcrumb { padding:24px 0 18px; font-size:12px; }
.commerce-product-layout { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) 292px; gap:30px; align-items:start; }
.commerce-product-gallery.detail-media { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; min-width:0; position:sticky; top:100px; background:transparent; padding:0; border:0; border-radius:0; overflow:visible; }
.commerce-product-thumbnails { display:flex; flex-direction:column; gap:10px; max-height:580px; overflow:auto; }
.commerce-product-thumbnails .detail-gallery-thumb { width:60px; height:60px; min-width:60px; border:1px solid #d1dadd; border-radius:5px; padding:3px; background:white; overflow:hidden; }
.commerce-product-thumbnails .detail-gallery-thumb.is-active { border:2px solid #088b7c; }
.commerce-product-thumbnails img { width:100%; height:100%; object-fit:contain; }
.commerce-product-image { border:0; background:#fff; width:100%; min-width:0; padding:0; cursor:zoom-in; aspect-ratio:1/1; }
.commerce-product-gallery .detail-main-image { width:100%; height:100%; max-height:none; min-height:0; object-fit:contain; border-radius:0; display:block; }
.commerce-video-thumb { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:60px; height:60px; min-height:60px; border:1px solid #d1dadd; border-radius:5px; font-size:10px; color:#1e4d49; background:white; }
.commerce-video-thumb svg { width:20px; height:20px; }
.commerce-product-information { min-width:0; }
.commerce-product-information h1 { font-size:26px; line-height:1.35; margin:6px 0 14px; overflow-wrap:anywhere; }
.commerce-product-sku { font-size:12px; color:#68767c; }
.commerce-product-information .product-rating-summary { font-size:12px; padding-bottom:16px; border-bottom:1px solid #dce3e6; }
.commerce-product-information>p, .commerce-product-highlights { font-size:14px; line-height:1.8; color:#425057; }
.commerce-product-highlights { padding-left:20px; }
.commerce-product-highlights:empty { display:none; }
.commerce-product-highlights li { margin:8px 0; }
.commerce-product-specs { font-size:13px; margin:20px 0; }
.commerce-product-specs>div { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:12px; padding:10px 0; border-bottom:1px solid #edf0f1; }
.commerce-product-specs dt { color:#68777c; }
.commerce-product-specs dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.commerce-section-link { color:#09766a; font-size:13px; text-decoration:underline; }
.commerce-product-buybox.product-purchase-actions { display:flex; flex-direction:column; gap:14px; padding:20px; border:1px solid #d7e0e4; border-radius:6px; background:#fff; position:sticky; top:100px; left:auto; right:auto; bottom:auto; transform:none; z-index:auto; box-shadow:none; min-width:0; }
.commerce-retail-price { font-size:27px; font-weight:750; line-height:1.2; color:#151f24; overflow-wrap:anywhere; }
.commerce-retail-price small { display:block; font-size:11px; color:#68777c; margin-top:4px; font-weight:400; }
.commerce-retail-stock { color:#08786d; font-size:12px; margin:0; }
.commerce-buybox-label { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:600; min-width:0; }
.commerce-buybox-label input, .commerce-buybox-label select { width:100%; min-width:0; height:39px; padding:8px; background:white; border:1px solid #cdd8dd; border-radius:5px; color:#263238; font:inherit; }
.commerce-product-buybox>button { width:100%; min-height:42px; margin:0; }
.commerce-product-buybox>button:disabled { opacity:.5; cursor:not-allowed; }
.commerce-product-buybox .shop-add-btn { border-color:#0d8d7f; color:#087b6f; background:#eff9f5; }
.commerce-product-buybox>a { font-size:12px; color:#5c6b71; text-align:center; }
.commerce-product-delivery { border-top:1px solid #e0e6e9; padding-top:16px; min-width:0; }
.commerce-product-delivery>button { margin-top:9px; width:100%; }
.commerce-product-delivery output { display:grid; gap:12px; margin-top:12px; font-size:12px; line-height:1.5; color:#596a71; overflow-wrap:anywhere; }
.commerce-product-delivery output span { display:grid; gap:3px; }
.commerce-product-delivery output small { font-size:11px; }
.commerce-product-section-nav { display:flex; gap:26px; border-top:1px solid #dbe3e7; border-bottom:1px solid #dbe3e7; padding:18px 0; margin-top:36px; font-size:14px; font-weight:600; overflow-x:auto; }
.commerce-product-section-nav a { white-space:nowrap; }
.commerce-product-measurements { padding:30px 0; border-top:1px solid #dbe3e7; scroll-margin-top:100px; }
.commerce-product-measurements h2 { font-size:22px; }
.commerce-product-measurements dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 30px; }
.commerce-product-measurements dl>div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid #edf0f1; font-size:13px; }
.commerce-product-measurements dd { margin:0; font-weight:600; }
.commerce-retail-page #retail-product-details { scroll-margin-top:100px; }
.commerce-retail-page .product-detail-longform { width:100%; margin:0; padding-left:0; padding-right:0; }
.commerce-image-dialog { width:min(1000px,calc(100vw - 32px)); }
.commerce-image-dialog>form { padding:20px; position:relative; }
.commerce-image-dialog button { position:sticky; top:0; margin-left:auto; z-index:1; }
.commerce-image-dialog img { display:block; width:100%; max-height:calc(100dvh - 110px); object-fit:contain; }
@media(max-width:1200px) {
  .commerce-product-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px; gap:20px; }
  .commerce-product-gallery.detail-media { grid-template-columns:minmax(0,1fr); }
  .commerce-product-thumbnails { flex-direction:row; grid-row:2; max-height:none; }
  .commerce-product-information h1 { font-size:23px; }
  .commerce-measure-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:960px) {
  .commerce-retail-page { width:calc(100% - 40px); }
  .commerce-product-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .commerce-product-gallery.detail-media { position:static; }
  .commerce-product-buybox.product-purchase-actions { grid-column:1 / -1; position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commerce-product-delivery { grid-column:1 / -1; }
  .commerce-product-buybox>a { grid-column:1 / -1; }
  .commerce-rate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commerce-country-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .settings-shop-workspace .editor-grid, .settings-shop-workspace .shop-gateway-grid, .settings-shop-workspace .shop-gateway-controls, .settings-shop-workspace .shop-gateway-credentials { grid-template-columns:minmax(0,1fr); }
  .commerce-retail-page { width:calc(100% - 28px); }
  .commerce-product-layout { display:flex; flex-direction:column; gap:24px; }
  .commerce-product-gallery.detail-media, .commerce-product-information, .commerce-product-buybox.product-purchase-actions { width:100%; }
  .commerce-product-gallery.detail-media { display:flex; flex-direction:column-reverse; gap:12px; }
  .commerce-product-thumbnails { width:100%; }
  .commerce-product-information h1 { font-size:23px; }
  .commerce-product-buybox.product-purchase-actions { display:flex; padding:18px; }
  .commerce-product-specs { margin-bottom:12px; }
  .commerce-retail-price { font-size:26px; }
  .commerce-product-measurements dl { grid-template-columns:minmax(0,1fr); }
  .commerce-rate-grid, .commerce-country-list, .commerce-dialog .commerce-measure-grid { grid-template-columns:minmax(0,1fr); }
  .commerce-admin-actions { flex:1 1 100%; }
  .commerce-admin-actions button { flex:1 1 120px; }
  .commerce-admin-title { align-items:flex-start; }
  .commerce-rule-toolbar { align-items:stretch; }
  .commerce-rule-toolbar>select, .commerce-rule-toolbar>.text-btn { flex:1 1 100%; }
  .commerce-country-heading input { max-width:none; flex-basis:100%; }
  .commerce-rate-method { padding:12px; }
  .commerce-country-list { max-height:220px; }
  .commerce-dialog>form { padding:18px; }
  .commerce-dialog footer { flex-wrap:wrap; }
  .commerce-dialog footer button { flex:1 1 100%; }
  .commerce-dialog h2 { font-size:19px; }
  .commerce-delivery-options label { flex-wrap:wrap; padding:12px; }
  .commerce-delivery-options label span { flex-basis:calc(100% - 40px); }
  .commerce-delivery-options label b { margin-left:27px; }
  .commerce-product-section-nav { gap:22px; font-size:13px; }
  .commerce-measure-grid { gap:12px; }
}