@layer djb.reset,djb.base,djb.theme,djb.elements,djb.classes,djb.global,djb.nodes,djb.custom;@layer djb.reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.5}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd{margin:0}img,svg,video,canvas,picture{display:block;max-width:100%}img,video{height:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}[hidden]{display:none}@supports (-webkit-touch-callout:none){input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea{font-size:max(16px,1em)!important}}.djb-skip-link{position:absolute;left:-9999px;top:0;z-index:100000;padding:.75em 1em;background:#fff;color:#000}.djb-skip-link:focus{left:1rem;top:1rem}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto}}}@layer djb.base{:root{--color-primary:#6d28d9;--color-primary-hover:#5b21b6;--color-primary-soft:#ede9fe;--color-dark:#120e1f;--color-text:#1c1828;--color-text-muted:#5d586f;--color-background:#ffffff;--color-surface:#f6f5fa;--color-border:#e5e2ee;--color-white:#ffffff;--color-success:#15803d;--color-warning:#b45309;--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;--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:#EF4444;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:clamp(2.25rem, 1.8rem + 2vw, 3rem);--space-3xl:clamp(3rem, 2.2rem + 3vw, 4rem);--space-4xl:clamp(4rem, 2.8rem + 5vw, 6rem);--space-5xl:clamp(5rem, 3rem + 8vw, 8rem);--r:12px;--rs:8px;--tr:.15s ease;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.375rem, 1.2rem + 0.8vw, 1.625rem);--text-3xl:clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);--text-4xl:clamp(2rem, 1.5rem + 2.2vw, 2.75rem);--text-5xl:clamp(2.5rem, 1.7rem + 3.6vw, 3.75rem);--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(18,14,31,.06), 0 1px 3px rgba(18,14,31,.08);--shadow-md:0 4px 12px rgba(18,14,31,.08), 0 2px 4px rgba(18,14,31,.05);--shadow-lg:0 18px 40px rgba(18,14,31,.12), 0 6px 12px rgba(18,14,31,.06);--sh:0 2px 8px rgba(0,0,0,.06);--sh2:0 4px 16px rgba(0,0,0,.08);--container-wide:1440px;--container-default:1100px;--container-narrow:760px;--font-heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}}@layer djb.global{/* Zajedničko za ceo sajt: zaglavlje, meni kategorija, pretraga, mini korpa, futer, iskačući prozori.
   Pravila iz lagani-strane (početna) koja ne pripadaju sadržaju nijedne stranice. Na početnoj ih lagani-strane ponavlja posle ovoga. */
#loginPanel { --b: #2F67E4; }
#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-field { flex: 1 1 240px !important; min-width: 0px !important; margin: 0px !important; }
#brxe-xgeudi form.djb-form > .djb-form__submit { flex: 0 0 auto !important; margin: 0px !important; }
#brxe-xgeudi form.djb-form > .djb-form__status { flex: 0 0 100% !important; }
#brxe-xgeudi .djb-field__input::placeholder { font-size: 18px !important; }
#brxe-xgeudi .djb-form__button { height: 44px !important; padding: 0px 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; }}
@media (max-width: 767px){#brxe-xgeudi form.djb-form > .djb-field { flex: 0 0 auto !important; width: 100% !important; }}
@media (max-width: 767px){#brxe-xgeudi form.djb-form > .djb-form__submit { margin-top: 8px !important; }}
@media (max-width: 767px){#brxe-xgeudi .djb-form__button { height: 38px !important; padding: 0px 20px !important; width: 104px !important; }}
#brxe-xgeudi form.djb-form { grid-template-columns: minmax(0px, 240px) 112px !important; }
@media (min-width: 768px) and (max-width: 937px){#brxe-xgeudi form.djb-form { grid-template-columns: minmax(0px, 1fr) !important; }}
@media (min-width: 768px) and (max-width: 937px){#brxe-xgeudi form.djb-form > .djb-form__submit { justify-self: start; }}
@media (max-width: 767px){#brxe-xgeudi form.djb-form { grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 767px){#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: 0px !important; }}
@media (min-width: 768px) and (max-width: 937px){#brxe-xgeudi form.djb-form { width: 100% !important; }}
.ti { flex-direction: row; font-size: 16px !important; }
body.home :where(#brx-header) .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; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 2.8em !important; min-height: 2.8em !important; max-height: 2.8em !important; padding-top: 0px !important; padding-bottom: 0px !important; }
body.home :where(#brx-header) .pc .cur, body.home :where(#brx-header) .pc .cur .woocommerce-Price-amount, body.home :where(#brx-header) .pc .cur ins, body.home :where(#brx-header) .pc .cur ins .woocommerce-Price-amount, body.home :where(#brx-header) .pc .cur .djb-price__amount, body.home :where(#brx-header) .pc .cur ins .djb-price__amount { font-size: 20px !important; font-weight: 700 !important; }
.woocommerce-mini-cart-item img:not(#alteo-x1):not(#alteo-x2) { object-fit: contain !important; background: rgb(255, 255, 255) !important; padding: 2px !important; box-sizing: border-box !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 { width: 7px; height: 7px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); flex: 0 0 auto; margin-left: 2px; content: "" !important; }
@media (max-width: 767px){body.home :where(#brx-header) .pc .cn:not(#alteo-x1):not(#alteo-x2):not(#alteo-x3) { height: auto !important; min-height: 0px !important; max-height: 2.8em !important; }}
@media (max-width: 767px){.alteo-mobile-categories:not(#alteo-x1):not(#alteo-x2) { margin-bottom: 0px !important; }}
@media (max-width: 767px){.alteo-mobile-links-card:not(#alteo-x1):not(#alteo-x2) { margin-top: 8px !important; }}
@media (max-width: 767px){.alteo-mobile-social:not(#alteo-x1):not(#alteo-x2) { gap: 12px !important; }}
@media (max-width: 767px){.alteo-mobile-support-item, .alteo-mobile-support-item * { font-weight: 400 !important; }}
@media (max-width: 767px){.alteo-mobile-support-item a.alteo-phone-link:not(#alteo-x1), .alteo-mobile-support-item strong:not(#alteo-x1) { font-weight: 700 !important; }}
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 .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; }
@media (max-width: 768px){html body .sb input, html body .search-popup-box input { font-size: 14px !important; }}
@media (max-width: 768px){html body .sb { display: none; }}
.sb input { font-weight: 400; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 16px !important; }
.search-popup-box input { font-weight: 400; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 16px !important; }
.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 rgb(209, 213, 219); padding: 0px 52px 0px 16px; font-size: 14px; font-family: Inter, system-ui, sans-serif; background: rgb(255, 255, 255); color: rgb(17, 24, 39); outline: none; transition: border 0.15s, box-shadow 0.15s, background 0.15s; appearance: none; line-height: 44px; }
.sb .bricks-search-form input[type="search"]::placeholder { color: rgb(113, 118, 127); }
.sb .bricks-search-form input[type="search"]:focus { border-color: rgb(58, 122, 254); box-shadow: rgb(147, 197, 253) 0px 0px 0px 3px; background: rgb(255, 255, 255); }
.sb .bricks-search-form button[type="submit"] { position: absolute; right: 4px; top: 4px; width: 36px; height: 36px; border-radius: 8px; background: rgb(58, 122, 254); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s; }
.sb .bricks-search-form button[type="submit"]:hover { background: rgb(37, 99, 235); }
.sb .bricks-search-form .screen-reader-text { display: none; }
.nb .social { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.nb .social .s-icon { font-size: 30px; line-height: 1; color: rgb(17, 24, 39); transition: color 0.2s, transform 0.2s, opacity 0.2s; }
.nb .social .s-icon:hover { transform: translateY(-2px); opacity: 0.85; }
@media (max-width: 767px){.search-popup.open { display: flex; align-items: flex-start; justify-content: center; padding-top: 20px; }}
@media (max-width: 767px){.sp-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; min-width: 36px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(249, 250, 251); color: rgb(107, 114, 128); font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 0px; cursor: pointer; transition: 0.15s; }}
@media (max-width: 767px){.sp-close:hover { background: rgb(254, 226, 226); color: rgb(214, 61, 61); }}
@media (max-width: 767px){.search-popup-box > .brxe-heading { font-size: 16px; font-weight: 700; color: rgb(17, 24, 39); margin-bottom: 16px; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form { position: relative; display: flex; align-items: center; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form input[type="search"] { width: 100%; height: 52px; border-radius: 12px; border: 2px solid rgb(58, 122, 254); padding: 0px 52px 0px 16px; font-size: 16px; font-family: Inter, system-ui, sans-serif; color: rgb(17, 24, 39); background: rgb(255, 255, 255); outline: none; appearance: none; line-height: 52px; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form input[type="search"]:focus { box-shadow: rgb(219, 234, 254) 0px 0px 0px 4px; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form input[type="search"]::placeholder { color: rgb(113, 118, 127); }}
@media (max-width: 767px){.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 { appearance: none; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form button[type="submit"] { position: absolute; right: 6px; top: 6px; width: 40px; height: 40px; border-radius: 10px; background: rgb(58, 122, 254); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s; }}
@media (max-width: 767px){.search-popup-box .bricks-search-form button[type="submit"]:hover { background: rgb(37, 99, 235); }}
@media (max-width: 767px){.search-popup-box .screen-reader-text { display: none; }}
@media (max-width: 767px){.sp-popular .brxe-text-link { display: inline-block; padding: 6px 14px; background: rgb(249, 250, 251); border-radius: 20px; font-size: 13px; color: rgb(17, 24, 39); text-decoration: none; margin: 0px 6px 8px 0px; transition: 0.15s; }}
@media (max-width: 767px){.sp-popular .brxe-text-link:hover { background: rgb(219, 234, 254); color: rgb(58, 122, 254); }}
.pc .bdg-save { position: absolute; top: 40px; left: 10px; z-index: 3; max-width: 120px; background: rgb(254, 243, 199); color: rgb(17, 24, 39); font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 767px){.brxe-zxwujs .brxe-pooszb.brxe-heading { font-size: 16px; height: 50px; order: 999; margin-bottom: 5px; padding-bottom: 0px; }}
@media (max-width: 767px){.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 .screen-reader-text { display: none; }
@media (max-width: 767px){@media (max-width: 768px){.alteo-search-products-m .pc { min-width: 0px !important; border-radius: 12px !important; overflow: hidden !important; }}}
@media (max-width: 767px){@media (max-width: 768px){.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; }}}
@media (max-width: 767px){@media (max-width: 768px){.alteo-search-side-m .alteo-side-title { width: 100% !important; font-size: 11px !important; }}}
@media (max-width: 768px){.alteo-search-main-m { display: flex !important; flex-direction: column !important; gap: 12px !important; }}
@media (max-width: 768px){.alteo-search-products-m .pc .bd { padding: 10px !important; }}
@media (max-width: 768px){.alteo-search-products-m .pc .cur { font-size: 13px !important; }}
@media (max-width: 768px){.alteo-search-products-m .pc .btn-c { height: 36px !important; font-size: 12px !important; }}
@media (max-width: 767px){.alteo-search-dropdown-m.is-open { display: block !important; }}
.alteo-mega-l1 > .alteo-mega-vesa { display: block !important; width: 100% !important; height: 1px !important; min-height: 1px !important; margin: 12px 0px 10px !important; padding: 0px !important; background: rgb(229, 231, 235) !important; border: 0px !important; border-radius: 0px !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: 0px !important; background: rgb(243, 248, 240) !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: 0px 10px 0px 0px !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: rgb(17, 24, 39) !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: rgb(107, 114, 128) !important; }
.alteo-mega-l1 > .alteo-mega-vesa-logo + .alteo-mega-cat-name { display: none !important; }
.alteo-mega-l1 > .alteo-mega-vesa-logo:hover { background: rgb(234, 244, 229) !important; }
.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 0px 8px !important; padding: 0px !important; background: rgb(229, 231, 235) !important; border: 0px !important; border-radius: 0px !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 0px !important; margin: 0px !important; background: transparent !important; border: 0px !important; border-radius: 0px !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: 0px 10px 0px 0px !important; padding: 0px !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: 0px !important; padding: 0px !important; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 500 !important; color: rgb(17, 24, 39) !important; }
.alteo-mobile-categories > .alteo-mobile-vesa + .brxe-logo::before { content: "›" !important; position: absolute !important; right: 0px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 20px !important; line-height: 1 !important; font-weight: 400 !important; color: rgb(107, 114, 128) !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; }
@media (max-width: 478px){@media (max-width: 767px){#siteHeader .mh_mobile { display: flex; flex-direction: row; align-items: center; height: 58px; padding: 0px 14px; gap: 0px !important; }}}
@media (max-width: 478px){@media (max-width: 767px){#siteHeader .brxe-logo.logo { display: flex; align-items: center; padding: 0px; flex-shrink: 0; margin: 0px !important; }}}
#siteHeader { display: none; }
@media (max-width: 767px){#siteHeader { display: block; }}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader.sh_mobile { background: rgb(58, 122, 254); box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 0px; position: sticky; top: 0px; z-index: 100; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .mh_mobile { display: flex; flex-direction: row; align-items: center; height: 58px; gap: 6px; padding: 0px 14px; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .mob-burger { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0px; margin: 0px 0px 0px -6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: rgb(255, 255, 255); border-radius: 8px; flex-shrink: 0; cursor: pointer; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .mob-burger svg { width: 25px; height: 25px; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader a.logo:empty { display: none; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .brxe-logo.logo { display: flex; align-items: center; margin: 0px 0px 0px 2px; padding: 0px; flex-shrink: 0; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .brxe-logo.logo img { height: 26px; width: auto; max-width: none; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .ha { display: flex; flex-direction: row; align-items: center; gap: 0px; margin-left: auto; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .hb { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: rgb(255, 255, 255); border-radius: 8px; position: relative; text-decoration: none; cursor: pointer; }}}
@media (max-width: 767px){@media (max-width: 767px){#siteHeader .hb svg { width: 23px; height: 23px; }}}
@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; }}
@media (max-width: 768px){html body .woocommerce-notices-wrapper .button { float: none !important; display: inline-flex !important; margin: 10px 0px 0px !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: rgba(15, 23, 42, 0.08) 0px 10px 28px !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: rgba(15, 23, 42, 0.08) 0px 10px 28px !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: rgba(15, 23, 42, 0.08) 0px 10px 28px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; }
.woocommerce-message { background: rgb(236, 253, 243) !important; border-color: rgb(187, 247, 208) !important; color: rgb(21, 128, 61) !important; }
.woocommerce-error { background: rgb(255, 241, 242) !important; border-color: rgb(254, 205, 211) !important; color: rgb(190, 18, 60) !important; }
.woocommerce-info { background: rgb(239, 246, 255) !important; border-color: rgb(191, 219, 254) !important; color: rgb(29, 78, 216) !important; }
.woocommerce-message a { float: right !important; margin-left: 16px !important; padding: 8px 14px !important; border-radius: 10px !important; background: rgb(58, 122, 254) !important; color: rgb(255, 255, 255) !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: rgb(58, 122, 254) !important; color: rgb(255, 255, 255) !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: rgb(58, 122, 254) !important; color: rgb(255, 255, 255) !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: rgb(58, 122, 254) !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; line-height: 1 !important; }
@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; gap: 0px !important; align-items: center !important; justify-content: stretch !important; flex-wrap: nowrap !important; }}
@media (min-width: 769px){html body .sh .mh .c > .logo { grid-area: 1 / 1 !important; }}
@media (min-width: 769px){html body .sh .mh .c > .sb { grid-area: 1 / 2 !important; }}
@media (min-width: 769px){html body .sh .mh .c > .ha { grid-area: 1 / 3 !important; }}
@media (min-width: 769px){html body .sh .mh .logo { width: auto !important; max-width: var(--nav-w) !important; flex: 0 0 auto !important; margin-right: 0px !important; justify-self: start !important; }}
@media (min-width: 769px){html body .sh .mh .ha { justify-self: end !important; margin-left: 0px !important; padding-left: 0px !important; flex: 0 0 auto !important; }}
@media (min-width: 769px){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; }}
@media (min-width: 769px){html body .sh .mh .sb { position: relative !important; display: block !important; width: auto !important; max-width: none !important; min-width: 0px !important; flex: 1 1 auto !important; margin: 0 var(--sb-gap-r) 0 var(--sb-gap-l) !important; padding: 0px !important; justify-self: stretch !important; }}
.sh .mh .sb .bricks-search-form { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; }
.sh .mh .sb label { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; }
.sh .mh .sb input[type="search"] { appearance: none !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: var(--sb-h) !important; min-height: 0px !important; line-height: normal !important; margin: 0px !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: rgb(255, 255, 255) !important; box-shadow: none !important; outline: none !important; transition: border-color 0.15s, box-shadow 0.15s !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="search"]::-webkit-search-decoration { appearance: none !important; display: none !important; }
.sh .mh .sb input[type="search"]::-webkit-search-cancel-button { appearance: none !important; display: none !important; }
.sh .mh .sb input[type="search"]::-webkit-search-results-button { appearance: none !important; display: none !important; }
.sh .mh .sb input[type="search"]::-webkit-search-results-decoration { 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: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 8px !important; background-color: var(--b, #3A7AFE) !important; color: rgb(255, 255, 255) !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(58, 122, 254, 0.22) 0px 6px 14px !important; cursor: pointer !important; line-height: 1 !important; transition: background-color 0.15s !important; }
.sh .mh .sb button:hover { background-color: var(--bh, #2563EB) !important; }
.sh .mh .sb button svg { color: rgb(255, 255, 255) !important; flex-shrink: 0 !important; }
.brxe-nzlapn .brxe-ohxlkh.brxe-text-basic { font-family: Inter; }
.woocommerce-mini-cart-item { grid-template-columns: 64px 1fr 18px; gap: 14px; align-items: start; border-bottom: 1px solid rgb(229, 231, 235); display: grid !important; padding: 18px 0px !important; }
.woocommerce-mini-cart-item img { object-fit: contain; width: 64px !important; height: 64px !important; margin: 0px !important; }
.woocommerce-mini-cart-item a:not(.remove) { font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: rgb(2, 6, 23) !important; }
.woocommerce-mini-cart-item .quantity { display: block !important; margin-top: 8px !important; font-size: 14px !important; font-weight: 400 !important; color: rgb(2, 6, 23) !important; text-align: left !important; }
.woocommerce-mini-cart-item .amount { color: rgb(37, 99, 235) !important; font-weight: 800 !important; }
.woocommerce-mini-cart-item .remove { color: rgb(214, 61, 61) !important; font-size: 18px !important; line-height: 1 !important; text-align: center !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: 478px){@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; }}}
html:has(#megaWrap.open) { height: 100%; touch-action: none; overflow: hidden !important; }
body:has(#megaWrap.open) { height: 100%; touch-action: none; overflow: hidden !important; }
#megaWrap.open { overscroll-behavior: contain; }
.alteo-social-label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.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, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: 0.2s; }
.alteo-social-icons a:hover { background: rgb(58, 122, 254); border-color: rgb(58, 122, 254); color: rgb(255, 255, 255); transform: translateY(-2px); box-shadow: rgba(58, 122, 254, 0.3) 0px 4px 12px; }
.alteo-social-icons { display: flex; gap: 8px; }
.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: 0px !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; }
.mob-nav-item.active { color: rgb(58, 122, 254) !important; }
.mob-nav-item.active svg { stroke: rgb(58, 122, 254) !important; }
@media (max-width: 767px){.alteo-mobile-actions .alteo-round-btn { width: 48px; height: 48px; border-radius: 50%; background: rgb(111, 116, 123); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 22px; font-weight: 700; }}
@media (max-width: 767px){.alteo-mobile-actions .alteo-chat-pill { height: 48px; padding: 0px 18px; border-radius: 999px; background: rgb(58, 122, 254); color: rgb(255, 255, 255); display: flex; align-items: center; gap: 8px; text-decoration: none; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 800; }}
@media (min-width: 768px){.alteo-mobile-actions { display: none !important; }}
@media (max-width: 767px){.alteo-mobile-actions { position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 99999 !important; height: 74px !important; padding: 9px 12px !important; background: rgb(255, 255, 255) !important; border-top: 1px solid rgb(229, 231, 235) !important; box-shadow: rgba(15, 23, 42, 0.1) 0px -8px 24px !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 .brxe-heading { font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; text-transform: uppercase !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; }
.btn-c.btn-oos { pointer-events: none; background: rgb(227, 236, 255) !important; color: rgb(58, 122, 254) !important; box-shadow: none !important; cursor: default !important; transform: none !important; border: 0px !important; }
.btn-c.btn-oos:hover { background: rgb(227, 236, 255) !important; transform: none !important; box-shadow: none !important; }
.btn-c.btn-oos { align-items: center; justify-content: center; gap: 8px; display: inline-flex !important; font-size: 13px !important; font-weight: 600 !important; }
.btn-c.btn-oos::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background-color: rgb(58, 122, 254); 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 center / contain no-repeat; }
.brxe-shortcode .woocommerce { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important; box-shadow: none !important; }
.brxe-shortcode .woocommerce-message, .woocommerce-MyAccount-content .woocommerce-message { max-width: 520px; background: rgb(255, 255, 255); border-radius: 24px 24px 0px 0px; box-shadow: rgba(15, 23, 42, 0.18) 0px 30px 80px -20px, rgba(15, 23, 42, 0.04) 0px 0px 0px 1px; position: relative; overflow: hidden; text-align: center; margin: 40px auto 0px !important; padding: 56px 64px 32px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; font-size: 0px !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: 0px; left: 50%; transform: translateX(-50%); width: 48px; height: 3px; background: linear-gradient(90deg, rgb(34, 197, 94), rgb(22, 163, 74)); border-radius: 0px 0px 2px 2px; margin: 0px !important; padding: 0px !important; }
.brxe-shortcode .woocommerce-message, .woocommerce-MyAccount-content .woocommerce-message { background-image: radial-gradient(circle at center 88px, rgb(34, 197, 94) 0px, rgb(34, 197, 94) 36px, transparent 36px), radial-gradient(circle at center 88px, rgba(34, 197, 94, 0.15) 0px, rgba(34, 197, 94, 0.15) 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: 0px !important; }
.brxe-shortcode .woocommerce-message::first-line { font-size: 0px !important; }
.brxe-shortcode .woocommerce > p { max-width: 520px; background: rgb(255, 255, 255); border-radius: 0px 0px 24px 24px; box-shadow: rgba(15, 23, 42, 0.18) 0px 30px 80px -20px, rgba(15, 23, 42, 0.04) 0px 0px 0px 1px; position: relative; margin: 0px auto 40px !important; padding: 0px 64px 40px !important; font-size: 0px !important; color: transparent !important; }
.brxe-shortcode .woocommerce > p::before { content: "Email je uspešno poslat!"; display: block; font-size: 32px; font-weight: 800; letter-spacing: -0.5px; color: rgb(15, 23, 42); text-align: center; line-height: 1.1; margin-top: -90px; margin-bottom: 10px; padding-top: 0px; }
.brxe-shortcode .woocommerce > 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: rgb(94, 108, 130); text-align: center; line-height: 1.6; padding: 0px 8px; margin-bottom: 24px; }
.brxe-shortcode .woocommerce > p { background: rgb(255, 255, 255) !important; }
.brxe-shortcode .woocommerce { display: block; position: relative; }
@media (max-width: 600px){.brxe-shortcode .woocommerce-message, .woocommerce-MyAccount-content .woocommerce-message { border-radius: 20px 20px 0px 0px; background-position: center 70px, center 70px, center 62px; margin: 20px 16px 0px !important; padding: 140px 32px 24px !important; }}
@media (max-width: 600px){.brxe-shortcode .woocommerce > p { border-radius: 0px; margin: 0px 16px !important; padding: 0px 32px 32px !important; }}
@media (max-width: 600px){.brxe-shortcode .woocommerce > p::before { font-size: 26px; }}
@media (max-width: 600px){.brxe-shortcode .woocommerce > p::after { font-size: 14px; }}
.fp-panel .brxe-shortcode { margin-bottom: 22px; }
.fp-panel .brxe-shortcode:last-child { margin-bottom: 0px; }
.fp-panel .brxe-shortcode + .brxe-shortcode { padding-top: 22px; border-top: 1px solid rgb(241, 245, 249); }
#djia-cookie-banner { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important; background: rgb(255, 255, 255) !important; color: rgb(17, 24, 39) !important; border: 1px solid rgb(229, 231, 235) !important; border-radius: 20px !important; box-shadow: rgba(17, 24, 39, 0.14) 0px 12px 40px !important; width: calc(100% - 40px) !important; max-width: 900px !important; left: 50% !important; right: auto !important; bottom: 14px !important; transform: translateX(-50%) !important; padding: 0px !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: 0px 0px 5px !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 400 !important; color: rgb(107, 114, 128) !important; }
#djia-cookie-banner .djia-cookie-banner__text::before { content: "Obaveštenje o kolačićima" !important; display: block !important; margin: 0px 0px 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: rgb(17, 24, 39) !important; }
#djia-cookie-banner .djia-cookie-banner__categories { width: 100% !important; margin: 0px 0px 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: 0px !important; margin: 0px !important; }
#djia-cookie-banner .djia-cookie-banner__category { width: 100% !important; padding: 13px 14px !important; background: rgb(249, 250, 251) !important; border: 1px solid rgb(229, 231, 235) !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: 0px !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: rgb(17, 24, 39) !important; }
#djia-cookie-banner .djia-cookie-banner__category-description { margin: 5px 0px 0px 46px !important; font-size: 12px !important; line-height: 1.45 !important; color: rgb(107, 114, 128) !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox { appearance: none !important; position: relative !important; width: 36px !important; min-width: 36px !important; height: 20px !important; margin: 0px !important; padding: 0px !important; border: 1px solid rgb(209, 213, 219) !important; border-radius: 999px !important; background: rgb(255, 255, 255) !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: background 0.2s, border-color 0.2s !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: rgb(58, 122, 254) !important; transform: none !important; transition: transform 0.2s, background 0.2s !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox::after { display: none !important; content: none !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox:checked { background: rgb(58, 122, 254) !important; border-color: rgb(58, 122, 254) !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox:checked::before { transform: translateX(15px) !important; background: rgb(255, 255, 255) !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox:disabled { opacity: 1 !important; cursor: default !important; background: rgb(58, 122, 254) !important; border-color: rgb(58, 122, 254) !important; }
#djia-cookie-banner .djia-cookie-banner__checkbox:disabled::before { transform: translateX(15px) !important; background: rgb(255, 255, 255) !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: 0px !important; padding-top: 22px !important; border-top: 1px solid rgb(229, 231, 235) !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: 0px 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 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s !important; }
#djia-cookie-banner .djia-cookie-btn--link { margin: 0px auto 0px 0px !important; min-height: 40px !important; padding: 0px !important; border: 0px !important; background: transparent !important; color: rgb(107, 114, 128) !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: rgb(52, 110, 238) !important; background: transparent !important; }
#djia-cookie-banner .djia-cookie-btn--outline { margin: 0px !important; width: 200px !important; min-width: 200px !important; padding: 0px 24px !important; background: rgb(255, 255, 255) !important; color: rgb(52, 110, 238) !important; border: 1px solid rgb(209, 213, 219) !important; font-weight: 500 !important; box-shadow: none !important; }
#djia-cookie-banner .djia-cookie-btn--outline:hover { background: rgb(249, 250, 251) !important; border-color: rgb(52, 110, 238) !important; }
#djia-cookie-banner .djia-cookie-btn--primary:hover { background: rgb(37, 99, 235) !important; border-color: rgb(37, 99, 235) !important; box-shadow: rgba(58, 122, 254, 0.28) 0px 6px 16px !important; }
@media (max-width: 640px){#djia-cookie-banner { width: calc(100% - 20px) !important; bottom: 10px !important; border-radius: 14px !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__content { padding: 18px !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__text { margin-bottom: 5px !important; font-size: 13px !important; line-height: 1.5 !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__text::before { margin-bottom: 12px !important; font-size: 18px !important; line-height: 1.2 !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__category { padding: 12px !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__category-label { font-size: 13px !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-banner__category-description { margin-left: 46px !important; font-size: 11px !important; }}
@media (max-width: 640px){#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; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-btn { width: 100% !important; min-width: 0px !important; min-height: 44px !important; padding: 0px 18px !important; font-size: 13px !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-btn--primary { order: 1 !important; width: 100% !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-btn--outline { order: 2 !important; width: 100% !important; }}
@media (max-width: 640px){#djia-cookie-banner .djia-cookie-btn--link { order: 3 !important; width: 100% !important; min-height: 34px !important; margin: 0px !important; font-size: 14px !important; text-align: center !important; justify-content: center !important; }}
#djia-cookie-banner .djia-cookie-btn--primary { margin: 0px !important; width: 170px !important; min-width: 170px !important; padding: 0px 24px !important; background: rgb(52, 110, 238) !important; border: 1px solid rgb(52, 110, 238) !important; color: rgb(255, 255, 255) !important; font-weight: 500 !important; box-shadow: rgba(58, 122, 254, 0.22) 0px 5px 14px !important; }
@media (max-width: 1024px){#djia-cookie-banner .djia-cookie-btn--primary { width: 100% !important; min-width: 0px !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; }
@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: rgb(255, 255, 255); }
.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: rgba(0, 0, 0, 0.3) 0px 8px 32px; max-width: calc(-32px + 100vw); overflow-x: auto; }
.pn button { padding: 8px 12px; border-radius: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 11px; font-weight: 600; background: transparent; color: rgba(255, 255, 255, 0.45); transition: all var(--tr); white-space: nowrap; }
.pn button.active { background: var(--b); color: rgb(255, 255, 255); }
.mob-nav-item { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--t3); font-size: 10px; font-weight: 600; transition: color var(--tr); flex: 1 1 0%; }
.mob-nav-item.active { color: var(--b); }
.mob-nav-item svg { width: 22px; height: 22px; stroke: currentcolor; }
.sh { position: sticky; top: 0px; z-index: 100; background: var(--bg); box-shadow: var(--sh); }
.tb { background: var(--ch); color: rgb(255, 255, 255); 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: 0.85; }
.ti { display: flex; align-items: center; gap: 6px; }
.mh { background: var(--bg); border-bottom: 1px solid var(--bd); }
.sb { flex: 1 1 0%; max-width: 600px; position: relative; margin: 0px auto; }
.sb input:focus { border-color: var(--b); box-shadow: 0 0 0 3px var(--focus-outline); }
.ha { display: flex; align-items: center; gap: 8px; }
.hb { width: 40px; height: 40px; border-radius: var(--rs); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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 .c { display: flex; align-items: center; height: 48px; }
.nmb { display: flex; align-items: center; gap: 8px; padding: 0px 24px; height: 48px; background: var(--b); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: 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: 0px 14px; height: 48px; display: flex; align-items: center; font-size: 13px; font-weight: 500; color: var(--t1); transition: color var(--tr); }
.mc-overlay { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.4); z-index: 300; }
.mc-overlay.open { display: block; }
.ms { width: 320px; border-right: 1px solid var(--bd); padding: 56px 0px 16px; overflow-y: auto; flex-shrink: 0; }
.mct { flex: 1 1 0%; 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 0px; }
.mp a:hover { color: var(--b); }
.msc { margin-bottom: 24px; }
.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; }
.cp .old { font-size: 13px; color: var(--t2); text-decoration: line-through; }
.fgr-body { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.gal-t { flex: 1 1 0%; 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; }
.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-width: medium; border-style: none; border-color: currentcolor; border-image: 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; }
.ci { display: flex; gap: 20px; padding: 20px; background: var(--bg); border-radius: var(--r); box-shadow: var(--sh); margin-bottom: 12px; align-items: center; }
.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); }
.mob-search-btn { display: none; width: 40px; height: 40px; border-radius: var(--rs); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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: 0px; z-index: 500; background: rgba(0, 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: 0px 48px 0px 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-width: medium; border-style: none; border-color: currentcolor; border-image: 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: 0.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: 0px 6px 8px 0px; transition: all var(--tr); }
.search-popup-box .sp-popular a:hover { background: var(--b100); color: var(--b); }
@media (max-width: 768px){.ms { width: 100%; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding: 56px 0px 8px; max-height: 100vh; overflow-y: auto; position: absolute; inset: 0px; transition: transform 0.3s; z-index: 1; }}
@media (max-width: 768px){.mct { position: absolute; inset: 0px; padding: 16px 20px; transform: translateX(100%); transition: transform 0.3s; overflow-y: auto; z-index: 2; }}
@media (max-width: 768px){.mp.active { grid-template-columns: 1fr; }}
@media (max-width: 768px){.msc h4 { font-size: 16px; font-weight: 700; margin-top: 8px; }}
@media (max-width: 768px){.msc a { font-size: 15px; padding: 10px 0px 10px 12px; border-bottom: 1px solid var(--bd); }}
@media (max-width: 768px){.mega-back { display: flex; align-items: center; gap: 8px; padding: 12px 0px; margin-bottom: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; font-size: 14px; font-weight: 600; color: var(--b); cursor: pointer; }}
@media (max-width: 768px){.mega-cat-title { font-size: 20px; font-weight: 800; color: var(--b); text-transform: uppercase; margin-bottom: 16px; }}
@media (min-width: 769px){.mega-cat-title { display: none; }}
.sf { background: var(--ch); color: rgb(255, 255, 255); margin-top: 64px; }
.fn { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.fn .c { display: flex; align-items: center; justify-content: space-between; padding: 32px 24px; }
.fn p { font-size: 13px; opacity: 0.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: 0.5; max-width: 280px; margin-top: 16px; }
.fc h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; opacity: 0.4; margin-bottom: 16px; }
.fc a { display: block; font-size: 13px; opacity: 0.6; padding: 5px 0px; }
.fb-f { border-top: 1px solid rgba(255, 255, 255, 0.06); }
.fb-f .c { display: flex; justify-content: space-between; align-items: center; height: 56px; font-size: 12px; opacity: 0.35; }
@media (max-width: 768px){.tb { display: none; }}
@media (max-width: 768px){.nb .nl { display: none; }}
@media (max-width: 768px){.ci { flex-wrap: wrap; }}
@media (max-width: 768px){.fgg { grid-template-columns: 1fr 1fr; }}
@media (max-width: 768px){.fn .c { flex-direction: column; gap: 16px; text-align: center; }}
@media (max-width: 768px){.pn { bottom: 76px; }}
@media (max-width: 768px){.ha .hb:not([onclick*="openCart"]) { display: none; }}
@media (max-width: 768px){.mh .c { gap: 0px; height: 56px; justify-content: space-between; }}
@media (max-width: 768px){.ci { gap: 12px; }}
@media (max-width: 480px){.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: rgb(255, 255, 255); opacity: 0.9; }
.sh { box-shadow: 0 1px 0 var(--bd); border-bottom: 0px; background: rgb(255, 255, 255); }
.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; }
.ha { justify-self: end; gap: 14px; }
.hb { width: 42px; height: 42px; border-radius: 12px; border: 1px solid transparent; color: rgb(83, 96, 113); }
.hb:hover { border-color: rgb(221, 227, 236); background: rgb(248, 250, 252); color: var(--b); }
.hb svg { width: 22px; height: 22px; }
.nb .c { height: 50px; }
.nmb { height: 50px; border-radius: 0px 0px 10px 10px; margin-left: 0px; padding: 0px 22px; box-shadow: rgba(58, 122, 254, 0.2) 0px 8px 18px; }
.nl { margin-left: 18px; }
.nl a { height: 50px; padding: 0px 16px; color: rgb(51, 65, 85); }
.nl a:hover { color: var(--b); }
.fp-panel h3 .alteo-ico, .filter-trigger .alteo-ico { color: var(--b); }
.price-row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); width: 100%; display: grid !important; gap: 10px !important; }
.price-row input { min-width: 0px; width: 100%; background: rgb(255, 255, 255); outline: none; height: 38px !important; border-radius: 9px !important; border: 1px solid rgb(221, 227, 236) !important; }
.price-row input:focus { box-shadow: 0 0 0 3px var(--b100); border-color: var(--b) !important; }
.contact-card .icon .alteo-ico { width: 22px; height: 22px; }
@media (max-width: 1024px){.sb { max-width: none; }}
@media (max-width: 1024px){.ha { gap: 8px; }}
@media (max-width: 768px){.mh .c { display: flex; height: 60px; gap: 12px; }}
@media (max-width: 768px){.ha { margin-left: auto; }}
@media (max-width: 768px){.nb .c { height: 48px; }}
@media (max-width: 768px){.nmb { height: 48px; border-radius: 0px; margin-left: -16px; }}
@media (max-width: 768px){.mob-search-btn { display: flex; }}
.usp-i .alteo-ico { width: 22px; height: 22px; }
.contact-card .icon:empty::before { content: none; }
.btt { position: fixed; bottom: 140px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: var(--b); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(58, 122, 254, 0.3) 0px 4px 16px; display: flex; align-items: center; justify-content: center; z-index: 90; opacity: 0; transform: translateY(10px); transition: 0.3s; pointer-events: none; }
.btt.show { opacity: 1; transform: translateY(0px); pointer-events: auto; }
.btt:hover { background: var(--bh); transform: translateY(-2px); box-shadow: rgba(58, 122, 254, 0.4) 0px 6px 20px; }
@media (max-width: 768px){.btt { bottom: 80px; right: 16px; width: 40px; height: 40px; }}
@media (min-width: 769px){.ha { justify-self: end; }}
html:not(.alteo-search-ready) .alteo-search-dropdown { display: 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; }
.alteo-search-dropdown { position: absolute !important; top: calc(100% + 12px) !important; left: 0px !important; width: 800px !important; max-width: calc(-24px + 100vw) !important; margin: 0px !important; padding: 12px !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(229, 231, 235) !important; border-radius: 14px !important; box-shadow: rgba(15, 23, 42, 0.12) 0px 18px 45px, rgba(15, 23, 42, 0.06) 0px 3px 10px !important; z-index: 999999 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(8px) !important; transition: opacity 0.15s, transform 0.15s, visibility 0.15s !important; }
.alteo-search-dropdown.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0px) !important; }
.alteo-search-main { display: grid !important; grid-template-columns: minmax(0px, 1fr) 140px !important; grid-template-areas: "products side" !important; gap: 12px !important; width: 100% !important; min-width: 0px !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(0px, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0px !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: 0px !important; height: 100% !important; margin: 0px !important; box-sizing: border-box !important; overflow: hidden !important; }
.alteo-search-dropdown .pc > .product-card-link { position: absolute !important; inset: 0px !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0px !important; padding: 0px !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 { 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: 0px !important; padding: 0px !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; }
.alteo-search-dropdown-m .pc .im > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !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: 0px !important; padding: 0px !important; object-fit: contain !important; object-position: center center !important; background: rgb(255, 255, 255) !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: 0px !important; box-sizing: border-box !important; padding-bottom: 56px !important; }
.alteo-search-dropdown .pc .cn { position: relative !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0px !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: 0px !important; min-height: 38px !important; margin: 0px !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 { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 110 !important; pointer-events: auto !important; }
.alteo-search-side { grid-area: side !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0px !important; gap: 8px !important; margin: 0px !important; padding: 0px 0px 0px 12px !important; box-sizing: border-box !important; border-left: 1px solid rgb(229, 231, 235) !important; }
.alteo-side-title { display: block !important; width: 100% !important; margin: 0px 0px 5px !important; color: rgb(17, 24, 39) !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 800 !important; }
.alteo-side-link { display: block !important; width: 100% !important; margin: 0px !important; padding: 3px 0px !important; background: transparent !important; color: rgb(75, 85, 99) !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; text-decoration: none !important; }
.alteo-side-link:hover { color: rgb(17, 24, 39) !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: rgb(107, 114, 128) !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: 0px !important; padding: 12px !important; overflow: hidden auto !important; transform: translateY(8px) !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-dropdown.is-open { transform: translateY(0px) !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-main { grid-template-columns: minmax(0px, 1fr) !important; grid-template-areas: "products" "side" !important; gap: 14px !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-products { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 12px !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-dropdown .pc .im { height: 150px !important; min-height: 150px !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-dropdown .pc .cn { font-size: 12px !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-search-side { display: flex !important; flex-flow: wrap !important; gap: 8px !important; padding: 14px 0px 2px !important; border-left: 0px !important; border-top: 1px solid rgb(229, 231, 235) !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-side-title { flex-basis: 100% !important; }}
@media (max-width: 1040px) and (min-width: 769px){.alteo-side-link { display: inline-flex !important; align-items: center !important; width: auto !important; padding: 5px 11px !important; border-radius: 999px !important; background: rgb(243, 246, 251) !important; color: rgb(37, 99, 235) !important; font-size: 14px !important; text-decoration: none !important; }}
@media (max-width: 768px){#searchPopup.search-popup { position: fixed !important; inset: 0px !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; -webkit-backdrop-filter:none !important;backdrop-filter: none !important; z-index: 2147483000 !important; overflow: hidden !important; }}
@media (max-width: 768px){#searchPopup.search-popup.open { display: block !important; margin: 0px !important; padding: 0px !important; }}
@media (max-width: 768px){#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: 0px !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: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; overflow: hidden auto !important; }}
@media (max-width: 768px){#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; }}
@media (max-width: 768px){#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: 0px !important; border-radius: 50% !important; background: rgb(249, 250, 251) !important; color: rgb(107, 114, 128) !important; z-index: 50 !important; }}
@media (max-width: 768px){#searchPopup .bricks-search-form { position: relative !important; display: block !important; width: 100% !important; margin: 0px !important; }}
@media (max-width: 768px){#searchPopup .search-popup-box input[type="search"] { width: 100% !important; height: 52px !important; margin: 0px !important; padding: 0px 58px 0px 16px !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; border: 2px solid rgb(58, 122, 254) !important; border-radius: 12px !important; outline: none !important; font-size: 16px !important; color: rgb(17, 24, 39) !important; }}
@media (max-width: 768px){#searchPopup .search-popup-box input[type="search"]:focus { border-color: rgb(58, 122, 254) !important; box-shadow: rgba(58, 122, 254, 0.18) 0px 0px 0px 4px !important; }}
@media (max-width: 768px){#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: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 10px !important; background: rgb(58, 122, 254) !important; color: rgb(255, 255, 255) !important; z-index: 10 !important; }}
@media (max-width: 768px){#searchPopup .sp-popular { flex: 0 0 auto !important; margin-top: 14px !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m { position: static !important; display: block !important; flex: 1 0 auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin: 10px 0px 0px !important; padding: 0px !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; overflow: visible !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-main-m { display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; grid-template-areas: "products" "side" !important; gap: 14px !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-products-m { grid-area: products !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box !important; align-items: stretch !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m .pc { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0px !important; height: 100% !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m .pc .im { width: 100% !important; height: 145px !important; min-height: 145px !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; }}
@media (max-width: 768px){#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; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m .pc .bd { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; padding-bottom: 54px !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-dropdown-m .pc .cp { margin-top: auto !important; margin-bottom: 6px !important; }}
@media (max-width: 768px){#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; }}
@media (max-width: 768px){#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: 0px !important; padding: 6px 7px !important; border-radius: 9px !important; font-size: 12px !important; line-height: 1.15 !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-side-m { grid-area: side !important; display: flex !important; flex-flow: wrap !important; align-items: center !important; width: 100% !important; min-width: 0px !important; gap: 8px !important; margin: 0px !important; padding: 14px 0px 6px !important; border-left: 0px !important; border-top: 1px solid rgb(229, 231, 235) !important; box-sizing: border-box !important; }}
@media (max-width: 768px){#searchPopup .alteo-search-side-m .alteo-side-title { flex-basis: 100% !important; margin: 0px 0px 3px !important; font-size: 15px !important; line-height: 1.3 !important; }}
@media (max-width: 768px){#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: rgb(243, 246, 251) !important; color: rgb(37, 99, 235) !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; }}
@media (max-width: 390px){#searchPopup .alteo-search-products-m { gap: 8px !important; }}
@media (max-width: 390px){#searchPopup .alteo-search-dropdown-m .pc .im { height: 125px !important; min-height: 125px !important; }}
@media (max-width: 390px){#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; }}
@media (max-width: 390px){#searchPopup .alteo-search-dropdown-m .pc .bd { padding-bottom: 50px !important; }}
@media (max-width: 390px){#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"], .search-popup-box input { font-size: 16px !important; line-height: 1.2 !important; transform: none !important; zoom: 1 !important; text-size-adjust: 100% !important; }}
@media (max-width: 768px){#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; }}
@media (max-width: 768px){html:has(#searchPopup.search-popup.open) { overflow: hidden !important; overscroll-behavior: none !important; }}
@media (max-width: 768px){#searchPopup.search-popup.open { position: fixed !important; inset: 0px !important; width: 100vw !important; height: 100dvh !important; overflow: hidden !important; overscroll-behavior: none !important; }}
@media (max-width: 768px){#searchPopup .search-popup-box { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden auto !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; }}
.alteo-mega, .alteo-mega *, .alteo-mega ::before, .alteo-mega ::after { box-sizing: border-box; }
.alteo-mega { display: none; position: fixed; inset: 0px; 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: 0px; outline: 0px; cursor: pointer; }
#megaMenuSource, #megaMenuSource[hidden] { display: none !important; }
@media (min-width: 769px){.alteo-mega { pointer-events: none !important; }}
@media (min-width: 769px){.alteo-mega-overlay { display: none !important; pointer-events: none !important; background: transparent !important; }}
@media (min-width: 769px){.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: 0px !important; background: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 10px !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 28px !important; overflow: hidden !important; pointer-events: auto !important; }}
@media (min-width: 769px){.alteo-mega-desktop.has-category { grid-template-columns: 290px 380px !important; width: 670px !important; max-width: calc( 100vw - var(--alteo-desktop-left) - 15px ) !important; }}
@media (min-width: 769px){.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; }}
@media (min-width: 769px){.alteo-mega-l1 { width: 290px !important; min-width: 0px !important; padding: 10px 12px 14px !important; background: rgb(255, 255, 255) !important; border-right: 1px solid var(--alteo-border) !important; overflow: hidden auto !important; }}
@media (min-width: 769px){.alteo-mega-cat { display: flex !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-height: 38px !important; margin: 0px !important; padding: 6px 9px !important; background: transparent !important; border: 0px !important; border-radius: 6px !important; color: var(--alteo-text) !important; 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 0.12s, color 0.12s !important; }}
@media (min-width: 769px){.alteo-mega-cat:hover, .alteo-mega-cat.is-active { background: var(--alteo-hover) !important; color: var(--alteo-text) !important; }}
@media (min-width: 769px){.alteo-mega-cat.is-active { font-weight: 700 !important; }}
@media (min-width: 769px){.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; }}
@media (min-width: 769px){.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; }}
@media (min-width: 769px){.alteo-mega-cat-name { flex: 1 1 auto !important; min-width: 0px !important; }}
@media (min-width: 769px){.alteo-mega-arrow { flex: 0 0 auto !important; margin-left: auto !important; color: rgb(115, 115, 115) !important; font-size: 18px !important; line-height: 1 !important; }}
@media (min-width: 769px){.alteo-mega-cat:hover .alteo-mega-arrow, .alteo-mega-cat.is-active .alteo-mega-arrow { color: var(--alteo-blue) !important; }}
@media (min-width: 769px){.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: rgb(242, 247, 239) !important; border-radius: 3px !important; color: rgb(96, 121, 91) !important; font-size: 7px !important; font-weight: 800 !important; }}
@media (min-width: 769px){.alteo-mega-l2 { display: none !important; width: 380px !important; min-width: 0px !important; background: rgb(255, 255, 255) !important; border-right: 1px solid var(--alteo-border) !important; overflow: hidden auto !important; }}
@media (min-width: 769px){.alteo-mega-desktop.has-category .alteo-mega-l2 { display: block !important; }}
@media (min-width: 769px){.alteo-mega-column-head { position: sticky !important; top: 0px !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: 0px 15px !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid var(--alteo-border) !important; border-radius: 0px !important; }}
@media (min-width: 769px){.alteo-mega-column-head strong { color: var(--alteo-text) !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; }}
@media (min-width: 769px){.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: 0px 14px !important; background: var(--alteo-blue-light) !important; border: 1px solid rgba(58, 122, 254, 0.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 0.12s !important; }}
@media (min-width: 769px){.alteo-mega-column-head > a:hover, .alteo-detail-head > a:hover { background: rgba(58, 122, 254, 0.17) !important; color: var(--alteo-blue-hover) !important; }}
@media (min-width: 769px){.alteo-mega-l2 > div:not(.alteo-mega-column-head) { width: 100% !important; padding: 7px 10px 16px !important; }}
@media (min-width: 769px){.alteo-desktop-group { display: flex !important; align-items: center !important; width: 100% !important; min-height: 38px !important; margin: 0px !important; padding: 6px 11px !important; background: transparent !important; border: 0px !important; border-radius: 6px !important; color: var(--alteo-text) !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 400 !important; text-align: left !important; text-decoration: none !important; cursor: pointer !important; }}
@media (min-width: 769px){.alteo-desktop-group:hover, .alteo-desktop-group.is-active { background: var(--alteo-hover) !important; color: var(--alteo-text) !important; font-weight: 400 !important; }}
@media (min-width: 769px){.alteo-desktop-group::after { content: none !important; }}
@media (min-width: 769px){.alteo-desktop-group.has-children::after { content: "›" !important; flex: 0 0 auto !important; margin-left: auto !important; color: rgb(115, 115, 115) !important; font-size: 18px !important; line-height: 1 !important; }}
@media (min-width: 769px){.alteo-desktop-group.has-children:hover::after, .alteo-desktop-group.has-children.is-active::after { color: var(--alteo-blue) !important; }}
@media (min-width: 769px){.alteo-mega-l3 { display: none !important; width: 370px !important; min-width: 0px !important; background: rgb(255, 255, 255) !important; overflow: hidden auto !important; }}
@media (min-width: 769px){.alteo-mega-desktop.has-detail .alteo-mega-l3 { display: block !important; }}
@media (min-width: 769px){.alteo-mega-detail { width: 100% !important; min-height: 100% !important; background: rgb(255, 255, 255) !important; }}
@media (min-width: 769px){.alteo-detail-head { position: sticky !important; top: 0px !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: 0px 15px !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid var(--alteo-border) !important; border-radius: 0px !important; }}
@media (min-width: 769px){.alteo-detail-head strong { color: var(--alteo-text) !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 700 !important; }}
@media (min-width: 769px){.alteo-detail-links { padding: 10px 12px 18px !important; }}
@media (min-width: 769px){.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; }}
@media (min-width: 769px){.alteo-detail-links a:hover { background: var(--alteo-hover) !important; color: var(--alteo-text) !important; }}
@media (min-width: 769px){.alteo-mega-mobile { display: none !important; }}
@media (max-width: 768px){.alteo-mega { width: 100vw !important; height: 100dvh !important; pointer-events: auto !important; }}
@media (max-width: 768px){.alteo-mega-desktop { display: none !important; }}
@media (max-width: 768px){.alteo-mega-overlay { display: block !important; position: absolute !important; inset: 0px !important; background: rgba(0, 0, 0, 0.68) !important; }}
@media (max-width: 768px){.alteo-mega-mobile { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; width: min(390px, -8px + 100vw) !important; height: 100dvh !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.15) 8px 0px 28px !important; }}
@media (max-width: 768px){.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: 0px 15px !important; background: var(--alteo-blue) !important; }}
@media (max-width: 768px){.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: 0px !important; background: transparent !important; color: rgb(255, 255, 255) !important; }}
@media (max-width: 768px){.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; }}
@media (max-width: 768px){.alteo-mega-logo { color: rgb(255, 255, 255) !important; font-size: 23px !important; line-height: 1 !important; font-style: italic !important; font-weight: 800 !important; letter-spacing: 0.3px !important; }}
@media (max-width: 768px){.alteo-mega-mobile-viewport { position: relative !important; flex: 1 1 auto !important; min-height: 0px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; }}
@media (max-width: 768px){.alteo-mega-mobile-screen { position: absolute !important; inset: 0px !important; display: none !important; padding: 8px 10px 24px !important; background: rgb(255, 255, 255) !important; overflow: hidden auto !important; scrollbar-width: thin !important; scrollbar-color: rgb(139, 139, 139) transparent !important; }}
@media (max-width: 768px){.alteo-mega-mobile-screen.is-active { display: block !important; }}
@media (max-width: 768px){.alteo-mega-mobile-screen::-webkit-scrollbar { width: 7px !important; }}
@media (max-width: 768px){.alteo-mega-mobile-screen::-webkit-scrollbar-thumb { background: rgb(139, 139, 139) !important; border-radius: 10px !important; }}
@media (max-width: 768px){.alteo-mobile-categories { width: 100% !important; margin: 0px 0px 14px !important; }}
@media (max-width: 768px){.alteo-mobile-cat { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 43px !important; padding: 0px 4px !important; background: rgb(255, 255, 255) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(222, 222, 222) !important; border-image: none !important; color: rgb(17, 17, 17) !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: left !important; }}
@media (max-width: 768px){.alteo-mobile-cat > span:last-child { color: rgb(64, 64, 64) !important; font-size: 21px !important; line-height: 1 !important; }}
@media (max-width: 768px){.alteo-mobile-back { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 39px !important; margin: 0px 0px 8px !important; padding: 0px 12px !important; background: rgb(241, 241, 241) !important; border-radius: 4px !important; color: rgb(17, 17, 17) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; text-align: left !important; }}
@media (max-width: 768px){.alteo-mobile-title { margin: 0px !important; padding: 2px 0px 10px !important; border-bottom: 1px solid rgb(222, 222, 222) !important; color: var(--alteo-blue) !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 700 !important; text-transform: uppercase !important; }}
@media (max-width: 768px){.alteo-mobile-group { padding: 10px 0px 8px !important; border-bottom: 1px solid rgb(222, 222, 222) !important; }}
@media (max-width: 768px){.alteo-mobile-group-title { display: block !important; padding: 0px 0px 5px !important; color: rgb(17, 17, 17) !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 700 !important; text-decoration: none !important; }}
@media (max-width: 768px){.alteo-mobile-group-links a { display: block !important; padding: 9px 0px 9px 24px !important; color: rgb(17, 17, 17) !important; font-size: 17px !important; line-height: 1.45 !important; font-weight: 400 !important; text-decoration: none !important; }}
@media (max-width: 768px){.alteo-mobile-group-links a:hover, .alteo-mobile-group-links a:active { color: var(--alteo-blue) !important; }}
@media (max-width: 768px){.alteo-mobile-links-card { margin: 18px 0px 0px !important; padding: 17px 10px 20px !important; background: rgb(242, 242, 242) !important; border-radius: 6px !important; text-align: center !important; }}
@media (max-width: 768px){.alteo-mobile-links-card > a { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0px auto !important; padding: 9px 4px !important; color: rgb(17, 17, 17) !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 500 !important; text-decoration: none !important; }}
@media (max-width: 768px){.alteo-mobile-social { display: flex !important; align-items: center !important; justify-content: center !important; gap: 27px !important; padding: 14px 0px 1px !important; }}
@media (max-width: 768px){.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; }}
@media (max-width: 768px){.alteo-mobile-support { padding: 18px 0px 8px !important; background: rgb(255, 255, 255) !important; }}
@media (max-width: 768px){.alteo-mobile-support-item { padding: 6px 3px !important; color: rgb(17, 17, 17) !important; text-align: center !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; }}
@media (max-width: 768px){.alteo-mobile-support-item svg { display: block !important; width: 31px !important; height: 31px !important; margin: 0px auto 8px !important; fill: none !important; stroke: var(--alteo-blue) !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }}
@media (max-width: 768px){.alteo-mobile-support-item strong { font-weight: 700 !important; }}
@media (max-width: 768px){.alteo-mobile-detail-bottom { margin-top: 24px !important; }}
@media (max-width: 768px){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(-6px + 100vw) !important; }}
.alteo-mobile-support-item a, .alteo-mobile-support-item a[href^="tel:"] { color: inherit !important; text-decoration: none !important; border-bottom: 0px !important; box-shadow: none !important; }
.alteo-mobile-support-item a::before, .alteo-mobile-support-item a::after { text-decoration: none !important; border-bottom: 0px !important; }
@media (min-width: 769px){.sh { position: sticky !important; top: 0px !important; z-index: 99990 !important; width: 100% !important; background: rgb(255, 255, 255) !important; }}
@media (min-width: 769px){.scrool_menu { display: none !important; }}
@media (min-width: 769px){.sh.is-sticky-animating .tb, .sh.is-sticky-animating .nb { will-change: height, opacity, transform; overflow: hidden !important; transition: height 0.32s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s, transform 0.32s cubic-bezier(0.4, 0, 0.2, 1) !important; }}
@media (min-width: 769px){.sh.is-compact .tb, .sh.is-compact .nb { height: 0px !important; min-height: 0px !important; max-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; }}
@media (min-width: 769px){.sh.is-compact { margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; border-bottom: 1px solid rgb(236, 236, 236) !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 10px !important; }}
@media (min-width: 769px){.sh.is-compact .mh { width: 100% !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; border: 0px !important; }}
@media (min-width: 769px){.sh.is-compact .mh > .c { position: relative !important; }}
@media (min-width: 769px){.sh.is-compact .scrool_menu { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 40px !important; margin: 0px !important; padding: 0px !important; color: rgb(32, 32, 32) !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; }}
@media (min-width: 769px){.sh.is-compact .scrool_menu:hover { color: rgb(63, 124, 255) !important; }}
@media (min-width: 769px){.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: 0px !important; padding: 0px !important; transform: none !important; }}
@media (min-width: 769px){.sh.is-compact .logo a { display: inline-flex !important; align-items: center !important; margin: 0px !important; padding: 0px !important; }}
@media (min-width: 769px){.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: 0px !important; padding: 0px !important; object-fit: contain !important; }}
@media (min-width: 769px){.sh.is-compact .mob-search-btn { display: none !important; }}
@media (min-width: 769px){.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: 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; }}
@media (min-width: 769px){#megaWrap, .alteo-mega { position: fixed !important; }}
@media (min-width: 769px){#megaWrap.open, .alteo-mega.open { position: fixed !important; inset: 0px !important; }}
.alteo-social-label svg { width: 18px; height: 18px; stroke: rgb(58, 122, 254); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.alteo-form-greske { margin: 0px 0px 20px; padding: 16px 20px; border: 1px solid rgb(254, 205, 211); border-radius: 14px; background: rgb(255, 241, 242); color: rgb(190, 18, 60); 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: 0px; padding: 0px; list-style: none; }
.alteo-form-greske li { margin: 0px; padding: 0px; list-style: none; background: none; }
.djb-wp-main:has(#brxe-lkccog), .djb-wp-entry:has(#brxe-lkccog) { padding: 0px; margin: 0px; max-width: none; }
.alteo-range-clear { display: block; margin: 12px 0px 0px auto; padding: 6px 14px; font: 600 12px / 1.2 Inter, system-ui, sans-serif; color: rgb(31, 41, 55); background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 8px; cursor: pointer; }
.alteo-range-clear:disabled { opacity: 0.45; cursor: default; }
.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"); }
.alteo-sort-list { position: absolute; z-index: 9999; margin: 0px; padding: 0px; list-style: none; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px; 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: rgb(17, 24, 39); cursor: pointer; white-space: nowrap; }
.alteo-sort-item.is-focused { background: rgb(222, 235, 255); }
.alteo-sort-item.is-selected { background: rgb(38, 132, 255); color: rgb(255, 255, 255); }
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; }}
#brxe-jblgnk > span { display: flex; align-items: center; gap: 8px; }
#brxe-jblgnk > span > i { display: block; }
body.woocommerce-account .djb-wp-entry__content > .woocommerce-notices-wrapper:empty { display: none; }
.alteo-reset-ok { max-width: 600px; font-size: 14px; font-weight: 600; text-align: center; position: relative; z-index: 1; margin: 0px auto 20px !important; padding: 14px 18px !important; border-radius: 12px !important; background: rgb(236, 253, 243) !important; border: 1px solid rgb(187, 247, 208) !important; color: rgb(21, 128, 61) !important; }
.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: rgb(236, 253, 243); border: 1px solid rgb(187, 247, 208); border-radius: 14px; box-shadow: rgba(15, 23, 42, 0.08) 0px 10px 28px; color: rgb(21, 128, 61); font-size: 14px; font-weight: 600; line-height: 1.5; opacity: 0; transform: translate(-50%, -8px); transition: opacity 0.2s, transform 0.2s; pointer-events: none; }
.alteo-toast.is-in { opacity: 1; transform: translate(-50%, 0px); pointer-events: auto; }
.alteo-toast.is-off { background: rgb(239, 246, 255); border-color: rgb(191, 219, 254); color: rgb(29, 78, 216); }
.alteo-toast a { flex: 0 0 auto; padding: 8px 14px; border-radius: 10px; background: rgb(58, 122, 254); font-size: 13px; font-weight: 800; line-height: 1; white-space: nowrap; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.alteo-toast a:hover { background: rgb(37, 99, 235); }
@media (max-width: 768px){.alteo-toast { top: auto; bottom: 16px; transform: translate(-50%, 8px); }}
@media (max-width: 768px){.alteo-toast.is-in { transform: translate(-50%, 0px); }}
.djb-auth-form { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; color: rgb(17, 24, 39); margin: 0px; }
.djb-auth-form .djb-wc-fields { display: grid; grid-template-columns: 1fr; gap: 18px; margin: 0px; }
.djb-auth-form--register .djb-wc-fields { grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.djb-auth-form .djb-wc-field { margin: 0px; grid-column: 1 / -1; min-width: 0px; }
.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: 0px 0px 7px; font-size: 14px; font-weight: 600; line-height: 1.4; color: rgb(17, 24, 39); }
.djb-auth-form .djb-wc-req { color: rgb(58, 122, 254); font-weight: 700; text-decoration: none; border: 0px; margin-left: 3px; }
.djb-auth-form .djb-wc-input { display: block; width: 100%; height: 46px; padding: 0px 15px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 8px; color: rgb(17, 24, 39); font-family: inherit; font-size: 14px; line-height: 40px; box-shadow: none; outline: none; box-sizing: border-box; transition: border-color 0.15s, box-shadow 0.15s; }
.djb-auth-form .djb-wc-input::placeholder { color: rgb(113, 118, 127); opacity: 1; }
.djb-auth-form .djb-wc-input:focus { border-color: rgb(58, 122, 254); box-shadow: rgb(219, 234, 254) 0px 0px 0px 3px; }
.djb-auth-form .djb-wc-input[aria-invalid="true"] { border-color: rgb(214, 61, 61); }
.djb-auth-form .djb-wc-error:not(:empty) { display: block; margin-top: 6px; font-size: 12px; color: rgb(220, 38, 38); }
.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: 0px; margin: 0px; background: transparent; border: 0px; border-radius: 6px; color: rgb(107, 114, 128); cursor: pointer; font-size: 0px; transition: color 0.15s, background-color 0.15s; }
.djb-auth-form .djb-wc-reveal:hover { color: rgb(58, 122, 254); background: rgb(239, 246, 255); }
.djb-auth-form .djb-wc-reveal::before { content: ""; width: 18px; height: 18px; background: currentcolor; mask:var(--ai-eye) center/contain no-repeat; }
.djb-auth-form .djb-wc-reveal[aria-pressed="true"]::before { mask-image:var(--ai-eyeoff); }
.djb-auth-form__row { display: flex; justify-content: flex-start; margin: 18px 0px 0px; }
.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: rgb(17, 24, 39); 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 rgb(58, 122, 254); border-radius: 50%; color: rgb(58, 122, 254); font-size: 11px; font-weight: 700; line-height: 1; box-sizing: border-box; }
.djb-auth-form__row .djb-wc-link:hover { color: rgb(58, 122, 254); }
.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 0px; padding: 0px 28px; background: rgb(58, 122, 254); border: 0px; border-radius: 8px; color: rgb(255, 255, 255); font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; line-height: 1; cursor: pointer; box-shadow: none; transition: background-color 0.15s, box-shadow 0.15s, transform 0.15s; }
.djb-auth-form > button[type="submit"]:hover { background: rgb(37, 99, 235); color: rgb(255, 255, 255); box-shadow: rgba(58, 122, 254, 0.25) 0px 4px 12px; transform: translateY(-1px); }
.djb-auth-form > button[type="submit"]::before { content: ""; width: 16px; height: 16px; background: currentcolor; mask:var(--ai-login) center/contain no-repeat; }
.djb-auth-form--register > button[type="submit"]::before { 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 0px 0px; }
.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: rgb(17, 24, 39); cursor: pointer; margin: 0px; }
.alteo-reg-gender input { width: 18px; height: 18px; min-width: 18px; margin: 0px; accent-color: rgb(58, 122, 254); cursor: pointer; }
.djb-auth-form--register .djb-wc-check { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0px; font-size: 13px; line-height: 1.5; color: rgb(17, 24, 39); 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: 0px; padding: 0px; appearance: none; background: rgb(255, 255, 255); border: 1px solid rgb(215, 221, 230); border-radius: 999px; cursor: pointer; transition: background-color 0.18s, border-color 0.18s; }
.djb-auth-form--register .djb-wc-check input[type="checkbox"]::before { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; background: rgb(58, 122, 254); border-radius: 50%; transition: transform 0.18s, background-color 0.18s; }
.djb-auth-form--register .djb-wc-check input[type="checkbox"]:checked { background: rgb(58, 122, 254); border-color: rgb(58, 122, 254); }
.djb-auth-form--register .djb-wc-check input[type="checkbox"]:checked::before { transform: translateX(16px); background: rgb(255, 255, 255); }
.djb-auth-form--register .djb-wc-check a { color: rgb(58, 122, 254); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.djb-auth-form .djb-wc-notice, .djb-auth-form [role="alert"] { margin: 0px 0px 16px; }
@media (max-width: 767px){.djb-auth-form--register .djb-wc-fields { grid-template-columns: 1fr; }}
@media (max-width: 767px){.djb-auth-form--register .djb-wc-field--first, .djb-auth-form--register .djb-wc-field--last { grid-column: 1 / -1; }}
@media (max-width: 767px){.djb-auth-form > button[type="submit"] { height: 50px; }}
@media (max-width: 767px){.alteo-reg-gender .alteo-reg-opts { gap: 18px; }}
.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: 0px; width: 19px; height: 19px; min-width: 0px; padding: 0px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(52, 110, 238); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; box-shadow: rgba(58, 122, 254, 0.28) 0px 3px 8px; 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: 0px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: rgb(58, 122, 254); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; line-height: 1; }
@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: 0px 4px; border: 2px solid rgb(255, 255, 255); border-radius: 9px; box-sizing: border-box; box-shadow: rgba(58, 122, 254, 0.28) 0px 3px 8px; }}
@media (max-width: 767px){#siteHeader .hb.djb-cart-icon svg { width: 23px; height: 23px; }}
dialog.djb-mini-cart { position: fixed; inset: 0px 0px 0px auto; width: 400px; max-width: 100vw; height: 100dvh; max-height: none; margin: 0px; padding: 18px; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); color: rgb(17, 24, 39); 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, 0.5); -webkit-backdrop-filter:none;backdrop-filter: none; }
.djb-mini-cart__panel { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0px; padding: 0px; }
.djb-mini-cart__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 24px; margin: 0px; border-bottom: 1px solid rgb(229, 231, 235); background: rgb(255, 255, 255); flex: 0 0 auto; }
.djb-mini-cart__title { margin: 0px; font-size: 22px; font-weight: 700; line-height: 1.4; color: rgb(17, 24, 39); }
.djb-mini-cart__count { display: none; }
.djb-mini-cart__close { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0px; border: 0px; border-radius: 8px; background: rgb(249, 250, 251); color: rgb(107, 114, 128); cursor: pointer; }
.djb-mini-cart__close:hover { background: rgb(241, 245, 249); color: rgb(17, 24, 39); }
.djb-mini-cart__close svg { width: 16px; height: 16px; }
.djb-mini-cart__body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; padding: 0px; margin: 0px; overflow: hidden; }
.djb-mini-cart__items { flex: 1 1 auto; min-height: 0px; overflow-y: auto; margin: 0px; padding: 16px 40px; list-style: none; }
.djb-mini-cart__item { display: grid; grid-template-columns: 64px minmax(0px, 1fr) 24px; align-items: center; gap: 14px; margin: 0px 0px 10px; padding: 16px 40px 16px 0px; border-bottom: 1px solid rgb(229, 231, 235); }
.djb-mini-cart__item .djb-wc-thumb { width: 64px; height: 64px; max-width: none; padding: 2px; border-radius: 8px; background: rgb(255, 255, 255); object-fit: contain; box-sizing: border-box; }
.djb-mini-cart__lines { min-width: 0px; 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: rgb(2, 6, 23); text-decoration: none; }
.djb-mini-cart__name:hover { color: rgb(58, 122, 254); }
.djb-mini-cart__row { display: block; min-height: 32px; margin: 8px 0px 0px; font-size: 14px; color: rgb(2, 6, 23); line-height: 1.5; }
.djb-mini-cart__row .djb-cart-qty { display: inline; font-size: 14px; color: rgb(2, 6, 23); padding: 0px; border: 0px; 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: rgb(37, 99, 235); }
.djb-mini-cart__item .djb-cart-remove { align-self: start; margin-left: -6px; width: 24px; height: 24px; display: grid; place-items: center; padding: 0px; border: 0px; border-radius: 6px; background: transparent; color: rgb(214, 61, 61); cursor: pointer; }
.djb-mini-cart__item .djb-cart-remove:hover { background: rgb(254, 242, 242); }
.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: 0px; padding: 20px 24px; border-top: 1px solid rgb(229, 231, 235); background: rgb(255, 255, 255); }
.djb-mini-cart__subtotal { display: flex; justify-content: space-between; align-items: baseline; margin: 0px 0px 16px; font-size: 22px; font-weight: 700; color: rgb(17, 24, 39); line-height: 1.5; }
.djb-mini-cart__subtotal .djb-amount { color: rgb(58, 122, 254); font-weight: 700; }
.djb-mini-cart__hint { display: none; }
.djb-mini-cart__buttons { display: flex; flex-direction: column-reverse; gap: 18px; margin: 0px; }
.djb-mini-cart__buttons .djb-wc-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin: 0px; padding: 0px 16px; border-radius: 10px; font-size: 16px; letter-spacing: 0.5px; line-height: 1; text-decoration: none; box-sizing: border-box; }
.djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost) { background: rgb(52, 110, 238); border: 0px; color: rgb(255, 255, 255); font-weight: 600; box-shadow: rgba(58, 122, 254, 0.22) 0px 8px 18px; }
.djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost):hover { background: rgb(37, 99, 235); }
.djb-mini-cart__buttons .djb-wc-button:not(.djb-wc-button--ghost) svg { display: none; }
.djb-mini-cart__buttons .djb-wc-button--ghost { background: rgb(255, 255, 255); border: 1px solid rgb(219, 226, 234); color: rgb(17, 24, 39); font-weight: 800; }
.djb-mini-cart__buttons .djb-wc-button--ghost:hover { border-color: rgb(58, 122, 254); color: rgb(58, 122, 254); }
.djb-mini-cart__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; flex: 1 1 0%; padding: 40px 24px; text-align: center; }
.djb-mini-cart__empty p { margin: 0px; font-size: 20px; font-weight: 700; color: rgb(17, 24, 39); }
.djb-mini-cart__empty .djb-wc-button { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0px 24px; border-radius: 10px; background: rgb(58, 122, 254); color: rgb(255, 255, 255); font-weight: 600; text-decoration: none; }
@media (max-width: 480px){dialog.djb-mini-cart { width: min(400px, 100vw); height: 100vh; padding: 0px 18px 50px; }}
@media (max-width: 480px){dialog.djb-mini-cart .djb-mini-cart__foot { margin-bottom: 50px; }}
@media (max-width: 480px){dialog.djb-mini-cart .djb-mini-cart__title { font-size: 21px; }}
@media (max-width: 480px){.djb-mini-cart__item { grid-template-columns: 56px minmax(0px, 1fr) 24px; gap: 10px; padding-right: 36px; }}
@media (max-width: 480px){.djb-mini-cart__item .djb-wc-thumb { width: 56px; height: 56px; }}
@media (max-width: 480px){.djb-mini-cart__item .djb-cart-remove { margin-left: -2px; }}
form[data-a~="anl"] .djb-field { grid-column: 1; margin: 0px; min-width: 0px; }
form[data-a~="anl"] .djb-form__submit { grid-column: 2; }
form[data-a~="anl"] .djb-field__label { width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; }
form[data-a~="anl"] .djb-field__input { width: 100%; min-width: 240px; height: 44px; padding: 0px 16px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); font-family: Inter, system-ui, sans-serif; font-size: 14px; outline: none; box-shadow: none; box-sizing: border-box; transition: border 0.15s, box-shadow 0.15s; }
form[data-a~="anl"] .djb-field__input::placeholder { color: rgba(255, 255, 255, 0.4); }
form[data-a~="anl"] .djb-field__input:focus { border-color: rgb(58, 122, 254); box-shadow: rgba(58, 122, 254, 0.25) 0px 0px 0px 3px; background: rgba(255, 255, 255, 0.1); }
form[data-a~="anl"] .djb-field__error:not([hidden]) { position: absolute; top: 100%; left: 0px; margin: 4px 0px 0px; font-size: 12px; color: rgb(252, 165, 165); }
form[data-a~="anl"] .djb-form__button { height: 44px; padding: 0px 24px; border: 0px; border-radius: 8px; background: rgb(52, 110, 238); color: rgb(255, 255, 255); font-family: Inter, system-ui, sans-serif; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: 0.15s; }
form[data-a~="anl"] .djb-form__button:hover { background: rgb(37, 99, 235); transform: translateY(-1px); box-shadow: rgba(58, 122, 254, 0.3) 0px 4px 12px; }
form[data-a~="anl"] .djb-form__status, form[data-a~="anl"] .djb-form__notice { top: calc(100% + 8px); left: 0px; right: 0px; z-index: 2; margin: 0px; padding: 12px 16px 12px 48px; border-radius: 8px; font-size: 14px; color: inherit; position: absolute !important; }
form[data-a~="anl"] .djb-form__notice.is-ok { background: rgba(58, 122, 254, 0.14); border: 1px solid rgba(58, 122, 254, 0.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: 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 center / 13px auto no-repeat rgb(58, 122, 254); }
form[data-a~="anl"] .djb-form__notice.is-bad { background: rgba(239, 68, 68, 0.14); border: 1px solid rgba(239, 68, 68, 0.6); }
@media (max-width: 768px){form[data-a~="anl"] .djb-field, form[data-a~="anl"] .djb-form__submit { width: 100%; }}
@media (max-width: 768px){form[data-a~="anl"] .djb-field__input { min-width: 0px; }}
#brx-footer #brxe-tuquyg, #brx-footer #brxe-pqzzvp, #brx-footer #brxe-wzyggr, #brx-footer #brxe-kbxmil { opacity: 0.55; }
.djb-mini-cart__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: 0px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
form.djb-iwii62 .djb-form__button { letter-spacing: 0.5px; }
@media (max-width: 767px){.brxe-bu-off-canvas:not(#brxe-qqcwuq) .alteo-range-clear { margin: 0px 0px 0px 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; }}
@media (max-width: 767px){.brxe-bu-off-canvas:not(#brxe-qqcwuq) .alteo-range-clear:disabled { opacity: 0.4 !important; }}
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: rgb(37, 107, 184) !important; }
body .btn-c.btn-oos::before { background-color: rgb(37, 107, 184) !important; }
body .djb-wp-main #primary { width: 1100px !important; max-width: 100% !important; padding: 0px 15px !important; margin: 0px !important; box-sizing: border-box !important; }
body .djb-wp-main .woocommerce-result-count { grid-column: 1 !important; float: none !important; margin: 0px !important; padding: 0px !important; font-size: 15px !important; line-height: 22.5px !important; }
body .djb-wp-main .woocommerce-ordering { justify-self: end; grid-column: 2 !important; float: none !important; margin: 0px !important; }
body .djb-wp-main .woocommerce-ordering select { width: 224px !important; height: 42px !important; margin: 0px !important; border: 1px solid rgb(221, 222, 223) !important; border-radius: 0px !important; font-size: 15px !important; }
@media (max-width: 478px){body .djb-wp-main .woocommerce-ordering, body .djb-wp-main .woocommerce-ordering select { width: 100% !important; }}
:where(body.home) .feat-big .add_to_cart_button { position: relative !important; z-index: 20 !important; pointer-events: auto !important; cursor: pointer !important; }
:where(body.home) .feat-big .ajax_add_to_cart { position: relative !important; z-index: 20 !important; pointer-events: auto !important; cursor: pointer !important; }
:where(body.home) .feat-sm .add_to_cart_button { position: relative !important; z-index: 20 !important; pointer-events: auto !important; cursor: pointer !important; }
:where(body.home) .feat-sm .ajax_add_to_cart { position: relative !important; z-index: 20 !important; pointer-events: auto !important; cursor: pointer !important; }
:root:where(:has(> body.home)) { --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; --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:where(.home) { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 17px; background: var(--bg2); color: var(--t1); line-height: 1.5; -webkit-font-smoothing: antialiased; padding-bottom: 70px; overflow-x: hidden; }
html:where(:has(> body.home)) { overflow-x: hidden; }
:where(body.home) .card { background: var(--bg); border-radius: var(--r); box-shadow: var(--sh); overflow: hidden; }
:where(body.home) .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: rgba(0, 0, 0, 0.3) 0px 8px 32px; max-width: calc(-32px + 100vw); overflow-x: auto; }
:where(body.home) .pn button { padding: 8px 12px; border-radius: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 11px; font-weight: 600; background: transparent; color: rgba(255, 255, 255, 0.45); transition: all var(--tr); white-space: nowrap; }
:where(body.home) .pn button.active { background: var(--b); color: rgb(255, 255, 255); }
:where(body.home) .mob-nav-item { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--t3); font-size: 10px; font-weight: 600; transition: color var(--tr); flex: 1 1 0%; }
:where(body.home) .mob-nav-item.active { color: var(--b); }
:where(body.home) .mob-nav-item svg { width: 22px; height: 22px; stroke: currentcolor; }
:where(body.home) .mc-overlay.open { display: block; }
:where(body.home) .ms { width: 320px; border-right: 1px solid var(--bd); padding: 56px 0px 16px; overflow-y: auto; flex-shrink: 0; }
:where(body.home) .mct { flex: 1 1 0%; padding: 32px 40px; overflow-y: auto; }
:where(body.home) .mp { display: none; grid-template-columns: repeat(3, 1fr); gap: 8px 48px; align-content: start; }
:where(body.home) .mp.active { display: grid; }
:where(body.home) .mp h4 { font-size: 14px; font-weight: 700; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--bd); }
:where(body.home) .mp a { display: block; font-size: 13px; color: var(--t2); padding: 5px 0px; }
:where(body.home) .mp a:hover { color: var(--b); }
:where(body.home) .msc { margin-bottom: 24px; }
:where(body.home) .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; }
:where(body.home) .cat-pg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
:where(body.home) .cat-pg-c { background: var(--bg); border-radius: var(--r); box-shadow: var(--sh); overflow: hidden; cursor: pointer; transition: 0.2s; }
:where(body.home) .cat-pg-c:hover { box-shadow: var(--sh2); transform: translateY(-4px); }
:where(body.home) .cat-pg-c .img-w { height: 160px; overflow: hidden; }
:where(body.home) .cat-pg-c .img-w img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
:where(body.home) .cat-pg-c:hover .img-w img { transform: scale(1.05); }
:where(body.home) .cat-pg-c .name { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
:where(body.home) .cat-pg-c .cnt { font-size: 12px; color: var(--t2); }
:where(body.home) .cp .old { font-size: 13px; color: var(--t2); text-decoration: line-through; }
:where(body.home) .fp-panel { background: var(--bg); border-radius: var(--r); box-shadow: var(--sh); padding: 20px; }
:where(body.home) .fp-panel h3 { font-size: 15px; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
:where(body.home) .fgr-body { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
:where(body.home) .gal-t { flex: 1 1 0%; height: 80px; border-radius: 10px; border: 2px solid var(--bd); overflow: hidden; cursor: pointer; transition: border var(--tr); box-shadow: var(--sh); }
:where(body.home) .gal-t.active, :where(body.home) .gal-t:hover { border-color: var(--b); }
:where(body.home) .gal-t img { width: 100%; height: 100%; object-fit: cover; }
:where(body.home) .pt { font-size: 26px; font-weight: 700; line-height: 1.3; margin-bottom: 8px; }
:where(body.home) .ar { display: flex; gap: 12px; margin-bottom: 20px; }
:where(body.home) .qty { display: flex; align-items: center; border: 1px solid var(--input-bd); border-radius: 10px; overflow: hidden; background: var(--bg); }
:where(body.home) .qty button { width: 40px; height: 48px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--bg); display: flex; align-items: center; justify-content: center; color: var(--t2); font-size: 18px; }
:where(body.home) .qty button:hover { background: var(--bg2); }
:where(body.home) .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; }
:where(body.home) .tb-btn { padding: 14px 24px; font-size: 14px; font-weight: 400; color: var(--t2); border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: none; margin-bottom: -1px; transition: all var(--tr); }
:where(body.home) .tb-btn.active { font-weight: 600; color: var(--b); border-bottom-color: var(--b); background: var(--bg); }
:where(body.home) .tb-btn:hover:not(.active) { color: var(--t1); background: var(--bg); }
:where(body.home) .tp { display: none; }
:where(body.home) .tp.active { display: block; }
:where(body.home) .ci { display: flex; gap: 20px; padding: 20px; background: var(--bg); border-radius: var(--r); box-shadow: var(--sh); margin-bottom: 12px; align-items: center; }
:where(body.home) .steps { display: flex; align-items: center; justify-content: center; gap: 0px; margin: 32px 0px; }
:where(body.home) .step { display: flex; align-items: center; gap: 8px; }
:where(body.home) .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); }
:where(body.home) .po:hover:not(.sel) { background: var(--bg2); }
:where(body.home) .po input { accent-color: var(--b); }
:where(body.home) .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; }
:where(body.home) .search-popup.open { display: flex; align-items: flex-start; justify-content: center; padding-top: 20px; }
@media (max-width: 768px){:where(body.home) .ms { width: 100%; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding: 56px 0px 8px; max-height: 100vh; overflow-y: auto; position: absolute; inset: 0px; transition: transform 0.3s; z-index: 1; }}
@media (max-width: 768px){:where(body.home) .mct { position: absolute; inset: 0px; padding: 16px 20px; transform: translateX(100%); transition: transform 0.3s; overflow-y: auto; z-index: 2; }}
@media (max-width: 768px){:where(body.home) .mp.active { grid-template-columns: 1fr; }}
@media (max-width: 768px){:where(body.home) .msc h4 { font-size: 16px; font-weight: 700; margin-top: 8px; }}
@media (max-width: 768px){:where(body.home) .msc a { font-size: 15px; padding: 10px 0px 10px 12px; border-bottom: 1px solid var(--bd); }}
@media (max-width: 768px){:where(body.home) .mega-back { display: flex; align-items: center; gap: 8px; padding: 12px 0px; margin-bottom: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; font-size: 14px; font-weight: 600; color: var(--b); cursor: pointer; }}
@media (max-width: 768px){:where(body.home) .mega-cat-title { font-size: 20px; font-weight: 800; color: var(--b); text-transform: uppercase; margin-bottom: 16px; }}
@media (min-width: 769px){:where(body.home) .mega-cat-title { display: none; }}
:where(body.home) .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 14px; border-radius: var(--rs); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: all var(--tr); white-space: nowrap; }
:where(body.home) .sf { background: var(--ch); color: rgb(255, 255, 255); margin-top: 64px; }
:where(body.home) .fn { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
:where(body.home) .fn .c { display: flex; align-items: center; justify-content: space-between; padding: 32px 24px; }
:where(body.home) .fn p { font-size: 13px; opacity: 0.6; margin-top: 4px; }
:where(body.home) .fm .c { padding: 48px 24px 40px; }
:where(body.home) .fgg { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; }
:where(body.home) .fa p { font-size: 13px; line-height: 1.7; opacity: 0.5; max-width: 280px; margin-top: 16px; }
:where(body.home) .fc h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; opacity: 0.4; margin-bottom: 16px; }
:where(body.home) .fc a { display: block; font-size: 13px; opacity: 0.6; padding: 5px 0px; }
:where(body.home) .fb-f { border-top: 1px solid rgba(255, 255, 255, 0.06); }
:where(body.home) .fb-f .c { display: flex; justify-content: space-between; align-items: center; height: 56px; font-size: 12px; opacity: 0.35; }
@media (max-width: 1024px){:where(body.home) .cat-pg { grid-template-columns: repeat(3, 1fr); }}
@media (max-width: 768px){:where(body.home) .cat-pg { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px){:where(body.home) .pt { font-size: 20px; }}
@media (max-width: 768px){:where(body.home) .ci { flex-wrap: wrap; }}
@media (max-width: 768px){:where(body.home) .fgg { grid-template-columns: 1fr 1fr; }}
@media (max-width: 768px){:where(body.home) .fn .c { flex-direction: column; gap: 16px; text-align: center; }}
@media (max-width: 768px){:where(body.home) .steps { gap: 0px; }}
@media (max-width: 768px){:where(body.home) .pn { bottom: 76px; }}
@media (max-width: 768px){:where(body.home) .ci { gap: 12px; }}
@media (max-width: 480px){:where(body.home) .fgg { grid-template-columns: 1fr; }}
:where(body.home) .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; }
:where(body.home) .tb .alteo-ico { width: 15px; height: 15px; color: rgb(255, 255, 255); opacity: 0.9; }
:where(body.home) .fp-panel { padding: 22px 20px; border-radius: 16px; box-shadow: rgba(15, 23, 42, 0.08) 0px 8px 28px; border: 1px solid rgba(226, 232, 240, 0.75); }
:where(body.home) .fp-panel h3 { font-size: 16px; letter-spacing: -0.02em; }
:where(body.home) .fp-panel h3 .alteo-ico, :where(body.home) .filter-trigger .alteo-ico { color: var(--b); }
:where(body.home) .price-row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); width: 100%; display: grid !important; gap: 10px !important; }
:where(body.home) .price-row input { min-width: 0px; width: 100%; background: rgb(255, 255, 255); outline: none; height: 38px !important; border-radius: 9px !important; border: 1px solid rgb(221, 227, 236) !important; }
:where(body.home) .price-row input:focus { box-shadow: 0 0 0 3px var(--b100); border-color: var(--b) !important; }
:where(body.home) .contact-card .icon .alteo-ico { width: 22px; height: 22px; }
:where(body.home) .usp-i .alteo-ico { width: 22px; height: 22px; }
:where(body.home) .contact-card .icon:empty::before { content: none; }
:where(body.home) .btt { position: fixed; bottom: 140px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: var(--b); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(58, 122, 254, 0.3) 0px 4px 16px; display: flex; align-items: center; justify-content: center; z-index: 90; opacity: 0; transform: translateY(10px); transition: 0.3s; pointer-events: none; }
:where(body.home) .btt.show { opacity: 1; transform: translateY(0px); pointer-events: auto; }
:where(body.home) .btt:hover { background: var(--bh); transform: translateY(-2px); box-shadow: rgba(58, 122, 254, 0.4) 0px 6px 20px; }
@media (max-width: 768px){:where(body.home) .btt { bottom: 80px; right: 16px; width: 40px; height: 40px; }}
:where(body.home) .mp h4, :where(body.home) .msc h4 { font-size: 17px !important; }
:where(body.home) .mp a, :where(body.home) .msc a { font-size: 16px !important; }
:where(body.home) .cp .old, :where(body.home) .ppr .old { font-size: 16px !important; }
:where(body.home) .fp-panel h3 { font-size: 20px !important; }
:where(body.home) .pt { font-size: 32px !important; line-height: 1.2 !important; }
:where(body.home) .fn p, :where(body.home) .fc a, :where(body.home) .fa p, :where(body.home) .fb-f .c { font-size: 15px !important; }
@media (max-width: 768px){:where(body.home) .pt { font-size: 24px !important; }}
:root:where(:has(> body.home)) { --bg: #ffffff; --bg-soft: #F9FAFB; --card-border: #E5E7EB; --text: #111827; --accent: #3A7AFE; --accent-50: #EFF6FF; --accent-200: #93C5FD; --dot: #E5E7EB; --radius: 12px; }
:root:where(:has(> body.home)) { --acs-blue: #3A7AFE; --acs-blue-border: #93c5fd; --acs-text: #111827; --acs-border: #e5e7eb; --acs-white: #ffffff; --acs-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); --acs-shadow-hover: 0 10px 28px rgba(15, 23, 42, 0.1); --acs-gap: 16px; }
:where(body.home) .alteo-cat-slider .acs-track > .category-card:focus-visible { border-color: var(--acs-blue); outline: rgba(58, 122, 254, 0.22) solid 2px; outline-offset: 2px; }
:where(body.home) .alteo-cat-slider .acs-btn:focus-visible { outline: rgba(58, 122, 254, 0.2) solid 3px; outline-offset: 2px; }
:where(body.home) .alteo-cat-slider .acs-track.is-dragging a { pointer-events: none; -webkit-user-select:none;user-select: none; }
:root:where(:has(> body.home)) { --brand-blue: #3A7AFE; --brand-blue-border: #93c5fd; --brand-text: #111827; --brand-border: #e5e7eb; --brand-gap: 16px; --brand-card-height: 112px; }
:where(body.home) .alteo-brand-slider .acs-track > .brand-card:focus-visible { border-color: var(--brand-blue); outline: rgba(58, 122, 254, 0.22) solid 2px; outline-offset: -2px; }
:where(body.home) .alteo-brand-slider .acs-track.is-dragging { cursor: grabbing; -webkit-user-select:none;user-select: none; }
:where(body.home) .alteo-brand-slider .acs-track.is-dragging a { pointer-events: none; }
:where(body.home) #brx-header { font-size: 15px; }
body.home .nl > .brxe-text-link { font-weight: 500 !important; }
html body [data-a~=apay-t--vs]{padding:0 5px!important;height:32px!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}html body [data-a~=apay-i--vs]{width:30px!important;height:30px!important;max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;display:block!important}html body [data-a~=apay]{column-gap:8px!important}@media(min-width:1024px){html body [data-a~=apay] > [data-a~=apay-grp--cards]{margin-left:24px!important}}
@media (max-width:767px){html body #slider [data-a~=slide-desk]{display:none!important}}@media (min-width:768px){html body #slider [data-a~=slide-mob]{display:none!important}}
/* djb.reset drži min 16px (iOS zoom); zoom .75 daje 12px kao na desktopu */@media (max-width:767px){html body .djb-catalog-sorting .djb-catalog-sorting__select select:not(#brxe-xogwdk select):not(#y){zoom:.75;height:58.6667px!important;min-height:0!important;width:189.33px!important;max-width:none!important;padding:8px 26px 8px 13px!important;background-position:calc(100% - 4px) 50%!important}}@media (max-width:767px){html body p:has(+ .djb-catalog-sorting){transform:translateY(-2px)!important}}@media (max-width:767px){html body .stb1 #brxe-xogwdk select:not(#a):not(#b):not(#c){width:206.55px!important;padding-right:37.82px!important;background-position:calc(100% - 5.82px) 50%!important}}
/* Alteo dorade – globalni sloj, da ne gube od globalnih !important pravila */

/* Nalog (prijava, registracija, lozinka): breadcrumb poravnat sa headerom */
.brxe-section > .brxe-container:has(> section[data-a="alp"]){max-width:1440px!important;width:100%!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
section[data-a="alp"] > nav[data-a="alp-bc"]{margin-left:0!important;padding-left:0!important}
/* zaboravljena lozinka ima stariji ID pravilo (1280px) – jače pravilo */
@media (min-width:992px){html body #brxe-qlbclr#brxe-qlbclr#brxe-qlbclr{max-width:1440px!important;padding-left:24px!important;padding-right:24px!important}}

/* Slični proizvodi: kartice iste visine, dugme uvek na dnu u istoj ravni */
.brxe-div:has(> #brxe-danzzc) .pc{display:flex!important;flex-direction:column!important;height:100%!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd > .cp{margin:8px 0 16px!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd > :last-child{margin-top:auto!important}

/* Korpa i checkout na mobilnom: manje praznog prostora iznad koraka 1-2-3 */
@media (max-width:767px){
.brxe-section:has(.steps){padding-top:24px!important}
.brxe-section .steps{margin-top:0!important;margin-bottom:20px!important;padding-top:0!important}
}

/* Proizvod: zaobljena slika */
.djb-product-gallery .djb-product-gallery__stage,.djb-product-gallery .djb-product-gallery__main{border-radius:16px!important;overflow:hidden!important}

/* Mini korpa: X puno plavo */
dialog.djb-mini-cart .djb-mini-cart__close{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#346eee!important;color:#fff!important;display:inline-grid!important;place-items:center!important;margin-left:auto!important;box-shadow:0 4px 12px rgba(52,110,238,.35)!important}
dialog.djb-mini-cart .djb-mini-cart__close:hover{background:#2557c9!important}

/* Slični proizvodi na mobilnom: po 1 kartica, isto kao kartice na stranici kategorije */
@media (max-width:767px){
.brxe-div:has(> #brxe-danzzc) .product-grid{scroll-snap-type:x mandatory!important;gap:12px!important}
.brxe-div:has(> #brxe-danzzc) .product-grid > .pc{flex:0 0 100%!important;width:100%!important;max-width:100%!important;scroll-snap-align:start!important}
.brxe-div:has(> #brxe-danzzc) .pc > .im{height:200px!important;padding:0!important}
.brxe-div:has(> #brxe-danzzc) .pc > .im img{width:100%!important;height:200px!important;object-fit:contain!important;padding:12px 12px 0!important;box-sizing:border-box!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd{padding:6px 16px 16px!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd > :first-child{font-size:16px!important;font-weight:500!important;margin:0!important}
.brxe-div:has(> #brxe-danzzc) .pc > .bd > .cp{margin:10px 0 12px!important}
}

/* Opis proizvoda kad je samo tekst (tabele specifikacija ostaju netaknute) */
.tabs .tp:not(:has(table)) > .djb-post-content{padding:22px 26px!important;font-size:15px!important;line-height:1.75!important;color:#334155!important}
.tabs .tp:not(:has(table)) > .djb-post-content p{margin:0 0 14px!important}
.tabs .tp:not(:has(table)) > .djb-post-content p:last-child{margin-bottom:0!important}
.tabs .tp:not(:has(table)) > .djb-post-content > p:first-child{font-size:16px!important;font-weight:600!important;color:#0f172a!important}
@media (max-width:767px){.tabs .tp:not(:has(table)) > .djb-post-content{padding:16px 18px!important;font-size:14px!important}}

/* Breadcrumb na nalog stranicama (zaboravljena lozinka) isti kao na prijavi i ostatku sajta */
html body nav[data-a="alp-bc"]{display:flex!important;align-items:center!important;font-size:14px!important;line-height:26px!important}
html body nav[data-a="alp-bc"] a[data-a="alp-bc-home"]{width:16px!important;height:26px!important;display:inline-flex!important;align-items:center!important}
html body nav[data-a="alp-bc"] a[data-a="alp-bc-home"]::before{width:16px!important;height:16px!important;-webkit-mask-size:16px 16px!important;mask-size:16px 16px!important;background-size:16px 16px!important}
html body nav[data-a="alp-bc"] [data-a="alp-bc-sep"]{font-size:21px!important;font-weight:400!important;margin:0 8px 0 7px!important;color:#d1d5db!important;line-height:26px!important}
html body nav[data-a="alp-bc"] [data-a="alp-bc-link"],html body nav[data-a="alp-bc"] [data-a="alp-bc-link"] span{font-size:14px!important;font-weight:400!important;color:#111827!important}
html body nav[data-a="alp-bc"] [data-a="alp-bc-cur"]{font-size:14px!important;font-weight:700!important;color:#111827!important}
/* Obaveštenja (korpa, checkout, proizvod): jedinstven izgled, staje na mobilni */
html body :is(#brxe-emjrnz,[data-djb-checkout-notices]):not(:empty){box-sizing:border-box!important;width:100%!important;max-width:1368px!important;margin:12px auto 0!important;padding:0 24px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice){box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:12px!important;position:relative!important;padding:14px 46px 14px 16px!important;border:1px solid #bfdbfe!important;border-radius:12px!important;background:#eff6ff!important;color:#1e3a8a!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important;font-size:14px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important;list-style:none!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;transition:opacity .35s ease,transform .35s ease}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice)::before{content:"i"!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;border-radius:50%!important;background:#3a7afe!important;color:#fff!important;font:800 13px/22px Inter,system-ui,sans-serif!important;text-align:center!important;position:static!important;display:block!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.djb-wc-notice--error){background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.djb-wc-notice--error)::before{content:"!"!important;background:#dc2626!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-message,.djb-wc-notice--success,.djb-wc-notice--message){background:#f0fdf4!important;border-color:#bbf7d0!important;color:#166534!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-message,.djb-wc-notice--success,.djb-wc-notice--message)::before{content:"✓"!important;background:#16a34a!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) > li{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;list-style:none!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) > li + li{margin-top:4px!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) a:not(.alteo-notice-x){float:none!important;flex-shrink:0!important;margin:0 0 0 auto!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) .alteo-notice-x{position:absolute!important;top:9px!important;right:9px!important;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;opacity:.6;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) .alteo-notice-x::before{content:"\00d7";font:400 22px/1 Inter,system-ui,sans-serif}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) .alteo-notice-x:hover,html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) .alteo-notice-x:focus-visible{opacity:1;background:rgba(0,0,0,.06)!important}
html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice).is-hiding{opacity:0!important;transform:translateY(-6px)!important}
@media (max-width:768px){html body :is(#brxe-emjrnz,[data-djb-checkout-notices]):not(:empty){padding:0 12px!important;margin-top:10px!important}html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice){padding:12px 42px 12px 12px!important;gap:10px!important;font-size:13.5px!important;border-radius:10px!important}html body :is(#brxe-emjrnz,[data-djb-checkout-notices],.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice)::before{flex-basis:20px!important;width:20px!important;height:20px!important;font-size:12px!important;line-height:20px!important}}
/* Obaveštenja u samoj korpi (iznad proizvoda) */
html body :is(.djb-cart-items__region,.djb-cart-errors) > :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice){margin:0 0 12px!important;max-width:100%!important}
html body .djb-cart-errors{min-width:0!important;max-width:100%!important}
/* Linkovi u tekstu obaveštenja (npr. „Pošalji link ponovo“): u istom redu, bez podvlačenja, svuda isto */
html body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) a:not(.button):not(.wc-forward):not(.alteo-notice-x):not(.alteo-resend__btn):not(.alteo-err__login){float:none!important;display:inline!important;margin:0 0 0 4px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;color:inherit!important;font-size:inherit!important;font-weight:700!important;line-height:inherit!important;text-decoration:none!important;white-space:nowrap!important}
html body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) a:not(.button):not(.wc-forward):not(.alteo-notice-x):not(.alteo-resend__btn):not(.alteo-err__login):hover{text-decoration:none!important;opacity:.8}
html body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.djb-wc-notice) > li{display:block}
html body .alteo-notice-text{flex:1 1 auto;min-width:0;display:block}
/* Obaveštenje „email nije potvrđen“: naslov, tekst i plavo Alteo dugme */
html body .alteo-resend{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;min-width:0}
html body .alteo-resend__title{font-weight:700;font-size:15px;line-height:1.35}
html body .alteo-resend__text{font-weight:400;line-height:1.45}
html body :is(.woocommerce-error,.djb-wc-notice) a.alteo-resend__btn{display:inline-flex!important;align-items:center;gap:8px;margin:10px 0 0!important;padding:10px 18px!important;border-radius:10px!important;background:#3a7afe!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 4px 12px rgba(58,122,254,.25)!important;opacity:1!important;transition:background .15s}
html body :is(.woocommerce-error,.djb-wc-notice) a.alteo-resend__btn:hover,html body :is(.woocommerce-error,.djb-wc-notice) a.alteo-resend__btn:focus-visible{background:#2563eb!important;opacity:1!important}
/* Greške registracije: svaka u svom okviru, sa naslovom i linkom „Prijavite se“ */
html body .alteo-err-split{margin:0 0 12px!important}
html body .alteo-err{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
html body .alteo-err__title{font-weight:700;font-size:15px;line-height:1.35;color:#991b1b}
html body .alteo-err__text{font-weight:400;line-height:1.45}
html body :is(.woocommerce-error,.djb-wc-notice) a.alteo-err__login{display:inline-flex!important;align-items:center;gap:6px;margin:6px 0 0!important;color:#1d4ed8!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;background:none!important;padding:0!important}
html body :is(.woocommerce-error,.djb-wc-notice) a.alteo-err__login:hover{text-decoration:underline!important}
html body .alteo-split-src{display:none!important}
/* Korpa: kada je količina zaključana (npr. samo 1 kom na stanju), polje izgleda isto kao obično */
html body .djb-cart-items .djb-cart-qty--locked .alteo-qty-fixed{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;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;background:#fff!important;font-family:"Roboto Condensed",Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1!important;color:#111827!important;-webkit-text-fill-color:#111827!important;font-variant-numeric:tabular-nums}
html body .djb-cart-items .djb-cart-qty--locked{font-size:16px!important;width:auto!important}
/* Korpa: cena i „Ukloni“ poravnati desno, u istoj liniji */
html body .alteo-cart-items .djb-cart-items__subtotal,html body .alteo-cart-items .djb-cart-items__remove{justify-self:end!important;text-align:right!important}
@media (min-width:769px){html body .alteo-cart-items .djb-cart-items__row{row-gap:0!important}html body .alteo-cart-items .djb-cart-items__subtotal{align-self:end!important}html body .alteo-cart-items .djb-cart-items__remove{align-self:start!important;margin-top:6px!important}}
/* Korpa: broj u polju za količinu 17px */
html body .djb-cart-items .djb-cart-qty .djb-cart-qty__input,html body .djb-cart-items .djb-cart-qty .alteo-qty-fixed{font-size:17px!important;font-weight:700!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
/* Korpa: kolona cene iste širine u svakom redu (172px), pa su količine u ravni */
@media (min-width:769px){html body .alteo-cart-items .djb-cart-items__row{grid-template-columns:120px minmax(0,1fr) auto 172px!important;column-gap:12px!important}html body .alteo-cart-items .djb-cart-items__subtotal{white-space:nowrap!important}}
/* Korpa (desktop): cena i „Ukloni“ ispod nje uz desnu ivicu kartice; količine ostaju u ravni */
@media (min-width:769px){html body .alteo-cart-items .djb-cart-items__subtotal{justify-self:end!important;text-align:right!important}html body .alteo-cart-items .djb-cart-items__remove{justify-self:end!important;text-align:right!important}}
/* Korpa (desktop): količina centrirana između naziva proizvoda i cene (širi stubac za količinu, dugme u sredini) */
@media (min-width:769px){html body .alteo-cart-items .djb-cart-items__row{grid-template-columns:120px minmax(0,1fr) 200px 172px!important}html body .alteo-cart-items .djb-cart-items__qty{justify-self:center!important}}

/* Korpa (telefon): razmak od naslova „Korpa“ do prvog proizvoda 10px */
@media (max-width:767px){html body #pg-cart #brxe-ixmlxb{margin-bottom:10px!important}}
/* Mega meni: stavka „Alteo“ prikazuje Alteo prozor desno */
.alteo-mega-desktop .alteo-mega-l2{position:relative}
.alteo-mega-brand{display:none}
.alteo-mega--alteo .alteo-mega-l2 > :not(.alteo-mega-brand){visibility:hidden!important}
.alteo-mega--alteo .alteo-mega-brand{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:linear-gradient(160deg,#f5f9ff 0%,#eaf2ff 100%);border-radius:0 12px 12px 0;animation:alteoBrandIn .2s ease}
.alteo-mega-brand__logo{width:92px;height:92px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(58,122,254,.18)}
.alteo-mega-brand__logo img{width:64px;height:auto;display:block}
.alteo-mega-brand__name{font-size:15px;color:#6b7280;line-height:1.2}
.alteo-mega-brand__btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 20px;border-radius:8px;background:#dbe8ff;color:#1d4ed8;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.alteo-mega-brand__btn:hover,.alteo-mega-brand__btn:focus-visible{background:#3a7afe;color:#fff}
@keyframes alteoBrandIn{from{opacity:0}to{opacity:1}}
/* Stavka „Alteo“ u plavoj boji umesto zelene */
html body .alteo-mega-l1 > .alteo-mega-vesa-logo{background:#eaf2ff!important;color:#1d4ed8!important}
html body .alteo-mega-l1 > .alteo-mega-vesa-logo:hover,html body .alteo-mega--alteo .alteo-mega-l1 > .alteo-mega-vesa-logo{background:#dbe8ff!important}
/* Zaglavlje: nalog za ulogovane (Dobrodošli, ime + padajući meni) */
[data-alteo-acc="root"]{position:relative;display:flex;align-items:center}
[data-alteo-acc="btn"]{display:flex!important;align-items:center;gap:10px;padding:4px 6px;border-radius:10px;color:#111827!important;text-decoration:none!important;line-height:1.15;white-space:nowrap}
[data-alteo-acc="btn"]:hover,[data-alteo-acc="root"]:focus-within [data-alteo-acc="btn"]{background:#f3f6fb}
[data-alteo-acc="avatar"]{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#3a7afe;color:#fff;display:flex;align-items:center;justify-content:center;font:700 17px/1 Inter,system-ui,sans-serif;text-transform:uppercase}
[data-alteo-acc="hi"]{display:flex;flex-direction:column;min-width:0}
[data-alteo-acc="small"]{font-size:12px;color:#6b7280;font-weight:400}
[data-alteo-acc="name"]{font-size:15px;font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis}
[data-alteo-acc="chev"]{color:#111827;width:18px;height:18px;flex:0 0 18px;transition:transform .2s ease}
[data-alteo-acc="root"]:hover [data-alteo-acc="chev"],[data-alteo-acc="root"]:focus-within [data-alteo-acc="chev"]{transform:rotate(180deg)}
[data-alteo-acc="menu"]{position:absolute;top:100%;right:0;z-index:1000;min-width:240px;margin-top:8px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.16),0 0 0 1px rgba(15,23,42,.04);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
[data-alteo-acc="menu"]::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
[data-alteo-acc="root"]:hover [data-alteo-acc="menu"],[data-alteo-acc="root"]:focus-within [data-alteo-acc="menu"]{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease}
[data-alteo-acc="item"]{display:flex!important;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;color:#111827!important;font-size:15px;font-weight:500;text-decoration:none!important;line-height:1.2}
[data-alteo-acc="item"]:hover,[data-alteo-acc="item"]:focus-visible{background:#eff6ff;color:#1d4ed8!important;outline:none}
[data-alteo-acc="ico"]{width:20px;height:20px;flex:0 0 20px}
[data-alteo-acc="sep"]{height:1px;margin:6px 8px;background:#e5e7eb}
[data-alteo-acc-out]{color:#dc2626!important}
[data-alteo-acc-out]:hover,[data-alteo-acc-out]:focus-visible{background:#fef2f2!important;color:#b91c1c!important}
/* Srce u zaglavlju: broj proizvoda na listi želja, isto kao na korpi */
header a[href*="lista-zelja"]:not([data-alteo-acc]){position:relative}
.alteo-wl-count{position:absolute;top:2px;right:0;width:19px;height:19px;box-sizing:border-box;border-radius:50%;border:2px solid #fff;background:#346eee;color:#fff;font:700 10px/15px Inter,system-ui,sans-serif;text-align:center;pointer-events:none}
.alteo-wl-count[hidden]{display:none}

/* Forma za novu lozinku iz mejla (WooCommerce forma na stranici Moj nalog) */
.alteo-wp-account{box-sizing:border-box;max-width:520px;margin:0 auto;padding:32px 16px 48px}
/* Moj nalog: dugme X (zatvaranje menija) samo na mobilnom, ne na desktopu */
@media (min-width:992px){html body .djb-account-nav__close{display:none!important}}
/* Mini korpa: „1 × cena“ u jednom redu, ista na svim stranama (i na korpi) */
html body dialog.djb-mini-cart .djb-mini-cart__item{grid-template-columns:64px minmax(0,1fr) 24px!important;padding-right:0!important}
html body dialog.djb-mini-cart .djb-mini-cart__row{display:flex!important;align-items:baseline;flex-wrap:nowrap;gap:4px;white-space:nowrap;justify-content:flex-start!important}
html body dialog.djb-mini-cart .djb-mini-cart__row .djb-cart-qty{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
html body dialog.djb-mini-cart .djb-mini-cart__row .djb-cart-qty::after{content:" ×";white-space:pre}
html body dialog.djb-mini-cart .djb-mini-cart__row .alteo-mc-unit{flex:0 1 auto;min-width:0;margin:0!important;padding:0!important}
/* Lozinka: uslovi i jačina ispod polja (registracija, nova lozinka) */
.alteo-pw{margin-top:8px}
.alteo-pw__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:4px}
.alteo-pw__bar span{border-radius:4px;background:#e5e7eb;transition:background .2s}
.alteo-pw.is-1 .alteo-pw__bar span:nth-child(1){background:#dc2626}
.alteo-pw.is-2 .alteo-pw__bar span:nth-child(-n+2){background:#f59e0b}
.alteo-pw.is-3 .alteo-pw__bar span{background:#16a34a}
.alteo-pw__txt{margin:6px 0 0!important;font-size:12.5px!important;line-height:1.4!important;color:#6b7280!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important}
.alteo-pw__lvl{font-weight:700}
.alteo-pw.is-1 .alteo-pw__lvl{color:#dc2626}.alteo-pw.is-2 .alteo-pw__lvl{color:#b45309}.alteo-pw.is-3 .alteo-pw__lvl{color:#15803d}
/* Više grešaka u jednoj poruci: svaka u svom redu */
.djb-wc-notice.alteo-msg,.djb-wc-notice.alteo-msg .alteo-notice-text{white-space:pre-line}
/* Podaci naloga: nova i ponovljena lozinka u ravni, jačina ispod oba polja */
form[data-djb-account-form="edit-account"] .alteo-pw--wide{grid-column:1/-1;flex:1 1 100%;width:100%;margin-top:0}
form[data-djb-account-form="edit-account"] :is([data-djb-field-row="password_1"],[data-djb-field-row="password_2"]){align-self:start!important;margin-top:0!important}
/* Linkovi i tekstovi na sajtu bez podvlačenja (npr. „Nazad na prijavu“, „uslove korišćenja“) */
html body a,html body a:hover,html body a:focus,html body a *{text-decoration:none!important}
html body a:hover{opacity:.85}
/* Stanje na stranici proizvoda kao na alteo.rs: "Na stanju" uvek zelena tačka i zelen tekst (i kad je malo komada), "Nema na stanju" crveno */
.djb-product-stock.djb-product-stock--instock .djb-product-stock__dot,
.djb-product-stock.djb-product-stock--low .djb-product-stock__dot{background:var(--sc,#22C55E)!important}
.djb-product-stock.djb-product-stock--instock .djb-product-stock__text,
.djb-product-stock.djb-product-stock--low .djb-product-stock__text{color:var(--sct,#15803D)!important;font-weight:600!important}
.djb-product-stock.djb-product-stock--onbackorder .djb-product-stock__dot{background:#F59E0B!important}
.djb-product-stock.djb-product-stock--onbackorder .djb-product-stock__text{color:#B45309!important;font-weight:600!important}
.djb-product-stock.djb-product-stock--outofstock .djb-product-stock__dot{background:var(--rd,#EF4444)!important}
.djb-product-stock.djb-product-stock--outofstock .djb-product-stock__text{color:var(--rd,#EF4444)!important;font-weight:600!important}
/* iPhone (iOS Safari/Chrome): klik na karticu proizvoda. Link kartice je bio prazan element 0x0, a površinu za dodir je davao samo ::after; iOS tada ne pošalje klik. Sada sam link pokriva celu karticu. */
.pc > a.product-card-link,
.feat-big > a.product-card-link,
.feat-sm > a.product-card-link{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;z-index:1}
.pc > a.product-card-link::after,
.feat-big > a.product-card-link::after,
.feat-sm > a.product-card-link::after{content:none!important;display:none!important}
/* Početna, sekcije sa karticama (feat-grid) na telefonu: Safari 16 (iPhone 8) drugačije računa height:100% u gridu i flex:1 1 0% + aspect-ratio, pa su se kartice skupljale u tanke trake. Ovde su visine eksplicitne, isti izgled kao u Chrome-u. */
@media (max-width:767px){
html body #pg-home .feat-grid{align-items:stretch!important;grid-auto-rows:auto!important;grid-template-rows:none!important}
html body #pg-home .feat-grid > .feat-sm,
html body #pg-home .feat-grid > .feat-big{height:auto!important;min-height:0!important}
html body #pg-home .feat-grid > .feat-big .img-a,
html body #pg-home .feat-grid > .feat-sm .img-a{flex:0 0 auto!important;aspect-ratio:auto!important;height:300px!important;min-height:300px!important;max-height:300px!important}
html body #pg-home .feat-grid > .feat-big .info,
html body #pg-home .feat-grid > .feat-sm .info{flex:0 0 auto!important;min-height:0!important}
}
/* Greška ispod polja u prijavi/registraciji (npr. „Lozinke se ne poklapaju.“): uredan crveni okvir sa ikonicom, kao ostala obaveštenja */
.djb-auth-form .djb-wc-error:empty{display:none!important}
.djb-auth-form .djb-wc-error:not(:empty){display:flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding:9px 12px!important;background:#FEF2F2!important;border:1px solid #FECACA!important;border-radius:10px!important;color:#B91C1C!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important}
.djb-auth-form .djb-wc-error:not(:empty)::before{content:"!"!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;border-radius:50%!important;background:#DC2626!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;line-height:1!important;position:static!important}
/* Prijava: „Zaboravili ste lozinku?“ plavo, sa ikonicom katanca, bez podvlačenja (podvučeno samo na prelaz mišem) */
.djb-auth-form.djb-auth-form--login .djb-auth-form__row a.djb-wc-link.djb-wc-link{display:inline-flex!important;align-items:baseline!important;gap:2px!important;color:rgb(47,103,228)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;text-decoration:none!important}
.djb-auth-form.djb-auth-form--login .djb-auth-form__row a.djb-wc-link.djb-wc-link:hover,
.djb-auth-form.djb-auth-form--login .djb-auth-form__row a.djb-wc-link.djb-wc-link:focus-visible{color:rgb(47,103,228)!important;text-decoration:underline!important;text-decoration-line:underline!important;text-underline-offset:3px!important}
.djb-auth-form.djb-auth-form--login .djb-auth-form__row a.djb-wc-link.djb-wc-link::before{content:""!important;display:inline-block!important;flex:0 0 13px!important;width:13px!important;height:13px!important;align-self:baseline!important;border:0!important;border-radius:0!important;color:inherit!important;transform:translateY(1.4px)!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10.5' width='16' height='11' rx='2.5' fill='black'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10.5' width='16' height='11' rx='2.5' fill='black'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;font-size:0!important}
/* link bliže polju za lozinku (bilo 29px, sada 12px) */
.djb-auth-form.djb-auth-form--login > .djb-auth-form__row{margin-top:1px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}
.djb-auth-form.djb-auth-form--login > .djb-auth-form__row > span:empty{display:none!important}
/* Bedževi AKCIJA i UŠTEDA na karticama: isti oblik i font kao „Preporuka“ na početnoj (Roboto Condensed 11px, bold, velika slova, 4px 12px, zaobljenje 6px). Boje ostaju: akcija crvena, ušteda žuta. */
html body .djb-product-sale-badge.bdg,
html body .bdg.bdg-s,
html body .alteo-save .bdg-save,
html body .bdg-save{font-family:"Roboto Condensed",Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:16.5px!important;letter-spacing:.3px!important;text-transform:uppercase!important;padding:4px 12px!important;border-radius:6px!important;border:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;white-space:nowrap!important}
html body .alteo-save .bdg-save,
html body .bdg-save{color:#92400E!important;background:#FEF3C7!important}
/* UŠTEDA: širina po tekstu, da se iznos ne seče */
html body .alteo-save .bdg-save,html body .bdg-save{width:max-content!important;max-width:calc(100% - 20px)!important;right:auto!important}
/* Stranica proizvoda: bedževi AKCIJA i UŠTEDA na glavnoj slici */
.djb-product-gallery__stage{position:relative}
.djb-product-gallery__stage .alteo-single-bdg{position:absolute;top:14px;left:14px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
html body .djb-product-gallery__stage .alteo-single-bdg .bdg,
html body .djb-product-gallery__stage .alteo-single-bdg .bdg-save{position:static!important;top:auto!important;left:auto!important;max-width:none!important}
.djb-product-gallery__stage .alteo-single-bdg .bdg-s{color:#fff;background:var(--rd,#d63d3d)}
/* Mobilna pretraga (prozor „Pretraga“): polje celom širinom; naslov u ravni i visine kao dugme X; polje malo niže. Dugme sa lupom ostaje originalno. */
html body #searchPopup #brxe-bdbaas,html body #searchPopup #brxe-mqejbm,html body #searchPopup #brxe-fwwlwm form.djb-search-form{width:100%!important;max-width:none!important;flex:1 1 100%!important}
html body #searchPopup #brxe-fwwlwm form.djb-search-form .djb-search-form__input{width:100%!important;max-width:none!important}
html body #searchPopup #brxe-fwwlwm #brxe-nhuklb{height:38px!important;line-height:38px!important;font-size:20px!important;margin:-4px 48px 0 4px!important;padding:0!important;display:flex!important;align-items:center!important}
html body #searchPopup #brxe-fwwlwm #brxe-bdbaas{margin-top:18px!important}
/* Korpa i plaćanje (zbir): između redova samo jedna linija. Svaki red već ima donju liniju, pa gornja linija sledećeg reda pravi duplu crtu (npr. između „Dostava“ i „Ukupno“). */
html body .djb-totals .djb-totals__row + .djb-totals__row{border-top:0!important}
/* korpa: blok sa promo kodom bez gornje linije (red „Dostava“ već ima donju liniju) */
html body .os .djb-totals + .cpn,html body .os .cpn{border-top:0!important}
/* Mini korpa: X za uklanjanje kao crveni krug */
html body .djb-mini-cart .djb-cart-remove{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border:1.5px solid #d63d3d!important;border-radius:50%!important;background:#fff!important;color:#d63d3d!important;box-shadow:none!important;transition:background-color .15s,color .15s!important}
html body .djb-mini-cart .djb-cart-remove svg{width:14px!important;height:14px!important}
html body .djb-mini-cart .djb-cart-remove:hover,html body .djb-mini-cart .djb-cart-remove:focus-visible{background:#d63d3d!important;color:#fff!important}
/* Korpa: „Ukloni“ kao dugme sa crvenim okvirom */
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{border:1.5px solid #d63d3d!important;border-radius:8px!important;padding:4px 12px!important;background:#fff!important;color:#d63d3d!important;font-weight:600!important;line-height:1.3!important;text-decoration:none!important;transition:background-color .15s,color .15s!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:focus-visible{background:#d63d3d!important;color:#fff!important}
/* Korpa: „Ukloni“ kao ikonica kante u sivom krugu (desktop i telefon) */
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#F1F3F6!important;color:#374151!important;font-size:0!important;line-height:0!important;display:inline-grid!important;place-items:center!important;transition:background-color .15s,color .15s!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text::before,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text::before{content:""!important;width:18px!important;height:18px!important;background:currentColor!important;-webkit-mask: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:focus-visible{background:#FEE2E2!important;color:#d63d3d!important}
/* Korpa: „Na stanju“ isto kao na stranici proizvoda – zelena tačka i zelen tekst */
html body .alteo-cart-items .alteo-cart-item-stock{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:6px!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--sct,#15803D)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important}
html body .alteo-cart-items .alteo-cart-item-stock::before{content:""!important;flex:0 0 8px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--sc,#22C55E)!important;-webkit-mask:none!important;mask:none!important}
/* Korpa (telefon): kao na predlogu – slika u sivom okviru levo; desno naziv, „Na stanju“ i kanta gore desno; dole celom širinom količina levo i cena desno (da i duge cene stanu) */
@media (max-width:767px){
html body .alteo-cart-items .djb-cart-items__row{grid-template-columns:100px auto minmax(0,1fr) 38px!important;grid-template-areas:"img info info rm" "qty qty price price"!important;grid-template-rows:auto auto!important;row-gap:12px!important;column-gap:12px!important;padding:14px!important}
html body .alteo-cart-items .djb-cart-items__thumb{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#F3F4F6!important;border-radius:12px!important;padding:8px!important;min-height:110px!important}
html body .alteo-cart-items .djb-cart-items__thumb img{width:100%!important;height:auto!important;max-height:120px!important;object-fit:contain!important;mix-blend-mode:multiply}
html body .alteo-cart-items .djb-cart-items__name{font-size:16px!important;line-height:1.3!important;font-weight:700!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
html body .alteo-cart-items .djb-cart-items__remove{justify-self:end!important;align-self:start!important;margin-top:0!important}
html body .alteo-cart-items .djb-cart-items__qty{justify-self:start!important;align-self:end!important;width:auto!important}
html body .alteo-cart-items .djb-cart-items__subtotal{justify-self:end!important;align-self:center!important;text-align:right!important;font-size:18px!important;white-space:nowrap!important}
}
/* Kanta: ikonica tačno u sredini kruga */
html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{display:flex!important;align-items:center!important;justify-content:center!important;vertical-align:top!important}
html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text::before{display:block!important;flex:0 0 18px!important;margin:0!important}
/* Korpa (desktop): kanta gore u desnom uglu kartice, cena u sredini visine */
@media (min-width:768px){
html body .alteo-cart-items .djb-cart-items__row{position:relative!important;grid-template-areas:"img info qty price"!important;grid-template-rows:auto!important}
html body .alteo-cart-items .djb-cart-items__remove{position:absolute!important;top:6px!important;right:6px!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;line-height:0!important}
html body .alteo-cart-items .djb-cart-items__subtotal{align-self:center!important;justify-self:end!important;text-align:right!important;padding-right:0!important}
}
/* Korpa (telefon): kanta u gornjem desnom uglu kartice (12px od ivica), naziv ne ide ispod nje */
@media (max-width:767px){
html body .alteo-cart-items .djb-cart-items__row{position:relative!important;grid-template-columns:100px auto minmax(0,1fr)!important;grid-template-areas:"img info info" "qty qty price"!important}
html body .alteo-cart-items .djb-cart-items__remove{position:absolute!important;top:6px!important;right:6px!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;line-height:0!important}
html body .alteo-cart-items .djb-cart-items__product{padding-right:44px!important}
}
/* kanta: ćelija tačno veličine dugmeta, da dugme stoji uz desnu ivicu */
html body .alteo-cart-items .djb-cart-items__remove{display:flex!important;justify-content:flex-end!important;min-width:0!important;width:38px!important;max-width:38px!important}
html body .alteo-cart-items .djb-cart-items__remove .djb-cart-remove{margin:0!important}
/* Kanta: crvena ikonica, bela pozadina, crveni okvir (na prelaz mišem crvena pozadina, bela kanta) */
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{background:#fff!important;color:#d63d3d!important;border:1.5px solid #d63d3d!important;box-sizing:border-box!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:hover,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text:focus-visible{background:#d63d3d!important;color:#fff!important}
/* Korpa (telefon): manja kontrola za količinu */
@media (max-width:767px){
html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty,html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty:not(.djb-cart-qty--fixed){height:32px!important;min-height:32px!important;border-radius:8px!important}
html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty .djb-cart-qty__btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}
html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty .djb-cart-qty__btn svg{width:14px!important;height:14px!important}
html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty .djb-cart-qty__input{width:34px!important;min-width:34px!important;height:30px!important;min-height:30px!important;font-size:15px!important}
html body .alteo-cart-items .djb-cart-items__qty .djb-cart-qty--locked{height:32px!important;min-height:32px!important;font-size:15px!important}
}
/* Kanta duplo manja (38px → 20px) */
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{width:20px!important;height:20px!important;min-width:20px!important;border-width:1px!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text::before,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text::before{width:11px!important;height:11px!important;flex:0 0 11px!important}
html body .alteo-cart-items .djb-cart-items__remove{width:20px!important;max-width:20px!important}
/* Korpa (telefon): veća cena */
@media (max-width:767px){html body .alteo-cart-items .djb-cart-items__row .djb-cart-items__subtotal,html body .alteo-cart-items .djb-cart-items__row .djb-cart-items__subtotal *{font-size:22px!important;line-height:1.2!important}
html body .alteo-cart-items .djb-cart-items__product{padding-right:24px!important}}
/* Kanta +30% (20px → 26px) */
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text{width:26px!important;height:26px!important;min-width:26px!important}
html body .alteo-cart-items .djb-cart-remove.djb-cart-remove--text::before,html body .djb-cart-items .djb-cart-remove.djb-cart-remove--text::before{width:14px!important;height:14px!important;flex:0 0 14px!important}
html body .alteo-cart-items .djb-cart-items__remove{width:26px!important;max-width:26px!important}
@media (max-width:767px){html body .alteo-cart-items .djb-cart-items__product{padding-right:30px!important}}
/* Stranica proizvoda: kad nema sličnih proizvoda, ne prikazuje se ni naslov „Slični proizvodi“ ni strelice */
#brxe-gckzyd:not(:has(#brxe-cbgkdl .pc)){display:none!important}
html body #megaWrap .alteo-mega-mobile-head .alteo-mega-mobile-close,html body .alteo-mega-mobile-close.alteo-mega-mobile-close{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important;color:#fff!important}
html body .alteo-mega-mobile-close svg{color:#fff!important;stroke:#fff!important;width:20px!important;height:20px!important}
html body #megaMobileTitle a.alteo-mobile-title-link{color:inherit!important;text-decoration:none!important;font:inherit!important;display:inline-block}
html body #megaMobileTitle a.alteo-mobile-title-link:active{opacity:.7}
html body #megaWrap .alteo-mega-mobile-head,html body .alteo-mega-mobile-head#brxe-zvgeyr{height:58px!important;min-height:58px!important;padding:0 8px!important;gap:0!important;align-items:center!important;box-sizing:border-box!important}
html body .alteo-mega-mobile-head .alteo-mega-mobile-close{margin:0!important;flex:0 0 42px!important}
html body .alteo-mega-mobile-head .alteo-mega-logo{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;line-height:0}
html body .alteo-mega-mobile-head .alteo-mega-logo img{height:26px!important;width:auto!important;max-width:none!important;max-height:none!important;display:block}
html body .alteo-mega-mobile-close svg,html body .alteo-mega-mobile-close svg *{stroke-width:3.2px!important}
/* mobilni meni: bez duple linije iznad reda Alteo */
html body #brxe-ngnoyh{visibility:hidden!important;background:transparent!important;border:0!important;pointer-events:none!important}
@media (max-width:767px){
html.alteo-no-pop body .djb-account-navigation .djb-account-nav__panel[popover]:not(.alteo-pop-open){display:none!important}
html.alteo-no-pop body .djb-account-navigation .djb-account-nav__panel[popover].alteo-pop-open{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:85vh!important;margin:0!important;padding:0 12px max(60px,env(safe-area-inset-bottom))!important;overflow:auto!important;-webkit-overflow-scrolling:touch;border:0!important;border-radius:20px 20px 0 0!important;background:#fff!important;box-shadow:0 -8px 40px rgba(0,0,0,.15)!important;z-index:100001!important;box-sizing:border-box!important}
html.alteo-no-pop body .djb-account-nav__panel.alteo-pop-open .djb-account-nav__link{padding:16px 18px;font-size:16px;border-radius:12px}
.alteo-pop-backdrop{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:100000;display:none}
html.alteo-pop-lock,html.alteo-pop-lock body{overflow:hidden!important}
}
@supports not selector(:popover-open){@media (max-width:767px){
html body .djb-account-navigation .djb-account-nav__panel[popover]:not(.alteo-pop-open){display:none!important}
html body .djb-account-navigation .djb-account-nav__panel[popover].alteo-pop-open{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:85vh!important;margin:0!important;padding:0 12px max(60px,env(safe-area-inset-bottom))!important;overflow:auto!important;-webkit-overflow-scrolling:touch;border:0!important;border-radius:20px 20px 0 0!important;background:#fff!important;box-shadow:0 -8px 40px rgba(0,0,0,.15)!important;z-index:100001!important;box-sizing:border-box!important}
html body .djb-account-nav__panel.alteo-pop-open .djb-account-nav__link{padding:16px 18px;font-size:16px;border-radius:12px}
}}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font:inherit!important}
.djb-account-nav__who a,.djb-account-nav__sub a,.djb-account-nav__name a{color:inherit!important;text-decoration:none!important}
html body:has([data-alteo-acc="root"]) #brxe-mtvocy{display:none!important}
.alteo-mob-acc{position:relative;display:flex;align-items:center;flex:0 0 auto}
.alteo-mob-acc__btn{display:flex;align-items:center;gap:4px;height:42px;padding:3px 8px 3px 3px;margin:0;border:0;border-radius:999px;background:rgba(12,45,130,.28);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;font:inherit}
.alteo-mob-acc__av{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:2px solid #fff;background:#2f6ef0;color:#fff;display:flex;align-items:center;justify-content:center;font:600 16px/1 Inter,system-ui,sans-serif;text-transform:uppercase;box-sizing:border-box}
.alteo-mob-acc__dot{position:absolute;left:27px;top:27px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-sizing:border-box}
.alteo-mob-acc__chev{width:18px;height:18px;flex:0 0 18px;color:#fff;transition:transform .2s ease}
.alteo-mob-acc.is-open .alteo-mob-acc__chev{transform:rotate(180deg)}
html body .alteo-mob-acc__menu{position:absolute!important;top:calc(100% + 10px);right:-40px;z-index:100050;min-width:240px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.05);display:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
html body .alteo-mob-acc.is-open .alteo-mob-acc__menu{display:block!important}
html body .alteo-mob-acc__menu [data-alteo-acc="item"]{color:#111827!important;text-decoration:none!important}
/* Meni naloga: isti razmak desno kao levo (sirina po sadrzaju) */
html body [data-alteo-acc="menu"]:not(#zz),html body .alteo-mob-acc__menu:not(#zz){min-width:0!important;width:max-content!important}

/* Mobilni nalog u zaglavlju (ulogovan): 20% manji */
html body #alteoMobAcc .alteo-mob-acc__btn:not(#zz){width:auto!important;height:34px!important;min-height:0!important;padding:2px 7px 2px 2px!important;gap:3px!important}
html body #alteoMobAcc .alteo-mob-acc__av:not(#zz){flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;font-size:13px!important;line-height:13px!important;border-width:1.5px!important}
html body #alteoMobAcc .alteo-mob-acc__dot:not(#zz){width:10px!important;height:10px!important;top:auto!important;right:auto!important;left:21px!important;bottom:2px!important;border-width:1.5px!important}
html body #alteoMobAcc .alteo-mob-acc__chev:not(#zz){flex:0 0 14px!important;width:14px!important;height:14px!important}
/* Facebook i Instagram u zaglavlju: obe ikone kao SVG iste veličine, zaobljene ivice */
html body .social .brxe-utqldq,html body .social .brxe-rylsmg{position:relative!important;display:block!important;width:26px!important;height:26px!important;font-size:26px!important;line-height:26px!important;flex:0 0 26px}
html body .social .brxe-utqldq::before,html body .social .brxe-rylsmg::before{content:""!important;position:absolute;left:0;top:0;width:26px;height:26px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
html body .social .brxe-utqldq::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%2032%20448%20448'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M110%2032H338A110%20110%200%200%201%20448%20142V370A110%20110%200%200%201%20338%20480H110A110%20110%200%200%201%200%20370V142A110%20110%200%200%201%20110%2032ZM162.2%20482V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V482Z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%2032%20448%20448'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M110%2032H338A110%20110%200%200%201%20448%20142V370A110%20110%200%200%201%20338%20480H110A110%20110%200%200%201%200%20370V142A110%20110%200%200%201%20110%2032ZM162.2%20482V334.2H109.4V256h52.8V222.3c0-87.1%2039.4-127.5%20125-127.5c16.2%200%2044.2%203.2%2055.7%206.4V172c-6-.6-16.5-1-29.6-1c-42%200-58.2%2015.9-58.2%2057.2V256h83.6l-14.4%2078.2H255V482Z'%2F%3E%3C%2Fsvg%3E")}
html body .social .brxe-rylsmg::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20448%20448'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M110%200H338A110%20110%200%200%201%20448%20110V338A110%20110%200%200%201%20338%20448H110A110%20110%200%200%201%200%20338V110A110%20110%200%200%201%20110%200ZM110%2044H338A66%2066%200%200%201%20404%20110V338A66%2066%200%200%201%20338%20404H110A66%2066%200%200%201%2044%20338V110A66%2066%200%200%201%20110%2044ZM120%20224A104%20104%200%201%200%20328%20224A104%20104%200%201%200%20120%20224ZM162%20224A62%2062%200%201%200%20286%20224A62%2062%200%201%200%20162%20224ZM316%20104A28%2028%200%201%200%20372%20104A28%2028%200%201%200%20316%20104Z'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20448%20448'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M110%200H338A110%20110%200%200%201%20448%20110V338A110%20110%200%200%201%20338%20448H110A110%20110%200%200%201%200%20338V110A110%20110%200%200%201%20110%200ZM110%2044H338A66%2066%200%200%201%20404%20110V338A66%2066%200%200%201%20338%20404H110A66%2066%200%200%201%2044%20338V110A66%2066%200%200%201%20110%2044ZM120%20224A104%20104%200%201%200%20328%20224A104%20104%200%201%200%20120%20224ZM162%20224A62%2062%200%201%200%20286%20224A62%2062%200%201%200%20162%20224ZM316%20104A28%2028%200%201%200%20372%20104A28%2028%200%201%200%20316%20104Z'%2F%3E%3C%2Fsvg%3E")}
html body .social a.bricks-link-wrapper{display:flex!important;align-items:center;height:26px}
/* Moj nalog na mobilnom: sadržaj bliže zaglavlju */
@media (max-width:767px){
html body #brxe-lkccog{padding-top:0!important}
html body #brxe-qlbclr{padding-top:22px!important;gap:18px!important}
html body #brxe-fivugl{height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html body #brxe-fivugl .djb-account-nav__toggle{margin-bottom:0!important}
}
/* Plaćanje: kupovina kao pravno lice */
html body .fgd-djb [data-djb-field-row="billing_pib"]{display:none!important}
html body .fgd-djb.alteo-pravno-on [data-djb-field-row="billing_pib"],html body .fgd-djb.alteo-pravno-on [data-djb-field-row="billing_company"]{display:flex!important}
html body .fgd-djb [data-djb-field-row="billing_pib"]{order:-2}
html body .fgd-djb [data-djb-field-row="billing_company"]{order:-1}
html body .fgd-djb [data-djb-field-row="billing_pib"] .djb-wc-label::before{content:"PIB"!important}
html body .fgd-djb [data-djb-field-row="billing_company"] .djb-wc-label::before{content:"Naziv firme"!important}
/* Plaćanje: Kupujete kao - Fizičko lice / Pravno lice (kartice) */
html body .alteo-kupac:not(#zz){display:block!important;margin:0 0 20px!important;padding:16px!important;border:1px solid #e6eaf1!important;border-radius:12px!important;background:#fbfcfe!important;box-sizing:border-box!important}
html body .alteo-kupac .alteo-kupac__naslov:not(#zz){margin:0 0 14px!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;color:#111827!important}
html body .alteo-kupac .alteo-kupac__opcije:not(#zz){display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html body .alteo-kupac .alteo-kupac__opcija:not(#zz){position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;min-height:64px!important;margin:0!important;padding:14px 38px 14px 18px!important;border:1px solid #dfe3ea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.06)!important;cursor:pointer!important;-webkit-user-select:none;user-select:none;box-sizing:border-box!important;font-weight:400!important;transition:border-color .15s,background-color .15s,box-shadow .15s}
html body .alteo-kupac .alteo-kupac__opcija:not(#zz):hover{border-color:#b9d0ff!important}
html body .alteo-kupac .alteo-kupac__opcija input[type="radio"]:not(#zz){position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;-webkit-appearance:none!important;appearance:none!important}
html body .alteo-kupac .alteo-kupac__ik:not(#zz){flex:0 0 28px!important;display:flex!important;width:28px!important;height:28px!important;color:#111827!important}
html body .alteo-kupac .alteo-kupac__ik svg:not(#zz){display:block!important;width:28px!important;height:28px!important}
html body .alteo-kupac .alteo-kupac__txt:not(#zz){font-size:16px!important;font-weight:700!important;line-height:1.2!important;color:#111827!important}
html body .alteo-kupac .alteo-kupac__oznaka:not(#zz){position:absolute!important;top:10px!important;right:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border:1.5px solid #c3c9d4!important;border-radius:50%!important;background:#fff!important;color:#fff!important;box-sizing:border-box!important}
html body .alteo-kupac .alteo-kupac__oznaka svg:not(#zz){display:block!important;width:12px!important;height:12px!important;opacity:0!important}
html body .alteo-kupac .alteo-kupac__opcija.is-on:not(#zz),html body .alteo-kupac .alteo-kupac__opcija:has(input:checked):not(#zz){background:#eef4ff!important;border-color:#3a7afe!important;box-shadow:0 0 0 1px #3a7afe,0 2px 6px rgba(58,122,254,.14)!important}
html body .alteo-kupac .alteo-kupac__opcija.is-on .alteo-kupac__ik:not(#zz),html body .alteo-kupac .alteo-kupac__opcija:has(input:checked) .alteo-kupac__ik:not(#zz){color:#3a7afe!important}
html body .alteo-kupac .alteo-kupac__opcija.is-on .alteo-kupac__oznaka:not(#zz),html body .alteo-kupac .alteo-kupac__opcija:has(input:checked) .alteo-kupac__oznaka:not(#zz){background:#3a7afe!important;border-color:#3a7afe!important}
html body .alteo-kupac .alteo-kupac__opcija.is-on .alteo-kupac__oznaka svg:not(#zz),html body .alteo-kupac .alteo-kupac__opcija:has(input:checked) .alteo-kupac__oznaka svg:not(#zz){opacity:1!important}
html body .alteo-kupac .alteo-kupac__opcija:has(input:focus-visible):not(#zz){outline:2px solid #3a7afe!important;outline-offset:2px!important}
@media (max-width:480px){
html body .alteo-kupac:not(#zz){padding:12px!important}
html body .alteo-kupac .alteo-kupac__naslov:not(#zz){margin-bottom:12px!important;font-size:17px!important}
html body .alteo-kupac .alteo-kupac__opcije:not(#zz){gap:8px!important}
html body .alteo-kupac .alteo-kupac__opcija:not(#zz){gap:8px!important;min-height:52px!important;padding:12px 26px 12px 10px!important}
html body .alteo-kupac .alteo-kupac__ik:not(#zz),html body .alteo-kupac .alteo-kupac__ik svg:not(#zz){flex-basis:22px!important;width:22px!important;height:22px!important}
html body .alteo-kupac .alteo-kupac__txt:not(#zz){font-size:14px!important}
html body .alteo-kupac .alteo-kupac__oznaka:not(#zz){top:6px!important;right:6px!important;width:17px!important;height:17px!important}
html body .alteo-kupac .alteo-kupac__oznaka svg:not(#zz){width:10px!important;height:10px!important}
}
/* Plaćanje: manji prekidači (uslovi, promotivni e-mailovi) u ravni sa prvim redom teksta */
html body .alteo-tgl:not(#zz){display:flex!important;align-items:flex-start!important;gap:12px!important}
html body .alteo-tgl input[type="checkbox"]:not(#zz){position:relative!important;-webkit-appearance:none!important;appearance:none!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:22px!important;margin:0!important;padding:0!important;border:1px solid #d9dee8!important;border-radius:999px!important;background:#fff!important;box-sizing:border-box!important;cursor:pointer!important;transition:background-color .2s,border-color .2s}
html body .alteo-tgl input[type="checkbox"]:not(#zz)::before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:16px!important;height:16px!important;margin:0!important;border-radius:50%!important;background:#3b7cff!important;transform:none!important;transition:transform .2s,background-color .2s}
html body .alteo-tgl input[type="checkbox"]:checked:not(#zz){background:#3b7cff!important;border-color:#3b7cff!important}
html body .alteo-tgl input[type="checkbox"]:checked:not(#zz)::before{transform:translateX(18px)!important;background:#fff!important}
html body .alteo-tgl > span:not(#zz){padding-top:2px!important;line-height:18px!important}
/* Mobilni breadcrumb: isti položaj na svim stranama (kao na kategorijama) */
@media (max-width:767px){
html body #brxe-ogvyjj .alteo-breadcrumbs{margin-top:13px!important;margin-left:-6px!important}
html body #brxe-ausiky .djb-breadcrumbs{margin-top:-2px!important}
}
/* Shop slajder: desktop 2560x588 na svim širinama, mobilni 4:3 sa mobilnim slikama */
html body #shopSlider .slide{aspect-ratio:2560/588!important;height:auto!important;min-height:0!important}
html body #shopSlider .slide > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media (max-width:767px){
html body #shopSlider .slide{aspect-ratio:4/3!important}
html body #brxe-ywgabu{content:url("/wp-content/uploads/2026/11/televizori_mobile.webp")}
html body #brxe-zhrsrr{content:url("/wp-content/uploads/2026/11/laptopovi_mobile.webp")}
html body #brxe-tkfqrx{content:url("/wp-content/uploads/2026/11/aparati_mobile.webp")}
}
/* mobilni: slajder odmah ispod zaglavlja, kao na početnoj */
@media (max-width:767px){html body #shopSlider{margin-top:0!important}}
/* mobilni shop: dugme Filteri preko cele širine, raspored kao na kategorijama */
@media (max-width:768px){
html body #pg-shop .stb1{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"heading heading" "pagination pagination" "sort sort" "filter filter"!important;gap:14px 10px!important}
html body #pg-shop .stb1 > #brxe-hmjfht{display:none!important}
html body #pg-shop .stb1 > .filter-trigger{grid-area:filter!important;width:100%!important;display:inline-flex!important;justify-self:stretch!important}
}
@media (max-width:768px){
html body.post-type-archive-product #pg-shop #brxe-nbjymy:not(#alteo-y1):not(#alteo-y2):not(#alteo-y3){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"heading heading" "pagination pagination" "sort sort" "filter filter"!important;gap:14px 10px!important;grid-template-rows:auto!important}
html body.post-type-archive-product #pg-shop #brxe-nbjymy:not(#alteo-y1):not(#alteo-y2):not(#alteo-y3) > .filter-trigger{grid-area:filter!important;width:100%!important;display:inline-flex!important;justify-self:stretch!important}
}
/* desktop: isti razmak zaglavlje-slajder kao na početnoj */
@media (min-width:768px){html body #shopSlider{margin-top:29px!important}}
/* panel Filteri (mobilni): Poništi filtere i Primeni filtere iste veličine */
html body .bu-oc-panel :is(#brxe-lpxglq,#brxe-kgweam){display:flex!important;flex-direction:row!important;gap:10px!important;align-items:stretch!important}
html body .bu-oc-panel :is(#brxe-lpxglq,#brxe-kgweam) > *{flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;height:48px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;text-align:center!important}
/* Shop: panel Filteri (mobilni) isti dizajn kao na kategorijama */
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel{padding-bottom:30px!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel #brxe-ksuzvh{padding:0 21px!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__title{font-size:11px!important;margin:0 0 8px!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__option{position:relative!important;display:block!important;padding:3px 0 3px 32px!important;height:auto!important;min-height:24px!important;line-height:18px!important;width:auto!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__option .djb-filter-facet__input{position:absolute!important;left:0!important;top:4.5px!important;width:15px!important;height:15px!important;min-width:15px!important;margin:0!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__option .djb-filter-facet__label,html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__option .djb-filter-facet__count{display:inline!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__option .djb-filter-facet__count{margin:0 0 0 4.2px!important;width:auto!important;height:auto!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__range{display:block!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel #brxe-lpxglq{padding:12px 18px!important;background:#fff!important;border-top:1px solid rgb(238,240,243)!important;box-shadow:0 -2px 12px rgba(0,0,0,.04)!important;height:auto!important;margin:16px 0 0!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel #brxe-lpxglq > .djb-filter-reset{background:rgb(249,104,118)!important;color:#fff!important;border:0!important;padding:0 18px!important}
html body.woocommerce-shop #brxe-qqcwuq:not(#zz1):not(#zz2):not(#zz3) .bu-oc-panel .djb-filter-facet__range-text{background:rgb(248,250,252)!important;border:1px solid rgb(229,231,235)!important;border-radius:10px!important;padding:9px 8px!important;text-align:center!important;font-size:13px!important;font-weight:600!important;margin:28px 0 0!important;display:block!important}
/* Shop slajder (desktop): tekst dalje od leve strelice (strelica 16px od ivice + 40px + 40px razmak), vertikalno centriran */
@media (min-width:769px){html body #shopSlider .slide .slide-content:not(#zz){padding-left:96px!important;padding-right:96px!important;box-sizing:border-box!important}}

/* Shop slajder (mobilni): jači tamni sloj preko slike da se beli tekst lepo čita */
@media (max-width:768px){
html body #shopSlider .slide .slide-overlay:not(#zz){background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.42) 100%)!important;opacity:1!important}
html body #shopSlider .slide .slide-content h2:not(#zz),html body #shopSlider .slide .slide-content p:not(#zz){text-shadow:0 1px 3px rgba(0,0,0,.35)!important}
}

/* Shop slajder (desktop): opis uvek zauzima 2 reda, pa su natpis, naslov i dugme na istoj visini na svim slajdovima */
@media (min-width:769px){html body #shopSlider .slide .slide-content > p:not(#zz){min-height:calc(2 * var(--alteo-sl-lh,24px))!important;box-sizing:content-box!important}}

/* Shop slajder (mobilni): tekst centriran po visini (isti razmak gore i dole) */
@media (max-width:768px){
html body #shopSlider .slide:not(#zz){align-items:center!important}
html body #shopSlider .slide .slide-content:not(#zz){align-self:center!important;padding-top:0!important;padding-bottom:0!important}
html body #shopSlider .slide .slide-content > h2:not(#zz){min-height:0!important;margin:0 0 6px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2;overflow:hidden!important}
html body #shopSlider .slide .slide-content > p:not(#zz){min-height:0!important;margin-top:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2;overflow:hidden!important}
html body #shopSlider .slide .slide-content > a:not(#zz){height:31px!important;min-height:0!important;padding:0 17px!important;margin-top:12px!important;font-size:11px!important;border-radius:7px!important}
html body #shopSlider .slide .slide-content > a:not(#zz) span{font-size:11px!important}
}

/* Shop slajder: strelice uvek vidljive i iste kao na početnoj (plavi providni krug, Ionicons strelice) */
html body #shopSlider .slider-arrow:not(#zz){opacity:1!important;visibility:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;background:rgba(58,122,254,.62)!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;font-size:0!important;line-height:0!important;z-index:5!important;cursor:pointer!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;transition:background-color .3s,box-shadow .3s,transform .3s!important}
@media (hover:hover){
html body #shopSlider .slider-arrow:not(#zz):hover{background:#3a7afe!important;box-shadow:-5px 5px 24px rgba(31,41,55,.38)!important}
html body #shopSlider .slider-arrow.l:not(#zz):hover{transform:translateY(-50%) translateX(-6px)!important}
html body #shopSlider .slider-arrow.r:not(#zz):hover{transform:translateY(-50%) translateX(6px)!important}
}
html body #shopSlider .slider-arrow:not(#zz):active{background:#3a7afe!important}
html body #shopSlider .slider-arrow.l:not(#zz):active{transform:translateY(-50%) translateX(-6px)!important}
html body #shopSlider .slider-arrow.r:not(#zz):active{transform:translateY(-50%) translateX(6px)!important}
html body #shopSlider .slider-arrow.l:not(#zz){left:22px!important;right:auto!important}
html body #shopSlider .slider-arrow.r:not(#zz){right:22px!important;left:auto!important}
html body #shopSlider .slider-arrow:not(#zz) > span{display:none!important}
html body #shopSlider .slider-arrow:not(#zz)::before{content:"\f3cf"!important;display:block!important;font-family:"Ionicons"!important;font-size:22px!important;line-height:1!important;font-weight:400!important;font-style:normal!important;color:#fff!important;-webkit-font-smoothing:antialiased}
html body #shopSlider .slider-arrow.r:not(#zz)::before{content:"\f3d1"!important}
/* Mobilni: iste strelice kao na početnoj, levo i desno na sredini visine (malo manje i bliže ivici da tekst stane između) */
@media (max-width:768px){
html body #shopSlider .slider-arrow:not(#zz){width:38px!important;height:38px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
html body #shopSlider .slider-arrow:not(#zz)::before{font-size:20px!important}
html body #shopSlider .slider-arrow.l:not(#zz){left:10px!important;right:auto!important}
html body #shopSlider .slider-arrow.r:not(#zz){right:10px!important;left:auto!important}
html body #shopSlider .slide .slide-content:not(#zz){width:100%!important;padding-left:58px!important;padding-right:58px!important;box-sizing:border-box!important}
html body #shopSlider .slide .slide-content > h2:not(#zz){font-size:22px!important;line-height:1.2!important}
html body #shopSlider .slide .slide-content > p:not(#zz){font-size:13.5px!important;line-height:19px!important;-webkit-line-clamp:3!important;line-clamp:3}
}
/* Proizvod koga nema na stanju: breadcrumb samo kućica + naziv (kao Tehnomedia) */
html body.single-product:has(#brxe-dtfasp.djb-product-stock--outofstock) .djb-breadcrumbs .djb-breadcrumbs__item:not(:first-child):not(:last-child){display:none!important}
/* Kućica u breadcrumb-u u ravni sa tekstom */
html body nav.djb-breadcrumbs ol li.djb-breadcrumbs__item:first-child{display:flex!important;align-items:center!important}
html body nav.djb-breadcrumbs ol li.djb-breadcrumbs__item:first-child > a.djb-breadcrumbs__link{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;height:24px!important;margin-top:0!important;margin-bottom:0!important;line-height:0!important}
html body nav.djb-breadcrumbs ol li.djb-breadcrumbs__item:first-child > a.djb-breadcrumbs__link::before{display:block!important;margin:0!important}
html body nav.djb-breadcrumbs.alteo-breadcrumbs ol li.djb-breadcrumbs__item:first-child > a.djb-breadcrumbs__link{top:0!important;vertical-align:middle!important}
/* Nema na stanju dugme u ravni sa srcem */
html body #brxe-qymttb > .btn-oos:not(#zz){margin-top:0!important}
/* Lista želja: "Alteo plava" na strani proizvoda, hover isto na karticama */
html body button.btn-wl.djb-wishlist-button{background:#eef4ff!important;border:1px solid #d3e2ff!important;color:#3a7afe!important;transition:background-color .15s,border-color .15s}
html body button.btn-wl.djb-wishlist-button svg{color:#3a7afe!important;stroke:#3a7afe!important;width:22px!important;height:22px!important}
html body button.btn-wl.djb-wishlist-button:hover{background:#e1ecff!important;border-color:#b9d0ff!important}
@media (hover:hover){
html body .wl-btn{transition:background-color .15s,border-color .15s,color .15s}
html body .wl-btn:hover{background:#eef4ff!important;border-color:#d3e2ff!important;color:#3a7afe!important}
html body .wl-btn:hover svg{color:#3a7afe!important;stroke:#3a7afe!important}
}
/* kartice: bez crvenog efekta i uvećanja na hover */
html body .wl-btn.wl-btn:hover{transform:none!important;box-shadow:none!important}
/* dodato u listu želja: samo srce puno plavo, pozadina ostaje ista */
html body button.djb-wishlist-button.djb-wishlist-button[data-djb-saved]:not(#zz){color:#3a7afe!important}
html body button.djb-wishlist-button.wl-btn[data-djb-saved]:not(#zz){border-color:rgb(229,231,235)!important}
html body button.djb-wishlist-button.djb-wishlist-button[data-djb-saved]:not(#zz) svg,html body button.djb-wishlist-button.djb-wishlist-button[data-djb-saved]:not(#zz) svg *{color:#3a7afe!important;stroke:#3a7afe!important;fill:#3a7afe!important}
/* puno plavo srce kad je dodato (srce se crta preko ::before) */
html body .wl-btn.wl-btn[data-djb-saved]:not(#zz)::before{background:#3a7afe!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021.2l8.8-8.8a5.5%205.5%200%200%200%200-7.8Z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021.2l8.8-8.8a5.5%205.5%200%200%200%200-7.8Z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
html body #brxe-qymttb .djb-wishlist-button.btn-wl[data-djb-saved]:not(#zz)::before{content:""!important;font-family:inherit!important;display:block!important;width:20px!important;height:20px!important;background:#3a7afe!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021.2l8.8-8.8a5.5%205.5%200%200%200%200-7.8Z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1.1-1.1a5.5%205.5%200%200%200-7.8%207.8L12%2021.2l8.8-8.8a5.5%205.5%200%200%200%200-7.8Z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
/* kartice: hover plavo (ne crveno) */
html body .wl-btn.wl-btn:hover:not(#zz){color:#3a7afe!important}
html body .wl-btn.wl-btn:hover:not(#zz)::before{background:#3a7afe!important}
/* Mini korpa: iste ikone kao u korpi - kanta gore desno, kolicina - / + dole levo, cena dole desno */
html body #djb-mini-cart .djb-mini-cart__item:not(.djb-mini-cart__item--skeleton):not(#zz){position:relative!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:start!important;padding:16px 0!important}
@media (max-width:480px){html body #djb-mini-cart .djb-mini-cart__item:not(.djb-mini-cart__item--skeleton):not(#zz){grid-template-columns:56px minmax(0,1fr)!important}}
html body #djb-mini-cart .djb-mini-cart__item .djb-mini-cart__name:not(#zz){padding-right:36px!important}
html body #djb-mini-cart .djb-mini-cart__item .djb-mini-cart__row:not(#zz){display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:6px 8px!important;margin-top:10px!important;min-height:32px!important}
html body #djb-mini-cart .djb-mini-cart__row .alteo-mc-unit:not(#zz){display:none!important}
html body #djb-mini-cart .djb-mini-cart__row .djb-mini-cart__price:not(#zz){display:block!important;margin-left:auto!important;font-size:15px!important;font-weight:800!important;color:#3a7afe!important;line-height:1.2!important;white-space:nowrap!important}
html body #djb-mini-cart .djb-mini-cart__row .djb-cart-qty:has(.djb-cart-qty__btn):not(#zz){display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:96px!important;height:32px!important;padding:0!important;margin:0!important;border:1px solid #dbe3f0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;overflow:hidden!important;font-size:15px!important;box-sizing:border-box!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__btn:not(#zz){flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3a7afe!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__btn:not(#zz):hover{background:#f9fafb!important;color:#111827!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__btn:disabled:not(#zz){opacity:.4!important;cursor:default!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__btn svg:not(#zz){display:block!important;width:14px!important;height:14px!important;stroke-width:2.5!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__input:not(#zz){flex:0 0 34px!important;width:34px!important;height:30px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-left:1px solid #edf1f7!important;border-right:1px solid #edf1f7!important;border-radius:0!important;background:#fff!important;color:#111827!important;font-size:15px!important;font-weight:700!important;line-height:30px!important;text-align:center!important;-moz-appearance:textfield!important;appearance:textfield!important;box-shadow:none!important;outline:0!important}
html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__input::-webkit-outer-spin-button,html body #djb-mini-cart .djb-cart-qty .djb-cart-qty__input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
html body #djb-mini-cart .djb-mini-cart__item .djb-cart-remove:not(#zz){position:absolute!important;top:14px!important;right:0!important;margin:0!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border:1px solid #d63d3d!important;border-radius:50%!important;background:#fff!important;color:#d63d3d!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:0!important;box-sizing:border-box!important;transition:opacity .15s!important}
html body #djb-mini-cart .djb-mini-cart__item .djb-cart-remove:not(#zz):hover{background:#fff!important;opacity:.7!important}
html body #djb-mini-cart .djb-mini-cart__item .djb-cart-remove svg:not(#zz){display:none!important}
html body #djb-mini-cart .djb-mini-cart__item .djb-cart-remove:not(#zz)::before{content:""!important;display:block!important;width:14px!important;height:14px!important;background:currentColor!important;-webkit-mask: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body #djb-mini-cart .djb-mini-cart__row .djb-cart-qty--fixed:not(#zz){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:96px!important;height:32px!important;padding:0!important;margin:0!important;border:1px solid #d1d5db!important;border-radius:8px!important;background:#fff!important;color:#111827!important;font-size:15px!important;font-weight:700!important;line-height:1!important;box-sizing:border-box!important}
/* Početna (Preporučujemo i Najnoviji proizvodi): ikonica korpe umesto plusa, isto dugme.
   Plus dolazi iz klase .ccb (::before, zaključan), pa se samo sakriva; korpa je pozadinska slika dugmeta, pomerena 1px levo i gore da optički bude u sredini (telo korpe je desno od ručke). */
html body.home .ccb.ccb:not(#zz)::before{-webkit-text-fill-color:transparent!important;text-shadow:none!important}
html body.home .ccb.ccb:not(#zz),html body.home .ccb.ccb:not(#zz):hover,html body.home .ccb.ccb:not(#zz):focus-visible{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='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1.3'/%3E%3Ccircle cx='19' cy='21' r='1.3'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E")!important;background-position:calc(50% - 1px) calc(50% - 1px)!important;background-size:20px 20px!important;background-repeat:no-repeat!important}
html body.home .ccb.ccb:not(#zz) > span{font-size:0!important;background:none!important}
/* Pretraga, filter Kategorija: prikazuju se samo podkategorije 2. nivoa (bez glavnih kategorija i bez 3. nivoa) */
html body .djb-katfc1:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__option,html body .djb-katfc2:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__option{display:none!important}
html body .djb-katfc1:not(#zz) .djb-filter-facet__tree > li,html body .djb-katfc2:not(#zz) .djb-filter-facet__tree > li{margin:0!important;padding:0!important;border:0!important}
html body .djb-katfc1:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__children,html body .djb-katfc2:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__children{display:block!important;margin:0!important;padding:0!important;border:0!important}
html body .djb-katfc1:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__children > li > .djb-filter-facet__children,html body .djb-katfc2:not(#zz) .djb-filter-facet__tree > li > .djb-filter-facet__children > li > .djb-filter-facet__children{display:none!important}
html body #pg-info .info-section ul:not(#zz){margin:10px 0 0!important;padding-left:20px!important;list-style:disc outside!important}
html body #pg-info .info-section ol:not(#zz){margin:10px 0 0!important;padding-left:20px!important;list-style:decimal outside!important}
html body #pg-info .info-section li:not(#zz){display:list-item!important;font-size:14px;color:var(--t2,#6B7280);line-height:1.7;margin:0 0 6px!important;padding:0!important}
html body #pg-info .info-section li::marker{color:#3A7AFE}
html body #pg-info .info-section ul+p,html body #pg-info .info-section ol+p{margin-top:12px}
html body #pg-info .info-section p a,html body #pg-info .info-section li a{color:#3A7AFE;text-decoration:underline!important;text-underline-offset:2px;word-break:break-word}
html body #pg-info .info-section p a:hover,html body #pg-info .info-section li a:hover{color:#1D4ED8}
html body #pg-info .info-section strong{color:#111827;font-weight:700}
html body #pg-info .info-section .info-note{font-size:13px!important;color:#6B7280!important;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;padding:12px 14px;margin-top:14px!important}
html body #pg-info .info-section .info-line{font-size:14px!important;color:#111827!important;line-height:1.6;padding:10px 0 6px;border-bottom:1px dashed #CBD5E1;margin:0!important}
html body #pg-info .info-section .info-line+.info-line{margin-top:6px!important}
@media print{html body header,html body footer,html body .alteo-breadcrumbs,html body #alteoMobAcc{display:none!important}html body #pg-info .info-section{box-shadow:none!important;border-color:#999!important}}
html body .alteo-ek{display:flex;align-items:center;gap:6px;margin:8px 0 2px}
html body .alteo-ek__arrow{position:relative;display:inline-flex;align-items:center;height:24px;padding:0 4px 0 10px;margin-right:12px;background:var(--ek);color:#fff;font:800 15px/1 "Roboto Condensed",Arial,sans-serif;border-radius:3px 0 0 3px}
html body .alteo-ek__arrow::after{content:"";position:absolute;right:-12px;top:0;border-style:solid;border-width:12px 0 12px 12px;border-color:transparent transparent transparent var(--ek)}
html body .alteo-ek__arrow[data-dark]{color:#111827}
html body .alteo-ek__txt{font-size:13px;color:#6B7280}
html body #alteo-co-odustanak{margin-top:12px!important;font-size:12.5px!important;line-height:1.55!important;color:#6B7280!important}
html body #alteo-co-odustanak a{color:#3A7AFE!important;text-decoration:underline}
html body .alteo-p30{margin:4px 0 2px;font-size:12.5px;line-height:1.45;color:#6B7280}
html body .alteo-reg-gender:not(#zz){margin-top:22px!important;margin-bottom:12px!important}
html body .alteo-reg-gender .alteo-reg-label{margin-bottom:12px!important}
html body .alteo-reg-gender .alteo-reg-opts{gap:14px 30px!important;flex-wrap:wrap}
html body .alteo-reg-gender .alteo-reg-opt{gap:10px!important;align-items:center;cursor:pointer}
html body .alteo-reg-gender .alteo-reg-opt input[type="checkbox"]:not(#zz){-webkit-appearance:none!important;appearance:none!important;flex:0 0 15px!important;width:15px!important;min-width:15px!important;height:15px!important;margin:0!important;padding:0!important;border:2px solid #C8C8C8!important;border-radius:4px!important;background:#fff!important;display:inline-flex!important;box-sizing:border-box!important;cursor:pointer;transition:background-color .15s,border-color .15s}
html body .alteo-reg-gender .alteo-reg-opt input[type="checkbox"]:not(#zz):checked{background:#3A7AFE 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") center/10px auto no-repeat!important;border-color:#3A7AFE!important}
html body .alteo-reg-gender .alteo-reg-opt input[type="checkbox"]:not(#zz):focus-visible{outline:2px solid #BFD3FE;outline-offset:2px}
html body .alteo-reg-gender .alteo-reg-opt input[type="checkbox"]:not(#zz)::before,html body .alteo-reg-gender .alteo-reg-opt input[type="checkbox"]:not(#zz)::after{display:none!important}
html body .alteo-sr-empty:not(#zz){display:none}
html body.search #pg-shop:has(.djb-product-loop:empty) .alteo-sr-empty:not(#zz){display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:28px 16px 64px}
html body.search #pg-shop:has(.djb-product-loop:empty) #brxe-ss0005,html body.search #pg-shop:has(.djb-product-loop:empty) #brxe-ss0008,html body.search #pg-shop:has(.djb-product-loop:empty) #brxe-ss0009,html body.search #pg-shop:has(.djb-product-loop:empty) #brxe-cyfptn,html body.search #pg-shop:has(.djb-product-loop:empty) .djb-catalog-result-count{display:none!important}
html body.search #pg-shop:has(.djb-product-loop:empty):not(:has(.djb-filter-facet__option)) #brxe-rsfwr1,html body.search #pg-shop:has(.djb-product-loop:empty):not(:has(.djb-filter-facet__option)) #brxe-rsde2e{display:none!important}
html body.search #pg-shop:has(.djb-product-loop:empty):not(:has(.djb-filter-facet__option)) #brxe-cpcswq{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
html body .alteo-sr-empty__ill{display:flex;justify-content:center}
html body .alteo-sr-empty__svg{display:block;width:300px;max-width:80vw;height:auto}
html body .alteo-sr-empty__title:not(#zz){margin:14px 0 8px;font:800 36px/1.15 "Roboto Condensed",Arial,Helvetica,sans-serif;color:#111827;text-transform:none;letter-spacing:0}
html body .alteo-sr-empty__text:not(#zz){margin:0;font-size:17px;line-height:1.5;color:#4B5563}
html body .alteo-sr-empty__btn:not(#zz){display:inline-flex;align-items:center;justify-content:center;gap:14px;height:56px;padding:0 30px;margin-top:28px;border-radius:10px;background:#3A7AFE;color:#fff;font:700 18px/1 "Roboto Condensed",Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:0 8px 20px rgba(58,122,254,.25);transition:background .2s,transform .2s}
html body .alteo-sr-empty__btn:not(#zz):hover{background:#1D4ED8;color:#fff;transform:translateY(-1px)}
html body .alteo-sr-empty__bag{width:24px;height:24px;flex:0 0 24px;color:#fff}
html body .alteo-sr-empty__chev{width:18px;height:18px;flex:0 0 18px;margin-left:4px;color:#fff}
@media (max-width:767px){html body.search #pg-shop:has(.djb-product-loop:empty) .alteo-sr-empty:not(#zz){padding:20px 8px 48px}html body .alteo-sr-empty__svg{width:230px}html body .alteo-sr-empty__title:not(#zz){font-size:26px}html body .alteo-sr-empty__text:not(#zz){font-size:15px}html body .alteo-sr-empty__btn:not(#zz){width:100%;max-width:360px;height:52px;font-size:16px}}
.alteo-search-fix{grid-column:1 / -1!important;width:100%!important;box-sizing:border-box!important;padding:10px 14px 6px!important;font-size:13px!important;line-height:1.4!important;color:#6b7280!important}
.alteo-search-fix strong{color:#3A7AFE!important;font-weight:600!important}
/* Isti razmak kao na kategorijama: 20px izmedju mreze proizvoda (.pg) i donjeg reda sa brojem proizvoda i stranama (.pgn). Margine se ne sabiraju, pa gde vec postoji 20px ne menja se nista. */
html body .pg + .pgn{margin-top:20px!important}}