.elementor-968 .elementor-element.elementor-element-1f652583 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-1f652583 > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-1f652583{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-5ee870c > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-c9a2a88 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-c9a2a88 > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-c9a2a88{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-a80dd78 > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-242fb44 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-242fb44 > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-242fb44{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-7fd5384 > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-b329efc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-b329efc > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-b329efc{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-ca251f1 > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-2a7b759 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-2a7b759 > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-2a7b759{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-3b2f7b8 > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-0a2cf5e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-0a2cf5e > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-0a2cf5e{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-8eba8ec > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-968 .elementor-element.elementor-element-58ca79c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-968 .elementor-element.elementor-element-58ca79c > .elementor-background-overlay{background-color:#000000AD;opacity:0.78;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-968 .elementor-element.elementor-element-58ca79c{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-968 .elementor-element.elementor-element-8d53971 > .elementor-element-populated{padding:0% 0% 0% 0%;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-968 .elementor-element.elementor-element-5ee870c{width:100%;}.elementor-968 .elementor-element.elementor-element-a80dd78{width:100%;}.elementor-968 .elementor-element.elementor-element-7fd5384{width:100%;}.elementor-968 .elementor-element.elementor-element-ca251f1{width:100%;}.elementor-968 .elementor-element.elementor-element-3b2f7b8{width:100%;}.elementor-968 .elementor-element.elementor-element-8eba8ec{width:100%;}.elementor-968 .elementor-element.elementor-element-8d53971{width:100%;}}@media(max-width:1024px){.elementor-968 .elementor-element.elementor-element-1f652583{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-5ee870c > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-c9a2a88{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-a80dd78 > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-242fb44{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-7fd5384 > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-b329efc{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-ca251f1 > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-2a7b759{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-3b2f7b8 > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-0a2cf5e{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-8eba8ec > .elementor-element-populated{padding:0% 45% 0% 0%;}.elementor-968 .elementor-element.elementor-element-58ca79c{padding:5em 1em 5em 1em;}.elementor-968 .elementor-element.elementor-element-8d53971 > .elementor-element-populated{padding:0% 45% 0% 0%;}}@media(max-width:767px){.elementor-968 .elementor-element.elementor-element-1f652583{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-5ee870c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-c9a2a88{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-a80dd78 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-242fb44{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-7fd5384 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-b329efc{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-ca251f1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-2a7b759{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-3b2f7b8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-0a2cf5e{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-8eba8ec > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-968 .elementor-element.elementor-element-58ca79c{padding:4em 1em 4em 1em;}.elementor-968 .elementor-element.elementor-element-8d53971 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-70a6e4dd */.asu-hero {
    position: relative;
    min-height: 78vh;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(15, 13, 11, 0.66) 0%,
            rgba(15, 13, 11, 0.46) 27%,
            rgba(15, 13, 11, 0.18) 56%,
            rgba(15, 13, 11, 0.03) 80%
        ),
        url("https://gabriela.webdizajn-s.com/wp-content/uploads/2026/09/Hero-slika-za-sajt-.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.asu-hero__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1380px;

    margin: 0 auto;
    padding: 92px 60px 100px;
}

.asu-hero__content {
    max-width: 640px;
}


/* EYEBROW */

.asu-hero .asu-hero__eyebrow {
    display: block;

    margin-bottom: 22px;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: 0.19em;
    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.88) !important;
}


/* NASLOV */

.asu-hero .asu-hero__title {
    margin: 0 0 26px !important;

    max-width: 610px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(54px, 4.7vw, 76px);
    font-weight: 400 !important;
    line-height: 0.98;

    letter-spacing: -0.032em;

    color: #ffffff !important;
}


/* OPIS */

.asu-hero .asu-hero__text {
    max-width: 560px;

    margin: 0 0 34px !important;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.9) !important;
}


/* CTA WRAPPER */

.asu-hero__actions {
    display: flex;
    align-items: center;

    gap: 14px;

    flex-wrap: wrap;
}


/* ZAJEDNIČKI BUTTON STIL */

.asu-hero .asu-hero__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 26px;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;

    text-transform: uppercase;

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        opacity 0.3s ease;
}


/* PRIMARNI CTA */

.asu-hero .asu-hero__button--primary {
    background: #ffffff;

    color: #171512 !important;

    border: 1px solid #ffffff;
}

.asu-hero .asu-hero__button--primary:hover {
    background: #171512;

    color: #ffffff !important;

    border-color: #171512;

    text-decoration: none !important;
}


/* SEKUNDARNI CTA */

.asu-hero .asu-hero__button--secondary {
    background: rgba(255, 255, 255, 0.02);

    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.48);
}

.asu-hero .asu-hero__button--secondary:hover {
    background: rgba(255, 255, 255, 0.10);

    color: #ffffff !important;

    border-color: rgba(255, 255, 255, 0.9);

    text-decoration: none !important;
}


/* TABLET */

@media (max-width: 1024px) {

    .asu-hero {
        min-height: 72vh;

        background-position: 58% center;
    }

    .asu-hero__inner {
        padding: 85px 40px;
    }

    .asu-hero__content {
        max-width: 580px;
    }

    .asu-hero .asu-hero__title {
        max-width: 560px;

        font-size: 62px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .asu-hero {
        min-height: 82vh;

        align-items: flex-end;

        background-image:
            linear-gradient(
                180deg,
                rgba(15, 13, 11, 0.08) 0%,
                rgba(15, 13, 11, 0.28) 40%,
                rgba(15, 13, 11, 0.82) 100%
            ),
            url("https://gabriela.webdizajn-s.com/wp-content/uploads/2026/09/Hero-slika-za-sajt-.jpg");

        background-position: 60% center;
    }

    .asu-hero__inner {
        padding: 70px 24px 48px;
    }

    .asu-hero__content {
        max-width: 100%;
    }

    .asu-hero .asu-hero__eyebrow {
        margin-bottom: 16px;

        font-size: 9px;

        letter-spacing: 0.17em;
    }

    .asu-hero .asu-hero__title {
        max-width: 100%;

        margin-bottom: 20px !important;

        font-size: 44px;
        line-height: 1.02;

        letter-spacing: -0.025em;
    }

    .asu-hero .asu-hero__text {
        max-width: 100%;

        margin-bottom: 28px !important;

        font-size: 15px;
        line-height: 1.55;
    }

    .asu-hero__actions {
        flex-direction: column;
        align-items: stretch;

        gap: 10px;
    }

    .asu-hero .asu-hero__button {
        width: 100%;

        min-height: 50px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa80ebf *//* =========================================================
   ARTSPHEREUNO
   IZDVOJENA DJELA
   ========================================================= */

.asu-featured-artworks {
    width: 100% !important;
    max-width: none !important;

    padding: 100px 0 115px !important;

    background: #f7f4ef;
}


/* ELEMENTOR INNER WIDTH */

.asu-featured-artworks > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.asu-featured-artworks__header {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto 42px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;
}

.asu-featured-artworks__heading {
    max-width: 680px;
}

.asu-featured-artworks__eyebrow {
    display: block;

    margin-bottom: 12px;

    font-size: 10px;
    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: #81796f;
}

.asu-featured-artworks__title {
    margin: 0 !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;
    font-weight: 400 !important;

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #171512 !important;
}

.asu-featured-artworks__intro {
    max-width: 570px;

    margin: 15px 0 0 !important;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.65;

    color: #756e65;
}


/* VIEW ALL */

.asu-featured-artworks__all {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 5px;
    padding-bottom: 4px;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #171512 !important;

    border-bottom: 1px solid #aaa39a;

    text-decoration: none !important;
}

.asu-featured-artworks__all:hover {
    color: #171512 !important;

    border-color: #171512;

    text-decoration: none !important;
}

.asu-featured-artworks__arrow {
    font-size: 16px;

    transition: transform 0.3s ease;
}

.asu-featured-artworks__all:hover
.asu-featured-artworks__arrow {
    transform: translateX(5px);
}


/* =========================================================
   WOOCOMMERCE WRAPPER
   ========================================================= */

.asu-featured-artworks .woocommerce {
    width: 100% !important;
    max-width: 1340px !important;

    margin: 0 auto !important;
}


/* =========================================================
   GRID
   ========================================================= */

.asu-featured-artworks .woocommerce ul.products {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(auto-fit, minmax(260px, 1fr)) !important;

    column-gap: 24px !important;
    row-gap: 50px !important;
}

.asu-featured-artworks .woocommerce ul.products::before,
.asu-featured-artworks .woocommerce ul.products::after {
    display: none !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    background: transparent !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* PRODUCT LINK */

.asu-featured-artworks
.woocommerce
ul.products
li.product
a {

    text-decoration: none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
a
img {

    display: block;

    width: 100% !important;
    height: auto;

    aspect-ratio: 4 / 5;

    object-fit: cover;

    margin: 0 0 18px !important;

    padding: 0 !important;

    border-radius: 0 !important;

    background: #ece7df;

    transition:
        transform 0.45s ease,
        opacity 0.45s ease;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product:hover
a
img {

    transform: scale(1.012);

    opacity: 0.94;
}


/* =========================================================
   REMOVE CATEGORY / META
   ========================================================= */

.asu-featured-artworks
.product-category,

.asu-featured-artworks
.woocommerce-loop-category__title,

.asu-featured-artworks
.product-category-title,

.asu-featured-artworks
li.product .category,

.asu-featured-artworks
li.product .product-category,

.asu-featured-artworks
li.product .product-categories {

    display: none !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {

    margin: 0 0 7px !important;
    padding: 0 !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 20px !important;
    font-weight: 400 !important;

    line-height: 1.3;

    letter-spacing: -0.015em;

    color: #181613 !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price {

    display: block;

    margin: 0 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.4;

    color: #625c54 !important;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price
del {

    margin-right: 7px;

    color: #938d84 !important;

    opacity: 0.6;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price
ins {

    color: #403c37 !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


/* =========================================================
   REMOVE WOOCOMMERCE UI
   ========================================================= */

.asu-featured-artworks
.woocommerce
span.onsale {

    display: none !important;
}

.asu-featured-artworks
.woocommerce
.star-rating {

    display: none !important;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
.button,

.asu-featured-artworks
.woocommerce
ul.products
li.product
.added_to_cart {

    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .asu-featured-artworks {
        padding: 85px 0 95px !important;
    }

    .asu-featured-artworks > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-featured-artworks__title {
        font-size: 46px;
    }

    .asu-featured-artworks
    .woocommerce
    ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-featured-artworks {
        padding: 65px 0 75px !important;
    }

    .asu-featured-artworks > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-featured-artworks__header {
        display: block;

        margin-bottom: 30px;
    }

    .asu-featured-artworks__title {
        font-size: 38px;
    }

    .asu-featured-artworks__intro {
        font-size: 14px;
    }

    .asu-featured-artworks__all {
        margin-top: 22px;
    }

    .asu-featured-artworks
    .woocommerce
    ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;

        row-gap: 34px !important;
    }

    .asu-featured-artworks
    .woocommerce
    ul.products
    li.product
    .woocommerce-loop-product__title {

        font-size: 16px !important;
    }

    .asu-featured-artworks
    .woocommerce
    ul.products
    li.product
    .price {

        font-size: 12px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 460px) {

    .asu-featured-artworks
    .woocommerce
    ul.products {

        grid-template-columns: 1fr !important;

        row-gap: 40px !important;
    }

}
/* =========================================================
   FINAL TWEAKS - IZDVOJENA DJELA
   ========================================================= */


/* FORCE EDITORIAL SERIF HEADING */

.asu-featured-artworks
.asu-featured-artworks__title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 54px !important;
    font-weight: 400 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    color: #171512 !important;
}


/* HEADER SPACING */

.asu-featured-artworks__header {
    align-items: flex-end !important;
    margin-bottom: 34px !important;
}


/* VIEW ALL LINK */

.asu-featured-artworks__all {
    margin-bottom: 3px !important;
}


/* REMOVE PRODUCT CATEGORY LABELS */

.asu-featured-artworks
li.product .product-category,

.asu-featured-artworks
li.product .category,

.asu-featured-artworks
li.product .product-categories,

.asu-featured-artworks
li.product .wc-block-grid__product-category,

.asu-featured-artworks
li.product .ast-woo-product-category,

.asu-featured-artworks
li.product .product-category-title {
    display: none !important;
}


/* IMAGE PROPORTIONS */

.asu-featured-artworks
.woocommerce
ul.products
li.product
a img {
    aspect-ratio: 4 / 4.8 !important;
    object-fit: cover !important;

    margin-bottom: 16px !important;
}


/* ARTWORK TITLE */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {
    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 21px !important;
    font-weight: 400 !important;

    line-height: 1.25 !important;

    margin: 0 0 6px !important;

    color: #181613 !important;
}


/* PRICE */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price {
    font-size: 13px !important;

    color: #5f5951 !important;
}


/* SLIGHTLY TIGHTER SECTION */

.asu-featured-artworks {
    padding-top: 82px !important;
    padding-bottom: 105px !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .asu-featured-artworks
    .asu-featured-artworks__title {
        font-size: 40px !important;
    }

    .asu-featured-artworks__header {
        margin-bottom: 28px !important;
    }

}
/* =========================================================
   BACKGROUND
   ========================================================= */

.asu-featured-artworks {
    background: #F5F5F5 !important;
}


/* =========================================================
   ARTWORK CARD REFINEMENT
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product {
    position: relative;

    background: transparent !important;

    transition: transform 0.35s ease;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product:hover {
    transform: translateY(-4px);
}


/* =========================================================
   IMAGE FRAME
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
a:first-child {
    display: block;

    overflow: hidden;

    background: #ffffff;

    padding: 10px;

    border: 1px solid rgba(23, 21, 18, 0.06);
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
a:first-child
img {
    display: block;

    width: 100% !important;

    aspect-ratio: 4 / 5 !important;

    object-fit: cover !important;

    margin: 0 !important;

    background: #eeeeee;

    transform: scale(1);

    transition:
        transform 0.55s ease,
        opacity 0.4s ease;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product:hover
a:first-child
img {
    transform: scale(1.025);

    opacity: 0.96;
}


/* =========================================================
   TITLE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {
    margin-top: 16px !important;
    margin-bottom: 7px !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 20px !important;
    font-weight: 400 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.015em;

    color: #171512 !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price {
    display: flex !important;
    align-items: center;
    gap: 8px;

    margin: 0 !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.4;

    color: #4f4a44 !important;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price del {
    color: #99938b !important;

    opacity: 0.6;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product
.price ins {
    color: #171512 !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


/* =========================================================
   OPTIONAL HOVER LINE
   ========================================================= */

.asu-featured-artworks
.woocommerce
ul.products
li.product::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -14px;

    width: 0;
    height: 1px;

    background: #171512;

    transition: width 0.35s ease;
}

.asu-featured-artworks
.woocommerce
ul.products
li.product:hover::after {
    width: 100%;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-featured-artworks
    .woocommerce
    ul.products
    li.product
    a:first-child {
        padding: 7px;
    }

    .asu-featured-artworks
    .woocommerce
    ul.products
    li.product
    .woocommerce-loop-product__title {
        font-size: 17px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-388c1f1 *//* =========================================================
   ARTSPHEREUNO
   UPOZNAJTE UMJETNIKE
   COMPLETE CSS
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

.asu-artists {
    width: 100% !important;
    max-width: none !important;

    padding: 100px 0 110px !important;

    background: #ffffff;
}

.asu-artists > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.asu-artists__header {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto 42px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;
}

.asu-artists__heading {
    max-width: 670px;
}

.asu-artists__eyebrow {
    display: block;

    margin-bottom: 12px;

    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: #817a70;
}

.asu-artists__title {
    margin: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 52px !important;
    font-weight: 400 !important;

    line-height: 1.05 !important;

    letter-spacing: -0.03em;

    color: #171512 !important;
}

.asu-artists__intro {
    max-width: 570px;

    margin: 15px 0 0 !important;

    font-size: 15px;
    line-height: 1.65;

    color: #756e65;
}


/* =========================================================
   VIEW ALL ARTISTS
   ========================================================= */

.asu-artists__all {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 4px;
    padding-bottom: 5px;

    flex-shrink: 0;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #171512 !important;

    border-bottom: 1px solid #aaa39a;

    text-decoration: none !important;

    transition:
        border-color 0.3s ease,
        opacity 0.3s ease;
}

.asu-artists__all:hover {
    color: #171512 !important;

    border-color: #171512;

    text-decoration: none !important;
}

.asu-artists__arrow {
    font-size: 16px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.asu-artists__all:hover .asu-artists__arrow {
    transform: translateX(5px);
}


/* =========================================================
   HIDE DOKAN FILTER BAR
   ========================================================= */

.asu-artists #dokan-store-listing-filter-wrap {
    display: none !important;

    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
}


/* =========================================================
   DOKAN WRAPPER
   ========================================================= */

.asu-artists .dokan-seller-listing,
.asu-artists .seller-listing-content,
.asu-artists .dokan-seller-listing-content {
    width: 100% !important;

    max-width: 1340px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   ARTIST GRID
   ========================================================= */

.asu-artists ul.dokan-seller-wrap {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 28px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.asu-artists ul.dokan-seller-wrap::before,
.asu-artists ul.dokan-seller-wrap::after {
    display: none !important;
}


/* =========================================================
   ARTIST CARD
   ========================================================= */

.asu-artists
ul.dokan-seller-wrap
li.dokan-single-seller {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    transition: transform 0.35s ease;
}

.asu-artists
ul.dokan-seller-wrap
li.dokan-single-seller:hover {
    transform: translateY(-5px);
}


/* =========================================================
   CARD WRAPPER
   ========================================================= */

.asu-artists .store-wrapper {
    position: relative !important;

    width: 100% !important;

    overflow: hidden;

    background: #ece9e4 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.asu-artists .store-header {
    position: relative !important;

    width: 100% !important;
    height: 420px !important;

    overflow: hidden;

    background: #ebe8e3 !important;
}

.asu-artists .store-banner,
.asu-artists .store-banner a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}

.asu-artists .store-banner img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;

    border-radius: 0 !important;

    transform: scale(1);

    transition:
        transform 0.6s ease,
        opacity 0.4s ease;
}

.asu-artists
.dokan-single-seller:hover
.store-banner img {
    transform: scale(1.035);

    opacity: 0.96;
}


/* =========================================================
   IMAGE GRADIENT
   ========================================================= */

.asu-artists .store-wrapper::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 58%;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(15, 13, 11, 0) 0%,
            rgba(15, 13, 11, 0.10) 25%,
            rgba(15, 13, 11, 0.35) 58%,
            rgba(15, 13, 11, 0.85) 100%
        );
}


/* =========================================================
   ARTIST INFO OVER IMAGE
   ========================================================= */

.asu-artists .store-content {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index: 5 !important;

    min-height: 0 !important;

    padding: 0 26px 26px !important;

    background: transparent !important;
}

.asu-artists .store-data-container {
    position: static !important;

    display: block !important;

    padding: 0 !important;

    background: transparent !important;
}

.asu-artists .store-data {
    position: static !important;

    display: block !important;

    padding: 0 !important;

    background: transparent !important;
}


/* =========================================================
   ARTIST NAME
   ========================================================= */

.asu-artists .store-data h2,
.asu-artists .store-name {
    display: block !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 29px !important;
    font-weight: 400 !important;

    line-height: 1.1 !important;

    letter-spacing: -0.025em;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.asu-artists .store-data h2 a,
.asu-artists .store-name a {
    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   ARTIST STYLE / TECHNIQUE
   Custom field class for later:
   <span class="asu-artist-style">Apstraktno slikarstvo</span>
   ========================================================= */

.asu-artists .asu-artist-style {
    display: block;

    margin: 0 0 18px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 14px;
    font-weight: 400;
    font-style: italic;

    line-height: 1.45;

    color: rgba(255, 255, 255, 0.76);
}


/* =========================================================
   PROFILE CTA
   Added to existing artist name link
   This remains clickable because it belongs to <a>
   ========================================================= */

.asu-artists .store-data h2 a::after,
.asu-artists .store-name a::after {
    content: "POGLEDAJ PROFIL  →";

    display: block;

    width: fit-content;

    margin-top: 18px;

    padding-bottom: 4px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9px;
    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 0.15em;

    text-transform: uppercase;

    color: #ffffff;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.45);

    transition:
        border-color 0.3s ease,
        opacity 0.3s ease;
}

.asu-artists .store-data h2 a:hover::after,
.asu-artists .store-name a:hover::after {
    border-color: #ffffff;

    opacity: 0.75;
}


/* =========================================================
   HIDE LOCATION COMPLETELY
   ========================================================= */

.asu-artists .store-address,
.asu-artists .store-data address,
.asu-artists .store-data .address,
.asu-artists .store-data p,
.asu-artists address {
    display: none !important;
}


/* =========================================================
   OPTIONAL ARTIST AVATAR
   ========================================================= */

.asu-artists .seller-avatar {
    display: block !important;

    position: absolute !important;

    top: 18px !important;
    right: 18px !important;

    z-index: 7 !important;

    width: 52px !important;
    height: 52px !important;

    overflow: hidden;

    border: 2px solid rgba(255,255,255,0.82);

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 4px 20px rgba(0,0,0,0.12);
}

.asu-artists .seller-avatar img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;

    border-radius: 50% !important;
}


/* =========================================================
   REMOVE DOKAN MARKETPLACE ELEMENTS
   ========================================================= */

.asu-artists .store-rating,
.asu-artists .dokan-store-rating,
.asu-artists .seller-rating,

.asu-artists .store-phone,
.asu-artists .dokan-store-phone,

.asu-artists .store-social-wrapper,

.asu-artists .dokan-store-open-close,
.asu-artists .store-open-close,

.asu-artists .featured-favourite,

.asu-artists .store-footer,

.asu-artists .dokan-btn {
    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .asu-artists {
        padding: 85px 0 95px !important;
    }

    .asu-artists > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-artists__title {
        font-size: 46px !important;
    }

    .asu-artists ul.dokan-seller-wrap {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .asu-artists .store-header {
        height: 430px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-artists {
        padding: 70px 0 80px !important;
    }

    .asu-artists > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-artists__header {
        display: block;

        margin-bottom: 30px;
    }

    .asu-artists__title {
        font-size: 40px !important;
    }

    .asu-artists__intro {
        font-size: 14px;
    }

    .asu-artists__all {
        margin-top: 22px;
    }

    .asu-artists ul.dokan-seller-wrap {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }

    .asu-artists .store-header {
        height: 320px !important;
    }

    .asu-artists .store-content {
        padding: 0 16px 18px !important;
    }

    .asu-artists .store-data h2,
    .asu-artists .store-name {
        font-size: 21px !important;
    }

    .asu-artists .asu-artist-style {
        font-size: 12px;

        margin-bottom: 14px;
    }

    .asu-artists .store-data h2 a::after,
    .asu-artists .store-name a::after {
        margin-top: 14px;

        font-size: 8px;
    }

    .asu-artists .seller-avatar {
        width: 42px !important;
        height: 42px !important;

        top: 12px !important;
        right: 12px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .asu-artists ul.dokan-seller-wrap {
        grid-template-columns: 1fr !important;
    }

    .asu-artists .store-header {
        height: 430px !important;
    }

    .asu-artists .store-data h2,
    .asu-artists .store-name {
        font-size: 27px !important;
    }

    .asu-artists .asu-artist-style {
        font-size: 14px;
    }

}
/* =========================================================
   ARTIST CARD - USE PROFILE IMAGE INSTEAD OF STORE BANNER
   ========================================================= */


/* Sakrij Dokan banner */

.asu-artists .store-banner {
    display: none !important;
}


/* Glavni image prostor */

.asu-artists .store-header {
    position: relative !important;

    width: 100% !important;
    height: 420px !important;

    overflow: hidden;

    background: #e9e7e3 !important;
}


/* Dozvoli footer jer Dokan često avatar drži unutar njega */

.asu-artists .store-footer {
    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    z-index: 1 !important;
}


/* Profilna slika postaje glavna slika kartice */

.asu-artists .seller-avatar {
    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #e9e7e3 !important;

    box-shadow: none !important;
}


/* Avatar link */

.asu-artists .seller-avatar a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}


/* Sama profilna fotografija */

.asu-artists .seller-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: scale(1);

    transition:
        transform 0.6s ease,
        opacity 0.4s ease;
}


/* Hover */

.asu-artists
.dokan-single-seller:hover
.seller-avatar img {
    transform: scale(1.035);

    opacity: 0.96;
}


/* Sve ostalo iz store footer-a sakrij */

.asu-artists .store-footer > *:not(.seller-avatar) {
    display: none !important;
}


/* Gradient ostaje preko profilne slike */

.asu-artists .store-wrapper::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 58%;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(15, 13, 11, 0) 0%,
            rgba(15, 13, 11, 0.10) 25%,
            rgba(15, 13, 11, 0.35) 58%,
            rgba(15, 13, 11, 0.85) 100%
        );
}


/* Tekst mora biti iznad slike i gradienta */

.asu-artists .store-content {
    z-index: 5 !important;
}


/* TABLET */

@media (max-width: 1024px) {

    .asu-artists .store-header {
        height: 430px !important;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .asu-artists .store-header {
        height: 320px !important;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .asu-artists .store-header {
        height: 430px !important;
    }

}
/* =========================================================
   SMALLER ARTIST PROFILE IMAGE
   ========================================================= */

.asu-artists .store-wrapper {
    position: relative !important;
    overflow: visible !important;

    background: transparent !important;
}


/* smanji image area */

.asu-artists .store-header {
    width: 100% !important;
    height: auto !important;

    overflow: visible !important;

    background: transparent !important;
}


/* footer više nije full-card image */

.asu-artists .store-footer {
    position: static !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* profilna slika */

.asu-artists .seller-avatar {
    position: relative !important;

    inset: auto !important;

    width: 120px !important;
    height: 120px !important;

    margin: 0 0 20px 0 !important;

    border-radius: 50% !important;

    overflow: hidden !important;

    background: #e9e7e3 !important;

    box-shadow: none !important;
}


/* image */

.asu-artists .seller-avatar img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 50% !important;

    transform: none !important;
}


/* tekst više ne ide preko slike */

.asu-artists .store-content {
    position: static !important;

    padding: 0 !important;

    background: transparent !important;
}


/* ukloni gradient */

.asu-artists .store-wrapper::after {
    display: none !important;
}


/* tekst prebaci u tamnu boju */

.asu-artists .store-data h2,
.asu-artists .store-name,
.asu-artists .store-data h2 a,
.asu-artists .store-name a {
    color: #171512 !important;
}


/* stil umetnika */

.asu-artists .asu-artist-style {
    color: #6f6960 !important;
}


/* profil CTA */

.asu-artists .store-data h2 a::after,
.asu-artists .store-name a::after {
    color: #171512 !important;

    border-bottom:
        1px solid rgba(23, 21, 18, 0.35) !important;
}


/* ukloni hover scale */

.asu-artists
.dokan-single-seller:hover
.seller-avatar img {
    transform: none !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .asu-artists .seller-avatar {
        width: 90px !important;
        height: 90px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0024124 *//* =========================================================
   ARTSPHEREUNO - KAKO FUNKCIONIŠE ZA KUPCE
   ========================================================= */

.asu-buyers {
    width: 100% !important;
    max-width: none !important;

    padding: 110px 0 120px !important;

    background: #F5F5F5;
}

.asu-buyers > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.asu-buyers__header {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto 55px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: end;
}

.asu-buyers__eyebrow {
    display: block;

    margin-bottom: 12px;

    font-size: 10px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: #817a70;
}

.asu-buyers__title {
    max-width: 620px;

    margin: 0 !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;
    font-weight: 400 !important;

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #171512 !important;
}

.asu-buyers__intro {
    max-width: 500px;

    margin: 0 0 4px auto !important;

    font-size: 16px;
    line-height: 1.7;

    color: #716b63;
}


/* =========================================================
   STEPS
   ========================================================= */

.asu-buyers__steps {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.asu-buyers__step {
    position: relative;

    min-height: 250px;

    padding: 34px 42px 34px 0;

    border-top: 1px solid #cfcac3;
}

.asu-buyers__step:not(:last-child) {
    margin-right: 34px;

    border-right: 1px solid #d9d5cf;
}

.asu-buyers__number {
    display: block;

    margin-bottom: 42px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 15px;
    font-weight: 400;

    color: #8f887f;
}

.asu-buyers__step-title {
    margin: 0 0 14px !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
    font-weight: 400 !important;

    line-height: 1.15;

    letter-spacing: -0.02em;

    color: #171512 !important;
}

.asu-buyers__step-text {
    max-width: 340px;

    margin: 0 !important;

    font-size: 14px;
    line-height: 1.7;

    color: #746e66;
}


/* =========================================================
   CTA
   ========================================================= */

.asu-buyers__footer {
    width: 100%;
    max-width: 1340px;

    margin: 50px auto 0;

    display: flex;
    justify-content: flex-end;
}

.asu-buyers__link {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    padding-bottom: 5px;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #171512 !important;

    border-bottom: 1px solid #aaa39a;

    text-decoration: none !important;

    transition: border-color 0.3s ease;
}

.asu-buyers__link:hover {
    color: #171512 !important;

    border-color: #171512;

    text-decoration: none !important;
}

.asu-buyers__arrow {
    font-size: 16px;

    transition: transform 0.3s ease;
}

.asu-buyers__link:hover .asu-buyers__arrow {
    transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .asu-buyers {
        padding: 90px 0 100px !important;
    }

    .asu-buyers > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-buyers__header {
        gap: 45px;
    }

    .asu-buyers__title {
        font-size: 46px;
    }

    .asu-buyers__step {
        padding-right: 24px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-buyers {
        padding: 70px 0 80px !important;
    }

    .asu-buyers > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-buyers__header {
        display: block;

        margin-bottom: 38px;
    }

    .asu-buyers__title {
        font-size: 40px;
    }

    .asu-buyers__intro {
        margin: 20px 0 0 !important;

        font-size: 15px;
    }

    .asu-buyers__steps {
        grid-template-columns: 1fr;
    }

    .asu-buyers__step {
        min-height: auto;

        padding: 28px 0 34px;

        border-top: 1px solid #d0cbc4;
        border-right: 0 !important;

        margin-right: 0 !important;
    }

    .asu-buyers__number {
        margin-bottom: 22px;
    }

    .asu-buyers__step-title {
        font-size: 25px;
    }

    .asu-buyers__footer {
        margin-top: 32px;

        justify-content: flex-start;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8c95b7 *//* =========================================================
   ARTSPHEREUNO - KAKO FUNKCIONIŠE ZA UMJETNIKE
   ========================================================= */

.asu-artist-steps {
    width: 100% !important;
    max-width: none !important;

    padding: 110px 0 120px !important;

    background: #F5F5F5;
}

.asu-artist-steps > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.asu-artist-steps__header {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto 58px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: end;
}

.asu-artist-steps__eyebrow {
    display: block;

    margin-bottom: 12px;

    font-size: 10px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: #817a70;
}

.asu-artist-steps__title {
    max-width: 620px;

    margin: 0 !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;
    font-weight: 400 !important;

    line-height: 1.05;

    letter-spacing: -0.03em;

    color: #171512 !important;
}

.asu-artist-steps__intro {
    max-width: 520px;

    margin: 0 0 4px auto !important;

    font-size: 16px;
    line-height: 1.7;

    color: #716b63;
}


/* =========================================================
   STEPS
   ========================================================= */

.asu-artist-steps__grid {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.asu-artist-steps__item {
    position: relative;

    min-height: 270px;

    padding: 34px 42px 34px 0;

    border-top: 1px solid #cbc6bf;
}

.asu-artist-steps__item:not(:last-child) {
    margin-right: 34px;

    border-right: 1px solid #d8d3cc;
}

.asu-artist-steps__number {
    display: block;

    margin-bottom: 44px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 15px;
    font-weight: 400;

    color: #8f887f;
}

.asu-artist-steps__item-title {
    margin: 0 0 14px !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;
    font-weight: 400 !important;

    line-height: 1.15;

    letter-spacing: -0.02em;

    color: #171512 !important;
}

.asu-artist-steps__text {
    max-width: 350px;

    margin: 0 !important;

    font-size: 14px;
    line-height: 1.7;

    color: #746e66;
}


/* =========================================================
   CTA
   ========================================================= */

.asu-artist-steps__footer {
    width: 100%;
    max-width: 1340px;

    margin: 52px auto 0;

    display: flex;
    justify-content: flex-start;
}

.asu-artist-steps__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 28px;

    background: #171512;

    border: 1px solid #171512;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #ffffff !important;

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.asu-artist-steps__button:hover {
    background: transparent;

    color: #171512 !important;

    border-color: #171512;

    text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .asu-artist-steps {
        padding: 90px 0 100px !important;
    }

    .asu-artist-steps > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-artist-steps__header {
        gap: 45px;
    }

    .asu-artist-steps__title {
        font-size: 46px;
    }

    .asu-artist-steps__item {
        padding-right: 24px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-artist-steps {
        padding: 70px 0 80px !important;
    }

    .asu-artist-steps > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-artist-steps__header {
        display: block;

        margin-bottom: 38px;
    }

    .asu-artist-steps__title {
        font-size: 40px;
    }

    .asu-artist-steps__intro {
        margin: 20px 0 0 !important;

        font-size: 15px;
    }

    .asu-artist-steps__grid {
        grid-template-columns: 1fr;
    }

    .asu-artist-steps__item {
        min-height: auto;

        padding: 28px 0 34px;

        margin-right: 0 !important;

        border-top: 1px solid #d0cbc4;
        border-right: 0 !important;
    }

    .asu-artist-steps__number {
        margin-bottom: 22px;
    }

    .asu-artist-steps__item-title {
        font-size: 25px;
    }

    .asu-artist-steps__footer {
        margin-top: 34px;
    }

    .asu-artist-steps__button {
        width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aca4c8c *//* =========================================================
   ARTSPHEREUNO - SEKCIJA ZA UMJETNIKE
   ========================================================= */

.asu-artist-join {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 620px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(18, 16, 14, 0.72) 0%,
            rgba(18, 16, 14, 0.54) 34%,
            rgba(18, 16, 14, 0.20) 62%,
            rgba(18, 16, 14, 0.04) 100%
        ),
        url("https://gabriela.webdizajn-s.com/wp-content/uploads/2026/09/pozadina.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* INNER WIDTH */

.asu-artist-join > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* CONTENT */

.asu-artist-join__content {
    position: relative;
    z-index: 2;

    max-width: 620px;

    padding: 110px 0;
}


/* EYEBROW */

.asu-artist-join__eyebrow {
    display: block;

    margin-bottom: 18px;

    font-size: 10px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.82);
}


/* TITLE */

.asu-artist-join__title {
    max-width: 580px;

    margin: 0 0 24px !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 4.8vw, 72px);
    font-weight: 400 !important;

    line-height: 1;

    letter-spacing: -0.035em;

    color: #ffffff !important;
}


/* TEXT */

.asu-artist-join__text {
    max-width: 540px;

    margin: 0 0 34px !important;

    font-size: 16px;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.88) !important;
}


/* BUTTON */

.asu-artist-join__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 28px;

    background: #ffffff;

    border: 1px solid #ffffff;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #171512 !important;

    text-decoration: none !important;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.asu-artist-join__button:hover {
    background: transparent;

    border-color: rgba(255, 255, 255, 0.75);

    color: #ffffff !important;

    text-decoration: none !important;
}


/* SMALL NOTE */

.asu-artist-join__note {
    display: block;

    margin-top: 18px;

    font-size: 12px;
    line-height: 1.5;

    color: rgba(255, 255, 255, 0.62);
}


/* TABLET */

@media (max-width: 1024px) {

    .asu-artist-join {
        min-height: 560px;

        background-position: 58% center;
    }

    .asu-artist-join > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-artist-join__content {
        max-width: 560px;

        padding: 90px 0;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .asu-artist-join {
        min-height: 620px;

        align-items: flex-end;

        background-image:
            linear-gradient(
                180deg,
                rgba(18, 16, 14, 0.08) 0%,
                rgba(18, 16, 14, 0.28) 40%,
                rgba(18, 16, 14, 0.84) 100%
            ),
            url("https://gabriela.webdizajn-s.com/wp-content/uploads/2026/09/pozadina.jpg");

        background-position: 62% center;
    }

    .asu-artist-join > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-artist-join__content {
        max-width: 100%;

        padding: 70px 0 48px;
    }

    .asu-artist-join__title {
        font-size: 44px;
    }

    .asu-artist-join__text {
        font-size: 15px;
        line-height: 1.6;
    }

    .asu-artist-join__button {
        width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-141f1e0 *//* =========================================================
   ARTSPHEREUNO - NEWSLETTER
   ========================================================= */

.asu-newsletter {
    width: 100% !important;
    max-width: none !important;

    padding: 95px 0 100px !important;

    background: #171512;
}

.asu-newsletter > .e-con-inner {
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto !important;

    padding-left: 48px !important;
    padding-right: 48px !important;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.asu-newsletter__inner {
    width: 100%;
    max-width: 1340px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 90px;

    align-items: end;
}


/* =========================================================
   COPY
   ========================================================= */

.asu-newsletter__eyebrow {
    display: block;

    margin-bottom: 14px;

    font-size: 10px;
    font-weight: 600;

    line-height: 1.4;

    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.55);
}

.asu-newsletter__title {
    max-width: 620px;

    margin: 0 0 18px !important;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;
    font-weight: 400 !important;

    line-height: 1.04;

    letter-spacing: -0.03em;

    color: #ffffff !important;
}

.asu-newsletter__text {
    max-width: 560px;

    margin: 0 !important;

    font-size: 15px;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.68);
}


/* =========================================================
   FORM
   ========================================================= */

.asu-newsletter__form {
    width: 100%;

    display: flex;
    align-items: flex-end;

    gap: 12px;

    padding-bottom: 8px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.asu-newsletter__input {
    width: 100%;

    min-height: 52px;

    padding: 0;

    background: transparent;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;

    font-size: 15px;

    color: #ffffff;
}

.asu-newsletter__input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.asu-newsletter__button {
    flex-shrink: 0;

    min-height: 52px;

    padding: 0 4px;

    background: transparent;

    border: 0;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #ffffff;

    cursor: pointer;

    transition: opacity 0.3s ease;
}

.asu-newsletter__button:hover {
    opacity: 0.65;
}


/* =========================================================
   NOTE
   ========================================================= */

.asu-newsletter__note {
    display: block;

    margin-top: 14px;

    font-size: 11px;
    line-height: 1.5;

    color: rgba(255, 255, 255, 0.38);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .asu-newsletter {
        padding: 80px 0 85px !important;
    }

    .asu-newsletter > .e-con-inner {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .asu-newsletter__inner {
        gap: 50px;
    }

    .asu-newsletter__title {
        font-size: 46px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .asu-newsletter {
        padding: 65px 0 70px !important;
    }

    .asu-newsletter > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .asu-newsletter__inner {
        grid-template-columns: 1fr;

        gap: 34px;
    }

    .asu-newsletter__title {
        font-size: 40px;
    }

    .asu-newsletter__form {
        align-items: stretch;
        flex-direction: column;

        gap: 8px;

        border-bottom: 0;
    }

    .asu-newsletter__input {
        min-height: 50px;

        padding: 0 0 10px;

        border-bottom:
            1px solid rgba(255,255,255,0.30) !important;
    }

    .asu-newsletter__button {
        width: fit-content;

        min-height: 42px;
    }

}/* End custom CSS */