/** Shopify CDN: Minification failed

Line 125:20 Unexpected "{"
Line 125:29 Expected ":"
Line 444:22 Unexpected "{"
Line 444:31 Expected ":"

**/
.modal-backdrop.show{
    display:none !important;
  }
  #productrelated {
    margin-top: 40px
  }
  .product-modal__image {
    display: block;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    max-height: 95%;
    max-width: 95%;
    margin: 0 auto;
    cursor: auto
  }

  .no-csstransforms .product-modal__image {
    top: 2.5%
  }

  #nav-tab-info .nav-tabs {
    border-bottom: none;
    text-align: center;
    justify-content: center;
    box-shadow: 0 -1px var(--g-input-border) inset;
  }

  #nav-tab-info .nav-tabs .nav-link {
    border: none;
    color: var(--g-color-heading);
    position: relative;
  }
  #nav-tab-info .nav-tabs .nav-link:before{
    content: "";
    width: 0;
    transition: width .3s ease;
    border-bottom: 2px solid var(--g-color-heading);
    position: absolute;
    bottom: 1px;
    left: 0;
  }

  #nav-tab-info .nav-tabs .nav-link.active:before{
    width: 100%;
  }

  #nav-tab-info .nav-tabs .nav-item {
    padding:0;
    margin:0 5rem -2px 0;
    font-weight: var(--g-h6-font-weight);
    font-size: var(--g-h6-font-size);
    line-height: var(--g-h6-font-lineheight);
    letter-spacing: var(--g-h6-font-spacing);
    text-transform: var(--g-h6-font-transform);
    background-color: transparent;
    padding:0px 0px 16px;
  }

  .nav-link .spr-badge-starrating {
    display: none
  }

  .social-sharing .col-title {
    line-height: 1.8;
    min-width: 75px;
  }

  .safe-checkout-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-form__quantity-submit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    align-items: center;
    padding-top: 10px;
    width: 100%;
  }

  .template-product .product-form__qty-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 0.4rem;
    color: var(--g-color-heading);
  }

  .product-form__quantity-submit .product-form__item--quantity{
    grid-column: 1 / 2;
    display: flex;
    align-items: center;
  }

  .product-form__quantity-submit .product-form__item--submit {
    grid-column: 2 / 3;
    justify-self: center;
  }

  /* Product page add-to-cart button: pill shape, keep existing color system */
  .template-product .product-form__item--submit .product-form__cart-submit {
    border-radius: 999px !important;
  }

  .selector-wrapper {
    margin: 0 0 1.2rem;
  }
  #shopify-section-{{ section.id }} .product-single__info-wrapper{
      padding:0rem 0rem 0rem 2rem;
  }
  .template-product .main-content{
    padding-top:8px;
  }
 /* Allow selectors to be 50% side-by-side, but 100% if they are alone */
.product-form-select .selector-wrapper {
  flex: 1 1 48%; /* Use 48% to account for small gaps */
  max-width: 100%;
}

