/* === YIZEE external CSS (mu-yizee-custom.php) ===
   Extracted from inline code on 2026-09-26 so Cloudflare can cache it.
   Source of truth: mu-plugins/mu-yizee-custom.php === */

.main-header-menu > .page_item > a[href*="/sale-"],
.main-header-menu > .page_item:has(> a[href*="/sale-"]),
.ast-mobile-popup-content .page_item > a[href*="/sale-"],
.ast-mobile-popup-content .page_item:has(> a[href*="/sale-"]),
.main-header-menu .page_item:has(> a[href$="/products/solar-led-strip/"]),
.main-header-menu .page_item:has(> a[href$="/products/led-strip-accessories/"]),
.ast-mobile-popup-content .page_item:has(> a[href$="/products/solar-led-strip/"]),
.ast-mobile-popup-content .page_item:has(> a[href$="/products/led-strip-accessories/"]) { display: none !important; }
.yizee-product-description [style] { all: revert-layer; }
.yizee-product-description table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.yizee-product-description td,.yizee-product-description th { border: 1px solid #e5e7eb; padding: 10px; }
.yizee-product-description img { max-width: 100%; height: auto; display: block; margin: 16px auto; }
.yizee-cat-card-img,
.yizee-product-card-image { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #1a1a1a !important; }
.yizee-card-no-image,
.yizee-gallery-placeholder { display: flex !important; align-items: center !important; justify-content: center !important; background: #f1f5f9 !important; color: #64748b !important; font-size: 0.9rem !important; font-weight: 700 !important; text-align: center !important; min-height: 150px !important; }
.yizee-card-no-image::after,
.yizee-gallery-placeholder::after { content: "Image coming soon"; }
body:has(.yizee-product-page) .entry-content,
body:has(.yizee-product-page) .site-main,
body:has(.yizee-product-page) article,
body:has(.yizee-product-page) .ast-container { display: block !important; columns: auto !important; column-count: 1 !important; column-width: auto !important; column-gap: normal !important; max-width: none !important; }
.yizee-product-page,
.yizee-product-page > * { columns: auto !important; column-count: 1 !important; column-width: auto !important; column-gap: normal !important; break-before: auto !important; break-after: auto !important; break-inside: auto !important; page-break-inside: auto !important; }
.yizee-product-page { display: block !important; width: min(1240px, calc(100vw - 40px)) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 40px 20px !important; overflow: visible !important; }
.yizee-product-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) !important; gap: 44px !important; align-items: start !important; width: 100% !important; }
.yizee-product-gallery,
.yizee-product-info,
.yizee-section-nav,
.yizee-section-block { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
.yizee-section-nav { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 34px 0 0 !important; clear: both !important; }
.yizee-section-nav br { display: none !important; }
.yizee-section-block { display: block !important; clear: both !important; margin-top: 36px !important; break-before: auto !important; break-inside: avoid !important; }
.yizee-images-grid { display: inline-flex !important; width: min(220px, 48%) !important; aspect-ratio: 1 / 1 !important; margin: 0 14px 14px 0 !important; vertical-align: top !important; align-items: center !important; justify-content: center !important; background: #f8fafc !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; overflow: hidden !important; }
.yizee-images-grid img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
.yizee-gallery-main { background: #f8fafc !important; }
.yizee-gallery-main-img { object-fit: contain !important; background: #f8fafc !important; }
.yizee-gallery-main,
.yizee-gallery-main-video { width: 100% !important; aspect-ratio: 1 / 1 !important; border-radius: 10px !important; overflow: hidden !important; }
.yizee-gallery-main-video { display: none; background: #020617; }
.yizee-gallery-main-video video { width: 100% !important; height: 100% !important; object-fit: contain !important; background: #020617; }
.yizee-gallery-thumb.is-video { position: relative; cursor: pointer; }
.yizee-gallery-thumb.is-video::after { content: "VIDEO"; position: absolute; right: 8px; bottom: 8px; background: rgba(2, 6, 23, 0.8); color: #f8fafc; font-size: 0.7rem; padding: 2px 6px; border-radius: 4px; letter-spacing: 0.3px; }
@media (max-width: 900px) {
  .yizee-product-hero { grid-template-columns: 1fr !important; }
}
