.elementor-6817 .elementor-element.elementor-element-554aaf1e:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://hsatlas.online/wp-content/uploads/2026/02/about_us_f-copy.png");background-position:117px 35px;background-repeat:no-repeat;background-size:100% auto;}.elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-background-overlay{background-color:#FFFFFF;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-container{max-width:1600px;min-height:5vw;}.elementor-6817 .elementor-element.elementor-element-554aaf1e{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6817 .elementor-element.elementor-element-6c624982 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6817 .elementor-element.elementor-element-5c9796ef > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6817 .elementor-element.elementor-element-5c9796ef:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-5c9796ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://hsatlas.online/wp-content/uploads/2026/03/kardiohelth-copy-2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-6817 .elementor-element.elementor-element-5c9796ef > .elementor-background-overlay{background-color:#FFFFFF;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6817 .elementor-element.elementor-element-5c9796ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 0px 20px 0px;}.elementor-6817 .elementor-element.elementor-element-9e63425 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-6817 .elementor-element.elementor-element-9e63425 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6817 .elementor-element.elementor-element-1ac91fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-6817 .elementor-element.elementor-element-1ac91fc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:900;text-transform:none;line-height:70px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6817 .elementor-element.elementor-element-282d283b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:26px;word-spacing:0px;color:#777777;}.elementor-6817 .elementor-element.elementor-element-6f8e3af4{--display:flex;}.elementor-6817 .elementor-element.elementor-element-6ebb52ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-6817 .elementor-element.elementor-element-6ebb52ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:900;text-transform:none;line-height:35px;color:#000000;}.elementor-6817 .elementor-element.elementor-element-52caa48b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:24px;word-spacing:0px;color:#777777;}.elementor-bc-flex-widget .elementor-6817 .elementor-element.elementor-element-7ed8d202.elementor-column .elementor-widget-wrap{align-items:space-evenly;}.elementor-6817 .elementor-element.elementor-element-7ed8d202.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-evenly;align-items:space-evenly;}.elementor-6817 .elementor-element.elementor-element-3165ce46 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6817 .elementor-element.elementor-element-3165ce46:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-3165ce46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6817 .elementor-element.elementor-element-3165ce46{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 60px 0px;}.elementor-6817 .elementor-element.elementor-element-3165ce46 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6817 .elementor-element.elementor-element-3be0f89 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-6817 .elementor-element.elementor-element-3be0f89 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6817 .elementor-element.elementor-element-3033db64{z-index:3;}.elementor-6817 .elementor-element.elementor-element-4d1537c3{--cols:4;}.elementor-6817 .elementor-element.elementor-element-4d1537c3 .etheme-product-grid-item{text-align:center;}.elementor-6817 .elementor-element.elementor-element-4d1537c3 .etheme-product-grid-title{font-size:18px;}.elementor-6817 .elementor-element.elementor-element-3617d851{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-6817 .elementor-element.elementor-element-9e63425{width:55%;}.elementor-6817 .elementor-element.elementor-element-7ed8d202{width:45%;}.elementor-6817 .elementor-element.elementor-element-3be0f89{width:55%;}}@media(max-width:1024px){.elementor-6817 .elementor-element.elementor-element-554aaf1e:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-6817 .elementor-element.elementor-element-9e63425 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6817 .elementor-element.elementor-element-3be0f89 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-container{max-width:1365.98px;}.elementor-6817 .elementor-element.elementor-element-554aaf1e:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:75% 10px;background-repeat:no-repeat;background-size:cover;}.elementor-6817 .elementor-element.elementor-element-554aaf1e > .elementor-background-overlay{opacity:0.76;}.elementor-6817 .elementor-element.elementor-element-554aaf1e{margin-top:0px;margin-bottom:0px;padding:150px 0px 60px 0px;}.elementor-6817 .elementor-element.elementor-element-5c9796ef:not(.elementor-motion-effects-element-type-background), .elementor-6817 .elementor-element.elementor-element-5c9796ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:75% 10px;background-repeat:no-repeat;background-size:cover;}.elementor-6817 .elementor-element.elementor-element-5c9796ef > .elementor-background-overlay{opacity:0.76;}.elementor-6817 .elementor-element.elementor-element-5c9796ef{margin-top:0px;margin-bottom:0px;padding:150px 0px 60px 0px;}.elementor-bc-flex-widget .elementor-6817 .elementor-element.elementor-element-9e63425.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6817 .elementor-element.elementor-element-9e63425.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6817 .elementor-element.elementor-element-9e63425.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6817 .elementor-element.elementor-element-9e63425 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6817 .elementor-element.elementor-element-9e63425 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-6817 .elementor-element.elementor-element-1ac91fc{padding:20px 0px 20px 0px;text-align:center;}.elementor-6817 .elementor-element.elementor-element-1ac91fc .elementor-heading-title{font-size:48px;line-height:70px;letter-spacing:0.03em;}.elementor-6817 .elementor-element.elementor-element-282d283b{text-align:left;font-size:14px;line-height:24px;}.elementor-6817 .elementor-element.elementor-element-6ebb52ae{padding:20px 0px 20px 0px;text-align:center;}.elementor-6817 .elementor-element.elementor-element-6ebb52ae .elementor-heading-title{font-size:34px;line-height:44px;letter-spacing:0.03em;}.elementor-6817 .elementor-element.elementor-element-52caa48b{text-align:left;font-size:14px;line-height:24px;}.elementor-6817 .elementor-element.elementor-element-3165ce46{margin-top:0px;margin-bottom:0px;padding:150px 0px 60px 0px;}.elementor-bc-flex-widget .elementor-6817 .elementor-element.elementor-element-3be0f89.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6817 .elementor-element.elementor-element-3be0f89.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6817 .elementor-element.elementor-element-3be0f89.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6817 .elementor-element.elementor-element-3be0f89 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6817 .elementor-element.elementor-element-3be0f89 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-6817 .elementor-element.elementor-element-4d1537c3{--cols:1;}}/* Start custom CSS for etheme_product_grid, class: .elementor-element-4d1537c3 *//* =========================================================
   ESVIAR PHARM — Catalog Section
   Target: #section-catalog-esviar
   Style reference: vetexpert.pl products block
   ========================================================= */

