/* Native Fscom bridges only. Approved React geometry lives in surin-reference-20261010.css,
   loaded last. This sheet clears legacy native layout assumptions without changing data,
   selectors, forms, widget output, native stock/price decisions or purchase handlers. */
html.surin-redesign #surin-main .surin-native-catalog { margin-block: 0 48px; }
html.surin-redesign #surin-main .surin-native-catalog > .side-2 { float: none; width: auto; margin: 0; padding: 0; }
html.surin-redesign #surin-main .surin-native-catalog > .center-2 { float: none; width: auto; margin: 0; padding: 0; }
html.surin-redesign #surin-main .surin-native-catalog .container { width: 100%; max-width: none; padding-inline: 0; margin: 0; }
html.surin-redesign #surin-main .surin-native-filters .filters-body { display: block; padding: 6px 18px 18px; }
html.surin-redesign #surin-main .surin-native-filters .filters-body > .d-flex { display: block !important; }
html.surin-redesign #surin-main .surin-native-filters .list-filters { flex-direction: column; flex-wrap: nowrap !important; width: 100%; padding-block: 0 !important; gap: 0; }
html.surin-redesign #surin-main .surin-native-filters .product-filter { width: 100%; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--line, #e6e7eb); background: #fff; }
html.surin-redesign #surin-main .surin-native-filters .filter-title { position: static; padding: 0; margin: 0 0 10px; font-size: 13px; font-weight: 700; background: transparent; color: var(--ink, #292626); }
html.surin-redesign #surin-main .surin-native-filters .filter-content { opacity: 1; pointer-events: auto; top: auto; max-height: none; overflow-y: visible; position: static; width: auto; max-width: 100%; padding: 0; margin: 0; border: 0; box-shadow: none; background: #fff; }
html.surin-redesign #surin-main .surin-native-filters .filter-content li { position: relative; min-height: 34px; padding-block: 4px; font-size: 13px; }
html.surin-redesign #surin-main .surin-native-filters .custom-control-label { display: block; min-height: 34px; padding-block: 4px; cursor: pointer; }
html.surin-redesign #surin-main .surin-native-filters .custom-control-label::before { border-color: var(--line-2, #d5d6dc); background: #fff; }
html.surin-redesign #surin-main .surin-native-filters .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--brand, #d8204b); background: var(--brand, #d8204b); }
html.surin-redesign #surin-main .surin-native-filters .custom-control-input:focus ~ .custom-control-label::before { outline: 2px solid var(--brand, #d8204b); outline-offset: 2px; box-shadow: none; }
html.surin-redesign #surin-main .surin-native-filters .selected-price-range { font-size: 12px; }
html.surin-redesign #surin-main .surin-native-filters input[type=checkbox] { accent-color: var(--brand, #d8204b); }
html.surin-redesign #surin-main .catalog-head.cat-page-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
html.surin-redesign #surin-main .catalog-head .page-title { padding: 0; margin: 0; }
html.surin-redesign #surin-main .catalog-head .page-title h1 { font-size: var(--t-3xl, 32px); }
html.surin-redesign #surin-main .catalog-results .page { padding: 0; margin: 0; }
html.surin-redesign #surin-main .catalog-results .page-body { margin: 0; }
html.surin-redesign #surin-main .catalog-selector { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 14px; margin: 0 0 16px; padding: 12px !important; border: 1px solid var(--line, #e6e7eb); border-radius: 16px; background: #fff; }
html.surin-redesign #surin-main .catalog-selector :is(.product-sorting,.product-page-size) > div { position: static; opacity: 1; pointer-events: auto; top: auto; inset-inline: auto; width: auto; max-height: none; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
html.surin-redesign #surin-main .catalog-selector :is(.product-sorting,.product-page-size) { border: 0; border-radius: 0; background: transparent; padding: 0; }
html.surin-redesign #surin-main .catalog-selector :is(.product-sorting,.product-page-size) .title { width: auto; }
html.surin-redesign #surin-main .catalog-selector :is(.product-sorting,.product-page-size) .title::after { content: none; }
html.surin-redesign #surin-main .catalog-selector:empty { display: none !important; }
html.surin-redesign #surin-main :is(.catalog-selector,.product-selectors) :is(.product-sorting,.product-page-size) { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ink-3, #4c4948); font-size: 12px; }
html.surin-redesign #surin-main :is(.catalog-selector,.product-selectors) select { display: block; min-width: 120px; width: auto; max-width: 100%; height: 46px; padding: 0 10px; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; background: var(--surface, #f7f8fa); font: inherit; }
/* Native main-js builds custom desktop radio lists in addition to the real selects.
   Keep native inputs as the one visible desktop representation; their change listeners remain. */
