/* Homepage feedback: preserve the shared frame, brand palette and native commerce widgets. */
body.spa-phase2 .spa-promo-banner { padding:24px var(--spa-layout-gutter) 0!important; }
/* The native empty image widget stays editable; reveal the promotion only when it has an image and destination. */
body.spa-phase2:not(.elementor-editor-active) .spa-promo-banner:not(:has(.elementor-widget-image a[href]:not([href=""]):not([href="#"]) img)) { display:none; }
body.spa-phase2 .spa-promo-banner .elementor-widget-image a,
body.spa-phase2 .spa-promo-banner .elementor-widget-image img { display:block; width:100%; }
body.spa-phase2 .spa-promo-banner .elementor-widget-image img { height:auto; border-radius:6px; }
body.spa-phase2 .spa-promo-banner a:focus-visible { outline:3px solid var(--spa-pool-blue); outline-offset:4px; }
body.elementor-editor-active .spa-promo-banner { min-height:180px; outline:1px dashed #007fa3; }
body.elementor-editor-active .spa-promo-banner::before { content:'Promotivni banner: dodajte sliku i poveznicu na kolekciju'; display:block; padding:20px; color:#004658; font:16px/1.5 Arial,Helvetica,sans-serif; }
.spa-archive .spa-water-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:22px 0; }
.spa-archive .spa-water-category { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:82px; padding:18px 20px; border:1px solid #c9dde3; border-radius:6px; background:#f5f9fa; color:var(--spa-ocean-blue)!important; text-decoration:none; }
.spa-archive .spa-water-category strong { font:600 17px/1.35 Arial,Helvetica,sans-serif; }
.spa-archive .spa-water-category span { font:14px/1.5 Arial,Helvetica,sans-serif; white-space:nowrap; }
.spa-archive .spa-water-category:hover,
.spa-archive .spa-water-category.is-current { border-color:var(--spa-ocean-blue); background:#e3f0f3; color:var(--spa-ocean-blue)!important; }
.spa-archive .spa-water-category:focus-visible { outline:3px solid var(--spa-pool-blue); outline-offset:3px; }
@media(max-width:650px) {
    .spa-archive .spa-water-categories { grid-template-columns:minmax(0,1fr); gap:10px; margin:18px 0; }
    .spa-archive .spa-water-category { min-height:70px; padding:15px 16px; }
    .spa-archive .spa-water-category strong { font-size:16px; }
    .spa-archive .spa-water-category span { font-size:13px; }
}
body.spa-phase2 .spa-home-products .etheme-product-grid-image img {
    object-position:center center;
}
body.spa-phase2 .spa-sale-products .price {
    display:flex;
    flex-direction:column;
    gap:6px;
}
body.spa-phase2 .spa-sale-products .price .actual_price { order:0; }
body.spa-phase2 .spa-sale-products .price .lowest_price { order:1; margin:0; }
body.spa-phase2 .spa-featured-products .spa-featured-grid {
    max-width:none;
    --cols:3!important;
}
body.spa-phase2 .spa-featured-products .etheme-product-grid-categories {
    font:12px/1.5 Arial,Helvetica,sans-serif;
    min-height:36px;
    margin-bottom:8px;
}
body.spa-phase2 .spa-featured-products .etheme-product-grid-categories a { font:inherit!important; }

/* Replace the long floated paragraph with an editorial introduction and the existing photo. */
body.spa-phase2 .spa-shop-about>.elementor-container {
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
    gap:48px;
    padding:40px;
    align-items:center;
}
body.spa-phase2 .spa-shop-about .spa-shop-text-column>.elementor-widget-wrap { padding:0!important; }
body.spa-phase2 .spa-shop-about .spa-shop-eyebrow {
    margin:0 0 12px;
    font:700 12px/1.4 Arial,Helvetica,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--spa-pool-blue);
}
body.spa-phase2 .spa-shop-about .spa-shop-heading .elementor-heading-title {
    margin:0 0 20px;
    font:400 34px/1.2 Georgia,'Times New Roman',serif!important;
    color:var(--spa-ocean-blue);
    max-width:580px;
}
body.spa-phase2 .spa-shop-about .spa-shop-copy {
    margin-bottom:24px!important;
    font:16px/1.75 Arial,Helvetica,sans-serif;
    max-width:650px;
}
body.spa-phase2 .spa-shop-about .spa-shop-copy p { margin:0 0 14px; }
body.spa-phase2 .spa-shop-about .spa-shop-copy p:last-child { margin-bottom:0; }
body.spa-phase2 .spa-shop-about .spa-shop-copy strong { font-weight:600; }
body.spa-phase2 .spa-shop-about .spa-shop-photo { width:100%; }
body.spa-phase2 .spa-shop-about .spa-shop-photo img {
    display:block;
    width:100%;
    height:390px;
    object-fit:cover;
    object-position:50% 40%;
    border-radius:5px;
}

/* Same footer on every staging page. Keep its content, menus and payment marks. */
body.spa-phase2 .footer .xwp_footer {
    --spa-footer-photo:linear-gradient(rgba(0,42,53,.84),rgba(0,42,53,.84)),url('../../../../uploads/2022/12/pribor-za-hidromasazne-bazene.webp');
}
/* Reuse the existing spa photograph instead of the unrelated restaurant artwork. */
body.spa-phase2 .footer .xwp_footer::after {
    background-color:var(--spa-ocean-blue);
    background-image:var(--spa-footer-photo);
    background-position:center;
    background-size:cover;
}
body.spa-phase2 .footer .xwp_footer { padding:28px 0 20px; }
body.spa-phase2 .footer .xwp_footer .elementor-widget>.elementor-widget-container { margin:0!important; padding:0!important; }
body.spa-phase2 .footer .xwp_footer .elementor-heading-title {
    font:400 21px/1.3 Georgia,'Times New Roman',serif!important;
    text-transform:none;
    text-align:left;
    margin:0 0 16px;
}
body.spa-phase2 .footer .xwp_footer .elementor-widget-text-editor,
body.spa-phase2 .footer .xwp_footer .elementor-widget-text-editor p,
body.spa-phase2 .footer .xwp_footer .elementor-widget-text-editor a,
body.spa-phase2 .footer .xwp_footer .widget_nav_menu ul.menu li.menu-item>a {
    font:400 14px/1.65 Arial,Helvetica,sans-serif;
}
body.spa-phase2 .footer .xwp_footer .elementor-widget-text-editor p { margin-bottom:12px; }
body.spa-phase2 .footer .xwp_footer .elementor-widget-text-editor p:last-child { margin-bottom:0; }
body.spa-phase2 .footer .xwp_footer .widget_nav_menu ul { text-align:left; margin:0; }
body.spa-phase2 .footer .xwp_footer .widget_nav_menu { margin:0; }
body.spa-phase2 .footer .xwp_footer .widget_nav_menu li { margin:0 0 6px; }
body.spa-phase2 .footer .xwp_footer .widget_nav_menu a { padding:0; }
body.spa-phase2 .footer .menu-uvjeti-kupnje-container ul.menu li.menu-item>a { color:var(--spa-ocean-blue); }
body.spa-phase2 .footer .xwp_footer img.spa-brand-logo { width:250px; margin-bottom:24px; }
body.spa-phase2 .footer .xwp_footer .xwp_payIcons {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    margin-top:20px;
}
body.spa-phase2 .footer .xwp_footer .xwp_socials2 { margin-top:16px; }
body.spa-phase2 .footer .xwp_footer .xwp_copyRight {
    padding:14px 0 0;
    margin-top:12px;
    border-top:1px solid rgba(255,255,255,.2);
}
body.spa-phase2 .footer .xwp_copyRight .elementor-widget-wrap { padding:0 10px!important; }
body.spa-phase2 .footer .xwp_copyRight .elementor-widget-text-editor,
body.spa-phase2 .footer .xwp_copyRight .elementor-widget-text-editor p,
body.spa-phase2 .footer .xwp_copyRight .elementor-widget-text-editor a {
    font:400 12px/1.5 Arial,Helvetica,sans-serif;
    margin:0;
}
body.spa-phase2 .footer .xwp_socials { padding:20px 0!important; }
body.spa-phase2 .footer .xwp_socials .elementor-widget-heading { margin:0!important; }
body.spa-phase2 .footer .xwp_socials.elementor-section h2.elementor-heading-title {
    font-size:18px!important;
    margin:0;
}
body.spa-phase2 .footer .xwp_socials .et-follow-buttons {
    margin:0;
    padding:0;
    line-height:1;
    gap:20px;
    justify-content:flex-end;
}
body.spa-phase2 .footer .xwp_socials .et-follow-buttons a {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:44px;
    min-height:44px;
    font-size:28px!important;
    margin:0;
    padding:0;
}
body.spa-phase2 .footer .xwp_socials .et-icon { font-size:28px; line-height:1; }

@media(max-width:992px) {
    body.spa-phase2 .footer .xwp_footer .xwp_footerRight {
        background-color:var(--spa-ocean-blue);
        background-image:var(--spa-footer-photo);
        background-position:center;
        background-size:cover;
    }
    body.spa-phase2 .spa-shop-about>.elementor-container { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:28px; padding:28px; }
    body.spa-phase2 .spa-shop-about .spa-shop-heading .elementor-heading-title { font-size:28px!important; }
    body.spa-phase2 .spa-shop-about .spa-shop-copy { font-size:15px; line-height:1.65; }
    body.spa-phase2 .spa-shop-about .spa-shop-photo img { height:390px; }
    body.spa-phase2 .footer .xwp_footer { padding:16px 0 0; }
    body.spa-phase2 .footer .xwp_footer>.elementor-container { flex-wrap:wrap; }
    body.spa-phase2 .footer .xwp_footer>.elementor-container>.elementor-column { width:100%; }
    body.spa-phase2 .footer .xwp_footer>.elementor-container>.elementor-column>.elementor-widget-wrap { padding:24px var(--spa-layout-gutter); }
    body.spa-phase2 .footer .xwp_footer .elementor-inner-section>.elementor-container { flex-wrap:nowrap; }
    body.spa-phase2 .footer .xwp_footer .elementor-inner-column { min-width:0; }
    body.spa-phase2 .footer .xwp_footer .xwp_copyRight .elementor-inner-column { width:100%; }
}
@media(max-width:650px) {
    body.spa-phase2 .spa-featured-products .spa-featured-grid { --cols:1!important; }
    body.spa-phase2 .spa-featured-products .etheme-product-grid-categories { min-height:0; }
    body.spa-phase2 .spa-shop-about>.elementor-container { grid-template-columns:minmax(0,1fr); padding:24px; gap:24px; }
    body.spa-phase2 .spa-shop-about .spa-shop-logo-column { order:0; }
    body.spa-phase2 .spa-shop-about .spa-shop-logo-column>.elementor-widget-wrap { padding:0!important; }
    body.spa-phase2 .spa-shop-about .spa-shop-heading .elementor-heading-title { font-size:27px!important; }
    body.spa-phase2 .spa-shop-about .spa-shop-photo img { height:270px; }
    body.spa-phase2 .footer .xwp_socials>.elementor-container { flex-direction:column; gap:12px; }
    body.spa-phase2 .footer .xwp_socials .elementor-column { width:100%; }
    body.spa-phase2 .footer .xwp_socials .et-follow-buttons { justify-content:center; }
    body.spa-phase2 .footer .xwp_socials.elementor-section h2.elementor-heading-title { font-size:16px!important; text-align:center; }
    body.spa-phase2 .footer .xwp_footer .elementor-inner-section>.elementor-container { flex-wrap:wrap; gap:24px; }
    body.spa-phase2 .footer .xwp_footer .elementor-inner-column { width:100%; }
    body.spa-phase2 .footer .xwp_footer .elementor-inner-column>.elementor-widget-wrap { padding:0; }
    body.spa-phase2 .footer .xwp_footer .xwp_copyRight .elementor-widget-wrap { padding:0!important; }
    body.spa-phase2 .footer .xwp_footer .xwp_payIcons { margin-top:16px; }
}