.elementor-919 .elementor-element.elementor-element-86802f2{--display:flex;}.elementor-919 .elementor-element.elementor-element-ac09711{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-919 .elementor-element.elementor-element-b3530c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-b3530c6.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-919 .elementor-element.elementor-element-d571a45{--display:flex;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-919 .elementor-element.elementor-element-8bf4b86.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-8bf4b86.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-919 .elementor-element.elementor-element-ee74caf{--display:flex;}.elementor-919 .elementor-element.elementor-element-7c16060{--display:flex;}.elementor-919 .elementor-element.elementor-element-f70212d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-f70212d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-919 .elementor-element.elementor-element-08c64e4{--display:flex;}.elementor-919 .elementor-element.elementor-element-03f93a9{--display:flex;}@media(min-width:768px){.elementor-919 .elementor-element.elementor-element-d571a45{--content-width:1315px;}}@media(max-width:1024px){.elementor-919 .elementor-element.elementor-element-b3530c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-8bf4b86.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-f70212d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-919 .elementor-element.elementor-element-ac09711{--margin-top:-45px;--margin-bottom:-2px;--margin-left:-2px;--margin-right:-2px;}.elementor-919 .elementor-element.elementor-element-b3530c6.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-8bf4b86.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-919 .elementor-element.elementor-element-f70212d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-b3530c6 *//* 1. Stretch product container to full screen width */
.elementor-widget-woocommerce-products {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    background-color: #000000 !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
}

/* 2. Style inner grid container */
.elementor-widget-woocommerce-products ul.products {
    background-color: #000000 !important;
    margin: 0 auto !important;
    padding: 0 10px !important; /* Small inner gap so cards don't touch screen edges directly */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Style product cards & center alignment */
.elementor-widget-woocommerce-products ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;  
    text-align: center !important;
    height: 100% !important;
    background-color: #000000 !important; 
    padding: 15px !important;
    box-sizing: border-box !important;
}

/* 4. Text & link colors */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-category__title,
.elementor-widget-woocommerce-products ul.products li.product a,
.elementor-widget-woocommerce-products ul.products li.product h2,
.elementor-widget-woocommerce-products ul.products li.product h3 {
    color: #ffffff !important;           
    margin-bottom: auto !important;     
}

/* 5. Price & Category text color */
.elementor-widget-woocommerce-products ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .price *,
.elementor-widget-woocommerce-products ul.products li.product .posted_in,
.elementor-widget-woocommerce-products ul.products li.product .posted_in a {
    color: #ffffff !important;
}

/* 6. Center and align buttons */
.elementor-widget-woocommerce-products ul.products li.product .button {
    margin-top: 15px !important;
    align-self: center !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8bf4b86 *//* Remove margins and force continuous black background between sections */
.cannabis-intro-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Extend intro background downward to fill any row gap */
.cannabis-intro-section::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #000000 !important;
  z-index: 0;
}

/* Clear top spacing on the WooCommerce product wrapper */
.elementor-widget-woocommerce-products,
.elementor-widget-woocommerce-products .woocommerce,
.elementor-widget-woocommerce-products ul.products {
  margin-top: 0 !important;
  padding-top: 20px !important;
  background-color: #000000 !important;
  position: relative;
  z-index: 1;
}

/* Target Elementor container gaps if present */
.elementor-element {
  --row-gap: 0px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-f70212d *//* Target only this specific element/widget on mobile devices */
@media (max-width: 767px) {
  .elementor-919 .elementor-element.elementor-element-f70212d {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /* Prevent product title cutoff and fix font sizing */
  .elementor-919 .elementor-element.elementor-element-f70212d .woocommerce-loop-product__title,
  .elementor-919 .elementor-element.elementor-element-f70212d h2,
  .elementor-919 .elementor-element.elementor-element-f70212d h3,
  .elementor-919 .elementor-element.elementor-element-f70212d a {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    font-size: 14px; /* Adjust size if needed to fit comfortably */
    line-height: 1.3;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08c64e4 */v/* ==========================================================================
   HOUSE OF THE DANK - Aggressive Full-Bleed Black Override
   ================================================================---------- */

/* 1. Force the parent HTML widget, column, section, and container to solid black */
html, 
body,
.elementor-widget-html,
.elementor-widget-container,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-element:has(.reviews-section),
.elementor-section:has(.reviews-section),
.elementor-container:has(.reviews-section) {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* 2. Strip ALL margins/paddings from parent containers holding this section */
.elementor-widget:has(.reviews-section),
.elementor-widget-container:has(.reviews-section) {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 3. Extreme Full-Bleed (Horizontal & Vertical Seam Elimination) */
.reviews-section {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    
    /* Pull top and bottom inwards by 3px to destroy any sub-pixel white gaps */
    margin-top: -3px !important;
    margin-bottom: -3px !important;
    
    /* Force pitch black background across all display engines */
    background: #000000 !important;
    background-color: #000000 !important;
    
    /* Clean inner spacing for content */
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 10 !important;
}

/* 4. Kill default browser/theme headings and container margins */
.reviews-section .reviews-container,
.reviews-section .reviews-header,
.reviews-section .reviews-header h2,
.reviews-section .reviews-header p {
    margin-top: 0 !important;
    background: transparent !important;
}

/* 5. Target adjacent upper and lower sections to guarantee black continuity */
.reviews-section::before,
.reviews-section::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 10px !important;
    background-color: #000000 !important;
}

.reviews-section::before {
    top: -10px !important;
}

.reviews-section::after {
    bottom: -10px !important;
}

/* Mobile viewport refinement */
@media (max-width: 992px) {
    .reviews-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}/* End custom CSS */