/* -------------------------
   1. Main section
------------------------- */
#section-catalog-esviar {
    position: relative;
    background: #FeFeFe;
    padding: 90px 0 110px;
    overflow: hidden;
}

#section-catalog-esviar > .elementor-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
}

#section-catalog-esviar .elementor-background-overlay {
    background: transparent;
    opacity: 1;
}

/* -------------------------
   2. Title area
------------------------- */
#section-catalog-esviar .elementor-widget-heading {
    margin-bottom: 34px;
}

#section-catalog-esviar .elementor-heading-title {
    margin: 0;
    color: #111111;
    font-size: clamp(34px, 4vw, 62px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.03em;
}

/* -------------------------
   3. Grid wrapper
------------------------- */
#section-catalog-esviar .etheme-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 44px;
    row-gap: 56px;
    align-items: stretch;
}

/* -------------------------
   4. Product card
------------------------- */
#section-catalog-esviar .etheme-product-grid-item.product {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 470px;

    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}

/* hovered card like reference */
#section-catalog-esviar .etheme-product-grid-item.product:hover {
    transform: translateY(-6px);
}

/* optional "featured hover tile" effect */
#section-catalog-esviar .etheme-product-grid-item.product::before {
    content: "";
    position: absolute;
    inset: 18px 14px 60px;

    border-radius: 0;
    box-shadow: none;
    transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
    z-index: 0;
    pointer-events: none;
}

#section-catalog-esviar .etheme-product-grid-item.product:hover::before {
    background: #fff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
    transform: scale(1.01);
}

/* -------------------------
   5. Product image zone
------------------------- */
#section-catalog-esviar .etheme-product-grid-image {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 290px;
    margin-bottom: 18px;
    padding: 26px 20px 10px;
    overflow: hidden;
    background: transparent;
}

#section-catalog-esviar .etheme-product-grid-image > a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 240px;
    text-decoration: none;
}

#section-catalog-esviar .etheme-product-grid-image img {
    display: block;
    width: auto;
    max-width: 88%;
    max-height: 230px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    transition:
        transform 0.45s ease,
        filter 0.35s ease,
        opacity 0.35s ease;
    transform-origin: center center;
    filter: saturate(1) contrast(1);
}

#section-catalog-esviar .etheme-product-grid-item.product:hover .etheme-product-grid-image img {
    transform: scale(1.05);
    filter: saturate(1.02) contrast(1.02);
}

/* -------------------------
   6. Product title/content
------------------------- */
#section-catalog-esviar .etheme-product-grid-content {
    position: relative;
    z-index: 1;
    padding: 0 22px 60px;
    text-align: center;
}

#section-catalog-esviar .woocommerce-loop-product__title,
#section-catalog-esviar .etheme-product-grid-title {
    margin: 0;
    color: #202020;
    font-size: 18px;
    line-height: 1.42;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

#section-catalog-esviar .woocommerce-loop-product__title a,
#section-catalog-esviar .etheme-product-grid-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease, opacity 0.25s ease;
}

#section-catalog-esviar .etheme-product-grid-item.product:hover .woocommerce-loop-product__title a,
#section-catalog-esviar .etheme-product-grid-item.product:hover .etheme-product-grid-title a {
    color: #111111;
}

/* -------------------------
   7. Footer actions
   Like on reference: discreet controls
------------------------- */
#section-catalog-esviar .etheme-product-grid-image footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition:
        opacity 0.28s ease,
        transform 0.28s ease,
        visibility 0.28s ease;
    pointer-events: none;
}

#section-catalog-esviar .etheme-product-grid-item.product:hover .etheme-product-grid-image footer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

#section-catalog-esviar .etheme-product-grid-image footer .footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

