/* KEEP/B1: native OLD-CMS composition, isolated preview-only enhancement. */
html.hv-uiux-internal { scroll-behavior: smooth; --hv-shadow: 0 4px 14px rgba(16,78,116,.09); --hv-hover: 0 10px 24px rgba(16,78,116,.15); }
.hv-uiux-internal a, .hv-uiux-internal button, .hv-uiux-internal input, .hv-uiux-internal select, .hv-uiux-internal textarea { transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, box-shadow 220ms ease-out, transform 220ms ease-out, filter 220ms ease-out; }
.hv-uiux-internal :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #0b6fae; outline-offset: 3px; border-radius: 5px; }
.hv-uiux-internal .grow { border-radius: 7px; transition: transform 220ms ease-out, box-shadow 220ms ease-out, filter 220ms ease-out !important; }
@media (hover:hover) {
  .hv-uiux-internal .grow:hover { transform: translateY(-2px) scale(1.012) !important; box-shadow: var(--hv-hover); filter: saturate(1.04) contrast(1.02); }
  .hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div:hover { transform: translateY(-2px); border-color: rgba(51,133,214,.32); box-shadow: var(--hv-hover); }
  .hv-uiux-internal .hv-category-grid > div:hover { background: #f5faff; }
  .hv-uiux-internal .arrowlistmenu .menuheader:hover { transform: translateX(2px); box-shadow: 0 6px 15px rgba(16,78,116,.18); filter: brightness(1.025); }
}
.hv-uiux-internal .arrowlistmenu .menuheader { border-radius: 6px; box-shadow: 0 3px 10px rgba(16,78,116,.12); transition: transform 200ms ease-out, box-shadow 220ms ease-out, filter 220ms ease-out; }
.hv-uiux-internal .arrowlistmenu :is(ul,.ui-accordion-content) { border-radius: 0 0 6px 6px; }
.hv-uiux-internal .gray-pad10 { border-radius: 8px; box-shadow: var(--hv-shadow); }
.hv-uiux-internal .menu-bgr { box-shadow: 0 4px 14px rgba(16,78,116,.12); }
.hv-uiux-internal :is(#mbmcpebul_table,#mbmcpebul_table_burger) li div.buttonbg { border-radius: 6px; transition: box-shadow 220ms ease-out, transform 220ms ease-out; }
.hv-uiux-internal :is(#mbmcpebul_table,#mbmcpebul_table_burger) li:is(:hover,:focus-within) div.buttonbg { box-shadow: 0 6px 14px rgba(16,78,116,.18); transform: translateY(-1px); }
.hv-uiux-internal :is(.form1-1,textarea,select) { border-radius: 6px; box-shadow: inset 0 1px 3px rgba(16,78,116,.07); box-sizing: border-box; max-width: 100%; }
.hv-uiux-internal :is(.form1-1,textarea,select):focus { border-color: #0b6fae; box-shadow: 0 0 0 3px rgba(11,111,174,.17); }
.hv-uiux-internal .hv-content { min-width: 0; overflow-wrap: break-word; }
.hv-uiux-internal .hv-content img { max-width: 100%; }
.hv-uiux-internal .hv-content iframe { max-width: 100%; }
.hv-uiux-internal .hv-grid-table { width: 100% !important; table-layout: fixed; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; width: 100% !important; max-width: none !important; box-sizing: border-box; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div { float: none !important; width: auto !important; height: auto !important; min-width: 0; border: 1px solid rgba(73,163,225,.18); border-radius: 8px; background: #fff; box-shadow: var(--hv-shadow); overflow: hidden; transition: transform 220ms ease-out, box-shadow 220ms ease-out, border-color 220ms ease-out, background-color 220ms ease-out; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div:focus-within { border-color: #3385d6; box-shadow: var(--hv-hover); background: #f5faff; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div:active { background: #edf7fd; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div > table { width: 100% !important; table-layout: fixed; }
.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) > div td { width: auto; min-width: 0; }
.hv-uiux-internal .hv-product-grid > div { min-height: 320px; }
.hv-uiux-internal .hv-product-grid > div td > div[align="center"] > div { width: 100% !important; height: auto !important; aspect-ratio: 278/218; }
.hv-uiux-internal .hv-product-image { display: block; width: 100% !important; height: auto !important; aspect-ratio: 278/218; object-fit: cover; border-radius: 7px 7px 0 0; }
.hv-uiux-internal .hv-product-grid .pad10 { padding: 12px 8px !important; min-height: 80px; box-sizing: border-box; }
.hv-uiux-internal .hv-category-grid > div { padding: 12px; }
.hv-uiux-internal .hv-category-image { display: block; width: 100% !important; height: 230px !important; object-fit: contain; border-radius: 6px; border: 0; }
.hv-uiux-internal .hv-main-image { width: 100% !important; max-width: 450px; height: 400px !important; object-fit: contain; border-radius: 8px; box-shadow: var(--hv-shadow); }
.hv-uiux-internal .hv-gallery-image { width: var(--hv-image-w,140px); max-width: 100%; height: auto; aspect-ratio: var(--hv-image-ratio,140/105); object-fit: contain; border-radius: 6px; box-shadow: var(--hv-shadow); }
.hv-uiux-internal .hv-cropped-image { object-fit: cover; }
.hv-uiux-internal .hv-gallery-grid { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); gap: 12px; width: 100% !important; }
.hv-uiux-internal .hv-gallery-grid > div { width: auto !important; float: none !important; }
.hv-uiux-internal .hv-gallery-grid .hv-gallery-image { width: 100% !important; height: auto !important; aspect-ratio: 110/90; }
.hv-uiux-internal .hv-cart-image { width: 60px; height: 60px; object-fit: contain; border-radius: 5px; }
.hv-uiux-internal #jquery-lightbox { max-width: 100vw; }
.hv-uiux-internal #lightbox-container-image-box { max-width: calc(100vw - 24px); }
.hv-uiux-internal #lightbox-image { max-width: 100%; max-height: 80vh; object-fit: contain; }
.hv-uiux-internal :is(.down-bgr,.footer_design) { box-shadow: inset 0 8px 20px rgba(3,64,103,.09); }
.hv-uiux-internal .top_design { box-shadow: 0 5px 16px rgba(16,78,116,.14); }
.hv-uiux-internal .call_us img { border-radius: 50%; filter: drop-shadow(0 7px 12px rgba(16,78,116,.22)); }


.hv-uiux-internal .hv-reveal { animation: hv-entry 320ms ease-out both; }
@keyframes hv-entry { from { opacity: .3; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
html.hv-mobile-branch body { min-width: 0 !important; }
.hv-mobile-branch .hv-content { box-sizing: border-box; width: calc(100% - 12px) !important; margin: 6px; padding: 11px; border-radius: 8px; background: #fff; box-shadow: var(--hv-shadow); }
.hv-mobile-branch .hv-content > table { width: 100% !important; max-width: 100%; table-layout: fixed; }
.hv-mobile-branch .hv-content form > table { width: 100% !important; max-width: 100%; table-layout: fixed; }
.hv-mobile-branch :is(.hv-product-grid,.hv-category-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.hv-mobile-branch .hv-product-grid > div { min-height: 238px; }
.hv-mobile-branch .hv-product-grid .gray_16-1 { font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.hv-mobile-branch .hv-product-grid .pad10 { padding: 8px 5px !important; }
.hv-mobile-branch .hv-category-grid > div { padding: 8px 5px; }
.hv-mobile-branch .hv-category-image { height: 164px !important; }
.hv-mobile-branch .hv-category-grid .darkblue_18 { font-size: 16px; }
.hv-mobile-branch .hv-main-image { max-width: 100%; height: 290px !important; }
.hv-mobile-branch .hv-rich-copy { max-width: 100%; overflow-x: auto; }
.hv-uiux-internal .hv-rich-copy:focus-visible { outline: 3px solid #0b6fae; outline-offset: 3px; }
.hv-mobile-branch :is(input,textarea,select) { font-size: 16px; }
.hv-mobile-branch :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) { min-height: 44px; }

@media (prefers-reduced-motion:reduce) {
  html.hv-uiux-internal { scroll-behavior: auto; }
  .hv-uiux-internal *, .hv-uiux-internal *::before, .hv-uiux-internal *::after { animation: none !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .hv-uiux-internal :is(.grow,.hv-product-grid > div,.hv-category-grid > div,.arrowlistmenu .menuheader):hover { transform: none !important; }
}

/* Release-only narrow-screen correction; native source order and form contracts stay intact. */
:is(.hv-uiux-polish,.hv-uiux-internal).hv-mobile-branch .pad10px {
  overflow-wrap: anywhere;
}
.hv-uiux-internal.hv-mobile-branch .hv-content .form1 {
  box-sizing: border-box;
  max-width: 100%;
}
@media (max-width: 1100px) {
  :is(.hv-uiux-polish,.hv-uiux-internal):not(.hv-mobile-branch) body { min-width: 0; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table { width: 100%; table-layout: fixed; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table > tbody > tr > td:first-child { width: 26%; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table > tbody > tr > td:nth-child(2) { width: 44%; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table > tbody > tr > td:last-child { width: 30%; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table img[src$="logo.png"] { width: 95%; height: auto; margin-inline: 0; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table td > div { width: 100% !important; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table form table { width: 100%; table-layout: fixed; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table form td:last-child { width: 78px; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table .form1-1 { width: 100% !important; box-sizing: border-box; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-header-table input[type="image"] { width: 75px; height: 35px; object-fit: contain; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-main-layout { table-layout: fixed; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-main-layout > tbody > tr > td:first-child { width: 190px; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-brands-table { width: 100%; table-layout: fixed; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-brands-table img { max-width: 95%; height: auto; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-footer-table > tbody > tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-footer-table > tbody > tr > td { width: auto; }
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-footer-table img,
  :is(.hv-uiux-polish,.hv-uiux-internal) .hv-footer-table iframe { max-width: 100%; }
  .hv-uiux-internal .hv-rich-copy { max-width: 100%; overflow-x: auto; }
  .hv-uiux-internal.hv-family-item .hv-content > table { table-layout: fixed; width: 100%; }
  .hv-uiux-internal.hv-family-item:not(.hv-mobile-branch) .hv-content > table > tbody > tr > td:first-child { width: 48%; }
  html.hv-tablet-branch.hv-uiux-polish #container,
  html.hv-tablet-branch.hv-uiux-internal :is(.hv-product-grid,.hv-category-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}