/** Shopify CDN: Minification failed

Line 534:27 Expected ":"

**/
@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//bomre.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=22164b67edf8c7b93d500123cbd8bd8f37dfb15fccaecd1f16b75a67874b1785") format("woff2"),
       url("//bomre.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=50c8bdf920bb136ddab4ad9bc086e47789e34e5d9933745f4b8fcc3baf95a198") format("woff");
}

  @font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//bomre.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=d159e4d916571ec18bcc0659bf6ebbbeeb99061c09cf4376de833bdbdbb751be") format("woff2"),
       url("//bomre.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=c1bab989fcc05e7684b95c017a888605d34415791dc5a2e00d98ab22c084a23e") format("woff");
}

  @font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//bomre.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=88e3ea97b7f993b059345f645a0deaaee338128e9853312d217de695361e4665") format("woff2"),
       url("//bomre.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=1b025d9d56426d3f5183e24ffe9bc8a58efffeb258221d07b01cf05386acc2f5") format("woff");
}

  @font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//bomre.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=38192131b8201e87fc4be9f25bd4fabe7f2df4919259a06f067b6f1e227817b2") format("woff2"),
       url("//bomre.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=6fa8cbc031d40160af06c78fb556e3580bfa870f2ec16256ba8947104c1fd134") format("woff");
}

  @font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//bomre.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=22164b67edf8c7b93d500123cbd8bd8f37dfb15fccaecd1f16b75a67874b1785") format("woff2"),
       url("//bomre.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff?h1=amJnMmd5LTF1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Ym9tcmUuY29t&hmac=50c8bdf920bb136ddab4ad9bc086e47789e34e5d9933745f4b8fcc3baf95a198") format("woff");
}


  /* Colors - Schemes */
  :root,
    .color-default {
      --color-foreground: #111111;
      --color-background: #ffffff;
      --color-button-foreground: #ffffff;
      --color-button-background: #000000;
      --color-outlines: #000000;
      --color-borders: #eaeaea;
      --color-overlay: #ffffff;
      --color-overlay-rgb: 255 255 255;

      --color-card-foreground: #111111;
      --color-card-background: #eaeaea;
      --gradient-card-background: #eaeaea;
      --color-background-alt: #f0f0f0;
      }
  
    .color-alternative-1 {
      --color-foreground: #111111;
      --color-background: #f9f9f9;
      --color-button-foreground: #ffffff;
      --color-button-background: #7abaa4;
      --color-outlines: #7abaa4;
      --color-borders: #cccccc;
      --color-overlay: #000000;
      --color-overlay-rgb: 0 0 0;

      --color-card-foreground: #111111;
      --color-card-background: #ffffff;
      --gradient-card-background: #ffffff;
      --color-background-alt: #eaeaea;
      }
  
    .color-alternative-2 {
      --color-foreground: #ffffff;
      --color-background: #972828;
      --color-button-foreground: #ffffff;
      --color-button-background: #000000;
      --color-outlines: #000000;
      --color-borders: #ffffff;
      --color-overlay: #efe6df;
      --color-overlay-rgb: 239 230 223;

      --color-card-foreground: #111111;
      --color-card-background: #ffffff;
      --gradient-card-background: #ffffff;
      --color-background-alt: #af2e2e;
      }
  
    .color-overlay-scheme {
      --color-foreground: #000000;
      --color-background: #ffffff;
      --color-button-foreground: #ffffff;
      --color-button-background: #111111;
      --color-outlines: #111111;
      --color-borders: #cccccc;
      --color-overlay: #000000;
      --color-overlay-rgb: 0 0 0;

      --color-card-foreground: #111111;
      --color-card-background: #f5f5f5;
      --gradient-card-background: #f5f5f5;
      --color-background-alt: #f0f0f0;
      }
  

  body, .color-default, .color-alternative-1, .color-alternative-2, .color-overlay-scheme {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }

  :root {
    --ideal-width: 1440px;
    --container-inner-width: min(100vw - var(--container-margin)*2  , var(--ideal-width));

     /* Colors - Status indicator */
    --success: #31862D;
    --success-foreground: #FFFFFF;
    --error: #DD4242;
    --error-foreground: #FFFFFF;
    
    /* Colors - Special colors */--cart-dot-foreground: #fff;--cart-dot-background: #CC1122;
    --soldout: ;
    --placeholder-bg: rgba(233, 233, 233);
    --review-stars: #000000;


    /* Typography - Base/Body */
    --font-body-family: "DM Sans", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-line-height: 1.6;
    --font-body-letter-spacing: 0.06em;
    --font-body-text-transform: none;

    /* Typography - Heading/Titles */
    --font-heading-family: "DM Sans", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-heading-line-height: 1.2;
    --font-heading-letter-spacing: 0.12em;
    --font-heading-text-transform: uppercase;
    
    /* Typography - Subheading/Subtitle */--font-subheader-family: var(--font-heading-family);
    --font-subheader-style: var(--font-heading-style);
    --font-subheader-weight: var(--font-heading-weight);--font-subheader-text-transform: none;
    --font-subheader-line-height: ;
    --font-subheader-letter-spacing: 0.0em;
    
    /* Typography - Buttons */--font-button-family: var(--font-body-family);
    --font-button-style: var(--font-body-style);
    --font-button-weight: var(--font-body-weight);--font-button-text-transform: uppercase;
    --font-button-size: 14px;
    --font-button-letter-spacing: 0.2em;
    
    /* Typography - Site header */--font-site-header-family: var(--font-body-family);
    --font-site-header-style: var(--font-body-style);
    --font-site-header-weight: var(--font-body-weight);--font-site-header-text-transform: uppercase;
    --font-site-header-size: 12px;
    --font-site-header-letter-spacing: 0.2em;
    
    /* Typography - Navigation */--font-navigation-family: var(--font-body-family);
    --font-navigation-style: var(--font-body-style);
    --font-navigation-weight: var(--font-body-weight);--font-navigation-text-transform: uppercase;
    
    --font-navigation-size: 12px;
    --font-navigation-line-height: 1.6;
    --font-navigation-letter-spacing: 0.0em;

    /* Badges */--font-badge-family: var(--font-body-family);
    --font-badge-style: var(--font-body-style);
    --font-badge-weight: var(--font-body-weight);--font-badge-text-transform: uppercase;
    
    --font-badge-size: 11px;
    --font-badge-letter-spacing: 0.2em;
    --badge-border-radius: 200px;

    /* Drawers */
    --drawers-overlay-alpha: 0.3;
    --drawers-overlay-blur: 4px;

    /* Modals */
    --modals-overlay-alpha: 0.3;
    --modals-overlay-blur: 4px;

    /* Cards */
    --card-border-radius: 0px;
    --card-body-padding: 24px;
    --card-media-padding: 24px;

    /* Aesthetics */
    --button-border-radius: 0px;
    --button-padding: 0.6em 1.8em;
    --button-round-padding: 0.6em;
    --modal-border-radius: 0px;
    --icon-stroke: 1;
    --icon-stroke-px: 1px;--br-img: 0px;/* Forms and inputs */
    --input-background: #FFFFFF;
    --input-foreground: #111111;
    --input-border-width: 0px;
    --input-border-color: #DDDDDD;
    --input-border-radius: 6px;
    --input-box-shadow: inset 2px 2px 8px rgba(0,0,0,.25);
    --input-letter-spacing: 0;

    /* Other */--css-icon-close: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23000000;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Cline class='line' x1='27' y1='17' x2='17' y2='27'/%3E%3Cline class='line' x1='17' y1='17' x2='27' y2='27'/%3E%3C/svg%3E");
    --css-icon-full-screen: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23000000;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Cpolyline class='line' points='15 20 15 15 20 15'/%3E %3Cpolyline class='line' points='24 15 29 15 29 20'/%3E %3Cpolyline class='line' points='29 24 29 29 24 29'/%3E %3Cpolyline class='line' points='20 29 15 29 15 24'/%3E %3Cline class='line' x1='15' y1='15' x2='19' y2='19'/%3E %3Cline class='line' x1='29' y1='15' x2='25' y2='19'/%3E %3Cline class='line' x1='29' y1='29' x2='25' y2='25'/%3E %3Cline class='line' x1='15' y1='29' x2='19' y2='25'/%3E%3C/svg%3E");
    --css-icon-zoom-in: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='44px' height='44px' viewBox='0 0 44 44' %3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23000000;stroke-linecap:round;stroke-width:1;stroke-linejoin:round;%7D%0A%3C/style%3E%3Ccircle cx='22' cy='22' r='18' fill='%23ffffff' /%3E%3Ccircle class='line' cx='21' cy='21' r='6'/%3E%3Cline class='line' x1='21' y1='19' x2='21' y2='23'/%3E%3Cline class='line' x1='19' y1='21' x2='23' y2='21'/%3E%3Cline class='line' x1='29.6' y1='29.6' x2='25.2' y2='25.2'/%3E%3C/svg%3E");
    --sticky-header-margin-top: 0;
  }

  html {font-size: 42.96875%;

    --gutter: 12px;
    --container-margin: 24px;
    --grid-gap: 12px;--max-col-width: 105px
  }

  @media only screen and (min-width: 768px) {
    html {font-size: 48.611111111111114%;
      --gutter: 16px;
      --container-margin: 48px;
    }
  }/* ---------- */
  /* TYPOGRAPHY */
  body     { --font-size: 1.6rem }
  h1,.h1   { --font-size: 3.2rem }
  h2,.h2   { --font-size: 2.6rem }
  h3,.h3   { --font-size: 2.2rem }
  h4,.h4   { --font-size: 2.0rem }
  h5,.h5   { --font-size: 1.8rem }
  h6,.h6   { --font-size: 1.6rem }
  .caption { --font-size: 1.2rem }

  body, .font-body {
    font-size: var(--font-size);
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-line-height);
    letter-spacing: var(--font-body-letter-spacing); 
  }

  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6 {
    font-size: var(--font-size) !important;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-line-height);
    letter-spacing: var(--font-heading-letter-spacing);
    text-transform: var(--font-heading-text-transform);
    word-break: break-word;
  }

  @media only screen and (min-width: 768px) {
    body     { --font-size: 1.8rem }
    h1,.h1   { --font-size: 4.0rem }
    h2,.h2   { --font-size: 3.2rem }
    h3,.h3   { --font-size: 2.6rem }
    h4,.h4   { --font-size: 2.2rem }
    h5,.h5   { --font-size: 2.0rem }
    h6,.h6   { --font-size: 1.8rem }
    .caption { --font-size: 1.4rem }
  }

  /* Size modifiers */
  .size--nano, .rte.size--nano *              { font-size: calc(var(--font-size)*0.65) }
  .size--tiny, .rte.size--tiny *              { font-size: calc(var(--font-size)*0.75) }
  .size--small, .rte.size--small *            { font-size: calc(var(--font-size)*0.85) }
  .size--default, .rte.size--default *        { font-size: var(--font-size) }
  .size--large, .rte.size--large *            { font-size: calc(var(--font-size)*1.25) }
  .size--huge, .rte.size--huge *              { font-size: calc(var(--font-size)*1.50) }
  .size--gigantic, .rte.size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
  .size--outrageous, .rte.size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

  .btn.size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
  .btn.size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
  .btn.size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
  .btn.size--default    { font-size: var(--font-button-size) !important }
  .btn.size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
  .btn.size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
  .btn.size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
  .btn.size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }

  @media only screen and (min-width: 768px) {
    .sm-size--nano, .rte.sm-size--nano *              { font-size: calc(var(--font-size)*0.65) }
    .sm-size--tiny, .rte.sm-size--tiny *              { font-size: calc(var(--font-size)*0.75) }
    .sm-size--small, .rte.sm-size--small *            { font-size: calc(var(--font-size)*0.85) }
    .sm-size--default, .rte.sm-size--default *        { font-size: var(--font-size) }
    .sm-size--large, .rte.sm-size--large *            { font-size: calc(var(--font-size)*1.25) }
    .sm-size--huge, .rte.sm-size--huge *              { font-size: calc(var(--font-size)*1.50) }
    .sm-size--gigantic, .rte.sm-size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
    .sm-size--outrageous, .rte.sm-size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

    .btn.sm-size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
    .btn.sm-size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
    .btn.sm-size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
    .btn.sm-size--default    { font-size: var(--font-button-size) !important }
    .btn.sm-size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
    .btn.sm-size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
    .btn.sm-size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
    .btn.sm-size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }
  }

  /* Style modifiers */
  .style--subdued   { opacity: 0.65 }
  em, .style--italic { font-family: serif }

  .subheading {
    font-family: var(--font-subheader-family);
    font-weight: var(--font-subheader-weight);
    font-style: var(--font-subheader-style);
    letter-spacing: var(--font-subheader-letter-spacing);
    line-height:  var(--font-subheader-line-height);
    text-transform: var(--font-subheader-text-transform);
  }@media only screen and (min-width: 768px) {
    .gridy-arrows {
      opacity: 0 !important;
      transform: scale(0.95) !important;
      transition: all 0.3s ease-in-out !important;
    }
    .gridy-slider:hover .gridy-arrows {
      opacity: 1 !important;
      transform: scale(1.0) !important;
    }
  }

  .header-sidebar::part(content),
  .header-sidebar__collapsible-panel {
    width: 400px;
    min-width: 400px;
  }
  
  .header-sidebar::part(header){
    padding: 18px 36px !important;
  }

  .header__primary-nav .header__primary-nav-item,
  .header__primary-nav .header__primary-nav-item details,
  .header__primary-nav .header__primary-nav-item details summary,
  .header__primary-nav li,
  .header-sidebar__linklist li,
  .header-sidebar__linklist li a,
  .header-sidebar__sub-panel button,
  .header-sidebar__sub-panel li,
  .header-sidebar__sub-panel details,
  .header-sidebar__sub-panel summary,
  .header-sidebar__nested-linklist{
    border-color: transparent !important;
  }

  .header-sidebar__linklist li button,
  .header-sidebar__linklist li a{
    padding: 12px 36px !important;
  }

  .header-sidebar::part(close-button){
    margin: 15px;
  }

  .cart-drawer::part(content){
    width: 480px;
    max-width: 480px;
    min-width: 480px;
  }

  .header__dropdown-menu{
    display: none;
  }

  .localization-selectors span{
    font-size: 12px;
  }

  .header-sidebar__nested-linklist .link-faded-reverse {
    position: relative;
    padding-left: 1.2em; /* space for bullet */
    display: block;
    padding: 5px 15px !important;
  }
  .header-sidebar__nested-linklist .link-faded-reverse::before {
    content: "•"; /* bullet */
    position: absolute;
    left: 0;
    color: black; /* change color as needed */
  }

  @media(min-width: 768px){
    .announcements-bar .gridy-track{
      display: flex;
    }
    button[aria-controls="sidebar-menu"],
    .header__secondary-nav{
      margin-bottom: -57px;
    }
  }

  @media(max-width: 767px){
    .cart-drawer::part(content) {
      width: 100vw;
      max-width: 100vw;
      min-width: 100vw;
    }
    /* .announcements-bar .gridy-track{
      display: flex;
      flex-wrap: wrap;
    } */
    .header-sidebar__scroller {
        width: 100vw;
    }
    .header__nav-icon{
      width: 100%;
    }
  }