/* Specifically force the Orientation wrapper to be 100% if it's currently alone */
.selector-wrapper:only-child {
  flex: 0 0 100% !important;
}
  .salepoint .icon{
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: none;
    stroke-width: 4px;
    stroke:currentColor !important;
    stroke-linecap:miter;
    stroke-linejoin:miter;
  }
  .tabcustom{
    padding: 12px 18px 12px 0;
    position: relative;
    border-bottom: 1px solid var( --g-input-border);
    cursor: pointer;
  }
  .tabcustom i{
    font-size: 14px;
    transition: transform .2s ease;
    position: absolute;
    top: 22px;
    right: 0;
    transform: rotate(270deg);
  }
  .tabcustom svg{
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: none;
    stroke-width: 4px;
    stroke: currentColor !important;
    stroke-linecap: miter;
    stroke-linejoin: miter;
  }
  .tabcustom.collapsed i{
    transform: rotate(90deg);
  }
  .tabcustom:after,.tabcustom:before{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 10px;
    height: 1.5px;
    background-color: currentColor;
  }
  .tabcustom.collapsed::before{
    transform: rotate(-90deg);
  }
  .product-single__meta .product-block{
    margin:0 0 1.5rem;
  }
  .product-single__meta .review + .product-block{
    margin:-0.5rem 0 1rem;
  }
  .product-single__meta .ptrust-badge{
    padding-top: 1rem;
  }
  .product-single__meta-price{
    display: flex;
    align-items: center;
  }
  .product-single__meta-price li{
    display: flex;
    align-items: center;
  }
  .product-single__meta .accordion + .accordion{
    margin:0;
  }
  .product-single__meta .product-block + .accordion{
    margin:-1rem 0 0 ;
  }
  .product-single__meta .accordion + .product-block{
    margin:1.5rem 0  ;
  }
  .product-single__meta .product-title{
    margin: 0 0 0.5rem;
  }
  .product-single__meta hr{
    margin:0 0 1.5rem;
  }
  .product-single__meta .product-title + .product-single__meta-list{
    margin:0 0 0.5rem;
  }
  .product-price-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin: -0.2rem 0 1rem;
    font-size: 15px;
    line-height: 1.35;
  }
  .product-price-meta__stock {
    font-weight: 700;
  }
  .product-price-meta__stock.is-in-stock {
    color: #2e7d32;
  }
  .product-price-meta__stock.is-out-of-stock {
    color: #c62828;
  }
  .product-price-meta__dispatch {
    color: rgba(var(--g-color-heading-rgb), 0.72);
  }
  .product-price-meta__dispatch::before {
    content: "•";
    margin-right: 0.5rem;
    color: rgba(var(--g-color-heading-rgb), 0.45);
  }
  .product-single__meta .product__text--info {
    margin-top: 0.5rem;
    border: 1px solid rgba(var(--g-color-heading-rgb), 0.14);
    background: rgba(var(--g-color-heading-rgb), 0.04);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.45;
    position: relative;
  }
  .product-single__meta .product__text--info::before {
    content: "i";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid rgba(var(--g-color-heading-rgb), 0.25);
    font-size: 12px;
    font-weight: 700;
    vertical-align: text-bottom;
  }
  .product-single__meta .salepoint + .salepoint{
    margin:-1rem 0 1.5rem ;
  }
  .product-single__meta .salepoint + .product-freeship{
    margin:-1rem 0 1.5rem ;
  }
  .product-single__meta .shopify-block{
    margin:0 0 1.5rem;
  }
  .product-single__meta .fake-view + .product__text{
    margin:-1rem 0 1.5rem ;
  }
   .product-single__meta .shopify-block + .product-short__description{
    margin-top: -0.7rem;
   }
  .product-title .product-label{
    position: static;
    transform:none;
    
  }
  .product-title .product-label .product-tag--absolute{
    margin-bottom: 0.75rem !important;
    border:1px solid var( --g-input-border);
    margin-right: 0.5rem;
  }
  .photos__item--thumbs{
    padding:0 0px 24px;
  }
  .product-single__video iframe,.product-single__video video,.product-single__video model-viewer{ 
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    height: 100%;
  }
  .product-single__video model-viewer{
    width: 100%;
  }
  .media__poster-button{
    background-color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(1);
    z-index: 1;
  }
  .square{
    padding-top:100% !important;
    overflow:hidden;
  }
  .portrait{
    padding-top:120% !important;
    overflow:hidden;
  }
  .square img,.portrait img{
    width: 100%;
    height:100%;
    object-fit:cover;
  }
  .portrait video,.portrait iframe,.square video,.square iframe{
    object-fit: cover;
  }
  /*.spr-summary-actions .spr-summary-actions-newreview{
    color:white !important;
  }*/
  
  .product-grid-buywith .js-grid-cart{
    cursor: pointer;
  }
  .product-countdown{
    border:1px solid var(--g-main);
    padding: 1rem;
    --g-color-heading:var(--g-main);
    --color-body-text:var(--g-main);
  }
  .product-countdown .js-countdown ul {
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
    
  }
  .product-countdown .js-countdown ul li{
    line-height: 1;
    position: relative;
  }
  .product-countdown .js-countdown ul li:not(:last-child)::before{
    content: ":";
    position: absolute;
    right: -0.6rem;
    color:var(--g-main);
  }
  .product-countdown .js-countdown .countdown-time{
    display: inline-flex;
    min-width: 22px;
    color:var(--g-main);
    font-size: var(--g-h5-font-size);
    margin-right: 2px;
    font-weight:500;
  }
  .product-countdown .js-countdown .countdown-time b{
    font-weight:500;
  }
  .product-countdown .js-countdown .countdown-text, .product-countdown .js-countdown span.countdown-time-single{
    font-size: 80%;
    color:var(--g-main);
    text-transform: uppercase;
  }
  .product-countdown .js-countdown span.countdown-text{
    display: none;
  }
  .product-countdown .js-countdown span.countdown-time-single{
    display: inline-block !important;
  }
  .ptrust-badge-heading{
    position: absolute;
    top:-10px;
    background-color: var(--color-body);
    left:50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }
  .product-block__banner img{
    width: 40px !important;
  }
  .product-block__banner .img_svg svg{
    width: 40px !important;
    height:40px !important;
  }
  .product-block__iwt svg{
    width: 24px;
    height: 24px;
    fill: none;
    stroke-width: 4px;
    stroke: currentColor !important;
  }

