/** Shopify CDN: Minification failed

Line 16:10 Unexpected "{"
Line 16:19 Expected ":"
Line 16:26 Unexpected "{"
Line 20:14 Unexpected "{"
Line 20:23 Expected ":"
Line 21:14 Unexpected "{"
Line 21:23 Expected ":"
Line 27:18 Unexpected "{"
Line 27:27 Expected ":"
Line 30:14 Unexpected "{"
... and 29 more hidden warnings

**/
    #yt2-{{ section.id }} {
            background: var(--yt2-bg);
            color: var(--yt2-text);
        }
        #yt2-{{ section.id }} .page-width { max-width: var(--page-width, 1200px); margin-inline: auto; }
        #yt2-{{ section.id }} .yt2__grid {
            display: grid;
            gap: clamp(16px, 2.5vw, 28px);
            grid-template-columns: 1fr;
        }
        @media (min-width: 900px) {
            #yt2-{{ section.id }} .yt2__grid { grid-template-columns: 1fr 1fr; }
        }

        #yt2-{{ section.id }} .yt2__card {
            background: var(--yt2-card);
            border-radius: var(--yt2-radius);
            overflow: clip;
            box-shadow: 0 8px 24px rgba(0,0,0,.28);
            transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s cubic-bezier(.2,.8,.2,1);
            will-change: transform, box-shadow;
        }
        {% if section.settings.hover_motion %}
        #yt2-{{ section.id }} .yt2__card:hover {
            transform: translateY(-4px);
          
        }
        {% endif %}

        #yt2-{{ section.id }} .yt2__media {
            position: relative;
            aspect-ratio: 16/9;
            background: #0a0a0a;
            overflow: hidden;
            isolation: isolate;
        }
        /* Thumbnail img injected below will fill container */
        #yt2-{{ section.id }} .yt2__thumb {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            filter: saturate(1.05) contrast(1.02);
            transition: transform .5s ease;
        }
        #yt2-{{ section.id }} .yt2__media:hover .yt2__thumb { transform: scale(1.02); }

        #yt2-{{ section.id }} .yt2__play {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            color: var(--yt2-accent);
            background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.35) 100%);
            border: 0;
            cursor: pointer;
        }
        #yt2-{{ section.id }} .yt2__play-icon {
            width: clamp(52px, 8vw, 76px);
            height: clamp(52px, 8vw, 76px);
            opacity: .9;
            transition: transform .28s ease, opacity .28s ease;
        }
        #yt2-{{ section.id }} .yt2__play:hover .yt2__play-icon {
            transform: scale(1.06);
            opacity: 1;
        }

        #yt2-{{ section.id }} .yt2__title {
            margin: 14px 16px 6px;
            font-size: clamp(18px, 2.1vw, 22px);
            line-height: 1.25;
            letter-spacing: .2px;
        }
        #yt2-{{ section.id }} .yt2__desc {
            margin: 0 16px 18px;
            color: var(--yt2-subtext);
            font-size: clamp(14px, 1.7vw, 16px);
            line-height: 1.6;
        }

        /* Spacing presets */
        #yt2-{{ section.id }}.yt2--tight { padding: 28px 0; }
        #yt2-{{ section.id }}.yt2--normal { padding: 52px 0; }
        #yt2-{{ section.id }}.yt2--loose { padding: 84px 0; }