/** Shopify CDN: Minification failed

Line 374:12 Unexpected bad string token
Line 374:34 Unterminated string token

**/
/* =========================================
   House of Bohi — Global Overrides
   Loads after theme.css (upgrade resilient)
   This file must be referenced in layout/theme.liquid after theme.css.
   ========================================= */

/* Inventory emphasis (sitewide consistency) */
.inventory {
  font-weight: bold;
  font-style: normal;
}

/* Tighten spacing around inventory + buy buttons (sitewide) */
.product-info__block-item:is([data-block-type="inventory"], [data-block-type="buy-buttons"], [data-block-type="pickup-availability"], [data-block-type="more-information"], [data-block-type="offers"]) {
  --product-info-gap: 0.6rem;
}

.product-info__block-group:has(.product-info__block-item:is([data-block-type="inventory"], [data-block-type="buy-buttons"], [data-block-type="pickup-availability"], [data-block-type="more-information"], [data-block-type="offers"])) {
  --product-info-gap: 0.6rem;
}

/* PDP: feature badge layout */
.product-info__block-group.feature-badge-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.product-info__block-group.feature-badge-list .feature-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
  line-height: 0.8rem;
  letter-spacing: 0.04em;
}

/* Desktop: force Size options into a clean 5-column row */
@media (min-width: 1000px) {
  .product-info__block-item[data-block-type="variant-picker"]
  fieldset.variant-picker__option:first-of-type
  .variant-picker__option-values {
    display: grid;
    width: 100%;
    white-space: nowrap;
    font-size: 0.75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    /*gap: 10px;*/
  }
}

/* PDP: reduce gap between thumbnails and main image */
@media (min-width: 1000px) {
  .shopify-section--main-product .product-gallery {
    column-gap: 16px !important;
  }
}

/* PDP: reduce gap between gallery (left) and product info (right) */
@media (min-width: 1000px) {
  .shopify-section--main-product .product {
    column-gap: 40px !important;
  }
}

/* PDP: tighten spacing around the separator (between price ↔ icons) */
.shopify-section--main-product
.product-info__block-item[data-block-type="separator"]{
  --product-info-gap: 0.9rem;
}

/* css for Custom Enquiry Drawer on the Product page which slides out when customer clicks Custom Enquiry Button 
HOB Enquiry Drawer (scoped + higher specificity to beat theme defaults)*/
/* HOB Enquiry Drawer (scoped + higher specificity to beat theme defaults) */
#hobEnquiryDrawer.hob-enquiry--hob{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  visibility: hidden;
}

#hobEnquiryDrawer.hob-enquiry--hob[aria-hidden="false"]{
  pointer-events: auto;
  visibility: visible;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.28);
  opacity: 0;
  transition: opacity .25s ease;
}

#hobEnquiryDrawer.hob-enquiry--hob[aria-hidden="false"] .hob-enquiry__overlay{
  opacity: 1;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__panel{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(480px, 92vw);
  background: #fff;
  transform: translateX(100%);
  transition: transform .35s ease;
  box-shadow: -2px 0 14px rgba(0,0,0,.18);
  padding: 26px 22px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#hobEnquiryDrawer.hob-enquiry--hob[aria-hidden="false"] .hob-enquiry__panel{
  transform: translateX(0);
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__close{
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: none;
  font-size: 26px;
  cursor: pointer;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__title{
  margin: 0 0 6px;
  font-size: 22px;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__sub{
  margin: 0 0 18px;
  color: #555;
  line-height: 1.5;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__group{
  margin: 16px 0 18px;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__heading{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__label{
  display: block;
  margin: 10px 0 6px;
  font-size: 14px;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__input,
#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__textarea{
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 10px 12px;
}

#hobEnquiryDrawer.hob-enquiry--hob .hob-enquiry__submit{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid currentColor;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .08em;
  cursor: pointer;
}

/* Base notice style */
#hobEnquiryDrawer .hob-enquiry__notice{
  margin: 12px 0 18px;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
}

/* Success (works whether you use class OR data-type) */
/*#hobEnquiryDrawer .hob-enquiry__notice--success,
#hobEnquiryDrawer .hob-enquiry__notice[data-type="success"]{
  color: #8d694f ;
  border-color: rgba(141, 105, 79, 0.35) ;
  background: rgba(141, 105, 79, 0.06) ;
}*/

#hobEnquiryDrawer .hob-enquiry__notice--success,
#hobEnquiryDrawer .hob-enquiry__notice[data-type="success"]{
  color: rgb(var(--success-text));
  background: rgb(var(--success-background));
  border-color: rgb(var(--success-text) / 25%);
}

/* Error (works whether you use class OR data-type) */
#hobEnquiryDrawer .hob-enquiry__notice--error,
#hobEnquiryDrawer .hob-enquiry__notice[data-type="error"]{
  color: #6b2b2b ;
  border-color: rgba(107, 43, 43, 0.35) ;
  background: rgba(107, 43, 43, 0.06);
}

/* Collapse the enquiry drawer panel height on success-only state */
#hobEnquiryDrawer.hob-enquiry--success-only .hob-enquiry__panel{
  height: auto !important;
  max-height: calc(100vh - 40px) !important;
  overflow: hidden !important;
}

/* Keep it nicely positioned and not stretched */
#hobEnquiryDrawer.hob-enquiry--success-only{
  align-items: flex-start;           /* if your drawer uses flex */
  padding-top: 18px;
}