/* Ensure icons are visible: set display, min-size and a sensible color */
.product-block__iwt .iwt-item svg,
.product-block__iwt svg.icon,
.product-block__iwt svg[class*="icon-"] {
  display: inline-block !important;
  vertical-align: middle;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  stroke: currentColor !important;
  fill: none !important;
  color: var(--g-color-heading, #00031d) !important; /* fallback color */
  opacity: 1 !important;
  visibility: visible !important;
}
  @media (min-width:991px) {
    .photos-sticky{
      position: sticky;
      top:6.65rem;
    }
    .template-product .page-container{
      overflow: visible;
    }
  }
  @media (max-width:1100px) {
    #shopify-section-{{ section.id }} .product-single__info-wrapper{
      padding:0rem 0rem 0rem 0rem;
    }
    .product-form__quantity-submit{
      grid-template-columns: 1fr !important;
      display: grid !important;
      gap: 0.5rem;
    }
    .template-product .product-form__quantity-submit > .d-flex.flex-row{
      display: grid !important;
      grid-template-columns: 3fr 9fr !important;
      gap: 0.5rem;
      width: 100%;
      align-items: stretch;
      min-width: 0;
    }
    .template-product .product-form__quantity-submit > .d-flex.flex-row .product-form__item--quantity{
      width: 100%;
      margin-bottom: 0 !important;
      min-width: 0;
    }
    .template-product .product-form__quantity-submit > .d-flex.flex-row .product-form__item--submit{
      justify-self: stretch;
      width: 100%;
      min-width: 0;
      flex-basis: auto !important;
      margin:0 !important;
      padding-left: 0 !important;
    }
    .template-product .product-form__quantity-submit > .d-flex.flex-row .product-form__cart-submit{
      width: 100%;
      min-width: 0;
    }
    .product-form__buynow{
      margin:0;
    }
  }

  /* Product detail quantity + add-to-cart row: 3/9 split on one line */
  @media (min-width: 768px) {
    .template-product .product-form__quantity-submit {
      display: block !important;
    }

    .template-product .product-form__quantity-submit > .d-flex.flex-row {
      display: grid !important;
      grid-template-columns: 3fr 9fr;
      gap: 0.75rem;
      width: 100%;
      align-items: stretch;
    }

      .template-product
      .product-form__quantity-submit
      > .d-flex.flex-row
      .product-form__item--quantity {
      width: 100%;
      margin-bottom: 0 !important;
    }

      .template-product
      .product-form__quantity-submit
      > .d-flex.flex-row
      .product-form__item--submit {
      margin-left: 0 !important;
      width: 100%;
      min-width: 0;
      flex-basis: auto !important;
      justify-self: stretch;
      padding-left: 0 !important;
    }

      .template-product
      .product-form__quantity-submit
      > .d-flex.flex-row
      .product-form__cart-submit {
      width: 100%;
      min-width: 0;
    }
  }
  .spr-header-title{
    font-weight: var(--g-h4-font-weight);
    font-size: var(--g-h4-font-size);
    line-height: var(--g-h4-font-lineheight);
    letter-spacing: var(--g-h4-font-spacing);
    text-transform: var(--g-h4-font-transform);;
  }
  @media (max-width:767px) {
    .main-content {
      padding-top: 20px;
    }
  }

