/** Shopify CDN: Minification failed

Line 775:0 Unexpected "}"
Line 1137:0 Unexpected "}"

**/
/* ========================================
   📱 MOBILE STYLES - PRODUCT PAGES ONLY
   ======================================== */
/* This file contains all mobile-only CSS rules scoped to product pages */

/* ========================================
   📱 MOBILE LAYOUT VISIBILITY CONTROL
   ======================================== */
@media screen and (max-width: 749px) {
  /* Show mobile layout, hide desktop layout */
  .mobile-product-layout {
    display: block !important;
  }
  
  .desktop-product-layout {
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  /* Show desktop layout, hide mobile layout */
  .mobile-product-layout {
    display: none !important;
  }
  
  .desktop-product-layout {
    display: block !important;
  }
}

/* Mobile Layout Styles */
@media screen and (max-width: 749px) {
  /* Mobile Product Layout Container */
  .mobile-product-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  
  /* Mobile Product Media */
  .mobile-product-media {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  
/* ========================================
   📱 MOBILE PRODUCT MEDIA GALLERY
   ======================================== */
.mobile-product-media-gallery {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
  }
  
  .mobile-media-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
  }
  
  .mobile-media-item {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: none;
  }
  
  .mobile-media-item.active {
    display: block;
  }
  
  .mobile-product-image {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }
  
  .mobile-video-container {
    width: 100%;
    max-width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }
  
  .mobile-product-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  
  .mobile-external-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .mobile-external-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  
  .mobile-model-container {
    width: 100%;
    max-width: 100%;
    height: 400px;
    position: relative;
  }
  
  .mobile-model-container model-viewer {
    width: 100%;
    height: 100%;
  }
  
/* ========================================
   📱 MOBILE MEDIA NAVIGATION (ARROWS & DOTS)
   ======================================== */
.mobile-media-navigation {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    pointer-events: none;
  }
  
  .mobile-media-prev,
  .mobile-media-next {
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    pointer-events: auto;
    transition: background-color 0.3s ease;
  }
  
  .mobile-media-prev:hover,
  .mobile-media-next:hover {
    background: rgba(0, 0, 0, 0.9);
  }
  
  .mobile-nav-arrow {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
  }
  
  /* Counter removed - no longer needed */
  
  /* Mobile Media Dots */
  .mobile-media-dots {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    pointer-events: none;
  }
  
  .mobile-media-dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
    pointer-events: auto;
  }
  
  .mobile-media-dot.active {
    background: rgba(255, 255, 255, 1);
  }
  
  .mobile-media-dot:hover {
    background: rgba(255, 255, 255, 0.8);
  }
  
  .mobile-no-media {
    width: 100%;
    max-width: 100%;
    padding: 2rem;
    text-align: center;
    background: rgba(var(--color-foreground), 0.05);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  .mobile-no-media p {
    margin: 0;
    color: rgba(var(--color-foreground), 0.6);
    font-style: italic;
  }
  
  /* Mobile Product Info */
  .mobile-product-info {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    /* Empty container - blocks rendered in dynamic section */
  }
  
  /* Mobile Custom Block 3 */
  .mobile-custom-block-3 {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.3rem;
    background: rgba(var(--color-background), 0.5);
  }
  
  /* Mobile Custom Block 13 */
  .mobile-custom-block-13 {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.3rem;
    background: rgba(var(--color-background), 0.5);
  }
  
  /* Mobile Product Description */
  .mobile-product-description {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.3rem;
    background: rgba(var(--color-background), 0.5);
  }
  
  .mobile-description-section {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  
/* ========================================
   📱 MOBILE COLLAPSIBLE DRAWERS
   ======================================== */
.mobile-collapsible-drawer {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
    background: rgba(var(--color-background), 1);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .mobile-drawer-toggle {
    width: 100%;
    padding: 1rem 1.25rem;
    background: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: left;
  }
  
  .mobile-drawer-toggle:hover {
    background: rgba(var(--color-foreground), 0.05);
  }
  
  .mobile-drawer-toggle:focus {
    outline: 2px solid rgba(var(--color-foreground), 0.3);
    outline-offset: -2px;
  }
  
  .mobile-drawer-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: rgba(var(--color-foreground), 1);
    margin: 0;
    padding: 0;
  }
  
  .mobile-drawer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    color: rgba(var(--color-foreground), 0.7);
    transition: transform 0.3s ease, color 0.3s ease;
  }
  
  .mobile-drawer-toggle[aria-expanded="true"] .mobile-drawer-icon {
    transform: rotate(180deg);
    color: rgba(var(--color-foreground), 1);
  }
  
  .mobile-drawer-content {
    max-height: 0 !important;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .mobile-drawer-toggle[aria-expanded="true"] + .mobile-drawer-content {
    max-height: 5000px !important; /* Much larger height to accommodate all content */
    overflow: visible !important; /* Ensure content is not cut off */
  }
  
  /* Ensure drawer content can expand fully */
  .mobile-drawer-content[style*="max-height"] {
    overflow: visible !important;
  }
  
  .mobile-drawer-inner {
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  
  /* ========================================
     📱 MOBILE SPECIFICATIONS STYLING
     ======================================== */
  .mobile-specifications-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .mobile-spec-item {
    border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
    padding-bottom: 1rem;
  }
  
  .mobile-spec-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  
  .mobile-spec-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  
  .mobile-spec-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    color: rgba(var(--color-foreground), 0.7);
  }
  
  .mobile-spec-title {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(var(--color-foreground), 1);
    margin: 0;
    padding: 0;
  }
  
  .mobile-spec-content {
    color: rgba(var(--color-foreground), 0.8);
    line-height: 1.5;
  }
  
  .mobile-spec-content p {
    margin: 0 0 0.5rem 0;
  }
  
  .mobile-spec-content p:last-child {
    margin-bottom: 0;
  }
  
  /* ========================================
     📱 MOBILE RESOURCES STYLING
     ======================================== */
  .mobile-resources-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .mobile-resource-item {
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    background: rgba(var(--color-background), 0.5);
  }
  
  .mobile-resource-title {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(var(--color-foreground), 1);
    margin: 0 0 0.75rem 0;
    padding: 0;
  }
  
  .mobile-resource-content {
    color: rgba(var(--color-foreground), 0.8);
    line-height: 1.5;
  }
  
  .mobile-resource-content p {
    margin: 0 0 0.5rem 0;
  }
  
  .mobile-resource-content p:last-child {
    margin-bottom: 0;
  }
  
  /* Mobile Block Structure */
  .mobile-block {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0;
  }
  
  /* ========================================
     📱 MOBILE PRODUCT INFO BLOCKS
     ======================================== */
  .mobile-text-block {
    padding: 0.3rem;
    background: rgba(var(--color-background), 0.5);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  .mobile-title-block {
    padding: 0.1rem 0;
  }
  
  .mobile-sku-block {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
  
  .mobile-sku-content {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
  
  .mobile-price-block {
    padding: 1rem 0;
  }
  
  .mobile-variant-picker {
    padding: 0.1rem;
    background: rgba(var(--color-background), 0.5);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
    margin: 0.5rem 0;
  }
  
  .mobile-quantity-selector {
    padding: 0.1rem;
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0.5rem 0;
  }
  
  .mobile-quantity-selector .quantity {
    border: none !important;
  }
  
  .mobile-quantity-selector .quantity__input {
    border: none !important;
    background: transparent !important;
  }
  
  .mobile-quantity-selector .quantity__button {
    border: none !important;
    background: transparent !important;
  }
  
  .mobile-buy-buttons {
    padding: 0.2rem 0;
  }
  
  .mobile-description-block,
  .mobile-collapsible-tab,
  .mobile-custom-liquid,
  .mobile-video-block,
  .mobile-product-video-tour {
    /* Uses collapsible drawer styling */
  }
  
  .mobile-icon-with-text {
    padding: 1rem;
    background: rgba(var(--color-background), 0.5);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  /* ========================================
     📱 MOBILE COMPLEMENTARY PRODUCTS
     ======================================== */
  .mobile-complementary {
    padding: 1rem;
    background: rgba(var(--color-background), 0.5);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  .mobile-app-block {
    padding: 1rem;
    background: rgba(var(--color-background), 0.5);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  /* Mobile Video Styling */
  .mobile-video-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .mobile-video-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: rgba(var(--color-background), 0.3);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  .mobile-video-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    color: rgba(var(--color-foreground), 0.7);
  }
  
  .mobile-video-button {
    background: rgba(var(--color-foreground), 0.1);
    border: 1px solid rgba(var(--color-foreground), 0.2);
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    color: rgba(var(--color-foreground), 1);
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .mobile-video-button:hover {
    background: rgba(var(--color-foreground), 0.2);
  }
  
  .mobile-video-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  
  .mobile-video-wrapper iframe,
  .mobile-video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  
  .mobile-video-link-wrapper {
    text-align: center;
    padding: 1rem;
  }
  
  .mobile-video-link {
    display: inline-block;
    background: rgba(var(--color-foreground), 0.1);
    border: 1px solid rgba(var(--color-foreground), 0.2);
    border-radius: 0.25rem;
    padding: 0.75rem 1.5rem;
    color: rgba(var(--color-foreground), 1);
    text-decoration: none;
    transition: all 0.3s ease;
  }
  
  .mobile-video-link:hover {
    background: rgba(var(--color-foreground), 0.2);
  }
  
  /* Mobile Complementary Products */
  .mobile-complementary-products {
    width: 100%;
  }
  
  .mobile-complementary-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: rgba(var(--color-foreground), 1);
    margin: 0 0 1rem 0;
    padding: 0;
  }
  
  .mobile-complementary-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  .mobile-complementary-item {
    width: 100%;
  }
  
  .mobile-complementary-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: rgba(var(--color-background), 0.3);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
  }
  
  .mobile-complementary-link:hover {
    background: rgba(var(--color-foreground), 0.05);
  }
  
  .mobile-complementary-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 0.25rem;
  }
  
  .mobile-complementary-product-title {
    font-size: 1rem;
    font-weight: 500;
    color: rgba(var(--color-foreground), 1);
    margin: 0 0 0.25rem 0;
    padding: 0;
  }
  
  .mobile-complementary-price {
    font-size: 0.9rem;
    color: rgba(var(--color-foreground), 0.7);
  }
}
  
  /* Mobile Product Details (Specifications) */
  .mobile-product-details {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0;
    position: relative;
    z-index: 1;
    clear: both;
  }
  
  /* Mobile Resources Section */
  .mobile-resources-section {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0;
    position: relative;
    z-index: 2;
    clear: both;
  }
  
  /* Mobile Custom Liquid Blocks */
  .mobile-custom-liquid {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.3rem;
    background: rgba(var(--color-background), 0.5);
  }
  
  /* Mobile Section Titles */
  .mobile-section-title,
  .mobile-custom-block-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    padding: 0;
    color: rgb(var(--color-foreground));
    text-transform: uppercase;
    letter-spacing: 0.05rem;
  }
  
  /* Mobile Content Areas */
  .mobile-description-content,
  .mobile-custom-block-content {
    margin: 0;
    padding: 0;
  }
  
  /* Mobile Accordion */
  .mobile-accordion {
    margin: 0;
    padding: 0;
  }
  
  .mobile-accordion details {
    margin: 0 0 1rem 0;
    padding: 0;
  }
  
  .mobile-accordion summary {
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.1);
    cursor: pointer;
  }
  
  .mobile-accordion .accordion__content {
    padding: 1rem 0;
    margin: 0;
  }
}

/* Mobile Video Block adjustments */
@media screen and (max-width: 749px) {
  .product .video-popup-modal__content,
  .product-page .video-popup-modal__content,
  [data-section-type="main-product"] .video-popup-modal__content {
    width: 85%;
    max-width: 320px;
    margin: 0.5rem;
    max-height: 80vh;
    box-sizing: border-box;
  }
  
  .product .video-popup-modal__header,
  .product-page .video-popup-modal__header,
  [data-section-type="main-product"] .video-popup-modal__header {
    padding: 1rem 1rem 0;
  }
  
  .product .video-popup-modal__header h3,
  .product-page .video-popup-modal__header h3,
  [data-section-type="main-product"] .video-popup-modal__header h3 {
    font-size: 1.4rem;
  }
  
  .product .video-popup-modal__body,
  .product-page .video-popup-modal__body,
  [data-section-type="main-product"] .video-popup-modal__body {
    padding: 1rem;
  }
  
  .product #videoPopupContainer iframe,
  .product #videoPopupContainer video,
  .product-page #videoPopupContainer iframe,
  .product-page #videoPopupContainer video,
  [data-section-type="main-product"] #videoPopupContainer iframe,
  [data-section-type="main-product"] #videoPopupContainer video {
    height: 200px;
    width: 100%;
  }
  
  .product .video-popup-modal__close,
  .product-page .video-popup-modal__close,
  [data-section-type="main-product"] .video-popup-modal__close {
    top: 0.5rem;
    right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  
  .product .video-popup-modal__close svg,
  .product-page .video-popup-modal__close svg,
  [data-section-type="main-product"] .video-popup-modal__close svg {
    width: 1.2rem;
    height: 1.2rem;
  }
  
  /* Ensure popup stays within mobile viewport */
  .product .video-popup-modal,
  .product-page .video-popup-modal,
  [data-section-type="main-product"] .video-popup-modal {
    padding: 0.5rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  }
  
  .product .video-popup-modal__content,
  .product-page .video-popup-modal__content,
  [data-section-type="main-product"] .video-popup-modal__content {
    margin: 0 auto;
    position: relative;
  }
  
  /* Hide Video Block on mobile when setting is enabled */
  .product .icon-with-video.hide-on-mobile,
  .product-page .icon-with-video.hide-on-mobile,
  [data-section-type="main-product"] .icon-with-video.hide-on-mobile {
    display: none !important;
  }
  
  /* Hide Product Video Tour on mobile when setting is enabled */
  .product .product-video-tour.hide-on-mobile,
  .product-page .product-video-tour.hide-on-mobile,
  [data-section-type="main-product"] .product-video-tour.hide-on-mobile {
    display: none !important;
  }
  
  /* Hide Product Video Metafield on mobile when setting is enabled */
  .product .product-video-metafield.hide-on-mobile,
  .product-page .product-video-metafield.hide-on-mobile,
  [data-section-type="main-product"] .product-video-metafield.hide-on-mobile {
    display: none !important;
  }
  
  /* Hide custom liquid blocks on mobile when setting is enabled */
  .product .custom-block-3-wrapper.hide-on-mobile,
  .product .custom-block-13-wrapper.hide-on-mobile,
  .product .custom-liquid-standalone.hide-on-mobile,
  .product-page .custom-block-3-wrapper.hide-on-mobile,
  .product-page .custom-block-13-wrapper.hide-on-mobile,
  .product-page .custom-liquid-standalone.hide-on-mobile,
  [data-section-type="main-product"] .custom-block-3-wrapper.hide-on-mobile,
  [data-section-type="main-product"] .custom-block-13-wrapper.hide-on-mobile,
  [data-section-type="main-product"] .custom-liquid-standalone.hide-on-mobile {
    display: none !important;
  }
  
  /* Hide manufacturer brochures on mobile when setting is enabled */
  .product .manufacturer-brochures.hide-on-mobile,
  .product-page .manufacturer-brochures.hide-on-mobile,
  [data-section-type="main-product"] .manufacturer-brochures.hide-on-mobile {
    display: none !important;
  }
  
  
  
  /* Mobile-specific Manufacturer Brochures Styling */
  .product .manufacturer-brochures,
  .product-page .manufacturer-brochures,
  [data-section-type="main-product"] .manufacturer-brochures {
    margin: 1.5rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
  }
  
  .product .brochures-heading,
  .product-page .brochures-heading,
  [data-section-type="main-product"] .brochures-heading {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  
  .product .brochures-list,
  .product-page .brochures-list,
  [data-section-type="main-product"] .brochures-list {
    gap: 0.8rem;
  }
  
  .product .brochure-link,
  .product-page .brochure-link,
  [data-section-type="main-product"] .brochure-link {
    padding: 0.8rem 1rem;
    gap: 0.8rem;
    border-radius: 0.4rem;
  }
  
  .product .brochure-icon,
  .product-page .brochure-icon,
  [data-section-type="main-product"] .brochure-icon {
    font-size: 1.3rem;
  }
  
  .product .brochure-text,
  .product-page .brochure-text,
  [data-section-type="main-product"] .brochure-text {
    font-size: 0.9rem;
  }
}

/* Mobile layout adjustments */
@media screen and (max-width: 749px) {
  .product .product__info-container,
  .product-page .product__info-container,
  [data-section-type="main-product"] .product__info-container {
    margin-bottom: 2rem;
  }
  
  .product .product__title,
  .product-page .product__title,
  [data-section-type="main-product"] .product__title {
    font-size: 1.8rem;
  }
  
  .product .product__buttons,
  .product-page .product__buttons,
  [data-section-type="main-product"] .product__buttons {
    flex-direction: column;
    gap: 1rem;
  }
  
  /* Mobile Container Styling - Now handled by separate mobile HTML structure */
}

/* Mobile PDF Block adjustments */
@media screen and (max-width: 749px) {
  .product .icon-with-pdf,
  .product-page .icon-with-pdf,
  [data-section-type="main-product"] .icon-with-pdf {
    flex-direction: column;
    gap: 1rem;
  }
  
  .product .icon-with-pdf__item,
  .product-page .icon-with-pdf__item,
  [data-section-type="main-product"] .icon-with-pdf__item {
    min-width: 100%;
    max-width: 100%;
  }
}

/* Mobile layout structure - Now handled by separate mobile HTML structure */

/* Mobile sticky behavior - Now handled by separate mobile HTML structure */
  
  /* Mobile video adjustments */
  .product .video-item,
  .product-page .video-item,
  [data-section-type="main-product"] .video-item {
    margin-bottom: 1rem;
  }
  
  .product .video-wrapper,
  .product-page .video-wrapper,
  [data-section-type="main-product"] .video-wrapper {
    border-radius: 0.3rem;
  }
  
  .product .video-wrapper iframe,
  .product .video-wrapper video,
  .product-page .video-wrapper iframe,
  .product-page .video-wrapper video,
  [data-section-type="main-product"] .video-wrapper iframe,
  [data-section-type="main-product"] .video-wrapper video {
    border-radius: 0.3rem;
  }
  
  .product .video-link-wrapper,
  .product-page .video-link-wrapper,
  [data-section-type="main-product"] .video-link-wrapper {
    padding: 1.5rem;
  }
  
  .product .video-link,
  .product-page .video-link,
  [data-section-type="main-product"] .video-link {
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
  }
  
  /* Hide empty containers on mobile */
  .product .product__description-wrapper:empty,
  .product .product__description-wrapper .product-section-content:empty,
  .product-page .product__description-wrapper:empty,
  .product-page .product__description-wrapper .product-section-content:empty,
  [data-section-type="main-product"] .product__description-wrapper:empty,
  [data-section-type="main-product"] .product__description-wrapper .product-section-content:empty {
    display: none !important;
  }
  
  .product .product__details-wrapper:empty,
  .product .product__details-wrapper .product-section-content:empty,
  .product-page .product__details-wrapper:empty,
  .product-page .product__details-wrapper .product-section-content:empty,
  [data-section-type="main-product"] .product__details-wrapper:empty,
  [data-section-type="main-product"] .product__details-wrapper .product-section-content:empty {
    display: none !important;
  }
  
  /* Hide empty custom liquid containers on mobile */
  .product .custom-liquid-standalone:empty,
  .product .custom-liquid-standalone .product-section-content:empty,
  .product-page .custom-liquid-standalone:empty,
  .product-page .custom-liquid-standalone .product-section-content:empty,
  [data-section-type="main-product"] .custom-liquid-standalone:empty,
  [data-section-type="main-product"] .custom-liquid-standalone .product-section-content:empty {
    display: none !important;
  }
  
  /* Hide empty collapsible tab blocks on mobile */
  .product .product__accordion:empty,
  .product .product__accordion details:empty,
  .product-page .product__accordion:empty,
  .product-page .product__accordion details:empty,
  [data-section-type="main-product"] .product__accordion:empty,
  [data-section-type="main-product"] .product__accordion details:empty {
    display: none !important;
  }
  
  /* Mobile custom liquid container adjustments - Now handled by separate mobile HTML structure */
  
  /* ========================================
     📱 MOBILE NEW SCHEMA BLOCKS
     ======================================== */
  .mobile-manufacturer-brochures {
    margin: 0.5rem 0;
    position: relative;
    z-index: 1;
    clear: both;
  }
  
  .mobile-product-specifications {
    margin: 0.5rem 0;
    position: relative;
    z-index: 1;
    clear: both;
  }
  
  /* Hide new schema blocks on mobile when setting is enabled */
  .mobile-manufacturer-brochures.hide-on-mobile,
  .mobile-product-specifications.hide-on-mobile {
    display: none !important;
  }
  
  /* ========================================
     📱 MOBILE PRODUCT VIDEO TOUR (ALWAYS VISIBLE)
     ======================================== */
  .mobile-video-tour-section {
    margin: 1rem 0;
    padding: 1rem;
    background: rgba(var(--color-background), 0.8);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
  }
  
  .mobile-video-tour-heading {
    font-size: 1.5rem !important;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: rgba(var(--color-foreground), 1);
  }
  
  .mobile-video-tour-content {
    margin: 0;
    padding: 0;
  }
  
  /* ========================================
     📱 MOBILE PRODUCT SPECIFICATIONS (CLEAN BOXES)
     ======================================== */
  .mobile-spec-box {
    margin: 0.5rem 0;
    padding: 0.75rem;
    background: rgba(var(--color-background), 0.8);
    border: 1px solid rgba(var(--color-foreground), 0.1);
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .mobile-spec-label {
    font-weight: 600;
    color: rgba(var(--color-foreground), 0.8);
    flex: 1;
  }
  
  .mobile-spec-value {
    font-weight: 500;
    color: rgba(var(--color-foreground), 1);
    text-align: right;
    flex: 1;
  }
  
  /* ========================================
     📱 MOBILE COLLAPSIBLE DRAWER HEADINGS
     ======================================== */
  .mobile-drawer-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
  }
}