.header__menu-disclosure-top:hover summary svg{
    transform: rotate(0deg);
}

.link-faded{
  color: black !important;;
}

.product-sticky-bar{
  display: none !important;
}

.header__secondary-nav a,
button[aria-controls="sidebar-menu"]{
  padding: 12px;
}

.block-swatch {
    border-radius: 0px;
    padding: 8px 12px;
    line-height: normal;
    font-size: 11px;
}

.buy-buttons .btn:hover{
  color: white !important;
}

p{
  font-size: inherit !important;
}

.cart-drawer * {
    font-size: initial;
}
section#shopify-section-template--25967708963141__slideshow_Kiqdb8 {
    margin-top: 90px;
}
@media screen and (min-width: 1024px) {
  section#shopify-section-template--25967708963141__slideshow_Kiqdb8 {
    margin-top: 128px;
  }
}
 
 .gridy-arrows {
    display: none;
    position: absolute;
    width: 100%;
    top: 31% !important;
    pointer-events: none;
    left: 0;
    z-index: 1;
}
sale-price.h6.text-on-sale {
    font-size: 11px !important;
  
}
compare-at-price.h6.text-subdued.line-through {
    font-size: 11px !important;
}
price-list.price-list {
    margin-top: 10px;
}
/* Mobile only (max 767px width) */
@media (max-width: 767px) {
  .thumbnail-swatch {
    --swatch-size: 5rem; /* adjust as you like */
  }
}
sale-price.h4.text-on-sale {
    font-weight: bold;
}
compare-at-price.h5.text-subdued.line-through {
    font-weight: bold;
}
/* Desktop only (min-width 1024px) */
@media (min-width: 1024px) {
  h1.product-title.h3 {
    font-size: 31px !important;
  }

  
}
.product-gallery__thumbnail-scroller {
  display: flex;
   gap: 8px; /* space between thumbnails */
}