html.surin-redesign #surin-main .catalog-selector :is(#sortBy,#pageSize) { display: none; }
html.surin-redesign #surin-main .product-viewmode { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; background: #fff; }
html.surin-redesign #surin-main .viewmode-icon { display: grid; width: 38px; height: 38px; padding: 0; margin: 0; place-items: center; border: 0; border-radius: 8px; color: var(--muted, #62605f); background: #fff; }
html.surin-redesign #surin-main .viewmode-icon.selected { color: var(--brand, #d8204b); background: var(--surface, #f7f8fa); }
html.surin-redesign #surin-main .surin-native-search { margin: 0 0 16px; }
html.surin-redesign #surin-main .surin-native-search form { width: 100%; }
html.surin-redesign #surin-main .surin-basic-search { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
html.surin-redesign #surin-main .surin-basic-search .form-group:first-child { flex: 1 1 220px; }
html.surin-redesign #surin-main .surin-native-search .form-group { margin: 0; }
html.surin-redesign #surin-main .surin-native-search :is(input[type=text],select) { min-height: 46px; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; background: var(--surface, #f7f8fa); font: inherit; }
html.surin-redesign #surin-main .surin-native-search .advanced-search { padding-top: 16px; }
html.surin-redesign #surin-main .surin-native-search .advanced-search .form-group { margin-bottom: 12px; }
html.surin-redesign #surin-main .surin-search-actions { display: flex; justify-content: flex-end; margin-top: 12px; }
/* Native subcategories share the old .category-grid name with the new Home rail.
   Isolate this real catalog branch: keep all source links/photos and clear grid/Bootstrap geometry. */
