/*
 * CheckIT plugin — display placement styles (plugin-owned UI only)
 *
 * Version: 2.0.0
 * Changes (v2.0.0): The rules that styled THEME markup (.single-product-page .product-layout /
 * .product-main / .product-details / .gallery-main, column ratios, sticky summary) moved into the
 * theme (_pages.scss v1.25.0). This file now only styles the plugin's own checkit-* classes. The
 * plugin still owns the Display settings and prints them as CSS custom properties
 * (--checkit-layout-gap, --checkit-gallery-height) on `.single-product-page` (DisplayLayout.php).
 */.checkit-display-region{min-width:0}.checkit-placement{min-width:0;margin-block:0 16px}.checkit-placement:last-child{margin-bottom:0}.checkit-surface--card{padding:20px;border:1px solid #dcdcde;border-radius:12px}.checkit-surface--muted{padding:20px;border-radius:12px;background:#f6f7f7}.checkit-placement--favorites,.checkit-placement--alerts,.checkit-placement--compare,.checkit-placement--shopping_list{display:inline-block;vertical-align:top;margin-right:8px}.checkit-placement .checkit-sparkline{max-width:100%;height:auto}.checkit-placement:not(.checkit-placement--floating) #checkit-recently-viewed{position:static;width:100%;max-width:none;transform:none;margin:0}/* Screen-size visibility of individual modules. */@media (min-width: 768px){.checkit-device--mobile{display:none !important}}@media (max-width: 767px){.checkit-device--desktop{display:none !important}}/* Collapse regions containing only modules for the other screen size. */@media (max-width: 767px){.checkit-region--desktop-only{display:none}}@media (min-width: 768px){.checkit-region--mobile-only{display:none}}.checkit-placement--recently_viewed:has(> aside[style*="display:none"]),.checkit-placement--recently_viewed:has(> aside[style*="display: none"]){display:none}