.product-gallery__thumbnail {
  width: 132px !important;
  height: 132px !important;
  flex-shrink: 0;
  overflow: hidden; /* crop any overflow */
  border-radius: 4px; /* optional: rounded corners */
}

.product-gallery__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover; /* makes it fill the square */
  display: block;
}
.product-gallery__thumbnail img {
  width: 100% !important;
  height: 100% !important;w
  object-fit: cover;
  image-rendering: auto; /* keeps quality */
}
@media (max-width: 767px) {
  .product-gallery__thumbnail {
    width: 80px !important;
    height: 80px !important;
  }
   .product-gallery__thumbnail-scroller {
    gap: 1px; /* tighter spacing on mobile */
  }
}
.accordion__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between; /* pushes icon to the far right */
  width: 100%;
}

.accordion__toggle .animated-plus {
  font-size: 20px;   /* makes the icon larger */
  width: 20px;       /* adjust size */
  height: 20px;
  flex-shrink: 0;    /* prevents shrinking */
  margin-left: auto; /* ensures it stays on the right */
}
.animated-plus {
    --animated-plus-size: 1.225rem;
  
}


section#shopify-section-template--25967709192517__related-products {
    margin-top: 30px;
}
/* Footer blocks responsive layout */
 

/* Apply shadow on all pages except homepage */
body:not(.template-index) .header {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
}
label.thumbnail-swatch {
  width: 38px;   /* or your preferred square size */
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

label.thumbnail-swatch img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* keeps aspect ratio without cutting */
  display: block;
}