/* @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;700&family=Montserrat:wght@400&display=swap");:root{--primary:#E80202;--secondary:#282828;--black-lighter:#282828;--primary-font-family:"Jost",serif;--primary-font-color:#050708;--mask-background-color:rgba(0,0,0,0.4);--placeholder:var(--gray);--white:#ffffff;--gray:#e7e7e7;--silver:#f7f7f7;--black:#000000;--green:#006300;--red:#bd0000;--gold:#e8b923;--yellow: #facc15;}}
html,body{font-family:var(--primary-font-family);background-color:var(--primary-background);}
#header-categories{/* top:40px;*/
 white-space:nowrap;}
#header-categories div[type="button"]:hover + div{display:block;left:170px;height:fit-content;}
#header-categories:has(+ div:hover){display:block;}
/* PRIMARY BUTTON */
.primary-button{display:block;color:var(--primary);background-color:var(--white);border:1px solid var(--primary);}
.primary-button:hover svg path{fill:var(--primary);stroke:var(--primary);}
.primary-button.activе,.primary-button:hover{color:var(--white);background-color:var(--primary);}
.primary-button.active .button-loader{color:var(--white);stroke-linecap:round;}
.primary-button.active .button-loader .path{stroke:var(--white);}
.primary-button.inverted{display:block;color:var(--white);background-color:var(--primary);border:1px solid var(--white);}
.primary-button.inverted:hover{color:var(--primary);background-color:var(--white);border:1px solid var(--primary);}
.primary-button.inverted.active{background-color:var(--white);color:var(--primary);border-color:var(--primary);}
.primary-button.inverted.active .button-loader{color:var(--primary);stroke-linecap:round;display:block;}
.primary-button.inverted.active .button-loader .path{stroke:var(--primary);}
.transparent-button{display:block;width:fit-content;color:var(--white);background-color:transparent;border:1px solid var(--white);}
.transparent-button:hover{color:var(--primary);background-color:var(--white);border:1px solid var(--primary);}
.transparent-button.active{color:var(--primary);background-color:var(--white);border:var(--primary);}
.transparent-button.active .button-loader{color:var(--primary);stroke-linecap:round;}
.transparent-button.active .button-loader .path{stroke:var(--primary);}
/* PRIMARY BUTTON */
/* SECONDARY BUTTON */
.secondary-button{color:var(--white);background-color:var(--primary);border:1px solid var(--primary);}
.secondary-button:hover{color:var(--primary);background-color:var(--white);border:1px solid var(--primary);}
.secondary-button:hover svg path{fill:var(--primary);stroke:var(--primary);}
.secondary-button.active{color:var(--primary);background-color:var(--white);border:1px solid var(--primary);}
.secondary-button.active .button-loader{stroke-linecap:round;display:block;color:var(--primary-font-color);}
.secondary-button.active .button-loader .path{stroke:var(--primary);}
/* SECONDARY BUTTON */
/* GENERAL BUTTON */
button{background-color:var(--primary-font-color);color:var(--inverted-font-color);}
button.active{background-color:var(--primary);color:var(--white);}
/* GENERAL BUTTON */
/* GENERAL BUTTON MISC*/
button.disabled{background-color:var(--secondary-background);opacity:0.6;color:var(--primary-font-color);cursor:not-allowed;border-color:var(--primary-border);}
button.primary-button.disabled{background-color:var(--secondary-background);opacity:0.6;color:var(--primary-font-color);cursor:not-allowed;border-color:var(--primary-border);}
.button-loader{animation:rotate 2s linear infinite;z-index:2;width:20px;height:20px;display:none;}
@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;}
}
/* GENERAL BUTTON MISC*/
.client-address.selected{font-weight:700;border-width:2px;}
.ui-menu{width:50%;overflow-x:hidden;box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;background-color:var(--primary-input) !important;z-index:60 !important;position:relative;margin-top:2rem;border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:var(--primary-border);max-height:200px;}
.autocomplete-option.selected{border-color:var(--primary-border);background-color:var(--secondary-background);color:var(--primary-font-color);border-width:2px;}
.autocomplete-option.selected span{font-weight:bold;}
.ui-menu .ui-menu-item{padding:0.5rem;cursor:pointer;}
.ui-menu .ui-menu-item:hover{background-color:var(--secondary-background);}
.ui-helper-hidden-accessible{display:none;}
.invalid{border-color:var(--red) !important;}
.valid{border-color:var(--green) !important;}
.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;}
.tab-button{position:relative;}
.tab-button.active{/* background-color:var(--secondary-accent);*/
 /* border-color:var(--secondary-accent);*/
 /* color:var(--primary-font);*/
 font-weight:bold;/* opacity:0.7;*/
 cursor:not-allowed;}
.tab-line-primary.active::before{content:"";background:var(--primary);position:absolute;top:-2.2rem;left:0;width:90%;height:0.5rem;border-radius:10px;}
.variant-select:hover{background-color:var(--primary);border-color:var(--secondary-accent);color:var(--primary-font-color);cursor:pointer;}
.variant-select.active{border-color:var(--secondary-accent);color:var(--primary-font-color);}
.range_container{position:relative;display:flex;flex-direction:column;}
.sliders_control{position:relative;min-height:25px;}
.form_control{position:relative;color:#635a5a;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:24px;height:24px;background-color:var(--primary);border-radius:50%;border: 2px solid var(--primary);box-shadow: none;}
input[type="range"]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:24px;height:24px;background-color:var(--primary);border-radius:50%;border: 2px solid var(--primary);box-shadow: none;}
input[type="range"]::-webkit-slider-thumb:hover{background:#f7f7f7;}
input[type="range"]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px var(--primary),0 0 9px var(--primary);-webkit-box-shadow:inset 0 0 3px var(--primary),0 0 9px var(--primary)}
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[type="range"]{-webkit-appearance:none;appearance:none;height:2px;width:100%;position:absolute;background-color:#c6c6c6;pointer-events:none;}
#fromSlider{height:0;z-index:1;}
.slider-wrapper{position:relative;}
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;}
input[type="checkbox"]{accent-color:var(--primary);width:20px;}
#search-autocomplete-wrapper{position:absolute;top:100%;background-color: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(--border-color);}
.autocomplete-item:hover{background-color:var(--red);color:var(--white);border-color:1px solid var(--red);}
.star { fill: transparent; stroke: var(--yellow); }
.star.active { fill: var(--yellow); stroke: var(--yellow); }
.index-vendors-carousel img{max-height:40px;width:auto;}
.slick-track{display:flex !important;padding-block: 5px;}
.slick-slide{margin:0 10px;height:inherit !important;}
.slick-list{/* margin:0 10px;*/
 /* padding-bottom:10px !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:10px;height:10px;background-color:var(--gray);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.2);}
/* Chrome,Safari,Edge,Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* Firefox */
input[type=number]{-moz-appearance:textfield;}
.details table {width: 100% !important; border: solid 1px var(--gray);font-size: 0.9em;}
.details table tr {border: solid 1px var(--gray)}
.details table td {padding: 5px;;}
.details 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; }
/* 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%; }