/* If your panel is positioned from top/bottom, neutralize bottom */
#hobEnquiryDrawer.hob-enquiry--success-only .hob-enquiry__panel{
  bottom: auto !important;
}

/*End of css for Custom Enquiry Drawer on the Product page which slides out when customer clicks Custom Enquiry Button */

/* Custom Enquiry button: keep border/text visible + prevent "disappearing" hover */
/* Custom Enquiry — outline base + sliding fill (text will NOT disappear) */
/* Also use the same css for Order Sample button too */
a.button[href="#hob-enquiry"],
a.button[href="#order-sample"]{
  position: relative !important;
  overflow: hidden !important;

  background: #F8F8F8 !important;
  color: #3E3E3E !important;
  border: 1px solid #3E3E3E !important;
  box-shadow: none !important;

  /* Create a stacking context so ::after can sit behind text */
  z-index: 0 !important;

  transition: color .20s ease, border-color .20s ease !important;
}

/* Sliding fill layer sits BEHIND the text */
a.button[href="#hob-enquiry"]::after,
a.button[href="#order-sample"]::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: #3E3E3E !important;
  transform: translateX(-101%) !important;
  transition: transform .28s ease !important;

  z-index: -1 !important;           /* <- critical: behind text */
  pointer-events: none !important;  /* never blocks clicks */
}

/* Hover/focus: slide fill in + invert text */
a.button[href="#hob-enquiry"]:hover,
a.button[href="#hob-enquiry"]:focus-visible,
a.button[href="#order-sample"]:hover,
a.button[href="#order-sample"]:focus-visible {
  color: #F8F8F8 !important;
  border-color: #3E3E3E !important;
}

a.button[href="#hob-enquiry"]:hover::after,
a.button[href="#hob-enquiry"]:focus-visible::after,
a.button[href="#order-sample"]:hover::after,
a.button[href="#order-sample"]:focus-visible::after{
  transform: translateX(0) !important;
}

/* Ensure any nested spans/icons also follow (safe even if none exist) */
a.button[href="#hob-enquiry"] *,
a.button[href="#hob-enquiry"]:hover *,
a.button[href="#hob-enquiry"]:focus-visible *,
a.button[href="#order-sample"] *,
a.button[href="#order-sample"]:hover *,
a.button[href="#order-sample"]:focus-visible * {
  color: currentColor !important;
}

/* For styling the Custom Enquiry and Order Sample buttons on the PDP */
.hob-pdp-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  margin-top: 8px;
}

