/* This css is for print previews only */

* {background: transparent !important; color: #444 !important; text-shadow: none !important;}
.lang {display: none;}
header {display: none;}
header.sticky {backdrop-filter: none;}
header.dm-container {position: relative;}
.dm-product-block .sale-tag {display: none;}
.dm-main-nav {display: none;}
.dm-product-block .dm-grid {grid-template-columns: 50% 50%;}
.product-images.dm-grid {float: left; order: 2;}
.product-images.dm-grid figure {float: left;}
.content-block article {max-width: 95%;}
.product-images.dm-grid figure {padding: 0;}
.dm-product-block .large img { max-height: 300px;}
.dm-product-block .sticky {position: relative; order: 1;}
.dm-product-block .sticky {display: block;width: 100%;}
.back-page-comment {line-height: 1.5;}
.product-images.dm-grid {display: block;float: left;margin-right: 20px;width: 100%; padding: 0px;}
.large {width: 100% !important;}
.grey-bg {width: 50%; display: grid; grid-template: 50%,50%;}
.button-wrap {display: none;}
.add-to-cart-wrapper  {display: none ;}
.alert-banner {display: none !important;}
.stock-box {display: none;}
.accordionjs .acc_section .acc_content {display: block !important;}
.accord-title {padding:5px 0; border-bottom:0}
.accord-title h4 {font-family: 'graphik-medium';}
.accord-text {padding:0 0 15px 0; border-bottom:0}
.dm-container-sml {display: none;}
.instagram-feed {display: none;}
.grecaptcha-badge {display: none !important;}
#back-to-top-btn {display: none !important;}
footer {display: none;}

.dm-product-block .dm-grid { grid-template-columns: 1fr;}

.date-time {display: block!important; position: absolute; top: 50px; right: 50px;}

p small {font-size: 11px;}

.content-block .accordionjs p {margin: 5px 0; font-size: 14px;}
.content-block .accordionjs li {font-size: 14px; margin: 3px 0}

.acc_section.delivery {display:none}

.dm-product-block .content-block article h1 {

    font-size: 30px;
    line-height: 32px;
}

.dm-product-block article {padding: 20px 0;}
.dm-logo {width: 80px;}


.made-nz {background: #636466 !important;}

.dm-product-block .large img {height:auto; max-height:none}

.hide-print {display:none}

.print-only {display:block !important; padding: 10px}
.print-only p, .print-only li, .print-only h5 {font-size: 11px; line-height:1.5; font-family: 'graphik-regular';}
.print-only ul {margin: 20px;}
.print-only p {margin: 5px 0}
.print-only h4 {text-transform:uppercase; margin: 10px 0; font-weight:bold}
.print-only div {font-size: 11px;}

.print-only #accordion {
    grid-template-columns: 30% 30% 30%;
    margin: 0;
    align-items: flex-start; display: grid; grid-gap: 20px
}

.dm-category-block figure, .dm-category-block article p {display: none;}
.dm-grid .dm-item article {padding: 0px;}
.shop-filter {display: none;}
#category-container {display: block;}
#category-container #product-container {grid-template-columns: repeat(4, 1fr);}
.dm-item.category-item {display: none;}
#faqs_outdoor {display: none;}
.pStockMessage {display: none;}
.made-nz {display: none;}
#recently-viewed-section {display: none!important;}


/* ============================================================================
   PRODUCT PAGE PRINT FIXES

   Problems this replaces:
   1. Figures were floated (L11-12, L19, L21) but the float was never cleared, so
      the DIMENSIONS / FEATURES / WARRANTY block (.print-only) printed UNDERNEATH
      the images and the text overlapped the fabric swatch photos.
   2. L59 set max-height:none on gallery images. Swatch photos are portrait
      (eg 219x599) so they printed enormous and pushed the job to 3 pages.
   3. The Reviews.io carousel printed in full. print1.css already had the fix
      (#reviewsio-carousel-widget{display:none}) but print1.css is NOT the file
      the site loads - the <link media="print"> points at print.css.
   4. .add-to-cart-wrapper (L23) matches nothing; the button is .add-to-cart.

   Kept deliberately: the free shipping flag (.fsf) still prints. It carries its
   own date range, so a printed copy cannot mislead once the promo ends.
   ============================================================================ */

/* Interactive / online-only furniture that has no meaning on paper */
#reviewsio-carousel-widget,
[id^="reviewsio"],
[class*="reviewsio"],
.swiper-overflow,
afterpay-modal,
.afterpay-messaging,
#afterpay-placement,
.add-to-cart {display: none !important;}

/* Gallery: flex instead of floats so nothing can overlap the spec block below */
.product-images.dm-grid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  float: none !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.product-images.dm-grid figure {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* Hero image full width, secondary shots and swatches three across */
.product-images.dm-grid figure.large            {width: 100% !important;}
.product-images.dm-grid figure.large img        {max-height: 78mm !important;}
.product-images.dm-grid figure:not(.large)      {width: calc(33.333% - 4px) !important;}
.product-images.dm-grid figure:not(.large) img  {max-height: 42mm !important;}

/* Cap height so portrait swatch photos cannot blow the page out */
.product-images.dm-grid img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

/* Spec block clears the gallery and keeps each column intact across a break */
.print-only {clear: both !important; padding-top: 0 !important;}
.print-only #accordion > div {break-inside: avoid; page-break-inside: avoid;}