/*!
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.2
Text Domain: uicore-pro
*/

 /* Add your custom style here */

html .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    content: none;
    display: none !impoortant;
}

.inspirisana-blog-cards::after {
    content: 'Uskoro ';
    font-size: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-family: 'Lora';
    transform: translate(-50%, -50%);
    filter: drop-shadow(2px 4px 6px black);
}

.inspirisana-blog-cards {
    opacity: 0.3;
    pointer-events: none;
    position: relative;
}


.woocommerce-checkout div#uicore-page #content, .woocommerce-cart div#uicore-page #content {
    padding: 140px 0;
    max-width: 1240px;
    margin: 0 auto;
}

body.uicore-woo-page:not(.elementor-page) .page {
	outline: unset !important;
}


.woocommerce-checkout .content-area {
    background: transparent;
}


.woocommerce-checkout div#primary * {
    font-family: 'Inter', sans-serif;
}

.wc-block-components-express-payment-continue-rule.wc-block-components-express-payment-continue-rule--checkout, h2.wc-block-components-express-payment__title {
    font-size: 17px !important;
    letter-spacing: -0.9px;
    color: #000;
}

.woocommerce-checkout input, .woocommerce-checkout select {
    border: 0 !important;
    border-radius: 10px !important;
}

.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    padding: 30px;
    border: 1px solid #0000001f;
    border-radius: 14px;
}

.wp-block-woocommerce-checkout-order-summary-block {
    padding: 30px;
    border: 1px solid #0000001f !important;
    border-radius: 14px !important;
    background: #fff;
}

.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    padding: 30px;
    border: 1px solid #0000001f !important;
    border-radius: 14px !important;
    box-shadow: unset !important;
    outline: unset !important;
}


p.wc-block-components-checkout-order-summary__title-text {
    border: 0;
    border-radius: 0;
    font-size: var(--wp--preset--font-size--medium, 22px) !impotant;
    font-weight: 500;
    line-height: 27px;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word;
}

h3.wc-block-components-product-name {
    font-size: 20px;
}

.woocommerce-checkout .price {
    background: unset;
    color: #000;
    font-size: 16px;
}

span.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price {
    display: none;
}

.wc-block-components-order-summary-item {
    display: flex;
    align-items: center;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
    display: none;
}

input#wc-block-components-totals-coupon__input-coupon {
    outline: 1px solid #000;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    border: unset;
    background: transparent linear-gradient(90deg, #D1AD9F 0%, #735E59 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
p.wc-block-components-checkout-order-summary__title-text {
    border: 0;
    border-radius: 0;
    font-size: var(--wp--preset--font-size--medium, 22px);
    font-weight: 500;
    line-height: 27px;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word;
    color: #070707;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
    font-size: 16px;
    font-weight: bold;
}
div#radio-control-wc-payment-method-options-stripe__content {
    padding: 0;
}
h1.wp-block-uicore-heading.uicore-block-bp3kfonr73.chckhero.uicore-bl-title.uicore-bl-content {
    font-family: 'Lora' !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    border: unset;
    background: transparent linear-gradient(90deg, #D1AD9F 0%, #735E59 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    height: 53px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.wc-block-components-checkbox.wc-block-components-payment-methods__save-card-info {
    display: none !important;
}

div#order-notes {
    display: none;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    border: unset;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block {
    text-align: center;
    font-style: italic;
    font-size: 10px;
    text-decoration: underline;
}

label.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
    display: none;
}

input#wc-block-components-totals-coupon__input-coupon {
    outline: 1px solid #00000011;
}

.woocommerce-account a {
    color: #000;
    font-weight: bold;
}

.woocommerce-account  a:hover {
    color: #d0ada0;
}
a.woocommerce-button.button.view, a.woocommerce-MyAccount-downloads-file.button.alt, .woocommerce-MyAccount-content a.button, button.woocommerce-Button.button{
    padding: 15px 30px !important;
    background: transparent linear-gradient(90deg, #D1AD9F 0%, #735E59 100%) 0% 0% no-repeat padding-box;
    font-family: 'Inter' !important;
    font-weight: bold !important;
	height: unset !important
}


.u-columns.woocommerce-Addresses.col2-set.addresses h2 {
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 40px;
    font-family: 'Inter';
    font-weight: bold;
}


ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: center;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    display: none;
}

h2.woocommerce-order-downloads__title, h2.woocommerce-order-details__title, h2.woocommerce-column__title {
    font-size: 24px !important;
    margin-bottom: 20px;
}

p.order-again {
    display: none;
}

section.woocommerce-customer-details {
    display: none;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details a, td.download-product a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    pointer-events: none;
}


ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 2px dashed #D1AD9F;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 40px 70px #CE86671A;
}



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    border: unset !important;
    background: transparent linear-gradient(90deg, #D1AD9F 0%, #735E59 100%) 0% 0% no-repeat padding-box !important;
    color: #fff !important;
    font-family: 'Inter' !important;
    font-weight: bold !important;
    height: 60px !important;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block a {
    pointer-events: none !important;
}

a.wc-block-components-product-name {
    color: #000 !important;
    font-weight: bold !important;
}

section.wp-block-uicore-container.uicore-block-d7dsm3dghf {
    padding: 30px !important;
    border: 1px solid #0000001f !important;
    border-radius: 14px !important;
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    text-transform: unset !important;
    display: none !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    display: none !important;
}

.wc-block-components-totals-wrapper {
    border-radius: 12px !important;
    border: 1px solid #00000011 !important;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border-color: transparent !important;
}

.wc-block-components-totals-item__value span.wc-block-formatted-money-amount {
    text-decoration: underline;
}

.woocommerce-cart td.wc-block-cart-item__total span.price.wc-block-components-product-price {
    padding: 10px;
    border: 1px solid #00000011;
    border-radius: 10px;
}





header .uicore-bl-container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 30px #CE86670D;
    border-radius: 24px;
    opacity: 1;
    background: #fff;
    z-index: 999;
    padding: 15px !important;
    display: flex;
    justify-content: space-between;
    gap: 30px !important;
}

header#uicore-tb-header {
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 999;
}

section#heder > div {
    box-shadow: 0px 20px 30px #ce866724;
}

.ivapix-drawer-menu .menu-item-has-children ul.sub-menu {
    display: none;
}

a.wp-block-navigation-item__content {
    color: #584642 !important;
}

nav.ivapix-drawer-menu a {
	color: var(--unnamed-color-584642);
	text-align: center;
	font: normal normal normal 16px/28px Inter;
	letter-spacing: 0px;
	color: #584642;
	opacity: 1;
}

