/* ===================== VARIABLES ===================== */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&family=Montserrat:wght@400&display=swap'); :root { --primary: #ffdf00; --secondary: #ffede2; --primary-font-family: 'Jost', serif; --mask-background-color: rgba(0, 0, 0, 0.4); --placeholder: var(--gray); --white: #ffffff; --gray: #e7e7e7; --silver: #f7f7f7;--brown: #B19788; --black: #201D1D; --green: #006300; --red: #bd0000; --blue: #387bbe; --inbound-price: #FFDF00FF; --outbound-price: #000000; --yellow: #facc15;}
html,
body { font-family: var(--primary-font-family);  }
/* ===================== HEADER ===================== */
#headerheader { overflow-anchor: none; }
#header-categories { white-space: nowrap; }
#header-categories div[type='button']:hover + div { display: block; left: 170px; height: fit-content; }
#header-categories:has(+ div:hover) { display: block; }
/* ===================== BUTTON ===================== */
.button-loader { animation: rotate 2s linear infinite; z-index: 2; width: 20px; height: 20px; display: none; }
button.active,
button.active:hover { color: var(--white); background-color: var(--primary); border: 1px solid var(--primary); }
button.disabled,
.button.disabled,
button.disabled:hover,
button.disabled.active { background: var(--silver) !important; color: rgba(0, 0, 0, 0.3) !important; cursor: not-allowed !important; border: var(--black); }
/* primary button */
.primary-button { display: flex;justify-content: center; color: var(--black); background-color: var(--primary); border: 2px  solid var(--primary); }
.primary-button.active,
.primary-button:hover { color: var(--black); background-color: var(--white); border: 2px solid var(--primary) }
.primary-button:hover svg path { fill: var(--primary); stroke: var(--primary); }
.primary-button.active .button-loader { color: var(--primary); stroke-linecap: round; }
.primary-button.active .button-loader .path { stroke: var(--primary); }
.primary-button.inverted { display: flex; color: var(--primary); background-color: var(--white); border: 1px solid var(--primary); }
.primary-button.inverted.active,
.primary-button.inverted:hover { color: var(--white); background-color: var(--primary); }
.primary-button.inverted:hover svg path { fill: var(--white); stroke: var(--white); }
.primary-button.inverted.active .button-loader { color: var(--white); stroke-linecap: round; }
.primary-button.inverted.active .button-loader .path { stroke: var(--white); }
/* secondary button  */
.secondary-button { display: flex; justify-content: center; align-items: center; color: var(--black); background-color: var(--brown); border: 1px solid transparent; }
.secondary-button:hover, .secondary-button.active { color: var(--white); background-color: var(--black); }
.secondary-button:hover svg path, .secondary-button.active svg path { fill: var(--white); stroke: var(--black); }
.secondary-button.active .button-loader { color: var(--secondary); stroke-linecap: round; }
.secondary-button.active .button-loader .path { stroke: var(--secondary); }
.secondary-button.inverted { color: var(--black); background-color: var(--white); border: 1px solid var(--brown); }
.secondary-button.inverted:hover, .secondary-button.inverted.active { color: var(--white); background-color: var(--brown); border: 1px solid var(--brown); }
.secondary-button.inverted:hover svg path, .secondary-button.inverted.active svg path { fill: var(--black); stroke: var(--black); }
.secondary-button.inverted.active .button-loader { color: var(--white); stroke-linecap: round; }
.secondary-button.inverted.active .button-loader .path { stroke: var(--white); }
/* ===================== SLICK ===================== */
.slick-track { display: flex !important; padding-block: 27px; }
.slick-slide { margin: 0 10px; height: inherit !important; }
.slick-dots { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 10px 0 10px 0; }
.slick-dots li { display: inline-block; margin: 0 8px; }
.slick-dots li button { font-size: 0; border: none; background: transparent; padding: 0; cursor: pointer; }
.slick-dots li button:before { content: ''; display: block; width: 8px; height: 8px; background-color: var(--black); border-radius: 50%; transition: background-color 0.3s ease, transform 0.3s ease; }
.slick-dots li.slick-active button:before { background-color: var(--primary); transform: scale(1.25); }