/* 1. Make sure the container takes up 100% of the available info-column width */
.product-form-select {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Prevent flex shrink on the options block inside product-form-select */
.product-form-select .product-option-grid {
  flex: 0 0 100%;
  width: 100%;
}

/* Stable 2-column option layout on desktop */
.template-product .product-option-grid__left {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  row-gap: 0.75rem;
  width: 100%;
}

.template-product .product-option-grid__left .selector-wrapper {
  min-width: 0;
  width: 100%;
  margin: 0 !important;
}

/* If there is only one selector row, let it span full width */
.template-product .product-option-grid__left .selector-wrapper:only-child {
  grid-column: 1 / -1;
}

/* BEGIN: Globo spacing sync (revert by removing this block) */
.template-product {
  --option-col-gap: 1rem;
  --option-row-gap: 0.75rem;
  --option-addon-gap: 1.5rem;
}

/* Keep Shopify option column spacing on shared tokens */
.template-product .product-option-grid__left {
  column-gap: var(--option-col-gap);
  row-gap: var(--option-row-gap);
}

/* Remove Globo per-element margins to avoid uneven spacing */
.template-product .product-option-grid__right .gpo-select,
.template-product .product-option-grid__right .gpo-form__group {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

/* Make Globo internal rows match Shopify's grid rhythm */
.template-product .product-option-grid__right .gpo-row,
.template-product .product-option-grid__right .gpo-columns,
.template-product .product-option-grid__right .gpo-columns-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: var(--option-col-gap) !important;
  row-gap: var(--option-row-gap) !important;
}

@media (max-width: 768px) {
  .template-product .product-option-grid__right .gpo-row,
  .template-product .product-option-grid__right .gpo-columns,
  .template-product .product-option-grid__right .gpo-columns-wrapper {
    grid-template-columns: 1fr !important;
  }
}
/* END: Globo spacing sync */

/* 2. Adjust the items to fill the space exactly */
.product-form-select .selector-wrapper {
  flex: 1 1 calc(50% - 10px) !important; /* The '1' allows it to grow to fill space */
  max-width: 100% !important;
}

/* 3. The CRITICAL Part: Force the inner select box to be 100% of its wrapper */
.product-form-select .selector-wrapper select, 
.product-form-select .selector-wrapper .nice-select,
.product-form-select .selector-wrapper .single-option-selector {
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep product option dropdown controls full-width, including Globo wrappers */
.template-product .product-option-grid__left .selector-wrapper .product-form__input,
.template-product .product-option-grid__left .selector-wrapper select,
.template-product .product-option-grid__left .selector-wrapper .nice-select,
.template-product .product-option-grid__left .selector-wrapper .single-option-selector,
.template-product .product-option-grid__right .gpo-select > select,
.template-product .product-option-grid__right .gpo-form__group select[data-type="select"],
.template-product .gpo-app .gpo-select > select,
.template-product .gpo-app .gpo-form__group select[data-type="select"] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Match Globo custom fields to Shopify dropdown visual style */
.template-product #custom-fields-globo .gpo-input-wrap .gpo-input.gpo-text,
.template-product #custom-fields-globo .gpo-form__group input.gpo-input,
.template-product #custom-fields-globo .gpo-form__group input[data-type="text"],
.template-product .gpo-app .gpo-input-wrap .gpo-input.gpo-text,
.template-product .gpo-app .gpo-form__group input.gpo-input,
.template-product .gpo-app .gpo-form__group input[data-type="text"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--g-input-height) !important;
  line-height: var(--g-input-height) !important;
  padding: 0 1rem !important;
  background: #ffffff !important;
  color: #00031d !important;
  border: 1px solid rgba(255, 96, 56, 0.65) !important;
  border-radius: 25px !important;
  box-shadow: none !important;
}

.template-product #custom-fields-globo .gpo-input-wrap .gpo-input.gpo-text::placeholder,
.template-product #custom-fields-globo .gpo-form__group input.gpo-input::placeholder,
.template-product .gpo-app .gpo-input-wrap .gpo-input.gpo-text::placeholder,
.template-product .gpo-app .gpo-form__group input.gpo-input::placeholder {
  color: rgba(0, 3, 29, 0.6) !important;
}

.template-product #custom-fields-globo .gpo-input-wrap .gpo-input.gpo-text:focus,
.template-product #custom-fields-globo .gpo-form__group input.gpo-input:focus,
.template-product #custom-fields-globo .gpo-form__group input[data-type="text"]:focus,
.template-product .gpo-app .gpo-input-wrap .gpo-input.gpo-text:focus,
.template-product .gpo-app .gpo-form__group input.gpo-input:focus,
.template-product .gpo-app .gpo-form__group input[data-type="text"]:focus {
  outline: none !important;
  border-color: rgba(255, 96, 56, 0.95) !important;
  box-shadow: 0 0 0 1px rgba(255, 96, 56, 0.35) !important;
}

.template-product #custom-fields-globo .gpo-dropdown .dropdown-button,
.template-product .gpo-app .gpo-dropdown .dropdown-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--g-input-height) !important;
  padding: 0 1rem !important;
  background: #ffffff !important;
  color: #00031d !important;
  border: 1px solid rgba(255, 96, 56, 0.65) !important;
  border-radius: 25px !important;
  box-shadow: none !important;
}