/* add-to-cart and wishlist buttons */
#section-catalog-esviar .etheme-product-grid-image footer .button,
#section-catalog-esviar .etheme-product-grid-image footer .xstore-wishlist {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.12);
    border-radius: 50%;
    background: #FFFFFF;
    color: #17B6B0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

#section-catalog-esviar .etheme-product-grid-image footer .button:hover,
#section-catalog-esviar .etheme-product-grid-image footer .xstore-wishlist:hover {
    background: #17B6B0;
    color: #FFFFFF;
    border-color: #17B6B0;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(23, 182, 176, 0.22);
}

#section-catalog-esviar .etheme-product-grid-image footer .button svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* wishlist icon font alignment */
#section-catalog-esviar .etheme-product-grid-image footer .xstore-wishlist .et-icon {
    font-size: 17px;
    line-height: 1;
}

/* -------------------------
   8. Clean up theme side effects
------------------------- */
#section-catalog-esviar .etheme-product-grid-item.product .price,
#section-catalog-esviar .etheme-product-grid-item.product .star-rating,
#section-catalog-esviar .etheme-product-grid-item.product .button.added_to_cart,
#section-catalog-esviar .etheme-product-grid-item.product .quantity {
    display: none !important;
}

#section-catalog-esviar .etheme-product-hover-mask3 .etheme-product-grid-image::after,
#section-catalog-esviar .etheme-product-hover-mask3 .etheme-product-grid-image::before {
    display: none !important;
}

/* -------------------------
   9. Optional plus icon imitation
   If need similar visual marker like Polish ref
------------------------- */
#section-catalog-esviar .etheme-product-grid-item.product::after {
    content: "+";
    position: absolute;
    right: 20px;
    bottom: 12px;
    z-index: 2;
    color: #17B6B0;
    font-size: 34px;
    line-height: 1;
    font-weight: 300;
    opacity: 0.95;
    transition:
        transform 0.28s ease,
        color 0.28s ease,
        opacity 0.28s ease;
    pointer-events: none;
}

#section-catalog-esviar .etheme-product-grid-item.product:hover::after {
    transform: rotate(90deg) scale(1.04);
    color: #0E9C96;
}

/* if footer buttons are shown, keep plus more subtle */
#section-catalog-esviar .etheme-product-grid-item.product:hover::after {
    opacity: 0.72;
}

/* -------------------------
   10. Container spacing in inner structure
------------------------- */
#section-catalog-esviar #aside-catalog-idclass,
#section-catalog-esviar #aside-catalog,
#section-catalog-esviar .product-catalog-class,
#section-catalog-esviar .elementor-widget-etheme_product_grid,
#section-catalog-esviar .elementor-widget-container {
    background: transparent;
}

/* -------------------------
   11. Tablet
------------------------- */
@media (max-width: 1199px) {
    #section-catalog-esviar {
        padding: 72px 0 92px;
    }

    #section-catalog-esviar > .elementor-container {
        padding: 0 28px;
    }

    #section-catalog-esviar .etheme-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
        row-gap: 42px;
    }

    #section-catalog-esviar .etheme-product-grid-item.product {
        min-height: 430px;
    }

    #section-catalog-esviar .etheme-product-grid-image {
        min-height: 250px;
    }

    #section-catalog-esviar .woocommerce-loop-product__title,
    #section-catalog-esviar .etheme-product-grid-title {
        font-size: 17px;
    }
}

/* -------------------------
   12. Mobile
------------------------- */
@media (max-width: 767px) {
    #section-catalog-esviar {
        padding: 56px 0 72px;
    }

    #section-catalog-esviar > .elementor-container {
        padding: 0 18px;
    }

    #section-catalog-esviar .elementor-heading-title {
        font-size: clamp(28px, 8vw, 42px);
        line-height: 1.08;
    }

    #section-catalog-esviar .etheme-product-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    #section-catalog-esviar .etheme-product-grid-item.product {
        min-height: auto;
    }

    #section-catalog-esviar .etheme-product-grid-item.product::before {
        inset: 12px 10px 54px;
    }

    #section-catalog-esviar .etheme-product-grid-image {
        min-height: 220px;
        padding: 18px 14px 10px;
        margin-bottom: 10px;
    }

    #section-catalog-esviar .etheme-product-grid-image img {
        max-width: 82%;
        max-height: 190px;
    }

    #section-catalog-esviar .etheme-product-grid-content {
        padding: 0 14px 36px;
    }

    #section-catalog-esviar .woocommerce-loop-product__title,
    #section-catalog-esviar .etheme-product-grid-title {
        font-size: 16px;
        line-height: 1.38;
    }

    #section-catalog-esviar .etheme-product-grid-image footer {
        opacity: 1;
        visibility: visible;
        transform: none;
        bottom: 10px;
    }

    #section-catalog-esviar .etheme-product-grid-image footer .button,
    #section-catalog-esviar .etheme-product-grid-image footer .xstore-wishlist {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }

    #section-catalog-esviar .etheme-product-grid-item.product::after {
        right: 16px;
        bottom: 8px;
        font-size: 30px;
    }
}/* End custom CSS */