nav.ivapix-drawer-menu ul {
	display: flex;
	flex-direction: row;
	gap: 40px;
}

strong {
    font-weight: 600 !important;
}

section#heder {
    box-shadow: unset;
	background: unset !important;
    border: unset;
}

section.wp-block-uicore-container.uicore-block-76tkiseoii.heroout {
    background: #fdfaf8;
}

/*div#content {
    padding-top: 170px;
}
*/

.blog-card-meta::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(/wp-content/uploads/2025/12/tjx2.png);
    position: absolute;
    left: 0;
    background-size: cover;
}
.blog-card-meta {
    padding-left: 30px;
    position: relative;
}
.blog-card-content {
    padding: 43px;
}
span.arrw {
    padding: 6px;
    background: #fff;
    border: 1px solid #d7bdb2;
    border-radius: 50%;
    transition: .3s ease all;
}

span.arrw {
	width: 26px;
	display: flex;
}

span.blog-card-readmore {
	display: flex;
	gap: 10px;
	align-items: center;
}

.herosection {
	background: url(/wp-content/uploads/2025/12/Mask-Group-41-1.png);
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover; 
}

.herosectionproducts {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.herophilipova {
	background: url(/wp-content/uploads/2025/12/Mask-Group-39.png);

}

.pmheroh1 span.uicore-bl-format {
    font-weight: 500 !important;
    text-align: left;
    font: italic normal 72px/82px Lora !important;
    letter-spacing: -0.07px;
    color: #FFFFFF;
}

div#videolightboxbutton::after {
    content: '';
    width: 50px;
    height: 50px;
    background: url(/wp-content/uploads/2025/12/Group-1761.png);
    position: absolute;
    left: 16px;
}

div#videolightboxbutton a.uicore-bl-wrp.wp-element-button:hover {
    border-color: unset;
    background: unset;
}

.wp-block-uicore-container.uicore-block-w8i85vtx04 {
    padding: 0 !important;
    gap: 0;
    width: 100%;
    margin: 0 !important;
}

.radialsection1 {
    background: radial-gradient(600px 600px at 48% -49%, #D1AD9F 0%, #735E59 100%);
    border-radius: 24px;
}

section.kontaktbox> div::after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    background: #EEE4DF;
    max-height: 500px;
}



.brtbottom .wp-block-uicore-container.uicore-block-axpldefqre::after, .brtbottom .wp-block-uicore-container.uicore-block-5wwj6jnl7v::after {
    content: '';
    width: 80%;
    height: 1px;
    background: #EEE4DF;
    position: absolute;
    bottom: -30px;
}

form.wp-block-uicore-a-form.uicore-block-fblg8yfpwu input, form.wp-block-uicore-a-form.uicore-block-fblg8yfpwu textarea, select.wp-block-uicore-input.uicore-block-3dnzmgrrga {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEE4DF;
    border-radius: 10px;
    opacity: 1;
    padding: 17px;
    min-height: 50px;
}
.wp-block-uicore-button.uicore-block-2sxkfuu3vi button.uicore-bl-wrp.wp-element-button::after {
    content: '';
    width: 15px;
    height: 14px;
    position: absolute;
    right: 30px;
    background-image: url('/wp-content/uploads/2025/12/Group-1643-11.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.wp-block-uicore-container.uicore-block-rdlme8d9bt {
    background-image: radial-gradient(
  closest-side at 50% -34%,
  #D1AD9F 89%,
  #735E59 220%
);
    background-repeat: no-repeat;
    min-height: 800px;
}

.line::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ffffff14;
    position: absolute;
    right: -70px;
}

.onamaboxed::after {
    content: '';
    width: 100%;
    height: 185px;
    background: url('/wp-content/uploads/2025/12/Path-17558.svg');
    opacity: 0.5;
    filter: blur(50px);
    position: absolute;
    bottom: -20px;
    background-repeat: no-repeat;
    bottom: 10px;
    left: 0;
    z-index: 0;
}

.wp-block-uicore-container.uicore-block-xiahhz3pv8::after {
    content: '';
    width: 33px;
    height: 100%;
    background: url('/wp-content/uploads/2025/12/Mask-Group-32-1.svg');
    position: absolute;
    right: -50px;
    z-index: 99;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(5px);
}

	.pmheroimg {
		border-radius: 24px;
	}

.mega-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
}

.mega-content::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #584642;
    position: absolute;
    top: auto;
    opacity: 0.1;
    bottom: 30px;
}

.swiper-slide-active img {
    /* transform: scale(1.11); */
}

.ui-bl-slide-wrapper.swiper-slide {
    padding: 10px;
    background: #fff;
    border-radius: 17px;
}
/*
section.wp-block-uicore-container.uicore-block-1cws0qw6ul {
    padding-left: calc((100vw - 1240px) / 2) !important;
}
*/
.swiper-nav-wrapper {
    gap: 10px !important;
    right: 15%;
    bottom: -20px !important;
}


.swiper-button-prev::after {
    transform: rotate(180deg) !important;
}

h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
    text-align: center;
}


@media only screen and (min-width: 1024px) {
    html .uicore-bl-10 .uicore-block-uyfvii54ze .swiper-nav-wrapper [class*=swiper-button-]:after, html .uicore-bl-10 .uicore-block-uyfvii54ze .swiper-nav-wrapper.uicore-is-active [class*=swiper-button-]:after {
        background-image: url(/wp-content/uploads/2025/12/Path-17418@2x.png);
        width: 4px;
        height: 6px;
        padding: 20px;
        background-color: unset;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40%;
        transform: rotate(0deg);
		mask-image: unset !important;
    }
}


.heroimgic {
    background: #fff;
    border-radius: 24px;
}

div#rightover {
    position: absolute;
    background: #fff;
    right: 335px;
    max-width: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1750px) {
	div#rightover.two {
		right: 100px;
	}
}
.linebottom::after {
    content: '';
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #D1AD9F;
    height: 1px;
}


.mta {
    margin-top: auto;
}