.template-product #custom-fields-globo .gpo-dropdown .dropdown-button__value,
.template-product .gpo-app .gpo-dropdown .dropdown-button__value {
  color: #00031d !important;
  line-height: 1.3 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.template-product #custom-fields-globo .gpo-dropdown .dropdown-button__icon,
.template-product .gpo-app .gpo-dropdown .dropdown-button__icon {
  margin-left: 0.75rem !important;
  flex: 0 0 auto !important;
}

/* Remove Globo text-field wrapper frame and keep only the pill input */
.template-product #custom-fields-globo .gpo-input-wrap,
.template-product .gpo-app .gpo-input-wrap {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Hide duplicate "selected value" bars rendered above actual selects */
.template-product .product-option-grid__right .gpo-selected-values,
.template-product .product-option-grid__right .spo-selected-values,
.template-product .gpo-app .gpo-selected-values,
.template-product .gpo-app .spo-selected-values {
  display: none !important;
}

@media (max-width: 768px) {
  .template-product .product-option-grid__left {
    grid-template-columns: 1fr;
  }
}

/* Globo-only spacing: keep existing layout, just add vertical gaps like Shopify selectors */
#custom-fields-globo .gpo-form__group,
#custom-fields-globo .gpo-element,
#custom-fields-globo .form-group,
#custom-fields-globo [data-gpo],
#custom-fields-globo [data-globo] {
  margin-bottom: 1.2rem !important;
}

/* Globo rows/columns often ship with zero gutter; add horizontal + vertical gaps */
#custom-fields-globo .gpo-row,
#custom-fields-globo .gpo-inner,
#custom-fields-globo .gpo-columns,
#custom-fields-globo .gpo-columns-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  column-gap: 1rem !important;
  row-gap: 1rem !important;
}

