.rc-hero{
    position:relative;
    height:500px;
}

.rc-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.rc-overlay{
    position:absolute;
    left:80px;
    bottom:80px;
    color:#fff;
}

.rc-detail-wrapper{
    max-width:1400px;
    margin:80px auto;
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:60px;
}

.rc-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

.rc-gallery-grid img{
    width:100%;
    height:150px;
    object-fit:cover;
}

.rc-main-image img{
    width:100%;
}

.rc-spec-table{
    width:100%;
    border-collapse:collapse;
}

.rc-spec-table td{
    padding:15px;
    border-bottom:1px solid #ddd;
}

.rc-related{
    background:#000;
    padding:80px 40px 120px 40px;
}

.rc-related h2{
    color:#fff;
    margin-bottom:30px;
}
/* Interactive dynamic variables updated by JS */
        :root {
            --brand-green: #01452c;
            --brand-orange: #e3872d;
            --card-radius: 12px;
            --sidebar-gap: 30px;
        }

        /* Exact CSS for your WordPress Theme's style.css */
        
        .wp-preview-container {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #ffffff;
            color: #333333;
        }

        /* The Left Column Wrapper styling mimicking "Collection Detail Page (1).jpg" */
        .rc-left {
            width: 100%;
            max-width: 370px; /* Exact scale to match reference layout */
            display: flex;
            flex-direction: column;
            gap: var(--sidebar-gap);
            margin: 0 auto;
        }

        /* Main Single Column Gallery Image styling */
        .rc-masonry-gallery {
            width: 100%;
            overflow: hidden;
            border-radius: var(--card-radius);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }
        
        .rc-masonry-gallery:hover {
            transform: translateY(-2px);
        }

        /* Target dynamic WordPress images rendering in the container */
        .rc-masonry-gallery img, 
        .rc-masonry-gallery a img {
            width: 100%;
            height: auto;
            max-height: 520px;
            object-fit: cover;
            display: block;
            border-radius: var(--card-radius);
        }

        /* Help Box Wrapper */
        .rc-help-wrapper {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        /* Title matching "Need Help Right away?" font style from jpg */
        .rc-help-title {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 26px;
            font-weight: 700;
            color: var(--brand-green);
            margin: 0;
            line-height: 1.2;
            letter-spacing: -0.02em;
        }

        /* The central Dark Green CTA Card */
        .rc-video-gallery-cta {
            background-color: var(--brand-green);
            border-radius: var(--card-radius);
            padding: 45px 30px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(1, 69, 44, 0.15);
        }

        /* Accent subtle shine background detail */
        .rc-video-gallery-cta::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 70%);
            pointer-events: none;
        }

        /* Icon Wrapper (Slightly rounded white block) */
        .rc-cta-icon-box {
            background: #ffffff;
            width: 76px;
            height: 76px;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
            transition: transform 0.3s ease;
        }

        .rc-video-gallery-cta:hover .rc-cta-icon-box {
            transform: scale(1.06) rotate(3deg);
        }

        /* Beautiful crisp phone icon */
        .rc-cta-icon-box svg {
            width: 36px;
            height: 36px;
            color: var(--brand-orange);
            transition: color 0.3s ease;
        }

        /* Main call header label */
        .rc-cta-heading {
            font-family: 'Playfair Display', Georgia, serif;
            font-size: 26px;
            font-weight: 700;
            color: #ffffff;
            margin: 0 0 6px 0;
            letter-spacing: 0.01em;
        }

        /* Phone line format text */
        .rc-cta-phone {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 15px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.85);
            text-decoration: none;
            margin-bottom: 24px;
            transition: color 0.2s ease;
            display: block;
        }

        .rc-cta-phone:hover {
            color: #ffffff;
            text-decoration: underline;
        }

        /* Premium Brand Orange Button style verbatim to JPG */
        .rc-cta-button {
            display: inline-block;
            background-color: var(--brand-orange);
            color: #ffffff !important;
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 14px;
            font-weight: 600;
            padding: 12px 36px;
            border-radius: 30px;
            text-decoration: none;
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            letter-spacing: 0.02em;
            box-shadow: 0 4px 15px rgba(227, 135, 45, 0.35);
        }

        .rc-cta-button:hover {
            background-color: #cb7320;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(227, 135, 45, 0.45);
        }

        .rc-cta-button:active {
            transform: translateY(0);
        }