/** Shopify CDN: Minification failed

Line 7:2 Unexpected "="
Line 13:76 Unterminated string token

**/
* =============================================================================
   Related Products Dropdown
   Theme:   Enterprise 2.2.0
   File:    assets/custom.css
   Version: 1.1.0

   Inherits Enterprise's native input CSS variables directly so the dropdown
   is pixel-identical to the native variant selector — no value duplication.

   Native select tokens used by Enterprise 2.2.0:
     --input-bg-color        background
     --input-text-color       text + border
     --input-border-width     border thickness
     --input-border-radius    corner radius
     --input-padding-y        vertical padding
   ============================================================================= */

/* -----------------------------------------------------------------------------
   BLOCK WRAPPER
   Matches the spacing Enterprise uses around variant pickers.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-control {
  margin-bottom: calc(4 * var(--space-unit));
}

/* -----------------------------------------------------------------------------
   LABEL
   Identical to Enterprise's .label rule so it matches variant picker labels.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-label {
  display: block;
  margin: 0 0 calc(2 * var(--space-unit));
  font-size: 0.88em;
  font-weight: 700;
  text-align: start;
}

/* -----------------------------------------------------------------------------
   SELECT WRAPPER
   Mirrors Enterprise's .select wrapper which positions the chevron.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-select-wrap {
  position: relative;
  display: block;
}

/* -----------------------------------------------------------------------------
   SELECT ELEMENT
   Adds Enterprise's `input` and `custom-select__btn` classes on the element
   so border-radius, background, and colour tokens match the native picker exactly.
   Rules here override the parts of custom-select__btn that don't suit a <select>.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-select {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--input-padding-y, 11px) 24px;
  padding-inline-end: 48px; /* room for chevron */

  /* font — custom-select__btn sets 0.88em bold, which is what we want */
  font-family: inherit;
  line-height: 1.2em;

  /* Strip native OS chrome */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Override custom-select__btn's flex display — select must be block */
  display: block;

  /* Chevron handled by .rp-select-wrap::after — no background-image needed */
  background-image: none;

  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, outline 0.2s;
}

/* Focus — identical to Enterprise's select:focus rule */
[data-rp-root] .rp-select:focus {
  border-color: rgba(var(--input-text-color) / 0.6);
  outline: 0;
  box-shadow: 0 0 0 1px rgba(var(--input-text-color) / 0.6);
}

/* -----------------------------------------------------------------------------
   CHEVRON
   Mirrors Enterprise's .select::after exactly — uses mask-image with
   background-color so it inherits --input-text-color automatically,
   including across colour schemes and dark mode.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-select-wrap::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  width: 20px;
  height: 20px;
  background-color: rgb(var(--input-text-color));
  pointer-events: none;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M20 8.5 12.5 16 5 8.5' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 20px 20px;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M20 8.5 12.5 16 5 8.5' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 20px 20px;
}

[dir=rtl] [data-rp-root] .rp-select-wrap::after {
  right: auto;
  left: 20px;
}

/* -----------------------------------------------------------------------------
   DISABLED / MUTED OPTIONS
   Matches Enterprise's muted text opacity pattern.
----------------------------------------------------------------------------- */
[data-rp-root] .rp-select option[disabled],
[data-rp-root] .rp-select option:disabled {
  color: rgba(var(--input-text-color) / 0.4);
}
/* ============================================================
   PRODUCT SPECIFICATIONS TABLE
   Controls layout, width, and appearance of specs table
   ============================================================ */


/* Wrapper around title + table
   - Forces full width
   - Prevents theme from shrinking it
*/
.product-specs-wrapper{
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 1.5rem 0;
}


/* Main table
   - Forces table to stretch full width
   - Overrides theme inline/fit-content rules
   - Fixed layout for consistent columns
*/
.product-specs-wrapper .product-spec-table{
  width: 100% !important;
  max-width: 100% !important;
  display: table !important;
  border-collapse: collapse;
  table-layout: fixed;
}


/* Left column (labels: Brand, MPN, etc.)
   - 35% width
   - Bold for hierarchy
   - Aligns text nicely
*/
.product-specs-wrapper .product-spec-table th{
  width: 35%;
  text-align: left;
  font-weight: 600;
  padding: 0.75rem 0.5rem;
  vertical-align: top;
}


/* Right column (values: Recticel, 2400mm, etc.)
   - 65% width
   - Normal font weight
*/
.product-specs-wrapper .product-spec-table td{
  width: 65%;
  padding: 0.75rem 0.5rem;
  vertical-align: top;
}


/* Title above table (Specifications)
   - Slightly larger
   - Stronger weight
   - Space below
*/
.product-specs-title{
  font-size: 2.50rem;
  font-weight: 700;
  margin: 0 0 0.8rem;
}

/* PayPal Pay Later */
#paypal-upstream-messaging-product{display:none!important}
.product-info__block--sm.product-price{margin-bottom:0!important}
.product-info__block:has(.de-wrapper){margin-top:4px!important}
[data-pp-message][data-pp-placement="product"]{margin-top:4px!important}
/* ============================================================
   VAT TOGGLE — RESPONSIVE LAYOUT
   ------------------------------------------------------------
   The theme hides "Ex VAT" label on smaller screens, leaving
   only "Inc VAT" beside the toggle which is confusing — users
   can't tell what state the toggle switches between.

   Fix:
   - Force "Ex VAT" to stay visible at all screen sizes.
   - Below 354px only, scale the label font size smoothly
     so both labels remain comfortable to read alongside
     the phone number and toggle.
   - All other screen sizes (mobile, tablet, desktop) are
     completely unaffected — rules only apply below 354px.
   ============================================================ */

/* Force "Ex VAT" label to be visible — the theme's built-in
   media query is otherwise hiding it on mobile. */
.header__super--vat-toggle-disabled {
  display: inline !important;
}

/* Below 354px, scale the VAT label font size smoothly with
   viewport width, clamped between 1.2rem and 1.5rem so it
   stays readable on the smallest devices. Toggle and phone
   number are unaffected. */
@media (max-width: 353px) {
  .header__super--vat-toggle-disabled,
  .header__super--vat-toggle-enabled {
    font-size: clamp(1.2rem, 5.6vw, 1.5rem);
  }
}