/* Keep Globo column math, but account for the new gutter */
#custom-fields-globo .gpo-col-6,
#custom-fields-globo [class*="gpo-col-6"] {
  width: calc(50% - 0.5rem) !important;
  flex: 0 0 calc(50% - 0.5rem) !important;
  max-width: calc(50% - 0.5rem) !important;
  box-sizing: border-box !important;
}

/* Use the same half-gutter column behavior on Globo pair rows */
@media (min-width: 769px) {
  #custom-fields-globo .gpo-group__childs,
  #custom-fields-globo .gpo_group__childs,
  .template-product .gpo-app .gpo-group__childs,
  .template-product .gpo-app .gpo_group__childs {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: var(--option-col-gap) !important;
    row-gap: var(--option-row-gap) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #custom-fields-globo .gpo-group__childs > .gpo-element.gpo-form__group.gpo-col-6,
  #custom-fields-globo .gpo_group__childs > .gpo-element.gpo-form__group.gpo-col-6,
  .template-product .gpo-app .gpo-group__childs > .gpo-element.gpo-form__group.gpo-col-6,
  .template-product .gpo-app .gpo_group__childs > .gpo-element.gpo-form__group.gpo-col-6 {
    width: calc(50% - (var(--option-col-gap) / 2)) !important;
    flex: 0 0 calc(50% - (var(--option-col-gap) / 2)) !important;
    max-width: calc(50% - (var(--option-col-gap) / 2)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* Keep House Address / House Number add-on text fields as a stable pair.
     Do not add extra margins here; the parent gap already creates the gutter. */
  #custom-fields-globo .gpo-group__childs > .gpo-element.gpo-form__group.show-addon-for-input,
  #custom-fields-globo .gpo_group__childs > .gpo-element.gpo-form__group.show-addon-for-input,
  .template-product .gpo-app .gpo-group__childs > .gpo-element.gpo-form__group.show-addon-for-input,
  .template-product .gpo-app .gpo_group__childs > .gpo-element.gpo-form__group.show-addon-for-input {
    width: calc(50% - (var(--option-col-gap) / 2)) !important;
    flex: 0 0 calc(50% - (var(--option-col-gap) / 2)) !important;
    max-width: calc(50% - (var(--option-col-gap) / 2)) !important;
    min-width: 0 !important;
  }
}

/* Remove any frame/border from text-addon wrappers */
#custom-fields-globo .gpo-element.gpo-form__group.show-addon-for-input,
.template-product .gpo-app .gpo-element.gpo-form__group.show-addon-for-input {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  #custom-fields-globo .gpo-col-6,
  #custom-fields-globo [class*="gpo-col-6"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Make icon-with-text (small feature banner) labels bold and match theme color */
.product-block__iwt .iwt-item__text,
.product-block__iwt .iwt-item {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #00031D !important;
}

/* Ensure wishlist / compare block sits on its own row below qty + add-to-cart */
.product-form .gr-btnjs{
  display: block; /* make it a block-level element */
  width: 100%;
  margin-top: 1rem;
}
.product-form .gr-btnjs .d-flex{
  align-items: center;
  justify-content: flex-start; /* ensure left alignment */
}
.product-form .gr-btnjs .js-btn-wishlist{
  display: inline-flex;
  margin-top: 0.25rem;
}

/* Zakeke helper notes */
.product-design-tabs {
  display: none;
  grid-template-columns: 1fr 1fr;
  margin: 0 0 1.2rem;
  border: 1px solid var(--g-input-border);
  width: 100% !important;
  clear: both;
}
.product-design-tabs.is-ready {
  display: grid;
}
.product-design-tab {
  background: #f5f5f5;
  border: 0;
  border-top: 3px solid transparent;
  color: #00031d;
  cursor: pointer;
  font-weight: 700;
  padding: 0.8rem 1rem;
  text-align: center;
}
.product-design-tab.is-active {
  background: #ffffff;
  border-top-color: #FF6038;
  color: #FF6038;
}
.product-design-panel[hidden] {
  display: none !important;
}
.product-single__meta .product-design-panel[data-tab-panel="design"] {
  display: block;
  width: 100%;
  clear: both;
  margin-top: 0.8rem;
}

.product-block--zakeke-intro,
.product-block--upload-note {
  font-size: 1.2rem; /* increased size for better visibility */
  color: #00031d;
  margin-bottom: 0.6rem;
  font-weight: 800; /* stronger weight */
}
.product-block--zakeke-intro {
  text-align: left !important;
}
.product-block--zakeke-intro a {
  color: #FF6038;
  text-decoration: underline;
  font-weight: 900;
}
.product-block--upload-note strong{ font-weight:900; }

/* Override default <small> sizing so it doesn't render visually smaller */
.product-block--zakeke-intro small,
.product-block--upload-note small {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.product-block--zakeke-intro small strong,
.product-block--upload-note small strong {
  font-weight: 900 !important;
}

/* Make product 'text' blocks inside the product meta larger and bolder (target Zakeke/upload note block) */
.product-single__meta .product-block.product__text {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: 0.6rem !important;
}

.product-single__meta .product-block.product__text a {
  font-weight: 900 !important;
}

@media (max-width: 767px) {
  .template-product .product-single__meta .product-block.product__text.product__text--info {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}

/* Match Zakeke intro line to normal product text style */
.product-single__meta .product-block--zakeke-intro {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #00031d !important;
  margin-bottom: 0.6rem !important;
  text-align: left !important;
}

.product-single__meta .product-block--zakeke-intro p {
  margin: 0 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.product-single__meta .product-block--zakeke-intro small {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.product-single__meta .product-block--zakeke-intro a {
  color: #FF6038 !important;
  font-weight: 900 !important;
  text-decoration: underline;
}

/* Give the design CTA button more breathing room below the intro line */
.product-single__meta .product-design-panel[data-tab-panel="design"] .zakeke-product-button,
.product-single__meta .product-design-panel[data-tab-panel="design"] #zakeke-product-button,
.product-single__meta .product-design-panel[data-tab-panel="design"] .button.zakeke-product-button,
.product-single__meta .product-design-panel[data-tab-panel="design"] button.zakeke-product-button {
  margin-top: 0.6rem !important;
}

.product-upload-file-slot {
  margin-bottom: 1rem;
}


/* Feature / icon-with-text block: outer container should be a normal block.
   The inner wrapper (iwt-*) will be the grid that lays out items into two columns. */
.product-block__iwt{
  display: block;
  width: 100%;
}

.product-block__iwt .iwt-item{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* If items are arranged vertically (icon above text), ensure centring within each grid cell */
.product-block__iwt .iwt-item--vertical,
.product-block__iwt .iwt-item--stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Small screens: stack into a single column */
@media (max-width: 600px) {
  .product-block__iwt{
    grid-template-columns: 1fr;
    gap: 0.75rem 0;
  }
}

/* The theme outputs an inner wrapper with a `iwt-<style>` class and `d-flex`.
   Make that inner wrapper the two-column grid so its child .iwt-item elements
   are placed across the two columns. */
.product-block__iwt > [class^="iwt-"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem 4rem !important;
  align-items: start;
  width: 100%;
}

/* Ensure each item stretches to fill the grid cell */
.product-block__iwt .iwt-item{
  width: 100%;
  justify-self: stretch;
}

/* Increase spacing so items sit straight on one line and don't wrap */
.product-block__iwt > [class^="iwt-"] {
  /* ensure inner wrapper grid has the breathing room we want */
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem 4rem !important;
}

.product-block__iwt .iwt-item{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem; /* more space between icon and text */
  width: 100%;
  padding: 0.25rem 0.75rem; /* add internal spacing so cells don't visually touch */
  box-sizing: border-box;
  min-width: 0; /* allow item to shrink inside grid/flex container */
}

.product-block__iwt .iwt-item__text{
  /* Remove forced single-line truncation so full label can display. */
  white-space: normal;
  display: inline-block;
  overflow: visible;
  text-overflow: clip;
}

/* Slightly larger icon spacing to keep layout neat */
.product-block__iwt svg.icon{
  margin-right: 0.5rem;
}

/* Make icon-with-text artwork white with orange stroke — no circular ring */
.product-block__iwt .iwt-item svg,
.product-block__iwt svg.icon,
.product-block__iwt svg[class*="icon-"] {
  /* force artwork fill to white */
  fill: #ffffff !important;
  /* force stroke (outlines) to orange */
  stroke: #FF6038 !important;
  stroke-width: 1.25px !important;
  /* keep background/layout untouched */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* keep currentColor fallback orange for any parts using currentColor */
  color: #FF6038 !important;
}

/* Also ensure child shape elements inside SVG inherit these overrides */
.product-block__iwt svg.icon *,
.product-block__iwt svg[class*="icon-"] *,
.product-block__iwt .iwt-item svg * {
  fill: #ffffff !important;
  stroke: #FF6038 !important;
}

@media (max-width: 768px) {
  .product-block__iwt,
  .product-block__iwt > [class^="iwt-"] {
    grid-template-columns: 1fr !important;
    gap: 0.6rem 0 !important;
  }
  .product-block__iwt .iwt-item__text{
    white-space: normal; /* allow wrapping on small screens */
  }
}

@media (max-width: 600px) {
  .product-block__iwt > [class^="iwt-"] {
    grid-template-columns: 1fr !important;
    gap: 0.6rem 0 !important;
  }
}

/* Product feature strip (icon_with_text, horizontal style):
   match compact multi-item row with separators and orange icons */
.template-product .product-block__iwt > .iwt-hoz {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: 100%;
}

.template-product .product-block__iwt > .iwt-hoz .iwt-item {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-align: left !important;
  min-height: 72px;
  padding: 10px 18px !important;
}

.template-product .product-block__iwt > .iwt-hoz .iwt-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 44px;
  background: #d4d4d4;
}

.template-product .product-block__iwt > .iwt-hoz .iwt-item__text {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #00031d !important;
  margin-top: 0 !important;
  white-space: normal !important;
}

.template-product .product-block__iwt > .iwt-hoz .iwt-item svg,
.template-product .product-block__iwt > .iwt-hoz svg.icon,
.template-product .product-block__iwt > .iwt-hoz svg[class*="icon-"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px;
  color: #ff6038 !important;
  stroke: #ff6038 !important;
  fill: none !important;
  stroke-width: 2px !important;
}

.template-product .product-block__iwt > .iwt-hoz svg.icon *,
.template-product .product-block__iwt > .iwt-hoz svg[class*="icon-"] *,
.template-product .product-block__iwt > .iwt-hoz .iwt-item svg * {
  stroke: #ff6038 !important;
  fill: none !important;
}

@media (max-width: 991px) {
  .template-product .product-block__iwt > .iwt-hoz {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .template-product .product-block__iwt > .iwt-hoz {
    grid-template-columns: 1fr !important;
  }
  .template-product .product-block__iwt > .iwt-hoz .iwt-item:not(:last-child)::after {
    display: none;
  }
  .template-product .product-block__iwt > .iwt-hoz .iwt-item {
    border-bottom: 1px solid #e2e2e2;
  }
}


/* TEMP: hide 24 Hour Production ribbon on product cards */
.turnaround-time-overlay {
  display: none !important;
}

/* Zakeke product button — override background to match theme (#FF6038) */
.zakeke-product-button,
#zakeke-product-button,
.button.zakeke-product-button,
button.zakeke-product-button {
  background: #ffffff !important;
  border-color: #FF6038 !important;
  color: #FF6038 !important;
}

/* Site-wide product price sizing: ensure price spans are larger */
span[id^="ProductPrice-"],
span.product-single__price,
span[id*="ProductPrice-"] {
  font-size: 35px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

span.product-single__price--input {
  font-size: 35px !important;
}