/**
 * Popup Templates — Side-by-Side (Templates 6-10)
 * tpl-split, tpl-split-reverse, tpl-catalog, tpl-magazine, tpl-card-image
 */

/* ==========================================================================
   Shared: Split layout base
   ========================================================================== */
.geoblock-tpl-split .geoblock-popup-content,
.geoblock-tpl-split-reverse .geoblock-popup-content,
.geoblock-tpl-catalog .geoblock-popup-content,
.geoblock-tpl-magazine .geoblock-popup-content {
    max-width: 680px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    text-align: left;
    overflow: hidden;
}

/* ==========================================================================
   6. tpl-split — 50/50 image left, content right
   ========================================================================== */
.geoblock-tpl-split .geoblock-popup-content::before {
    content: '' !important;
    display: block !important;
    position: relative;
    opacity: 1;
    border-radius: var(--geoblock-radius) 0 0 var(--geoblock-radius);
    min-height: 320px;
    background-image: var(--geoblock-bg-image);
    background-size: cover;
    background-position: center;
    grid-row: 1 / -1;
}

.geoblock-tpl-split .geoblock-popup-icon,
.geoblock-tpl-split .geoblock-popup-title,
.geoblock-tpl-split .geoblock-popup-message,
.geoblock-tpl-split .geoblock-popup-actions,
.geoblock-tpl-split .geoblock-popup-footer {
    padding-left: 24px;
    padding-right: 24px;
}

.geoblock-tpl-split .geoblock-popup-icon {
    padding-top: 24px;
    text-align: left;
}

.geoblock-tpl-split .geoblock-popup-footer {
    padding-bottom: 24px;
}

.geoblock-tpl-split .geoblock-popup-actions {
    flex-direction: column;
}

.geoblock-tpl-split .geoblock-popup-close {
    z-index: 3;
}

/* ==========================================================================
   7. tpl-split-reverse — Content left, image right
   ========================================================================== */
.geoblock-tpl-split-reverse .geoblock-popup-content {
    direction: rtl;
}

.geoblock-tpl-split-reverse .geoblock-popup-content > * {
    direction: ltr;
}

.geoblock-tpl-split-reverse .geoblock-popup-content::before {
    content: '' !important;
    display: block !important;
    position: relative;
    opacity: 1;
    border-radius: 0 var(--geoblock-radius) var(--geoblock-radius) 0;
    min-height: 320px;
    background-image: var(--geoblock-bg-image);
    background-size: cover;
    background-position: center;
    grid-row: 1 / -1;
}

.geoblock-tpl-split-reverse .geoblock-popup-icon,
.geoblock-tpl-split-reverse .geoblock-popup-title,
.geoblock-tpl-split-reverse .geoblock-popup-message,
.geoblock-tpl-split-reverse .geoblock-popup-actions,
.geoblock-tpl-split-reverse .geoblock-popup-footer {
    padding-left: 24px;
    padding-right: 24px;
}

.geoblock-tpl-split-reverse .geoblock-popup-icon {
    padding-top: 24px;
    text-align: left;
}

.geoblock-tpl-split-reverse .geoblock-popup-footer {
    padding-bottom: 24px;
}

.geoblock-tpl-split-reverse .geoblock-popup-actions {
    flex-direction: column;
}

/* ==========================================================================
   8. tpl-catalog — Product-style with thumbnail
   ========================================================================== */
.geoblock-tpl-catalog .geoblock-popup-content {
    grid-template-columns: 180px 1fr;
    max-width: 600px;
}

.geoblock-tpl-catalog .geoblock-popup-content::before {
    content: '' !important;
    display: block !important;
    position: relative;
    opacity: 1;
    border-radius: var(--geoblock-radius) 0 0 var(--geoblock-radius);
    min-height: 280px;
    background-image: var(--geoblock-bg-image);
    background-size: cover;
    background-position: center;
    background-color: #f3f4f6;
    grid-row: 1 / -1;
}