.wrapshopbtn {
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.tx {
    padding: 15px 30px;
    background: #fff;
    transition: .3s ease all;
    text-align: center;
    font: normal normal bold 16px/20px Inter;
    letter-spacing: 0px;
    color: #584642;
    border-radius: 10px 0 0 10px;
    height: 50px;
}

.wrapshopbtn .price {
    background: #D1AD9F 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    text-align: center;
    font: normal normal bold 18px/21px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 15px 25px;
    height: 50px;
    transition: .3s ease all;
}
.wrapshopbtn:hover .price {
    color: #584642;
    background: #fff;
}

.wrapshopbtn:hover .tx {
    color: #fff;
    background: #D1AD9F;
}

.wrapshopbtn:hover {
    cursor: pointer;
}

.radialsection2 {
    background: radial-gradient(700px 1150px at -11% 86%, #D1AD9F 0%, #735E59 100%);
}


.crdlr.phi.left {
    background: #FDFAF8 0% 0% no-repeat padding-box;
    box-shadow: 0px 40px 70px #CE86670D;
    border: 4px solid #EEE4DF;
    border-radius: 24px;
}

.crdlr.right {
    border: 1px solid #EEE4DF;
    border-radius: 24px;
}
.crdlr {
    gap: 20px !important;
}
.listica {
    gap: 35px 10px !important;
}

.listica{
    position: relative;
}

.listica > div:not(:last-child)::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #EEE4DF;
    width: 100%;
    position: absolute;
    bottom: -18px;
}

.listica .uicore-bl-block.wp-block-uicore-icon {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
}

.listica.reverse > div::after {
    background: #EEE4DF;
    opacity: 0.2;
}


/* WRAPPER */
.moduli-sekcija{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* KARTICE (MODULI) */
.modul-kartica{
  display: flex;
  flex-direction: column;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EEE4DF;
  border-radius: 15px;
  padding: 30px;
}

/* NOVA STRUKTURA U KARTICI */
.modul-sadrzaj{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* LEVI BLOK (80%) */
.modul-tekst{
  display: flex;
  flex-direction: column;
  width: 86%;
}

/* DESNI BLOK TOOLTIP (20%) */
.modul-tooltip{
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 14%;
}

/* NASLOVI */
.modul-naslov,
.bonus-naslov{
  display: flex;
  text-align: left !important;
  font: normal 24px/42px Lora !important;
  letter-spacing: 0px !important;
  margin: 0 !important;
}

.modul-naslov{
  color: #584642 !important;
}

/* TEKST (OPIS) */
.modul-opis{
  text-align: left !important;
  font: normal normal 300 16px/26px Inter !important;
  letter-spacing: 0px !important;
  color: #735E59 !important;
  margin: 0 !important;
}

/* TOOLTIP / OZNAKA MODULA (sad je u .modul-tooltip) */
.modul-oznaka-tekst {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    border: 1px solid #D7BDB2;
    border-radius: 30px;
    white-space: nowrap;
    text-align: center !important;
    font: normal 12px Inter !important;
    letter-spacing: 0px !important;
    color: #584642 !important;
    text-transform: uppercase !important;
}

/* BONUS KARTICA */
.bonus-kartica{
  display: flex;
  align-items: center;
  background: #735E59 0% 0% no-repeat padding-box;
  box-shadow: 0px 40px 70px #CE86671A;
  border-radius: 15px;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

/* UNUTRASNJI DASHED BORDER U BONUS */
.bonus-kartica::before{
	content: "";
    position: absolute;
    inset: 12px;
    border: 2px dashed #d1ad9f57;
    border-radius: 5px;
    pointer-events: none;
    box-shadow: 0px 40px 70px #CE86671A;
}

a.modul-link {
	pointer-events: none !important;
	cursor: default;
}
/* BONUS UNUTRA */
.bonus-unutra{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  position: relative;
  z-index: 1;
}

/* IKONICA */
.bonus-ikonica{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
}

/* PLACEHOLDER KRUG (ako ostane) */
.bonus-ikonica-krug{
  display: flex;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
}

/* BONUS TEKST */
.bonus-tekst{
  display: flex;
  flex-direction: column;
}

/* BONUS NASLOV */
.bonus-naslov{
  color: #FFFFFF !important;
}

/* BONUS NAPOMENA */
.bonus-napomena{
  display: flex;
  text-align: left !important;
  font: normal normal 300 16px/26px Inter !important;
  letter-spacing: 0px !important;
  color: #FFFFFF !important;
  opacity: 0.85;
}
@media only screen and (max-width: 996px) {
	.philipova .modul-tooltip {
		width: 100%;
		justify-content: flex-start;
	}

	.philipova .modul-sadrzaj {
		flex-direction: column-reverse;
	}
}

.radialcard1 {
	 background: radial-gradient(600px 600px at 50% 138%, #D1AD9F 0%, #735E59 100%);
}

.radialcard1 .wrapshopbtn .tx {
    flex: 2;
}

.radialcard1 .wrapshopbtn .price {
    flex: 1;
}
.biggerbtn .wrapshopbtn .tx {
    min-width: 270px;
}

/* SPOLJNA KARTICA */
.preuzmi-kartica{
  display: flex;
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 40px 70px #CE86671A;
  border-radius: 24px;
  padding: 15px;
}

/* UNUTRASNJI DASHED OKVIR */
.preuzmi-unutra{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  border: 2px dashed #D1AD9F;
  border-radius: 10px;
  padding: 20px;

  box-shadow: 0px 40px 70px #CE86671A;
}

/* LEVI TEKST BLOK */
.preuzmi-tekst{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* NASLOV */
.preuzmi-naslov{
  display: flex;
  text-align: left !important;
  font: normal normal normal 24px/34px Lora !important;
  letter-spacing: 0px !important;
  color: #584642 !important;
  margin: 0 !important;
}

/* OPIS */
.preuzmi-opis{
  display: flex;
  text-align: left !important;
  font: normal normal 300 16px/26px Inter !important;
  letter-spacing: 0px !important;
  color: #735E59 !important;
  margin: 0 !important;
}

/* DUGME DESNO */
.preuzmi-dugme{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;

  background: #735E59 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 25px 21px;

  text-decoration: none;
  white-space: nowrap;
}

/* TEKST U DUGMETU */
.preuzmi-dugme-tekst{
  display: flex;
  text-align: right !important;
  font: normal normal medium 16px/20px Inter !important;
  letter-spacing: 0px !important;
  color: #FFFFFF !important;
}

/* STRELICA */
.preuzmi-dugme-strelica{
  display: flex;
  text-align: right !important;
  font: normal normal medium 16px/20px Inter !important;
  letter-spacing: 0px !important;
  color: #FFFFFF !important;
}

/* RESPONSIVE (da se lepo slomi kad zatreba) */
@media (max-width: 820px){
  .preuzmi-unutra{
    flex-direction: column;
    align-items: stretch;
  }
  .preuzmi-dugme{
    justify-content: center;
    width: 100%;
  }
  .preuzmi-dugme-tekst{
    text-align: center !important;
  }
}

.sectionradial3 {
    background: radial-gradient(1400px 1400px at 28% 54%, #FCF6F4 0%, #D7BDB2 100%);
}



/* WRAPPER */
.benefiti{
  display: flex;
  width: 100%;
}

/* MREZA KARTICA */
.benefiti-mreza{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

/* KARTICA – 4 u redu */
.benefit-kartica{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  border: 1px solid #EEE4DF;
  border-radius: 10px;
  width: calc((100% - 60px) / 4);
}
/* KARTICA – 3 u redu */
.trojka .benefiti-mreza .benefit-kartica {
    width: calc((100% - 60px) / 3);
}

/* IKONICA */
.benefit-ikonica{
  display: flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
}

/* TEKST */
.benefit-tekst{
  text-align: left !important;
  font: normal 18px/23px Inter !important;
  letter-spacing: 0px !important;
  color: #FFFFFF !important;
}


.padfix {
	padding-left: clamp(24px, 5vw, 100px) !important;
    padding-right: clamp(24px, 5vw, 100px) !important;
}
/**
 * Inspirisanade Custom Theme Utilities
 * Typography & Layout Classes
 */

/* ============================================
   COLORS
   ============================================ */

:root {
    --color-text: #584642;
    --color-bg-light: #F4EBE7;
    --color-bg-lighter: #FDFAF8;
    --color-button: #735E59;
	--color-tooltip: #735E59;
}

/* ============================================
   FONT FAMILIES
   ============================================ */

.font-inter{
    font-family: 'Inter', sans-serif;
}

.font-lora {
    font-family: 'Lora', serif;
}

/* ============================================
   FONT WEIGHTS (100-900)
   ============================================ */

.font-weight-100,
.fw-100 {
    font-weight: 100;
}

.font-weight-200,
.fw-200 {
    font-weight: 200;
}

.font-weight-300,
.fw-300 {
    font-weight: 300;
}

.font-weight-400,
.fw-400 {
    font-weight: 400;
}

.font-weight-500,
.fw-500 {
    font-weight: 500;
}

.font-weight-600,
.fw-600 {
    font-weight: 600;
}

.font-weight-700,
.fw-700 {
    font-weight: 700;
}

.font-weight-800,
.fw-800 {
    font-weight: 800;
}

.font-weight-900,
.fw-900 {
    font-weight: 900;
}

/* ============================================
   FONT STYLES
   ============================================ */

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700;
}

.font-normal {
    font-weight: 400;
}

/* ============================================
   FONT SIZES
   ============================================ */

/* Heading Sizes */
.text-h1,
.fs-h1 {
    font-size: 56px;
}

.text-h2,
.fs-h2 {
    font-size: 48px;
}

.text-h2-small,
.text-h3-big,
.fs-40 {
    font-size: 40px;
}

.text-h3,
.fs-h3 {
    font-size: 36px;
}

.text-h4,
.fs-h4 {
    font-size: 24px;
}

/* Body/Text Sizes */
.text-bigger,
.fs-20 {
    font-size: 20px;
}

.text-default,
.text-base,
.fs-16 {
    font-size: 16px;
}

.text-smaller,
.fs-14 {
    font-size: 14px;
}

.text-tooltip,
.fs-12 {
    font-size: 12px;
}

/* Button Text */
.text-button,
.btn-text {
    font-size: 16px;
}

/* ============================================
   DEFAULT TYPOGRAPHY STYLES
   ============================================ */

/* Body/Paragraph defaults */
body,
p,
a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1em;
}

/* All links default */
a {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

/* All headings default to Lora */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
	color: var(--color-text);
}

/* Specific heading sizes */
h1 {
    font-size: 56px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

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

/* Full Width Container */
.container-fullwidth,
.fullwidth {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Boxed Container - 1240px */
.container-boxed,
.boxed,
.container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* Boxed Container without padding */
.container-boxed-no-padding,
.boxed-no-padding {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
/*flex*/
.flex {
	display: flex;
}
.justify-center {
	justify-content: center;
}
.align-center {
	align-items: center;
}
.fs {
	align-items: flex-start;
}
.fe {
    align-items: flex-end;
}
/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

/* Tablet */
@media (max-width: 1024px) {
    .text-h1,
    .fs-h1,
    h1 {
        font-size: 48px;
    }

    .text-h2,
    .fs-h2,
    h2 {
        font-size: 40px;
    }

    .text-h2-small,
    .text-h3-big,
    .fs-40 {
        font-size: 36px;
    }

    .text-h3,
    .fs-h3,
    h3 {
        font-size: 32px;
    }

    .text-h4,
    .fs-h4,
    h4 {
        font-size: 22px;
    }

    .container-boxed,
    .boxed,
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .text-h1,
    .fs-h1,
    h1 {
        font-size: 36px;
    }

    .text-h2,
    .fs-h2,
    h2 {
        font-size: 32px;
    }

    .text-h2-small,
    .text-h3-big,
    .fs-40 {
        font-size: 28px;
    }

    .text-h3,
    .fs-h3,
    h3 {
        font-size: 24px;
    }

    .text-h4,
    .fs-h4,
    h4 {
        font-size: 20px;
    }

    .text-bigger,
    .fs-20 {
        font-size: 18px;
    }

    .container-boxed,
    .boxed,
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .text-h1,
    .fs-h1,
    h1 {
        font-size: 32px;
    }

    .text-h2,
    .fs-h2,
    h2 {
        font-size: 28px;
    }

    .text-h2-small,
    .text-h3-big,
    .fs-40 {
        font-size: 24px;
    }

    .text-h3,
    .fs-h3,
    h3 {
        font-size: 22px;
    }
}

/* ============================================
   UTILITY COMBINATIONS (Common Use Cases)
   ============================================ */

/* Lora Headings with different weights */
.heading-lora-light {
    font-family: 'Lora', serif;
    font-weight: 300;
    line-height: 1.1em;
}

.heading-lora-regular {
    font-family: 'Lora', serif;
    font-weight: 400;
    line-height: 1.1em;
}

.heading-lora-bold {
    font-family: 'Lora', serif;
    font-weight: 700;
    line-height: 1.1em;
}

/* Inter body text variations */
.text-inter-light {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    line-height: 1.1em;
}

.text-inter-regular {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.1em;
}

.text-inter-medium {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 1.1em;
}

.text-inter-semibold {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    line-height: 1.1em;
}

.text-inter-bold {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    line-height: 1.1em;
}

/* ============================================
   LINE HEIGHT UTILITIES
   ============================================ */

.lh-default,
.lh-11 {
    line-height: 1.1em;
}

.lh-12 {
    line-height: 1.2em;
}

.lh-14 {
    line-height: 1.4em;
}

.lh-15 {
    line-height: 1.5em;
}

.lh-16 {
    line-height: 1.6em;
}

.lh-1 {
    line-height: 1;
}

/* ============================================
   TOOLTIP UTILITIES
   ============================================ */

.tooltip {
    border: 1px solid #EEE4DF;
    border-radius: 30px;
    padding: 4px 25px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--color-tooltip);
    width: max-content;
	font-size: 12px;
}

.tooltip.darker{
	color: #735E59;
	border-color: #D7BDB2;
}

.tooltip.white{
	color: #fff; 
	border-color: #fff;
}

.tooltip.icon {
    color: #fff;
    padding: 21px 21px 21px 55px;
    font-family: 'Inter';
    font-size: 14px;
    text-transform: none;
    line-height: 28px;
    margin-bottom: 30px;
}

.line::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #ffffff14;
    position: absolute;
    right: -70px;
}

.tooltip.icon::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tooltip.icon {
    position: relative;
}

.tooltip.icon.one::after {
    background-image: url('/wp-content/uploads/2025/12/Group-1744.svg');
    width: 20px;
}

.tooltip.icon.two::after {
    background-image: url('/wp-content/uploads/2025/12/Group-1746.svg');
}

.tooltip.icon.three::after {
    background-image: url('/wp-content/uploads/2025/12/Group-1748.svg');
}
/* ============================================
   BUTTON UTILITIES
   ============================================ */

a.button-regular {
    background: transparent linear-gradient(90deg, #D1AD9F 0%, #735E59 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 25px #D1AD9F4D;
    border-radius: 10px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 60px;
    text-decoration: unset;
    color: #fff;
    transition: 0.3s ease all;
}

a.button-regular:hover {
    background: transparent linear-gradient(90deg, #735E59 0%, #735E59 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 25px #D1AD9F4D;
}

a.button-transparent {
	border: 1px solid #D7BDB2;
	border-radius: 10px;
	padding: 15px 60px; 
	color: #584642; 
}

.button-arrow {
    position: relative;
    transition: 0.3s ease all;
}

.button-arrow::after {
    content: '';
    width: 15px;
    height: 13px;
    background-image: url('/wp-content/uploads/2025/12/Group-1643-2.svg');
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.1s ease all;
}

.button-arrow:hover::after {
    right: 15px;
}

/* ============================================
   CUSTOM CSS
   ============================================ */

.footer-top.fullwidth {
    background: transparent radial-gradient(closest-side at 50% 50%, #EEE4DF 0%, #EEE4DF 41%, #D7BDB2 100%) 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    padding: 30px 0px;
}

.footer-quote-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    border: 1px solid #D1AD9F;
    border-radius: 24px;
    opacity: 1;
}


#colophon .container .col {
    width: 50%;
}

.footer-quote-text.font-lora * {
    color: #584642 !important;
}

footer#colophon .container {
    padding: 100px 0;
	position: relative;
    margin-bottom: 30px;
}

.footer-socials {
    display: flex;
    flex-direction: row;
    gap: 50px;
    margin-top: 31px;
	align-items: center;
}

.footer-socials .social-icon {
    width: 25px;
    height: 25px;
}

.newsletter-wrapper h3 {
    font-size: 32px;
	color: #584642;
    margin-bottom: 40px;
}

.copyright-terms {
    padding-bottom: 30px;
}

.copyright-terms .container.boxed-no-padding.flex {
    justify-content: space-between;
    align-items: center;
}

p.text-smaller.copyright-text {
    opacity: 0.6;
}

ul#menu-footer-copyright-terms {
    list-style-type: none;
    display: flex;
    gap: 50px;
}
ul#menu-footer-copyright-terms a {
    font-size: 14px;
    color: var(--color-text);
    text-decoration: unset;
    opacity: 0.6;
}

#colophon .container.boxed-no-padding.flex::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    background: #735e591f;
}

@media only screen and (min-width: 996px) {
	.footer-socials.mobile {
		display: none;
	}
}

a.button-regular.footer-btn::after {
    content: '';
    width: 15px;
    height: 13px;
    background-image: url('/wp-content/uploads/2025/12/Group-1643@2x-2.png');
    position: absolute;
    right: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

a.button-regular.footer-btn.font-inter.fs-16.fw-500 {
    position: relative;
    transition: .3s ease all;
}

a.button-regular.footer-btn:hover::after {
    right: 20px;
}

a.button-regular:hover {
    color: #fff;
}


/*FAQ*/
.cpp {
    background-image: url('/wp-content/uploads/2025/12/Mask-Group-37.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 100px 0;
}

.faq-accordion {
    color: #fff;
}

.faq-question {
    display: flex;
    gap: 20px;
    align-items: center;
	justify-content: space-between;
}

.faqrow {
    align-items: flex-start;
}

h4.faq-title {
    color: #fff !important;
}


h4.faq-title strong {
    font-weight: 500 !important;
}


.faq-item {
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 0px;
    border-bottom: 1px solid #ffffff14;
}


/* ============================================
   TESTIMONIALS SLIDER
   ============================================ */

.testimonials-slider-wrapper {
    width: 100%;
    background: transparent;
    padding: 60px 0;
}

.testimonials-swiper {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
}

.testimonial-card {
    height: 100%;
    padding: 18px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 24px;
    padding: 60px;
	height: 340px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.testimonial-content p {
    font-family: 'Lora', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.5em !important;
    color: #584642 !important;
    margin-bottom: 50px;
    font-style: italic;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonial-image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.testimonial-name {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #584642;
}

.testimonial-occupation {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #584642;
    opacity: 0.7;
}

/* Pagination */
.testimonials-swiper .swiper-pagination {
    bottom: -40px;
}

.testimonials-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #735E59;
    opacity: 0.3;
}

.testimonials-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .testimonials-slider-wrapper {
        padding: 40px 0;
    }
    
    .testimonials-swiper {
        padding: 0 15px;
    }
    
    .testimonial-card {
        padding: 30px 20px 20px;
    }
}


/* Play/Pause Button */
.testimonials-play-pause {
    position: absolute;
    bottom: -50px;
    right: 30px;
    width: 48px;
    height: 48px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    transition: transform 0.2s ease;
}

.testimonials-play-pause:hover {
    transform: scale(1.1);
}

.testimonials-play-pause img {
    width: 100%;
    height: 100%;
    display: block;
}

/* Adjust pagination spacing */
.testimonials-swiper .swiper-pagination {
    bottom: -40px;
    left: 0;
    right: 80px;
    text-align: left;
}

@media (max-width: 768px) {
    .testimonials-play-pause {
        right: 15px;
        width: 40px;
        height: 40px;
    }
    
    .testimonials-swiper .swiper-pagination {
        right: 60px;
    }
}


.testimonials-slider-wrapper{
  width: 100%;
  position: relative;
}

.testimonials-marquee-outer{
  width: 100%;
  overflow: hidden;
  position: relative;
  --items-visible: 3.2; /* desktop default */
  --gap: 20px;
  --btn-size: 44px;
}

@media (max-width: 768px){
  .testimonials-marquee-outer{
    --items-visible: 1.2; /* mobile */
    --gap: 14px;
  }
}

/* Track */
.testimonials-marquee{
  display: flex;
  width: max-content;
  will-change: transform;
  gap: var(--gap);
  animation: testimonialsScroll var(--testimonials-duration, 36s) linear infinite;
}

/* Hard pause (click button) */
.testimonials-marquee-outer.is-paused .testimonials-marquee{
  animation-play-state: paused !important;
}

/* Item width to control "3 full + piece" */
.testimonials-marquee > .testimonial-item{
  flex: 0 0 calc((2% - (var(--gap) * (var(--items-visible) - 1))) / var(--items-visible));
  box-sizing: border-box;
}

.testimonial-content{
	font-size: 16px;
	line-height: 1.5;
	max-height: 190px;
	overflow-y: scroll;
}

.testimonial-author{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.testimonial-image img{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.testimonial-name{
  font-weight: 700;
  line-height: 1.2;
}

.testimonial-occupation{
  opacity: .75;
  font-size: 14px;
  margin-top: 2px;
}
.testimonial .button-arrow {
    display: none !important;
}
/* Button (bottom-right) */
.testimonials-marquee-toggle{
  position: absolute;
  right: 18%;
  bottom: -40px;
  width: var(--btn-size);
  height: var(--btn-size);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  z-index: 5;
}

.testimonials-marquee-toggle img{
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes testimonialsScroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  .testimonials-marquee{
    animation: none !important;
    transform: none !important;
  }
}
/* ============================================
   BLOG CARDS
   ============================================ */
section.blog {
    position: relative;
}

section.blog::after {
    content: '';
    width: 100%;
    height: 776px;
    background-image: url('/wp-content/uploads/2025/12/Path-17545.png');
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: -338px;
    z-index: 0;
    opacity: 0.1;
    filter: blur(50px);
}

section.blog > div {
    z-index: 9;
}

section.testimonial {
    position: relative;
}
/* ============================================
   PRODUCTS HOME
   ============================================ */
section.productshome {
    background: radial-gradient(circle 800px at 25% 100%, #D1AD9F 0%, #735E59 100%);
}
.pronadjite {
    width: 64%;
}











































:root { --drawer-w: 500px; }

#opendrawer { cursor: pointer; }

.drawer {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
	height: 100vh;	
	top: -40px;
}

.drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(var(--drawer-w), 92vw);
  background: #fff;
  transform: translateX(100%);
  transition: transform .45s ease;
  box-shadow: -20px 0 60px rgba(0,0,0,.12);
  pointer-events: auto;
}

.drawer__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

.drawer__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 90px 32px 24px;
  overflow: auto;
}

/* MENU styling */
.drawer__nav { margin-bottom: 20px; }

.drawer__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0,0,0,.06);
}
.drawer__menu > li {
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.drawer__menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 4px;
  text-decoration: none;
  color: #2b2b2b;
  font-size: 18px;
}

/* simple submenu (inline) */
.drawer__menu .sub-menu{
  list-style:none;
  margin: 0 0 10px;
  padding: 0 0 0 14px;
  display: none;
}
.drawer__menu .sub-menu a{
  font-size: 16px;
  padding: 12px 4px;
  opacity: .9;
}

/* buttons */
.drawer__center {
  margin: auto 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.drawer__btn {
  width: min(320px, 100%);
  text-align: center;
  padding: 14px 18px;
  border-radius: 10px;
  background: #4a5568;
  color: #fff;
  text-decoration: none;
}
.drawer__btn--light {
  background: #dbeafe;
  color: #1f2937;
}

/* socials */
.drawer__social {
  margin-top: auto;
  display: flex;
  justify-content: center;
  gap: 16px;
  padding-top: 18px;
}

.drawer__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  text-decoration: none;
  color: inherit;
}

/* overlay */
.drawer-overlay {
  position: fixed;
  inset: 0;
  background: #735E59;
  opacity: 0.15;
  z-index: 9998;
  cursor: pointer;
	top: -40px;
}

/* active state */
.drawer.is-open { pointer-events: auto; }
.drawer.is-open .drawer__panel { transform: translateX(0); }

/* fullscreen mobile */
@media (max-width: 768px) {
  .drawer__panel {
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    box-shadow: none;
	top: -20px;
  }
}

@media (min-width: 996px) {
	nav.drawer__nav {
		display: none;
	}
}

.drawer .footer-socials {
    bottom: 70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	gap: 25px;
}



a.drawer__btn.drawer__btn--light.czds {
    border: 1px solid #D7BDB2;
    border-radius: 10px;
    padding: 20px 58px;
    font: 16px/20px Inter;
    letter-spacing: 0px;
    color: #584642;
    opacity: 1;
    background: #fff;
    transition: .3s ease all;
    position: relative;
}

a.drawer__btn.drawer__btn--light.czds:hover {
    background: #FDFAF8;
}

a.drawer__btn.drawer__btn--light.czds::before {
    content: '';
    width: 24px;
    height: 27px;
    background-image: url('/wp-content/uploads/2025/12/Path-1.png');
    position: absolute;
    left: 36px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

a.drawer__btn.hrono {
    background: #735E59 0% 0% no-repeat padding-box;
    border-radius: 10px;
    font: 16px/20px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 20px 50px;
    position: relative;
}

a.drawer__btn.hrono::after {
    content: '';
    width: 15px;
    height: 13px;
    background-image: url('/wp-content/uploads/2025/12/Group-1643-1.png');
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
	transition: .3s ease all;
}

a.drawer__btn.hrono:hover::after {
    right: 20px;
}


/* ===== Products subdrawer (second layer) ===== */
.drawer__subpanel{
  position: absolute;
  inset: 0;
  background: #fff;
  transform: translateX(100%);
  transition: transform .45s ease;
  z-index: 5; /* iznad contenta u panelu */
  pointer-events: auto;
  display: flex;
  flex-direction: column;
}

.drawer.is-sub-open .drawer__subpanel{
  transform: translateX(0);
}

.drawer__subpanel .drawer__subcontent{
  padding: 90px 24px 24px;
  height: 100%;
  overflow: auto;
}

.drawer__subpanel .drawer__subgrid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.drawer__subpanel .drawer__back{
  position: absolute;
  top: 18px;
  left: 18px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font: 14px/1 Inter, sans-serif;
  cursor: pointer;
  z-index: 10;
}

.drawer__close--sub{
  top: 14px;
  right: 14px;
}

/* reuse mega card look but tighter for mobile */
.drawer__subpanel .mega-card{
  gap: 14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #EEE4DF;
}

.drawer__subpanel .mega-card img{
  width: 84px;
  border-radius: 8px;
}

.drawer__subpanel .mega-content h3{
  font: normal normal normal 20px/26px Lora;
  color: #584642;
  margin: 0 0 4px;
}

.drawer__subpanel .mega-content p{
  font: normal normal 300 13px/18px Inter;
  color: #735E59;
  margin: 0;
}

/* make sure subpanel covers footer-socials/buttons while open */
.drawer.is-sub-open .drawer__content{
  overflow: hidden;
}

.wrapshopbtn.fw .tx {
    flex: 2;
}

.wrapshopbtn.fw .price {
    flex: 1;
}
.tooltip.text-tooltip.bfix {
    border-color: #735e5954;
}

.pcc .wrapshopbtn {
	margin: 0 auto;
	width: 100%;
}































.garimg {
    transform: scale(1.46);
}

html .uicore-bl-10 .uicore-block-y0sehg74fb {
    z-index: 1 !important;
}

@media only screen and (max-width: 996px) {
	div#pmFloatbar {
		display: none;
	}
	.copyright-terms {
		padding-bottom: 10px;
	}

	.copyright-terms .container.boxed-no-padding.flex {
		flex-direction: column-reverse;
		gap: 30px !important;
	}

	.footer-links a {
		font-size: 12px !important;
	}

	.footer-links {
		gap: 32px !important;
		display: flex;
		justify-content: center;
	}

	p.text-smaller.copyright-text {
		font-size: 10px;
	}
	
	footer#colophon .container {
		padding: 50px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#colophon .container .col {
		width: 100%;
		display: flex;
		justify-content: center;
	}


	.footer-logo img {
		width: 200px;
	}

	.footer-logo {
		display: flex;
		justify-content: center;
	}
	.footer-socials.desktop {
		display: none;
	}
	.footer-socials.desktop {
		display: none;
	}

	#colophon .col.col-right {
		flex-direction: column;
		justify-content: center;
		padding: 0 30px;
	}

	.container.boxed-no-padding.flex {
		gap: 50px;
	}

	#colophon h3 {
		text-align: left;
		font-size: 20px;
		letter-spacing: -0.02px;
		color: #584642 !important;
		margin-bottom: 10px;
	}
	.footer-socials.mobile {
		justify-content: center;
		margin-top: 50px;
	}
	
	.footer-signature img {
		width: 140px;
	}

	.footer-quote-section {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 40px 25px;
	}

	.footer-quote-text h3.fs-h3.fw-400 {
		color: #584642;
		font-size: 24px;
	}

	.footer-quote-left {
		order: 2;
	}

	.footer-quote-right {
		order: 3;
	}
	h4.faq-title {
		font-size: 20px !important;
	}

	span.faq-icon img {
		width: 20px !important;
		height: 20px !important;
		object-fit: cover !important;
		max-width: unset !important;
	}

	.cpp h2 {
		letter-spacing: -0.03px !important;
		line-height: 40px !important;
		font-size: 32px !important;
		margin-bottom: 40px !important;
	}
	.faq-question {
		padding: 24px 0px 0px !important;
	}
	.faq-answer p:first-child {
		margin-top: 12px !important;
	}
	.cpp {
		background-image: url(/wp-content/uploads/2025/12/cpp-mobile.png);
	}
	section.wp-block-uicore-container.uicore-block-u0tp7i1lt.testimonial {
		padding: 100px 0 130px !important;
	}

	.testimonial-item {
		max-width: 90vw;
	}
	.testimonial .wp-block-uicore-container.uicore-block-hl1ehlk9kz {
		display: none;
	}
	.testimonial section.wp-block-uicore-container.uicore-block-nodvgdm4o8 {
		padding: 0 !important;
	}
	body {
		--uicore-typography--h2-s: 32px !important;
	}
	section#heder nav.ivapix-drawer-menu {
		display: none;
	}
	section#heder nav.ivapix-drawer-menu {
		display: none;
	}

	section#heder .uicore-bl-container {
		padding: 15px !important;
		display: flex;
		flex-direction: row;
	}

	section#heder a.wp-block-uicore-image.uicore-block-w3dsxb70rh.uicore-bl-img {
		width: 140px;
	}
	.wp-block-uicore-container.uicore-block-h5ulh6hkoh {
		gap: 10px !important;
	}
	.wp-block-uicore-container.uicore-block-b1ugk76eiq {
		min-height: unset !important;
	}

	section.wp-block-uicore-container.uicore-block-9sjsfrvdke.herosection {
		padding: 20px 20px 0 20px;
	}
	.home h1.wp-block-uicore-heading.uicore-block-bsgsbgctl1.uicore-bl-title.uicore-bl-content {
		font-size: 32px;
	}
	.wp-block-uicore-container.uicore-block-y0sehg74fb {
		position: relative !important;
	}
	 p.wp-block-uicore-paragraph.uicore-block-0d041dh9ga.uicore-bl-content br {
		display: none;
	}
	body.home .wp-block-uicore-container.uicore-block-y0sehg74fb {
		position: relative !important;
		order: 2;
	}

	body.home .wp-block-uicore-container.uicore-block-yroky6wcbp {
		order: 3;
	}

	body.home .wp-block-uicore-container.uicore-block-y0sehg74fb {
		order: 1;
	}
	div#rightover {
		position: relative !important;
		right: unset !important;
		max-width: unset !important;
	}
	.wp-block-buttons.ivxbtn > div {
		width: 100%;
	}
	.tooltip.text-tooltip {
		margin-bottom: 40px;
		font-size: 10px;
	}
	
	.numberz > section {
		flex-direction: row !important;
	}

	.numbers-marquee .wp-block-uicore-container {
		flex-direction: column !important;
	}


	.numbers-marquee h3 {
		font-size: 20px !important;
	}

	.numbers-marquee p {
		font-size: 14px !important;
	}

	.slidernumbers .numbers-marquee > .wp-block-uicore-container {
		flex: 0 0 15% !important;
		min-width: 15% !important;
		text-align: left !important;
	}
	.card-tooltip {
		font-size: 12px !important;
		padding: 11px 15px 11px 60px;
	}

	h3.card-title {
		font-size: 24px !important;
		line-height: 34px !important;
	}

	p.card-text {
		font-size: 17px !important;
		font-weight: 200 !important;
	}


	button.card-more > span {
		display: none;
	}

	.tip-icon {
		position: absolute;
		left: 19px;
		top: 14px;
		width: 20px;
		height: 20px;
	}
	.more-icon {
		width: 30px !important;
		height: 30px !important;
		max-width: unset !important;
	}
	.cards-bottom {
		padding: 10px 30px 10px 8px !important;
		display: flex;
		width: 100%;
		flex-direction: column;
		gap: 30px;
	}
	body .crdabs {
		position: relative;
		right: unset;
		width: unset;
		top: unset;
		flex-direction: column !important;
	}
	.crdabs img {
		width: 100%;
	}
	img.wp-image-537 {
		width: 100%;
	}
	.crdlr {
		width: 100% !important;
		gap: 30px !important;
	}
	.ivx-info-card {
		margin-top: -100px;
		margin-left: 20px;
	}
	span.blog-card-readmore {
		position: relative;
	}

	.blog-card-content {
		padding: 24px !important;
	}

	h4.blog-card-title.font-lora.fs-h4 {
		font-size: 24px;
	}
	.wp-block-uicore-container.uicore-block-jr5iao1ld3 {
		position: absolute;
		right: 37px;
		top: 50px;
	}
	.wp-block-uicore-image.uicore-block-xh8r5niw1i.uicore-bl-img {
		width: 100%;
		max-width: 100%;
	}
	.tooltip.icon {
		padding: 13px 13px 13px 40px !important;
	}
	.wp-block-uicore-container.uicore-block-kxe2dzkh3k {
		display: flex;
		flex-direction: row !important;
	}
	.phi.right, .phi.left {
		flex-direction: column !important;
	}
	.ebook-video-wrapper {
		margin: 0 auto;
	}
	.wrapshopbtn {
    width: 100%;
		justify-content: center;
	}

	.wp-block-uicore-container.uicore-block-hldw9itzne {
		width: 100%;
	}

	.tx {
		flex: 2;
		padding: 15px 15px;
	}

	.price {
		flex: 1;
	}
	.benefit-kartica {
		width: 100% !important;
	}
	html .modul-kartica {
		flex-direction: column !important;
		align-items: flex-start;
	}
	h2.wp-block-uicore-heading.uicore-block-xr3wcxgb08.uicore-bl-title.uicore-bl-content br {
		display: none;
	}
	a.modul-link {
		flex-direction: column;
		padding: 20px;
	}

	.modul-tekst {
		width: 96%;
	}
	.modul-naslov, .bonus-naslov {
		font: normal 20px / 32px Lora !important;
	}
	.biggerbtn .wrapshopbtn .tx {
		min-width: unset;
	}
	.padfix {
		padding-left: clamp(10px, 2vw, 100px) !important;
		padding-right: clamp(10px, 2vw, 100px) !important;
	}
	a.modul-link {
		align-items: flex-start;
	}
	.faq-item {
		padding-bottom: 20px !important;
	}
	.wp-block-uicore-container.uicore-block-qpwj4h2ipc.uicore-bl-desktop-hidden {
    justify-content: center;
		align-items: center;
	}
	.testimonials-marquee > .testimonial-item {
    	flex: 0 0 calc((3% - (var(--gap) * (var(--items-visible) - 1))) / var(--items-visible));
	}
	.testimonial-card::after {
		content: '';
		width: 100%;
		height: 70px;
		background: linear-gradient(0deg, #ffffff, transparent);
		position: absolute;
		bottom: 77px;
		left: 0;
	}

	.testimonial-card {
		position: relative;
	}
	.testimonial-content {
		max-height: 210px;
	}
	.brfix br {
		display: none !important;
	}
	section.kontaktbox> div::after {
		opacity: 0;
	}
	.drawer {
		top: 0;
	}
	.drawer .footer-socials {
		bottom: 30px;
		position: relative;
		left: unset;
		transform: unset;
		gap: 25px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.drawer a:hover {
		color: #000000;
		text-decoration: underline;
	}
	.drawer__close {
		color: #000 !important;
		fill: #000 !important;
	}
	img.info-crd-img {
		max-width: 19px !important;
	}
	.ivx-info-card {
		width: 300px;
	}
	

	div#videolightboxbutton a {
		font-size: 10px;
		line-height: 1.2em;
		padding: 15px 15px 15px 55px;
		max-width: 180px;
	}

	.wp-block-uicore-image.uicore-block-8b3wssbz5n.uicore-bl-img {
		max-width: 140px;
	}

	html .wp-block-uicore-container.uicore-block-y0sehg74fb {
		position: relative !important;
		left: unset !important;
		top: unset !important;
		gap: 0 !important;
		--uicore-bl-vOffset: 0;
		display: flex;
		flex-direction: row;
		gap: 10px !important;
		align-items: center;
	}

	img.wp-image-483 {
		margin-bottom: -7px;
	}

	div#videolightboxbutton::after {
		content: '';
		width: 34px;
		height: 34px;
		left: 13px;
		background-size: cover;
	}
	html body .wp-block-uicore-container.uicore-block-y0sehg74fb {
		display: flex !important;
		flex-direction: row !important;
		--uicore-bl-vOffset: 0px !important;
		gap: 7px !important;
		top: unset;
		bottom: unset;
		width: 100%;
		justify-content: space-between;
	}
	header#uicore-tb-header {
		top: 10px;
	}
	.garimg {
		transform: scale(1.16);
	}
	.pcc .wrapshopbtn * {
		font-size: 12px !important;
	}
	.slikalevo img.wp-image-520 {
		min-width: calc(100vw - 20px);
		padding: 10px;
		border-radius: 24px;
	}
}