.hob-pdp-action-row .hob-pdp-action-button {
  height: 45px;
  padding-inline: 8px;
  font-size: 13px;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.hob-sample-stock-message {
  margin-top: 8px;
  font-size: 13px;
  color: #6f6259;
}

@media screen and (max-width: 390px) {
  .hob-pdp-action-row .hob-pdp-action-button {
    font-size: 12px;
    letter-spacing: 0.08em;
  }
}
/* End of  styling the Custom Enquiry and Order Sample buttons on the PDP */

/* ============================================================
   HOUSE OF BOHI | Journal article styles
   Append to the END of assets/custom.css. Do not remove anything
   already in that file.

   Colours match Blog 01 exactly, so posts stay visually identical.
   Blog 01 keeps its inline styles and will look the same either way.
   ============================================================ */

/* Eyebrow tag above the title (Heritage, Craft, At Home, Trade) */
.hob-eyebrow{
  font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:#8d694f;font-weight:500;margin:0 0 24px;
}

/* Byline under the eyebrow */
.hob-byline{font-style:italic;font-size:15px;color:#8d694f;margin:0 0 48px;}

/* Body copy */
.hob-article p{color:#3e3e3e;}

/* Figures and captions */
.hob-figure{margin:48px 0;}
.hob-figure--narrow{max-width:520px;margin:48px auto;}
.hob-figure img{display:block;width:100%;height:auto;}
.hob-caption{
  font-style:italic;font-size:14px;line-height:1.55;color:#6b6b6b;
  margin-top:14px;padding-left:16px;border-left:1px solid #8d694f;
}

/* Short divider */
.hob-rule{border:none;height:1px;background:#e6dccf;width:80px;margin:64px auto;}

/* The short answer block */
.hob-answer{background:#f2ece2;padding:28px 30px;margin:40px 0;}
.hob-answer .hob-label{
  display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:#8d694f;font-weight:600;margin-bottom:14px;
}
.hob-answer p{margin:0 0 12px;color:#3e3e3e;}
.hob-answer p:last-child{margin-bottom:0;}

/* Use with care when */
.hob-care{background:#f7f3ec;padding:20px 24px;margin:26px 0;}
.hob-care .hob-label{
  display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#8d694f;font-weight:600;margin-bottom:8px;
}
.hob-care p{margin:0;color:#3e3e3e;}

/* Tables */" and ends just before
   "/* Links inside the article */", then paste this in its place.
   ============================================================ */

/* Tables */
.hob-table-wrap{
  margin:36px 0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.hob-table{
  border-collapse:collapse;
  width:100%;
  font-size:15px;
  line-height:1.6;
}

/* Cells. Higher specificity plus !important so the theme's own
   table rules do not strip the padding back to zero. */
.hob-table-wrap .hob-table th,
.hob-table-wrap .hob-table td{
  text-align:left;
  padding:16px 20px !important;
  vertical-align:top;
  color:#3e3e3e;
  font-family:inherit;
  border:none;
}

/* Column headers */
.hob-table-wrap .hob-table thead th{
  background:#f2ece2;
  color:#8d694f;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:600;
  font-family:inherit;
  line-height:1.4;
  white-space:nowrap;
}

/* Row headers: same face as the body copy, not the theme serif */
.hob-table-wrap .hob-table tbody th{
  font-family:inherit;
  font-weight:600;
  font-size:15px;
  letter-spacing:0;
  text-transform:none;
  color:#8d694f;
  line-height:1.6;
}

/* First column: give it room so short labels stop breaking mid-word */
.hob-table-wrap .hob-table th:first-child,
.hob-table-wrap .hob-table td:first-child{
  width:19%;
  min-width:132px;
}

.hob-table tbody tr{background:#faf7f2;}
.hob-table tbody tr:nth-child(even){background:#fffdf9;}

/* Only allow horizontal scrolling where it is actually needed.
   On desktop the table fits, so nothing is clipped at the left edge. */
@media (max-width:760px){
  .hob-table{min-width:600px;}
  .hob-table-wrap .hob-table th,
  .hob-table-wrap .hob-table td{padding:13px 15px !important;}
  .hob-table{font-size:14px;}
  .hob-table-wrap .hob-table th:first-child,
  .hob-table-wrap .hob-table td:first-child{min-width:112px;}
}

/* Links inside the article */
.hob-article a{
  color:#8d694f;text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:3px;
}

/* Sign-off */
.hob-signoff{margin-top:64px;font-style:italic;font-size:19px;color:#1f1a15;}
.hob-signoff span{
  display:inline-block;margin-top:4px;font-style:normal;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;color:#8d694f;font-weight:500;
}

@media (max-width:600px){
  .hob-answer{padding:22px 20px;}
}

/* ------------------------------------------------------------
   Table text colours, forced past the theme's own table rules.
   Prestige styles table cells with a muted text colour at higher
   specificity, which washes out the header row and first column.
   ------------------------------------------------------------ */
.hob-article .hob-table-wrap .hob-table thead th,
.hob-article .hob-table-wrap .hob-table tbody th{
  color:#8d694f !important;
  opacity:1 !important;
}

/* Eyebrow and byline, forced past the theme's own rules */
.hob-article .hob-eyebrow{color:#8d694f !important;}
.hob-article .hob-byline{color:#8d694f !important;}

/* ------------------------------------------------------------
   Styling for the trade price label for B2B customers.
   ------------------------------------------------------------ */
.hob-trade-price-label {
  display: inline-flex;
  align-items: center;
  margin-inline-start: 7px;
  padding: 3px 6px;

  background: rgba(62, 62, 62, 0.12);
  color: #3E3E3E;

  font-size: 8px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;

  white-space: nowrap;
  vertical-align: middle;
  transform: translateY(-5px);
}