.geoblock-tpl-catalog .geoblock-popup-icon,
.geoblock-tpl-catalog .geoblock-popup-title,
.geoblock-tpl-catalog .geoblock-popup-message,
.geoblock-tpl-catalog .geoblock-popup-actions,
.geoblock-tpl-catalog .geoblock-popup-footer {
    padding-left: 20px;
    padding-right: 20px;
}

.geoblock-tpl-catalog .geoblock-popup-icon {
    padding-top: 20px;
}

.geoblock-tpl-catalog .geoblock-popup-title {
    font-size: 20px;
}

.geoblock-tpl-catalog .geoblock-popup-message {
    font-size: 14px;
}

.geoblock-tpl-catalog .geoblock-popup-actions {
    flex-direction: column;
}

.geoblock-tpl-catalog .geoblock-popup-footer {
    padding-bottom: 20px;
    font-size: 11px;
}

/* ==========================================================================
   9. tpl-magazine — Editorial layout, large typography
   ========================================================================== */
.geoblock-tpl-magazine .geoblock-popup-content {
    display: block;
    max-width: 600px;
    padding: 0;
}

.geoblock-tpl-magazine .geoblock-popup-content::before {
    content: '' !important;
    display: block !important;
    position: relative;
    opacity: 0.12;
    border-radius: 0;
    height: 100%;
}

.geoblock-tpl-magazine .geoblock-popup-icon {
    padding: 32px 32px 0;
    text-align: left;
}

.geoblock-tpl-magazine .geoblock-popup-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 32px;
    text-align: left;
}

.geoblock-tpl-magazine .geoblock-popup-message {
    font-size: 16px;
    line-height: 1.7;
    padding: 0 32px;
    text-align: left;
    border-left: 3px solid var(--geoblock-primary);
    margin-left: 32px;
    padding-left: 16px;
}

.geoblock-tpl-magazine .geoblock-popup-actions {
    padding: 0 32px;
}

.geoblock-tpl-magazine .geoblock-popup-footer {
    padding: 16px 32px 24px;
    text-align: left;
}

/* ==========================================================================
   10. tpl-card-image — Card with top image, content below
   ========================================================================== */
.geoblock-tpl-card-image .geoblock-popup-content {
    display: block;
    max-width: 480px;
    padding: 0;
    overflow: hidden;
}

.geoblock-tpl-card-image .geoblock-popup-content::before {
    content: '' !important;
    display: block !important;
    position: relative;
    opacity: 1;
    border-radius: var(--geoblock-radius) var(--geoblock-radius) 0 0;
    height: 200px;
    background-image: var(--geoblock-bg-image);
    background-size: cover;
    background-position: center;
}

.geoblock-tpl-card-image .geoblock-popup-icon {
    padding-top: 20px;
}

.geoblock-tpl-card-image .geoblock-popup-title,
.geoblock-tpl-card-image .geoblock-popup-message {
    padding: 0 24px;
}

.geoblock-tpl-card-image .geoblock-popup-actions {
    padding: 0 24px;
}

.geoblock-tpl-card-image .geoblock-popup-footer {
    padding: 8px 24px 24px;
}

.geoblock-tpl-card-image .geoblock-popup-close {
    color: rgba(255, 255, 255, 0.8);
    z-index: 3;
}

.geoblock-tpl-card-image .geoblock-popup-close:hover {
    color: #fff;
}

/* ==========================================================================
   Split layout — Mobile stacking
   ========================================================================== */
@media (max-width: 600px) {
    .geoblock-tpl-split .geoblock-popup-content,
    .geoblock-tpl-split-reverse .geoblock-popup-content,
    .geoblock-tpl-catalog .geoblock-popup-content {
        grid-template-columns: 1fr;
        max-width: 90%;
    }

    .geoblock-tpl-split .geoblock-popup-content::before,
    .geoblock-tpl-split-reverse .geoblock-popup-content::before,
    .geoblock-tpl-catalog .geoblock-popup-content::before {
        min-height: 160px;
        border-radius: var(--geoblock-radius) var(--geoblock-radius) 0 0;
    }
}