/* ===================== TABS ===================== */
.tab-button { position: relative; }
.tab-button.active { cursor: not-allowed; font-weight: bold; }
.tab-line-primary.active::before { content: ''; background: var(--primary); position: absolute; top: -2.2rem; left: 0; width: 90%; height: 0.5rem; border-radius: 10px; }
/* ===================== ANIMATIONS ===================== */
@keyframes rotate {
    100% { transform: rotate(360deg); }
}
@keyframes dash {
    0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}
/* ===================== FORM ELEMENTS ===================== */
.range_container { position: relative; display: flex; flex-direction: column; width: 100%; }
.sliders_control { position: relative; min-height: 25px;  width: 100%; }
.form_control { position: relative; color: var(--gray); }
.slider-wrapper { position: relative; width: 100%; overflow: visible; }
/* Range Inputs */
.range_container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:12px;height:12px;background-color:var(--black);border-radius:50%;border: 2px solid var(--black);box-shadow: none;}
.range_container input[type="range"]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:12px;height:12px;background-color:var(--black);border-radius:50%;border: 2px solid var(--black);box-shadow: none;}
.range_container input[type="range"]::-webkit-slider-thumb:hover{background:#333333;}
.range_container input[type="range"]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--black),0 0 9px var(--black);-webkit-box-shadow:inset 0 0 3px var(--black),0 0 9px var(--black)}
.range_container input[type='range'] { -webkit-appearance: none; appearance: none; height: 5px; width: 100%; position: absolute; inset-inline: 0; background-color: var(--gray); pointer-events: none; }
#toSlider { background: linear-gradient(to right, transparent 0%, transparent var(--yellow 0%), var(--primary) var(--yellow, 0%), var(--primary) var(--yellow, 0%), transparent var(--yellow, 0%), transparent 100%), linear-gradient(to bottom, transparent 0, transparent 1.5px, var(--black) 1.5px, var(--black) 3.5px, transparent 3.5px, transparent 5px) !important; }
#fromSlider { height: 0; z-index: 1; }
input[type='range'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; outline: none; position: absolute; margin: auto; top: 0; bottom: 0; background-color: transparent; pointer-events: none; }
/* Number Inputs */
input[type='number'] { width: 50px; height: 30px; font-size: 20px; border: none; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { opacity: 1; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type='number'] { -moz-appearance: textfield; }
/* Checkboxes */
input[type='checkbox'] { accent-color: var(--primary); width: 20px; }
/* ===================== VALIDATION STATES ===================== */
.invalid { border-color: var(--red) !important; }
.valid { border-color: var(--green) !important; }
/* ===================== AUTOCOMPLETE & MENUS ===================== */
.ui-menu { width: 50%; overflow-x: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; background-color: var(--white) !important; position: relative; margin-top: 2rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: var(--black); max-height: 200px; }
.ui-menu .ui-menu-item { padding: 0.5rem; cursor: pointer; }
.ui-menu .ui-menu-item:hover { background-color: var(--white); }
.ui-helper-hidden-accessible { display: none; }
.autocomplete-option.selected { border-color: var(--black); background-color: var(--white); color: var(--black); border-width: 2px; }
.autocomplete-option.selected span { font-weight: bold; }
#search-autocomplete-wrapper { position: absolute; top: 100%; background-color: var(--white); z-index: 1000; height: 70vh;max-height: fit-content; width: 100%; overflow-y: auto; display: none; }
.autocomplete-item { display: flex; padding: 1rem; gap: 1rem; align-items: center; cursor: pointer; border-bottom: 1px solid var(--black); }
.autocomplete-item:hover { background-color: var(--red); color: var(--white); border-color: 1px solid var(--red); }
/* ===================== COMPONENTS ===================== */
.client-address.selected { font-weight: 700; border-width: 2px; }
.variant-select:hover { background-color: var(--primary); border-color: var(--white); color: var(--black); cursor: pointer; }
.variant-select.active { border-color: var(--white); color: var(--black); }
.star { fill: transparent; stroke: var(--primary); }
.star.active { fill: var(--primary); stroke: var(--primary); }
.index-vendors-carousel img{max-height:100px;width:auto;}
.index-vendors-carousel .slick-track{display:flex;align-items:center}
/* ===================== DECORATIVE & LAYOUT ===================== */
.line-primary { position: relative; margin-bottom: 2rem; }
.line-primary:after { content: ''; background: var(--primary); position: absolute; bottom: -1rem; left: 0; width: 50%; height: 0.4rem; }
/* ===================== TABLES ===================== */
#product-descriptions table { width: 100% !important; border: solid 1px var(--gray); font-size: 0.9em; }
#product-descriptions table tr { border: solid 1px var(--gray); }
#product-descriptions table th { border-bottom: 2px solid var(--gray); }
#product-descriptions table td { padding: 5px; }
#product-descriptions table tr td:last-child { text-align: left; min-width: 150px; font-weight: bold; }

/*!* ===================== POST CONTENT (VEditor output) ===================== *!*/
/*!* Restore defaults removed by preflight so TinyMCE indent/outdent renders properly *!*/
/*#post_content,#page_content { line-height: 1.8; }*/
/*#post_content p,#page_content p { margin: 0 0 0.8rem 0; }*/
/*#post_content ul,#page_content ul,*/
/*#post_content ol,#page_content ol { list-style-position: outside; padding-left: 1.5rem; margin: 0 0 1rem 0; }*/
/*#post_content ul,#page_content ul { list-style-type: disc; }*/
/*#post_content ol,#page_content ol { list-style-type: decimal; }*/
/*#post_content ul ul,#page_content ul ul { list-style-type: circle; padding-left: 1.25rem; }*/
/*#post_content ol ol,#page_content ol ol { list-style-type: lower-alpha; padding-left: 1.25rem; }*/
/*#post_content li,#page_content li { margin: 0.25rem 0; }*/
/*#post_content blockquote,#page_content blockquote { border-left: 4px solid var(--gray); padding-left: 1rem; margin: 1rem 0; }*/
/*!* TinyMCE Accordion *!*/
/*#post_content details,#page_content details { margin: 0 0 1rem 0; padding: 0.5rem 0.75rem; border: 1px solid var(--gray); border-radius: 0.5rem; background: transparent; }*/
/*#post_content details > summary,#page_content details > summary { font-weight: 600; cursor: pointer; }*/
/*!* Column rows built by the editor *!*/
/*#post_content #col_droppable_row,#page_content #col_droppable_row { column-gap: 1rem; row-gap: 1rem; }*/

/*!* Hide editor controls leaked into frontend content *!*/
/*#page_content a.removeRow,*/
/*#page_content a.editRow,*/
/*#page_content a.removeCol,*/
/*#page_content a.editCol,*/
/*#page_content a.removeWrap,*/
/*#post_content a.removeRow,*/
/*#post_content a.editRow,*/
/*#post_content a.removeCol,*/
/*#post_content a.editCol,*/
/*#post_content a.removeWrap { display: none !important; }*/
/*!* Headings *!*/
/*#post_content h1,#page_content h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 1rem 0; }*/
/*#post_content h2,#page_content h2 { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.875rem 0; }*/
/*#post_content h3 { font-size: 1.25rem; font-weight: 700; margin: 0 0 0.75rem 0; }*/
/*#post_content h4,#page_content h4 { font-size: 1.125rem; font-weight: 600; margin: 0 0 0.5rem 0; }*/
/*#post_content h5,#page_content h5 { font-size: 1rem; font-weight: 600; margin: 0 0 0.5rem 0; }*/
/*#post_content h6,#page_content h6 { font-size: 0.875rem; font-weight: 600; margin: 0 0 0.5rem 0; }*/
/*!* Links *!*/
/*#post_content a,#page_content a { color: var(--secondary); text-decoration: underline; }*/
/*#post_content a:hover,#page_content a:hover { color: var(--primary); }*/
/*!* Images and figures *!*/
/*#post_content img,#page_content img { max-width: 100%; height: auto; }*/
/*#post_content figure,#page_content figure { margin: 1rem 0; }*/
/*#post_content figcaption,#page_content figcaption { text-align: center; font-size: 0.9em; color: #555; }*/
/*!* Alignment helpers TinyMCE may output *!*/
/*#post_content .alignleft,#page_content .alignleft { float: left; margin: 0 1rem 1rem 0; }*/
/*#post_content .alignright,#page_content .alignright { float: right; margin: 0 0 1rem 1rem; }*/
/*#post_content .aligncenter,#page_content .aligncenter { display: block; margin: 1rem auto; text-align: center; }*/
/*#post_content::after,#page_content::after { content: ''; display: table; clear: both; }*/
/*!* Tables from editor *!*/
/*#post_content table,#page_content table { width: 100%; border-collapse: collapse; margin: 1rem 0; }*/
/*#post_content th,#page_content th,*/
/*#post_content td,#page_content td { border: 1px solid var(--gray); padding: 0.5rem; }*/
/*#post_content th,#page_content th { background: var(--silver); text-align: left; }*/
/*!* Code blocks *!*/
/*#post_content code,#page_content code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono',*/
/*monospace; background: #f5f5f5; padding: 0 0.25rem; border-radius: 4px; }*/
/*#post_content pre,#page_content pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono',*/
/*monospace; background: #f5f5f5; padding: 0 0.25rem; border-radius: 4px; }*/
/*#post_content pre,#page_content pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono',*/
/*monospace; background: #f5f5f5; padding: 1rem; overflow-x: auto; border-radius: 6px; }*/
/*#post_content pre code,#page_content pre code { background: transparent; padding: 0; }*/
/*!* Horizontal rule *!*/
/*#post_content hr,#page_content hr { border: 0; border-top: 1px solid var(--gray); margin: 2rem 0; }*/
/*!* Definition lists *!*/
/*#post_content dl,#page_content dl { margin: 1rem 0; }*/
/*#post_content dt,#page_content dt { font-weight: 600; }*/
/*#post_content dd,#page_content dd { margin: 0 0 0.5rem 1rem; }*/
/*!* Superscript / subscript *!*/
/*#post_content sup,#page_content sup { vertical-align: super; font-size: 0.75em; }*/
/*#post_content sub,#page_content sub { vertical-align: sub; font-size: 0.75em; }*/
/*!* Mark *!*/
/*#post_content mark,#page_content mark { background-color: #fff3a6; padding: 0 0.2em; }*/
/*!* Embedded media *!*/
/*#post_content iframe,#page_content iframe,*/
/*#post_content video,#page_content video,*/
/*#post_content audio,#page_content audio { max-width: 100%; }*/


.banner, .banner .slick-list, .banner .slick-track, .banner .slick-slide, .banner .slick-slide > div { width: 100%; height: auto !important; }
.banner .slick-track { padding-block: 0; }
.banner .slick-slide { margin: 0; }
.banner .slick-slide img { width: 100%; height: auto; max-width: 100%; object-fit: contain; display: block; }
.banner .slick-dots { position: absolute; top: 50%; right: 1.5rem; left: auto; bottom: auto; transform: translateY(-50%); flex-direction: column; flex-wrap: nowrap; width: auto; margin: 0; z-index: 20; gap: 0.75rem; }
.banner .slick-dots li { display: flex; margin: 0; }
.banner .slick-dots li button:before { background-color: #fff; }
.banner .slick-dots li.slick-active button:before { background-color: var(--primary); }
.bee-slide-arrow { position: absolute; left: 1.5rem; width: 56px; height: 56px; background: transparent; border: none; cursor: pointer; padding: 0; outline: none; box-shadow: none; z-index: 10; }
.bee-slide-arrow, .bee-slide-arrow:focus, .bee-slide-arrow:active, .bee-slide-arrow.active, .bee-slide-arrow.active:hover { color: inherit; background: transparent; border: none; outline: none; box-shadow: none; }
.bee-slide-prev { top: 50%; transform: translateY(calc(-50% - 38px)); }
.bee-slide-next { top: 50%; transform: translateY(calc(-50% + 38px)); }

.bee-slide-arrow img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: opacity 0.25s ease; }
.bee-slide-arrow-empty { opacity: 1; }
.bee-slide-arrow-filled { opacity: 0; }
.bee-slide-arrow:hover .bee-slide-arrow-empty, .bee-slide-arrow.active .bee-slide-arrow-empty { opacity: 0; }
.bee-slide-arrow:hover .bee-slide-arrow-filled, .bee-slide-arrow.active .bee-slide-arrow-filled { opacity: 1; }




/*!* So so *!*/
/*.product-card .product-card-buy, .product-card .product-card-buy.primary-button, .product-card .product-card-buy.secondary-button { color: var(--black) !important; background-color: var(--white) !important; border: 1px solid var(--black) !important; }*/
/*.product-card .product-card-buy:hover, .product-card .product-card-buy.primary-button:hover, .product-card .product-card-buy.secondary-button:hover { color: var(--black) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; }*/
/*.product-card .product-card-buy.activated, .product-card .product-card-buy.primary-button.activated, .product-card .product-card-buy.secondary-button.activated { color: var(--white) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; }*/

/*!* ===================== CATEGORY "Всички продукти" BUTTON ===================== *!*/
/*.category-see-all, .category-see-all.primary-button { color: var(--black) !important; background-color: var(--white) !important; border: 1px solid var(--black) !important; border-radius: 20px; padding: 8px; }*/
/*.category-see-all:hover, .category-see-all.primary-button:hover { color: var(--black) !important; background-color: var(--primary) !important; border-color: var(--primary) !important; }*/

/*!* ===================== PRODUCT PRICE (split integer / decimals / currency) ===================== *!*/
/*.price-split { display: inline-flex; align-items: flex-start; line-height: 1; gap: 0.05em; }*/
/*.price-split .price-integer { font-size: 1em; }*/
/*.price-split .price-decimals { font-size: 0.55em; line-height: 1; margin-top: 0.05em; }*/
/*.price-split .price-currency { font-size: 0.75em; line-height: 1; margin-top: 0.15em; margin-left: 0.1em; }*/
/*.price-split .price-currency + .price-integer, .price-split .price-prefix + .price-currency { margin-left: 0; }*/
/*.price-split .price-prefix { font-size: 0.65em; line-height: 1; margin-top: 0.25em; margin-right: 0.15em; }*/

/*.bee-banner .slick-prev, .bee-banner .slick-next, .bee-banner .slick-dots { display: none !important; }*/
/*.bee-banner .slick-track { padding-block: 0; }*/
/*.bee-banner .slick-slide { margin: 0; }*/

/*.bee-slide { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }*/
/*.bee-slide > * { pointer-events: auto; }*/
/*.bee-slide-bee { pointer-events: none; }*/

/*.bee-slide-dots { position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 0.875rem; }*/
/*.bee-slide-dot { width: 8px; height: 8px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.7); background: white; cursor: pointer; transition: background-color 0.25s ease, transform 0.25s ease, border-color 0.25s ease; padding: 0; }*/
/*.bee-slide-dot.active { background: var(--primary); border-color: var(--primary); transform: scale(1.25); }*/