@layer djb.reset,djb.base,djb.theme,djb.elements,djb.classes,djb.global,djb.nodes,djb.custom;@layer djb.bricks.base0{*,::before,::after{margin:revert;padding:revert} html{line-height:normal;-webkit-text-size-adjust:revert;text-size-adjust:revert} body{min-height:revert;-webkit-font-smoothing:revert} img,svg,video,canvas,picture{display:revert;max-width:revert} img,video{height:revert} button,input,select,textarea{font:revert;color:revert} a{color:revert} .djb-icon{display:inline;flex-shrink:1;width:auto;height:auto;line-height:inherit} .djb-image{display:revert;max-width:revert;height:revert}}@layer djb.bricks{.brxe-bu-off-canvas{--sb-light-color:rgba(0, 0, 0, 0.3);--sb-dark-color:rgba(0, 0, 0, 0.5);z-index:1000;position:relative;padding:0;margin:0} body:not(.bricks-is-frontend) .brxe-bu-off-canvas:not(.bu-hide-panel){top:0;left:0;position:fixed;width:100%;height:100%} .bu-oc-panel{background-color:#fff;display:flex;height:100%;flex-direction:column;position:fixed;top:0;overflow-x:hidden;pointer-events:auto;z-index:10;-webkit-transition:-webkit-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);-o-transition:-o-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);-moz-transition:-moz-transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1);transition:transform .5s cubic-bezier(.77, 0, .175, 1),box-shadow .5s cubic-bezier(.77, 0, .175, 1)} .bu-ocp-bottom .bu-oc-panel{left:0;bottom:0;top:auto;height:300px;width:100%} .bu-hide-panel.bu-ocp-bottom:not(.bu-push-content) .bu-oc-panel{-webkit-transform:translate(0,130%);-o-transform:translate(0,130%);-moz-transform:translate(0,130%);transform:translate(0,130%)} .brxe-bu-off-canvas:not(.bu-hide-panel):not(.bu-push-content) .bu-oc-panel{-webkit-transform:none!important;-ms-transform:none!important;-moz-transform:none!important;transform:none!important} .brxe-bu-off-canvas.bu-hide-panel .bu-oc-panel{box-shadow:none!important} .bu-ocp-backdrop{background-color:rgba(0,0,0,.5);height:100%;top:0;left:0;right:0;bottom:0;position:fixed;pointer-events:auto;opacity:0;visibility:hidden;-webkit-transition:.5s cubic-bezier(.77, 0, .175, 1);-o-transition:.5s cubic-bezier(.77, 0, .175, 1);-moz-transition:.5s cubic-bezier(.77, 0, .175, 1);transition:.5s cubic-bezier(.77, 0, .175, 1);width:100%;z-index:9} .brxe-bu-off-canvas:not(.bu-hide-panel) .bu-ocp-backdrop{opacity:1;visibility:visible} .removing{position:relative;opacity:.35;-webkit-transition:opacity .5s,visibility .5s;-moz-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s} .brxe-loop-builder-on.processing::before{opacity:1} .brxe-loop-builder-on.woocommerce-mini-cart-item::before{content:"";width:var(--loading-size);height:var(--loading-size);position:absolute;transform:translate(-50%,-50%);mask-image:url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='currentColor' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");background-color:var(--loading-color);mask-position:0 0;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='currentColor' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");-webkit-mask-position:0 0;-webkit-mask-size:100% 100%;pointer-events:none;animation:1s linear infinite bu-loading-spinner;opacity:0} .brxe-loop-builder-on.woocommerce-mini-cart-item::before{left:calc(50% - 20px);top:calc(50% - 20px)} @keyframes bu-loading-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}}@layer djb.bricks{.place-order abbr[title]{text-decoration:none} .place-order label.checkbox{display:inline-flex;align-items:center} .place-order label.checkbox input{margin-right:6px} .place-order input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #000;border-radius:3px;cursor:pointer;height:16px;outline:0;position:relative;padding:0;width:16px} .place-order input[type=checkbox]:checked{background-color:#000} .place-order input[type=checkbox]:checked:after{opacity:1} .place-order input[type=checkbox]:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4zIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjguOSAwLjMgMTAuMyA4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIuNiA4LjEgOC45IDQuM2wxLTEuMSAyLjcgMi43TDE4LjEuNWwxIDF6Ii8+PC9zdmc+),none;content:"";display:block;height:8px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px} .brxe-bu-place-order #place_order{line-height:1;min-height:auto;padding:15px;width:100%} .bricks-is-frontend.woocommerce-checkout .hidden,.woocommerce-terms-and-conditions-wrapper abbr{display:none!important;padding:0;margin:0;visibility:hidden;z-index:-99} @keyframes bu-spinner{100%{transform:rotate(360deg)}} .brxe-loop-builder-on{--loading-size:40px;--loading-color:#999} .brxe-loop-builder-on.processing *{opacity:.45} .brxe-loop-builder-on.processing{position:relative;pointer-events:none}}@layer djb.bricks{@charset "UTF-8"; @layer bricks.reset, bricks.gutenberg, bricks.icons; .gallery{display:flex;flex-flow:row wrap;margin:0 -10px} .has-text-align-left{text-align:left} .has-text-align-center{text-align:center} .has-text-align-right{text-align:right} @layer bricks{:root{--bricks-vh:1vh;--bricks-transition:all 0.1s;--bricks-input-height:32px;--bricks-color-primary:#ffd64f;--bricks-color-secondary:#fc5778;--bricks-text-dark:#212121;--bricks-text-muted:#616161;--bricks-text-light:#9e9e9e;--bricks-text-info:#00b0f4;--bricks-text-success:#11b76b;--bricks-text-warning:#ffa100;--bricks-text-danger:#fa4362;--bricks-bg-info:#e5f3ff;--bricks-bg-success:#e6f6ed;--bricks-bg-warning:#fff2d7;--bricks-bg-danger:#ffe6ec;--bricks-bg-dark:#263238;--bricks-bg-light:#f5f6f7;--bricks-border-color:#dddedf;--bricks-border-radius:4px;--bricks-tooltip-bg:#23282d;--bricks-tooltip-text:#eaecef} html{-webkit-text-size-adjust:100%;text-size-adjust:auto;line-height:1.15} body{margin:0} article,aside,figcaption,figure,footer,header,main,nav,section{display:block} figure{margin:1em 40px} hr{box-sizing:content-box;height:0;overflow:visible} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} code,kbd,samp{font-family:monospace;font-size:1em} dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} audio,video{display:inline-block} audio:not([controls]){display:none;height:0} img{border-style:none} button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details,menu{display:block} summary{display:list-item} canvas{display:inline-block} [hidden],template{display:none} .brxe-section{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%} @media (max-width:767px){.brxe-section{flex-wrap:wrap}} .brxe-section.has-bg-video{position:relative;z-index:1} .brxe-section.has-shape{position:relative} .brxe-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:1100px} @media (max-width:767px){.brxe-container{flex-wrap:wrap}} .brxe-container.has-bg-video{position:relative;z-index:1} .brxe-container.has-shape{position:relative} .brxe-block{align-items:flex-start;display:flex;flex-direction:column;width:100%} @media (max-width:767px){.brxe-block{flex-wrap:wrap}} .brxe-block.has-bg-video{position:relative;z-index:1} .brxe-block.has-shape{position:relative} .brxe-div.has-bg-video{position:relative;z-index:1} .brxe-div.has-shape{position:relative} [class*=brxe-]{max-width:100%} :where([class*=brxe-].has-shape>*){position:relative} svg:not([width]){min-width:1em} svg:not([height]){min-height:1em} svg.fill *{fill:inherit} svg.stroke *{stroke:inherit} span[class*=brxe-]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div){width:auto} #brx-footer{background-position:50%;background-size:cover;flex-shrink:0;margin-top:auto;position:relative;width:100%} html{font-size:62.5%} *,:after,:before,html{box-sizing:border-box} :after,:before{outline:none} *{border-color:var(--bricks-border-color)} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-position:50%;color:#363636;font-family:-apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:1.7;transition:var(--bricks-transition);transition:padding-top 0s} .brx-body{display:flex;flex-direction:column;margin:0 auto;width:100%} :where(a){border-color:currentcolor;color:currentcolor;cursor:pointer;text-decoration:none} h1,h2,h3,h4,h5,h6{margin:0;text-rendering:optimizelegibility} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:currentcolor} h1{font-size:2.4em} h1,h2{line-height:1.4} h2{font-size:2.1em} h3{font-size:1.8em} h3,h4{line-height:1.4} h4{font-size:1.6em} h5{font-size:1.3em} h5,h6{line-height:1.4} h6{font-size:1.1em} :where(p){margin-block:0 1.2em} :where(p:last-of-type){margin-block-end:0} :where(p:last-of-type)+h1,:where(p:last-of-type)+h2,:where(p:last-of-type)+h3,:where(p:last-of-type)+h4,:where(p:last-of-type)+h5,:where(p:last-of-type)+h6{margin-block:1.2em 0} figcaption{color:var(--bricks-text-light);font-size:.9em;margin:1em 0;text-align:center} img{height:auto;max-width:100%;outline:none;vertical-align:middle} audio,iframe{max-width:100%} button{border:none;cursor:pointer;outline:none;padding:0} blockquote{border-left-style:solid;border-left-width:4px;font-family:georgia,Times New Roman,times,serif;font-size:1.3em;margin:15px 0;padding:0 0 0 30px;position:relative} blockquote cite{display:block;font-size:.8em;font-style:normal;margin-top:.5em;opacity:.5;text-transform:uppercase} hr{border:none;border-top:1px solid var(--bricks-border-color);margin:1em 0} pre{background-color:var(--bricks-bg-light);color:#fc1f49;font-family:monospace;font-size:13px;margin:0;padding:10px 15px;white-space:pre-wrap} table{width:100%} table[class*=brxe-]{display:table} label{color:var(--bricks-text-light);display:block;font-weight:400;margin-bottom:5px} button,input,optgroup,select,textarea{font-family:inherit;text-align:inherit} .input,input:not([type=submit]),select,textarea{border-style:solid;border-width:1px;box-shadow:none;color:currentcolor;font-size:inherit;line-height:40px;outline:none;padding:0 12px;transition:var(--bricks-transition);width:100%} input[type=range]{border:none;height:auto;line-height:1;padding:0} input[type=button],input[type=checkbox],input[type=radio]{width:auto} input[type=checkbox],input[type=radio],input[type=submit],select{cursor:pointer} select{-webkit-appearance:none;appearance:none;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:0} textarea{height:auto;line-height:inherit!important;min-height:90px;padding:10px 12px} ::placeholder{color:var(--bricks-text-light)} body.bricks-is-frontend :focus-visible{outline:auto} @supports not selector(:focus-visible){body.bricks-is-frontend :focus{outline:auto}} #brx-content{flex:1;position:relative;width:100%} #brx-content>.woocommerce{margin-left:auto;margin-right:auto} #brx-header{background-position:50%;background-size:cover;position:relative;width:100%} #brx-header.transparent{background:transparent;border:none;box-shadow:none;color:#fff} #brx-header.brx-sticky{left:0;position:fixed;right:0;top:0;transition:background-color .2s,transform .4s;width:100%;z-index:998} #brx-header.brx-sticky>.brxe-block,#brx-header.brx-sticky>.brxe-container,#brx-header.brx-sticky>.brxe-div,#brx-header.brx-sticky>.brxe-section{transition:inherit} #brx-header.brx-sticky:has(.cart-detail.off-canvas.active,.brxe-offcanvas.brx-open){transition:none} .bricks-search-form{align-items:stretch;display:flex!important;justify-content:space-between;position:relative;width:100%} .bricks-search-form label{align-self:center;margin-inline-end:10px} .bricks-search-form input[type=search]{background-color:inherit;color:currentcolor;display:inline-block;max-width:100%;padding:0 20px;width:auto} .bricks-search-form button{align-items:center;display:flex;justify-content:center;position:relative;white-space:nowrap} .bricks-search-form input{line-height:40px;width:100%} .bricks-button{align-items:center;border-width:0;display:inline-flex;gap:10px;justify-content:center;letter-spacing:.5px;padding:.5em 1em;text-align:center} .bricks-button:where(.sm){font-size:.9em;padding:.4em 1em} .bricks-button:where(.lg){font-size:1.1em;padding:.6em 1em} .bricks-button.block{width:100%} .bricks-button.circle{border-radius:100px!important} .bricks-button:where(.outline){background-color:transparent;border:2px solid} .bricks-button i{position:relative} body.bricks-is-frontend.admin-bar #brx-header.brx-sticky{top:var(--wp-admin--admin-bar--height)} .screen-reader-text,.screen-reader-text span{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px} .screen-reader-text span:focus,.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} [data-brx-ls-wrapper]{transition:opacity .3s ease-in-out} [data-brx-ls-wrapper]:not(.brx-ls-active){display:none!important} .brxe-button{width:auto} @keyframes blink{to{opacity:0}} .brxe-code{width:100%} @keyframes bricks-richtext-init{0%,to{opacity:0}} :where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px} :where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit} .brxe-icon{font-size:60px} svg.brxe-icon{font-size:inherit} :where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column} :where(.brxe-icon-box).top .icon{margin-bottom:20px} :where(.brxe-icon-box).bottom{flex-direction:column-reverse} :where(.brxe-icon-box).bottom .icon{margin-top:20px} :where(.brxe-icon-box).right{flex-direction:row-reverse} :where(.brxe-icon-box).right .icon{margin-left:20px} :where(.brxe-icon-box).left{flex-direction:row} :where(.brxe-icon-box).left .icon{margin-right:20px} :where(.brxe-icon-box) .icon{align-items:center;display:inline-flex;justify-content:center} :where(.brxe-icon-box) .icon a{display:inline-flex} :where(.brxe-icon-box) i{display:inline-block;font-size:40px;line-height:1;text-align:center} a.brxe-image{display:inline-block} figure.brxe-image{margin:0} :where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto} :where(.brxe-image).overlay{position:relative} :where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0} :where(.brxe-image):before{border-radius:inherit} :where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit} :where(.brxe-image) picture{border-radius:inherit;transition:inherit} :where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%} :where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5} .brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1} .brxe-logo img{display:block;height:auto;width:auto} .brxe-logo a{color:currentcolor;display:inline-block} .brxe-pagination{width:100%} body:has(.wp-lightbox-overlay) #brx-content{overflow:clip} :where(.brxe-search) button{align-items:center;background-color:transparent;cursor:pointer;display:flex;gap:.5em;height:40px;justify-content:center;width:60px} :where(.brxe-search) button svg:not([height]){height:inherit} .brxe-shortcode{width:100%} :where(.brxe-svg){height:auto;width:auto} :where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto} :where(.brxe-block,.brxe-container,.brxe-div):has(.brxe-testimonials){min-width:0} .brxe-text-link{gap:5px} .brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex} .brxe-text-link span{justify-content:center} .brxe-text-link .icon{flex-shrink:0} @keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}} .bricks-background-primary{background-color:var(--bricks-color-primary)}}}@layer djb.bricks{@charset "UTF-8"; @layer bricks{@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}} :root{--bricks-woo-input-height:40px} [data-brx-woo-fragment][hidden]{display:none!important} @font-face{font-family:WooCommerce;font-style:normal;font-weight:400;src:url("/wp-content/alteo-assets/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),url("/wp-content/alteo-assets/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),url("/wp-content/alteo-assets/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg") format("svg")} .woocommerce{width:100%} .woocommerce .clear{clear:both} .woocommerce table{border-collapse:collapse;border-spacing:0} .woocommerce table th{text-align:left} .woocommerce fieldset:not(:where(.brxe-filter-radio,.brxe-filter-checkbox)){border:1px solid var(--bricks-border-color)} .woocommerce mark{background-color:var(--bricks-bg-light);color:#000;padding:0 6px} .woocommerce .button{align-items:center;background-color:#e4e7e9;border-width:0;color:currentcolor;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:7px 15px;text-align:center;text-decoration:none} .woocommerce .button.disabled{cursor:not-allowed} body:not(.woocommerce) .button:where(a[data-product_id]),body:not(.woocommerce) .product_type_simple{align-items:center;background-color:#e4e7e9;border-width:0;color:currentcolor;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:7px 15px;text-align:center;text-decoration:none} body:not(.woocommerce) .button:where(a[data-product_id]).disabled,body:not(.woocommerce) .product_type_simple.disabled{cursor:not-allowed} .woocommerce-notices-wrapper{--bricks-woo-notice-info:#2563eb;--bricks-woo-notice-success:#047857;--bricks-woo-notice-danger:#be123c;display:flex;flex-direction:column;gap:15px} .woocommerce-notices-wrapper:not(:empty){margin-bottom:30px} .woocommerce-notices-wrapper:empty{display:none} .woocommerce-notices-wrapper>ul{width:100%} .woocommerce-notices-wrapper a{color:currentcolor;display:block;float:right;font-weight:700;margin-left:10px} .woocommerce-notices-wrapper a:not(:only-of-type){border-left:1px solid;padding-left:10px} .woocommerce-notices-wrapper .woocommerce-message{align-items:center;background-color:var(--bricks-bg-success);color:var(--bricks-woo-notice-success);display:flex;justify-content:space-between;overflow:hidden;padding:15px;width:100%} .woocommerce-notices-wrapper .woocommerce-message a{align-items:center;background-color:#e4e7e9;background-color:var(--bricks-woo-notice-success);border-width:0;color:currentcolor;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;order:2;padding:7px 15px;text-align:center;text-decoration:none} .woocommerce-notices-wrapper .woocommerce-message a.disabled{cursor:not-allowed} .woocommerce-notices-wrapper .woocommerce-error>li:only-child:has(.button){align-items:center;display:flex;justify-content:space-between} .woocommerce-notices-wrapper .woocommerce-error a{align-items:center;background-color:#e4e7e9;background-color:var(--bricks-woo-notice-danger);border-width:0;color:currentcolor;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:7px 15px;text-align:center;text-decoration:none} .woocommerce-notices-wrapper .woocommerce-error a.disabled{cursor:not-allowed} .woocommerce-error{--bricks-woo-notice-danger:#be123c;background-color:var(--bricks-bg-danger);color:var(--bricks-woo-notice-danger);line-height:1.7;list-style-type:none;margin:0;overflow:hidden;padding:15px} .woocommerce-error [data-brx-notice-field-id]:not([data-brx-notice-field-id=""]){cursor:pointer} .woocommerce-error .button{background-color:var(--bricks-woo-notice-danger);color:#fff;order:2} .woocommerce-info{--bricks-woo-notice-info:#2563eb;align-items:center;background-color:var(--bricks-bg-info);color:var(--bricks-woo-notice-info);display:flex;justify-content:space-between;padding:15px} .woocommerce-info a{font-weight:700;text-decoration:underline} .woocommerce-info .button{background-color:var(--bricks-woo-notice-info);color:#fff;order:2} .brxe-woocommerce-notice.woocommerce-notices-wrapper{margin-bottom:0;width:100%} .cart-empty.woocommerce-info{max-width:100%} .woocommerce-checkout label:not(.brxe-form-checkbox){color:inherit;cursor:pointer;font-weight:700;letter-spacing:.2px} .woocommerce-checkout.checkout textarea{display:block;resize:vertical} .woocommerce-checkout .woocommerce-error a{all:unset;cursor:pointer;text-decoration:underline} .woocommerce-checkout .woocommerce-checkout-payment{border:1px solid var(--bricks-border-color)} .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:.9em} .woocommerce-checkout .place-order{display:flex;flex-direction:column;flex-wrap:nowrap} .woocommerce-checkout .place-order a{text-decoration:underline} .woocommerce-checkout .place-order .button{font-size:1.2em;line-height:60px} .woocommerce-account:not(.logged-in) .woocommerce{flex-direction:column;gap:0} .woocommerce-account .woocommerce-MyAccount-content{flex:1} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{margin-bottom:30px} .woocommerce-account .woocommerce:not(#brx-content,.bricks-draggable-root){display:flex;gap:40px} @media (max-width:767px){.woocommerce-account .woocommerce:not(#brx-content,.bricks-draggable-root){flex-direction:column}} .woocommerce-account .woocommerce:not(#brx-content,.bricks-draggable-root)>h2{text-align:center} .woocommerce-account .woocommerce-ResetPassword{display:flex;flex-direction:column;gap:10px} .woocommerce-account .woocommerce-ResetPassword p{margin:0} .woocommerce-account .woocommerce-ResetPassword .clear{display:none} .woocommerce-account form label{color:inherit} .added_to_cart{border-width:0;display:inline-flex;padding:.5em 1em} .products .product{position:relative} .brxe-product-gallery{min-width:0;width:100%} .brxe-product-gallery[data-pos=top] .woocommerce-product-gallery{flex-direction:column-reverse} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=left] .woocommerce-product-gallery{flex-direction:row-reverse} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=right] .woocommerce-product-gallery{flex-direction:row} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=bottom],.brxe-product-gallery:not(.thumbnail-slider)[data-pos=top]{max-width:min(100%,100vw)} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=left],.brxe-product-gallery:not(.thumbnail-slider)[data-pos=right]{contain:inline-size} .brxe-product-gallery:not(.thumbnail-slider) .woocommerce-product-gallery:has(>.flex-control-nav){display:grid} .brxe-product-gallery:not(.thumbnail-slider) .woocommerce-product-gallery:has(>.flex-control-nav)>.woocommerce-product-gallery__wrapper{grid-area:image;min-width:0} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=top] .woocommerce-product-gallery:has(>.flex-control-nav){grid-template-areas:"thumbnails" "image"} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=bottom] .woocommerce-product-gallery:has(>.flex-control-nav){grid-template-areas:"image" "thumbnails"} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=left] .woocommerce-product-gallery:has(>.flex-control-nav){grid-template-areas:"thumbnails image";grid-template-columns:auto minmax(0,1fr)} .brxe-product-gallery:not(.thumbnail-slider)[data-pos=right] .woocommerce-product-gallery:has(>.flex-control-nav){grid-template-areas:"image thumbnails";grid-template-columns:minmax(0,1fr) auto} .brxe-product-gallery .woocommerce-product-gallery,.brxe-product-gallery img{width:100%} .brxe-product-gallery.thumbnail-slider{display:flex;flex-direction:column;gap:30px} .brxe-product-gallery.thumbnail-slider[data-pos=top]{flex-direction:column-reverse} .brxe-product-gallery.thumbnail-slider[data-pos=left]{flex-direction:row-reverse} .brxe-product-gallery.thumbnail-slider[data-pos=right]{flex-direction:row} .brxe-product-gallery.thumbnail-slider[data-pos=bottom],.brxe-product-gallery.thumbnail-slider[data-pos=top]{max-width:min(100%,100vw)} .brxe-product-gallery.thumbnail-slider[data-pos=left],.brxe-product-gallery.thumbnail-slider[data-pos=right]{max-width:min(100%,100vw)} .brxe-product-gallery.thumbnail-slider[data-pos=left] .woocommerce-product-gallery,.brxe-product-gallery.thumbnail-slider[data-pos=right] .woocommerce-product-gallery{flex:1 1 0;max-width:100%;min-width:0;width:auto} .woocommerce-product-gallery{display:flex;flex-direction:column;gap:20px;position:relative;width:50%} @media (max-width:991px){.woocommerce-product-gallery{width:100%}} .woocommerce-product-gallery figure{margin:0} .woocommerce-product-gallery .woocommerce-product-gallery__image a{display:block} .woocommerce-product-gallery .woocommerce-product-gallery__image img{width:100%} .single-product .product:not(tr){display:flex;flex-wrap:wrap;position:relative} .single-product .summary{flex:1} .single-product .summary .price{font-size:1.4em;margin:15px 0} .single-product .summary .price del{color:var(--bricks-text-light);margin-right:5px} .single-product .summary .price ins{text-decoration:none} form.cart .quantity{display:flex;width:200px} form.cart .quantity+button{margin-top:10px} form.cart .quantity.hidden{display:none} form.cart .quantity input{-moz-appearance:textfield;background-color:transparent;flex:1;line-height:var(--bricks-woo-input-height);order:1;padding:0;text-align:center} form.cart .quantity input::-webkit-inner-spin-button,form.cart .quantity input::-webkit-outer-spin-button{-webkit-appearance:none} form.cart .quantity .qty{border-left:none!important;border-right:none!important;width:30px} form.cart .button{align-items:center;column-gap:10px;display:inline-flex;justify-content:center;min-width:200px;white-space:nowrap} form.cart table.variations{empty-cells:show;margin-bottom:30px;overflow:visible} form.cart table.variations tr:not(:has(.reset_variations)){border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px} form.cart table.variations th{padding-top:15px;vertical-align:top} form.cart table.variations th label{margin-bottom:0} form.cart table.variations td{padding:15px 0;position:relative;width:50%} form.cart table.variations tr:not(:has(.reset_variations)):has(td[colspan]){display:none}}}@layer djb.bricks{@layer bricks.icons{@font-face{font-display:block;font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAR0AAoAAAAACHQAAAQuAwUDAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAATMqJIgE2AiQDGMsOBCAFgzQHIBvBB1GUDEoS4IvC2Fg2dhhDIDyaRpvtTvQ6d+nPHSQrKw/SZi4afYvg+/1e99wHIdSZ+FhikBUWdV1rfISsBBQWSLLt/3Euvy+9NQcc6I6bI04p9wFZAZMEEmZGfgI7I/YVO1brgH/5+Ek721a27/5/+7W6orMqSfBSSRvj7D3v4+4taFJJeKMUSodVvOxiwZ2PkMeXeKwgluOWZo72/JNxrzkpMsCv2Q9N7G2teP/z0ZmsIN5YpAmIybhDJw0JGdrpopgC+h9Tq1qSfj5am7iCF/2bpvuNzxr3NmwA4MZBZcr7mDBCe5+UWEoDpyQ3Ya0jPVkZQefWTVsaw4qnUsYG43ss1oNO8RV0pmS90VLMz6XTAONTcns8D27EUslwmJbisc2JJbe1FdPvTbSQ1j5dW76dQJ9lEIsX82uftgzmF2vG6jY8rca2y9M6YkBuDDFsTpESQwRVioFhjjLwWuYq36l3rek26pWZtyLsMUyDUU6lmtwj1Xb8cpTvtSLX3MAGq5S1jTrzXK3yA0egaE1uxJTF8nbolLQEgLAkbbQYszNmvexZNp5BQRyNBDGsrjV8WqtWa8Rv1gAhkDFFjNRv3AqGsSItl/MhjEP5smDFGAYQgzV6JliZilAzAgxOboGe9XZFifm0p6JMV4eDkbxKI1QivUoleQCwM1pd+OecUPnRMr0/4V/4Cs+1vqyGe4dHQqMJyzo9NZLTW/XdnMFXNH/B8SWjkRAAQoxGS/YvWDSYObPb0VGnu0AWi4m4/uBn/vLYwoXIiBy+D81b0A7orfbSRd0uAkLGM2RrelzTVVde+A/PtbwVzoE60TtDI40YmV7GQ4YizbErq6jMtAfIyxTzmIwKsIStAu0KRvG1y0QhnwIt8wUxrAhG/QHGATgTWUoDS88jsErqS7VSqVbgeQBqa6bvp5KFPUbg2ydTliDAuRCcQzye6YQjvhBwpAIQaORXLFqTAi2AXmZcKqczPPltpNhqJ3l8+aHkpiS1E5VjvFb4XMoZk/4dIR/wZ8L7aFgwavaKxV6B8wLtzudy+UPMdDpBeCgUj2MaczhJyONN/WGUiXAUHk/fwfr2jEAgNmageBwBno+ByQtp+VAzdCyKsrr4/zZIRjyguX1ZdVkUMydf3ZDnBFmR6XocJmdNw/+qIwl8fHL0Qnt65VfS45hENZOC4D+amh4sothHg85lPCCez6IfZYlqHmCg5eiIffEx/TGbynxNY1xLxLusyiFd5DXopvEhYZAbkjS6F5KZdW1mbhdSuPbxq0rdUbfISadcdsZhBx1yjqVprxbLUiedkLZe4KL9zg4HO26/Ltfi49qFzthtE7uvMVk2RjzovGN2j5ZMV6zWPb4+D9dKW+2Xlp11WMT/1aIojr4hSVKkEcVjaWadfSHSzpmsLEkt37GG2X49I+ttXAcA) format("woff2")} .fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-family:Font Awesome\ 6 Brands;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto} .fa-facebook-square:before{content:"\f082"} .fa-instagram:before{content:"\f16d"}}}@layer djb.bricks{@layer bricks.icons{@font-face{font-display:block;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVIAAoAAAAACcgAAAT/AwUDAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAXMqLcAE2AiQDGssQBCAFgygHIBsXCSCeB7atY60BVLXC05CMMzKv+ZBb9u/NAMMKiy4kjmxCzplsWE7su0rRfG+19i1T3pW/E9EqIZjdBR60trRIH+yLtr8DcPH/+U9jrk60LqQh2giVRIx/Dzmb3oZpU61+kExToolYMgmZkCTyELc3T4v+GFNvAIMH+DJMgMfzSgBHPfz/mPR4u4Ap8crj2feQf9oJGP9u/HWQ1XUB5FXwAAQA7uPbAFIAIABIABEJDspQ/i892BCwfjd+T/68909/fvjXwQfWX7jdn5xnnJOdY7s1iNf+Alj/XICvYJNLIbk5R6kXy1qPmookTtBopXuQ1Gfqa0spvaFV5GVYlVpXugTqkxbLRWWRTmOcJLrxIGt2PmBoVrpSleVXfSmlfG8bmaX13uVex7JNa3lvnWbktvek4/uOwyCYmJgq4phM33svJeO4mGLS+A2o2m0VCSHe2nKIHC2VnU7RcpRlGkW7s7Q0kodseUt0uzyMUWTbppqeWpCb5996a36zXJiaVqZtRxGVggTWxwIco9WOgYVUWlvKKvJC63olej1cjrlTP4sTrXfigK+aqOJFHm1j06/7EXSJm1FZaviBpXhgZlrrptF6eob4xVrFLN+957DD9uzOM8K5vu9cHPY6wRkijsV4x7ZtszMzs4ixY+h45M6dgzwf9MaRvXj6tbWj9neCsLfjvliIOJHqk6B6jBOhKbfsp6JsONSXx9eNmbaULxBDsdJpzFQu1rWupUZ0UYSn/NR7Mk2gfR3oJQqtXo96Do/pes+5pLv2MLLPxZXp261WVU0HAbnUTPNh4ojnrjiZTi/yRm26TK0sn291v+GYhtHuK6OycKUkx9hwPMDGuB3HfB23QbhlgVF8NKgqrXWrzA9PVICcyH7TQknLysUS6GNQrqwkbkbD8Jka3hobXWt/VCoqMzcCqyBSXVd5wMd9nMlQCCnj2cHMnJ6Ioun2nOcHxQxnl4XZ+lLFvXC/ybg/p2zT8NO2bUiq+bxgULY0ZXC6SD+QfNqlXrsZuS6PF5YiSZvs9oRptn6RHcOkH6LivjTYpSMtqyMkheUzzTuGJNUI95BNyghhVZVX7D/GxQYjRzvdxcCcJTKdx9ZswVI66QQiYxY0hACIhFRl8AFhUGnSgpYCjSlFw5ha9Je4QDrlfiTKMbDku8bELnt5EA6JcIAcmuZJTLpjl4yTfP9qTUx28t7Im+muKRHi4X5VOWIuFW/T83POp+k8EZl6gwXch1/OWfhi/JqAAQBiPx/GpKETXQNhlGa/Mhy1Rc2gdYtXmdDnJyvsh2BKpH4gZNO+gkW12Yaq+PqDKW8uOJYSXkysuPb6zfWEvuP7rjs1NTf3McV1+4aT6drh6YkJpN6m64E82UK+bszwsOeuZB2xlHj4YL2/crmfkh/y5O1BICBNiQ31+10Xubv/sTsCAPDFC9fdMW+/3oqnuAqwoVFF4E8qJh7eLa0A4lVu8eHewIfmOBVMZat7fcUj+Jm4WvxvnqLUX3Akx6FcnqRwLgkaLQArQKYRIytpAj1cmyZxqLtNQy3NxOU+eC0LVczhMDe52T1udY2rXO12qSWX2SB1pJvcyOx8iLtc4bZlbTe4QkS9GhmKW0mAOBVZz1XucL1L3NqPh5vOW4xsVX80ame6gll5m2uc0dLYaAyFooKttIa2XaMOaYQ3nHino6U7pTcJbzAdaomMipjblrlLvAAAAAA=) format("woff2")} .fa{font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:400} @font-face{font-display:block;font-family:Font Awesome\ 6 Solid;font-style:normal;font-weight:900;src:url(data:font/woff2;base64,d09GMgABAAAAAAiIAAoAAAAADywAAAhAAwUDAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRzKlXQBNgIkAzzLIAQgBYMYByAbfQ4ArAZs9woTFiWjTKsjZxZCL3WUF80nez6nNk9fYOEXWJITJ64St3G4Vhxo2VlClwhXC0A3QNLCDeEGgCf7f9f0p5ArUI5SwLs2GdBvmsuA4PmpCc9CzejN8vMTcsqiHg/5u3cmuAnfug2RKUGImqoIUeiaUDLJw3CZZVZLiecg75Nrnzb/AEgBjr/xJ0/K5G129gKfKHvIBWSHSlRuCWB8hQISvpX1tSW55uI/saAim5DOlfuAKDB2HiSATqO1gBP1xn/QhPMWCVAZRA8blxw9zg4g+ebSfyR6o/EkwHk41YDwt/RoPAwgwjMQANQjsjdFsVzERf8KBdhgsL659Hfxd+P38Pfrf//yj4GvZ/48+BN/Pv/XO3+994/UaAA2f4vmvaXO/+O/8O1lrPWRVTNfc665G1ObklVBEG9YAhqpkFCK6TgF87DaUcAbNoiR6aAfBqEfK+zzMPZ9P5YUU1otq8jFIlIl5HWUtkDQLsukSqg0SgzRk4ZNlMyMhsMgHHengCjTwUhkSAyHoR0ShytoxXzbIwYjKYFMK0vVrGVSpeqd7lmquJAVRT7fNdfylABphxTdkoRznF75R54bBs9rXWh7hLlcSHdc/8NxLKv0GAhCcFepYDlOzbJqdFUVaG6o7Jzu3cPRdmcBzDeu8w71vmt3xPLPivcstylHX0uVYkEglNp7gprj1AACGp8LoJsxDkZ4iQeV/iijRk8VpkMoTwuxuJgf+2H5XdyiYdvGE+OJ2toGYaddMYymaCoO3lOExl93rzizrt/bu0KHhcwkNc1CaODNlURER1cgAFGktBwFgAI/RlehmBbbpUShByZSqxkxqHvR06ragGaaWhJAkQ2fVkDzZhpQ1STQsOzGX01A8BUfTDP66yeh9r3BXn+rDSZTlj+UA5+h2EiJw/WiCuGESbPdIOhqu22itcr6cs/S3TlT9xuUUlv7/MLa2oKgQ3Bo/yPWNpWq7nrWxJtljIL64yHQqygBvI4SucJSXAlSDTPNyZToneVYeQ/yf4jPzws0Zf7CXUPLMVnmy/Nepx4ZrsSe2knu5rLMclrrkcs8IuTnc8uUO9NeXOla9JCTXw4Q7MZn9B3djRMArxKqHWK5QAqtcZpN4PuRYkqQ1jRlytwGvtAb4dWkCANLOToguJfrRGVaxO29Hug0Nla0LG7hM2Yyqmlq8fIyTk5qhlFkv0XhIyqsEMcoGFNVotrZGAi88SL9QamXwCOwkk43EX0G8/jZKQJFftHRdHLd8f1Xm+f2T9ou6ZrzoqxQymoK59nKxsbK6mjO6DlmZWNDuZwrNQYwoPG6AErRZSEuBrxh43tfhAfrpUquzxi6pKnoAbYoH/YuHHOwieIb+fkSCdrHJEwh0qneZHqSl2CBkpZ9oxVTP3t4RR2xMD5Kt26eWgcHjVLNMnUWZoJ5nJHZ2qEx5yecMehMjCluQzdMpck6ACx2Essyqt+8qnEJWm6pqpRTGDPq17aG+zGJ8XlBJmSGYeUrSVW1oqMVmd808QFybS+h3sWSomp8fpblRJur9pQCkdWiMyZnDNNoeUdhTO/k+VKLRZ0s69XXTFVLKnyBX0bNlHKGqYxxHCdjcykU/XlcVzN8Zkb1FnTU7cPafqFemnVR3PJkZYgqTkw4vFZ6sSuVW0YNu92ws1xzXSLXzS9X05lD9ymj9YRSXX6eulRNq0VpCRVQZB/XmNm6t+B0gBzHcZ6MYh1VhhDNhgYM4ukisEBnsAzYS7oxEMO8DLAXSbkxxssGfYXCj/H9gt7Qks+3LBe6ju0Fw+a8VODZjhvmewZZL2o5XVV/hGp8BUnSZUmwLIGUqkLAqO+qtLwkyRmp/lYlMUr0ZUwpI0uSSUjWHwaQx5gvVL9UE3owAU7AbKyc1T3a5hJHAmREZMXNkAkFiZZXy56JQ/vrpTiLkqAUDdWrx8vivgIeEPGUEwVhe5uMicaBtBASwfIUV7YLR+mW+pyaFbUWaaBK2KCN1PKxDse8sdpMRDgn2nv1e1Mw2I2UtkeKJnRg/PVCplLO1YB9JWC8IPQ6fo1wBq9YCVmskNlvy8EcsExCvMpJCd/yuaCJziQ4KEQJhh1+Wfgjp1QFFAAQqpSgCUX0YQRGLca+FUNXlM6aLWlvSHVZS6NIe3H4EWg7q9CTBtPhrs6ZrrDYPmH80L9y0WqIMY0D3fYyQiCFanws0OzU1eqPcN7cXCjwYZyjM5xGXHQFwc3ltCFRcO3IixY0AJRJ0Xparz9tRaUvnT7tbUseKpfE8gcfusnjXi4gHjt8Z5+pGWU4BbOBkf74+UkKEQFHVBa1Nbk4vJJOVAmjkbBnjTxAuLqDtM/BOizjNYT882Kj1XUcV9utiD5hf6ofUzMmncfYRD8Ucs2LaeiSiAy9tTCczuFmq24QWfsz11d+MHD+4TiFQnvAlDcLlyrHBtRevlF7zfSEdUZZeFG7rWtYCC6KoUbDB+yU5HJCnNs5PFJ7oQMggEkMt/009WV8yl9GFwAAX1y+6aZz///VeFK4lN4AkIGJS8CVfhpCYkH+wntLkeaUBHwJ8igtFeCzCd+cRVWvSGATgYsP8xC+oywtpBvpf6FH+Jrl2EViTlwqQTqIAHC6En6PjgNCL66nYCEYSFQBDAJwG2EABtsEaFjbxjDN9t1FuzYJqz30xmT0EhfHYpvtDthpg3XW2y3SCat0iZyAbbZK/fZG7bPGLttssSbPjQyXFDsx4qlmYZvNNljNO7v8nfVhGPoNQb8Y5mKNnXbZUBMjMSI7V6BfGWKG0zFM0NTQOLaztT331nT0JIhaCXSV3RoFh/vXre/kMQgA) format("woff2")} .fas{font-family:Font Awesome\ 6 Solid;font-style:normal;font-weight:900} .fa,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto} @-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}} @keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}} @-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}} @keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}} @-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}} @keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}} @-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}} @keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}} @-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}} @keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}} @-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .fa-message:before{content:"\f27a"} .fa-address-card:before{content:"\f2bb"} .fa-phone:before{content:"\f095"} .fa-arrow-rotate-left:before{content:"\f0e2"} .fa-clock:before{content:"\f017"} .fa-user-shield:before{content:"\f505"} .fa-shield:before{content:"\f132"} .fa-check:before{content:"\f00c"} .fa-truck-arrow-right:before{content:"\e58b"}}}@layer djb.bricks{@layer bricks.icons{@font-face{font-family:Ionicons;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAASkAAwAAAAACHgAAARWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgQwIBBEICokghw4BNgIkAzYLHgAEIAWCIAcgG3UGUZQqTg/wkRjHIh5QWZM0vrPv2Xx/D+TZRQrR1vOoxStqiddEoJqBCtOJ1OyLiIIUu92LxlHCeSJlEYfY34/N/DCPRNOSaJVQPvhDXKeedqtJTEKZp871mW0jJBVbbPxe827VAP4OcNF+slED0HhaCGDUdeBvaGYvwKGGxyVUDB/JM2I+9J+6/vISPeg8iEQewhAA0eJBzxbkBb3uofZ/XdgMaE7Bg/3U9acVP5376c6ft/5868/3/PzRL5FfRv0y5YVfXnIcADdyy3covyCX5XnyeMmSMtIEKSR+KD4qDhD7g3ATqzQcOuQ44MCRsXdLAO0BWgZ0N9vnUuQ68h9osIiHazMJpLSpr3d5X/X6uOByl9KC9a2gTK3MFy6nKAXrpZbnsiVmJiqBK8h4ZN5VocrmgO4dXPJXyHi+p5nOCEyqCmQFCvaC1hfmq/pr1hvG69Zr+qvm60aOBBAzrrniGjKuNq8EM16xXoL+4juc5zO8YVWNilnSF1XLgH4lE82riYyqL1f2Zku+8uJJX/iqEY5G66Q0surPVwJZM2tWBcny0co8CdgLWYQ8CFgo+RgG2d4i6ypw68/mjWuEBSRinrreEOLENzWmCnHJKkP3Zo/9VhIqQReQ8ScZgW559hnRefCxhUg2H5qWO7CPLTonJ+SJJMyNNQnitD3p7PApPOMKubJeMv35SrRQtaZBb8FchjV9uau8WYjoVwY22OVS+IT5wTjxJjYm6Wn8r7HjG/PeX+izL21h1JB7ZJim8u0SXXmPu9vYHIO46ZK9UZDh2cU5c4LyH+vaLVuSd78c8WENigQGrughq0WtqIY1DKe117HlMed/fJvdwWZnlWfeW+FUDGrekVV5djzsHVKx7ILGTioWu7FuYzaparGxXcGtls1OvmbZFLN7wDl1dr8wm1XSWT9AWclkxx8cnzTWpE3hZKgKT8Bm6GiD9sLRVZ7j7nr3cc/C/M0WdNu7cO+Cd2ILY1g8tU3aZq2oTZo5PNy9/pn6Ws9Y/bJmJyd5qabm+9Av3n1ecdTHYyqR7i21A1RCX/3PrnTp0QceeO7C+XHj38MDR3bt+lPZpPwYIXn4gSOrV63C4KFHdy2N6JFdpcksHb+fVTepK6Pv+fxmL68KvhlEn79z50Lve96Ftu04cmTEsQ8wOHIEjm1PAACQ3onv+81Hs5r0/61e4AAAb4xuG9ZTIs4PzgNcDT0EoB6UzQigh5wHkCgYC1j7CXCwhHug5kHHoXNAhMEbPVgDvRgEwJ/9O4AAyFhHBWBHD9WJQ+IuAFCHqXiQqwHAYJgrCYrBSg4ykkoeo81c7+IpaxB0uacWu/owq6y2xVpLLLLYekEh84Tz2V111kVvMZ0xxHxzrOCiodbewHzLLbDFGKustMQ8mb1O2gKLbGDozLHWSJ71DddingUrY6ITxb6y5go2ZHkX3cX1FD8F5hXXcjxLuBhELD2T0PkuC+IBE5wH0QwA) format("woff2")} [class*=" ion-"],[class*=" ion-ios-"],[class*=" ion-logo-"],[class*=" ion-md-"],[class^=ion-],[class^=ion-ios-],[class^=ion-logo-],[class^=ion-md-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:Ionicons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto;text-transform:none} [class*=" ion-"]:before,[class*=" ion-ios-"]:before,[class*=" ion-logo-"]:before,[class*=" ion-md-"]:before,[class^=ion-]:before,[class^=ion-ios-]:before,[class^=ion-logo-]:before,[class^=ion-md-]:before{font-family:Ionicons} .ion-ios-arrow-back:before{content:"\f3cf"} .ion-ios-arrow-forward:before{content:"\f3d1"} .ion-ios-information-circle:before{content:"\f1a0"} .ion-ios-mail:before{content:"\f1b8"} .ion-md-card:before{content:"\f2b3"} .ion-md-cart:before{content:"\f2b4"} .ion-md-document:before{content:"\f2e1"} .ion-md-menu:before{content:"\f32a"} .ion-md-phone-portrait:before{content:"\f347"}}}@layer djb.bricks{@layer bricks.icons{@font-face{font-family:themify;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMk9UVE8AAAIsAAoAAAAAA2QAAAHkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYICBmAAPBEIATYCJAMMBAYFgQAHIBuxAiA+DXBjiA4y+yu0iMaxomOXsZKL9szzRwqL/tWkeRdH8Pwaa97fRUyieGg08RAhdAjFJVEDhGISGtz5/s84G5H2Vh0KE1xFH/wnxMvKC20L7fqFLDfNVN2hhpm52hcAveiki7zvAbkJt5RusbGKKa0ImkZYsek0eUv3/DrgV2zAGQWejerXtCzUKO8CyctKIOR0B2gqKBFXmoc8iYjy5ZSKt6wc/NmD0iP0z3ZMb4f7guw2Bb+Z+Phnu+Sx7vp91PhOFpFX1G8ISCeRKwBR7CHHo7Kbn2XtN339o/rnakvgz1WD1a3/xgFK0OtBBQfDw0mfMD7Abr+Z7yt/XIywPFnOscv5u/dHN6jlZ2vseDNcwRoe+hTC05+Mw1YGH//uiqSi99/89+bkG/tL7MXqagEL2M296AUTAY5vABbYtt455+tXx5dHBNoRhfTzuvnndYssiXNECbEQcQjT6YqvDtuRFfUmU6zP8VzIVjzrR4Dqt5+QoVkmKMwNoDSFdKQtCjAULx23/kaIolAnENxbcwTo0q/yqgTuco2T/4qnivhEuQSC5yqSBWDp0DMZBBJYQWQotYQWeYVQSwkTrYUZFeemRKvuH1+qFuvJWC4Vb5ljiVo2VLbHypVUIc8yacyETAAAAA==) format("woff2")} [class*=" ti-"],[class^=ti-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:themify;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none} .ti-heart:before{content:"\e634"}}}@layer djb.bricks{@layer bricks{@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}}@layer djb.global{@font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.95b9ea830580b57e.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.1e8edb2fc100b7f7.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.6d0a674525fee3dd.woff2") format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.dbc85b0dfbaaa315.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.4c2d4a14f23a8ed5.woff2") format('woff2'); unicode-range: U+0102-0103, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/wp-content/djia-builder/public/fonts/inter-alteo-latin.2da39d855c.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0106-0107, U+010C-010D, U+0110-0111, U+0131, U+0152-0153, U+0160-0161, U+017D-017E, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.dedc8b15295b0c4d.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.d94ee9f766c1bb96.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.6fc425135ebdb972.woff2") format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.7a1f3285d596186b.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.06ea0ee0af876399.woff2") format('woff2'); unicode-range: U+0102-0103, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/wp-content/djia-builder/public/fonts/rc-alteo-latin.df5c01326b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0106-0107, U+010C-010D, U+0110-0111, U+0131, U+0152-0153, U+0160-0161, U+017D-017E, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.d3b39cb0e151f610.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.f07c8e2513c225ff.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.0d227eeecaa6f8cf.woff2") format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.399402147cb591bb.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.43f892b6b3837e55.woff2") format('woff2'); unicode-range: U+0102-0103, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.880a00f9760a26f4.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Inter'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.cb87a644b18b6c63.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.a37c75ba252b892f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.ad9839925213f323.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.987db9f12048ab88.woff2") format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.921ec4b3df740873.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.868a7eff862bba05.woff2") format('woff2'); unicode-range: U+0102-0103, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.8dd746f379a2bf48.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Roboto Condensed'; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/wp-content/djia-builder/public/fonts/ext.6a8970724bfab371.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @layer djb.bricks.base0; /* Brojevi kao na alteo: proporcionalne cifre (alteo koristi tabular samo za opseg cene u filteru) */ body :not(.djb-filter-facet__range-text){font-variant-numeric:normal} /* PSI: kontrast panel prijave */ #loginPanel{--b:#2F67E4} /* Bedževi NOVO i PREPORUKA velikim slovima na celom sajtu */ :is(.bdg-n,.bdg-r){text-transform:uppercase} /* Ruka (pointer) na svim dugmadima i linkovima, i na onima koje skripta doda kasnije (mini korpa, pretraga, modali) */ :where(a[href],button,[role=button],[role=tab],[role=menuitem],[role=option],summary,select,input:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file],[type=range]),label:has(input:is([type=checkbox],[type=radio])),input:is([type=checkbox],[type=radio])+label,[data-djb-wishlist],[data-alteo-atc]):not(:disabled,[aria-disabled="true"]){cursor:pointer!important} /* ───── Futer kao na alteo.rs: ikonice naslova kolona i newsletter forma ───── */ :is(#brxe-vdyunp,#brxe-sjqfwk,#brxe-vtdziv)>.djb-icon{font-size:22px!important;line-height:22px!important} #brxe-xgeudi form.djb-form{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;grid-template-columns:none!important} #brxe-xgeudi form.djb-form .djb-form__trap{position:absolute!important;left:-9999px!important} #brxe-xgeudi form.djb-form>.djb-field{flex:1 1 240px!important;min-width:0!important;margin:0!important} #brxe-xgeudi form.djb-form>.djb-form__submit{flex:0 0 auto!important;margin:0!important} #brxe-xgeudi form.djb-form>.djb-form__status{flex:0 0 100%!important} #brxe-xgeudi .djb-field__input{padding:0 16px!important} #brxe-xgeudi .djb-field__input::placeholder{font-size:18px!important} #brxe-xgeudi .djb-form__button{height:44px!important;padding:0 24px!important;width:112px!important;justify-content:center!important;box-sizing:border-box!important} @media (max-width:767px){#brxe-xgeudi form.djb-form{flex-direction:column!important;align-items:center!important}#brxe-xgeudi form.djb-form>.djb-field{flex:0 0 auto!important;width:100%!important}#brxe-xgeudi form.djb-form>.djb-form__submit{margin-top:8px!important}#brxe-xgeudi .djb-form__button{height:38px!important;padding:0 20px!important;width:104px!important}} #brxe-xgeudi form.djb-form{grid-template-columns:minmax(0,240px) 112px!important} @media (min-width:768px) and (max-width:937px){#brxe-xgeudi form.djb-form{grid-template-columns:minmax(0,1fr)!important}#brxe-xgeudi form.djb-form>.djb-form__submit{justify-self:start}} @media (max-width:767px){#brxe-xgeudi form.djb-form{grid-template-columns:minmax(0,1fr)!important}#brxe-xgeudi form.djb-form>.djb-form__submit{justify-self:center}} @media (max-width:937px){#brxe-xgeudi form.djb-form>.djb-field,#brxe-xgeudi form.djb-form>.djb-form__submit{grid-column:1/-1!important}} @media (min-width:768px) and (max-width:937px){#brxe-xgeudi{flex:0 1 360px!important;width:auto!important;min-width:0!important}#brxe-xgeudi form.djb-form{width:100%!important}} /* korpa: količina u stilu sajta (plavi - i +, zaobljeno kao dugmad) */ .djb-cart-qty{display:inline-flex;align-items:stretch;gap:6px;border:0;background:transparent} .djb-cart-qty__btn{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;border:0!important;border-radius:10px!important;background:#E3ECFF!important;color:#3A7AFE!important;cursor:pointer;transition:background .15s,color .15s} .djb-cart-qty__btn:hover{background:#3A7AFE!important;color:#fff!important} .djb-cart-qty__btn[aria-disabled="true"]{opacity:.45;cursor:default} .djb-cart-qty__btn[aria-disabled="true"]:hover{background:#E3ECFF!important;color:#3A7AFE!important} .djb-cart-qty__btn .djb-cart-qty__icon{width:16px!important;height:16px!important;stroke-width:2.5} .djb-cart-qty__input{width:48px!important;height:40px;border:1px solid #DDDEDF!important;border-radius:10px!important;background:#fff;text-align:center;font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;color:#111827;-moz-appearance:textfield} .djb-cart-qty__input:focus{outline:none;border-color:#3A7AFE!important} .djb-cart-qty__input::-webkit-outer-spin-button,.djb-cart-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} /* Količina u korpi – jedan pill (2026-11-04) */ html body .djb-cart-qty:not(.djb-cart-qty--fixed){display:inline-flex!important;align-items:center!important;gap:0!important;height:40px!important;padding:0!important;background:#fff!important;border:1px solid #dbe3f0!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important} html body .djb-cart-qty .djb-cart-qty__btn{width:38px!important;height:38px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a7afe!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:background-color .2s,color .2s} html body .djb-cart-qty .djb-cart-qty__btn:hover{background:#eef4ff!important} html body .djb-cart-qty .djb-cart-qty__btn[aria-disabled=true]{color:#b8c4d6!important;background:transparent!important;cursor:default} html body .djb-cart-qty .djb-cart-qty__icon{width:18px!important;height:18px!important} html body .djb-cart-qty .djb-cart-qty__input{width:40px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #edf1f7!important;border-right:1px solid #edf1f7!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:center!important;font-weight:700!important;font-size:15px!important;color:#111827!important;-moz-appearance:textfield} html body .djb-cart-qty .djb-cart-qty__input::-webkit-outer-spin-button,html body .djb-cart-qty .djb-cart-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} html body .djb-cart-qty .djb-cart-qty__input:focus{outline:none!important;background:#f7faff!important} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--bricks-color-grey-100: #f5f5f5;--wp--preset--color--bricks-color-grey-300: #e0e0e0;--wp--preset--color--bricks-color-grey-500: #9e9e9e;--wp--preset--color--bricks-color-grey-700: #616161;--wp--preset--color--bricks-color-grey-800: #424242;--wp--preset--color--bricks-color-grey-900: #212121;--wp--preset--color--bricks-color-yellow: #ffeb3b;--wp--preset--color--bricks-color-amber: #ffc107;--wp--preset--color--bricks-color-orange: #ff9800;--wp--preset--color--bricks-color-deep-orange: #ff5722;--wp--preset--color--bricks-color-red: #f44336;--wp--preset--color--bricks-color-purple: #9c27b0;--wp--preset--color--bricks-color-blue: #2196f3;--wp--preset--color--bricks-color-light-blue: #03a9f4;--wp--preset--color--bricks-color-sky-blue: #81D4FA;--wp--preset--color--bricks-color-green: #4caf50;--wp--preset--color--bricks-color-light-green: #8bc34a;--wp--preset--color--bricks-color-lime: #cddc39;--wp--preset--color--moje: #3A7AFE;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);} :where(body){ margin: 0; } :where(.is-layout-flex){gap: 0.5em;} :where(.is-layout-grid){gap: 0.5em;} body .is-layout-flex{display: flex;} .is-layout-flex{flex-wrap: wrap;align-items: center;} .is-layout-flex > :is(*, div){margin: 0;} body .is-layout-grid{display: grid;} .is-layout-grid > :is(*, div){margin: 0;} body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} :root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;} .has-black-color{color: var(--wp--preset--color--black) !important;} .has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;} .has-white-color{color: var(--wp--preset--color--white) !important;} .has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;} .has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;} .has-bricks-color-grey-100-color{color: var(--wp--preset--color--bricks-color-grey-100) !important;} .has-bricks-color-grey-300-color{color: var(--wp--preset--color--bricks-color-grey-300) !important;} .has-bricks-color-grey-500-color{color: var(--wp--preset--color--bricks-color-grey-500) !important;} .has-bricks-color-grey-700-color{color: var(--wp--preset--color--bricks-color-grey-700) !important;} .has-bricks-color-grey-800-color{color: var(--wp--preset--color--bricks-color-grey-800) !important;} .has-bricks-color-grey-900-color{color: var(--wp--preset--color--bricks-color-grey-900) !important;} .has-bricks-color-yellow-color{color: var(--wp--preset--color--bricks-color-yellow) !important;} .has-bricks-color-amber-color{color: var(--wp--preset--color--bricks-color-amber) !important;} .has-bricks-color-orange-color{color: var(--wp--preset--color--bricks-color-orange) !important;} .has-bricks-color-deep-orange-color{color: var(--wp--preset--color--bricks-color-deep-orange) !important;} .has-bricks-color-red-color{color: var(--wp--preset--color--bricks-color-red) !important;} .has-bricks-color-purple-color{color: var(--wp--preset--color--bricks-color-purple) !important;} .has-bricks-color-blue-color{color: var(--wp--preset--color--bricks-color-blue) !important;} .has-bricks-color-light-blue-color{color: var(--wp--preset--color--bricks-color-light-blue) !important;} .has-bricks-color-sky-blue-color{color: var(--wp--preset--color--bricks-color-sky-blue) !important;} .has-bricks-color-green-color{color: var(--wp--preset--color--bricks-color-green) !important;} .has-bricks-color-light-green-color{color: var(--wp--preset--color--bricks-color-light-green) !important;} .has-bricks-color-lime-color{color: var(--wp--preset--color--bricks-color-lime) !important;} .has-moje-color{color: var(--wp--preset--color--moje) !important;} .has-black-background-color{background-color: var(--wp--preset--color--black) !important;} .has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;} .has-white-background-color{background-color: var(--wp--preset--color--white) !important;} .has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;} .has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;} .has-bricks-color-grey-100-background-color{background-color: var(--wp--preset--color--bricks-color-grey-100) !important;} .has-bricks-color-grey-300-background-color{background-color: var(--wp--preset--color--bricks-color-grey-300) !important;} .has-bricks-color-grey-500-background-color{background-color: var(--wp--preset--color--bricks-color-grey-500) !important;} .has-bricks-color-grey-700-background-color{background-color: var(--wp--preset--color--bricks-color-grey-700) !important;} .has-bricks-color-grey-800-background-color{background-color: var(--wp--preset--color--bricks-color-grey-800) !important;} .has-bricks-color-grey-900-background-color{background-color: var(--wp--preset--color--bricks-color-grey-900) !important;} .has-bricks-color-yellow-background-color{background-color: var(--wp--preset--color--bricks-color-yellow) !important;} .has-bricks-color-amber-background-color{background-color: var(--wp--preset--color--bricks-color-amber) !important;} .has-bricks-color-orange-background-color{background-color: var(--wp--preset--color--bricks-color-orange) !important;} .has-bricks-color-deep-orange-background-color{background-color: var(--wp--preset--color--bricks-color-deep-orange) !important;} .has-bricks-color-red-background-color{background-color: var(--wp--preset--color--bricks-color-red) !important;} .has-bricks-color-purple-background-color{background-color: var(--wp--preset--color--bricks-color-purple) !important;} .has-bricks-color-blue-background-color{background-color: var(--wp--preset--color--bricks-color-blue) !important;} .has-bricks-color-light-blue-background-color{background-color: var(--wp--preset--color--bricks-color-light-blue) !important;} .has-bricks-color-sky-blue-background-color{background-color: var(--wp--preset--color--bricks-color-sky-blue) !important;} .has-bricks-color-green-background-color{background-color: var(--wp--preset--color--bricks-color-green) !important;} .has-bricks-color-light-green-background-color{background-color: var(--wp--preset--color--bricks-color-light-green) !important;} .has-bricks-color-lime-background-color{background-color: var(--wp--preset--color--bricks-color-lime) !important;} .has-moje-background-color{background-color: var(--wp--preset--color--moje) !important;} .has-black-border-color{border-color: var(--wp--preset--color--black) !important;} .has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;} .has-white-border-color{border-color: var(--wp--preset--color--white) !important;} .has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;} .has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;} .has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;} .has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;} .has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;} .has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;} .has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;} .has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;} .has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;} .has-bricks-color-grey-100-border-color{border-color: var(--wp--preset--color--bricks-color-grey-100) !important;} .has-bricks-color-grey-300-border-color{border-color: var(--wp--preset--color--bricks-color-grey-300) !important;} .has-bricks-color-grey-500-border-color{border-color: var(--wp--preset--color--bricks-color-grey-500) !important;} .has-bricks-color-grey-700-border-color{border-color: var(--wp--preset--color--bricks-color-grey-700) !important;} .has-bricks-color-grey-800-border-color{border-color: var(--wp--preset--color--bricks-color-grey-800) !important;} .has-bricks-color-grey-900-border-color{border-color: var(--wp--preset--color--bricks-color-grey-900) !important;} .has-bricks-color-yellow-border-color{border-color: var(--wp--preset--color--bricks-color-yellow) !important;} .has-bricks-color-amber-border-color{border-color: var(--wp--preset--color--bricks-color-amber) !important;} .has-bricks-color-orange-border-color{border-color: var(--wp--preset--color--bricks-color-orange) !important;} .has-bricks-color-deep-orange-border-color{border-color: var(--wp--preset--color--bricks-color-deep-orange) !important;} .has-bricks-color-red-border-color{border-color: var(--wp--preset--color--bricks-color-red) !important;} .has-bricks-color-purple-border-color{border-color: var(--wp--preset--color--bricks-color-purple) !important;} .has-bricks-color-blue-border-color{border-color: var(--wp--preset--color--bricks-color-blue) !important;} .has-bricks-color-light-blue-border-color{border-color: var(--wp--preset--color--bricks-color-light-blue) !important;} .has-bricks-color-sky-blue-border-color{border-color: var(--wp--preset--color--bricks-color-sky-blue) !important;} .has-bricks-color-green-border-color{border-color: var(--wp--preset--color--bricks-color-green) !important;} .has-bricks-color-light-green-border-color{border-color: var(--wp--preset--color--bricks-color-light-green) !important;} .has-bricks-color-lime-border-color{border-color: var(--wp--preset--color--bricks-color-lime) !important;} .has-moje-border-color{border-color: var(--wp--preset--color--moje) !important;} .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;} .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;} .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;} .has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;} .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;} .has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;} .has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;} .has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;} .has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;} .has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;} .has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;} .has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;} .has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;} .has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;} .has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;} .has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} html{scroll-behavior: smooth} :root{--b: #3A7AFE;--bh: #2563EB;--ba: #1D4ED8;--b50: #EFF6FF;--b100: #DBEAFE;--b200: #93C5FD;--ch: #1F2937;--t1: #111827;--t2: #6B7280;--t3: #9CA3AF;--bd: #E5E7EB;--bg: #FFFFFF;--bg2: #F9FAFB;--sc: #22C55E;--rd: #d63d3d;--sh: 0 2px 8px rgba(0,0,0,.06);--sh2: 0 4px 16px rgba(0,0,0,.08);--r: 12px;--rs: 8px;--tr: .15s ease;} body{font-family: "Roboto Condensed"} h1,h2,h3,h4,h5,h6{font-family: "Roboto Condensed"} .ti{ flex-direction: row; font-size: 16px !important;} .pc{border-radius: var(--r); overflow: hidden; transition: all 0.2s ease; position: relative} .pc:hover{z-index: 10} .pc{ background: var(--bg); box-shadow: var(--sh);} .pc:hover{ box-shadow: var(--sh2); transform: translateY(-2px);} .pc .im{ height: 220px; overflow: hidden; background: var(--bg2); position: relative;} .pc .im img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;} .pc:hover .im img{ transform: scale(1.08);} .pc .bd{ padding: 16px;} .bdg{position: absolute; top: 10px; left: 10px; z-index: 2; font-size: 11px; font-weight: 700; color: #fff; letter-spacing: 0.3px; padding-top: 4px; padding-right: 12px; padding-bottom: 4px; padding-left: 12px; border-radius: 6px} .bdg-n{ background: var(--sc);} .bdg-r{ background: var(--b);} @media (max-width: 767px){.heading12{ font-size: 14px !important; line-height: 1.25 !important; min-height: 50px !important; max-height: 50px !important; font-weight: 700 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;}} .cp{display: flex; align-items: baseline} .cp{ gap: 8px;} .cp .cur{ font-size: 18px; font-weight: 700; color: var(--b);} .cp .old{ font-size: 13px; color: var(--t2); text-decoration: line-through;} .cur > .woocommerce-Price-amount{ font-size: 18px; font-weight: 700; color: #3A7AFE;} .btn-c{width: 100%; height: 42px; border-radius: 10px; color: #fff; font-weight: 600; font-size: 13px; font-family: "Inter"; margin-top: 12px; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center} .btn-c::before{font-size: 18px; font-weight: 400} .btn-c{ background: var(--b); border: none; gap: 6px;} .btn-c::before{ content: '+';} .btn-c:hover{ background: var(--bh); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(58,122,254,.3);} .btn-c:active{ background: var(--ba); transform: translateY(0);} .cn{font-size: 18px; font-weight: 500; line-height: 1.4; color: var(--t1); min-height: 36px; margin-bottom: 10px; display: -webkit-box; overflow: hidden} .cn{ -webkit-line-clamp: 2; -webkit-box-orient: vertical;} :root{--bricks-color-grey-100: #f5f5f5;--bricks-color-grey-300: #e0e0e0;--bricks-color-grey-500: #9e9e9e;--bricks-color-grey-700: #616161;--bricks-color-grey-800: #424242;--bricks-color-grey-900: #212121;--bricks-color-yellow: #ffeb3b;--bricks-color-amber: #ffc107;--bricks-color-orange: #ff9800;--bricks-color-deep-orange: #ff5722;--bricks-color-red: #f44336;--bricks-color-purple: #9c27b0;--bricks-color-blue: #2196f3;--bricks-color-light-blue: #03a9f4;--bricks-color-sky-blue: #81D4FA;--bricks-color-green: #4caf50;--bricks-color-light-green: #8bc34a;--bricks-color-lime: #cddc39;--moje: #3A7AFE;} button:is(#brxe-jblgnk,.brxe-jblgnk).nmb.bricks-button{ font-size:22px !important;} body:not(.home) .pc .cn:not(#alteo-x1):not(#alteo-x2){ font-size: 16px !important; font-weight: 500 !important; line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 2.8em !important; min-height: 2.8em !important; max-height: 2.8em !important; padding-top: 0 !important; padding-bottom: 0 !important;} body:not(.home) .pc .cn a{ font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; } body:not(.home) .pc .cur,body:not(.home) .pc .cur .woocommerce-Price-amount,body:not(.home) .pc .cur ins,body:not(.home) .pc .cur ins .woocommerce-Price-amount,body:not(.home) .pc .cur .djb-price__amount,body:not(.home) .pc .cur ins .djb-price__amount{ font-size: 20px !important; font-weight: 700 !important;} #pg-home .feat-grid > .feat-big,#pg-home .feat-grid > .feat-sm{ overflow: hidden !important; } #pg-home .feat-grid .img-a{ border-radius: 12px 12px 0 0 !important; } .woocommerce-mini-cart-item img:not(#alteo-x1):not(#alteo-x2){ object-fit: contain !important; background: #fff !important; padding: 2px !important; box-sizing: border-box !important;} .stb1 p.brxe-heading:not(#alteo-x1):not(#alteo-x2){ font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important;} .alteo-mobile-back:not(#alteo-x1),.mega-back:not(#alteo-x1){ font-size: 14px !important; font-weight: 600 !important; display: flex !important; align-items: center !important; gap: 8px !important;} .alteo-mobile-back::before,.mega-back::before{ content: "" !important; width: 7px; height: 7px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); flex: 0 0 auto; margin-left: 2px;} @media (max-width: 767px){body:not(.home) .pc .cn:not(#alteo-x1):not(#alteo-x2):not(#alteo-x3){ height: auto !important; min-height: 0 !important; max-height: 2.8em !important; } .stb1 p.brxe-heading:not(#alteo-x1):not(#alteo-x2){ position: relative !important; top: 2px !important; } .alteo-mobile-categories:not(#alteo-x1):not(#alteo-x2){ margin-bottom: 0 !important; } .alteo-mobile-links-card:not(#alteo-x1):not(#alteo-x2){ margin-top: 8px !important; } .alteo-mobile-social:not(#alteo-x1):not(#alteo-x2){ gap: 12px !important; column-gap: 12px !important; } .alteo-mobile-support-item,.alteo-mobile-support-item *{ font-weight: 400 !important; } .alteo-mobile-support-item a.alteo-phone-link:not(#alteo-x1),.alteo-mobile-support-item strong:not(#alteo-x1),.alteo-mobile-support-item b:not(#alteo-x1){ font-weight: 700 !important; } .brxe-bu-off-canvas .bu-oc-panel{ padding-top: 0 !important; } .brxe-bu-off-canvas .bu-oc-panel > .pm-handle + div{ width: calc(100% + 32px) !important; max-width: none !important; } .post-type-archive-product :is(#brxe-nbjymy,.brxe-nbjymy):not(#alteo-x1):not(#alteo-x2){ grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; grid-template-areas: "heading" "pagination" "sort" !important; row-gap: 12px !important; } .post-type-archive-product :is(#brxe-mqvnnv,.brxe-mqvnnv):not(#alteo-x1):not(#alteo-x2){ justify-self: start !important; justify-content: flex-start !important; margin-left: 0 !important; } .post-type-archive-product :is(#brxe-hmjfht,.brxe-hmjfht):not(#alteo-x1):not(#alteo-x2){ display: none !important; } .post-type-archive-product :is(#brxe-zlauqg,.brxe-zlauqg):not(#alteo-x1):not(#alteo-x2){ margin-top: 16px !important; gap: 10px !important; } .post-type-archive-product :is(#brxe-aumgri,.brxe-aumgri):not(#alteo-x1):not(#alteo-x2){ position: relative !important; top: 3px !important; } :is(#brxe-gkkzbd,.brxe-gkkzbd):not(#alteo-x1),:is(#brxe-eporil,.brxe-eporil):not(#alteo-x1){ margin-top: 13px !important; } :is(#brxe-ctqkwc,.brxe-ctqkwc):not(#alteo-x1){ padding-top: 3px !important; }} @media (max-width: 500px){:is(#brx-content,#djb-main) .c:not(#alteo-x1):not(#alteo-x2):not(#alteo-x3){ padding-left: 10px !important; padding-right: 10px !important; }} :is(#brxe-grpmtz,.brxe-grpmtz){font-size: 15px; flex-direction: row} :is(#brxe-grpmtz,.brxe-grpmtz) .icon :is(i,.djb-icon){font-size: 18px} :is(#brxe-mgnugh,.brxe-mgnugh) .icon :is(i,.djb-icon){font-size: 18px} :is(#brxe-mgnugh,.brxe-mgnugh){flex-direction: row} :is(#brxe-mgnugh,.brxe-mgnugh) h1{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) h2{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) h3{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) h4{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) h5{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) h6{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh) .content{font-size: 16px} :is(#brxe-mgnugh,.brxe-mgnugh){ font-size: 16px !important;} :is(#brxe-mmaltk,.brxe-mmaltk){display: none} header .tl .ti{ font-size: 16px !important; line-height: 1.4 !important;} header .tl .ti .content{ font-size: 16px !important; line-height: 1.4 !important;} header .tl .ti .content p{ font-size: 16px !important; line-height: 1.4 !important;} header .tl .ti .content a{ font-size: 16px !important; line-height: 1.4 !important;} header .brxe-icon-box.ti .content p{ font-size: 16px !important; line-height: 1.4 !important;} header .brxe-icon-box.ti .content a{ font-size: 16px !important; line-height: 1.4 !important;} header .brxe-icon-box.ti .icon :is(i,.djb-icon){ font-size: 16px !important;} header a[href^="mailto:"]{ font-size: 16px !important; line-height: 1.4 !important; font-weight: 500 !important;} body.home header a[href^="mailto:"]{ font-size: 16px !important; line-height: 1.4 !important; font-weight: 500 !important;} :is(#brxe-yfxdkm,.brxe-yfxdkm) a[href^="mailto:"]{ font-size: 16px !important; line-height: 1.4 !important; font-weight: 500 !important;} :is(#brxe-mgnugh,.brxe-mgnugh) a[href^="mailto:"]{ font-size: 16px !important; line-height: 1.4 !important; font-weight: 500 !important;} :is(#brxe-srkiod,.brxe-srkiod) .bricks-site-logo{width: 150px} :is(#brxe-nhjrrh,.brxe-nhjrrh){width: 150px} :is(#brxe-ccxoqp,.brxe-ccxoqp) input[type=search]{font-size: 14px} @media (max-width: 768px){html body .sb input,html body .search-popup-box input{ font-size: 14px !important;} html body .sb{ display: none; }} .sb input{ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 400;} .search-popup-box input{ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 400;} .sb{ flex: 1; max-width: 600px; margin: 0 auto;} .sb .bricks-search-form{ position: relative; display: flex; align-items: center;} .sb .bricks-search-form input[type="search"]{ width: 100%; height: 44px; border-radius: 10px; border: 1.5px solid #D1D5DB; padding: 0 52px 0 16px; font-size: 14px; font-family: 'Inter', system-ui, sans-serif; background: #FFFFFF; color: #111827; outline: none; transition: border 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; -webkit-appearance: none; line-height: 44px;} .sb .bricks-search-form input[type="search"]::placeholder{ color: #71767f;} .sb .bricks-search-form input[type="search"]:focus{ border-color: #3A7AFE; box-shadow: 0 0 0 3px #93C5FD; background: #FFFFFF;} .sb .bricks-search-form input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none;} .sb .bricks-search-form input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none;} .sb .bricks-search-form button[type="submit"]{ position: absolute; right: 4px; top: 4px; width: 36px; height: 36px; border-radius: 8px; background: #3A7AFE; border: none; color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s ease;} .sb .bricks-search-form button[type="submit"]:hover{ background: #2563EB;} .sb .bricks-search-form button :is(i,.djb-icon){ font-size: 16px;} .sb .bricks-search-form .screen-reader-text{ display: none;} :is(#brxe-emspbp,.brxe-emspbp){width: 1000px} @media (max-width: 1150px){:is(#brxe-emspbp,.brxe-emspbp){width: 600px}} @media (max-width: 991px){:is(#brxe-emspbp,.brxe-emspbp){width: 500px}} @media (max-width: 767px){:is(#brxe-sfqtoq,.brxe-sfqtoq){right: 20px}} @media (max-width: 767px){:is(#brxe-upouus,.brxe-upouus){display: flex}} @media (max-width: 767px){:is(#brxe-pyjlsu,.brxe-pyjlsu){display: flex}} @media (max-width: 767px){:is(#brxe-nhhuji,.brxe-nhhuji){display: flex}} @media (max-width: 767px){:is(#brxe-mhbqwe,.brxe-mhbqwe){display: flex}} :is(#brxe-eoucep,.brxe-eoucep){grid-template-columns: 1fr 1fr 1fr; padding-right: 20px} :is(#brxe-jblgnk,.brxe-jblgnk){font-size: 20px; padding-right: 40px; padding-left: 10px; border-radius: 8px; transition: background-color 0.25s ease, box-shadow 0.25s ease} :is(#brxe-jblgnk,.brxe-jblgnk) :is(i,.djb-icon){font-size: 29px} button:is(#brxe-jblgnk,.brxe-jblgnk).nmb.bricks-button{ font-size: 20px !important;} :is(#brxe-jblgnk,.brxe-jblgnk).is-open{ background-color: #171717; box-shadow: none;} :is(#brxe-mirobn,.brxe-mirobn){font-size: 18px; padding-right: 0; padding-left: 0} .home .nl>a{ font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important;} .home .nl>.brxe-text-link{ font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important;} :is(#brxe-eczjww,.brxe-eczjww){font-size: 18px; padding-right: 0; padding-left: 0} :is(#brxe-eovimi,.brxe-eovimi){font-size: 18px; padding-right: 0; padding-left: 0} :is(#brxe-pdfwfj,.brxe-pdfwfj){font-size: 18px; padding-right: 0; padding-left: 0} :is(#brxe-prrqow,.brxe-prrqow){font-size: 18px; padding-right: 0; padding-left: 0} :is(#brxe-nvkhrs,.brxe-nvkhrs){column-gap: 30px; padding-right: 16px; padding-left: 16px} :is(#brxe-nvkhrs,.brxe-nvkhrs)>a{ position: relative;} :is(#brxe-nvkhrs,.brxe-nvkhrs)>a::after{ content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 2px; background: #3A7AFE; transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease;} :is(#brxe-nvkhrs,.brxe-nvkhrs)>a:hover::after{ transform: scaleX(1); transform-origin: left;} :is(#brxe-nvkhrs,.brxe-nvkhrs)>a[aria-current="page"]::after{ transform: scaleX(1); transform-origin: left;} :is(#brxe-utqldq,.brxe-utqldq){color: #3A7AFE; fill: #3A7AFE} :is(#brxe-rylsmg,.brxe-rylsmg){color: #3A7AFE; fill: #3A7AFE} :is(#brxe-gixczo,.brxe-gixczo){margin-top: 3px} .nb .c{ display: flex; align-items: center;} .nb .social{ margin-left: auto; display: flex; align-items: center; gap: 14px;} .nb .social .s-icon{ font-size: 30px; line-height: 1; color: #111827; transition: color .2s ease, transform .2s ease, opacity .2s ease;} .nb .social .s-icon:hover{ transform: translateY(-2px); opacity: .85;} .nb .social .fa-instagram{ color: #E4405F;} .nb .social .fa-facebook-square{ color: #1877F2;} :is(#brxe-vszvao,.brxe-vszvao){justify-content: center; align-self: center !important; align-items: center} :is(#brxe-negkco,.brxe-negkco){padding-top: 5px; padding-bottom: 5px; position: relative; z-index: 20; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08)} :is(#brxe-negkco,.brxe-negkco){ background: #F3F2F3; border-bottom: none;} :is(#brxe-auqiqh,.brxe-auqiqh){width: 100%} @media (max-width: 767px){:is(#brxe-auqiqh,.brxe-auqiqh){display: none}} @media (max-width: 767px){.search-popup{ display: none; position: fixed; inset: 0; z-index: 500; background: rgba(0,0,0,.5); -webkit-backdrop-filter:blur(4px);backdrop-filter: blur(4px);} .search-popup.open{ display: flex; align-items: flex-start; justify-content: center; padding-top: 20px;} .search-popup-box{ width: 92%; max-width: 500px; background: #FFFFFF; border-radius: 16px; padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,.08); position: relative;} .sp-close{ position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; min-width: 36px; border-radius: 50%; border: none; background: #F9FAFB; color: #6B7280; font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; transition: all 0.15s ease;} .sp-close:hover{ background: #FEE2E2; color: #d63d3d;} .search-popup-box > .brxe-heading{ font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 16px;} .search-popup-box :is(#brxe-bdbaas,.brxe-bdbaas){ position: relative !important; inset: auto !important; background: none !important; -webkit-backdrop-filter:none !important;backdrop-filter: none !important; display: block !important; padding: 0 !important;} .search-popup-box .bricks-search-form{ position: relative; display: flex; align-items: center;} .search-popup-box .bricks-search-form input[type="search"]{ width: 100%; height: 52px; border-radius: 12px; border: 2px solid #3A7AFE; padding: 0 52px 0 16px; font-size: 16px; font-family: 'Inter', system-ui, sans-serif; color: #111827; background: #FFFFFF; outline: none; -webkit-appearance: none; line-height: 52px;} .search-popup-box .bricks-search-form input[type="search"]:focus{ box-shadow: 0 0 0 4px #DBEAFE;} .search-popup-box .bricks-search-form input[type="search"]::placeholder{ color: #71767f;} .search-popup-box .bricks-search-form input[type="search"]::-webkit-search-cancel-button,.search-popup-box .bricks-search-form input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none;} .search-popup-box .bricks-search-form button[type="submit"]{ position: absolute; right: 6px; top: 6px; width: 40px; height: 40px; border-radius: 10px; background: #3A7AFE; border: none; color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s ease;} .search-popup-box .bricks-search-form button[type="submit"]:hover{ background: #2563EB;} .search-popup-box .bricks-search-form button :is(i,.djb-icon){ font-size: 18px;} .search-popup-box .screen-reader-text{ display: none;} .sp-popular{ margin-top: 16px;} .sp-popular > .brxe-heading{ font-size: 12px; font-weight: 600; color: #71767f; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;} .sp-popular .brxe-text-link{ display: inline-block; padding: 6px 14px; background: #F9FAFB; border-radius: 20px; font-size: 13px; color: #111827; text-decoration: none; margin: 0 6px 8px 0; transition: all 0.15s ease;} .sp-popular .brxe-text-link:hover{ background: #DBEAFE; color: #3A7AFE;}} @media (max-width: 767px){:is(#brxe-wzdzcd,.brxe-wzdzcd){display: none}} .pc .bdg-save{ position: absolute; top: 40px; left: 10px; z-index: 3; max-width: 120px; background: #FEF3C7; color: #111827; font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pc .wl-btn{ z-index: 4;} @media (max-width: 767px){.brxe-zxwujs .brxe-pooszb.brxe-heading{font-size: 16px; height: 50px; order: 999; margin-bottom: 5px; padding-bottom: 0} .brxe-pooszb{ font-size: 14px !important; line-height: 1.25 !important; min-height: 35px !important; max-height: 35px !important; font-weight: 700 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;}} .cur{ display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;} .cur del{ font-size: 13px; font-weight: 400; color: #71767f; text-decoration: line-through; order: 2;} .cur ins{ font-size: 18px; font-weight: 700; color: #3A7AFE; text-decoration: none; order: 1;} .cur>.woocommerce-Price-amount{ font-size: 18px; font-weight: 700; color: #3A7AFE;} .cur .woocommerce-Price-currencySymbol{ font-size: inherit; font-weight: inherit;} .cur .screen-reader-text{ display: none;} @media (max-width: 767px){.brxe-zxwujs .brxe-sswmna.brxe-text-basic{font-size: 16px} .brxe-sswmna{ font-size: 14px !important;}} .brxe-zxwujs.brxe-div{width: 100%} @media (max-width: 767px){@media (max-width: 768px){.search-popup-box{ width: 94vw !important; max-width: 420px !important; max-height: 92vh !important; overflow-y: auto !important; padding: 18px !important; } .alteo-search-products-m{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .alteo-search-products-m .pc{ min-width: 0 !important; border-radius: 12px !important; overflow: hidden !important; } .alteo-search-products-m .pc .im{ height: 105px !important; } .alteo-search-products-m .pc .im img{ width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 8px !important; } .alteo-search-products-m .pc .bd{ padding: 9px !important; } .alteo-search-products-m .pc .cn{ font-size: 11px !important; line-height: 1.25 !important; min-height: 28px !important; max-height: 28px !important; font-weight: 700 !important; overflow: hidden !important; } .alteo-search-products-m .pc .cur,.alteo-search-products-m .pc .woocommerce-Price-amount{ font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important; } .alteo-search-products-m .pc .btn-c{ height: 34px !important; margin-top: 8px !important; font-size: 11px !important; border-radius: 8px !important; padding: 0 8px !important; } .alteo-search-products-m .pc .wl-btn{ width: 34px !important; height: 34px !important; top: 8px !important; right: 8px !important; } .alteo-search-side-m{ display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 12px !important; } .alteo-search-side-m .alteo-side-title{ width: 100% !important; font-size: 11px !important; } .alteo-search-side-m .alteo-side-link{ font-size: 11px !important; padding: 6px 10px !important; border-radius: 999px !important; background: #eff6ff !important; color: #2563eb !important; }}} :is(#brxe-utxdvz,.brxe-utxdvz){grid-template-columns: 1fr 1fr 1fr; gap: 30px} .alteo-search-products{ display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important;} .alteo-search-products .pc{ width: 100% !important; min-width: 0 !important;} .alteo-search-products .pc .im{ height: 190px !important;} .alteo-search-products .pc .im img{ width: 100% !important; height: 100% !important; object-fit: contain !important;} .alteo-search-products .pc .cn{ display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;} .alteo-search-products .pc .btn-c{ width: 100% !important;} :is(#brxe-rcdlbz,.brxe-rcdlbz){width: 800px; position: static} @media (max-width: 768px){.search-popup-box{ width: 94vw !important; max-width: 420px !important; max-height: 92vh !important; overflow-y: auto !important; } .alteo-search-main-m{ display: flex !important; flex-direction: column !important; gap: 12px !important; } .alteo-search-products-m{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .alteo-search-products-m .pc{ width: 100% !important; min-width: 0 !important; } .alteo-search-products-m .pc .im{ height: 120px !important; } .alteo-search-products-m .pc .im img{ width: 100% !important; height: 100% !important; object-fit: contain !important; } .alteo-search-products-m .pc .bd{ padding: 10px !important; } .alteo-search-products-m .pc .cn{ font-size: 12px !important; line-height: 1.3 !important; min-height: 32px !important; max-height: 32px !important; overflow: hidden !important; } .alteo-search-products-m .pc .cur{ font-size: 13px !important; } .alteo-search-products-m .pc .btn-c{ height: 36px !important; font-size: 12px !important; } .alteo-search-side-m{ display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } .alteo-search-side-m .alteo-side-link{ font-size: 11px !important; padding: 6px 10px !important; border-radius: 999px !important; background: #eff6ff !important; color: #2563eb !important; }} @media (max-width: 767px){.alteo-search-dropdown-m{ display: none !important;} .alteo-search-dropdown-m.is-open{ display: block !important;}} :is(#brxe-untoga,.brxe-untoga){margin-right: 5px} :is(#brxe-jvwiwr,.brxe-jvwiwr){align-self: flex-end} :is(#brxe-bciwnz,.brxe-bciwnz){align-self: center !important; justify-content: center; align-items: center; width: 100%; padding-top: 0; padding-bottom: 0} .alteo-mega-l1>.alteo-mega-vesa{ display: block !important; width: 100% !important; height: 1px !important; min-height: 1px !important; margin: 12px 0 10px !important; padding: 0 !important; background: #E5E7EB !important; border: 0 !important; border-radius: 0 !important; pointer-events: none !important;} .alteo-mega-l1>.alteo-mega-vesa-logo{ display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 44px !important; padding: 8px 36px 8px 10px !important; margin: 0 !important; background: #F3F8F0 !important; border-radius: 8px !important; position: relative !important; text-decoration: none !important; text-align: left !important;} .alteo-mega-l1>.alteo-mega-vesa-logo img{ display: block !important; width: 28px !important; height: 20px !important; max-width: 28px !important; margin: 0 10px 0 0 !important; object-fit: contain !important; flex: 0 0 28px !important;} .alteo-mega-l1>.alteo-mega-vesa-logo::after{ content: "Alteo" !important; display: block !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; color: #111827 !important;} .alteo-mega-l1>.alteo-mega-vesa-logo::before{ content: "›" !important; position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 20px !important; line-height: 1 !important; color: #6B7280 !important;} .alteo-mega-l1>.alteo-mega-vesa-logo+.alteo-mega-cat-name{ display: none !important;} .alteo-mega-l1>.alteo-mega-vesa-logo:hover{ background: #EAF4E5 !important;} :is(#brxe-glyhyq,.brxe-glyhyq) .bricks-site-logo{width: 100px} .alteo-mobile-categories{ position: relative !important;} .alteo-mobile-categories>.alteo-mobile-vesa{ display: block !important; width: 100% !important; height: 1px !important; min-height: 1px !important; margin: 10px 0 8px !important; padding: 0 !important; background: #E5E7EB !important; border: 0 !important; border-radius: 0 !important; pointer-events: none !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo{ display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 44px !important; padding: 8px 38px 8px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; position: relative !important; text-decoration: none !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo img{ display: block !important; width: 28px !important; height: 20px !important; max-width: 28px !important; margin: 0 10px 0 0 !important; padding: 0 !important; object-fit: contain !important; flex: 0 0 28px !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo::after{ content: "Alteo" !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 500 !important; color: #111827 !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo::before{ content: "›" !important; position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 20px !important; line-height: 1 !important; font-weight: 400 !important; color: #6B7280 !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo+.brxe-text-basic{ display: none !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo+.brxe-text-basic+.brxe-text-basic{ display: none !important;} .alteo-mobile-categories>.alteo-mobile-vesa+.brxe-logo:hover{ background: transparent !important;} :is(#brxe-gannxy,.brxe-gannxy){font-size: 24px} :is(#brxe-iendmq,.brxe-iendmq){font-size: 24px} :is(#brxe-swcxwo,.brxe-swcxwo){font-size: 24px} :is(#brxe-asmshc,.brxe-asmshc){font-size: 24px} :is(#brxe-jhdcpg,.brxe-jhdcpg) .bricks-site-logo{width: 150px} @media (max-width: 767px){:is(#brxe-ckcron,.brxe-ckcron){margin-left: -12px}} @media (max-width: 478px){:is(#brxe-ckcron,.brxe-ckcron){margin-left: -2px}} @media (max-width: 767px){:is(#brxe-mtvocy,.brxe-mtvocy){display: flex}} :is(#brxe-wsaxxl,.brxe-wsaxxl){display: flex; align-items: center; height: 100%; justify-content: center; width: 100%} @media (max-width: 767px){:is(#brxe-cumdza,.brxe-cumdza){display: flex}} @media (max-width: 478px){:is(#brxe-cqogvs,.brxe-cqogvs){column-gap: 0px; row-gap: 0px} @media (max-width: 767px){#siteHeader .mh_mobile{ display: flex; flex-direction: row; align-items: center; height: 58px; gap: 0px !important; padding: 0 14px; }} @media (max-width: 767px){#siteHeader .brxe-logo.logo{ display: flex; align-items: center; margin: 0 0 0 0 !important; padding: 0; flex-shrink: 0; }}} #siteHeader{display: none} @media (max-width: 767px){#siteHeader{display: block} @media (max-width:767px){#siteHeader.sh_mobile{ background:#3A7AFE; box-shadow:0 1px 0 rgba(0,0,0,.18); position:sticky; top:0; z-index:100; } #siteHeader .mh_mobile{ display:flex; flex-direction:row; align-items:center; height:58px; gap:6px; padding:0 14px; } #siteHeader .mob-burger{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; margin:0 0 0 -6px; border:none; background:none; color:#fff; border-radius:8px; flex-shrink:0; cursor:pointer; } #siteHeader .mob-burger svg{ width:25px; height:25px; } #siteHeader a.logo:empty{ display:none; } #siteHeader .brxe-logo.logo{ display:flex; align-items:center; margin:0 0 0 2px; padding:0; flex-shrink:0; } #siteHeader .brxe-logo.logo img{ height:26px; width:auto; max-width:none; } #siteHeader .ha{ display:flex; flex-direction:row; align-items:center; gap:0; margin-left:auto; } #siteHeader .hb{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; margin:0; border:none; background:none; color:#fff; border-radius:8px; position:relative; text-decoration:none; cursor:pointer; } #siteHeader .hb svg{ width:23px; height:23px; }}} :is(#brxe-emjrnz,.brxe-emjrnz){display: none} @media (max-width: 768px){html body .woocommerce-notices-wrapper .woocommerce-message,html body .woocommerce-notices-wrapper .woocommerce-error,html body .woocommerce-notices-wrapper .woocommerce-info{ margin: 10px 16px !important; } html body .woocommerce-notices-wrapper .button{ float: none !important; display: inline-flex !important; margin: 10px 0 0 !important; }} .woocommerce-notices-wrapper .woocommerce-message{ max-width: 1320px; margin: 14px auto !important; padding: 16px 20px !important; border-radius: 14px !important; border: 1px solid transparent !important; box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important;} .woocommerce-notices-wrapper .woocommerce-error{ max-width: 1320px; margin: 14px auto !important; padding: 16px 20px !important; border-radius: 14px !important; border: 1px solid transparent !important; box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important;} .woocommerce-notices-wrapper .woocommerce-info{ max-width: 1320px; margin: 14px auto !important; padding: 16px 20px !important; border-radius: 14px !important; border: 1px solid transparent !important; box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important;} .woocommerce-message{ background: #ecfdf3 !important; border-color: #bbf7d0 !important; color: #15803d !important;} .woocommerce-error{ background: #fff1f2 !important; border-color: #fecdd3 !important; color: #be123c !important;} .woocommerce-info{ background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important;} .woocommerce-message a{ float: right !important; margin-left: 16px !important; padding: 8px 14px !important; border-radius: 10px !important; background: #3A7AFE !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important;} .woocommerce-error a{ float: right !important; margin-left: 16px !important; padding: 8px 14px !important; border-radius: 10px !important; background: #3A7AFE !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important;} .woocommerce-info a{ float: right !important; margin-left: 16px !important; padding: 8px 14px !important; border-radius: 10px !important; background: #3A7AFE !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important;} .woocommerce-notices-wrapper .button{ float: right !important; margin-left: 16px !important; padding: 8px 14px !important; border-radius: 10px !important; background: #3A7AFE !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important;} @media (max-width: 478px){:is(#brxe-emjrnz,.brxe-emjrnz){display: none; overflow: hidden; visibility: hidden}} @media (min-width: 769px){html body .sh .mh .c{ display: grid !important; grid-template-columns: var(--nav-w) minmax(0, 1fr) auto !important; grid-template-rows: auto !important; grid-auto-flow: row !important; column-gap: 0 !important; gap: 0 !important; align-items: center !important; justify-content: stretch !important; flex-wrap: nowrap !important; } html body .sh .mh .c > .logo{ grid-column: 1 !important; grid-row: 1 !important; } html body .sh .mh .c > .sb{ grid-column: 2 !important; grid-row: 1 !important; } html body .sh .mh .c > .ha{ grid-column: 3 !important; grid-row: 1 !important; } html body .sh .mh .logo{ width: auto !important; max-width: var(--nav-w) !important; flex: 0 0 auto !important; margin-right: 0 !important; justify-self: start !important; } html body .sh .mh .ha{ justify-self: end !important; margin-left: 0 !important; padding-left: 0 !important; flex: 0 0 auto !important; } html body .sh .nb .nmb{ width: var(--nav-w) !important; min-width: var(--nav-w) !important; max-width: var(--nav-w) !important; box-sizing: border-box !important; white-space: nowrap !important; } html body .sh .mh .sb{ position: relative !important; display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: 1 1 auto !important; margin: 0 var(--sb-gap-r) 0 var(--sb-gap-l) !important; padding: 0 !important; justify-self: stretch !important; }} :root{ --nav-w: 204px; --sb-gap-l: 5px; --sb-gap-r: 24px; --sb-h: 44px; --sb-inset: 5px; --sb-btn: calc(var(--sb-h) - var(--sb-inset) * 2); --sb-bd: #DDE3EC;} .sh .mh .sb form{ position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;} .sh .mh .sb .bricks-search-form{ position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;} .sh .mh .sb label{ position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;} .sh .mh .sb input[type="search"]{ -webkit-appearance: none !important; appearance: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--sb-h) !important; min-height: 0 !important; line-height: normal !important; margin: 0 !important; padding: 0 calc(var(--sb-btn) + var(--sb-inset) + 11px) 0 16px !important; border: 1px solid var(--sb-bd) !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color .15s ease, box-shadow .15s ease !important;} .sh .mh .sb input[type="text"]{ -webkit-appearance: none !important; appearance: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--sb-h) !important; min-height: 0 !important; line-height: normal !important; margin: 0 !important; padding: 0 calc(var(--sb-btn) + var(--sb-inset) + 11px) 0 16px !important; border: 1px solid var(--sb-bd) !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; outline: none !important; transition: border-color .15s ease, box-shadow .15s ease !important;} .sh .mh .sb input[type="search"]:focus{ border-color: var(--b, #3A7AFE) !important; box-shadow: 0 0 0 3px var(--focus-outline, #93C5FD) !important;} .sh .mh .sb input[type="text"]:focus{ border-color: var(--b, #3A7AFE) !important; box-shadow: 0 0 0 3px var(--focus-outline, #93C5FD) !important;} .sh .mh .sb input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none !important; display: none !important;} .sh .mh .sb input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none !important; display: none !important;} .sh .mh .sb input[type="search"]::-webkit-search-results-button{ -webkit-appearance: none !important; display: none !important;} .sh .mh .sb input[type="search"]::-webkit-search-results-decoration{ -webkit-appearance: none !important; display: none !important;} .sh .mh .sb button{ position: absolute !important; top: var(--sb-inset) !important; right: var(--sb-inset) !important; left: auto !important; bottom: auto !important; z-index: 2 !important; box-sizing: border-box !important; width: var(--sb-btn) !important; height: var(--sb-btn) !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background-color: var(--b, #3A7AFE) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 14px rgba(58, 122, 254, .22) !important; cursor: pointer !important; line-height: 1 !important; transition: background-color .15s ease !important;} .sh .mh .sb input[type="submit"]{ position: absolute !important; top: var(--sb-inset) !important; right: var(--sb-inset) !important; left: auto !important; bottom: auto !important; z-index: 2 !important; box-sizing: border-box !important; width: var(--sb-btn) !important; height: var(--sb-btn) !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background-color: var(--b, #3A7AFE) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 14px rgba(58, 122, 254, .22) !important; cursor: pointer !important; line-height: 1 !important; transition: background-color .15s ease !important;} .sh .mh .sb button:hover{ background-color: var(--bh, #2563EB) !important;} .sh .mh .sb input[type="submit"]:hover{ background-color: var(--bh, #2563EB) !important;} .sh .mh .sb button svg{ color: #fff !important; flex-shrink: 0 !important;} .sh .mh .sb button :is(i,.djb-icon){ color: #fff !important; flex-shrink: 0 !important;} .sh .mh .sb input[type="submit"]{ font-size: 0 !important; background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="8"/%3E%3Cpath d="m21 21-4.3-4.3"/%3E%3C/svg%3E') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 16px 16px !important;} .product-card-link::after{ content: ""; position: absolute; inset: 0; z-index: 1;} .brxe-nzlapn .brxe-tjvtcp.brxe-image{width: 100%} .brxe-nzlapn .brxe-tjvtcp.brxe-image:not(.tag),.brxe-nzlapn .brxe-tjvtcp.brxe-image img{object-fit: cover} .brxe-nzlapn .brxe-ohxlkh.brxe-text-basic{font-family: "Inter"} .brxe-nzlapn .brxe-cytrdc.brxe-button{margin-right: 10px; margin-left: 10px} .brxe-nzlapn.brxe-div{width: 100%} :is(#brxe-phzepk,.brxe-phzepk){grid-template-columns: 1fr 1fr 1fr; gap: 30px} .alteo-search-products{ display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important;} .alteo-search-products .pc{ width: 100% !important; min-width: 0 !important;} .alteo-search-products .pc .im{ height: 190px !important;} .alteo-search-products .pc .im img{ width: 100% !important; height: 100% !important; object-fit: contain !important;} .alteo-search-products .pc .cn{ display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;} .alteo-search-products .pc .btn-c{ width: 100% !important;} :is(#brxe-ijqzkz,.brxe-ijqzkz){width: 800px; position: static} :is(#brxe-iubhxe,.brxe-iubhxe){align-items: center; width: 1200px; flex-direction: column; display: flex; position: relative; align-self: center !important; justify-content: center; top: -75px; right: -190px} @media (max-width: 1150px){:is(#brxe-iubhxe,.brxe-iubhxe){align-self: center !important; justify-content: center; align-items: center; right: -100px}} @media (max-width: 991px){:is(#brxe-iubhxe,.brxe-iubhxe){right: -20px}} @media (max-width: 767px){:is(#brxe-iubhxe,.brxe-iubhxe){left: 0px; top: 0px; right: -20px}} :is(#brxe-snrdbp,.brxe-snrdbp){display: flex; align-self: center !important; justify-content: center; align-items: center} @media (max-width: 1150px){:is(#brxe-snrdbp,.brxe-snrdbp){align-self: center !important; justify-content: center; align-items: center}} .woocommerce-mini-cart-item{ display: grid !important; grid-template-columns: 64px 1fr 18px; gap: 14px; align-items: start; padding: 18px 0 !important; border-bottom: 1px solid #e5e7eb;} .woocommerce-mini-cart-item img{ width: 64px !important; height: 64px !important; object-fit: contain; margin: 0 !important;} .woocommerce-mini-cart-item a:not(.remove){ font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #020617 !important;} .woocommerce-mini-cart-item .quantity{ display: block !important; margin-top: 8px !important; font-size: 14px !important; font-weight: 400 !important; color: #020617 !important; text-align: left !important;} .woocommerce-mini-cart-item .amount{ color: #2563eb !important; font-weight: 800 !important;} .woocommerce-mini-cart-item .remove{ color: #d63d3d !important; font-size: 18px !important; line-height: 1 !important; text-align: center !important;} .brxe-bu-off-canvas{ z-index: 100200 !important;} .brxe-bu-off-canvas .bu-ocp-backdrop{ z-index: 100200 !important;} .brxe-bu-off-canvas .bu-oc-panel{ z-index: 100201 !important; display: flex !important; flex-direction: column !important; height: 100vh !important; max-height: 100vh !important;} @media (max-width: 478px){@media (max-width: 768px){body.alteo-mini-cart-open .alteo-mobile-actions{ display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }} @media (max-width: 768px){body.alteo-mini-cart-open .alteo-mobile-actions,body.alteo-mini-cart-open .pn{ display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }}} :is(#brxe-syxgtn,.brxe-syxgtn){display: none} html:has(#megaWrap.open){ overflow: hidden !important; height: 100%; touch-action: none;} body:has(#megaWrap.open){ overflow: hidden !important; height: 100%; touch-action: none;} #megaWrap.open{ overscroll-behavior: contain; -webkit-overflow-scrolling: touch;} @media (max-width: 767px){:is(#brxe-syxgtn,.brxe-syxgtn){display: flex}} :is(#brxe-xgeudi,.brxe-xgeudi){display: flex; flex-direction: row} @keyframes nl-spin{ from { transform: rotate(0deg); } to { transform: rotate(360deg); }} @media (max-width: 767px){:is(#brxe-xgeudi,.brxe-xgeudi){width: 300px}} @media (max-width: 478px){:is(#brxe-xgeudi,.brxe-xgeudi){width: 240px}} :is(#brxe-huqmhr,.brxe-huqmhr){width: 150px} @media (max-width: 478px){root{ width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-inline: auto !important;} root a{ width: 100% !important; display: flex !important; justify-content: center !important;} root img,root svg{ display: block !important; margin-inline: auto !important;}} :is(#brxe-efpmve,.brxe-efpmve){text-transform: uppercase; font-family: "Roboto Condensed"; padding-left: 7px} @media (max-width: 478px){:is(#brxe-efpmve,.brxe-efpmve){text-align: center; padding-left: 2px}} :is(#brxe-exjksp,.brxe-exjksp){font-family: "Roboto Condensed"} .alteo-social-label{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.85);} .alteo-social-icons a svg{ width: 18px; height: 18px; fill: currentColor;} .alteo-social-icons a{ width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.6); text-decoration: none; transition: all .2s ease;} .alteo-social-icons a:hover{ background: #3A7AFE; border-color: #3A7AFE; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(58,122,254,.3);} :is(#brxe-rnsggs,.brxe-rnsggs){margin-left: 26px} .alteo-social-icons{ display: flex; gap: 8px;} @media (max-width: 478px){:is(#brxe-rnsggs,.brxe-rnsggs){margin-left: 0}} :is(#brxe-ikpbpv,.brxe-ikpbpv){flex-direction: column; align-items: flex-start; margin-top: 20px} .alteo-social{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap;} .alteo-mobile-links-card>a.is-active:not([aria-current="page"]){ padding-bottom: 9px !important; border-bottom: 0 !important; font-weight: 500 !important;} .alteo-mobile-links-card>a[aria-current="page"]:not(.is-active-x){ padding-bottom: 5px !important; border-bottom: 2px solid var(--alteo-blue, #3A7AFE) !important; font-weight: 700 !important;} @media (max-width: 478px){:is(#brxe-ikpbpv,.brxe-ikpbpv){align-items: center}} @media (max-width: 478px){:is(#brxe-dkdclc,.brxe-dkdclc){justify-self: center; display: flex; flex-direction: column; align-items: center}} :is(#brxe-tpmnup,.brxe-tpmnup){font-size: 22px; margin-right: 6px; margin-left: -25px} @media (max-width: 478px){:is(#brxe-tpmnup,.brxe-tpmnup){margin-left: -26px}} :is(#brxe-tuquyg,.brxe-tuquyg){margin-bottom: 0; margin-left: 1px} :is(#brxe-tuquyg,.brxe-tuquyg){ text-transform: lowercase !important;} :is(#brxe-tuquyg,.brxe-tuquyg)::first-letter{ text-transform: uppercase !important;} :is(#brxe-vdyunp,.brxe-vdyunp){display: flex; align-items: center; margin-bottom: 0} :is(#brxe-rqzirf,.brxe-rqzirf){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-fanrvc,.brxe-fanrvc){padding-top: 0; padding-bottom: 0; margin-top: 5px} @media (max-width: 478px){:is(#brxe-lsbvyi,.brxe-lsbvyi){margin-left: 20px}} :is(#brxe-pxkqbp,.brxe-pxkqbp){margin-right: 6px; margin-left: -27px; font-size: 22px} :is(#brxe-pqzzvp,.brxe-pqzzvp){margin-bottom: 0; margin-left: 2px} :is(#brxe-pqzzvp,.brxe-pqzzvp){ text-transform: lowercase !important;} :is(#brxe-pqzzvp,.brxe-pqzzvp)::first-letter{ text-transform: uppercase !important;} :is(#brxe-sjqfwk,.brxe-sjqfwk){display: flex; margin-bottom: 0; align-items: center} :is(#brxe-jdduxz,.brxe-jdduxz){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-jqpifk,.brxe-jqpifk){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-fkjfsj,.brxe-fkjfsj){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-yuypma,.brxe-yuypma){padding-top: 0; padding-bottom: 0; margin-top: 5px} @media (max-width: 767px){:is(#brxe-ovdkvn,.brxe-ovdkvn){margin-left: 25px}} @media (max-width: 478px){:is(#brxe-ovdkvn,.brxe-ovdkvn){margin-left: 20px}} :is(#brxe-vyycni,.brxe-vyycni){margin-right: 6px; margin-left: -23px; font-size: 22px} :is(#brxe-wzyggr,.brxe-wzyggr){margin-bottom: 0; margin-left: 3px} :is(#brxe-wzyggr,.brxe-wzyggr){ text-transform: lowercase !important;} :is(#brxe-wzyggr,.brxe-wzyggr)::first-letter{ text-transform: uppercase !important;} :is(#brxe-vtdziv,.brxe-vtdziv){display: flex; margin-bottom: 0; align-items: center} :is(#brxe-zhrekb,.brxe-zhrekb){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-mhsrgc,.brxe-mhsrgc){padding-top: 0; padding-bottom: 0; margin-top: 5px} :is(#brxe-tifnkz,.brxe-tifnkz){padding-top: 0; padding-bottom: 0; margin-top: 5px} @media (max-width: 478px){:is(#brxe-phbskz,.brxe-phbskz){margin-left: 20px}} @media (max-width: 478px){:is(#brxe-kbxmil,.brxe-kbxmil){flex-direction: column}} @media (max-width: 478px){:is(#brxe-jzazbw,.brxe-jzazbw){margin-bottom: 10px; padding-top: 5px}} :is(#brxe-ihrdvq,.brxe-ihrdvq){width: 100%} @media (max-width: 767px){:is(#brxe-ihrdvq,.brxe-ihrdvq){margin-bottom: -3px}} @media (max-width: 478px){:is(#brxe-ihrdvq,.brxe-ihrdvq){margin-bottom: -3px}} .mob-nav-item.active{ color: #3A7AFE !important;} .mob-nav-item.active svg{ stroke: #3A7AFE !important;} @media (max-width: 767px){:is(#brxe-btmrzs,.brxe-btmrzs){font-size: 22px}} @media (max-width: 767px){.alteo-mobile-actions .alteo-round-btn{ width: 48px; height: 48px; border-radius: 50%; background: #6f747b; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 22px; font-weight: 700; }} @media (max-width: 767px){:is(#brxe-anbvdl,.brxe-anbvdl){font-size: 25px}} @media (max-width: 767px){:is(#brxe-lougfe,.brxe-lougfe){font-size: 22px}} @media (max-width: 767px){.alteo-mobile-actions .alteo-chat-pill{ height: 48px; padding: 0 18px; border-radius: 999px; background: #3A7AFE; color: #fff; display: flex; align-items: center; gap: 8px; text-decoration: none; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 800; }} @media (max-width: 767px){.alteo-mobile-actions{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; height: 74px; padding: 9px 12px; background: #fff; border-top: 1px solid #e5e7eb; box-shadow: 0 -8px 24px rgba(15, 23, 42, .1); display: flex; align-items: center; justify-content: center; gap: 10px; }} @media (min-width: 768px){.alteo-mobile-actions{ display: none !important; }} @media (max-width: 767px){body{ padding-bottom: 86px !important; } .alteo-mobile-actions{ position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 99999 !important; height: 74px !important; padding: 9px 12px !important; background: #fff !important; border-top: 1px solid #e5e7eb !important; box-shadow: 0 -8px 24px rgba(15, 23, 42, .1) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }} .sf{ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;} .sf *{ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;} .sf .fc h4{ font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: uppercase !important;} .sf .fc .brxe-heading{ font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: uppercase !important;} .sf .fc a{ font-size: 16px !important; font-weight: 600 !important; line-height: 1.6 !important;} .sf .fc .brxe-text-link{ font-size: 16px !important; font-weight: 600 !important; line-height: 1.6 !important;} .sf p{ font-size: 16px !important; font-weight: 600 !important; line-height: 1.6 !important;} .sf span{ font-size: 16px !important; font-weight: 600 !important; line-height: 1.6 !important;} .sf .fa p{ font-size: 18px !important; font-weight: 600 !important; line-height: 1.6 !important;} .sf h3{ font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important;} .sf :is(#brxe-zqeiau,.brxe-zqeiau){ font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important;} @media (max-width: 767px){:is(#brxe-hlpyzz,.brxe-hlpyzz){margin-bottom: -11px}} @media (max-width: 478px){:is(#brxe-hlpyzz,.brxe-hlpyzz){margin-bottom: -10px}} body{ padding-top: 120px; } header,#brx-header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; } @media (max-width: 767px){body{ padding-top: 50px; }} :root{ --c: 1440px !important; } .c{ max-width: var(--c); width: 100%; margin-left: auto; margin-right: auto; } nav.alteo-breadcrumbs .alteo-breadcrumbs__home-link{ width:16px !important; flex:0 0 16px !important; justify-content:flex-start !important; top:-1px !important; } nav.alteo-breadcrumbs .alteo-breadcrumbs__home-icon{ width:16px !important; height:16px !important; min-width:16px !important; flex:0 0 16px !important; } nav.alteo-breadcrumbs .alteo-breadcrumbs__item.is-home::after{ margin-left:7px !important; } nav.alteo-breadcrumbs .alteo-breadcrumbs__item:not(:last-child)::after{ font-size:21px !important; } @media (min-width: 768px){body{ padding-bottom: 0 !important; }} .pg .pc .im{ background: #fff !important; } .pg .pc .im > a,.pg .pc .im > figure,.pg .pc .im picture{ display: block !important; width: 100% !important; height: 100% !important; } .pg .pc .im img{ width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center; padding: 10px 10px 0 !important; box-sizing: border-box !important; background: #fff !important; } @media (max-width: 480px){.pg .pc .im img{ padding: 12px 12px 0 !important; object-position: center bottom !important; }} @media (max-width: 480px){.pc .im{ padding-bottom: 0 !important; } .pc .bd{ padding-top: 6px !important; }} @media (min-width: 769px){:is(#brxe-elishg,.brxe-elishg).ss{ width: 280px; flex: 0 0 280px; }} :is(#brxe-cszjfq,.brxe-cszjfq) > .pc{ border: 1px solid rgba(226, 232, 240, 0.85); } :is(#brxe-cszjfq,.brxe-cszjfq) > .pc .cn{ font-weight: 500 !important; color: #0f172a; } .alteo-cat-slider .acs-track > .category-card{ height: auto !important; min-height: 0 !important; max-height: none !important; } .alteo-cat-slider .category-card__image{ position: relative !important; height: auto !important; min-height: 0 !important; aspect-ratio: 1 / 1; padding: 0 !important; flex: 0 0 auto; } .alteo-cat-slider .category-card__image img{ position: absolute !important; top: 6px; left: 6px; width: calc(100% - 12px) !important; height: calc(100% - 6px) !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center; } .alteo-cat-slider .category-card__title{ min-height: 0 !important; padding: 8px 10px 14px !important; } .alteo-cat-slider .category-card__image{ background: #eef0f3 !important; } .alteo-cat-slider .category-card__image img{ mix-blend-mode: multiply; } .pc .cn,.pc .heading12,.feat-sm .cn,.feat-big .cn{ transition: color .2s; } .pc:hover .cn,.pc:hover .heading12,.feat-sm:hover .cn,.feat-big:hover .cn{ color: #3A7AFE !important; } .feat-grid .cn,.feat-grid .feat-sm .cn,.feat-grid .feat-big .cn,.feat-grid > .feat-sm .cn{ font-weight: 500 !important; } .feat-grid .feat-big .info{ padding-bottom: 12px !important; } .btn-c.btn-oos{ background: #E3ECFF !important; color: #3A7AFE !important; box-shadow: none !important; cursor: default !important; pointer-events: none; transform: none !important; border: 0 !important; } .btn-c.btn-oos:hover{ background: #E3ECFF !important; transform: none !important; box-shadow: none !important; } .aad-empty .aad-btn > svg,.aad-empty .aao-btn > svg{ margin: 0 8px 0 0 !important; } .btn-c.btn-oos{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;font-size:13px!important;font-weight:600!important} rn@media(max-width:480px){.btn-c.btn-oos{font-size:12px!important}} .btn-c.btn-oos::before{content:'';width:16px;height:16px;flex:0 0 16px;background-color:#3A7AFE;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7.5v9L12 21l3.5-2'/%3E%3Cpath d='M12 3l8 4.5V11'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5'/%3E%3Cpath d='M12 12v9'/%3E%3Cpath d='M16.5 15.5l5 5M21.5 15.5l-5 5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7.5v9L12 21l3.5-2'/%3E%3Cpath d='M12 3l8 4.5V11'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5'/%3E%3Cpath d='M12 12v9'/%3E%3Cpath d='M16.5 15.5l5 5M21.5 15.5l-5 5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .aaw-actions .aaw-oos{background:#E3ECFF!important;color:#3A7AFE!important;border:0!important;box-shadow:none!important;cursor:default!important;pointer-events:none;transform:none!important;font-size:13px!important;font-weight:600!important} .aaw-actions .aaw-oos>svg{stroke:#3A7AFE!important;stroke-width:2.2!important} .rez-count2{color:#6b7280;font-size:14px;line-height:1.2;white-space:nowrap} .stb1 .pgn1{display:flex!important;justify-content:flex-end!important} .rs-bottom{display:flex!important;align-items:center;justify-content:space-between!important;width:100%;gap:20px;margin-top:0!important} @media(max-width:768px){.rs-bottom{flex-direction:column;align-items:center;gap:10px} .stb1 .rez-count2{display:none} .stb1 .pgn1{justify-content:flex-start!important}} .rs-bottom .brxe-pagination{margin-left:auto!important;width:auto!important} .rs-bottom{margin-top:8px!important} .rs-bottom .brxe-pagination{flex:0 0 auto!important;white-space:nowrap} @media(max-width:768px){:is(#brxe-ss0004,.brxe-ss0004){font-size:21px!important;line-height:1.15!important} :is(#brxe-ss0003,.brxe-ss0003){height:auto!important;padding-bottom:9px!important}} @media(max-width:768px){.rs-bottom .rez-count2{display:none!important} .rs-bottom{justify-content:center!important} .rs-bottom .brxe-pagination{margin:0 auto!important}} @media(max-width:768px){.rs-bottom{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center} .rs-bottom .rez-count2{display:block!important;width:100%;text-align:center;font-size:12px}} .stb1 .pgn1 .brxe-pagination{display:block;width:auto!important} .rs-bottom{margin-top:20px!important;margin-bottom:56px!important} @media(min-width:769px) and (max-width:1250px){.stb1 .pgn1{justify-content:flex-start!important}} .sl:has(.rsf-wrap){display:flex;gap:28px;align-items:flex-start} .sl:has(.rsf-wrap)>.rsf-wrap{flex:0 0 260px;width:260px;margin-top:78px} .sl:has(.rsf-wrap)>:is(#brxe-cpcswq,.brxe-cpcswq){flex:1 1 0;min-width:0} @media (max-width:1024px){.sl:has(.rsf-wrap){display:block} .sl:has(.rsf-wrap)>.rsf-wrap{width:auto;margin-top:0;padding-top:30px} .sl:has(.rsf-wrap)>:is(#brxe-cpcswq,.brxe-cpcswq){padding-top:16px!important}} @media (max-width:1024px){.sl>.rsf-wrap{align-self:stretch!important;width:100%!important;height:auto!important;min-height:0!important;flex:none!important;padding-bottom:0}} .rsf-wrap .filter-trigger{display:none} .rsf-wrap .ss{width:100%} @media (min-width:768px) and (max-width:1024px){.sl:has(.rsf-wrap){display:flex!important} .sl>.rsf-wrap{flex:0 0 240px!important;width:240px!important;margin-top:30px!important;padding-top:0!important}} @media (max-width:767px){.sl>.rsf-wrap{padding-top:30px;padding-bottom:0} .rsf-wrap .ss{display:none!important}} .woocommerce form.woocommerce-ResetPassword::before{ content:''; display:block; width:64px; height:64px; margin:0 auto 24px; border-radius:18px; background:linear-gradient(135deg, #1E3A8A 0%, #3A7AFE 100%); box-shadow:0 10px 30px rgba(58,122,254,.35); background-image:linear-gradient(135deg, #1E3A8A 0%, #3A7AFE 100%), url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E"); background-blend-mode:normal; background-size:cover, 30px 30px; background-position:center, center; background-repeat:no-repeat, no-repeat; position:relative; animation:auaLockPulse 2.5s ease-in-out infinite } @keyframes auaLockPulse{ 0%,100%{box-shadow:0 10px 30px rgba(58,122,254,.35), 0 0 0 0 rgba(58,122,254,.35)} 50%{box-shadow:0 10px 30px rgba(58,122,254,.35), 0 0 0 12px rgba(58,122,254,0)} } .woocommerce form.woocommerce-ResetPassword > p:first-of-type{ font-size:0!important; margin:0 0 28px!important; padding:0 0 24px!important; border-bottom:1px solid #F1F5F9!important; background:transparent!important; line-height:1.2!important; position:relative } .woocommerce form.woocommerce-ResetPassword > p:first-of-type::before{ content:'Zaboravljena lozinka?'; display:block; font-size:26px; font-weight:800; letter-spacing:-0.5px; color:#0F172A; text-align:center; line-height:1.2; margin-bottom:10px } .woocommerce form.woocommerce-ResetPassword > p:first-of-type::after{ content:'Unesite vašu email adresu ili korisničko ime — poslaćemo vam link za resetovanje lozinke.'; display:block; font-size:14px; font-weight:400; color:#5e6c82; text-align:center; line-height:1.6; padding:0 8px } .woocommerce form.woocommerce-ResetPassword label{ font-size:13px!important; font-weight:600!important; text-transform:uppercase; letter-spacing:0.5px; color:#475569!important; margin:0!important; display:block } .woocommerce form.woocommerce-ResetPassword label .required{ color:#d63d3d!important; text-decoration:none!important; margin-left:2px } .woocommerce form.woocommerce-ResetPassword input[type="text"]{ width:100%!important; height:52px!important; padding:0 16px 0 48px!important; font-size:15px!important; font-weight:500!important; color:#0F172A!important; background:#fff!important; border:1.5px solid #E2E8F0!important; border-radius:12px!important; transition:all .2s ease!important; font-family:inherit!important; line-height:1.5!important; -webkit-appearance:none; appearance:none; box-shadow:0 1px 2px rgba(0,0,0,.04)!important; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E"); background-repeat:no-repeat!important; background-position:14px center!important; background-size:20px 20px!important } .woocommerce form.woocommerce-ResetPassword input[type="text"]:focus{ outline:none!important; border-color:#3A7AFE!important; box-shadow:0 0 0 4px rgba(58,122,254,.15)!important; transform:translateY(-1px); background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A7AFE' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E")!important } .woocommerce form.woocommerce-ResetPassword .clear{display:none!important} .woocommerce form.woocommerce-ResetPassword button[type="submit"],.woocommerce form.woocommerce-ResetPassword .button{ display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; width:100%!important; height:54px!important; padding:0 24px!important; font-size:15px!important; font-weight:700!important; letter-spacing:0.2px!important; background:linear-gradient(135deg,#3A7AFE 0%,#2563EB 100%)!important; color:#fff!important; border:none!important; border-radius:12px!important; cursor:pointer!important; transition:all .25s cubic-bezier(.4,0,.2,1)!important; font-family:inherit!important; line-height:1!important; box-shadow:0 4px 14px rgba(58,122,254,.35), 0 1px 3px rgba(58,122,254,.2)!important; text-transform:none!important; position:relative; overflow:hidden; float:none!important; margin:0!important } .woocommerce form.woocommerce-ResetPassword button[type="submit"]:hover,.woocommerce form.woocommerce-ResetPassword .button:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(58,122,254,.45), 0 2px 6px rgba(58,122,254,.25)!important; background:linear-gradient(135deg,#2563EB 0%,#1d4ed8 100%)!important } .woocommerce form.woocommerce-ResetPassword button[type="submit"]:focus,.woocommerce form.woocommerce-ResetPassword button[type="submit"]:focus-visible{ outline:none!important; border:none!important } .woocommerce form.woocommerce-ResetPassword button[type="submit"]::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transition:left .6s } .woocommerce form.woocommerce-ResetPassword button[type="submit"]:hover::before{left:100%} .woocommerce form.woocommerce-ResetPassword button[type="submit"]::after{ content:''; width:18px; height:18px; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:contain; transition:transform .25s } .woocommerce form.woocommerce-ResetPassword button[type="submit"]:hover::after{ transform:translateX(3px) translateY(-2px) } .woocommerce form.woocommerce-ResetPassword .screen-reader-text{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important } .woocommerce-MyAccount-content .woocommerce,.brxe-shortcode .woocommerce{ background:transparent!important; border:none!important; padding:0!important; box-shadow:none!important } @media(max-width:560px){.woocommerce form.woocommerce-ResetPassword::before{ width:56px; height:56px; margin-bottom:20px; background-size:cover, 26px 26px } .woocommerce form.woocommerce-ResetPassword > p:first-of-type::before{font-size:22px} .woocommerce form.woocommerce-ResetPassword button[type="submit"]{height:50px!important}} .woocommerce-MyAccount-content .woocommerce,.brxe-shortcode .woocommerce{ background:transparent!important; border:none!important; padding:0!important; box-shadow:none!important } .brxe-shortcode .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-message{ max-width:520px; margin:40px auto 0!important; background:#fff; border-radius:24px 24px 0 0; padding:56px 64px 32px!important; box-shadow:0 30px 80px -20px rgba(15,23,42,.18), 0 0 0 1px rgba(15,23,42,.04); position:relative; overflow:hidden; border:none!important; border-left:none!important; text-align:center; font-size:0!important; color:transparent!important; outline:none!important } .brxe-shortcode .woocommerce-message::before,.woocommerce-MyAccount-content .woocommerce-message::before{ display:none!important } .brxe-shortcode .woocommerce-message::after,.woocommerce-MyAccount-content .woocommerce-message::after{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:48px; height:3px; background:linear-gradient(90deg,#22C55E,#16A34A); border-radius:0 0 2px 2px; margin:0!important; padding:0!important } .brxe-shortcode .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-message{ background-image: radial-gradient(circle at center 88px, #22C55E 0 36px, transparent 36px), radial-gradient(circle at center 88px, rgba(34,197,94,.15) 0 52px, transparent 52px), url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat:no-repeat,no-repeat,no-repeat; background-position:center 88px, center 88px, center 80px; background-size:auto, auto, 30px 30px } .brxe-shortcode .woocommerce-message{ padding-top:160px!important } .brxe-shortcode .woocommerce-message{ font-size:0!important } .brxe-shortcode .woocommerce-message::first-line{ font-size:0!important } .brxe-shortcode .woocommerce > p,.woocommerce-MyAccount-content > p{ max-width:520px; margin:0 auto 40px!important; background:#fff; border-radius:0 0 24px 24px; padding:0 64px 40px!important; box-shadow:0 30px 80px -20px rgba(15,23,42,.18), 0 0 0 1px rgba(15,23,42,.04); position:relative; font-size:0!important; color:transparent!important } .brxe-shortcode .woocommerce > p::before,.woocommerce-MyAccount-content > p::before{ content:'Email je uspešno poslat!'; display:block; font-size:32px; font-weight:800; letter-spacing:-0.5px; color:#0F172A; text-align:center; line-height:1.1; margin-top:-90px; margin-bottom:10px; padding-top:0 } .brxe-shortcode .woocommerce > p::after,.woocommerce-MyAccount-content > p::after{ content:'Poslali smo vam link za resetovanje lozinke. Proverite vaš inbox — email obično stiže za 1-2 minuta.'; display:block; font-size:15px; font-weight:400; color:#5e6c82; text-align:center; line-height:1.6; padding:0 8px; margin-bottom:24px } .brxe-shortcode .woocommerce > p,.woocommerce-MyAccount-content > p{ background:#fff!important } .brxe-shortcode .woocommerce{ display:block; position:relative } @media(max-width:600px){.brxe-shortcode .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-message{ margin:20px 16px 0!important; padding:140px 32px 24px!important; border-radius:20px 20px 0 0; background-position:center 70px, center 70px, center 62px } .brxe-shortcode .woocommerce > p,.woocommerce-MyAccount-content > p{ margin:0 16px 0!important; padding:0 32px 32px!important; border-radius:0 } .brxe-shortcode .woocommerce > p::before{font-size:26px} .brxe-shortcode .woocommerce > p::after{font-size:14px}} .fp-panel{ background:#fff; border-radius:16px; padding:24px; box-shadow:0 1px 3px rgba(0,0,0,.04), 0 0 0 1px rgba(15,23,42,.04); position:sticky; top:120px } .fp-panel > h3{ font-size:18px; font-weight:800; color:#0F172A; letter-spacing:-0.3px; margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid #F1F5F9; display:flex; align-items:center; gap:10px } .fp-panel > h3::before{ content:''; width:3px; height:18px; background:linear-gradient(180deg,#3A7AFE,#2563EB); border-radius:2px } .fp-panel .brxe-shortcode{margin-bottom:22px} .fp-panel .brxe-shortcode:last-child{margin-bottom:0} .fp-panel .brxe-shortcode + .brxe-shortcode{ padding-top:22px; border-top:1px solid #F1F5F9 } @media(max-width:768px){.fp-panel{ position:static; padding:20px; border-radius:12px }} @keyframes djiaSpin{to{transform:rotate(360deg)}} .woocommerce-terms-and-conditions-wrapper input#terms{ -webkit-appearance: none !important; appearance: none !important; width: 46px !important; min-width: 46px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d7dee9 !important; border-radius: 999px !important; background: #fff !important; position: relative !important; flex: 0 0 46px !important; box-shadow: none !important; outline: none !important; cursor: pointer; transition: .2s ease; } .woocommerce-terms-and-conditions-wrapper input#terms::before{ content: "" !important; position: absolute !important; top: 4px !important; left: 4px !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; background: #3b7cff !important; transform: translateX(0) !important; transition: transform .2s ease !important; box-shadow: none !important; } .woocommerce-terms-and-conditions-wrapper input#terms::after{ content: none !important; display: none !important; } .woocommerce-terms-and-conditions-wrapper input#terms:checked{ background: #3b7cff !important; border-color: #3b7cff !important; } .woocommerce-terms-and-conditions-wrapper input#terms:checked::before{ transform: translateX(20px) !important; background: #fff !important; } .woocommerce-terms-and-conditions-wrapper .required{ color: #d63d3d !important; text-decoration: none !important; margin-left: -5px; } #djia-cookie-banner{ font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; background: #ffffff !important; color: #111827 !important; border: 1px solid #E5E7EB !important; border-radius: 20px !important; box-shadow: 0 12px 40px rgba(17, 24, 39, .14) !important; width: calc(100% - 40px) !important; max-width: 900px !important; left: 50% !important; right: auto !important; bottom: 14px !important; transform: translateX(-50%) !important; padding: 0 !important; overflow: hidden !important; } #djia-cookie-banner .djia-cookie-banner__content{ width: 100% !important; padding: 30px 30px 28px !important; box-sizing: border-box !important; } #djia-cookie-banner .djia-cookie-banner__text{ margin: 0 0 5px !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; color: #6B7280 !important; } #djia-cookie-banner .djia-cookie-banner__text::before{ content: "Obaveštenje o kolačićima" !important; display: block !important; margin: 0 0 14px !important; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 500 !important; color: #111827 !important; } #djia-cookie-banner .djia-cookie-banner__categories{ width: 100% !important; margin: 0 0 24px !important; } #djia-cookie-banner .djia-cookie-banner__category-list{ display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #djia-cookie-banner .djia-cookie-banner__category{ width: 100% !important; padding: 13px 14px !important; background: #F9FAFB !important; border: 1px solid #E5E7EB !important; border-radius: 10px !important; box-sizing: border-box !important; } #djia-cookie-banner .djia-cookie-banner__category label{ display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; cursor: pointer !important; } #djia-cookie-banner .djia-cookie-banner__category-label{ font-size: 13px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #111827 !important; } #djia-cookie-banner .djia-cookie-banner__category-description{ margin: 5px 0 0 46px !important; font-size: 12px !important; line-height: 1.45 !important; color: #6B7280 !important; } #djia-cookie-banner .djia-cookie-banner__checkbox{ -webkit-appearance: none !important; appearance: none !important; position: relative !important; width: 36px !important; min-width: 36px !important; height: 20px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #D1D5DB !important; border-radius: 999px !important; background: #ffffff !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: background .2s ease, border-color .2s ease !important; } #djia-cookie-banner .djia-cookie-banner__checkbox::before{ content: "" !important; position: absolute !important; width: 14px !important; height: 14px !important; top: 2px !important; left: 3px !important; border-radius: 50% !important; background: #3A7AFE !important; transform: none !important; transition: transform .2s ease, background .2s ease !important; } #djia-cookie-banner .djia-cookie-banner__checkbox::after{ display: none !important; content: none !important; } #djia-cookie-banner .djia-cookie-banner__checkbox:checked{ background: #3A7AFE !important; border-color: #3A7AFE !important; } #djia-cookie-banner .djia-cookie-banner__checkbox:checked::before{ transform: translateX(15px) !important; background: #ffffff !important; } #djia-cookie-banner .djia-cookie-banner__checkbox:disabled{ opacity: 1 !important; cursor: default !important; background: #3A7AFE !important; border-color: #3A7AFE !important; } #djia-cookie-banner .djia-cookie-banner__checkbox:disabled::before{ transform: translateX(15px) !important; background: #ffffff !important; } #djia-cookie-banner .djia-cookie-banner__actions{ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; gap: 22px !important; margin: 0 !important; padding-top: 22px !important; border-top: 1px solid #E5E7EB !important; box-sizing: border-box !important; } #djia-cookie-banner .djia-cookie-btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0 24px !important; border-radius: 10px !important; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1 !important; font-weight: 500 !important; white-space: nowrap !important; cursor: pointer !important; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease !important; } #djia-cookie-banner .djia-cookie-btn--link{ margin: 0 auto 0 0 !important; min-height: 40px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: underline !important; box-shadow: none !important; } #djia-cookie-banner .djia-cookie-btn--link:hover{ color: #346EEE !important; background: transparent !important; } #djia-cookie-banner .djia-cookie-btn--outline{ margin: 0 !important; width: 200px !important; min-width: 200px !important; padding: 0 24px !important; background: #ffffff !important; color: #346EEE !important; border: 1px solid #D1D5DB !important; font-weight: 500 !important; box-shadow: none !important; } #djia-cookie-banner .djia-cookie-btn--outline:hover{ background: #F9FAFB !important; border-color: #346EEE !important; } #djia-cookie-banner .djia-cookie-btn--primary{ margin: 0 !important; width: 200px !important; min-width: 200px !important; padding: 0 24px !important; background: #346EEE !important; border: 1px solid #346EEE !important; color: #ffffff !important; font-weight: 500 !important; box-shadow: 0 5px 14px rgba(58, 122, 254, .22) !important; } #djia-cookie-banner .djia-cookie-btn--primary:hover{ background: #2563EB !important; border-color: #2563EB !important; box-shadow: 0 6px 16px rgba(58, 122, 254, .28) !important; } @media (max-width: 640px){#djia-cookie-banner{ width: calc(100% - 20px) !important; bottom: 10px !important; border-radius: 14px !important; } #djia-cookie-banner .djia-cookie-banner__content{ padding: 18px !important; } #djia-cookie-banner .djia-cookie-banner__text{ margin-bottom: 5px !important; font-size: 13px !important; line-height: 1.5 !important; } #djia-cookie-banner .djia-cookie-banner__text::before{ margin-bottom: 12px !important; font-size: 18px !important; line-height: 1.2 !important; } #djia-cookie-banner .djia-cookie-banner__category{ padding: 12px !important; } #djia-cookie-banner .djia-cookie-banner__category-label{ font-size: 13px !important; } #djia-cookie-banner .djia-cookie-banner__category-description{ margin-left: 46px !important; font-size: 11px !important; } #djia-cookie-banner .djia-cookie-banner__actions{ display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 8px !important; padding-top: 16px !important; } #djia-cookie-banner .djia-cookie-btn{ width: 100% !important; min-width: 0 !important; min-height: 44px !important; padding: 0 18px !important; font-size: 13px !important; } #djia-cookie-banner .djia-cookie-btn--primary{ order: 1 !important; width: 100% !important; } #djia-cookie-banner .djia-cookie-btn--outline{ order: 2 !important; width: 100% !important; } #djia-cookie-banner .djia-cookie-btn--link{ order: 3 !important; width: 100% !important; min-height: 34px !important; margin: 0 !important; font-size: 14px !important; text-align: center !important; justify-content: center !important; }} #djia-cookie-banner .djia-cookie-btn--primary{ margin: 0 !important; width: 170px !important; min-width: 170px !important; padding: 0 24px !important; background: #346EEE !important; border: 1px solid #346EEE !important; color: #ffffff !important; font-weight: 500 !important; box-shadow: 0 5px 14px rgba(58, 122, 254, 0.22) !important; } @media (max-width: 1024px){#djia-cookie-banner .djia-cookie-btn--primary{ width: 100% !important; min-width: 0 !important; }} @media (max-width: 767px){.brxe-bu-off-canvas .bu-oc-panel,.brxe-bu-off-canvas.bu-ocp-bottom .bu-oc-panel{ top: auto !important; bottom: 0 !important; height: 92vh !important; height: 100dvh !important; max-height: 92vh !important; max-height: 100dvh !important; border-radius: 0 !important; }} html:has(.brxe-bu-off-canvas:not(.bu-hide-panel)),body:has(.brxe-bu-off-canvas:not(.bu-hide-panel)){ overflow: hidden !important; overscroll-behavior: none !important; touch-action: none !important; } .brxe-bu-off-canvas:not(.bu-hide-panel) .bu-oc-panel,.brxe-bu-off-canvas:not(.bu-hide-panel) .bu-oc-panel *{ touch-action: auto; } .brxe-bu-off-canvas .bu-oc-panel{ overscroll-behavior: contain !important; } .brxe-bu-off-canvas .bu-oc-panel > div:last-child .bricks-button{ height: 48px !important; min-height: 48px !important; } @media (max-width: 767px){.brxe-bu-off-canvas .bu-oc-panel .filteri_div{ max-height: none !important; overflow: visible !important; }} .minicart{ width: 100%; min-height: 100%; padding: 34px 24px; background: #ffffff;} :root{--b:#3A7AFE;--bh:#2563EB;--ba:#1D4ED8;--b50:#EFF6FF;--b100:#DBEAFE;--b200:#93C5FD;--ch:#1F2937;--t1:#111827;--t2:#6B7280;--t3:#9CA3AF;--bd:#E5E7EB;--bg:#FFFFFF;--bg2:#F9FAFB;--sc:#22C55E;--scb:#DCFCE7;--sct:#15803D;--rd:#d63d3d;--rdb:#FEE2E2;--wb:#FEF3C7;--input-bd:#D1D5DB;--focus-outline:#93C5FD;--info:#3B82F6;--disabled-bg:#D1D5DB;--disabled-text:#6B7280;--hover-bg:#F3F4F6;--c:1320px;--r:12px;--rs:8px;--rl:16px;--sh:0 2px 8px rgba(0,0,0,.06);--sh2:0 4px 16px rgba(0,0,0,.08);--tr:.15s ease} body{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;background:var(--bg2);color:var(--t1);line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:70px;overflow-x:hidden} html{overflow-x:hidden} a{color:inherit;text-decoration:none} button{font-family:inherit;cursor:pointer} input,select,textarea{font-family:inherit} img{max-width:100%;height:auto;display:block} .c{max-width:var(--c);margin:0 auto;padding:0 24px} .mt-24{margin-top:24px} .mt-48{margin-top:48px} .card{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden} .pn{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:9998;background:var(--ch);border-radius:14px;padding:4px;display:flex;gap:2px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:calc(100vw - 32px);overflow-x:auto} .pn button{padding:8px 12px;border-radius:10px;border:none;font-size:11px;font-weight:600;background:transparent;color:rgba(255,255,255,.45);transition:all var(--tr);white-space:nowrap} .pn button.active{background:var(--b);color:#fff} .ps{display:none} .ps.active{display:block;animation:fi .25s ease} @keyframes fi{from{opacity:0}to{opacity:1}} .mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:none;background:none;color:var(--t3);font-size:10px;font-weight:600;transition:color var(--tr);flex:1} .mob-nav-item.active{color:var(--b)} .mob-nav-item svg{width:22px;height:22px;stroke:currentColor} @media(max-width:768px){.pn{bottom:76px}} .sh{position:sticky;top:0;z-index:100;background:var(--bg);box-shadow:var(--sh)} .tb{background:var(--ch);color:#fff;font-size:12px} .tb .c{display:flex;justify-content:space-between;align-items:center;height:36px} .tl,.tr{display:flex;align-items:center;gap:20px;opacity:.85} .ti{display:flex;align-items:center;gap:6px} .mh{background:var(--bg);border-bottom:1px solid var(--bd)} .mh .c{display:flex;align-items:center;height:72px;gap:32px;justify-content:space-between} .logo svg{height:28px;width:auto;flex-shrink:0} .sb{flex:1;max-width:600px;position:relative;margin:0 auto} .sb input{width:100%;height:44px;border-radius:10px;border:1.5px solid var(--input-bd);padding:0 52px 0 16px;font-size:14px;background:var(--bg2);color:var(--t1);outline:none;transition:border var(--tr)} .sb input:focus{border-color:var(--b);box-shadow:0 0 0 3px var(--focus-outline)} .sb>button{position:absolute;right:4px;top:4px;width:36px;height:36px;border-radius:var(--rs);background:var(--b);border:none;color:#fff;display:flex;align-items:center;justify-content:center} .ha{display:flex;align-items:center;gap:8px} .hb{width:40px;height:40px;border-radius:var(--rs);background:none;border:none;color:var(--t2);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--tr)} .hb:hover{background:var(--bg2);color:var(--t1)} .nb{background:var(--bg);border-bottom:1px solid var(--bd)} .nb .c{display:flex;align-items:center;height:48px} .nmb{display:flex;align-items:center;gap:8px;padding:0 24px;height:48px;background:var(--b);color:#fff;border:none;font-weight:600;font-size:13px;margin-left:-24px;z-index:201} .nmb:hover{background:var(--bh)} .nl{display:flex;margin-left:8px} .nl a{padding:0 14px;height:48px;display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--t1);transition:color var(--tr)} .nl a:hover{color:var(--b)} .mc-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:300} .mc-overlay.open{display:block} .ms{width:320px;border-right:1px solid var(--bd);padding:56px 0 16px;overflow-y:auto;flex-shrink:0} .mct{flex:1;padding:32px 40px;overflow-y:auto} .mp{display:none;grid-template-columns:repeat(3,1fr);gap:8px 48px;align-content:start} .mp.active{display:grid} .mp h4{font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--bd)} .mp a{display:block;font-size:13px;color:var(--t2);padding:5px 0} .mp a:hover{color:var(--b)} .msc{margin-bottom:24px} .slider-wrap{position:relative;border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh2);max-width:100%} .slider-track{display:flex;transition:transform .5s ease;will-change:transform} .slide{min-width:100%;height:380px;display:flex;align-items:center;position:relative;overflow:hidden} .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 70%)} .slide-content{position:relative;z-index:1;padding:0 60px;color:#fff} .slide-tag{display:inline-block;background:rgba(255,255,255,.2);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .slide h2{font-size:42px;font-weight:800;line-height:1.1;margin-bottom:12px;max-width:460px} .slide p{font-size:14px;opacity:.8;max-width:380px;line-height:1.6} .slide .btn-w{margin-top:20px;background:#fff;color:var(--b);height:44px;padding:0 28px;border:none;font-weight:700;font-size:13px;border-radius:var(--rs);display:inline-flex;align-items:center} .slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2} .slider-dot{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:all .3s;padding:0} .slider-dot.active{width:24px;background:#fff} .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;font-size:18px;opacity:0;transition:opacity .3s} .slider-wrap:hover .slider-arrow{opacity:1} .slider-arrow:hover{background:rgba(255,255,255,.3)} .slider-arrow.l{left:16px} .slider-arrow.r{right:16px} .promo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px} .promo-card{border-radius:var(--r);overflow:hidden;position:relative;height:180px;cursor:pointer;box-shadow:var(--sh)} .promo-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .promo-card:hover img{transform:scale(1.1)} .promo-card .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 50%);opacity:0;transition:opacity .3s ease} .promo-card:hover .overlay{opacity:1} .promo-card span{position:absolute;bottom:20px;left:20px;z-index:2;color:#fff;font-size:15px;font-weight:600;line-height:1.3;transform:translateY(10px);opacity:0;transition:all .3s ease} .promo-card:hover span{transform:translateY(0);opacity:1} .ug{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .usp{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg);border-radius:var(--r);box-shadow:var(--sh)} .usp-i{color:var(--b);flex-shrink:0} .usp h4{font-size:13px;font-weight:600} .usp p{font-size:12px;color:var(--t2);margin-top:2px} .db{display:grid;grid-template-columns:1fr 1fr;gap:16px} .dbi{border-radius:var(--r);height:140px;display:flex;align-items:center;padding:0 32px;box-shadow:var(--sh);overflow:hidden;position:relative} .dbi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15} .dbi>div{position:relative;z-index:1} .db1{background:linear-gradient(135deg,#065f46,#10b981)} .db1 *{color:#fff} .db2{background:linear-gradient(135deg,#92400e,#f59e0b)} .db2 *{color:#fff} .dbi h3{font-size:18px;font-weight:700;line-height:1.3} .dbi p{font-size:12px;opacity:.8;margin-top:4px} .feat-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;grid-template-rows:auto auto} .feat-big{grid-row:1/3;border-radius:var(--r);overflow:hidden;background:var(--bg);box-shadow:var(--sh);display:flex;flex-direction:column;position:relative;min-height:420px} .feat-big .img-a{flex:1;position:relative;overflow:hidden} .feat-big .img-a img{width:100%;height:100%;object-fit:cover} .feat-big .info{padding:16px 20px} .feat-sm{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;transition:all .2s;position:relative} .feat-sm:hover{box-shadow:var(--sh2);transform:translateY(-2px);z-index:10} .feat-sm .img-a{height:140px;overflow:hidden;position:relative;border-radius:var(--r) var(--r) 0 0} .feat-sm .img-a img{width:100%;height:100%;object-fit:cover} .feat-sm .info{padding:12px 14px;flex:1;display:flex;flex-direction:column} .cc{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:4px} .cn{font-size:13px;font-weight:500;line-height:1.4;margin-bottom:auto} .cpr{display:flex;justify-content:space-between;align-items:center;margin-top:10px;position:relative;overflow:visible} .cur{font-size:16px;font-weight:700;color:var(--b)} .sec-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:8px} .sec-t h2{font-size:22px;font-weight:700} .sec-t a{font-size:13px;font-weight:600;color:var(--b);display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid var(--b200);border-radius:var(--rs);background:var(--b50);transition:all .2s;white-space:nowrap} .sec-t a:hover{background:var(--b);color:#fff;border-color:var(--b)} .ccb{width:36px;height:36px;border-radius:var(--rs);background:var(--b);color:#fff;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;font-size:20px;font-weight:300;position:relative} .ccb::after{content:'Dodaj u korpu';position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ch);color:#fff;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;white-space:nowrap;opacity:0;transition:all .2s;pointer-events:none;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,.15)} .ccb:hover::after{opacity:1} .ccb:hover{background:var(--bh);transform:scale(1.1);z-index:100} .bdg{position:absolute;top:10px;left:10px;z-index:2;font-size:11px;font-weight:700;padding:4px 12px;border-radius:6px;color:#fff;letter-spacing:.3px} .bdg-n{background:var(--sc)} .bdg-r{background:var(--b)} .bdg-save{position:absolute;top:10px;right:10px;z-index:2;background:var(--wb);color:var(--t1);font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px} .cat-pg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .cat-pg-c{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;cursor:pointer;transition:all .2s} .cat-pg-c:hover{box-shadow:var(--sh2);transform:translateY(-4px)} .cat-pg-c .img-w{height:160px;overflow:hidden} .cat-pg-c .img-w img{width:100%;height:100%;object-fit:cover;transition:transform .3s} .cat-pg-c:hover .img-w img{transform:scale(1.05)} /* plaćanje: na telefonu i tabletu kolone jedna ispod druge */ @media (max-width:1024px){.alteo-checkout .co-l,html body .co-l{grid-template-columns:1fr!important}} .cat-pg-c .info{padding:16px} .cat-pg-c .name{font-size:16px;font-weight:700;margin-bottom:4px} .cat-pg-c .cnt{font-size:12px;color:var(--t2)} .subcat-top{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px} .subcat-c{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s} .subcat-c:hover{box-shadow:var(--sh2);transform:translateY(-2px)} .subcat-c img{width:48px;height:48px;object-fit:contain;border-radius:var(--rs)} .subcat-c .name{font-size:13px;font-weight:600} .subcat-c .cnt{font-size:11px;color:var(--t2)} .pg{display:grid;gap:20px} .pg3{grid-template-columns:repeat(3,1fr)} .pc{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:all .2s;position:relative} .pc:hover{box-shadow:var(--sh2);transform:translateY(-2px);z-index:10} .pc .im{height:200px;overflow:hidden;background:var(--bg2)} .pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease} .pc:hover .im img{transform:scale(1.08)} .pc .bd{padding:16px} .cp{display:flex;align-items:baseline;gap:8px} .cp .old{font-size:13px;color:var(--t2);text-decoration:line-through} .cr{display:flex;align-items:center;gap:2px;margin-bottom:8px;font-size:13px} .star{color:#FBBF24} .star-e{color:var(--bd)} .cr .cnt{font-size:11px;color:var(--t2);margin-left:4px} .btn-c{width:100%;height:42px;border-radius:10px;background:var(--b);color:#fff;border:none;font-weight:600;font-size:13px;margin-top:12px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px} .btn-c:hover{background:var(--bh);transform:translateY(-1px);box-shadow:0 4px 12px rgba(58,122,254,.3)} .btn-c::before{content:'+';font-size:18px;font-weight:400} .wl-btn{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--t3);box-shadow:0 2px 8px rgba(0,0,0,.12);transition:all .25s;font-size:16px} .wl-btn:hover{color:var(--rd);border-color:var(--rd);transform:scale(1.15);box-shadow:0 4px 12px rgba(239,68,68,.2)} .sl{display:flex;gap:24px;margin-top:24px} .ss{width:260px;flex-shrink:0} .fp-panel{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:20px} .fp-panel h3{font-size:15px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px} .fgr-body{max-height:0;overflow:hidden;transition:max-height .3s ease} .sm{flex:1;min-width:0} .stb{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .sht{font-size:24px;font-weight:700;margin-bottom:20px} .sht span{font-size:14px;font-weight:400;color:var(--t2)} .pgn{display:flex;justify-content:center;gap:8px;margin-top:32px} .pgn button{width:40px;height:40px;border-radius:var(--rs);border:1px solid var(--bd);background:var(--bg);font-weight:600;font-size:13px;transition:all var(--tr)} .pgn button.active{background:var(--b);border-color:var(--b);color:#fff} .prod-l{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:8px} .gal-t{flex:1;height:80px;border-radius:10px;border:2px solid var(--bd);overflow:hidden;cursor:pointer;transition:border var(--tr);box-shadow:var(--sh)} .gal-t.active,.gal-t:hover{border-color:var(--b)} .gal-t img{width:100%;height:100%;object-fit:cover} .pi .rr{display:flex;align-items:center;gap:6px;margin-bottom:8px} .rr .rc{font-size:12px;color:var(--t2)} .pt{font-size:26px;font-weight:700;line-height:1.3;margin-bottom:8px} .psku{font-size:13px;color:var(--t2);margin-bottom:20px} .ppr{display:flex;align-items:baseline;gap:12px;margin-bottom:20px} .ppr .price{font-size:32px;font-weight:800;color:var(--b)} .ppr .old{font-size:16px;color:var(--t2);text-decoration:line-through} .dlb{background:var(--scb);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;color:var(--sct)} .ar{display:flex;gap:12px;margin-bottom:20px} .qty{display:flex;align-items:center;border:1px solid var(--input-bd);border-radius:10px;overflow:hidden;background:var(--bg)} .qty button{width:40px;height:48px;border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--t2);font-size:18px} .qty button:hover{background:var(--bg2)} .qty .val{width:48px;text-align:center;font-size:14px;font-weight:600;border-left:1px solid var(--bd);border-right:1px solid var(--bd);height:48px;line-height:48px} .btn-ac{flex:1;height:48px;border-radius:10px;background:var(--b);color:#fff;border:none;font-weight:700;font-size:15px;transition:background var(--tr)} .btn-ac:hover{background:var(--bh)} .btn-wl{width:48px;height:48px;border-radius:10px;border:1px solid var(--input-bd);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--t3)} .btn-wl:hover{color:var(--rd);border-color:var(--rd)} .pf{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px;border-radius:var(--r);overflow:hidden} .feat{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg);font-size:13px;font-weight:500;border:1px solid var(--bd);margin:-1px 0 0 -1px} .feat .ic{font-size:18px} .feat:first-child{border-radius:var(--rs) 0 0 0} .feat:nth-child(2){border-radius:0 var(--rs) 0 0} .feat:nth-child(3){border-radius:0 0 0 var(--rs)} .feat:last-child{border-radius:0 0 var(--rs) 0} .tabs{margin-top:48px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)} .tn{display:flex;border-bottom:1px solid var(--bd);background:var(--bg2)} .tb-btn{padding:14px 24px;font-size:14px;font-weight:400;color:var(--t2);border:none;border-bottom:2px solid transparent;background:none;margin-bottom:-1px;transition:all var(--tr)} .tb-btn.active{font-weight:600;color:var(--b);border-bottom-color:var(--b);background:var(--bg)} .tb-btn:hover:not(.active){color:var(--t1);background:var(--bg)} .tab-body{padding:24px} .tp{display:none} .tp.active{display:block} .sr-row{display:flex;padding:14px 0;border-bottom:1px solid var(--bd)} .sr-row:last-child{border-bottom:none} .sr-row .l{width:220px;flex-shrink:0;font-size:13px;color:var(--t2);font-weight:500} .sr-row .v{font-size:13px;font-weight:600} .cl{display:grid;grid-template-columns:1fr 360px;gap:24px} .ci{display:flex;gap:20px;padding:20px;background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:12px;align-items:center} .os{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:24px;align-self:start;position:sticky;top:180px} .os h3{font-size:16px;font-weight:700;margin-bottom:20px} .cpn{display:flex;gap:8px;margin:16px 0;padding-top:16px;border-top:1px solid var(--bd)} .cpn input{flex:1;height:40px;border-radius:var(--rs);border:1px solid var(--input-bd);padding:0 12px;font-size:13px;outline:none;transition:border var(--tr),box-shadow var(--tr)} .cpn input:focus{border-color:var(--b);box-shadow:0 0 0 3px var(--focus-outline)} .steps{display:flex;align-items:center;justify-content:center;gap:0;margin:32px 0} .step{display:flex;align-items:center;gap:8px} .step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--bd);color:var(--t2);background:var(--bg)} .step.active .step-num{background:var(--b);border-color:var(--b);color:#fff} .step.done .step-num{background:var(--sc);border-color:var(--sc);color:#fff} .step-label{font-size:14px;font-weight:500;color:var(--t2)} .step.active .step-label{color:var(--t1);font-weight:600} .step.done .step-label{color:var(--sct)} .step-line{width:60px;height:2px;background:var(--bd);margin:0 12px} .step-line.done{background:var(--sc)} .co-l{display:grid;grid-template-columns:1fr 400px;gap:24px} .co-sec{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:24px;margin-bottom:16px} .co-sec h3{font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px} .po{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid var(--bd);margin-bottom:8px;cursor:pointer;transition:all var(--tr)} .po:hover:not(.sel){background:var(--bg2)} .po input{accent-color:var(--b)} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px} .contact-form{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:32px} .contact-form h2{font-size:20px;font-weight:700;margin-bottom:24px} .contact-card{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:24px;display:flex;gap:16px;align-items:flex-start} .contact-card .icon{width:44px;height:44px;border-radius:10px;background:var(--b50);color:var(--b);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px} .contact-card h4{font-size:14px;font-weight:600;margin-bottom:4px} .contact-card p{font-size:13px;color:var(--t2);line-height:1.6} .about-hero{background:linear-gradient(135deg,var(--b),var(--ba));border-radius:var(--rl);padding:48px 56px;color:#fff;margin-top:24px;box-shadow:var(--sh2)} .about-hero h1{font-size:36px;font-weight:800;margin-bottom:12px} .about-hero p{font-size:15px;opacity:.8;max-width:500px;line-height:1.6} .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px} .about-card{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:28px;text-align:center} .about-card .num{font-size:36px;font-weight:800;color:var(--b);margin-bottom:8px} .about-card h4{font-size:14px;font-weight:600;margin-bottom:4px} .about-card p{font-size:12px;color:var(--t2)} .info-page{max-width:800px;margin:0 auto;padding:32px 0} .info-page h1{font-size:28px;font-weight:800;margin-bottom:24px} .info-section{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:24px 28px;margin-bottom:16px} .info-section h2{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--t1)} .info-section p{font-size:14px;color:var(--t2);line-height:1.7} .trader-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:28px;margin-top:24px} .trader-card h3{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px} .trader-card p{font-size:14px;color:var(--t2);line-height:1.8} .feat{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg);border:1px solid var(--bd);border-radius:10px;font-size:12px;font-weight:500;box-shadow:var(--sh)} .feat .ic{font-size:18px} .mob-search-btn{display:none;width:40px;height:40px;border-radius:var(--rs);background:none;border:none;color:var(--t2);align-items:center;justify-content:center} .mob-search-btn:hover{background:var(--bg2);color:var(--t1)} .search-popup{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .search-popup.open{display:flex;align-items:flex-start;justify-content:center;padding-top:20px} .search-popup-box{width:92%;max-width:500px;background:var(--bg);border-radius:var(--rl);padding:20px;box-shadow:var(--sh2);position:relative} .search-popup-box h3{font-size:16px;font-weight:700;margin-bottom:16px} .search-popup-box input{width:100%;height:52px;border-radius:12px;border:2px solid var(--b);padding:0 48px 0 16px;font-size:16px;outline:none;background:var(--bg)} .search-popup-box input:focus{box-shadow:0 0 0 4px var(--b100)} .sp-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg2);color:var(--t2);display:flex;align-items:center;justify-content:center;font-size:18px} .sp-close:hover{background:var(--rdb);color:var(--rd)} .search-popup-box .sp-popular{margin-top:16px} .search-popup-box .sp-popular h4{font-size:12px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px} .search-popup-box .sp-popular a{display:inline-block;padding:6px 14px;background:var(--bg2);border-radius:20px;font-size:13px;color:var(--t1);margin:0 6px 8px 0;transition:all var(--tr)} .search-popup-box .sp-popular a:hover{background:var(--b100);color:var(--b)} @media(max-width:768px){.sb{display:none} .mob-search-btn{display:flex}} .pm-handle{width:40px;height:4px;border-radius:2px;background:var(--bd);margin:0 auto 20px} @media(max-width:768px){.ms{width:100%;border-right:none;padding:56px 0 8px;max-height:100vh;overflow-y:auto;position:absolute;inset:0;transition:transform .3s ease;z-index:1} .mct{position:absolute;inset:0;padding:16px 20px;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;z-index:2} .mp.active{grid-template-columns:1fr} .msc h4{font-size:16px;font-weight:700;margin-top:8px} .msc a{font-size:15px;padding:10px 0;padding-left:12px;border-bottom:1px solid var(--bd)} .mega-back{display:flex;align-items:center;gap:8px;padding:12px 0;margin-bottom:12px;border:none;background:none;font-size:14px;font-weight:600;color:var(--b);cursor:pointer} .mega-cat-title{font-size:20px;font-weight:800;color:var(--b);text-transform:uppercase;margin-bottom:16px}} @media(min-width:769px){.mega-back{display:none} .mega-cat-title{display:none}} .filter-trigger{display:none;width:100%;height:44px;border-radius:var(--rs);background:var(--bg);border:1px solid var(--bd);font-size:14px;font-weight:600;margin-bottom:16px;align-items:center;justify-content:center;gap:8px;box-shadow:var(--sh)} @media(max-width:768px){.sl .ss{display:none} .filter-trigger{display:flex}} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:var(--rs);border:none;transition:all var(--tr);white-space:nowrap} .btn-p{background:var(--b);color:#fff;height:48px;padding:0 32px} .btn-p:hover{background:var(--bh)} .btn-p:disabled,.btn-p.disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;pointer-events:none} .btn-f{width:100%} .pay-i{display:flex;justify-content:center;gap:12px;margin-top:16px} .pay-ic{padding:4px 10px;border:1px solid var(--bd);border-radius:4px;font-size:10px;font-weight:700;color:var(--t2)} .sf{background:var(--ch);color:#fff;margin-top:64px} .fn{border-bottom:1px solid rgba(255,255,255,.08)} .fn .c{display:flex;align-items:center;justify-content:space-between;padding:32px 24px} .fn h3{font-size:18px;font-weight:700} .fn p{font-size:13px;opacity:.6;margin-top:4px} .fm .c{padding:48px 24px 40px} .fgg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px} .fa p{font-size:13px;line-height:1.7;opacity:.5;max-width:280px;margin-top:16px} .fc h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.4;margin-bottom:16px} .fc a{display:block;font-size:13px;opacity:.6;padding:5px 0} .fb-f{border-top:1px solid rgba(255,255,255,.06)} .fb-f .c{display:flex;justify-content:space-between;align-items:center;height:56px;font-size:12px;opacity:.35} @media(max-width:1024px){.feat-grid{grid-template-columns:1fr 1fr} .feat-big{grid-row:auto;min-height:300px} .cat-pg{grid-template-columns:repeat(3,1fr)} .co-l,.cl{grid-template-columns:1fr} .prod-l{grid-template-columns:1fr}} @media(max-width:768px){.tb{display:none} .mh .c{gap:16px} .nb .nl{display:none} .slide{height:260px} .slide h2{font-size:28px} .slide-content{padding:0 24px} .promo-row{grid-template-columns:1fr} .ug{grid-template-columns:1fr} .db{grid-template-columns:1fr} .feat-grid{grid-template-columns:1fr 1fr} .feat-big{grid-column:1/-1} .cat-pg{grid-template-columns:repeat(2,1fr)} .subcat-top{grid-template-columns:repeat(2,1fr)} .sl{flex-direction:column} .ss{width:100%} .pg3{grid-template-columns:repeat(2,1fr)} .prod-l{gap:24px} .pt{font-size:20px} .ppr .price{font-size:24px} .ci{flex-wrap:wrap} .contact-grid{grid-template-columns:1fr} .about-hero{padding:32px 24px} .about-hero h1{font-size:24px} .about-grid{grid-template-columns:1fr} .fgg{grid-template-columns:1fr 1fr} .fn .c{flex-direction:column;gap:16px;text-align:center} .steps{gap:0} .step-label{display:none} .pn{bottom:76px} .tabs .tab-body{padding:16px} .ha .hb:not([onclick*="openCart"]){display:none} .mob-search-btn{display:none} .mh .c{gap:0;height:56px;justify-content:space-between} .sb{display:none} .logo svg{height:24px} .sb input{height:40px;font-size:13px} .prod-l{grid-template-columns:1fr} .pf{grid-template-columns:1fr} .ci{gap:12px}} @media(max-width:480px){.c{padding:0 16px} .feat-grid{grid-template-columns:1fr} .pg3{grid-template-columns:1fr 1fr} .subcat-top{grid-template-columns:1fr} .fgg{grid-template-columns:1fr}} .alteo-ico{width:20px;height:20px;display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .tb .ti,.tb .tr{gap:8px} .tb .alteo-ico{width:15px;height:15px;color:#fff;opacity:.9} .sh{box-shadow:0 1px 0 var(--bd);border-bottom:0;background:#fff} .mh{border-bottom:1px solid var(--bd)} .mh .c{height:74px;gap:28px;display:grid;grid-template-columns:160px minmax(420px,1000px) 1fr;align-items:center} .logo{display:flex;align-items:center} .logo svg{height:31px} .sb{max-width:none;width:100%} .sb input{height:44px;border-radius:10px;background:#fff;border:1px solid #DDE3EC;padding-left:16px;font-size:14px} .sb>button{width:38px;height:38px;right:3px;top:3px;border-radius:9px;box-shadow:0 6px 14px rgba(58,122,254,.22)} .ha{justify-self:end;gap:14px} .hb{width:42px;height:42px;border-radius:12px;border:1px solid transparent;color:#536071} .hb:hover{border-color:#DDE3EC;background:#F8FAFC;color:var(--b)} .hb svg{width:22px;height:22px} .nb .c{height:50px} .nmb{height:50px;border-radius:0 0 10px 10px;margin-left:0;padding:0 22px;box-shadow:0 8px 18px rgba(58,122,254,.2)} .nl{margin-left:18px} .nl a{height:50px;padding:0 16px;color:#334155} .nl a:hover{color:var(--b)} .btn-c::before{content:'';width:18px;height:18px;background:currentColor;mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 6h15l-1.5 9h-12zM6 6 5 3H2m7 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/%3E%3C/svg%3E') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 6h15l-1.5 9h-12zM6 6 5 3H2m7 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/%3E%3C/svg%3E') center/contain no-repeat} .btn-c{gap:8px;box-shadow:none} .btn-c:hover{box-shadow:0 8px 18px rgba(58,122,254,.22)} .ccb{font-size:0} .ccb::before{content:'';width:19px;height:19px;background:currentColor;mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 5v14M5 12h14"/%3E%3C/svg%3E') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 5v14M5 12h14"/%3E%3C/svg%3E') center/contain no-repeat} .ccb::after{display:none} .ccb:hover{transform:none;box-shadow:0 8px 18px rgba(58,122,254,.2)} .feat-big,.feat-sm,.pc{overflow:hidden} .feat-big:hover,.feat-sm:hover,.pc:hover{z-index:1} .cpr{overflow:hidden} .wl-btn{border-radius:12px;background:#fff;color:#5e6c82} .wl-btn::before{content:'';width:18px;height:18px;background:currentColor;mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21.2l8.8-8.8a5.5 5.5 0 0 0 0-7.8Z"/%3E%3C/svg%3E') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21.2l8.8-8.8a5.5 5.5 0 0 0 0-7.8Z"/%3E%3C/svg%3E') center/contain no-repeat} .wl-btn{font-size:0} .fp-panel{padding:22px 20px;border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.08);border:1px solid rgba(226,232,240,.75)} .fp-panel h3{font-size:16px;letter-spacing:-.02em} .fp-panel h3 .alteo-ico,.filter-trigger .alteo-ico{color:var(--b)} .price-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;width:100%} .price-row input{min-width:0;width:100%;height:38px!important;border-radius:9px!important;border:1px solid #DDE3EC!important;background:#fff;outline:none} .price-row input:focus{border-color:var(--b)!important;box-shadow:0 0 0 3px var(--b100)} .feat .ic{width:24px;height:24px;border-radius:50%;background:#ECFDF3;color:#16A34A;display:inline-flex;align-items:center;justify-content:center;font-size:0} .feat .ic .alteo-ico{width:15px;height:15px} .pf{gap:0} .contact-card .icon{font-size:0} .contact-card .icon .alteo-ico{width:22px;height:22px} @media(max-width:1024px){.mh .c{grid-template-columns:140px 1fr auto} .sb{max-width:none} .ha{gap:8px}} @media(max-width:768px){.mh .c{display:flex;height:60px;gap:12px} .logo svg{height:26px} .ha{margin-left:auto} .nb .c{height:48px} .nmb{height:48px;border-radius:0;margin-left:-16px} .sb{display:none} .mob-search-btn{display:flex}} .usp-i{width:42px;height:42px;border-radius:12px;background:var(--b50);color:var(--b);display:flex;align-items:center;justify-content:center;font-size:0} .usp-i .alteo-ico{width:22px;height:22px} .dlb{gap:10px} .dlb .alteo-ico{width:18px;height:18px;flex-shrink:0} .btn-ac{display:flex;align-items:center;justify-content:center;gap:8px} .btn-ac .alteo-ico{width:19px;height:19px} .feat .ic{flex-shrink:0} .contact-card .icon:empty::before{content:none} .contact-card .icon{background:var(--b50);color:var(--b)} .feat-big,.feat-sm,.pc{overflow:visible} .feat-big .img-a,.feat-sm .img-a,.pc .im{overflow:hidden} .cpr{overflow:visible} .ccb{overflow:visible} .ccb::after{display:block!important;content:'Dodaj u korpu';position:absolute;right:0;left:auto;bottom:calc(100% + 9px);transform:none;background:var(--ch);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:8px 11px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;box-shadow:0 8px 22px rgba(15,23,42,.22)} .ccb::before{z-index:1} .ccb:hover::after,.ccb:focus-visible::after{opacity:1;visibility:visible} .ccb:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(58,122,254,.24);z-index:9999} .btt{position:fixed;bottom:140px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--b);color:#fff;border:none;box-shadow:0 4px 16px rgba(58,122,254,.3);display:flex;align-items:center;justify-content:center;z-index:90;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none} .btt.show{opacity:1;transform:translateY(0);pointer-events:auto} .btt:hover{background:var(--bh);transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,122,254,.4)} @media(max-width:768px){.btt{bottom:80px;right:16px;width:40px;height:40px}} :root{--nav-w:204px;--sb-gap:4px} @media(min-width:769px){.mh .c{grid-template-columns:var(--nav-w) minmax(0,1fr) auto;column-gap:0} .nmb{width:var(--nav-w);white-space:nowrap} .sb{width:auto;max-width:none;margin:0 var(--sb-gap) 0 0} .ha{justify-self:end}} html:not(.alteo-search-ready) .alteo-search-dropdown{ display: none !important; } .alteo-search-dropdown{ opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .alteo-search-dropdown.is-open{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .sb{ position: relative !important; z-index: 100000 !important; } header,.brxe-section,.brxe-container{ overflow: visible !important; } .alteo-search-dropdown{ position: absolute !important; top: calc(100% + 12px) !important; left: 0 !important; width: 800px !important; max-width: calc(100vw - 24px) !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12), 0 3px 10px rgba(15, 23, 42, 0.06) !important; z-index: 999999 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(8px) !important; transition: opacity .15s ease, transform .15s ease, visibility .15s ease !important; } .alteo-search-dropdown.is-open{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } .alteo-search-main{ display: grid !important; grid-template-columns: minmax(0, 1fr) 140px !important; grid-template-areas: "products side" !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; align-items: stretch !important; box-sizing: border-box !important; } .alteo-search-products{ grid-area: products !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; align-items: stretch !important; box-sizing: border-box !important; } .alteo-search-dropdown .pc,.alteo-search-dropdown-m .pc{ position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; height: 100% !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .alteo-search-dropdown .pc > .product-card-link,.alteo-search-dropdown-m .pc > .product-card-link{ position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; z-index: 5 !important; cursor: pointer !important; } .alteo-search-dropdown .pc > .product-card-link::before,.alteo-search-dropdown .pc > .product-card-link::after,.alteo-search-dropdown-m .pc > .product-card-link::before,.alteo-search-dropdown-m .pc > .product-card-link::after{ content: none !important; display: none !important; } .alteo-search-dropdown .pc .im,.alteo-search-dropdown-m .pc .im{ position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 130px !important; min-height: 130px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: #fff !important; overflow: hidden !important; } .alteo-search-dropdown .pc .im > a,.alteo-search-dropdown .pc .im picture,.alteo-search-dropdown-m .pc .im > a,.alteo-search-dropdown-m .pc .im picture{ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } .alteo-search-dropdown .pc .im img,.alteo-search-dropdown-m .pc .im img{ display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; background: #fff !important; transform: none !important; } .alteo-search-dropdown .pc .bd,.alteo-search-dropdown-m .pc .bd{ position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; /* * Mesto za dugme čak i ako ga proizvod nema. * Cena zato ostaje u istoj ravni. */ padding-bottom: 56px !important; } .alteo-search-dropdown .pc .cn,.alteo-search-dropdown-m .pc .cn{ position: relative !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-bottom: 6px !important; overflow: visible !important; white-space: normal !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; font-size: 11px !important; line-height: 1.3 !important; word-break: normal !important; overflow-wrap: break-word !important; } .alteo-search-dropdown .pc .cp,.alteo-search-dropdown-m .pc .cp{ position: relative !important; margin-top: auto !important; margin-bottom: 6px !important; } .alteo-search-dropdown .pc .cp,.alteo-search-dropdown .pc .price,.alteo-search-dropdown .pc [class*="price"],.alteo-search-dropdown-m .pc .cp,.alteo-search-dropdown-m .pc .price,.alteo-search-dropdown-m .pc [class*="price"]{ font-size: 14px !important; line-height: 1.2 !important; } .alteo-search-dropdown .pc .btn-c,.alteo-search-dropdown .pc .add_to_cart_button,.alteo-search-dropdown .pc .ajax_add_to_cart,.alteo-search-dropdown-m .pc .btn-c,.alteo-search-dropdown-m .pc .add_to_cart_button,.alteo-search-dropdown-m .pc .ajax_add_to_cart{ position: absolute !important; left: 10px !important; right: 10px !important; bottom: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 38px !important; margin: 0 !important; padding: 6px 8px !important; box-sizing: border-box !important; border-radius: 10px !important; font-size: 11px !important; line-height: 1.15 !important; white-space: normal !important; z-index: 100 !important; pointer-events: auto !important; cursor: pointer !important; } .alteo-search-dropdown .pc .added_to_cart,.alteo-search-dropdown-m .pc .added_to_cart{ position: relative !important; z-index: 101 !important; pointer-events: auto !important; } .alteo-search-dropdown .pc .wl-btn,.alteo-search-dropdown-m .pc .wl-btn{ position: absolute !important; top: 10px !important; right: 10px !important; z-index: 110 !important; pointer-events: auto !important; } .alteo-search-dropdown .pc .wl-btn *,.alteo-search-dropdown-m .pc .wl-btn *{ position: relative !important; z-index: 111 !important; pointer-events: auto !important; cursor: pointer !important; } .alteo-search-dropdown .pc .bdg,.alteo-search-dropdown .pc .bdg-n,.alteo-search-dropdown-m .pc .bdg,.alteo-search-dropdown-m .pc .bdg-n{ position: absolute !important; top: 10px !important; left: 10px !important; z-index: 20 !important; pointer-events: none !important; } .alteo-search-side{ grid-area: side !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; gap: 8px !important; margin: 0 !important; padding: 0 0 0 12px !important; box-sizing: border-box !important; border-left: 1px solid #e5e7eb !important; } .alteo-side-title{ display: block !important; width: 100% !important; margin: 0 0 5px !important; color: #111827 !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 800 !important; } .alteo-side-link{ display: block !important; width: 100% !important; margin: 0 !important; padding: 3px 0 !important; background: transparent !important; color: #4b5563 !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; text-decoration: none !important; } .alteo-side-link:hover{ color: #111827 !important; text-decoration: underline !important; } .alteo-search-empty{ grid-column: 1 / -1 !important; width: 100% !important; padding: 28px 20px !important; box-sizing: border-box !important; text-align: center !important; color: #6b7280 !important; font-size: 14px !important; font-weight: 600 !important; } @media (max-width: 1040px) and (min-width: 769px){.alteo-search-dropdown{ position: fixed !important; top: 64px !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; max-height: calc(100dvh - 76px) !important; margin: 0 !important; padding: 12px !important; overflow-x: hidden !important; overflow-y: auto !important; transform: translateY(8px) !important; } .alteo-search-dropdown.is-open{ transform: translateY(0) !important; } .alteo-search-main{ grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "products" "side" !important; gap: 14px !important; } .alteo-search-products{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .alteo-search-dropdown .pc .im{ height: 150px !important; min-height: 150px !important; } .alteo-search-dropdown .pc .cn{ font-size: 12px !important; } .alteo-search-side{ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; padding: 14px 0 2px !important; border-left: 0 !important; border-top: 1px solid #e5e7eb !important; } .alteo-side-title{ flex-basis: 100% !important; } .alteo-side-link{ display: inline-flex !important; align-items: center !important; width: auto !important; padding: 5px 11px !important; border-radius: 999px !important; background: #f3f6fb !important; color: #2563eb !important; font-size: 14px !important; text-decoration: none !important; }} @media (max-width: 768px){#searchPopup.search-popup{ position: fixed !important; inset: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; background: #fff !important; -webkit-backdrop-filter:none !important;backdrop-filter: none !important; z-index: 2147483000 !important; overflow: hidden !important; } #searchPopup.search-popup.open{ display: block !important; margin: 0 !important; padding: 0 !important; } #searchPopup .search-popup-box{ position: relative !important; display: flex !important; flex-direction: column !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom)) 12px !important; box-sizing: border-box !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } #searchPopup .search-popup-box h3{ flex: 0 0 auto !important; margin: 2px 48px 14px 4px !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 800 !important; } #searchPopup .sp-close{ position: absolute !important; top: max(10px, env(safe-area-inset-top)) !important; right: 12px !important; width: 38px !important; height: 38px !important; border: 0 !important; border-radius: 50% !important; background: #f9fafb !important; color: #6b7280 !important; z-index: 50 !important; } #searchPopup .bricks-search-form{ position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; } #searchPopup .search-popup-box input[type="search"]{ width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 58px 0 16px !important; box-sizing: border-box !important; background: #fff !important; border: 2px solid #3A7AFE !important; border-radius: 12px !important; outline: none !important; font-size: 16px !important; color: #111827 !important; } #searchPopup .search-popup-box input[type="search"]:focus{ border-color: #3A7AFE !important; box-shadow: 0 0 0 4px rgba(58, 122, 254, .18) !important; } #searchPopup .bricks-search-form > button[type="submit"]{ position: absolute !important; top: 4px !important; right: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: #3A7AFE !important; color: #fff !important; z-index: 10 !important; } #searchPopup .sp-popular{ flex: 0 0 auto !important; margin-top: 14px !important; } #searchPopup .alteo-search-dropdown-m{ position: static !important; display: block !important; flex: 1 0 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 10px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; } #searchPopup .alteo-search-dropdown-m.is-open{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } #searchPopup .alteo-search-main-m{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "products" "side" !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #searchPopup .alteo-search-products-m{ grid-area: products !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; align-items: stretch !important; } #searchPopup .alteo-search-dropdown-m .pc{ display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; height: 100% !important; } #searchPopup .alteo-search-dropdown-m .pc .im{ width: 100% !important; height: 145px !important; min-height: 145px !important; margin: 0 !important; padding: 0 !important; background: #fff !important; overflow: hidden !important; } #searchPopup .alteo-search-dropdown-m .pc .im img{ width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } #searchPopup .alteo-search-dropdown-m .pc .bd{ display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; /* * 40px button + 8px bottom + 6px price gap */ padding-bottom: 54px !important; } #searchPopup .alteo-search-dropdown-m .pc .cn{ display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; white-space: normal !important; text-overflow: unset !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; font-size: 12px !important; line-height: 1.28 !important; } #searchPopup .alteo-search-dropdown-m .pc .cp{ margin-top: auto !important; margin-bottom: 6px !important; } #searchPopup .alteo-search-dropdown-m .pc .cp,#searchPopup .alteo-search-dropdown-m .pc .price,#searchPopup .alteo-search-dropdown-m .pc [class*="price"]{ font-size: 13px !important; line-height: 1.2 !important; } #searchPopup .alteo-search-dropdown-m .pc .btn-c,#searchPopup .alteo-search-dropdown-m .pc .add_to_cart_button,#searchPopup .alteo-search-dropdown-m .pc .ajax_add_to_cart{ position: absolute !important; left: 8px !important; right: 8px !important; bottom: 8px !important; width: auto !important; max-width: none !important; min-height: 40px !important; margin: 0 !important; padding: 6px 7px !important; border-radius: 9px !important; font-size: 12px !important; line-height: 1.15 !important; } #searchPopup .alteo-search-dropdown-m .pc .wl-btn{ top: 8px !important; right: 8px !important; } #searchPopup .alteo-search-side-m{ grid-area: side !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; min-width: 0 !important; gap: 8px !important; margin: 0 !important; padding: 14px 0 6px !important; border-left: 0 !important; border-top: 1px solid #e5e7eb !important; box-sizing: border-box !important; } #searchPopup .alteo-search-side-m .alteo-side-title{ flex-basis: 100% !important; margin: 0 0 3px !important; font-size: 15px !important; line-height: 1.3 !important; } #searchPopup .alteo-search-side-m .alteo-side-link{ display: inline-flex !important; align-items: center !important; width: auto !important; min-height: 30px !important; padding: 6px 11px !important; border-radius: 999px !important; background: #f3f6fb !important; color: #2563eb !important; font-size: 13px !important; line-height: 1.2 !important; text-decoration: none !important; }} @media (max-width: 390px){#searchPopup .search-popup-box{ padding-left: 8px !important; padding-right: 8px !important; } #searchPopup .alteo-search-products-m{ gap: 8px !important; } #searchPopup .alteo-search-dropdown-m .pc .im{ height: 125px !important; min-height: 125px !important; } #searchPopup .alteo-search-dropdown-m .pc .cn{ font-size: 11px !important; line-height: 1.27 !important; } #searchPopup .alteo-search-dropdown-m .pc .cp,#searchPopup .alteo-search-dropdown-m .pc .price,#searchPopup .alteo-search-dropdown-m .pc [class*="price"]{ font-size: 12px !important; } #searchPopup .alteo-search-dropdown-m .pc .bd{ padding-bottom: 50px !important; } #searchPopup .alteo-search-dropdown-m .pc .btn-c,#searchPopup .alteo-search-dropdown-m .pc .add_to_cart_button,#searchPopup .alteo-search-dropdown-m .pc .ajax_add_to_cart{ left: 7px !important; right: 7px !important; bottom: 7px !important; min-height: 36px !important; font-size: 11px !important; }} @media (max-width: 768px){#searchPopup input[type="search"],#searchPopup input[type="text"],.search-popup-box input{ font-size: 16px !important; line-height: 1.2 !important; transform: none !important; zoom: 1 !important; -webkit-text-size-adjust: 100% !important; } #searchPopup .search-popup-box{ transform: none !important; zoom: 1 !important; }} @media (max-width: 768px){body:has(#searchPopup.search-popup.open){ overflow: hidden !important; height: 100dvh !important; touch-action: none !important; overscroll-behavior: none !important; } html:has(#searchPopup.search-popup.open){ overflow: hidden !important; overscroll-behavior: none !important; } #searchPopup.search-popup.open{ position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; overflow: hidden !important; overscroll-behavior: none !important; } #searchPopup .search-popup-box{ height: 100dvh !important; max-height: 100dvh !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: contain !important; touch-action: pan-y !important; }} @media (max-width: 768px){body:has(#searchPopup.search-popup.open) .alteo-mobile-actions{ display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }} @media (min-width: 1041px){.alteo-search-dropdown{ right: auto !important; max-width: none !important; }} :root{ --alteo-blue: #3A7AFE; --alteo-blue-hover: #2563eb; --alteo-blue-light: rgba(58, 122, 254, .10); --alteo-text: #111827; --alteo-muted: #6b7280; --alteo-border: #e5e7eb; --alteo-hover: #f1f1f1; --alteo-desktop-left: 0px; --alteo-desktop-top: 0px; } .alteo-mega,.alteo-mega *,.alteo-mega *::before,.alteo-mega *::after{ box-sizing: border-box; } .alteo-mega{ display: none; position: fixed; inset: 0; z-index: 100000; font-family: "Roboto Condensed", Arial, sans-serif; } .alteo-mega.open{ display: block; } .alteo-mega a,.alteo-mega button{ font-family: inherit; } .alteo-mega button{ border: 0; outline: 0; cursor: pointer; } #megaMenuSource,#megaMenuSource[hidden]{ display: none !important; } @media (min-width: 769px){.alteo-mega{ pointer-events: none !important; } .alteo-mega-overlay{ display: none !important; pointer-events: none !important; background: transparent !important; } .alteo-mega-desktop{ position: fixed !important; top: var(--alteo-desktop-top) !important; left: var(--alteo-desktop-left) !important; display: grid !important; grid-template-columns: 290px !important; width: 290px !important; height: 555px !important; max-height: calc( 100vh - var(--alteo-desktop-top) - 10px ) !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 8px 28px rgba(0, 0, 0, .14) !important; overflow: hidden !important; pointer-events: auto !important; } .alteo-mega-desktop.has-category{ grid-template-columns: 290px 380px !important; width: 670px !important; max-width: calc( 100vw - var(--alteo-desktop-left) - 15px ) !important; } .alteo-mega-desktop.has-category.has-detail{ grid-template-columns: 290px 380px 370px !important; width: 1040px !important; max-width: calc( 100vw - var(--alteo-desktop-left) - 15px ) !important; } .alteo-mega-l1{ width: 290px !important; min-width: 0 !important; padding: 10px 12px 14px !important; background: #fff !important; border-right: 1px solid var(--alteo-border) !important; overflow-x: hidden !important; overflow-y: auto !important; } .alteo-mega-cat{ display: flex !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 6px 9px !important; background: transparent !important; border: 0 !important; border-radius: 6px !important; color: var(--alteo-text) !important; /* * TechnoMedia približno 15px. */ font-size: 15px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: left !important; text-decoration: none !important; cursor: pointer !important; transition: background .12s ease, color .12s ease !important; } .alteo-mega-cat:hover,.alteo-mega-cat.is-active{ background: var(--alteo-hover) !important; color: var(--alteo-text) !important; } .alteo-mega-cat.is-active{ font-weight: 700 !important; } .alteo-mega-cat-icon{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; flex: 0 0 24px !important; color: var(--alteo-blue) !important; } .alteo-mega-cat-icon svg{ width: 17px !important; height: 17px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .alteo-mega-cat-name{ flex: 1 1 auto !important; min-width: 0 !important; } .alteo-mega-arrow{ flex: 0 0 auto !important; margin-left: auto !important; color: #737373 !important; font-size: 18px !important; line-height: 1 !important; } .alteo-mega-cat:hover .alteo-mega-arrow,.alteo-mega-cat.is-active .alteo-mega-arrow{ color: var(--alteo-blue) !important; } .alteo-mega-vesa{ margin-top: 8px !important; padding-top: 9px !important; border-top: 1px solid var(--alteo-border) !important; } .alteo-mega-vesa-logo{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 18px !important; flex: 0 0 31px !important; background: #f2f7ef !important; border-radius: 3px !important; color: #60795b !important; font-size: 7px !important; font-weight: 800 !important; } .alteo-mega-l2{ display: none !important; width: 380px !important; min-width: 0 !important; background: #fff !important; border-right: 1px solid var(--alteo-border) !important; overflow-x: hidden !important; overflow-y: auto !important; } .alteo-mega-desktop.has-category .alteo-mega-l2{ display: block !important; } .alteo-mega-column-head{ position: sticky !important; top: 0 !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 58px !important; min-height: 58px !important; padding: 0 15px !important; background: #fff !important; border-bottom: 1px solid var(--alteo-border) !important; border-radius: 0 !important; } .alteo-mega-column-head strong{ color: var(--alteo-text) !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; } .alteo-mega-column-head > a,.alteo-detail-head > a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 14px !important; background: var(--alteo-blue-light) !important; border: 1px solid rgba(58,122,254,.16) !important; border-radius: 7px !important; color: var(--alteo-blue) !important; font-size: 13px !important; line-height: 1 !important; font-weight: 500 !important; text-decoration: none !important; transition: background .12s ease !important; } .alteo-mega-column-head > a:hover,.alteo-detail-head > a:hover{ background: rgba(58,122,254,.17) !important; color: var(--alteo-blue-hover) !important; } .alteo-mega-l2 > div:not(.alteo-mega-column-head){ width: 100% !important; padding: 7px 10px 16px !important; } .alteo-desktop-group{ display: flex !important; align-items: center !important; width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 6px 11px !important; background: transparent !important; border: 0 !important; border-radius: 6px !important; color: var(--alteo-text) !important; font-size: 15px !important; line-height: 1.3 !important; /* podkategorije nisu bold */ font-weight: 400 !important; text-align: left !important; text-decoration: none !important; cursor: pointer !important; } .alteo-desktop-group:hover,.alteo-desktop-group.is-active{ background: var(--alteo-hover) !important; color: var(--alteo-text) !important; font-weight: 400 !important; } .alteo-desktop-group::after{ content: none !important; } .alteo-desktop-group.has-children::after{ content: "›" !important; flex: 0 0 auto !important; margin-left: auto !important; color: #737373 !important; font-size: 18px !important; line-height: 1 !important; } .alteo-desktop-group.has-children:hover::after,.alteo-desktop-group.has-children.is-active::after{ color: var(--alteo-blue) !important; } .alteo-mega-l3{ display: none !important; width: 370px !important; min-width: 0 !important; background: #fff !important; overflow-x: hidden !important; overflow-y: auto !important; } .alteo-mega-desktop.has-detail .alteo-mega-l3{ display: block !important; } .alteo-mega-detail{ width: 100% !important; min-height: 100% !important; background: #fff !important; } .alteo-detail-head{ position: sticky !important; top: 0 !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: 58px !important; min-height: 58px !important; padding: 0 15px !important; background: #fff !important; border-bottom: 1px solid var(--alteo-border) !important; border-radius: 0 !important; } .alteo-detail-head strong{ color: var(--alteo-text) !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; } .alteo-detail-links{ padding: 10px 12px 18px !important; } .alteo-detail-links a{ display: block !important; width: 100% !important; padding: 9px 10px !important; background: transparent !important; border-radius: 6px !important; color: var(--alteo-text) !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 400 !important; text-decoration: none !important; } .alteo-detail-links a:hover{ background: var(--alteo-hover) !important; color: var(--alteo-text) !important; } .alteo-mega-mobile{ display: none !important; }} @media (max-width: 768px){.alteo-mega{ width: 100vw !important; height: 100dvh !important; pointer-events: auto !important; } .alteo-mega-desktop{ display: none !important; } .alteo-mega-overlay{ display: block !important; position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, .68) !important; } .alteo-mega-mobile{ position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; width: min( 390px, calc(100vw - 8px) ) !important; height: 100dvh !important; background: #fff !important; overflow: hidden !important; box-shadow: 8px 0 28px rgba(0, 0, 0, .15) !important; } .alteo-mega-mobile-head{ display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; height: 57px !important; min-height: 57px !important; padding: 0 15px !important; background: var(--alteo-blue) !important; } .alteo-mega-mobile-close{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; padding: 0 !important; background: transparent !important; color: #fff !important; } .alteo-mega-mobile-close svg{ width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; } .alteo-mega-logo{ color: #fff !important; font-size: 23px !important; line-height: 1 !important; font-style: italic !important; font-weight: 800 !important; letter-spacing: .3px !important; } .alteo-mega-mobile-viewport{ position: relative !important; flex: 1 1 auto !important; min-height: 0 !important; background: #fff !important; overflow: hidden !important; } .alteo-mega-mobile-screen{ position: absolute !important; inset: 0 !important; display: none !important; padding: 8px 10px 24px !important; background: #fff !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; scrollbar-color: #8b8b8b transparent !important; } .alteo-mega-mobile-screen.is-active{ display: block !important; } .alteo-mega-mobile-screen::-webkit-scrollbar{ width: 7px !important; } .alteo-mega-mobile-screen::-webkit-scrollbar-thumb{ background: #8b8b8b !important; border-radius: 10px !important; } .alteo-mobile-categories{ width: 100% !important; margin: 0 0 14px !important; } .alteo-mobile-cat{ display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 43px !important; padding: 0 4px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #dedede !important; color: #111 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: left !important; } .alteo-mobile-cat > span:last-child{ color: #404040 !important; font-size: 21px !important; line-height: 1 !important; } .alteo-mobile-back{ display: flex !important; align-items: center !important; /* levo, ne centrirano */ justify-content: flex-start !important; width: 100% !important; min-height: 39px !important; margin: 0 0 8px !important; padding: 0 12px !important; background: #f1f1f1 !important; border-radius: 4px !important; color: #111 !important; font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; text-align: left !important; } .alteo-mobile-title{ margin: 0 !important; padding: 2px 0 10px !important; border-bottom: 1px solid #dedede !important; color: var(--alteo-blue) !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; } .alteo-mobile-group{ padding: 10px 0 8px !important; border-bottom: 1px solid #dedede !important; } .alteo-mobile-group-title{ display: block !important; padding: 0 0 5px !important; color: #111 !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 700 !important; text-decoration: none !important; } .alteo-mobile-group-links a{ display: block !important; padding: 9px 0 9px 24px !important; color: #111 !important; font-size: 17px !important; line-height: 1.45 !important; /* podstavke nisu bold */ font-weight: 400 !important; text-decoration: none !important; } .alteo-mobile-group-links a:hover,.alteo-mobile-group-links a:active{ color: var(--alteo-blue) !important; } .alteo-mobile-links-card{ margin: 18px 0 0 !important; padding: 17px 10px 20px !important; background: #f2f2f2 !important; border-radius: 6px !important; text-align: center !important; } .alteo-mobile-links-card > a{ display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 auto !important; padding: 9px 4px !important; color: #111 !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 500 !important; text-decoration: none !important; } .alteo-mobile-links-card > a.is-active{ padding-bottom: 5px !important; border-bottom: 2px solid var(--alteo-blue) !important; font-weight: 700 !important; } .alteo-mobile-social{ display: flex !important; align-items: center !important; justify-content: center !important; gap: 27px !important; padding: 14px 0 1px !important; } .alteo-mobile-social a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; flex: 0 0 24px !important; color: var(--alteo-blue) !important; line-height: 0 !important; vertical-align: middle !important; } .alteo-mobile-social svg{ display: block !important; width: 23px !important; height: 23px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.9 !important; } .alteo-mobile-social a:first-child svg{ fill: currentColor !important; stroke: none !important; } .alteo-mobile-support{ padding: 18px 0 8px !important; background: #fff !important; } .alteo-mobile-support-item{ padding: 6px 3px !important; color: #111 !important; text-align: center !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; } .alteo-mobile-support-item svg{ display: block !important; width: 31px !important; height: 31px !important; margin: 0 auto 8px !important; fill: none !important; stroke: var(--alteo-blue) !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .alteo-mobile-support-item strong{ font-weight: 700 !important; } .alteo-mobile-detail-bottom{ margin-top: 24px !important; } body:has(.alteo-mega.open) .alteo-mobile-actions,body:has(.alteo-mega.open) .pn{ display: none !important; }} @media (max-width: 390px){.alteo-mega-mobile{ width: calc( 100vw - 6px ) !important; }} .alteo-mobile-support-item a,.alteo-mobile-support-item a[href^="tel:"],.alteo-mobile-support-item a[x-apple-data-detectors],.alteo-mobile-support-item *[x-apple-data-detectors]{ color: inherit !important; text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; -webkit-text-decoration: none !important; } .alteo-mobile-support-item a::before,.alteo-mobile-support-item a::after{ text-decoration: none !important; border-bottom: 0 !important; } a[x-apple-data-detectors]{ color: inherit !important; text-decoration: none !important; border-bottom: 0 !important; font: inherit !important; } @media (min-width: 769px){.sh{ position: sticky !important; top: 0 !important; z-index: 99990 !important; width: 100% !important; background: #fff !important; } .scrool_menu{ display: none !important; } .sh.is-sticky-animating .tb,.sh.is-sticky-animating .nb{ overflow: hidden !important; transition: height .32s cubic-bezier(.4, 0, .2, 1), opacity .20s ease, transform .32s cubic-bezier(.4, 0, .2, 1) !important; will-change: height, opacity, transform; } .sh.is-compact .tb,.sh.is-compact .nb{ height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; } .sh.is-compact{ margin: 0 !important; padding: 0 !important; background: #fff !important; border-bottom: 1px solid #ececec !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .04) !important; } .sh.is-compact .mh{ width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 0 !important; } .sh.is-compact .mh > .c{ position: relative !important; } .sh.is-compact .scrool_menu{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #202020 !important; font-size: 28px !important; line-height: 1 !important; cursor: pointer !important; position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 20 !important; -webkit-user-select:none !important;user-select: none !important; } .sh.is-compact .scrool_menu:hover{ color: #3f7cff !important; } .sh.is-compact .logo{ display: flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin-left: 44px !important; margin-right: 0 !important; padding: 0 !important; transform: none !important; } .sh.is-compact .logo a{ display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .sh.is-compact .logo img,.sh.is-compact .logo .bricks-site-logo,.sh.is-compact .logo svg{ display: block !important; width: auto !important; height: 28px !important; max-width: none !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; } .sh.is-compact .mob-search-btn{ display: none !important; } .sh.is-compact .nl,.sh.is-compact .social{ display: none !important; }} @media (max-width: 768px){.scrool_menu{ display: none !important; }} @media (min-width: 769px){html:has(#megaWrap.open),body:has(#megaWrap.open),html:has(.alteo-mega.open),body:has(.alteo-mega.open){ overflow-y: visible !important; overflow-x: visible !important; height: auto !important; min-height: 100% !important; max-height: none !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; touch-action: auto !important; overscroll-behavior: auto !important; } #megaWrap,.alteo-mega{ position: fixed !important; } #megaWrap.open,.alteo-mega.open{ position: fixed !important; inset: 0 !important; }} .alteo-social-label svg{ width: 18px; height: 18px; stroke: #3A7AFE; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } @media (max-width: 767px){body{ padding-bottom: 86px !important; }} .alteo-form-greske{ margin: 0 0 20px; padding: 16px 20px; border: 1px solid #FECDD3; border-radius: 14px; background: #FFF1F2; color: #BE123C; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.6; text-align: left; } .alteo-form-greske ul{ margin: 0; padding: 0; list-style: none; } .alteo-form-greske li{ margin: 0; padding: 0; list-style: none; background: none; } [data-a~=apay-row]{border-top:1px solid rgba(255,255,255,.08);padding:20px 0} [data-a~=apay]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 32px} [data-a~=apay-grp]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px} [data-a~=apay-t]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;padding:6px 12px;background:#fff;border-radius:6px;line-height:0;text-decoration:none;transition:box-shadow .2s} a[data-a~=apay-t]:hover,a[data-a~=apay-t]:focus-visible{box-shadow:0 0 0 2px #3A7AFE;outline:none} [data-a~=apay-i]{display:block;width:auto;max-width:none;height:24px;object-fit:contain} [data-a~=apay-i--rbi]{height:22px} [data-a~=apay-grp--cards] [data-a~=apay-t]{width:64px;padding:6px} [data-a~=apay-grp--cards] [data-a~=apay-i]{width:52px;height:28px} [data-a~=apay--light]{justify-content:flex-start;margin-top:16px} [data-a~=apay--light] [data-a~=apay-t]{border:1px solid #E5E7EB} @media (max-width:767px){[data-a~=apay-row]{padding:16px 0} [data-a~=apay]{gap:10px 16px} [data-a~=apay-i--rbi]{height:20px}} .woocommerce-MyAccount-content{padding:0;margin:0} .aan-nav-host:empty,.aan-nav-host:has(> :empty:only-child){display:none} :is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){flex-direction: row; width: 1280px; row-gap: 20px; column-gap: 20px; padding-top: 50px; padding-bottom: 50px} @media (max-width: 991px){:is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){padding-right: 20px; width: 100%}} @media (max-width: 767px){:is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){padding-left: 20px}} @media (max-width: 478px){:is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){padding-right: 10px; padding-left: 10px}} :is(:is(#brxe-lkccog,.brxe-lkccog),.brxe-lkccog){padding-top: 20px} .aan-content{min-width:0} .woocommerce-MyAccount-content{padding:0;margin:0} .woocommerce-MyAccount-content>p:first-child{display:none} body:has(.alteo-lp) :is(:is(#brxe-fivugl,.brxe-fivugl),.brxe-fivugl){ display: none !important; } body:has(.alteo-lp) :is(:is(#brxe-mdfrdd,.brxe-mdfrdd),.brxe-mdfrdd){ width: 100%; flex: 1 1 100%; max-width: none; } body:has(.alteo-lp) :is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){ width: 100% !important; max-width: var(--c) !important; margin-left: auto; margin-right: auto; padding-left: 24px !important; padding-right: 24px !important; } @media (max-width: 768px){body:has(.alteo-lp) :is(:is(#brxe-lkccog,.brxe-lkccog),.brxe-lkccog){ padding-top: 10px !important; } body:has(.alteo-lp) :is(:is(#brxe-qlbclr,.brxe-qlbclr),.brxe-qlbclr){ padding-top: 0 !important; padding-left: 16px !important; padding-right: 16px !important; }} .djb-wp-wide:has(#brxe-lkccog){max-width:none;padding:0;margin:0} .djb-wp-main:has(#brxe-lkccog),.djb-wp-entry:has(#brxe-lkccog){padding:0;margin:0;max-width:none} .bricks-404-wrapper{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;align-self:center;justify-content:center;height:80vh;min-height:0;width:100%;max-width:100%;margin:0;padding:0} .bricks-404-wrapper .title{font-size:36px;font-weight:700;line-height:1.4;color:#111827;margin:0;text-align:start} .bricks-404-wrapper .bricks-search-form{display:flex;justify-content:space-between;align-items:stretch;margin-top:15px;width:300px;max-width:80%} .bricks-404-wrapper .bricks-search-form input[type=search]{display:block;height:42px;width:auto;flex:0 1 auto;padding:0;margin:0;border:1px solid #dddedf;border-radius:0;background:transparent;text-align:center;line-height:40px;font-size:15px;color:#111827} .djb-filter-facet{font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;color:#111827} .djb-filter-facet__box{border:0;margin:0;padding:0;min-width:0} .djb-filter-facet__title{display:block;float:none;width:100%;padding:0;margin:0 0 8px;font-size:11px;font-weight:700;line-height:1.2;color:#6B7280;text-transform:uppercase;letter-spacing:.33px} .djb-filter-facet__list{list-style:none;margin:0;padding:0} .djb-filter-facet__item{margin:2px 0 0;padding:0;line-height:15px} .djb-filter-facet__option{display:flex;align-items:center;gap:9px;padding:3px 0;cursor:pointer;font-size:15px;color:#111827} .djb-filter-facet__input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 15px;width:15px;min-width:15px;height:15px;margin:0;padding:0!important;border:2px solid #C8C8C8;border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box} .djb-filter-facet__input[type=checkbox]:checked{background:#3A7AFE;border-color:#3A7AFE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat} .djb-filter-facet__label{padding-left:8px;font-size:15px;line-height:18px;color:#111827} .djb-filter-facet__count{font-size:13px;color:#71767f;margin-left:-6px} .djb-filter-facet__more{margin:0} .djb-filter-facet__more>summary{list-style:none} .djb-filter-facet__more>summary::-webkit-details-marker{display:none} .djb-filter-facet__more-toggle{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 0 2px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:16px;color:#111827;cursor:pointer} .djb-filter-facet__range{display:block} .djb-filter-facet__slider{position:relative;height:6px;margin:6px 0 16px;border-radius:4px;background:linear-gradient(to right,#E8E8E8 var(--djb-lo,0%),#3A7AFE var(--djb-lo,0%),#3A7AFE var(--djb-hi,100%),#E8E8E8 var(--djb-hi,100%))} .djb-filter-facet__thumb{position:absolute;left:0;top:50%;width:100%;height:16px;margin:0;transform:translateY(-50%);background:none;pointer-events:none;-webkit-appearance:none;appearance:none} .djb-filter-facet__thumb::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border:3px solid #3A7AFE;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer} .djb-filter-facet__thumb::-moz-range-thumb{pointer-events:auto;width:10px;height:10px;border:3px solid #3A7AFE;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer} .djb-filter-facet__thumb::-webkit-slider-runnable-track{background:none} .djb-filter-facet__thumb::-moz-range-track{background:none} .djb-filter-facet__inputs{display:none} .djb-filter-facet__range-text{display:block;margin:2px 0 0;padding:9px 8px;font-size:13px;font-weight:600;line-height:1.3;color:#1F2937;text-align:center;border:1px solid #E5E7EB;border-radius:10px;background:#F8FAFC} a.djb-filter-reset{display:inline-block;width:100%;box-sizing:border-box;margin:0 0 40px;padding:12px 36px;font-size:18px;font-weight:500;line-height:20px;color:#fff!important;text-align:center;text-decoration:none;border-radius:4px;background:#F96876} a.djb-filter-reset[aria-disabled=true]{opacity:.6;pointer-events:none} .djb-catalog-pagination__list{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;font-family:Inter,system-ui,sans-serif} .djb-catalog-pagination__list>li{min-width:32px;height:32px;margin:0;padding:0;list-style:none;line-height:32px} .djb-catalog-pagination__page,.djb-catalog-pagination__next,.djb-catalog-pagination__prev,.djb-catalog-pagination__list>li>span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:34px;padding:0 7px;box-sizing:border-box;border:0;border-radius:6px;background:transparent;font-size:12px;font-weight:500;line-height:12px;color:#111827;text-decoration:none;box-shadow:none} .djb-catalog-pagination__page--current{background:#346EEE;color:#fff;font-weight:700} .djb-catalog-pagination__next svg,.djb-catalog-pagination__prev svg{display:none} .djb-catalog-pagination__next::after{content:"»"} .djb-catalog-pagination__prev::after{content:"«"} .djb-catalog-sorting select{width:auto;height:44px;padding:8px 36px 8px 10px;border:1px solid #D1D5DB;border-radius:8px;background-color:#fff;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:20px;color:#111827;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C8C8C8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer} .djb-catalog-sorting button[type=submit],.djb-catalog-sorting noscript{display:none} .djb-wishlist-button.wl-btn .djb-wishlist-button__icon{display:none} .djb-wishlist-button.wl-btn.is-active,.djb-wishlist-button.wl-btn[aria-pressed=true],.djb-wishlist-button.wl-btn.is-in{color:#d63d3d} .djb-catalog-pagination__list>li>.djb-catalog-pagination__page--current{background:#346EEE;color:#fff;font-weight:700} .djb-catalog-sorting .djb-catalog-sorting__select select{font-size:12px;font-weight:700} .alteo-range-clear{display:block;margin:12px 0 0 auto;padding:6px 14px;font:600 12px/1.2 Inter,system-ui,sans-serif;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer} .alteo-range-clear:disabled{opacity:.45;cursor:default} .djb-filter-facet--checkbox .djb-filter-facet__list{display:flow-root!important;margin:0!important;padding:0!important} .djb-filter-facet--checkbox .djb-filter-facet__item{margin:2px 0 0!important;padding:0!important;line-height:15px;min-height:24px} .djb-filter-facet--checkbox .djb-filter-facet__option{display:block;position:relative;min-height:0;margin:0;padding-left:32px;line-height:18px} .djb-filter-facet--checkbox .djb-filter-facet__input{position:absolute;left:0;top:calc(50% - 7.5px);margin:0} .djb-filter-facet--checkbox .djb-filter-facet__label{display:inline;padding-left:0} .djb-filter-facet--checkbox .djb-filter-facet__count{display:inline;margin-left:4.2px;line-height:1.2} .djb-filter-facet__range-text{margin-top:28px!important} .djb-catalog-result-count{font-size:14px!important;line-height:1.2!important;color:#6b7280!important} a.djb-filter-reset{margin-top:20px!important;margin-bottom:40px!important} .djb-catalog-sorting__select{width:auto!important;display:inline-block} .djb-catalog-sorting__select::after,.djb-catalog-sorting__select::before{display:none!important;content:none!important} .djb-catalog-sorting select:focus{outline:none!important;box-shadow:none!important;border-color:#D1D5DB!important} .djb-catalog-sorting{width:auto!important} .djb-catalog-pagination__next,.djb-catalog-pagination__prev{display:none!important} .djb-catalog-pagination__list>li:has(>.djb-catalog-pagination__next),.djb-catalog-pagination__list>li:has(>.djb-catalog-pagination__prev){display:none!important} .djb-filter-facet__more-toggle{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;font-family:Inter,sans-serif;line-height:16px;cursor:pointer;list-style:none;background:transparent!important;color:#111827!important;border:0;border-top:1px solid #e5e7eb!important;border-radius:0!important;padding:10px 0 2px!important;font-size:14px!important;font-weight:500!important} .djb-filter-facet__more-toggle::-webkit-details-marker{display:none} .djb-filter-facet__more-toggle::before,.djb-filter-facet__more-toggle::after{content:"";width:18px;height:18px;flex:0 0 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%236B7280'/%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat} .djb-filter-facet__more[open]>.djb-filter-facet__more-toggle::before,.djb-filter-facet__more[open]>.djb-filter-facet__more-toggle::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%233A7AFE'/%3E%3Cpath d='M7 14l5-5 5 5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .djb-filter-facet__more-toggle:hover{color:#3A7AFE!important} .djb-filter-facet__slider::before,.djb-filter-facet__slider::after{display:none!important;content:none!important} .djb-filter-facet__slider{height:6px!important;margin:6px 0 16px!important;border-radius:4px!important} .djb-filter-facet__slider .djb-filter-facet__thumb{inset:auto!important;left:0!important;top:50%!important;width:100%!important;height:16px!important;transform:translateY(-50%)!important} .djb-filter-facet__thumb::-webkit-slider-runnable-track{height:16px!important;background:none!important} .djb-filter-facet__thumb::-webkit-slider-thumb{width:16px!important;height:16px!important;margin-top:0!important;border:3px solid #3A7AFE!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important} .djb-filter-facet__thumb::-moz-range-thumb{width:10px!important;height:10px!important;border:3px solid #3A7AFE!important;border-radius:8px!important;background:#fff!important} .djb-catalog-sorting select,.djb-catalog-sorting__select select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C8C8C8' stroke-width='2.5'%3E%3Cpath d='M6.7 9.42 12 14.54l5.3-5.12'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:24px 24px!important;background-position:right 6px center!important;padding-right:36px!important;cursor:pointer} .djb-catalog-sorting select:hover{border-color:#9CA3AF!important} .alteo-sort-list{position:absolute;z-index:9999;margin:0;padding:0;list-style:none;background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 11px rgba(0,0,0,.1);max-height:288px;overflow-y:auto;font-family:inherit} .alteo-sort-item{padding:10px 11px;font-size:14px;line-height:16px;font-weight:400;color:#111827;cursor:pointer;white-space:nowrap} .alteo-sort-item.is-focused{background:#DEEBFF} .alteo-sort-item.is-selected{background:#2684FF;color:#fff} body.djb-wp{padding-top:120px!important} @media (max-width:767px){body.djb-wp{padding-top:50px!important}} body.admin-bar #brx-header.brx-sticky{top:32px} @media (max-width:782px){body.admin-bar #brx-header.brx-sticky{top:46px}} .djb-breadcrumbs__item:first-child .djb-breadcrumbs__link{display:inline-flex;align-items:center;font-size:0;line-height:0;color:#3A7AFE} .djb-breadcrumbs__item:first-child .djb-breadcrumbs__link::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5L12%203l9%207.5%22%2F%3E%3Cpath%20d%3D%22M5%209.5V21h14V9.5%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5L12%203l9%207.5%22%2F%3E%3Cpath%20d%3D%22M5%209.5V21h14V9.5%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} .djb-breadcrumbs__list{column-gap:0!important} .djb-breadcrumbs__sep{margin:0 8px;color:#d1d5db;font-size:21px;line-height:1} .djb-breadcrumbs{font-size:15px!important;line-height:22.5px} .djb-breadcrumbs__link{font-size:14px} .djb-breadcrumbs__current{font-size:14px!important;font-weight:700!important} .djb-breadcrumbs__list{margin:0!important;padding:0!important;list-style:none!important} body:not(.home) .pc .cur del{font-size:20px!important;font-weight:700!important} .cur .djb-price__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} #brxe-jblgnk>span{display:flex;align-items:center;gap:8px} #brxe-jblgnk>span>i{display:block} #brxe-qlbclr{align-items:flex-start} #brxe-fivugl.aan-nav-host{flex:0 0 280px;width:280px;min-height:600px} #brxe-mdfrdd{flex:1 1 0;min-width:0;min-height:600px} @media(max-width:768px){#brxe-fivugl.aan-nav-host{flex:1 1 100%;width:100%;min-height:0} #brxe-mdfrdd{flex:1 1 100%;min-height:300px}} .aan-content>*{animation:aanIn .25s ease both} @keyframes aanIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} @media(min-width:769px){#brxe-lkccog>#brxe-qlbclr{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:20px!important;box-sizing:border-box}} body.woocommerce-account .djb-wp-entry__content>.woocommerce-notices-wrapper:empty{display:none} button[data-djb-wishlist][data-djb-saved]{color:#d63d3d!important;border-color:#d63d3d!important} button[data-djb-wishlist][data-djb-saved]:hover{color:#DC2626!important;border-color:#DC2626!important} button[data-djb-wishlist][data-djb-saved] svg,button[data-djb-wishlist][data-djb-saved] svg path{fill:currentColor!important;stroke:currentColor!important} button[data-djb-wishlist][data-djb-saved]::before{content:""!important;font-family:inherit!important;display:inline-block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<\/svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<\/svg>") center/contain no-repeat} .alteo-reset-ok{max-width:600px;margin:0 auto 20px!important;padding:14px 18px!important;border-radius:12px!important;background:#ECFDF3!important;border:1px solid #BBF7D0!important;color:#15803D!important;font-size:14px;font-weight:600;text-align:center;position:relative;z-index:1} .alteo-toast{position:fixed;left:50%;top:196px;z-index:100000;display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 32px);max-width:640px;padding:16px 20px;background:#ECFDF3;border:1px solid #BBF7D0;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.08);color:#15803D;font-size:14px;font-weight:600;line-height:1.5;opacity:0;transform:translate(-50%,-8px);transition:opacity .2s,transform .2s;pointer-events:none} .alteo-toast.is-in{opacity:1;transform:translate(-50%,0);pointer-events:auto} .alteo-toast.is-off{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8} .alteo-toast a{flex:0 0 auto;padding:8px 14px;border-radius:10px;background:#3A7AFE;color:#fff!important;font-size:13px;font-weight:800;line-height:1;text-decoration:none!important;white-space:nowrap} .alteo-toast a:hover{background:#2563EB} @media(max-width:768px){.alteo-toast{top:auto;bottom:16px;transform:translate(-50%,8px)} .alteo-toast.is-in{transform:translate(-50%,0)}} :root{--ai-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");--ai-eyeoff:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");--ai-login:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4'/%3E%3Cpolyline points='10 17 15 12 10 7'/%3E%3Cline x1='15' y1='12' x2='3' y2='12'/%3E%3C/svg%3E");--ai-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");--ai-repeat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 11-2.12-9.36L23 10'/%3E%3C/svg%3E");--ai-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E");--ai-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E")} .djb-auth-form{font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;color:#111827;margin:0} .djb-auth-form .djb-wc-fields{display:grid;grid-template-columns:1fr;gap:18px;margin:0} .djb-auth-form--register .djb-wc-fields{grid-template-columns:1fr 1fr;gap:18px 20px} .djb-auth-form .djb-wc-field{margin:0;grid-column:1/-1;min-width:0} .djb-auth-form--register .djb-wc-field--first{grid-column:1} .djb-auth-form--register .djb-wc-field--last{grid-column:2} .djb-auth-form .djb-wc-label,.alteo-reg-label{display:block;margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.4;color:#111827} .djb-auth-form .djb-wc-req{color:#3A7AFE;font-weight:700;text-decoration:none;border:0;margin-left:3px} .djb-auth-form .djb-wc-input{display:block;width:100%;height:46px;padding:0 15px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;line-height:40px;box-shadow:none;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s} .djb-auth-form .djb-wc-input::placeholder{color:#71767f;opacity:1} .djb-auth-form .djb-wc-input:focus{border-color:#3A7AFE;box-shadow:0 0 0 3px #DBEAFE} .djb-auth-form .djb-wc-input[aria-invalid=true]{border-color:#d63d3d} .djb-auth-form .djb-wc-error:not(:empty){display:block;margin-top:6px;font-size:12px;color:#DC2626} .djb-auth-form .djb-wc-password{position:relative;display:block} .djb-auth-form .djb-wc-password .djb-wc-input{padding-right:48px} .djb-auth-form .djb-wc-reveal{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:0;border-radius:6px;color:#6B7280;cursor:pointer;font-size:0;transition:color .15s,background-color .15s} .djb-auth-form .djb-wc-reveal:hover{color:#3A7AFE;background:#EFF6FF} .djb-auth-form .djb-wc-reveal::before{content:'';width:18px;height:18px;background:currentColor;-webkit-mask:var(--ai-eye) center/contain no-repeat;mask:var(--ai-eye) center/contain no-repeat} .djb-auth-form .djb-wc-reveal[aria-pressed=true]::before{-webkit-mask-image:var(--ai-eyeoff);mask-image:var(--ai-eyeoff)} .djb-auth-form__row{display:flex;justify-content:flex-start;margin:18px 0 0} .djb-auth-form__row>span:empty{display:none} .djb-auth-form__row .djb-wc-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#111827;text-decoration:none} .djb-auth-form__row .djb-wc-link::before{content:'?';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #3A7AFE;border-radius:50%;color:#3A7AFE;font-size:11px;font-weight:700;line-height:1;box-sizing:border-box} .djb-auth-form__row .djb-wc-link:hover{color:#3A7AFE} .djb-auth-form>button[type=submit]{display:flex;align-items:center;justify-content:center;gap:9px;width:240px;max-width:100%;height:46px;margin:24px auto 0;padding:0 28px;background:#3A7AFE;border:0;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;line-height:1;cursor:pointer;box-shadow:none;transition:background-color .15s,box-shadow .15s,transform .15s} .djb-auth-form>button[type=submit]:hover{background:#2563EB;color:#fff;box-shadow:0 4px 12px rgba(58,122,254,.25);transform:translateY(-1px)} .djb-auth-form>button[type=submit]::before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:var(--ai-login) center/contain no-repeat;mask:var(--ai-login) center/contain no-repeat} .djb-auth-form--register>button[type=submit]::before{-webkit-mask-image:var(--ai-user);mask-image:var(--ai-user)} .djb-auth-form--register>.djb-wc-help{display:none} .djb-auth-form--register>[data-djb-field-row=djb_terms],.alteo-reg-extra{margin:18px 0 0} .alteo-reg-gender .alteo-reg-opts{display:flex;align-items:center;flex-wrap:wrap;gap:24px} .alteo-reg-gender label.alteo-reg-opt{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:#111827;cursor:pointer;margin:0} .alteo-reg-gender input{width:18px;height:18px;min-width:18px;margin:0;accent-color:#3A7AFE;cursor:pointer} .djb-auth-form--register .djb-wc-check{display:flex;align-items:center;gap:12px;width:100%;margin:0;font-size:13px;line-height:1.5;color:#111827;cursor:pointer} .djb-auth-form--register .djb-wc-check input[type=checkbox]{position:relative;flex:0 0 38px;width:38px;min-width:38px;height:22px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #D7DDE6;border-radius:999px;cursor:pointer;transition:background-color .18s,border-color .18s} .djb-auth-form--register .djb-wc-check input[type=checkbox]::before{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#3A7AFE;border-radius:50%;transition:transform .18s,background-color .18s} .djb-auth-form--register .djb-wc-check input[type=checkbox]:checked{background:#3A7AFE;border-color:#3A7AFE} .djb-auth-form--register .djb-wc-check input[type=checkbox]:checked::before{transform:translateX(16px);background:#fff} .djb-auth-form--register .djb-wc-check input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #DBEAFE} .djb-auth-form--register .djb-wc-check a{color:#3A7AFE;font-weight:600;text-decoration:underline;text-underline-offset:2px} .djb-auth-form .djb-wc-notice,.djb-auth-form [role=alert]{margin:0 0 16px} @media(max-width:767px){.djb-auth-form--register .djb-wc-fields{grid-template-columns:1fr} .djb-auth-form--register .djb-wc-field--first,.djb-auth-form--register .djb-wc-field--last{grid-column:1/-1} .djb-auth-form>button[type=submit]{height:50px} .alteo-reg-gender .alteo-reg-opts{gap:18px}} [data-a~=alp]{width:100%;padding-bottom:60px;color:#111827;line-height:1.5} [data-a~=alp-bc]{display:flex;align-items:center;flex-wrap:wrap;width:100%;margin:0 0 18px;font-size:14px;line-height:26px;color:#111827} [data-a~=alp-bc-home]{position:relative;top:-2px;display:inline-flex;width:24px;height:26px;color:#3A7AFE} [data-a~=alp-bc-home]::before{content:'';width:21px;height:21px;margin:auto;background:currentColor;-webkit-mask:var(--ai-home) center/contain no-repeat;mask:var(--ai-home) center/contain no-repeat} [data-a~=alp-bc-sep]{margin:0 8px;color:#D1D5DB;font-size:20px;font-weight:300;position:relative;top:-1px} [data-a~=alp-bc-link]{color:#111827;text-decoration:none} [data-a~=alp-bc-link]:hover{color:#3A7AFE} [data-a~=alp-bc-cur]{font-weight:700} [data-a~=alp-title]{margin:8px 0 20px;font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center;color:#111827} [data-a~=alp-panel]{width:100%;max-width:600px;margin:0 auto;padding:32px 32px 36px;background:#F9FAFB;border-top:4px solid #3A7AFE;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);box-sizing:border-box} [data-a~=alp-h]{margin:0 0 10px;font-size:21px;font-weight:700;color:#3A7AFE} [data-a~=alp-intro]{margin:0 0 20px;font-size:14px;color:#111827} [data-a~=alp-hr]{height:0;margin:0 0 24px;border-top:1px solid #E5E7EB} [data-a~=alp] .djb-auth-form--lost>p{font-size:14px} [data-a~=alp] .djb-auth-form--lost>button[type=submit]{margin-top:24px} .djb-auth-form--lost>button[type=submit]::before{-webkit-mask-image:var(--ai-repeat);mask-image:var(--ai-repeat)} [data-a~=alp-back]{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#111827;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px} [data-a~=alp-back]::before{content:'';width:18px;height:18px;background:#3A7AFE;-webkit-mask:var(--ai-back) center/contain no-repeat;mask:var(--ai-back) center/contain no-repeat} [data-a~=alp-back]:hover{color:#3A7AFE} #brxe-qlbclr:has([data-a~=alp]){width:100%!important;max-width:1440px!important;margin-left:auto;margin-right:auto;padding-left:24px!important;padding-right:24px!important;flex-direction:column} @media(max-width:768px){#brxe-qlbclr:has([data-a~=alp]){padding-top:0!important;padding-left:16px!important;padding-right:16px!important} [data-a~=alp-title]{font-size:24px} [data-a~=alp-panel]{max-width:none;padding:26px 20px 28px}} .hb.djb-cart-icon .djb-cart-icon__icon,.mob-nav-item.djb-cart-icon .djb-cart-icon__icon{position:static;display:flex} .djb-cart-icon svg{stroke-width:1.8} .hb.djb-cart-icon .djb-cart-icon__count{position:absolute;top:2px;right:0;width:19px;height:19px;min-width:0;padding:0;border:2px solid #fff;border-radius:50%;background:#346EEE;color:#fff;font-size:10px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(58,122,254,.28);box-sizing:border-box} .hb.djb-cart-icon .djb-cart-icon__count[hidden]{display:none} .mob-nav-item.djb-cart-icon{text-decoration:none} .mob-nav-item.djb-cart-icon .djb-cart-icon__count{position:absolute;top:-4px;right:calc(50% - 20px);width:16px;height:16px;min-width:16px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#3A7AFE;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1} .mob-nav-item.djb-cart-icon .djb-cart-icon__label{display:block} @media(max-width:767px){#siteHeader .hb.djb-cart-icon .djb-cart-icon__count{top:5px;right:5px;min-width:18px;width:auto;height:18px;padding:0 4px;border:2px solid #fff;border-radius:9px;box-sizing:border-box;box-shadow:0 3px 8px rgba(58,122,254,.28)} #siteHeader .hb.djb-cart-icon svg{width:23px;height:23px}} dialog.djb-mini-cart{position:fixed;inset:0 0 0 auto;width:400px;max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;padding:18px;border:0;border-radius:0;background:#fff;color:#111827;box-shadow:none;font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;box-sizing:border-box} dialog.djb-mini-cart[open]{display:flex} dialog.djb-mini-cart::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:none} .djb-mini-cart__panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:0} .djb-mini-cart__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 24px;margin:0;border-bottom:1px solid #E5E7EB;background:#fff;flex:0 0 auto} .djb-mini-cart__title{margin:0;font-size:22px;font-weight:700;line-height:1.4;color:#111827} .djb-mini-cart__count{display:none} .djb-mini-cart__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:#F9FAFB;color:#6B7280;cursor:pointer} .djb-mini-cart__close:hover{background:#F1F5F9;color:#111827} .djb-mini-cart__close svg{width:16px;height:16px} .djb-mini-cart__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0;margin:0;overflow:hidden} .djb-mini-cart__items{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding:16px 40px;list-style:none} .djb-mini-cart__item{display:grid;grid-template-columns:64px minmax(0,1fr) 24px;align-items:center;gap:14px;margin:0 0 10px;padding:16px 40px 16px 0;border-bottom:1px solid #E5E7EB} .djb-mini-cart__item .djb-wc-thumb{width:64px;height:64px;max-width:none;padding:2px;border-radius:8px;background:#fff;object-fit:contain;box-sizing:border-box} .djb-mini-cart__lines{min-width:0;display:block} .djb-mini-cart__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;font-weight:700;line-height:1.35;color:#020617;text-decoration:none} .djb-mini-cart__name:hover{color:#3A7AFE} .djb-mini-cart__row{display:block;min-height:32px;margin:8px 0 0;font-size:14px;color:#020617;line-height:1.5} .djb-mini-cart__row .djb-cart-qty{display:inline;font-size:14px;color:#020617;padding:0;border:0;background:none} .djb-mini-cart__row .djb-mini-cart__price{display:none} .djb-mini-cart__row .alteo-mc-unit{font-size:17px;font-weight:800;line-height:1.2;color:#2563EB} .djb-mini-cart__item .djb-cart-remove{align-self:start;margin-left:-6px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#d63d3d;cursor:pointer} .djb-mini-cart__item .djb-cart-remove:hover{background:#FEF2F2} .djb-mini-cart__item .djb-cart-remove svg{display:none} .djb-mini-cart__item .djb-cart-remove::before{content:"×";font-size:18px;line-height:18px} .djb-mini-cart__foot{display:block;flex:0 0 auto;margin:0;padding:20px 24px;border-top:1px solid #E5E7EB;background:#fff} .djb-mini-cart__subtotal{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 16px;font-size:22px;font-weight:700;color:#111827;line-height:1.5} .djb-mini-cart__subtotal .djb-amount{color:#3A7AFE;font-weight:700} .djb-mini-cart__hint{display:none} .djb-mini-cart__buttons{display:flex;flex-direction:column-reverse;gap:18px;margin:0} .djb-mini-cart__buttons .djb-wc-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:0;padding:0 16px;border-radius:10px;font-size:16px;letter-spacing:.5px;line-height:1;text-decoration:none;box-sizing:border-box} .djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost){background:#346EEE;border:0;color:#fff;font-weight:600;box-shadow:0 8px 18px rgba(58,122,254,.22)} .djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost):hover{background:#2563EB} .djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost) svg{display:none} .djb-mini-cart__buttons .djb-wc-button--ghost{background:#fff;border:1px solid #DBE2EA;color:#111827;font-weight:800} .djb-mini-cart__buttons .djb-wc-button--ghost:hover{border-color:#3A7AFE;color:#3A7AFE} .djb-mini-cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;padding:40px 24px;text-align:center} .djb-mini-cart__empty p{margin:0;font-size:20px;font-weight:700;color:#111827} .djb-mini-cart__empty-icon{width:56px;height:56px;color:#3A7AFE} .djb-mini-cart__empty .djb-wc-button{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:10px;background:#3A7AFE;color:#fff;font-weight:600;text-decoration:none} @media(max-width:480px){dialog.djb-mini-cart{width:min(400px,100vw);height:100vh;padding:0 18px 50px}dialog.djb-mini-cart .djb-mini-cart__foot{margin-bottom:50px}dialog.djb-mini-cart .djb-mini-cart__title{font-size:21px}.djb-mini-cart__item{grid-template-columns:56px minmax(0,1fr) 24px;gap:10px;padding-right:36px}.djb-mini-cart__item .djb-wc-thumb{width:56px;height:56px}.djb-mini-cart__item .djb-cart-remove{margin-left:-2px}} form[data-a~=anl]{position:relative;grid-template-columns:minmax(240px,1fr) auto;gap:8px;align-items:center;margin:0;overflow:visible} form[data-a~=anl] .djb-form__trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} form[data-a~=anl] .djb-field{grid-column:1;margin:0;min-width:0} form[data-a~=anl] .djb-form__submit{grid-column:2} form[data-a~=anl] .djb-field__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} form[data-a~=anl] .djb-field__input{width:100%;min-width:240px;height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font-family:Inter,system-ui,sans-serif;font-size:14px;outline:none;box-shadow:none;box-sizing:border-box;transition:border .15s,box-shadow .15s} form[data-a~=anl] .djb-field__input::placeholder{color:rgba(255,255,255,.4)} form[data-a~=anl] .djb-field__input:focus{border-color:#3A7AFE;box-shadow:0 0 0 3px rgba(58,122,254,.25);background:rgba(255,255,255,.1)} form[data-a~=anl] .djb-field__error:not([hidden]){position:absolute;top:100%;left:0;margin:4px 0 0;font-size:12px;color:#FCA5A5} form[data-a~=anl] .djb-form__submit{margin:0} form[data-a~=anl] .djb-form__button{height:44px;padding:0 24px;border:0;border-radius:8px;background:#346EEE;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s} form[data-a~=anl] .djb-form__button:hover{background:#2563EB;transform:translateY(-1px);box-shadow:0 4px 12px rgba(58,122,254,.3)} form[data-a~=anl] .djb-form__status,form[data-a~=anl] .djb-form__notice{position:absolute!important;top:calc(100% + 8px);left:0;right:0;z-index:2;margin:0;padding:12px 16px 12px 48px;border-radius:8px;font-size:14px;color:inherit} form[data-a~=anl] .djb-form__notice.is-ok{background:rgba(58,122,254,.14);border:1px solid rgba(58,122,254,.6)} form[data-a~=anl] .djb-form__notice.is-ok::before{content:'';position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:50%;background:#3A7AFE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/13px no-repeat} form[data-a~=anl] .djb-form__notice.is-bad{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.6)} @media(max-width:768px){form[data-a~=anl]{grid-template-columns:1fr;width:100%} form[data-a~=anl] .djb-form__submit{grid-column:1} form[data-a~=anl] .djb-field,form[data-a~=anl] .djb-form__submit{width:100%} form[data-a~=anl] .djb-field__input{min-width:0} form[data-a~=anl] .djb-form__button{width:100%;height:38px;padding:0 20px}} [data-a~=afo]{display:flex;align-items:center;gap:8px;cursor:pointer} [data-a~=afo] span{margin-left:auto;color:#71767f;font-size:12px} [data-a~=afo-in]{display:block;height:40px;line-height:38px;padding:0 12px;border:1px solid #E5E7EB;border-radius:8px;color:#71767f;background:#fff} .djb-catalog-pagination__list{justify-content:flex-start} .bdg.bdg-n{background-color:#178740!important} #brx-footer #brxe-tuquyg,#brx-footer #brxe-pqzzvp,#brx-footer #brxe-wzyggr,#brx-footer #brxe-kbxmil{opacity:.55} .slider-dot{margin-inline:4px!important} .djb-filter-facet__range .djb-filter-facet__slider .djb-filter-facet__thumb{height:24px!important} .djb-breadcrumbs__link{min-height:24px;align-items:center} .djb-breadcrumbs__item:first-child .djb-breadcrumbs__link{min-width:24px;justify-content:center;margin-inline:-4px} label[for="djb-order_comments"]{color:#767676} .ps.active.ps.active{animation:none} #pg-shop .wl-btn[data-djb-saved]::before,button[data-djb-wishlist][data-djb-saved]::before{color:inherit!important;background:currentColor!important} .djb-filter-facet__more{display:flex;flex-direction:column} .djb-filter-facet__more>summary{order:2} .djb-catalog-pagination__list{gap:4px} .djb-catalog-pagination__page{padding:0 9px} [data-a~=apay-t]{height:32px;padding:4px 10px} [data-a~=apay-i]{height:18px} [data-a~=apay-i--rbi]{height:16px} [data-a~=apay-grp--cards] [data-a~=apay-t]{width:50px;padding:4px} [data-a~=apay-grp--cards] [data-a~=apay-i]{width:42px;height:24px} @media (max-width:767px){[data-a~=apay-i--rbi]{height:15px}} button[data-djb-wishlist][data-djb-saved],button[data-djb-wishlist][data-djb-saved]:hover{border-color:var(--bd,#e5e7eb)!important} .alteo-ship-row .alteo-ship-price{font-weight:700;color:#111827} .alteo-ship-row .alteo-ship-price.free{color:#178740;font-weight:700} .os .djb-cart-totals,.os .djb-checkout-order-review{background:none;box-shadow:none;border-radius:0;padding:0} .djb-cart-items__name,.djb-review__name,.alteo-co-name,.djb-mini-cart__name,.djb-wishlist__name{overflow-wrap:anywhere} .sh .mh .sb .djb-search-form__sr,.djb-search-form .djb-search-form__sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .pc .bd .btn-n.btn-c.btn-oos,.pc .bd .btn-n.btn-c.btn-oos:hover{position:static!important;display:flex!important;width:100%!important;height:100%!important;margin:0!important;padding:0 12px!important;border-radius:10px!important;background:#e3ecff!important;color:#3A7AFE!important;box-shadow:none!important;transform:none!important;font-family:inherit!important} nav.djb-breadcrumbs.brxe-shortcode{margin:0 0 18px} nav.djb-breadcrumbs.brxe-shortcode .djb-breadcrumbs__item{min-height:26px} @media (max-width:767px){.brxe-bu-off-canvas .bu-oc-panel>.pm-handle+div{width:100%!important}} nav.djb-breadcrumbs .djb-breadcrumbs__item,nav.djb-breadcrumbs .djb-breadcrumbs__item a,nav.djb-breadcrumbs .djb-breadcrumbs__item span{line-height:26px} .djb-product-sale-badge.bdg{line-height:1.5} form.djb-iwii62 .djb-form__button{letter-spacing:.5px} /* ───── Filteri: lista brendova ima svoj skrol od 220px (kao na alteo.rs) ───── */ body:not(.search) .djb-filter-facet[data-djb-facet="attr-brands"] .djb-filter-facet__values{max-height:220px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#c7cdd6 transparent} /* ───── Filteri u mobilnom panelu (≤767px) — kategorije i pretraga, isto kao na alteo.rs; bez ID-jeva, važi za sve šablone ───── */ @media (max-width:767px){ .brxe-bu-off-canvas .bu-oc-panel > .pm-handle + div{width:calc(100% + 32px)!important;max-width:none!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__title{display:block!important;margin:0 0 6px!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--f-muted)!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__box{margin:0 0 6px!important;padding:0!important;border:0!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__item{margin:0!important;min-height:0!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__option{display:flex!important;align-items:center;gap:12px;min-height:44px!important;margin:1px 0!important;padding:7px 10px!important;border-radius:10px;line-height:15px!important;cursor:pointer;transition:background .12s} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__option:hover{background:var(--f-soft)} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__option:active{background:#e9ebf0} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__option:has(:focus-visible){box-shadow:0 0 0 3px rgba(58,122,254,.25)} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__input{position:static!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;margin:0!important;border:2px solid #cbd0d9!important;border-radius:6px!important;background-color:#fff!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__input:checked{background-color:var(--b)!important;border-color:var(--b)!important;background-position:center!important;background-size:14px!important;background-repeat:no-repeat!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__label{display:block!important;flex:1 1 auto;min-width:0;padding-left:8px!important;font-size:15px!important;font-weight:500;line-height:1.25!important;color:var(--f-ink)} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__option:has(:checked) .djb-filter-facet__label{color:var(--b);font-weight:600} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet--checkbox .djb-filter-facet__count{display:block!important;flex:0 0 auto;margin-left:-4px!important;padding:1px 8px;border-radius:99px;background:var(--f-soft);font-size:13px!important;font-weight:600;line-height:16.25px!important;color:var(--f-muted)} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__range{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:6px;column-gap:0} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__range .djb-filter-facet__slider{flex:0 0 calc(100% - 16px);height:4px!important;margin:18px 8px 8px!important;border-radius:99px!important;background:linear-gradient(to right,#e6e8ee var(--djb-lo,0%),var(--b) var(--djb-lo,0%),var(--b) var(--djb-hi,100%),#e6e8ee var(--djb-hi,100%))!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__thumb::-webkit-slider-thumb{width:24px!important;height:24px!important;border:3px solid var(--b)!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__thumb::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--b);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .djb-filter-facet__range-text{flex:0 0 100%;display:block;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;text-align:left!important;font-size:13px!important;font-weight:600!important;line-height:18px!important;color:var(--f-ink)!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .alteo-range-clear{margin:0 0 0 auto!important;padding:3px 12px!important;font:600 12px/16px Inter,system-ui,sans-serif!important;color:var(--b)!important;background:transparent!important;border:1px solid var(--f-line)!important;border-radius:99px!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq) .alteo-range-clear:disabled{opacity:.4!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq):not(#brxe-pemfur) .bu-oc-panel > :last-child .djb-filter-reset{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;height:48px!important;min-height:48px!important;margin:0 0 8px!important;padding:0 16px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;color:var(--t1,#111827)!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;text-decoration:none!important;opacity:1!important} .brxe-bu-off-canvas:not(#brxe-qqcwuq):not(#brxe-pemfur) .bu-oc-panel > :last-child .djb-filter-reset[aria-disabled="true"]{color:var(--t3,#9CA3AF)!important;opacity:.45!important;cursor:not-allowed} .brxe-bu-off-canvas:not(#brxe-qqcwuq):not(#brxe-pemfur) .bu-oc-panel > :last-child #primeni_filtere{flex:1 1 0!important;min-width:0!important;width:auto!important;height:48px!important;margin:0!important;padding:0 15px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important} } /* ───── Filteri u mobilnom panelu na /shop/ (≤767px) — isto kao na alteo.rs ───── */ @media (max-width:767px){ #brxe-qqcwuq .djb-filter-facet__title{margin:0 0 6px!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:var(--t2,#6B7280)!important} #brxe-qqcwuq .djb-filter-facet__box{margin-bottom:40px!important} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__item{margin:0!important;min-height:0!important} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__option{display:flex!important;align-items:center;gap:12px;min-height:42px!important;margin:0!important;padding:0!important;line-height:15px!important;cursor:pointer} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__input{position:static!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;height:22px!important;margin:0!important} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__input:checked{background-size:14px!important;background-position:center!important;background-repeat:no-repeat!important} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__label{display:block!important;flex:0 1 auto;min-width:0;padding-left:8px!important;font-size:15px!important;line-height:1.25!important;color:var(--t1,#111827)} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__option:has(:checked) .djb-filter-facet__label{color:var(--b);font-weight:600} #brxe-qqcwuq .djb-filter-facet--checkbox .djb-filter-facet__count{display:block!important;flex:0 0 auto;margin-left:-7.8px!important;font-size:13px!important;line-height:16.25px!important} #brxe-qqcwuq .djb-filter-facet__range{display:flex!important;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:0} #brxe-qqcwuq .djb-filter-facet__range .djb-filter-facet__slider{flex:0 0 100%} .brxe-bu-off-canvas .djb-filter-facet__range .djb-filter-facet__slider .djb-filter-facet__thumb{left:-4px!important;width:calc(100% + 8px)!important} #brxe-qqcwuq .djb-filter-facet__thumb::-webkit-slider-thumb{width:24px!important;height:24px!important;border:3px solid var(--b)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important} #brxe-qqcwuq .djb-filter-facet__range-text{flex:0 0 100%;display:block;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;text-align:left!important;font-size:16px!important;font-weight:600!important;line-height:18px!important;color:var(--t1,#111827)!important} #brxe-qqcwuq .alteo-range-clear{margin:0 0 0 auto!important;padding:8px!important;font:500 14px/16px Inter,system-ui,sans-serif!important;color:#2a2a2a!important;background:#e8e8e8!important;border:0!important;border-radius:4px!important} #brxe-qqcwuq .alteo-range-clear:disabled{opacity:.6!important} #brxe-qqcwuq .djb-filter-reset{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:48px!important;min-height:48px!important;margin:0 0 12px!important;padding:0 16px!important;border:1px solid var(--bd,#E5E7EB)!important;border-radius:10px!important;background:#fff!important;color:var(--t1,#111827)!important;font-size:14px!important;font-weight:600!important;line-height:20px!important;text-decoration:none!important;opacity:1!important} #brxe-qqcwuq .djb-filter-reset[aria-disabled="true"]{color:var(--t3,#9CA3AF)!important;opacity:.6!important;cursor:not-allowed} } /* ───── Kontrast belog teksta na plavoj: #346EEE (preporuka dizajnera) — oznake Preporuka/Novo i dugmad; osnovna Alteo plava ostaje #3A7AFE ───── */ .btn-c:not(.btn-oos),.btn-ac,.btn-p,.btn-w,.bdg-r,.bdg-n,.nmb,#primeni_filtere{--b:#346EEE;--f-blue:#346EEE} /* Filteri: izabrana opcija (posle filtriranja) — plava i podebljana kao na alteo.rs */ .djb-filter-facet--checkbox .djb-filter-facet__option:has(:checked) .djb-filter-facet__label{color:var(--b,#3A7AFE)!important;font-weight:600!important} .djb-filter-facet--checkbox .djb-filter-facet__option:has(:checked) .djb-filter-facet__count{font-weight:600!important} /* Kontrast plavog teksta (Lighthouse): aktivni tab na proizvodu i oznaka „Nema na stanju“ */ .tb-btn.active{--b:#346EEE} body .btn-c.btn-oos,body .pc .bd .btn-n.btn-c.btn-oos,body .pc .bd .btn-n.btn-c.btn-oos:hover{color:#256BB8!important} body .btn-c.btn-oos::before{background-color:#256BB8!important} /* Breadcrumbs kao na alteo.rs: „/“ stoji na kraju stavke (300, 21px, margine 7–8px), bez gap-a — pri prelomu red ne počinje kosom crtom */ .djb-breadcrumbs .djb-breadcrumbs__list,.djb-breadcrumbs .djb-breadcrumbs__item{gap:0!important} .djb-breadcrumbs .djb-breadcrumbs__item{align-items:center} .djb-breadcrumbs .djb-breadcrumbs__sep{display:none!important} .djb-breadcrumbs .djb-breadcrumbs__item:not(:last-child)::after{content:"/";display:inline-flex;vertical-align:top;margin:0 8px;font-size:21px;font-weight:300;line-height:26px;color:#d1d5db} .djb-breadcrumbs .djb-breadcrumbs__item:first-child:not(:last-child)::after{margin-left:7px} /* Forme sa vidljivim labelama (Kontakt, Pravna lica) kao na alteo.rs: razmak labela–polje 6px, „ *“ za obavezna polja, textarea 100px */ .djb-form .djb-form-field>.djb-field__label{margin-bottom:0!important} .djb-form .djb-field__label>i[aria-hidden]{display:inline!important;margin-left:.28em;font-style:normal;font-weight:700;color:#346EEE} /* info stranice (isporuka, reklamacije, uslovi...): pasusi bez donje margine kao na alteo (alteo ima *{margin:0}) */ .info-section p{margin-bottom:0} /* PSI: logotipi banaka bez pomeranja (CLS) - ista velicina, rezervisan prostor pre ucitavanja */ [data-a~=apay-i--rbi]{aspect-ratio:611/64} [data-a~=apay-i--idc]{aspect-ratio:380/64} /* PSI: kontrast na arhivi brenda (WooCommerce prikaz) */ .tax-pa_brands .woocommerce-breadcrumb,.tax-pa_brands .woocommerce-breadcrumb a{color:#6E6E6E!important} .tax-pa_brands .woocommerce-pagination .page-numbers .current{color:#6A5882!important} /* Alteo: WooCommerce arhive u WordPress prikazu (brendovi /f/brands/, tagovi /t/) kao na alteo.rs */ body .djb-wp-main #primary{width:1100px!important;max-width:100%!important;padding:0 15px!important;margin:0!important;box-sizing:border-box!important} body .djb-wp-main #primary #main.site-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;width:100%!important} body .djb-wp-main #main.site-main>*{grid-column:1/-1;min-width:0} body .djb-wp-main .woocommerce-breadcrumb{display:none!important} body .djb-wp-main .woocommerce-products-header{position:static!important;top:auto!important;z-index:auto!important;width:100%!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0!important;border:0!important} body .djb-wp-main .woocommerce-products-header__title{font-size:36px!important;font-weight:700!important;line-height:50.4px!important;margin:0!important;padding:0!important} body .djb-wp-main .woocommerce-result-count{grid-column:1!important;float:none!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:22.5px!important} body .djb-wp-main .woocommerce-ordering{grid-column:2!important;justify-self:end;float:none!important;margin:0!important} body .djb-wp-main .woocommerce-ordering select{width:224px!important;height:42px!important;margin:0!important;border:1px solid #dddedf!important;border-radius:0!important;font-size:15px!important} body .djb-wp-main ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important;margin:0!important;padding:0!important;width:100%!important} body .djb-wp-main ul.products::before,body .djb-wp-main ul.products::after{content:none!important;display:none!important} body .djb-wp-main ul.products li.product{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:auto!important;margin:0!important;padding:0!important;float:none!important;clear:none!important;position:relative} body .djb-wp-main ul.products li.product a.woocommerce-LoopProduct-link{display:block!important;width:100%!important} body .djb-wp-main ul.products li.product img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:300/240;margin:0!important;object-fit:fill} body .djb-wp-main ul.products li.product .woocommerce-loop-product__title{font-size:19.5px!important;font-weight:700!important;line-height:27.3px!important;margin:0!important;padding:0!important;color:#111827!important} body .djb-wp-main ul.products li.product .price{display:block!important;font-size:15px!important;line-height:22.5px!important;color:#111827!important;margin:0!important;padding:0!important} body .djb-wp-main ul.products li.product a.button{display:flex!important;align-items:center!important;justify-content:center!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;background:#e4e7e9!important;color:#111827!important;font-size:15px!important;font-weight:700!important;line-height:22.5px!important;border:0!important;border-radius:0!important;text-align:center!important} body .djb-wp-main .woocommerce-pagination{display:flex!important;text-align:left!important;margin:0!important;padding:0!important} body .djb-wp-main .woocommerce-pagination ul.page-numbers{display:flex!important;margin:0!important;padding:0!important;border:0!important;gap:0!important;white-space:normal!important} body .djb-wp-main .woocommerce-pagination ul.page-numbers li{display:block!important;float:none!important;margin:0!important;padding:0!important;border:0!important} body .djb-wp-main .woocommerce-pagination ul.page-numbers li .page-numbers{display:flex!important;padding:0!important;margin:0!important;min-width:0!important;font-size:15px!important;line-height:22.5px!important;color:#111827!important;background:none!important;border:0!important;border-radius:0!important} body .djb-wp-main .woocommerce-pagination ul.page-numbers li .current{font-weight:700!important} @media (max-width:991px){body .djb-wp-main ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}} body .djb-wp-main ul.products li.product .onsale{position:absolute!important;top:15px!important;left:15px!important;right:auto!important;bottom:auto!important;z-index:1;margin:0!important;padding:0!important;width:auto!important;height:24px!important;min-width:0!important;min-height:0!important;font-size:14px!important;font-weight:400!important;line-height:24px!important;color:#FA4362!important;background:#fff!important;border-radius:4px!important;text-align:start!important} body .djb-wp-main ul.products li.product .price del,body .djb-wp-main ul.products li.product .price ins{display:inline!important;opacity:1!important;font-weight:400!important;color:#111827!important;margin:0!important;background:none!important} body .djb-wp-main ul.products li.product .price .amount{font-weight:400!important;color:#111827!important} @media (max-width:478px){body .djb-wp-main ul.products{grid-template-columns:minmax(0,1fr)!important}body .djb-wp-main #primary #main.site-main{grid-template-columns:minmax(0,189fr) minmax(0,224fr)!important}body .djb-wp-main .woocommerce-ordering,body .djb-wp-main .woocommerce-ordering select{width:100%!important}}}