[x-cloak] { display: none !important; } header :is(.btn, .button, button, [type="submit"], [type="button"]):hover { color: inherit; background-color: inherit; } header :is(.btn, .button, button, [type="submit"], [type="button"]) { color: inherit; background-color: inherit; padding: 0; } .vesna_container { display: flex; flex-direction: column; position: relative; background: #fff; border-color: rgba(248, 248, 248, 1); border-bottom-width: 1px; border-bottom-style: solid; } .vesna_background { position: absolute; inset: 0; z-index: 10; pointer-events: none; overflow: hidden; display: flex; } .vesna_background img { position: relative; width: 100%; height: 100%; flex-grow: 1; max-width: 1225px; margin-left: auto; } .vesna_topnav--desktop { display: none; } .vesna_topnav--mobile { display: none; } .vesna_mainnav { display: none; } .vesna_menu-overlay { display: none !important; } @media (min-width: 992px) { .vesna_topnav--desktop, .vesna_mainnav { display: block; padding: 0 15px; } } @media (max-width: 992px) { .vesna_topnav--mobile { display: block; } } .vesna_sticky-header { position: fixed; top: 0; left: 0; width: 100vw; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transform: translateY(-100%); transition: transform 0.3s ease-in-out; z-index: 100; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; } .vesna_sticky-header-content { max-width: 1192px; width: 100%; padding: 0; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .vesna_sticky-header.active { transform: translateY(0); } .vesna_sticky-header.active .vesna_sticky-header__right { } .vesna_sticky-header__left { display: flex; align-items: center; width: 100%; gap: 20px; } .vesna_sticky-header__logo { position: absolute; left: 50%; transform: translate(-50%, 0); } .vesna_sticky-header__burger { background: none; border: none; cursor: pointer; padding: 0; text-transform: uppercase; font-size: 16px !important; text-decoration: none; color: #000 !important; display: flex; gap: 8px; align-items: center; font-weight: 400 !important; } .vesna_sticky-header__search { position: relative; flex-grow: 1; opacity: 0; transform: translateX(-20px); transition: opacity 0.3s ease, transform 0.3s ease; } .vesna_sticky-header.active .vesna_sticky-header__search { opacity: 1; transform: translateX(0); } .vesna_sticky-header__search input { width: 100%; padding: 10px 10px 10px 40px; border: 1px solid #a0a0a0; border-radius: 9999px; font-size: 14px; font-family: "Poppins", sans-serif; line-height: 20px; color: #000; } .vesna_sticky-header__search svg { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); width: 18px; height: 18px; stroke: #a0a0a0; fill: none; } .vesna_sticky-header__right { display: flex; align-items: center; gap: 32px; } .vesna_sticky-header__actions button { background: none; border: none; position: relative; cursor: pointer; padding: 8px; } .vesna_sticky-menu { position: fixed; top: 40px; left: 0; width: 100%; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 99; padding: 20px; transform: translateY(-100%); transition: transform 0.3s ease-in-out; min-height: 400px; height: 100vh; overflow-y: auto; } .vesna_sticky-menu.active { transform: translateY(0); overflow: hidden; } .vesna_sticky-menu__list { list-style: none; padding: 0; margin: 0; } .vesna_sticky-menu__list li { margin-bottom: 15px; } .vesna_sticky-menu__list a { font-size: 16px; text-decoration: none; color: #000; display: block; padding: 5px 0; } .vesna_mainnav__item:not(.vesna_mainnav__item--has-fullwidth) .vesna_mainnav__link:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: var(--wd-primary-color); transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); } .vesna_mainnav__item:not(.vesna_mainnav__item--has-fullwidth) .vesna_mainnav__link:hover:after { width: 100%; } .vesna_mainnav__item:not(.vesna_mainnav__item--has-fullwidth).current-menu-item .vesna_mainnav__link:after { width: 100%; } .vesna_sticky-menu__list .a--sale { color: #d69d50; } .vesna_mobile-sticky { position: fixed; top: 0; left: 0; width: 100%; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); transform: translateY(-100%); transition: transform 0.3s ease-in-out; z-index: 100; display: none; } .vesna_mobile-sticky.active { transform: translateY(0); } .vesna_mobile-sticky__container { padding: 15px; } .vesna_mobile-sticky__row { display: flex; justify-content: space-between; align-items: center; } .vesna_mobile-sticky__actions { display: flex; align-items: center; } .vesna_mobile-sticky__actions button { background: none; border: none; position: relative; cursor: pointer; padding: 8px; } .vesna_mobile-sticky__logo { text-align: center; } .vesna_mobile-sticky__search { margin-top: 10px; position: relative; } .vesna_mobile-sticky__search input { width: 100%; padding: 10px 10px 10px 40px; border: 1px solid #a0a0a0; border-radius: 9999px; font-size: 14px; line-height: 20px; color: #000; } .vesna_mobile-sticky__search svg { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); width: 18px; height: 18px; stroke: #a0a0a0; fill: none; } @media (max-width: 992px) { .vesna_mobile-sticky { display: block; } } @media (max-width: 992px) { .vesna_sticky-header { display: none !important; } } .vesna_topnav--desktop { position: relative; z-index: 20; padding-top: 30px; } .vesna_topnav--desktop__container { max-width: 1192px; margin: 0 auto; padding: 0; position: relative; } .vesna_topnav--desktop__logo { position: absolute; left: 50%; top: 22%; transform: translate(-50%, 0); } .vesna_topnav--desktop__nav { display: flex; justify-content: space-between; align-items: center; } .vesna_topnav--desktop__location { display: flex; align-items: center; font-size: 1rem; line-height: 1.25rem; } .vesna_topnav--desktop__location svg { width: 27px; height: 27px; margin-right: 4px; stroke: #000; fill: none; } .vesna_topnav--desktop__actions { display: flex; gap: 32px; align-items: center; } .vesna_topnav--desktop__actions button { background: none; border: none; position: relative; cursor: pointer; padding: 8px; } .vesna_badge { position: absolute; top: 5px; right: 5px; background: #fdc52d; color: #fff; font-size: 0.75rem; border-radius: 50%; width: 16px; height: 16px; display: none; align-items: center; justify-content: center; transform-origin: center; } .vesna_badge-favorites { position: absolute; top: 5px; right: 5px; background: #fdc52d; color: #fff; font-size: 0.75rem; border-radius: 50%; width: 16px; height: 16px; display: none; align-items: center; justify-content: center; transform-origin: center; } .vesna_badge:empty, .vesna_badge:contains(" 0 ") { display: none; } .vesna_badge:not(:empty) { display: flex; } .vesna_badge-favorites:not(:empty) { display: flex; } .vesna_badge--hidden { opacity: 0; transform: scale(0); visibility: hidden; } .vesna_badge--pop { display: flex; animation: badge-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-delay: 0.1s; } @keyframes badge-pop { 0% { transform: scale(0.5); } 70% { transform: scale(1.3); } 100% { transform: scale(1); } } .vesna_topnav--mobile { padding: 15px; position: relative; z-index: 20; background-color: #fff; } .vesna_topnav--mobile__row { display: flex; justify-content: space-between; align-items: center; } .vesna_topnav--mobile__actions { display: flex; align-items: center; } .vesna_topnav--mobile__actions button { background: none; border: none; position: relative; cursor: pointer; padding: 8px; } .vesna_topnav--mobile__actions .vesna_badge { top: 5px; right: 5px; width: 16px; height: 16px; } .vesna_topnav--mobile__actions .vesna_badge-favorites { top: 5px; right: 5px; width: 16px; height: 16px; } .vesna_topnav--mobile__search { margin-top: 16px; position: relative; } .vesna_topnav--mobile__search input { width: 100%; padding: 12px 12px 12px 40px; border: 1px solid #a0a0a0; border-radius: 9999px; font-size: 1rem; font-family: "Poppins", sans-serif; line-height: 24px; color: #000; } .vesna_topnav--mobile__search svg { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); width: 20px; height: 20px; stroke: #a0a0a0; fill: none; } .vesna_menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; overflow-y: auto; display: flex; flex-direction: column; } .vesna_menu-overlay.vesna_menu-overlay--active { display: flex !important; } .vesna_menu-overlay.vesna_menu-overlay--active .menyuga-footer { padding-top: 25px; } .vesna_menu-overlay__header { display: flex; justify-content: flex-start; padding: 15px; border-bottom: 1px solid #e9e9e9; } .vesna_menu-overlay__item-container { display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: none; } .vesna_menu-overlay__toggle { background: none; border: none; padding: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: inherit; } .vesna_menu-overlay__item-container .vesna_menu-overlay__link, .vesna_menu-overlay__item-container .vesna_menu-overlay__sublink, .vesna_menu-overlay__item-container .vesna_menu-overlay__subsublink { flex: 1; padding-right: 5px; border-bottom: none; } .vesna_menu-overlay__item--has-children, .vesna_menu-overlay__subitem--has-children, .vesna_menu-overlay__subsubitem--has-children { border-bottom: none; } .vesna_menu-overlay__toggle { min-width: 44px; min-height: 44px; } .vesna_menu-overlay__header button { padding: 8px; } .vesna_menu-overlay__list { list-style: none; padding: 0; margin: 0; } .vesna_menu-overlay__link { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; text-decoration: none; color: #000; font-size: 16px; font-weight: 500; } .vesna_menu-overlay__list-link--sale, .a--sale { color: #d69d50 !important; } .vesna_menu-overlay__arrow { transition: transform 0.3s ease; } .vesna_menu-overlay__arrow { transition: transform 0.3s ease; display: inline-block; } .vesna_menu-overlay__sublist { list-style: none; padding: 0; margin: 0; } .vesna_menu-overlay__subitem { border-top: 1px solid #e9e9e9; } .vesna_menu-overlay__sublink { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px 12px 40px; text-decoration: none; color: #000; font-size: 15px; transition: unset !important; } .vesna_menu-overlay__subsublist { list-style: none; padding: 0; margin: 0; } .vesna_menu-overlay__level4list .vesna_menu-overlay__level4item a { font-weight: 400; } .vesna_menu-overlay__subsubitem { border-top: 1px solid #e9e9e9; } .vesna_menu-overlay__subsublink { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 10px 60px; text-decoration: none; color: #000; font-size: 14px; } .vesna_menu-overlay__level4list { list-style: none; padding: 0; margin: 0; } .vesna_menu-overlay__level4item { border-top: 1px solid #dadada; } .vesna_menu-overlay__level4link { display: block; padding: 10px 20px 10px 80px; text-decoration: none; color: #000; font-size: 13px; } [x-transition] { transition-property: height, opacity, transform; transition-duration: 0.3s; transition-timing-function: ease-out; } [x-transition:enter] { opacity: 0; transform: translateY(-10px); } [x-transition:enter-start] { opacity: 0; transform: translateY(-10px); } [x-transition:enter-end] { opacity: 1; transform: translateY(0); } [x-transition:leave] { opacity: 1; transform: translateY(0); } [x-transition:leave-start] { opacity: 1; transform: translateY(0); } [x-transition:leave-end] { opacity: 0; transform: translateY(-10px); } .vesna_menu-overlay__list li { margin-bottom: 0; } .vesna_menu-overlay__list a, .vesna_menu-overlay__list span { font-size: 0.875rem; text-decoration: none; color: #000; text-transform: uppercase; cursor: pointer; transition: unset !important; } .vesna_menu-overlay__list .a--sale { color: #d69d50; } .vesna_menu-overlay__list > li:first-child > .vesna_menu-overlay__item-container > .vesna_menu-overlay__link { font-weight: 500 !important; } .vesna_menu-overlay__link, .vesna_menu-overlay__sublink, .vesna_menu-overlay__subsublink, .vesna_menu-overlay__level4link, .vesna_menu-overlay__item a.vesna_menu-overlay__link { font-weight: 500; transition: font-weight 0.3s ease, color 0.3s ease; } .vesna_menu-overlay__list > .vesna_menu-overlay__item > a.vesna_menu-overlay__link { font-weight: 500; } .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__link, .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__link a { font-weight: 500 !important; } .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__sublink, .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__sublink a { font-weight: 500 !important; } .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__subsublink, .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__subsublink a { font-weight: 500 !important; } .vesna_menu-overlay__item-container[x-data-active="true"] .vesna_menu-overlay__level4link { font-weight: 500 !important; } .vesna_menu-overlay__list > li > .vesna_menu-overlay__item-container[x-data-active="true"] span { font-weight: 500 !important; } .vesna_menu-overlay__sublist > li > .vesna_menu-overlay__item-container[x-data-active="true"] span { font-weight: 500 !important; } .vesna_menu-overlay__subsublist > li > .vesna_menu-overlay__item-container[x-data-active="true"] span { font-weight: 500 !important; } .vesna_menu-overlay__level4list > li > a { font-weight: 500; } .vesna_menu-overlay__item-container[x-data-active="true"] span { font-weight: 500 !important; } .vesna_mainnav { margin: 43px 0 0 0; position: relative; z-index: 20; padding-bottom: 23px; } .vesna_mainnav__container { max-width: 1192px; margin: 0 auto; padding: 0 15px; } .vesna_mainnav__list { display: flex; justify-content: center; align-items: center; padding: 0; gap: 44px; list-style: none; margin-bottom: 0; } .vesna_mainnav__item { position: relative; } .vesna_mainnav__link { display: flex; align-items: center; padding: 0; color: #000; text-decoration: none; font-weight: 400; overflow: visible; transition: color 0.3s; } .vesna_mainnav__list li { display: flex; align-items: center; margin-bottom: 0; } .vesna_mainnav__list li svg { width: 14px; height: 8px; margin-left: 4px; fill: currentColor; } .vesna_mainnav__list a { text-transform: uppercase; font-size: 16px; line-height: 22px; text-decoration: none; color: #000; display: flex; gap: 8px; align-items: center; flex: 1 1 100%; justify-content: space-between; } .vesna_mainnav__item--has-fullwidth { position: relative; } .vesna_fullwidth { position: absolute; top: 100%; left: 0; width: 100vw; background: #fff; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s; } .vesna_mainnav__item--has-fullwidth:hover .vesna_fullwidth { opacity: 1; visibility: visible; } .vesna_fullwidth__container { max-width: 1192px; margin: 0 auto; padding-right: 15px; padding-bottom: 60px; padding-top: 20px; padding-left: 15px; position: relative; } .vesna_flyout { list-style: none; margin: 0; padding: 0; background: #fff; } .vesna_flyout--level-1 { position: relative; width: 16vw; } .vesna_flyout--level-2, .vesna_flyout--level-3, .vesna_flyout--level-4, .vesna_flyout--level-5 { position: absolute; top: 0 !important; left: 100%; min-width: 18vw; opacity: 0; visibility: hidden; transition: all 0.3s; display: flex; flex-direction: column; z-index: 100; } .vesna_flyout__item--has-children:hover > .vesna_flyout--level-2, .vesna_flyout__item--has-children:hover > .vesna_flyout--level-3, .vesna_flyout__item--has-children:hover > .vesna_flyout--level-4, .vesna_flyout__item--has-children:hover > .vesna_flyout--level-5 { opacity: 1; visibility: visible; } .vesna_flyout__item li { margin-bottom: 0 !important; flex-grow: 1; flex: 1 1 100%; width: 100%; } .vesna_flyout__item { position: relative; margin-bottom: 0; } .vesna_flyout__item--has-children:hover > .vesna_flyout { opacity: 1; visibility: visible; } .vesna_flyout__link { display: block; padding: 10px 15px; color: #000; text-decoration: none; transition: background 0.3s, color 0.3s; white-space: normal; word-break: break-word; text-transform: none !important; } .vesna_flyout__link:hover { color: #000; text-decoration: underline; } .vesna_flyout__item--has-children > .vesna_flyout__link::after { content: ""; display: inline-block; width: 8px; height: 5px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'><path d='M3.64645 4.85355C3.84171 5.04882 4.15829 5.04882 4.35355 4.85355L7.53553 1.67157C7.7308 1.47631 7.7308 1.15973 7.53553 0.964466C7.34027 0.769204 7.02369 0.769204 6.82843 0.964466L4 3.79289L1.17157 0.964466C0.976311 0.769204 0.659728 0.769204 0.464466 0.964466C0.269204 1.15973 0.269204 1.47631 0.464466 1.67157L3.64645 4.85355Z' fill='currentColor'/></svg>") no-repeat center center; background-size: contain; transform: rotate(-90deg); margin-left: 10px; align-self: center; } .vesna_flyout--level-3 > .vesna_flyout__item.vesna_flyout__item--has-children > .vesna_flyout__link::after { display: none !important; } .vesna_flyout--level-2 > li.vesna_flyout__item--has-children .vesna_flyout__link { color: #000; } .vesna_flyout--level-2 > li.vesna_flyout__item--has-children:hover .vesna_flyout--level-3 .vesna_flyout__item .vesna_flyout__link { background-color: transparent; color: #000; } .vesna_flyout--level-3 .vesna_flyout__link:hover { text-decoration: underline; color: #000; background-color: transparent; } .vesna_dropdown { position: absolute; top: 100%; left: 0; min-width: 15vw; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s; list-style: none; padding: 10px 0; margin: 0; } .website-wrapper.vesna-dropdown-active::before { content: ""; position: absolute; top: var(--dropdown-top, 100px); left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 15; pointer-events: none; } .vesna_mainnav__item--has-dropdown:hover .vesna_dropdown { opacity: 1; visibility: visible; } .vesna_dropdown__item { padding: 0; } .vesna_dropdown__link { display: block; padding: 8px 20px; color: #666; text-decoration: none; transition: background 0.3s, color 0.3s; } .vesna_dropdown__link:hover { background-color: #000; color: #e0e0e0; } .vesna_sticky_prodavnica { font-size: 16px; line-height: 22px; text-decoration: none; color: #000; display: block; } .vesna_sticky_prodavnica .vesna_fullwidth__container { display: flex; } .vesna_sticky_prodavnica .vesna_flyout__link { display: flex; justify-content: space-between; } .vesna_mainnav__list .vesna_mainnav__link--sale { color: #d69d50; } .vesna_hero__star { position: absolute; } .vesna_hero__star--desktop1 { right: 15%; top: 15%; } .vesna_hero__star--desktop2 { right: 60%; bottom: 20%; } .vesna_hero__star--mobile1 { right: 10%; top: 30%; } .vesna_hero__star--mobile2 { left: 15%; bottom: 40%; } .vesna_hero__container { max-width: 1530px; margin: 0 auto; padding: 0 15px; display: flex; flex-direction: column; align-items: center; } @media (min-width: 992px) { .vesna_hero__container { flex-direction: row; } .vesna_hero__text { text-align: left; } .vesna_hero__image { margin-top: 0; } } @media (max-width: 992px) { .vesna_hero__text { text-align: center; padding-top: 32px; } .vesna_hero__image { margin-top: 32px; } } .vesna_hero__title { font-family: "Playfair Display", serif; font-optical-sizing: auto; font-size: 3.75rem; line-height: 3.25rem; margin-bottom: 16px; font-weight: 400; color: #000; } @media (min-width: 992px) { .vesna_hero__title { font-size: 5.625rem; line-height: 4.5rem; } } .vesna_hero__subtitle { font-size: 1.125rem; margin-bottom: 28px; color: #000; } .vesna_hero__button { border: 1px solid #000; padding: 12px 20px; text-transform: uppercase; font-weight: 500; background: none; cursor: pointer; transition: background 0.3s, color 0.3s; color: #000; border-radius: 999px; font-size: 18px; line-height: 24px; } .vesna_hero__button:hover { background: #000; color: #fff; } @media (min-width: 992px) { .vesna_hero__product-images { height: auto; margin-top: 0; } } .vesna_hero__product { position: absolute; } .vesna_hero__product--top-right { top: 10%; right: 10%; } .vesna_hero__product--middle-right { top: 30%; right: 30%; } .vesna_hero__product--bottom-right { bottom: 20%; right: 15%; } .vesna_hero__product--top-left { top: 20%; left: 10%; } .vesna_hero__product--bottom-left { bottom: 30%; left: 5%; } .vesna_product-circle { border-radius: 50%; padding: 4px; display: inline-block; } .vesna_product-inner { border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } .main-page-wrapper { margin-top: unset !important; padding-top: unset !important; } @media (min-width: 1025px) { .page-title.title-size-default { margin-top: unset !important; } } @media (max-width: 1024px) { .page-title-default.page-title { margin-top: unset !important; } } .vesna_search-overlay { width: 100%; background-color: white; z-index: 80; overflow-y: auto; } .vesna_search-overlay.show { opacity: 1; } .vesna_search-overlay.hide { opacity: 0; } .vesna_search-overlay__results-scroll::-webkit-scrollbar { width: 2px; } .vesna_search-overlay__results-scroll::-webkit-scrollbar-thumb { background-color: #000; border-radius: 4px; } .vesna_search-overlay__results-scroll::-webkit-scrollbar-track { background-color: #f1f1f1; } .vesna_search-overlay__container { max-width: 1192px; margin: 0 auto; padding: 0; height: auto; min-height: 100vh; display: flex; flex-direction: column; } .vesna_search-overlay--mobile-sticky { position: absolute; top: 100%; z-index: 99; } .vesna_search-overlay--mobile { position: fixed; top: 0; left: 0; bottom: 0; overflow-y: auto; } .vesna_search-overlay__input-wrapper { width: 100%; position: relative; display: flex; align-items: center; height: 100%; margin-left: auto; border: none; height: 70px; } .vesna_search-overlay__input-wrapper textarea { max-width: 90%; } .vesna_search-overlay__input { width: 100% !important; font-size: 30px !important; height: auto !important; border: none !important; font-size: 24px !important; box-sizing: border-box; outline: none; padding: 0 !important; display: flex; align-items: center; justify-content: center; line-height: 2; } .vesna_search-overlay__input { padding-right: 50px !important; text-overflow: ellipsis; } .search-clear-button { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; display: none; align-items: center !important; justify-content: center !important; width: 30px !important; height: 30px !important; min-height: auto !important; padding: 0 !important; border: none !important; border-radius: 50% !important; background-color: #d9d9d9 !important; color: #000 !important; cursor: pointer !important; z-index: 15 !important; } .search-clear-button:hover { background-color: #b8b8b8 !important; } .vesna_search-overlay__input::placeholder { text-align: left; color: #aaa; transition: font-size 0.3s ease; font-size: var(--placeholder-font-size, 30px) !important; line-height: 1.5 !important; } .vesna_search-overlay__input:-ms-input-placeholder { text-align: left; } .vesna_search-overlay__input::-ms-input-placeholder { text-align: left; } .vesna_search-overlay__input::-webkit-input-placeholder { text-align: left; } @media (min-width: 992px) { .vesna_search-overlay__input-wrapper { width: 50%; } .vesna_search-overlay__input { font-size: 30px !important; } } .vesna_search-overlay__submit { position: absolute; right: 40px; background: none; border: none; cursor: pointer; padding: 10px; } .vesna_search-overlay__close { position: absolute; right: 0; background: none; border: none; cursor: pointer; padding: 10px; } .vesna_search-overlay__popular h3 { font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; } .vesna_search-overlay__tags { display: flex; flex-wrap: wrap; gap: 10px; } .vesna_search-overlay__tag { display: inline-block; padding: 8px 16px; background-color: #f5f5f5; border-radius: 30px; text-decoration: none; color: #000; font-size: 14px; transition: all 0.3s ease; } .vesna_search-overlay__tag:hover { background-color: #e0e0e0; } .vesna_search-enter { transition: opacity 0.3s ease, transform 0.3s ease; } .vesna_search-enter-start { opacity: 0; transform: translateY(-20px); } .vesna_search-enter-end { opacity: 1; transform: translateY(0); } .vesna_search-leave { transition: opacity 0.3s ease, transform 0.3s ease; } .vesna_search-leave-start { opacity: 1; transform: translateY(0); } .vesna_search-leave-end { opacity: 0; transform: translateY(-20px); } .vesna_search-overlay__content { display: flex; gap: 40px; height: auto; padding: 0 15px; } .vesna_search-overlay__results-column { flex: 2; display: flex; flex-direction: column; } .vesna_search-overlay__sidebar-column { flex: 1; } .vesna_search-overlay__column-title { font-size: 18px; margin-bottom: 16px; font-weight: 500; flex-shrink: 0; } .vesna_search-overlay__results-scroll { overflow-y: visible; width: 100%; } .vesna_search-overlay__sidebar-scroll { overflow-y: visible; height: auto; } .vesna_search-overlay__product-image { position: relative; padding-top: 100%; overflow: hidden; } .vesna_search-overlay__product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .vesna_search-overlay__product-info { padding: 12px; } .vesna_search-overlay__product-title { margin: 0 0 8px 0; font-size: 16px; font-weight: 500; } .vesna_search-overlay__product-price { font-weight: 600; color: #000; } .vesna_search-overlay__view-all { text-align: center; margin-top: 50px; padding-bottom: 20px; flex-shrink: 0; } .vesna_search-overlay__view-all-link, .vesna_search-overlay__load-more { display: inline-block; padding: 10px 20px; border: 1px solid #000; text-decoration: none; color: #000; font-size: 14px; transition: background-color 0.3s, color 0.3s; width: 100%; } .vesna_search-overlay__view-all-link:hover, .vesna_search-overlay__load-more:hover { background-color: #000; color: #fff; } .vesna_search-overlay__categories, .vesna_search-overlay__brands { list-style: none; padding: 0; margin: 0 0 30px 0; } .vesna_search-overlay__categories li, .vesna_search-overlay__brands li { margin-bottom: 10px; } .vesna_search-overlay__categories a, .vesna_search-overlay__brands a { text-decoration: none; color: #000; font-size: 16px; transition: color 0.3s; display: block; padding: 5px 0; } .vesna_search-overlay__categories a:hover, .vesna_search-overlay__brands a:hover { color: #d69d50 !important; } .vesna_search-overlay__tags { display: flex; flex-wrap: wrap; gap: 10px; } .vesna_search-overlay__tag { display: inline-block; padding: 8px 16px; background-color: #f5f5f5; border-radius: 30px; text-decoration: none; color: #000; font-size: 14px; transition: all 0.3s ease; } .vesna_search-overlay__tag:hover { background-color: #e0e0e0; } html.search-active { overflow: hidden !important; padding-right: 15px; } html.search-active-mobile { overflow: hidden !important; } #typesense-hits .ais-Hits-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(278px, 1fr)); gap: 30px; list-style: none; padding: 0; } #typesense-hits .ais-Hits-item { margin: 0; width: 100%; } #typesense-searchbox { display: none; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column li.ais-RefinementList-item { pointer-events: all; margin-bottom: 0; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column ul.ais-RefinementList-list { padding-left: 0; max-height: 285px; margin-bottom: 0; margin-top: 10px; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-RefinementList-showMore { padding: 0; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-RefinementList-searchBox { padding: 0; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-submit { position: absolute; right: 10px; background: transparent; border: none; cursor: pointer; padding: 0; transition: opacity 0.2s ease-in-out; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-submitIcon, .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-resetIcon { width: 14px; height: 14px; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-input:not(:placeholder-shown) ~ .ais-SearchBox-submit { opacity: 0; pointer-events: none; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-input:not(:placeholder-shown) ~ .ais-SearchBox-reset { opacity: 1; pointer-events: auto; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-reset { position: absolute; right: 10px; background: transparent; border: none; cursor: pointer; padding: 0; opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in-out; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-RefinementList-searchBox input[type="search"] { box-sizing: border-box; font-size: 16px; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column ul.ais-RefinementList-list a.selected { color: #d69d50; font-weight: bold; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-RefinementList-showMore:hover { background-color: transparent; } @media (min-width: 992px) { .vesna_search-overlay__sidebar-column { position: sticky; top: var(--form-min-height); align-self: flex-start; max-height: calc(100vh - var(--search-overlay-height)); overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .vesna_search-overlay__sidebar-column::-webkit-scrollbar { display: none; } } @media (max-width: 480px) { #typesense-hits .ais-Hits-list { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); } } @media (max-width: 992px) { .vesna_search-overlay__content { flex-direction: column-reverse; gap: 0; } .vesna_search-overlay__input::placeholder { font-size: 26px !important; } .vesna_search-overlay__content .vesna_search-overlay__sidebar-column .ais-SearchBox-submit { right: 25px; } .vesna_search-overlay__results-column, .vesna_search-overlay__sidebar-column { width: 100%; height: auto; } .vesna_search-overlay__sidebar-column { margin-bottom: 0; margin-top: 0; } #typesense-hits .ais-Hits-list { grid-template-columns: repeat(2, 1fr); } .vesna_search-overlay__input { font-size: 26px !important; } } .search-icon-open { display: none; } .search-icon-closed { display: block; } .is-search-open .search-icon-open { display: block; } .is-search-open .search-icon-closed { display: none; } #typesense-hits { display: block !important; } .vesna_search-overlay__no-results { text-align: center; padding: 30px; font-size: 16px; color: #000; width: 100%; margin: 20px 0; border-radius: 8px; } .vesna_search-overlay__no-results p { margin-bottom: 0; font-weight: 400; } .vesna_search-overlay__no-results[x-show="false"] { display: none !important; } .vesna_search-overlay__no-results[x-show="true"] { display: block !important; } .typesense-suggestions-container { width: 100%; max-height: 300px; overflow-y: auto; border-radius: 4px; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 100; position: absolute; } .typesense-suggestions-list { list-style: none; margin: 0; padding: 0; } .typesense-suggestions-item { padding: 10px 15px; cursor: pointer; } .typesense-suggestions-item:hover, .typesense-suggestions-item.ais-autocomplete-item--selected { background-color: #f5f5f5; } .typesense-suggestion-item { padding: 0; cursor: pointer; margin-bottom: 10px; } .typesense-suggestion-item .suggestion-link, .typesense-suggestion-item .highlight-match { transition: none !important; } .typesense-suggestion-item:hover .suggestion-link, .typesense-suggestion-item:hover .highlight-match { color: #d69d50; font-weight: 400; } .highlight-match { font-weight: 600; color: #000; } #typesense-suggestions { border-top: none; max-height: 300px; overflow-y: auto; z-index: 1000; } .typesense-suggestion-empty { padding: 10px 15px; color: #999; font-style: italic; } .vesna_search-overlay__suggestions { position: relative; width: 100%; max-height: 300px; overflow-y: auto; z-index: 1000; margin-bottom: 30px; display: none; } .typesense-suggestions-container { width: 100%; } .typesense-suggestions-list { list-style: none; margin: 0; padding: 0; } .typesense-suggestions-item { padding: 12px 15px; border-bottom: 1px solid #f5f5f5; cursor: pointer; } .typesense-suggestions-item:last-child { border-bottom: none; } .typesense-suggestions-item:hover, .typesense-suggestions-item.ais-autocomplete-item--selected { background-color: #f8f8f8; } .typesense-suggestion-item { font-size: 16px; color: #000; font-weight: 400; } .typesense-suggestion-item mark { background-color: rgba(255, 225, 0, 0.3); padding: 0; font-weight: bold; } .typesense-suggestion-empty { padding: 15px; color: #999; font-style: italic; text-align: center; } .vesna_search-overlay__form { position: relative; } .vesna_search-overlay__form form { padding: 0 15px; } .vesna_search-input-sticky { transition: all 0.3s ease; } .vesna_search-input-sticky.compact { transform: scale(0.95); } .vesna_search-overlay__input::placeholder { color: rgba(0, 0, 0, 0.5); } .vesna_search-overlay__form { position: sticky; top: 0; z-index: 9999; background: white; padding: 24px 0; width: 100%; min-height: 75px; align-content: center; } .vesna_search-overlay__form { transition: transform 0.3s ease, opacity 0.3s ease; transform: translateY(0); opacity: 1; } .vesna_search-overlay__form.search-field-hidden { transform: translateY(-100%); opacity: 0; } .vesna_search-overlay.scrolled .vesna_search-overlay__form.search-field-hidden { margin-bottom: -60px; } @media (max-width: 992px) { .vesna_search-overlay__form { margin-bottom: 25px; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); min-height: 50px; } } .vesna_search-overlay__input.focused { outline: none; caret-color: #000; } .vesna_search-input-sticky { transition: all 0.3s ease; } .vesna_search-overlay__input { font-size: 30px !important; transition: font-size 0.2s ease !important; } .compact .vesna_search-overlay__input { font-size: 26px !important; } .cart-widget-side { display: flex; flex-direction: column; } .cart-widget-side .widget_shopping_cart { position: relative; flex: 1 1 100%; } .cart-widget-side .widget_shopping_cart_content { display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; } .cart-widget-side .shopping-cart-widget-body { position: relative; flex: 1 1 auto; } .cart-widget-side .wd-scroll-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-height: 100%; } .cart-widget-side .woocommerce-mini-cart .mini_cart_item { margin-bottom: 0; padding: 15px; transition: background-color 0.3s ease; } .cart-widget-side .woocommerce-mini-cart .mini_cart_item:hover { background-color: var(--bgcolor-gray-100); } .cart-widget-side .woocommerce-mini-cart .remove { top: 13px; inset-inline-end: 10px; } .cart-widget-side .shopping-cart-widget-footer { flex: 0 0 auto; padding-bottom: 15px; } .cart-widget-side .shopping-cart-widget-footer > * { padding-right: 15px; padding-left: 15px; } .cart-widget-side .woocommerce-mini-cart__total { margin-top: 0; } .cart-widget-side .wd-empty-mini-cart { margin-top: 20px; padding-right: 15px; padding-left: 15px; } .whb-col-right .wd-dropdown-cart { right: 0; left: auto; margin-left: 0; margin-right: calc(var(--nav-gap, 0.001px) / 2 * -1); } .wd-header-cart .wd-tools-icon:before { content: "\f105"; font-family: "woodmart-font"; } .wd-header-cart .wd-tools-icon.wd-icon-alt:before { content: "\f126"; font-family: "woodmart-font"; } .wd-header-cart :is(.wd-cart-subtotal, .subtotal-divider, .wd-tools-count) { vertical-align: middle; } .wd-header-cart .wd-cart-number > span, .wd-header-cart .subtotal-divider { display: none; } .wd-header-cart .wd-cart-subtotal .amount { color: inherit; font-weight: inherit; font-size: inherit; } .wd-header-cart:is(.wd-design-5, .wd-design-6, .wd-design-7):not(.wd-style-text) .wd-tools-text { display: none; } .wd-header-cart.wd-design-2.wd-style-icon { margin-inline-end: 5px; } .wd-header-cart.wd-design-2 .wd-tools-text { margin-inline-start: 15px; } .wd-header-cart.wd-design-4 .wd-cart-number { display: inline-block; padding: 0 2px; margin-inline-start: 6px; width: 19px; height: 19px; border-radius: 50%; background-color: var(--wd-primary-color); color: #fff; text-align: center; font-weight: 700; font-size: 10px; line-height: 19px; } .wd-header-cart.wd-design-4:not(.wd-style-text) .wd-cart-subtotal { display: none; } .whb-top-bar .wd-header-cart.wd-design-4 .wd-cart-number { width: 16px; height: 16px; line-height: 16px; } .wd-header-cart.wd-design-5:not(.wd-style-text) { margin-inline-end: 5px; } .wd-header-cart.wd-design-5 .wd-tools-text { margin-inline-start: 15px; } .wd-dropdown-cart { padding: 20px; width: 330px; } :is(.woocommerce-cart, .woocommerce-checkout) :is(.cart-widget-side, .wd-dropdown-cart) { display: none; } .wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number { position: absolute; top: -5px; inset-inline-end: -9px; z-index: 1; width: 15px; height: 15px; border-radius: 50%; background-color: var(--wd-primary-color); color: #fff; text-align: center; letter-spacing: 0; font-weight: 400; font-size: 9px; line-height: 15px; } .whb-top-bar .wd-header-cart.wd-design-2 .wd-cart-number, .whb-top-bar .wd-header-cart.wd-design-5 .wd-cart-number { width: 13px; height: 13px; line-height: 13px; } .wd-custom-dropdown { padding-right: 10px; padding-left: 10px; } @media (max-width: 1024px) { .wd-dropdown-cart { display: none; } } li:hover .cart-info .wd-entities-title { color: var(--wd-entities-title-color-hover); } .woocommerce-mini-cart > li { position: relative; display: flex; align-items: flex-start; } .woocommerce-mini-cart > li a { margin-bottom: 0; } .woocommerce-mini-cart .remove { position: absolute; top: 1px; right: 0; z-index: 2; width: 20px; height: 20px; border-radius: 50%; color: var(--color-gray-800); text-align: center; font-size: 0; line-height: 20px; } .woocommerce-mini-cart .remove:after { font-size: 10px; content: "\f112"; font-family: "woodmart-font"; } .woocommerce-mini-cart .remove:hover { background-color: var(--bgcolor-white); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .woocommerce-mini-cart .blockOverlay { display: none !important; } .cart-widget-side .woocommerce-mini-cart .removing-process { pointer-events: none !important; opacity: 0.6 !important; cursor: default !important; } .cart-item-link { z-index: 1; font-size: 0; } .cart-item-image { position: relative; flex: 0 0 auto; overflow: hidden; margin-right: 15px; } .cart-item-image img { float: none !important; margin-right: 0 !important; transition: opacity 0.6s ease; } .wd-loading .cart-item-image:after { opacity: 1; animation: wd-rotate 450ms infinite linear; } .wd-loading .cart-item-image img { opacity: 0.2; } .cart-info { flex: 1 1 auto; padding-right: 20px; } .cart-info .wd-entities-title { transition: all 0.25s ease; } .cart-info .wd-entities-title p { margin-top: 5px; margin-bottom: 5px; color: var(--wd-text-color); font-weight: var(--wd-text-font-weight); font-style: var(--wd-text-font-style); font-size: 90%; font-family: var(--wd-text-font); } .cart-info ul.variation { margin-bottom: 6px; --li-mb: 5px; --list-mb: 0; } .cart-info span.quantity { display: block; color: var(--color-gray-300); font-size: 90%; font-weight: 500 !important; } .cart-info div.quantity { position: relative; z-index: 1; display: inline-flex; margin-bottom: 8px; transition: opacity 0.6s ease; } .cart-info div.quantity :is(input[type="button"], input[type="number"], input[type="text"]) { height: 32px; } .cart-info li.wd-loading > a { pointer-events: none; } .cart-info li.wd-loading div.quantity { opacity: 0.6; cursor: none; pointer-events: none; } .cart-info .wd-product-sku { margin-bottom: 5px; font-size: 90%; word-break: break-all; } .cart-info .wd-product-sku .wd-label { color: var(--color-gray-800); font-weight: 600; } .shopping-cart-widget-footer > * { margin-bottom: 10px; } .shopping-cart-widget-footer > *:last-child { margin-bottom: 0; } .shopping-cart-widget-footer .woocommerce-mini-cart__total { margin-bottom: 0; } .woocommerce-mini-cart__total { display: flex; align-items: center; flex-wrap: wrap; margin-top: 15px; padding-top: 15px; padding-bottom: 15px; font-size: 130%; border-top: 1px solid var(--brdcolor-gray-300); } .woocommerce-mini-cart__total strong { color: var(--color-gray-900); font-weight: 500 !important; } .woocommerce-mini-cart__total .woocommerce-Price-amount { flex-grow: 1; text-align: right; } .woocommerce-mini-cart__total .tax_label { margin-inline-start: 5px; } .woocommerce-mini-cart__buttons { display: block; text-align: center; } .woocommerce-mini-cart__buttons > * { margin-bottom: 10px; } .woocommerce-mini-cart__buttons > *:last-child { margin-bottom: 0; } .woocommerce-mini-cart__buttons a { width: 100%; } .woocommerce-mini-cart__buttons .btn-cart { border-radius: var(--btn-default-brd-radius); color: var(--btn-default-color); box-shadow: var(--btn-default-box-shadow); background-color: var(--btn-default-bgcolor); text-transform: var(--btn-default-transform, var(--btn-transform)); font-weight: var(--btn-default-font-weight, var(--btn-font-weight)); font-family: var(--btn-default-font-family, var(--btn-font-family)); font-style: var(--btn-default-font-style, var(--btn-font-style)); } .woocommerce-mini-cart__buttons .btn-cart:hover { color: var(--btn-default-color-hover); box-shadow: var(--btn-default-box-shadow-hover); background-color: var(--btn-default-bgcolor-hover); } .woocommerce-mini-cart__buttons .btn-cart:active { box-shadow: var(--btn-default-box-shadow-active); bottom: var(--btn-default-bottom-active); } .woocommerce-mini-cart__buttons .checkout { border-radius: var(--btn-accented-brd-radius); color: var(--btn-accented-color); box-shadow: var(--btn-accented-box-shadow); background-color: var(--btn-accented-bgcolor); text-transform: var(--btn-accented-transform, var(--btn-transform)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)); } .woocommerce-mini-cart__buttons .checkout:hover { color: var(--btn-accented-color-hover); box-shadow: var(--btn-accented-box-shadow-hover); background-color: var(--btn-accented-bgcolor-hover); } .woocommerce-mini-cart__buttons .checkout:active { box-shadow: var(--btn-accented-box-shadow-active); bottom: var(--btn-accented-bottom-active); } .wd-empty-mini-cart { padding-top: 10px; padding-bottom: 10px; text-align: center; } .wd-empty-mini-cart:before { display: block; margin-bottom: 20px; color: var(--color-gray-200); font-size: 86px; line-height: 1; content: "\f147"; font-family: "woodmart-font"; } .wd-empty-mini-cart .btn { border-radius: var(--btn-accented-brd-radius); color: var(--btn-accented-color); box-shadow: var(--btn-accented-box-shadow); background-color: var(--btn-accented-bgcolor); text-transform: var(--btn-accented-transform, var(--btn-transform)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)); } .wd-empty-mini-cart .btn:hover { color: var(--btn-accented-color-hover); box-shadow: var(--btn-accented-box-shadow-hover); background-color: var(--btn-accented-bgcolor-hover); } .wd-empty-mini-cart .btn:active { box-shadow: var(--btn-accented-box-shadow-active); bottom: var(--btn-accented-bottom-active); } .login-form-side .woocommerce-notices-wrapper { padding: 20px 15px 0 15px; } .login-form-side .woocommerce-notices-wrapper > .woocommerce-error { margin-bottom: 0; } .login-form-side .woocommerce-form-login { padding: 20px 15px 15px 15px; border-bottom: 1px solid var(--brdcolor-gray-300); } .login-form-side .login.hidden-form { display: none; } .create-account-question { padding: 20px 15px; border-bottom: 1px solid var(--brdcolor-gray-300); text-align: center; --wd-tags-mb: 15px; } .create-account-question p { color: var(--color-gray-900); font-weight: 600; } .create-account-question:before { display: block; margin-bottom: 15px; color: var(--color-gray-200); font-size: 54px; line-height: 1; content: "\f124"; font-family: "woodmart-font"; } .main-page-wrapper .container .yoast-breadcrumb { margin-right: auto; } .wd-close-side.wd-close-side-opened { z-index: 100; }