html.surin-redesign #surin-main .category-page .category-grid.sub-category-grid { display: flex; flex-wrap: nowrap; grid-template-columns: none; grid-auto-flow: unset; grid-auto-columns: auto; gap: 8px; width: 100%; min-width: 0; margin: 0 0 20px !important; padding: 4px 0 8px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; mask-image: none; animation: none; transform: none; scroll-snap-type: none; }
html.surin-redesign #surin-main .category-page .sub-category-grid > .item-box { flex: 0 0 190px; float: none; width: 190px; max-width: none; min-width: 0; padding: 0; margin: 0; }
html.surin-redesign #surin-main .category-page .sub-category-item { display: flex; flex-direction: row-reverse; align-items: center; gap: 8px; width: 100%; min-height: 64px; padding: 8px 10px; margin: 0; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; background: #fff; box-shadow: none; }
html.surin-redesign #surin-main .category-page .sub-category-item:hover { border-color: var(--line-2, #d5d6dc); box-shadow: var(--sh-xs); }
html.surin-redesign #surin-main .category-page .sub-category-item .title { position: static; inset: auto; flex: 1 1 auto; min-width: 0; padding: 0; margin: 0; font-family: inherit !important; font-size: 13px; font-weight: 600; line-height: 1.65; text-align: start; background: transparent; color: var(--ink-2, #4c4948); }
html.surin-redesign #surin-main .category-page .sub-category-item .title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 44px; overflow: hidden; color: inherit; }
html.surin-redesign #surin-main .category-page .sub-category-item .picture { flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: #fff; }
html.surin-redesign #surin-main .category-page .sub-category-item .picture a { display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; padding: 0; background: #fff; }
html.surin-redesign #surin-main .category-page .sub-category-item .picture img { display: block; width: 44px; height: 44px; max-width: 100%; max-height: 100%; margin: 0; padding: 0; object-fit: contain; }
/* Preserve the native grid/list switch and all item data/hooks. */
html.surin-redesign #surin-main :is(.catalog-results,.manufacturer-page,.products-by-tag-page,.new-products-page) .product-grid > .item-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
html.surin-redesign #surin-main .product-grid > .item-grid > .item-box { float: none; width: auto; max-width: none; min-width: 0; padding: 0; margin: 0; }
html.surin-redesign #surin-main .surin-product-card { height: 100%; margin: 0; padding: 0; border: 1px solid var(--line, #e6e7eb); border-radius: var(--r-lg, 22px); background: #fff; text-align: start; }
html.surin-redesign #surin-main .surin-product-card:hover { border-color: var(--line-2, #d5d6dc); box-shadow: var(--sh-md); transform: translateY(-3px); }
html.surin-redesign #surin-main .surin-product-card .product-card-media { width: auto; height: auto; margin: 0; padding: 0; border-radius: 0; }
html.surin-redesign #surin-main .surin-product-card .picture::after { content: none; }
html.surin-redesign #surin-main .surin-product-card .picture > a { position: absolute; inset: 10px; display: block; width: auto; height: auto; }
html.surin-redesign #surin-main .surin-product-card .picture img { position: static; max-width: 100%; max-height: 100%; margin: 0; padding: 0; }
html.surin-redesign #surin-main .surin-product-card .details { width: auto; height: auto; margin: 0; text-align: start; }
html.surin-redesign #surin-main .surin-product-card .product-title { display: block; height: auto; min-height: 0; padding: 0; margin-block: 10px 12px; font-family: inherit !important; font-size: var(--t-base, 15px); font-weight: 700; line-height: 1.75; overflow: visible; overflow-wrap: anywhere; text-align: start; -webkit-line-clamp: unset; }
html.surin-redesign #surin-main .surin-product-card :is(.sku,.product-rating-box) { font-size: 12px; margin: 4px 0; }
html.surin-redesign #surin-main .surin-product-card .description { height: auto; max-height: 3.6em; padding: 0; margin: 8px 0; line-height: 1.8; text-align: start; font-family: inherit !important; color: var(--ink-3, #4c4948); font-size: 12px; overflow-wrap: anywhere; }
html.surin-redesign #surin-main .surin-product-card .product-card-body:has(.spec-list li) > .description { display: none; }
html.surin-redesign #surin-main .surin-product-card .spec-list { padding: 0; margin: 0; list-style: none; }
html.surin-redesign #surin-main .surin-product-card .add-info { position: static; width: auto; height: auto; }
html.surin-redesign #surin-main .surin-product-card .prices { display: block; position: static; width: auto; height: auto; margin: 0; padding-top: 12px; padding-bottom: 0; text-align: start; }
html.surin-redesign #surin-main .surin-product-card .price { float: none; }
html.surin-redesign #surin-main .surin-product-card .actual-price { display: block; color: var(--ink, #292626); font-size: var(--t-lg, 18px); font-weight: 800; }
html.surin-redesign #surin-main .surin-product-card .price-block--inquiry .actual-price { color: var(--ink-2, #4c4948); font-size: var(--t-md, 16px); }
html.surin-redesign #surin-main .surin-product-card .badge.offer { position: static; display: inline-flex; margin: 0; padding: 3px 6px; border: 1px solid var(--brand, #d8204b); border-radius: 8px; background: #fff; color: var(--brand, #d8204b); font-size: 12px; }
html.surin-redesign #surin-main .surin-product-card .old-price { display: block; color: var(--muted, #62605f); font-size: 12px; text-decoration: line-through; }
html.surin-redesign #surin-main .surin-product-card :is(.tax-shipping-info,.base-price-pangv) { display: block; margin-top: 3px; color: var(--muted, #62605f); font-size: 12px; }
html.surin-redesign #surin-main .surin-product-card .buttons { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; position: static; width: auto; padding: 0; margin-top: 12px; }
html.surin-redesign #surin-main .surin-product-card .button-2 { position: static; inset: auto; display: inline-flex; width: auto; height: auto; min-height: 40px; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0 14px; border: 1px solid transparent; border-radius: 12px; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1; }
html.surin-redesign #surin-main .surin-product-card .button-2::before,
html.surin-redesign #surin-main .surin-product-card .button-2::after { content: none; }
html.surin-redesign #surin-main .surin-product-card .product-box-add-to-cart-button.btn--primary { color: #fff; background: var(--brand-gradient); box-shadow: var(--sh-sm); }
html.surin-redesign #surin-main .surin-product-card .product-box-add-to-cart-button.btn--primary:hover { color: #fff; background: var(--brand-gradient-hover); box-shadow: var(--sh-md); transform: translateY(-1px); }
html.surin-redesign #surin-main .surin-product-card .product-box-add-to-cart-button.btn--quote { border-color: var(--line-2, #d5d6dc); color: var(--ink-2, #4c4948); background: #fff; box-shadow: none; }
html.surin-redesign #surin-main .surin-product-card .product-box-add-to-cart-button.btn--quote:hover { border-color: var(--brand, #d8204b); color: var(--brand, #d8204b); background: var(--brand-tint, #fff); }
html.surin-redesign #surin-main .surin-product-card .add-to-compare-list-button { width: 40px; padding-inline: 0; border-color: var(--line, #e6e7eb); color: var(--ink-3, #4c4948); background: #fff; box-shadow: none; }
html.surin-redesign #surin-main .surin-product-card .add-to-compare-list-button:hover { border-color: var(--brand, #d8204b); color: var(--brand, #d8204b); background: var(--surface, #f7f8fa); }
html.surin-redesign #surin-main .surin-product-card .ghost-icon { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; inset-block-end: auto; inset-inline-start: auto; display: grid; width: 34px; height: 34px; min-height: 34px; padding: 0; border: 1px solid var(--line, #e6e7eb); border-radius: 8px; color: var(--muted, #62605f); background: #fff; box-shadow: none; }
html.surin-redesign #surin-main .surin-product-card .ghost-icon:hover { border-color: var(--brand-line, #d5d6dc); color: var(--brand, #d8204b); background: var(--brand-tint, #fff); }
html.surin-redesign #surin-main .surin-product-card .product-card-actions .btn--icon { padding-inline: 10px; }
html.surin-redesign #surin-main .surin-card-unavailable { margin-top: auto; padding-top: 14px; color: var(--muted, #62605f); font-size: 12px; }
html.surin-redesign #surin-main .product-list .item-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
html.surin-redesign #surin-main .product-list .item-box { width: 100%; max-width: none; padding: 0; }
html.surin-redesign #surin-main .product-list .product-card { flex-direction: row; align-items: stretch; }
html.surin-redesign #surin-main .product-list .product-card-media { flex: 0 0 220px; width: 220px; aspect-ratio: 1; border-bottom: 0; border-inline-end: 1px solid var(--line, #e6e7eb); }
html.surin-redesign #surin-main .product-list .product-card-body { padding: 20px; }
html.surin-redesign #surin-main .product-list .product-card-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
html.surin-redesign #surin-main .product-list .price-block { border: 0; padding: 0; }
/* Product: native pictures, zoom/video and every business component stay in one form. */
html.surin-redesign #surin-main .surin-product-detail .page-body { padding-block: 0 48px; }
html.surin-redesign #surin-main .surin-product-detail .detail { margin-top: 24px; }
html.surin-redesign #surin-main .surin-product-detail .detail > :not(.col-lg-5):not(.detail-info) { grid-column: 1 / -1; }
html.surin-redesign #surin-main .surin-product-detail .detail > .col-lg-5 { float: none; width: auto; max-width: none; padding: 0; }
html.surin-redesign #surin-main .surin-product-detail .detail-info { float: none; width: auto; max-width: none; margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .gallery { position: sticky; top: 150px; width: auto; height: auto; padding: 0; margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .gallery.notSticky { position: static; }
html.surin-redesign #surin-main .surin-product-detail .gallery:has(.picture-thumbs) { display: grid; grid-template-columns: 78px minmax(0, 1fr); align-items: start; gap: 12px; }
html.surin-redesign #surin-main .surin-product-detail .gallery > .picture { display: grid; grid-column: 2; grid-row: 1; min-height: 0; width: 100%; height: auto; aspect-ratio: 1; padding: 20px; margin: 0; border: 1px solid var(--line, #e6e7eb); border-radius: 22px; place-items: center; background: #fff; }
html.surin-redesign #surin-main .surin-product-detail .gallery:not(:has(.picture-thumbs)) > .picture { grid-column: auto; }
html.surin-redesign #surin-main .surin-product-detail .gallery > .picture > a { display: block; width: 100%; height: 100%; }
html.surin-redesign #surin-main .surin-product-detail .gallery .picture img { position: static; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; object-fit: contain; }
html.surin-redesign #surin-main .surin-product-detail .picture-thumbs { display: flex; grid-column: 1; grid-row: 1; flex-direction: column; gap: 8px; width: 78px; margin: 0; padding: 0; max-height: 480px; overflow-y: auto; }
html.surin-redesign #surin-main .surin-product-detail .thumb-item { display: grid; flex: 0 0 74px; width: 74px; height: 74px; padding: 4px; margin: 0; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; place-items: center; background: #fff; cursor: pointer; }
html.surin-redesign #surin-main .surin-product-detail .thumb-item.active { border-color: var(--brand, #d8204b); }
html.surin-redesign #surin-main .surin-product-detail .thumb-item img { width: 100%; height: 100%; object-fit: contain; }
html.surin-redesign #surin-main .surin-product-detail .product-name { padding: 0; margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .product-name h1 { padding: 0; margin-block: 12px 14px; font-family: inherit !important; font-size: var(--t-3xl, 32px); font-weight: 800; line-height: 1.6; border: 0; color: var(--ink, #292626); text-align: start; }
html.surin-redesign #surin-main .surin-product-detail .detail-brand .manufacturers { padding: 0; margin: 0; color: inherit; font: inherit; }
html.surin-redesign #surin-main .surin-product-detail .detail-brand :is(a,span) { color: inherit; }
html.surin-redesign #surin-main .surin-product-detail .detail-meta :is(.availability,.additional-details) { margin: 0; padding: 0; }
html.surin-redesign #surin-main .surin-product-detail .short-description { padding: 0; text-align: start; }
html.surin-redesign #surin-main .surin-product-detail .detail-specs { padding: 0; margin: 0; list-style: none; }
html.surin-redesign #surin-main .surin-product-detail .buy-panel { border-color: var(--line, #e6e7eb); background: linear-gradient(150deg, var(--surface, #f7f8fa), #fff 75%); }
html.surin-redesign #surin-main .surin-product-detail .buy-price .prices { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; }
html.surin-redesign #surin-main .surin-product-detail .buy-price :is(.product-price,.product-price span,.rental-price,.rental-price span) { color: var(--ink, #292626); font-size: var(--t-2xl, 26px); font-weight: 800; }
html.surin-redesign #surin-main .surin-product-detail .buy-price .call-for-price { color: var(--ink-2, #4c4948); font-size: var(--t-2xl, 26px); font-weight: 800; }
html.surin-redesign #surin-main .surin-product-detail .add-to-cart { margin: 0; padding: 0; }
html.surin-redesign #surin-main .surin-product-detail .add-to-cart-panel { position: static; inset: auto; padding: 0; align-items: stretch; background: transparent; box-shadow: none; }
html.surin-redesign #surin-main .surin-product-detail .qty-box { padding: 0; overflow: hidden; }
html.surin-redesign #surin-main .surin-product-detail .qty-input { display: block; width: 36px; min-width: 36px; min-height: 0; height: 52px; border: 0; padding: 0; margin: 0; text-align: center; color: var(--ink, #292626); font-size: 15px; font-weight: 700; background: #fff; }
html.surin-redesign #surin-main .surin-product-detail .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .qty-input { -moz-appearance: textfield; }
html.surin-redesign #surin-main .surin-product-detail .btn-qty { display: grid; width: 44px; height: 100%; padding: 0; border: 0; border-radius: 0; place-items: center; background: transparent; color: var(--ink-2, #4c4948); }
html.surin-redesign #surin-main .surin-product-detail .qty-dropdown { min-width: 88px; min-height: 54px; padding: 0 10px; border: 1px solid var(--line-2, #d5d6dc); border-radius: 12px; background: #fff; font: inherit; }
html.surin-redesign #surin-main .surin-product-detail .add-to-cart-button { width: auto; margin: 0; min-height: 54px; }
html.surin-redesign #surin-main .surin-product-detail .surin-direct-inquiry { display: flex; margin-top: 10px; }
html.surin-redesign #surin-main .surin-product-detail .customer-entered-price .price-input { width: 100% !important; max-width: 360px; }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary { flex-wrap: wrap; justify-content: flex-start; }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary :is(.add-to-wishlist,.compare-products,.email-a-friend) { margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary :is(input[type=button],button) { min-height: 44px; padding-inline: 16px; border: 1px solid var(--line, #e6e7eb); border-radius: 12px; color: var(--ink-3, #4c4948); background: #fff; font-size: 13px; font-weight: 700; }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary :is(.add-to-wishlist-button,.add-to-compare-list-button)::before { content: ""; display: inline-block; flex: 0 0 17px; width: 17px; height: 17px; margin: 0; background: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary .add-to-wishlist-button::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%2F%3E%3C%2Fsvg%3E"); }
html.surin-redesign #surin-main .surin-product-detail .detail-secondary .add-to-compare-list-button::before { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C181.66l-32%2C32a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C184H48a8%2C8%2C0%2C0%2C1%2C0-16H188.69l-18.35-18.34a8%2C8%2C0%2C0%2C1%2C11.32-11.32l32%2C32A8%2C8%2C0%2C0%2C1%2C213.66%2C181.66Zm-139.32-64a8%2C8%2C0%2C0%2C0%2C11.32-11.32L67.31%2C88H208a8%2C8%2C0%2C0%2C0%2C0-16H67.31L85.66%2C53.66A8%2C8%2C0%2C0%2C0%2C74.34%2C42.34l-32%2C32a8%2C8%2C0%2C0%2C0%2C0%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M213.66%2C181.66l-32%2C32a8%2C8%2C0%2C0%2C1-11.32-11.32L188.69%2C184H48a8%2C8%2C0%2C0%2C1%2C0-16H188.69l-18.35-18.34a8%2C8%2C0%2C0%2C1%2C11.32-11.32l32%2C32A8%2C8%2C0%2C0%2C1%2C213.66%2C181.66Zm-139.32-64a8%2C8%2C0%2C0%2C0%2C11.32-11.32L67.31%2C88H208a8%2C8%2C0%2C0%2C0%2C0-16H67.31L85.66%2C53.66A8%2C8%2C0%2C0%2C0%2C74.34%2C42.34l-32%2C32a8%2C8%2C0%2C0%2C0%2C0%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
html.surin-redesign #surin-main .surin-product-detail .product-specs-box { font-family: inherit !important; }
html.surin-redesign #surin-main .surin-product-detail .fixed-tab { background: #fff; border-bottom: 1px solid var(--line, #e6e7eb); box-shadow: 0 5px 18px rgba(41,38,38,.06); }
html.surin-redesign #surin-main .surin-product-detail .fixed-tab .picture { width: 54px; height: 54px; flex: 0 0 54px; margin: 0 12px 0 0; background: #fff; }
html.surin-redesign #surin-main .surin-product-detail .fixed-tab .picture img { width: 100%; height: 100%; object-fit: contain; }
html.surin-redesign #surin-main .surin-product-detail .fixed-tab .add-to-cart-panel { align-items: stretch; margin: 0; }
html.surin-redesign #surin-main .surin-product-detail .product-tabs { margin-top: 28px; padding: 0; border: 1px solid var(--line, #e6e7eb); border-radius: 22px; background: #fff; }
html.surin-redesign #surin-main .surin-product-detail .productTabs-hedaer { padding: 0; border-bottom: 1px solid var(--line, #e6e7eb); background: #fff; }
html.surin-redesign #surin-main .surin-product-detail .productTabs-body { padding: 24px; }
html.surin-redesign #surin-main .surin-product-detail .product-specs-box :is(th,td) { padding: 12px 16px; border: 1px solid var(--line, #e6e7eb); font-size: 13px; }
html.surin-redesign #surin-main .surin-product-detail .full-description { overflow-wrap: anywhere; }
html.surin-redesign #surin-main .surin-product-detail .full-description img { max-width: 100%; height: auto; object-fit: contain; }
@media (min-width: 992px) {
  html.surin-redesign #surin-main .surin-native-filters .filter-content { display: block !important; }
}
@media (max-width: 1100px) and (min-width: 768px) {
  html.surin-redesign #surin-main :is(.catalog-results,.manufacturer-page,.products-by-tag-page,.new-products-page) .product-grid > .item-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  html.surin-redesign #surin-main .surin-native-filters { position: static; overflow: visible; border: 0; box-shadow: none; }
  html.surin-redesign #surin-main .surin-native-filters > .filters-toggle { display: none; }
  html.surin-redesign #surin-main .surin-native-filters .filters-body { max-height: none; overflow: visible; padding: 0; }
  html.surin-redesign #surin-main .surin-native-filters .list-filters { padding: 64px 16px 150px !important; z-index: 170; background: #fff; overscroll-behavior: contain; }
  html.surin-redesign #surin-main .surin-native-filters .list-filters.opened { padding: 64px 16px 150px !important; }
  html.surin-redesign #surin-main .surin-native-filters .custom-control-label { min-height: 44px; }
  html.surin-redesign #surin-main .surin-native-filters .filter-title { min-height: 44px; padding-block: 10px; }
  html.surin-redesign #surin-main .surin-native-filters :is(.product-sorting,.product-page-size) { padding-block: 16px; }
  html.surin-redesign #surin-main .catalog-results .catalog-selector { display: none !important; }
  html.surin-redesign #surin-main .surin-product-detail .gallery { position: static; }
  html.surin-redesign #surin-main .surin-product-detail .gallery:has(.picture-thumbs) { grid-template-columns: 1fr; }
  html.surin-redesign #surin-main .surin-product-detail .gallery > .picture { grid-column: 1; grid-row: 1; }
  html.surin-redesign #surin-main .surin-product-detail .picture-thumbs { grid-column: 1; grid-row: 2; flex-direction: row; flex-wrap:nowrap; width: 100%; max-height: none; overflow-x: auto; overflow-y: hidden; }
}
@media (max-width: 767px) {
  html.surin-redesign #surin-main :is(.catalog-results,.manufacturer-page,.products-by-tag-page,.new-products-page) .product-grid > .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html.surin-redesign #surin-main .surin-product-card .ghost-icon { width: 44px; height: 44px; min-height: 44px; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .product-title { font-size: var(--t-sm, 13px); min-height: 4.9em; line-height: 1.65; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .description { display: none; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .actual-price { font-size: var(--t-sm, 13px); }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .button-2 { min-height: 44px; padding-inline: 6px; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .add-to-compare-list-button { width: 44px; }
  html.surin-redesign #surin-main .surin-native-filters .list-filters :is(.title,.confirm-delete) { z-index: 175; }
  html.surin-redesign #surin-main .product-list .product-card { flex-direction: row; }
  html.surin-redesign #surin-main .product-list .product-card-media { flex-basis: 110px; width: 110px; }
  html.surin-redesign #surin-main .product-list .product-card-body { padding: 12px; }
  html.surin-redesign #surin-main .surin-product-detail .surin-purchase-controls { padding-bottom: 144px; }
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel { position: fixed; z-index: 89; inset-inline: 0; bottom: calc(var(--surin-mobile-nav-height, 70px) + env(safe-area-inset-bottom)); display: grid; grid-template-columns: 126px minmax(0, 1fr); flex-direction: row; align-items: center; gap: 8px; padding: 12px 16px; margin: 0; border-top: 1px solid var(--line, #e6e7eb); background: #fff; box-shadow: 0 -4px 20px rgba(41,38,38,.06); }
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel .qty { width: 126px; height: 54px; min-width: 0; padding: 0; justify-content: center; }
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel .qty-dropdown { width: 126px; min-width: 0; height: 54px; }
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel .btn { display: inline-flex; width: 100%; min-width: 0; min-height: 54px; height: 54px; margin: 0 !important; padding: 0 10px; font-size: 12px; line-height: 1.5; white-space: normal; }
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel .surin-direct-inquiry { grid-column: 1 / -1; min-height: 44px; height: 44px; margin: 0; }
  html.surin-redesign #surin-main .surin-product-detail .productTabs-body { padding: 16px; }
}
/* Small two-column cards keep the complete native accessible name and action,
   while their purchase icon avoids a five-line caption beside compare. */
@media (max-width:420px) {
  html.surin-redesign #surin-main .catalog-results .surin-product-card .product-box-add-to-cart-button { height:44px; min-height:44px; justify-content:center; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .product-box-add-to-cart-button > span { display:none; }
  html.surin-redesign #surin-main .catalog-results .surin-product-card .product-box-add-to-cart-button > svg { display:block; flex:0 0 19px; width:19px; height:19px; }
}
/* Only override the proven native global mobile h1!important collision. */
@media (max-width: 760px) {
  html.surin-redesign #surin-main .catalog-head .page-title h1 { font-size: 24px !important; }
}
@media (max-width: 575.98px) {
  html.surin-redesign #surin-main .surin-product-detail .product-name h1 { font-size: var(--t-3xl) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html.surin-redesign #surin-main .surin-product-card { transition: none; }
  html.surin-redesign #surin-main .surin-product-card:hover { transform: none; }
}
@media print {
  html.surin-redesign #surin-main .surin-product-detail .surin-product-purchase .add-to-cart-panel { position: static; box-shadow: none; }
}

/* Existing server forms across cart, checkout, account and content. */
html.surin-redesign .shopping-cart-page { width:min(100% - var(--gutter) * 2,var(--page));margin-inline:auto; }
html.surin-redesign .login-page .button-1 { background:var(--brand-gradient)!important;color:#fff!important; }
html.surin-redesign .login-page .title .logo { display:block;width:132px!important;min-width:132px;max-width:132px;flex:0 0 132px;height:58px;overflow:hidden; }
html.surin-redesign .login-page .title .logo img { display:block;width:132px!important;height:132px!important;max-height:none!important;max-width:none;margin-top:-37px; }
html.surin-redesign .page :is(.form-control, .textbox, .address-select, .enter-price-input, textarea) {
  min-height: 46px;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #d5d6dc;
  border-radius: 8px;
  color: #292626;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.7;
}
html.surin-redesign .page :is(.form-control, .textbox, .address-select, .enter-price-input, textarea):focus { border-color: #980020; box-shadow: 0 0 0 3px rgba(76, 73, 72, .08); }
html.surin-redesign .page :is(.button-1, input[type="submit"]:not(.button-2)) {
  min-height: 46px;
  padding: 11px 22px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(110deg, #980020, #d8204b);
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  white-space: normal;
}
html.surin-redesign .page .button-2 { min-height: 44px; padding: 10px 16px; border: 1px solid #d5d6dc; border-radius: 8px; color: #4c4948; background: #fff; font-family: inherit; font-size: 13px; }
html.surin-redesign .page :is(.message-error, .field-validation-error, .validation-summary-errors, .warning) { color: #980020; font-size: 13px; line-height: 1.85; }
html.surin-redesign .page :is(.no-data, .no-result) { padding: 28px; border: 1px solid #e6e7eb; border-radius: 16px; color: #4c4948; background: #f7f8fa; line-height: 1.85; text-align: center; }
html.surin-redesign .page :is(button, a, input, select, textarea):focus-visible { outline: 2px solid #980020; outline-offset: 3px; }
html.surin-redesign .page :is(.table-responsive, .table-wrapper) { max-width: 100%; overflow-x: auto; border-radius: 12px; }
html.surin-redesign .page table { color: #4c4948; font-size: 14px; line-height: 1.85; }
html.surin-redesign .page table :is(th, td) { padding: 12px 14px; border-color: #e6e7eb; vertical-align: middle; }
html.surin-redesign .page table thead { background: #f7f8fa; color: #292626; }
html.surin-redesign .page table :is(.product-picture, .picture) img { width: 112px; height: 112px; max-width: none; object-fit: contain; background: #fff; }
html.surin-redesign :is(.cart-items-sec, .wishlist-content) > ul > li { margin-bottom: 14px; padding: 18px !important; border: 1px solid #e6e7eb; border-radius: 16px; background: #fff; }
html.surin-redesign :is(.cart-items-sec, .wishlist-content) .product-picture { display: block; width: 100%; aspect-ratio: 1; background: #fff; }
html.surin-redesign :is(.cart-items-sec, .wishlist-content) .product-picture img { width: 100%; height: 100%; object-fit: contain; }
html.surin-redesign .cart-items-sec .product-name { color: #292626; font-size: 16px; font-weight: 700; line-height: 1.85; }
html.surin-redesign :is(.cart-footer, .cart-collaterals, .cart-total, .order-totals, .checkout-data .section, .order-details-area, .address-list .address-item) { padding: 22px; border: 1px solid #e6e7eb; border-radius: 16px; background: #fff; }
html.surin-redesign :is(.cart-total, .order-totals) { background: #f7f8fa; }
html.surin-redesign .checkout-page :is(.section, .fieldset, .buttons) { margin-bottom: 24px; }
html.surin-redesign :is(.checkout-page, .customer-info-page, .login-page, .registration-page, .password-recovery-page) label { color: #4c4948; line-height: 1.85; }
html.surin-redesign :is(.checkout-page, .customer-info-page, .login-page, .registration-page, .password-recovery-page) .form-group { margin-bottom: 18px; }
html.surin-redesign .checkout-page .payment-method :is(li, .method-list > div) { margin-bottom: 12px; padding: 16px; border: 1px solid #e6e7eb; border-radius: 12px; background: #fff; }
html.surin-redesign .checkout-page .payment-method img { max-width: 100%; height: auto; }
html.surin-redesign .customer-navigation { padding: 20px; border: 1px solid #e6e7eb; border-radius: 16px; background: #fff; }
html.surin-redesign .customer-navigation a { display: flex; min-height: 44px; align-items: center; color: #4c4948; }
html.surin-redesign .customer-navigation .active a { color: #980020; font-weight: 700; }
html.surin-redesign.html-login-page .login-page .title :is(h1,h2) { margin:12px 0;font-size:24px;font-weight:800;line-height:1.6;color:#292626; }
html.surin-redesign :is(.topic-page, .blogpost-page, .news-item-page) :is(.topic-block-body, .post-body, .news-body) { max-width: 100%; color: #4c4948; font-size: 15px; line-height: 2; overflow-x: auto; }
html.surin-redesign :is(.topic-page, .blogpost-page, .news-item-page) :is(.topic-block-body, .post-body, .news-body) img { max-width: 100%; height: auto; }
html.surin-redesign :is(.topic-page, .blogpost-page, .news-item-page) :is(.topic-block-body, .post-body, .news-body) a { color: #980020; text-decoration: underline; text-underline-offset: 3px; }