/* =====================================================
   SABLONA1 (ZENON) — MODERN REDESIGN  webuni.css
   Verzia: 1.0 / 2026-05-14
   ===================================================== */

/* ─── CSS Custom Properties ─── */
:root {
    --w-primary:       #00afef;
    --w-primary-dk:    #0087c7;
    --w-primary-lt:    #e8f7fd;
    --w-primary-glow:  rgba(0,175,239,.18);
    --w-text:          #1a202c;
    --w-text-mid:      #4a5568;
    --w-text-light:    #a0aec0;
    --w-bg:            #f5f7fa;
    --w-card:          #ffffff;
    --w-border:        #e2e8f0;
    --w-shadow-sm:     0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --w-shadow-md:     0 4px 16px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.05);
    --w-shadow-lg:     0 10px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);
    --w-r-sm:          8px;
    --w-r-md:          12px;
    --w-tr:            all .2s cubic-bezier(.4,0,.2,1);
}

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif;
    background: var(--w-bg);
    color: var(--w-text);
    -webkit-font-smoothing: antialiased;
}

/* =====================================================
   HEADER — #container-header wrapper
   ===================================================== */

/* Vonkajší wrapper — biely, sticky, so shadow */
#container-header {
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.08) !important;
    position: sticky !important;
    top: 0;
    z-index: 300;
    overflow: visible !important;
}

/* Tenká cyan čiara hore */
#container-header::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 60%, var(--w-primary-dk) 100%);
}

/* #header-opacity — reset */
#header-opacity {
    height: auto !important;
    background: none !important;
    overflow: visible !important;
}

/* ─── #header — hlavný flex riadok (logo je bg-image vľavo) ─── */
#header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px;
    min-height: 78px !important;
    height: auto !important;
    padding: 8px 12px 8px 220px !important;  /* 220px = priestor pre logo bg-image, 12px vpravo = zarovnanie s vlajkami */
    background-position: 12px center !important;
    background-size: auto 58px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    position: relative;
    overflow: visible !important;
}

/* =====================================================
   SEARCH BOX
   ===================================================== */

#header #search,
#search {
    flex: 1 1 auto !important;
    max-width: 400px !important;
    min-width: 120px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1;
}

/* Resetuj border a bg na #search kontajneri zo style.min.css */
#header #search,
#search {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Pill obal */
#header #search .myform,
#search .myform {
    display: block !important;
    background: var(--w-bg) !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 100px !important;
    overflow: hidden !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
    width: 100% !important;
    float: none !important;
}

#header #search .myform:focus-within,
#search .myform:focus-within {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px var(--w-primary-glow) !important;
}

/* form + fieldset — flex pass-through */
#header #search .myform form,
#search .myform form,
#header #search .myform fieldset,
#search .myform fieldset {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    min-width: 0;
}

/* Text row */
#header #search .myform .row,
#search .myform .row {
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0;
    display: flex !important;
    align-items: center !important;
}

#header #search .myform .row .element,
#search .myform .row .element {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* Input pole */
#header #search #text,
#search #text {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 6px 0 20px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--w-text) !important;
    width: 100% !important;
    margin: 0 !important;
    height: 48px !important;
    line-height: 48px !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
}

#header #search #text::placeholder,
#search #text::placeholder {
    color: var(--w-text-light) !important;
}

/* Button wrapper */
#header #search .buttons,
#search .buttons {
    flex-shrink: 0;
    float: none !important;
    margin: 0 !important;
    padding: 5px 5px 5px 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Wrapper div okolo submit gombíka — nesmie prekrývať ikonu */
#button-indexSearch,
.buttons #button-indexSearch,
#search .buttons #button-indexSearch,
div#button-indexSearch {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-shadow: none !important;
    float: none !important;
}

/* Submit button — cyan kruh s lupou (input[type=submit] nepodporuje ::after, použijeme background-image) */
#header #search #indexSearch,
#search #indexSearch {
    background-color: var(--w-primary) !important;
    /* Lupa (SVG) musí byť PRED gradientom = prvá vrstva = navrchu */
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E"),
        linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    background-size: 18px 18px, 100% 100% !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    border: none !important;
    border-radius: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    box-shadow: 0 2px 8px rgba(0,175,239,.35) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#header #search #indexSearch:hover,
#search #indexSearch:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0,175,239,.5) !important;
}

/* =====================================================
   PRIHLÁSENIE / REGISTRÁCIA
   ===================================================== */

/* ─── Search Autocomplete Dropdown ─── */
ul.ui-autocomplete.ui-menu {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06) !important;
    padding: 6px !important;
    margin-top: 6px !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    list-style: none !important;
}

ul.ui-autocomplete.ui-menu .ui-menu-item {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
    display: block !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--w-text) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: background .15s ease, color .15s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper:hover,
ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active,
ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-focus {
    background: var(--w-primary-lt) !important;
    color: var(--w-primary-dk) !important;
    outline: none !important;
    border: none !important;
}

/* Posledná položka "Zobraziť všetkých X výsledkov" */
ul.ui-autocomplete.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper {
    color: var(--w-primary) !important;
    font-weight: 600 !important;
    border-top: 1px solid var(--w-border) !important;
    margin-top: 4px !important;
    padding-top: 12px !important;
    border-radius: 0 0 10px 10px !important;
}

ul.ui-autocomplete.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper:hover,
ul.ui-autocomplete.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper.ui-state-active {
    background: var(--w-primary-lt) !important;
}

#head-login {
    float: none !important;
    position: static !important;   /* style.min.css nastavuje absolute — ruším to */
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0;
    order: 2;
}

#head-login a {
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 100px !important;
    transition: all .2s ease !important;
    white-space: nowrap;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    letter-spacing: .01em;
}

/* Prihlásenie — plný cyan */
#head-login a:first-of-type {
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0,175,239,.3) !important;
}

#head-login a:first-of-type:hover {
    box-shadow: 0 4px 18px rgba(0,175,239,.5) !important;
    transform: translateY(-1px) !important;
}

/* Registrácia — outline */
#head-login a:last-of-type {
    color: var(--w-text-mid) !important;
    border: 1.5px solid var(--w-border) !important;
    background: transparent !important;
}

#head-login a:last-of-type:hover {
    border-color: var(--w-primary) !important;
    color: var(--w-primary) !important;
    background: var(--w-primary-lt) !important;
}

/* Prihlásený stav */
#head-login.head-login-is-logged-in a {
    background: var(--w-primary-lt) !important;
    border: 1.5px solid var(--w-primary) !important;
    color: var(--w-primary-dk) !important;
    box-shadow: none !important;
}

/* Separator | — skryjeme cez font-size na text nodes (nefunguje), namiesto toho skryjeme gap-om */
/* Separátor | v HTML je text node medzi <a> tagmi — nedá sa priamo skryť, znížime opacity */
#head-login { font-size: 0 !important; }
#head-login a { font-size: 13px !important; }

/* =====================================================
   KOŠÍK
   ===================================================== */

#public-cart {
    float: none !important;
    flex-shrink: 0;
    order: 4;
    position: relative !important;
    /* Prebijem width:233px zo style.min.css */
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    /* Prebijem margin-top:20px zo style.min.css — tlačí košík nadol */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* Flex kontajner — pill zarovnaná vpravo */
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
}

/* #center-bg — static, aby .products sa pozicovalo relatívne k #public-cart */
#public-cart #center-bg {
    position: static !important;
    right: auto !important;
    top: auto !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
}

/* #center-bg / .height-cart — prebijem biely rámček z style.min.css */
#public-cart #center-bg,
#public-cart .height-cart {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Wrapper .info-cart-small — kompaktná pill */
#public-cart #center-bg .info-cart-small,
#public-cart .info-cart-small {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    background: var(--w-primary-lt) !important;
    border: 1.5px solid rgba(0,175,239,.3) !important;
    border-radius: 100px !important;
    padding: 7px 16px 7px 10px !important;
    transition: all .2s ease;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 4px rgba(0,175,239,.12);
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

#public-cart .info-cart-small:hover {
    background: var(--w-primary) !important;
    border-color: var(--w-primary) !important;
    box-shadow: 0 6px 20px rgba(0,175,239,.35) !important;
}

/* Ikona košíka — vlastná SVG, prebijem pôvodnú */
#public-cart .icon-cart-big {
    display: inline-flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-height: 24px !important;
    flex-shrink: 0;
    /* Prebijem top:10px z style.min.css */
    position: relative !important;
    top: 0 !important;
    vertical-align: middle !important;
    /* Vlastná cart SVG ikona */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300afef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    transition: background-image .2s ease;
    text-indent: -9999px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover stav — biela ikona */
#public-cart .info-cart-small:hover .icon-cart-big {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
}

/* Texty */
#public-cart .info-cart-small > p {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--w-primary-dk) !important;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: var(--w-tr);
}

#public-cart .info-cart-small:hover > p {
    color: #fff !important;
}

#public-cart .info-cart-small > p .cout {
    font-weight: 700;
    font-size: 14px;
    color: inherit;
}

#public-cart .info-cart-small > p .price {
    font-size: 12px;
    color: inherit;
    opacity: .85;
}

/* .info-cart-small je teraz <a> — reset link štýlov, pill je celý klikateľný */
#public-cart a.info-cart-small {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
}

/* ─── TOP HEADER CART (malý košík v hlavičke) ─── */
/* .info-cart-small je teraz <a> — reset link štýlov */
#top-header-cart a.info-cart-small {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
    display: flex !important;
}

/* Dropdown — musí byť absolute, inak pri zobrazení roztiahne header */
#public-cart {
    position: relative !important;
}
#public-cart .products {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 999 !important;
    min-width: 280px !important;
    background: #fff !important;
    border-radius: var(--w-r-md) !important;
    box-shadow: var(--w-shadow-lg) !important;
    border: 1px solid var(--w-border) !important;
    float: none !important;
}

/* =====================================================
   TOP HEADER STRIP (nad hlavičkou — čierny pruh)
   ===================================================== */

#container-top-header-strip {
    background: #1a202c !important;
    padding: 0 !important;
}

#top-header-strip {
    padding: 0 24px;
}

#container-top-header-strip a,
#container-top-header-strip span {
    color: rgba(255,255,255,.65) !important;
    font-size: 12px !important;
    transition: var(--w-tr);
}

#container-top-header-strip a:hover {
    color: #fff !important;
}

/* =====================================================
   NAVIGÁCIA — moderný dizajn
   ===================================================== */

#container-articles-menu {
    background: linear-gradient(135deg, #0c1220 0%, #1a2540 50%, #0c1220 100%) !important;
    border: none !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.35) !important;
    /* Spodná cyan čiara — oddeľuje nav od obsahu */
    border-bottom: 2px solid rgba(0,175,239,.3) !important;
    position: relative;
}

/* Jemný lesk hore */
#container-articles-menu::before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.08) 30%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.08) 70%, transparent);
    pointer-events: none;
}

/* Skryť category_delimiter — nahradené gap-om */
#articles-menu > ul > li.category_delimiter {
    display: none !important;
}

/* UL — flex riadok */
#articles-menu > ul {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0px !important;
    float: none !important;
    width: auto !important;
}

/* Každý LI */
#articles-menu > ul > li {
    position: relative;
    list-style: none !important;
}

/* Linky kategórií */
#articles-menu > ul > li > a {
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 0 18px !important;
    height: 52px !important;
    line-height: 52px !important;
    display: block !important;
    white-space: nowrap !important;
    position: relative;
    transition: color .2s ease, background .2s ease !important;
    border-bottom: none !important;
}

/* Animated underline cez ::after */
#articles-menu > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%; right: 50%;
    height: 2px;
    background: var(--w-primary);
    transition: left .22s cubic-bezier(.4,0,.2,1), right .22s cubic-bezier(.4,0,.2,1);
    border-radius: 2px 2px 0 0;
}

#articles-menu > ul > li > a:hover::after,
#articles-menu ul li.active > a::after {
    left: 12px;
    right: 12px;
}

#articles-menu > ul > li > a:hover,
#articles-menu ul li.active > a {
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
}

/* Home tlačidlo — moderný pill */
#articles-menu ul li.menu-home {
    margin-right: 6px;
}

#articles-menu ul li.menu-home a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 !important;
    margin: 4px 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    box-shadow: 0 2px 12px rgba(0,175,239,.4), inset 0 1px 0 rgba(255,255,255,.2) !important;
    transition: all .2s ease !important;
    border-bottom: none !important;
    color: #fff !important;
}

#articles-menu ul li.menu-home a::after {
    display: none !important;
}

/* Prebijem top:12px zo style.min.css — ikona domčeka bola posunutá nadol */
#articles-menu ul li.menu-home a .position-type-home,
#articles-menu ul li.menu-home a .icon-type-home {
    top: 0 !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
}

#articles-menu ul li.menu-home a:hover {
    background: linear-gradient(135deg, #18d0ff 0%, var(--w-primary) 100%) !important;
    box-shadow: 0 4px 20px rgba(0,175,239,.6), inset 0 1px 0 rgba(255,255,255,.25) !important;
    transform: translateY(-1px);
    color: #fff !important;
}

/* Kategória ikony — emoji */
#articles-menu ul li.notebooky > a::before,
#articles-menu ul li.sperky > a::before,
#articles-menu ul li.hodinky > a::before,
#articles-menu ul li.elektro > a::before,
#articles-menu ul li.nabytok > a::before,
#articles-menu ul li.panska_moda > a::before,
#articles-menu ul li.damska_moda > a::before {
    display: inline-block;
    margin-right: 6px;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    top: -1px;
}
#articles-menu ul li.notebooky > a::before   { content: '\1F4BB'; }
#articles-menu ul li.sperky > a::before      { content: '\1F48E'; }
#articles-menu ul li.hodinky > a::before     { content: '\231A'; }
#articles-menu ul li.elektro > a::before     { content: '\26A1'; }
#articles-menu ul li.nabytok > a::before     { content: '\1F6CB'; }
#articles-menu ul li.panska_moda > a::before { content: '\1F454'; }
#articles-menu ul li.damska_moda > a::before { content: '\1F457'; }

/* Submenu — moderný floating card */
#articles-menu ul.submenu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    background: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.1) !important;
    overflow: hidden !important;
    min-width: 210px !important;
    z-index: 999 !important;
    padding: 6px 0 !important;
}

#articles-menu .submenu li {
    list-style: none !important;
}

#articles-menu .submenu li a {
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    padding: 11px 20px !important;
    border-left: 3px solid transparent !important;
    transition: all .15s ease !important;
    display: block !important;
    height: auto !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

#articles-menu .submenu li a:hover {
    background: var(--w-primary-lt) !important;
    color: var(--w-primary-dk) !important;
    border-left-color: var(--w-primary) !important;
    padding-left: 26px !important;
}

/* =====================================================
   OBRÁZKOVÉ KATEGÓRIE — homepage dlaždice
   ===================================================== */

/* Grid kontajner */
#img-catalog {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    padding: 28px 0 12px !important;
    float: none !important;
    text-align: left !important;
    width: 100% !important;
}

/* Karta */
.img-catalog-block {
    flex: 0 0 calc(25% - 14px) !important;
    width: calc(25% - 14px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 16px !important;
    border: 1px solid var(--w-border) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.03) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
    display: inline-block !important;
    vertical-align: top !important;
    cursor: pointer;
}

/* Ľavý cyan accent — animovaný na hover */
.img-catalog-block::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--w-primary), var(--w-primary-dk));
    transform: scaleY(0);
    transform-origin: center;
    transition: transform .22s cubic-bezier(.4,0,.2,1);
    border-radius: 0 2px 2px 0;
    z-index: 1;
}

.img-catalog-block:hover::before {
    transform: scaleY(1);
}

/* Hover — zdvihnutie karty */
.img-catalog-block:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.1), 0 4px 14px rgba(0,175,239,.1) !important;
    border-color: rgba(0,175,239,.3) !important;
}

/* Link wrapper */
.img-catalog-block .img-catalog-image-link {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 20px 18px 20px 20px !important;
    text-decoration: none !important;
    float: none !important;
    width: auto !important;
}

/* Obrázok */
.img-catalog-block img {
    width: 88px !important;
    height: 72px !important;
    max-width: 88px !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
    opacity: 1 !important;
    float: none !important;
    display: block !important;
    transition: transform .25s cubic-bezier(.4,0,.2,1) !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.12));
}

.img-catalog-block:hover img {
    transform: scale(1.08) rotate(-2deg) !important;
}

/* Textová oblasť */
.img-catalog-block .img-catalog-image-link > span {
    float: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
}

/* Názov kategórie */
.img-catalog-block .img-catalog-image-link > span span:first-child {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    transition: color .2s ease !important;
    letter-spacing: -.01em;
}

.img-catalog-block:hover .img-catalog-image-link > span span:first-child {
    color: var(--w-primary-dk) !important;
}

/* Popis */
.img-catalog-block .img-catalog-image-link > span span:nth-child(2) {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    line-height: 1.5 !important;
    font-size: 12px !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* Šípka vpravo — dekoratívny prvok */
.img-catalog-block .img-catalog-image-link > span::after {
    content: '→';
    font-size: 14px;
    color: var(--w-primary);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity .2s ease, transform .2s ease;
    align-self: flex-start;
    margin-top: 2px;
}

.img-catalog-block:hover .img-catalog-image-link > span::after {
    opacity: 1;
    transform: translateX(0);
}

/* Skryť tlačidlo — celá karta je klikateľná */
.img-catalog-block .button-type-1 {
    display: none !important;
}

/* =====================================================
   IMAGE-AND-TEXT-GRID — info/feature boxy
   ===================================================== */

/* Grid kontajner */
#image-and-text-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    float: none !important;
    width: 100% !important;
    padding: 8px 0 28px !important;
    /* Neutralizovať Masonry inline height (Masonry kolapuje kontajner na 0) */
    height: auto !important;
    counter-reset: feature-box;
}

/* Skryť prázdne image-placeholdery */
#image-and-text-grid .image-and-text-grid-item-with-image {
    display: none !important;
}

/* Každý box */
#image-and-text-grid .image-and-text-grid-item {
    flex: 1 1 calc(33.333% - 12px) !important;
    min-width: 260px !important;
    width: auto !important;
    display: flex !important;
    margin-bottom: 0 !important;
    vertical-align: top !important;
    background: #fff !important;
    border-radius: 16px !important;
    border: 1px solid var(--w-border) !important;
    box-shadow: 0 2px 14px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.03) !important;
    overflow: hidden !important;
    /* Neutralizovať Masonry inline position:absolute, top, left */
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
    counter-increment: feature-box;
}

/* Horný cyan pruh — animovaný zľava doprava */
#image-and-text-grid .image-and-text-grid-item::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    z-index: 1;
}

#image-and-text-grid .image-and-text-grid-item:hover::before {
    transform: scaleX(1);
}

/* Hover */
#image-and-text-grid .image-and-text-grid-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.09), 0 4px 14px rgba(0,175,239,.1) !important;
    border-color: rgba(0,175,239,.25) !important;
}

/* Link — flex stĺpec, padding */
#image-and-text-grid .image-and-text-grid-item > a {
    display: flex !important;
    flex-direction: column !important;
    padding: 28px 26px 24px !important;
    text-decoration: none !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    gap: 0 !important;
    position: static !important;
    /* Číslo bodu — dekoratívny badge */
}

/* Badge číslo navrchu */
#image-and-text-grid .image-and-text-grid-item > a::before {
    content: counter(feature-box, decimal-leading-zero);
    font-size: 11px;
    font-weight: 700;
    color: var(--w-primary);
    background: var(--w-primary-lt);
    border: 1px solid rgba(0,175,239,.25);
    border-radius: 100px;
    padding: 3px 10px;
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 18px;
    letter-spacing: .06em;
    transition: background .2s ease, color .2s ease;
}

#image-and-text-grid .image-and-text-grid-item:hover > a::before {
    background: var(--w-primary) !important;
    color: #fff !important;
}

/* Paragraph wrapper */
#image-and-text-grid .image-and-text-grid-item p {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Nadpis */
#image-and-text-grid .image-and-text-grid-item p span:first-child {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    line-height: 1.3 !important;
    letter-spacing: -.01em !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    transition: color .2s ease !important;
}

#image-and-text-grid .image-and-text-grid-item:hover p span:first-child {
    color: var(--w-primary-dk) !important;
}

/* Popis */
#image-and-text-grid .image-and-text-grid-item p span:nth-child(2) {
    font-size: 13px !important;
    color: var(--w-text-light) !important;
    line-height: 1.65 !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
}

/* Šípka dole */
#image-and-text-grid .image-and-text-grid-item > a::after {
    content: 'Viac →';
    font-size: 12px;
    font-weight: 600;
    color: var(--w-primary);
    margin-top: 20px;
    display: block;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .22s ease, transform .22s ease;
    letter-spacing: .02em;
}

#image-and-text-grid .image-and-text-grid-item:hover > a::after {
    opacity: 1;
    transform: translateY(0);
}

/* =====================================================
   BIG STARTUP PRODUCTS — Špeciálna ponuka
   ===================================================== */

#big-startup-products {
    margin: 28px 0 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.big-startup-product-single {
    display: flex !important;
    align-items: stretch !important;
    background: #fff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.04) !important;
    border: 1px solid var(--w-border) !important;
    min-height: 300px !important;
    position: relative !important;
    transition: box-shadow .25s ease, transform .25s ease !important;
}

.big-startup-product-single:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,175,239,.08) !important;
    transform: translateY(-3px) !important;
}

/* Farebný pruh navrchu karty */
.big-startup-product-single::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 60%, var(--w-primary-dk) 100%);
    z-index: 2;
}

/* Ľavý panel — obrázok so svetlosivým BG */
.big-startup-product-single > div:first-child {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    position: relative !important;
    border-right: 1px solid var(--w-border) !important;
}

.big-startup-product-single > div:first-child a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 32px !important;
    box-sizing: border-box !important;
}

.big-startup-product-single > div:first-child img {
    max-width: 100% !important;
    max-height: 260px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
    filter: drop-shadow(0 8px 20px rgba(0,0,0,.10)) !important;
}

.big-startup-product-single:hover > div:first-child img {
    transform: scale(1.05) !important;
}

/* Pravý panel — textový obsah */
.big-startup-product-single > div:last-child {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 40px 44px !important;
    position: relative !important;
}

/* Badge "ŠPECIÁLNA PONUKA" */
.big-startup-product-single > div:last-child > p:first-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    line-height: 1 !important;
    float: none !important;
}

/* "ŠPECIÁLNA" — malý tag */
.big-startup-product-single > div:last-child > p:first-child {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--w-primary-dk) !important;
    background: var(--w-primary-lt) !important;
    border: 1.5px solid rgba(0,175,239,.3) !important;
    border-radius: 100px !important;
    padding: 5px 14px !important;
}

/* "PONUKA" — tučné v rovnakom badge */
.big-startup-product-single > div:last-child > p:first-child span {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: var(--w-primary) !important;
    letter-spacing: .14em !important;
    display: inline !important;
}

/* Popis */
.big-startup-product-single > div:last-child > p:nth-child(2) {
    font-size: 15px !important;
    color: var(--w-text-mid) !important;
    line-height: 1.7 !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    max-width: 460px !important;
    float: none !important;
}

/* Spacer hr — skryť */
.big-startup-product-single hr.space {
    display: none !important;
}

/* Countdown timer — wrapper */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown {
    margin: 0 0 28px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    float: none !important;
    perspective: 500px;
}

/* Každý štvorec (generovaný JS ako <span>) */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown > span {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    line-height: 1 !important;         /* reset: style.min.css nastavuje 60px */
    padding: 12px 4px 4px !important;  /* reset: style.min.css nastavuje 0px 5px; viac top = číslo nižšie */
    margin: 0 !important;              /* reset: style.min.css nastavuje margin-left: 10px na nth-child(n+2) */
    overflow: hidden !important;
    background: #fff !important;
    border: 1.5px solid var(--w-border) !important;
    border-top: 3px solid var(--w-primary) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.07) !important;
    transform-style: preserve-3d;
    /* Bez automatickej animácie — spúšťa sa len cez .cd-flip triedu pri zmene hodnoty */
}

/* Číslo vo vnútri — RESET červeného kruhu z style.min.css + vlastný štýl */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown > span .cd-num {
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Jednotka (s, m, h, d) — RESET červeného kruhu z style.min.css + vlastný štýl */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown > span .cd-unit {
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    display: block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    color: var(--w-text-light) !important;
    line-height: 1 !important;         /* reset: inak dedí 60px z style.min.css */
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    margin: 2px 0 0 0 !important;      /* reset: style.min.css nastavuje margin-left: 10px */
    padding: 0 !important;
    text-align: center !important;
}

/* Dvojbodka medzi štvorčekmi — žiadny box, len symbol */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown > .cd-colon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 64px !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--w-primary) !important;
    line-height: 1 !important;
    margin: 0 !important;
    user-select: none;
    opacity: 1;
    animation: cd-colon-blink 1s step-end infinite !important;
}

/* Flip trieda — pridáva sa JS-om len keď sa hodnota zmenila */
.big-startup-product-single .big-product-hours-left-for-actual-price-countdown > span.cd-flip {
    animation: cd-flip-in 0.42s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}

@keyframes cd-flip-in {
    0%   { transform: rotateY(-90deg); opacity: 0; }
    60%  { transform: rotateY(6deg);   opacity: 1; }
    80%  { transform: rotateY(-3deg);  opacity: 1; }
    100% { transform: rotateY(0deg);   opacity: 1; }
}

/* Blikanie dvojbodky */
@keyframes cd-colon-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.2; }
}

/* CTA tlačidlo */
.big-startup-product-single > div:last-child > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 0 !important;
    padding: 13px 30px !important;
    background: var(--w-text) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    width: fit-content !important;
    float: none !important;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
}

.big-startup-product-single > div:last-child > a::after {
    content: '→';
    font-size: 16px;
    transition: transform .2s ease;
    display: inline-block;
}

.big-startup-product-single > div:last-child > a:hover {
    background: var(--w-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(0,175,239,.35) !important;
}

.big-startup-product-single > div:last-child > a:hover::after {
    transform: translateX(5px);
}

/* =====================================================
   SEO BOX — .info-articles + #seo-box-show-more-link
   ===================================================== */

.info-articles {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    padding: 28px 32px !important;
    margin: 20px 0 4px !important;
    box-shadow: var(--w-shadow-sm) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Jemná cyan linka naľavo ako accent */
.info-articles::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--w-primary) 0%, #38bdf8 100%);
    border-radius: 4px 0 0 4px;
}

/* Nadpis h1/h2 vo vnútri */
.info-articles h1,
.info-articles h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -.01em !important;
}

/* Textový obsah — odseky, odkazy */
.info-articles p {
    font-size: 14px !important;
    color: var(--w-text-mid) !important;
    line-height: 1.75 !important;
    margin: 0 0 10px !important;
}

.info-articles p:last-child {
    margin-bottom: 0 !important;
}

.info-articles a {
    color: var(--w-primary-dk) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(0,175,239,.3) !important;
    transition: color .15s ease, border-color .15s ease !important;
}

.info-articles a:hover {
    color: var(--w-primary) !important;
    border-bottom-color: var(--w-primary) !important;
}

/* Skrátenie obsahu — trieda pridávaná cez JS */
.info-articles.info-articles-shortened {
    max-height: 120px !important;
    overflow: hidden !important;
}

.info-articles.info-articles-shortened::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 60px;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none;
}

/* Tlačidlo "Zobraziť viac" */
#seo-box-show-more-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0px !important;
    margin: 8px 0 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--w-primary-dk) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
    float: none !important;
}

#seo-box-show-more-link::after {
    content: '↓';
    font-size: 14px;
    transition: transform .2s ease;
    display: inline-block;
}

#seo-box-show-more-link:hover {
    color: var(--w-primary) !important;
}

#seo-box-show-more-link:hover::after {
    transform: translateY(3px);
}

/* =====================================================
   Responsívne — menší font na stredných obrazovkách */
@media (max-width: 1100px) {
    #articles-menu > ul > li > a {
        font-size: 11.5px !important;
        padding: 0 12px !important;
        letter-spacing: 0.04em !important;
    }
    #articles-menu ul li.notebooky > a::before,
    #articles-menu ul li.sperky > a::before,
    #articles-menu ul li.hodinky > a::before,
    #articles-menu ul li.elektro > a::before,
    #articles-menu ul li.nabytok > a::before,
    #articles-menu ul li.panska_moda > a::before,
    #articles-menu ul li.damska_moda > a::before {
        font-size: 13px;
        margin-right: 4px;
    }
    .img-catalog-block {
        flex: 0 0 calc(50% - 9px) !important;
        width: calc(50% - 9px) !important;
    }
}

@media (max-width: 600px) {
    .img-catalog-block {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    #image-and-text-grid .image-and-text-grid-item {
        flex: 0 0 100% !important;
    }
}

@media (max-width: 900px) {
    #image-and-text-grid .image-and-text-grid-item {
        flex: 1 1 calc(50% - 9px) !important;
    }
}

/* =====================================================
   GLOBÁLNE TLAČIDLÁ
   ===================================================== */

.button-type-1 a,
.button-type-1 input[type="submit"],
.button-type-1 button {
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--w-r-sm) !important;
    padding: 10px 20px !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    display: inline-block !important;
    float: none !important;
    cursor: pointer !important;
    transition: var(--w-tr) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,175,239,.2) !important;
}

.button-type-1 a:hover,
.button-type-1 input[type="submit"]:hover,
.button-type-1 button:hover {
    background: linear-gradient(135deg, #13b9f5 0%, var(--w-primary) 100%) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0,175,239,.4) !important;
}

/* =====================================================
   FILTER LIŠTA — #top-category-panel
   ===================================================== */

#top-category-panel {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--w-shadow-sm) !important;
    padding: 10px 18px !important;
    margin: 12px 0 16px !important;
}

/* Každá sekcia vo filtri */
#top-category-panel-products-on-storage,
#top-category-panel-sort,
#top-category-panel-count-to-page-category,
#top-category-panel-price-range {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    float: none !important;
    margin: 0 !important;
}

/* Oddeľovač medzi sekciami */
#top-category-panel-sort,
#top-category-panel-count-to-page-category {
    padding-left: 14px !important;
    border-left: 1px solid var(--w-border) !important;
}

/* Checkbox — skladom */
#top-category-panel-products-on-storage label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--w-text-mid) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    user-select: none !important;
}

#top-category-panel-products-on-storage input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--w-primary) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Popisky "Zoradiť:", "Počet na stranu:" */
#top-category-panel .appurtenances-filter-text {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--w-text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    white-space: nowrap !important;
}

/* Pôvodný select — skrytý, nahradený custom dropdownom */
#top-category-panel select {
    display: none !important;
}

/* ── Custom select wrapper ── */
.cs-wrapper {
    position: relative !important;
    display: inline-block !important;
}

/* Trigger tlačidlo */
.cs-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 7px 10px 7px 12px !important;
    background: var(--w-bg) !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--w-text) !important;
    cursor: pointer !important;
    min-width: 130px !important;
    user-select: none !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
    white-space: nowrap !important;
}

.cs-trigger-text {
    flex: 1 !important;
}

.cs-trigger-arrow {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    transition: transform .2s ease !important;
    color: var(--w-primary) !important;
}

.cs-wrapper.cs-open .cs-trigger {
    border-color: var(--w-primary) !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

.cs-wrapper.cs-open .cs-trigger-arrow {
    transform: rotate(180deg) !important;
}

.cs-trigger:hover {
    border-color: var(--w-primary) !important;
}

/* Dropdown zoznam */
.cs-options {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    min-width: 100% !important;
    background: #fff !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.13) !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    padding: 4px 0 !important;
}

.cs-wrapper.cs-open .cs-options {
    display: block !important;
    animation: cs-dropdown-in .15s ease both !important;
}

@keyframes cs-dropdown-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Jednotlivé možnosti */
.cs-option {
    padding: 9px 16px !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: var(--w-text) !important;
    cursor: pointer !important;
    transition: background .12s ease, color .12s ease !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
}

.cs-option:hover {
    background: rgba(0,175,239,.08) !important;
    color: var(--w-primary-dk) !important;
}

.cs-option.cs-selected {
    background: rgba(0,175,239,.1) !important;
    color: var(--w-primary) !important;
    font-weight: 600 !important;
}

.cs-option.cs-selected::before {
    content: '✓ ' !important;
    font-size: 11px !important;
}

/* Price range sekcia — vertikálny stack */
#top-category-panel-price-range {
    margin-left: auto !important;
    padding-left: 18px !important;
    border-left: 1px solid var(--w-border) !important;
    gap: 4px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 160px !important;
    max-width: 200px !important;
}

/* Horný riadok: "CENA" label + pill s hodnotou */
#top-category-panel-price-range::before {
    content: 'CENA' !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: var(--w-text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
}

/* Slider wrapper — plná šírka sekcie */
#top-category-panel-price-range-slider {
    width: 100% !important;
    position: relative !important;
    margin: 4px 0 !important;
}

/* Cena text — pill badge pod sliderom */
#top-category-panel-price-range-text,
#top-category-panel-price-range #price-range-min-max-value,
#top-category-panel-price-range span.price-range-value,
#top-category-panel-price-range .price-range-values {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--w-primary-dk) !important;
    white-space: nowrap !important;
    background: rgba(0,175,239,.1) !important;
    border: 1px solid rgba(0,175,239,.25) !important;
    border-radius: 100px !important;
    padding: 3px 10px !important;
    letter-spacing: .01em !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

/* jQuery UI slider — track */
#top-category-panel .ui-slider {
    background: #e2e8f0 !important;
    border: none !important;
    border-radius: 100px !important;
    height: 5px !important;
    cursor: pointer !important;
    position: relative !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08) !important;
}

/* Aktívna zóna medzi handle-mi */
#top-category-panel .ui-slider .ui-slider-range {
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%) !important;
    border-radius: 100px !important;
    height: 100% !important;
}

/* Handle — kolieska */
#top-category-panel .ui-slider .ui-slider-handle {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2.5px solid var(--w-primary) !important;
    box-shadow: 0 2px 6px rgba(0,175,239,.35) !important;
    top: -7px !important;
    margin-left: -9px !important;
    cursor: grab !important;
    outline: none !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
    z-index: 2 !important;
}

#top-category-panel .ui-slider .ui-slider-handle:hover {
    transform: scale(1.2) !important;
    box-shadow: 0 3px 10px rgba(0,175,239,.45) !important;
}

#top-category-panel .ui-slider .ui-slider-handle:active,
#top-category-panel .ui-slider .ui-slider-handle:focus {
    cursor: grabbing !important;
    transform: scale(1.15) !important;
    box-shadow: 0 0 0 5px rgba(0,175,239,.18), 0 2px 8px rgba(0,175,239,.4) !important;
}

/* =====================================================
   DOPORUČUJEME — sekcia odporúčaných produktov
   ===================================================== */

/* Nadpis sekcie s dekoratívnou čiarou */
p.products-title-with-line {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 32px 0 20px !important;
    font-size: 0 !important; /* skryje medzery */
}

p.products-title-with-line::before,
p.products-title-with-line::after {
    content: '' !important;
    flex: 1 !important;
    height: 2px !important;
    background: linear-gradient(to right, transparent, var(--w-border)) !important;
}

p.products-title-with-line::after {
    background: linear-gradient(to left, transparent, var(--w-border)) !important;
}

p.products-title-with-line > span {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--w-text-mid) !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    background: var(--w-bg) !important;
    padding: 5px 16px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 100px !important;
    white-space: nowrap !important;
}

/* Karta produktu — display a float necháme na style.min.css, meníme len vizuál */
.product-third {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
    vertical-align: top !important; /* pre prípad inline-block layoutu */
}

.product-third:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
}

/* Odstrániť pôvodný border z product-third-border */
.product-third-border {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Oblasť s obrázkom */
.product-third .product-images {
    overflow: hidden !important;
    background: #f8f9fa !important;
    border-radius: 0 !important;
    position: relative !important;
    padding: 16px 12px 8px !important;
}

.product-third .product-images a {
    display: block !important;
}

.product-third .product-images img {
    transition: transform .35s ease !important;
    display: block !important;
    width: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
}

.product-third:hover .product-images img {
    transform: scale(1.04) !important;
}

/* Reset pozadí na wrapper divoch — style.min.css im dáva farebné pozadia */
.product-third .container-product-actions {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.product-third .container-product-actions > div {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 2px 2px 0 !important;
    display: inline-block !important;
}

/* Badge "Doporučujeme" (zelený/cyan) */
.product-third .container-product-actions .startup span,
.product-third .container-product-actions .startup a {
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0,175,239,.35) !important;
    line-height: 1.4 !important;
}

/* Badge zľavy "-55%" */
.product-third .container-product-actions .clear span,
.product-third .container-product-actions .clear a {
    background: #ff4d4f !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 4px 10px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(255,77,79,.3) !important;
    line-height: 1.4 !important;
}

/* Obsah karty — text časť */
.product-third .product-content {
    padding: 14px 16px 0 16px !important;
}

/* Názov produktu — oprava žlto-zelenej farby z style.min.css */
.product-third .product-content h4,
.product-third .product-content h4 a {
    color: var(--w-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    margin: 0 0 8px !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
}

.product-third .product-content h4 a:hover {
    color: var(--w-primary) !important;
}

/* Dostupnosť "skladom" */
.product-third .catalog-delivery_name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #16a34a !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 100px !important;
    padding: 3px 10px !important;
    margin: 0 0 8px !important;
    line-height: 1.4 !important;
    width: fit-content !important;
}

/* Farby/varianty */
.product-third .show-appurtenances {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    margin: 0 0 10px !important;
}

/* Cena */
.product-third .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 0 0 12px !important;
}

.product-third .price .normal_price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    letter-spacing: -.02em !important;
    line-height: 1 !important;
}

.product-third .price .old_price,
.product-third .price .old-price {
    font-size: 13px !important;
    color: var(--w-text-light) !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* Tlačidlo "Do košíka" — reset pozadia na wrapper dive */
.product-third .add-cart-catalog {
    padding: 0 16px 16px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.product-third .button-add-cart-button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.product-third .button-add-cart-button input[type="submit"],
.product-third .button-add-cart-button button {
    width: 100% !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 100px !important;
    padding: 11px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
    box-shadow: 0 3px 10px rgba(0,175,239,.3) !important;
    height: auto !important;
    line-height: 1.4 !important;
    float: none !important;
    display: block !important;
}

.product-third .button-add-cart-button input[type="submit"]:hover,
.product-third .button-add-cart-button button:hover {
    background: linear-gradient(135deg, #13b9f5 0%, var(--w-primary) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0,175,239,.45) !important;
}

/* =====================================================
   SCROLL TO TOP
   ===================================================== */

#scroll-to-top-button {
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(0,175,239,.4) !important;
    transition: var(--w-tr) !important;
}

#scroll-to-top-button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 28px rgba(0,175,239,.5) !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 1100px) {
    #header { padding-left: 180px !important; gap: 10px; }
    #header #search { max-width: 360px !important; }
}

@media (max-width: 768px) {
    #header {
        flex-wrap: wrap !important;
        padding-left: 0 !important;
        padding-top: 70px !important;
        gap: 8px !important;
        background-position: 12px 12px !important;
    }
    #header #search { max-width: 100% !important; order: 3; flex-basis: 100%; }
    #head-login a { padding: 7px 12px !important; font-size: 12px !important; }
}

/* =====================================================
   SCROLL HAMBURGER — zobrazí sa keď #container-articles-menu
   odscroluje z obrazovky
   ===================================================== */

/* Tlačidlo — predvolene skryté */
#scroll-hamburger-btn {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    order: 3;
    width: 40px;
    height: 40px;
    background: none;
    border: 1.5px solid rgba(0,0,0,.15);
    border-radius: 8px;
    cursor: pointer;
    padding: 9px 11px;
    transition: background .2s ease, border-color .2s ease;
}

#scroll-hamburger-btn span {
    display: block;
    width: 18px;
    height: 2px;
    background: var(--w-text);
    border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease;
    pointer-events: none;
}

#scroll-hamburger-btn:hover {
    background: rgba(0,175,239,.08);
    border-color: var(--w-primary);
}

/* Zobraz tlačidlo keď nav odscroloval */
body.nav-scrolled-away #scroll-hamburger-btn {
    display: flex;
}

/* Animácia na X keď je dropdown otvorený */
body.nav-dropdown-open #scroll-hamburger-btn span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
body.nav-dropdown-open #scroll-hamburger-btn span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
body.nav-dropdown-open #scroll-hamburger-btn span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Drawer — samostatný dropdown kontajner pre hamburger menu */
#scroll-nav-drawer {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    background: linear-gradient(135deg, #0c1220 0%, #1a2540 50%, #0c1220 100%);
    border-bottom: 2px solid rgba(0,175,239,.3);
    box-shadow: 0 8px 32px rgba(0,0,0,.5);
    overflow-x: auto;
}

body.nav-dropdown-open #scroll-nav-drawer {
    display: block;
    animation: nav-dropdown-in .2s ease both;
}

/* Zrkadli štýly articles-menu vnútri drawera */
#scroll-nav-drawer #articles-menu-drawer {
    display: flex;
    align-items: stretch;
    padding: 0 16px;
}

#scroll-nav-drawer #articles-menu-drawer ul {
    display: flex !important;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#scroll-nav-drawer #articles-menu-drawer ul li a {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 46px;
    color: rgba(255,255,255,.85);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease, background .15s ease;
    gap: 6px;
}

#scroll-nav-drawer #articles-menu-drawer ul li a:hover,
#scroll-nav-drawer #articles-menu-drawer ul li.active > a {
    color: var(--w-primary);
    background: rgba(0,175,239,.08);
}

/* Reset posunutia domčeka — style.min.css dáva top:12px */
#scroll-nav-drawer #articles-menu-drawer .menu-home span {
    top: 0 !important;
    position: static !important;
}

/* Submenu v draweri */
#scroll-nav-drawer #articles-menu-drawer ul li {
    position: relative;
}

#scroll-nav-drawer #articles-menu-drawer ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #1a2540;
    border: 1px solid rgba(0,175,239,.2);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
    z-index: 1;
    flex-direction: column;
}

#scroll-nav-drawer #articles-menu-drawer ul li:hover > ul {
    display: flex;
}

#scroll-nav-drawer #articles-menu-drawer ul li ul li a {
    height: 38px;
    font-size: 12px;
    letter-spacing: .03em;
    padding: 0 16px;
    text-transform: none;
}

@keyframes nav-dropdown-in {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* =====================================================
   DETAIL PRODUKTU
   ===================================================== */

/* Wrapper — zachovávame float layout zo style.min.css */
#detail {
    background: transparent !important;
}

/* Ľavá kolóna — galéria */
#gallery {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    padding: 20px !important;
}

/* Nadpis produktu */
#gallery h1 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    line-height: 1.3 !important;
    letter-spacing: -.02em !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    float: none !important;
}

/* Kód produktu + hodnotenie — flex riadok */
#container-detail-code-and-evaluation {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 0 14px !important;
}

#detail-code-product {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    font-weight: 500 !important;
    background: var(--w-bg) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 100px !important;
    padding: 3px 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* ── Pravá kolóna — product detail ── */
#product-detail {
    background: transparent !important;
}

/* ── Price Block — karta s cenou a košíkom ── */
#price-block {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--w-shadow-md) !important;
    padding: 20px 22px 20px !important;
    margin-bottom: 16px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Horný cyan pruh */
#price-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%);
}

/* Cena */
.detail-old-and-actual-price {
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.detail-old-and-actual-price p.price {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.detail-old-and-actual-price .normal_price {
    font-size: 32px !important;
    font-weight: 900 !important;
    color: var(--w-text) !important;
    letter-spacing: -.03em !important;
    line-height: 1 !important;
}

.detail-old-and-actual-price .normal_price .s-dph {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--w-text-light) !important;
    letter-spacing: 0 !important;
    margin-left: 4px !important;
}

.detail-old-and-actual-price .old_price,
.detail-old-and-actual-price .old-price {
    font-size: 15px !important;
    color: var(--w-text-light) !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    margin-left: 8px !important;
}

/* Ušetríte */
p.save-price {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0px !important;
}

p.save-price .price-info {
    font-weight: 700 !important;
    color: #e53e3e !important;
    font-size: 13px !important;
}

p.save-price .percet {
    background: #fff5f5 !important;
    color: #e53e3e !important;
    border: 1px solid #fed7d7 !important;
    border-radius: 100px !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Množstvo + košík sekcia */
.detail-add-to-cart-all {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
    flex-wrap: wrap !important;
}

input.mini-imput-text {
    width: 60px !important;
    height: 46px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--w-text) !important;
    background: var(--w-bg) !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    flex-shrink: 0 !important;
    transition: border-color .15s ease !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    line-height: 46px !important;
    vertical-align: middle !important;
}

input.mini-imput-text:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

label.mini-imput-label {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    float: none !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Wrapper tlačidla košík */
.add-cart {
    flex: 1 1 auto !important;
}

/* Hlavné tlačidlo "Pridaj do košíka" */
#add-cart-button,
#button-add-cart-button input[type="submit"],
.add-cart input[type="submit"] {
    width: 100% !important;
    height: 46px !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 100px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.4) !important;
    padding: 0 28px !important;
    display: block !important;
    line-height: 46px !important;
    text-align: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#add-cart-button:hover,
#button-add-cart-button input[type="submit"]:hover,
.add-cart input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,175,239,.5) !important;
}

/* "Upozorniť po naskladnení" tlačidlo */
.add-cart-customer-interest-dialog a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    padding: 0 24px !important;
    background: var(--w-bg) !important;
    color: var(--w-text-mid) !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: var(--w-tr) !important;
    cursor: pointer !important;
}

.add-cart-customer-interest-dialog a:hover {
    border-color: var(--w-primary) !important;
    color: var(--w-primary-dk) !important;
    background: var(--w-primary-lt) !important;
}

/* ── Dostupnosť / doručenie ── */
#product-detail .delivery {
    margin: 20px 0 14px !important;
}

#product-detail .delivery p {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 10px 14px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #15803d !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

#delivery-info {
    font-weight: 700 !important;
    color: #15803d !important;
}

/* Doprava zadarmo */
#detail-free-delivery-info {
    background: var(--w-primary-lt) !important;
    border: 1px solid rgba(0,175,239,.25) !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--w-primary-dk) !important;
    margin: 0 0 8px !important;
}

/* ── Popis produktu ── */
#description {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    margin: 0 0 16px !important;
    font-size: 14px !important;
    color: var(--w-text-mid) !important;
    line-height: 1.75 !important;
    box-shadow: var(--w-shadow-sm) !important;
}

/* ── Parametre produktu ── */
.param-product {
    margin: 0 0 16px !important;
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: var(--w-shadow-sm) !important;
}

.param-product-row {
    border-bottom: 1px solid var(--w-border) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    transition: background .12s ease !important;
}

.param-product-row:last-child {
    border-bottom: none !important;
}

.param-product-row.odd {
    background: var(--w-bg) !important;
}

.param-product-row:hover {
    background: var(--w-primary-lt) !important;
}

.param-product-row p {
    display: flex !important;
    align-items: baseline !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
}

.param-product-row p .title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--w-text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    min-width: 140px !important;
    flex-shrink: 0 !important;
}

.param-product-row p .text {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--w-text) !important;
    flex: 1 !important;
}

/* ── Otázka na predajcu ── */
#form-question-seller {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    padding: 20px 22px !important;
    margin: 0 0 16px !important;
    box-shadow: var(--w-shadow-sm) !important;
}

#form-question-seller .alert-window-title,
#form-question-seller h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    margin: 0 0 14px !important;
}

#form-question-seller input[type="text"],
#form-question-seller input[type="email"],
#form-question-seller textarea {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
    background: var(--w-bg) !important;
    outline: none !important;
    font-family: inherit !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
    box-sizing: border-box !important;
    margin-bottom: 8px !important;
}

#form-question-seller input[type="text"]:focus,
#form-question-seller input[type="email"]:focus,
#form-question-seller textarea:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

#form-question-seller textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* ── Nahradiť starý .icon-cart-delivery sprite SVG checkmark ── */
#product-detail .delivery p .icon-cart-delivery,
.delivery p .icon-cart-delivery {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: transparent !important;
    font-size: 0 !important;
    vertical-align: middle !important;
    /* Zrušiť pôvodný sprite pozíciu z style.min.css */
    background-origin: padding-box !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
    position: relative !important;
}

/* Cena a košík — 2-stĺpcový float layout (cena vľavo, košík vpravo)
   ─ odstraňujeme border-bottom (bol len 152px, vyzeralo zle)
   ─ pridávame border-right ako vizuálny oddeľovač */
#price-block .detail-old-and-actual-price {
    border-bottom: none !important;
    border-right: 1px solid var(--w-border) !important;
    padding-right: 18px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Košík stĺpec — odsadenie od ceny */
#price-block .detail-add-to-cart-all {
    padding-left: 18px !important;
}

/* float: none na oba — ak má style.min.css float:left ─ zachovávame, idem len opraviť border */

/* Breadcrumb — moderný štýl */
#container-navigation-top .top-navigation {
    padding: 8px 0 4px !important;
}

#container-navigation-top .top-navigation a,
.top-navigation .navigation-breadcrumbs a,
.navigationLine + div a {
    color: var(--w-text-light) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
}

#container-navigation-top .top-navigation a:hover {
    color: var(--w-primary) !important;
}

/* Detail links (Upozorniť, Odoslať, Obľúbené...) */
#detail-links,
.detail-links {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    margin: 10px 0 !important;
    box-shadow: var(--w-shadow-sm) !important;
}

#detail-links a,
.detail-links a {
    font-size: 12.5px !important;
    color: var(--w-text-mid) !important;
    text-decoration: none !important;
    transition: color .15s ease !important;
}

#detail-links a:hover,
.detail-links a:hover {
    color: var(--w-primary-dk) !important;
}

/* Hodnotenie — hviezdy */
.evalution .star-1,
.evalution .star-2,
.evalution .star-3,
.evalution .star-4,
.evalution .star-5 {
    color: #f59e0b !important;
}

/* Social share ikony — zmenšiť farby na neutrálne */
#render-social-networks a,
.render-social-networks a {
    opacity: .7 !important;
    transition: opacity .15s ease !important;
    filter: saturate(.6) !important;
}

#render-social-networks a:hover,
.render-social-networks a:hover {
    opacity: 1 !important;
    filter: saturate(1) !important;
}

/* ── Nadpis "Posledné prezerané" — reset margin hore ── */
#related-product > p.products-title-with-line:first-child {
    margin-top: 24px !important;
}

/* ── Oprava: zelený badge len pre prvú .delivery (dostupnosť) ── */
#product-detail > .delivery > p {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 10px 14px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #15803d !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ── Formulár "Otázka na predajcu" — #contact-left-detail ── */
#contact-left-detail {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    padding: 20px 22px 22px !important;
    margin: 0 0 16px !important;
    box-shadow: var(--w-shadow-sm) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Farebný horný pruh */
#contact-left-detail::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%);
}

/* Nadpis "Otázka na predajcu" */
#contact-left-detail > p {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    margin: 8px 0 16px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    display: block !important;
    line-height: 1.3 !important;
}

/* Form wrapper */
#contact-left-detail .myform {
    padding: 0 !important;
}

/* Fieldset — odstrániť pôvodné ohraničenie */
#contact-left-detail fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* Row wrapper */
#contact-left-detail .row {
    margin-bottom: 10px !important;
}

/* Inputy — text polia */
#contact-left-detail input[type="text"],
#contact-left-detail input[type="email"] {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
    background: var(--w-bg) !important;
    outline: none !important;
    font-family: inherit !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#contact-left-detail input[type="text"]:focus,
#contact-left-detail input[type="email"]:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

/* Textarea */
#contact-left-detail textarea {
    width: 100% !important;
    min-height: 100px !important;
    padding: 12px 14px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
    background: var(--w-bg) !important;
    outline: none !important;
    font-family: inherit !important;
    resize: vertical !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
}

#contact-left-detail textarea:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

/* Submit tlačidlo "Odoslať" */
#button-sendContact input[type="submit"],
#contact-left-detail input[type="submit"] {
    width: 100% !important;
    height: 46px !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 100px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.4) !important;
    margin-top: 12px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
}

#button-sendContact input[type="submit"]:hover,
#contact-left-detail input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,175,239,.5) !important;
}

/* Recaptcha wrapper — minimálne vizuálne */
#fieldset-send_for_seller_detail_captcha {
    margin-top: 10px !important;
}

/* ── Info links (Upozorniť / Otázka / Poslať) — v #gallery ── */
.info-links {
    margin: 14px 0 0 !important;
    padding: 0 !important;
}

.info-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid var(--w-border) !important;
}

.info-links ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.info-links ul li a,
#low-price,
#question-seller,
#send-frend {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--w-text-mid) !important;
    text-decoration: none !important;
    padding: 6px 12px !important;
    background: var(--w-bg) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 100px !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease !important;
    white-space: nowrap !important;
}

.info-links ul li a:hover,
#low-price:hover,
#question-seller:hover,
#send-frend:hover {
    background: var(--w-primary-lt) !important;
    color: var(--w-primary-dk) !important;
    border-color: rgba(0,175,239,.3) !important;
}

/* ── Social share ikony — #detail-social-networks-icons ── */
#detail-social-networks-icons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid var(--w-border) !important;
}

#detail-social-networks-icons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    opacity: .75 !important;
    transition: opacity .15s ease, transform .15s ease !important;
    text-decoration: none !important;
}

#detail-social-networks-icons a:hover {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
}

#detail-social-networks-icons a img {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
}

/* =====================================================
   DETAIL PRODUKTU — OPRAVY (z14 → z15)
   ===================================================== */

/* 1. Zobraziť #contact-left-detail (style.min.css má display:none) */
#contact-left-detail {
    display: block !important;
}

/* 2. Odstraniť sprite pozadie z input#phone
   style.min.css má: .webp #fieldset-send_for_seller_detail #phone { bg: !important }
   Musíme použiť rovnakú špecificitu (0,3,0) + !important + načítaný neskôr → vyhrá */
.webp #fieldset-send_for_seller_detail #phone,
.no-webp #fieldset-send_for_seller_detail #phone,
.webp #fieldset-send_for_seller_detail .row .element #phone,
.no-webp #fieldset-send_for_seller_detail .row .element #phone {
    background-image: none !important;
    background-color: var(--w-bg) !important;
    background-position: 0 0 !important;
}

/* 3. Submit tlačidlo "Odoslať" — rozšíriť na plnú šírku */
#fieldset-send_for_seller_detail_captcha .buttons {
    width: 100% !important;
    display: block !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

#button-sendContact {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}

/* 4. Skryť FB Like button (zbytočný priestor v pravej kolóne) */
#detail-social-network-buttons,
.fb-comments {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 5. Skryť hr.space — nahradzujeme vlastnými medzerami */
hr.space {
    display: none !important;
}

/* 6. Social share ikony — opraviť background-size na PNG */
#detail-social-networks-icons a {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border-radius: 10px !important;
}

/* 7. Titulok formulára — silnejší */
#contact-left-detail > p:first-of-type {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    letter-spacing: -.02em !important;
    margin: 6px 0 18px !important;
    display: block !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 8. reCAPTCHA wrapper — plná šírka, zarovnanie */
#grecaptcharesponse-element {
    width: 100% !important;
    margin-bottom: 12px !important;
}
.g-recaptcha {
    display: block !important;
    margin-bottom: 12px !important;
}

/* 9. Fieldset v kontaktnom formulári — plná šírka */
#fieldset-send_for_seller_detail,
#fieldset-send_for_seller_detail_textarea,
#fieldset-send_for_seller_detail_captcha {
    width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 10. Price block — zarovnanie obsahu v price stĺpci na stred */
#price-block .detail-old-and-actual-price {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    height: 100% !important;
}

/* 11. Price block — .detail-add-to-cart-all by default flex (oprava pre float layout) */
#price-block .detail-add-to-cart-all {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* 11b. Odstrániť farebné pozadie z obaľovacích divov .button-type-1 — price block aj formulár */
#price-block #button-add-cart-button,
#price-block .button-type-1,
#button-sendContact,
#contact-left-detail .button-type-1 {
    background: transparent !important;
    background-color: transparent !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 12. Skryť prázdne info-links ikony zo style.min.css (pred pill badges) */
.info-links ul li span.icon,
#low-price span:first-child,
#question-seller span:first-child,
#send-frend span:first-child {
    display: none !important;
}

/* 13. Info links — zachovaj len text  */
.info-links ul li a {
    display: inline-flex !important;
}

/* 14. Param product table — border-radius sa prejavuje len ak má overflow:hidden */
.param-product {
    overflow: hidden !important;
}

/* 15. Param riadky — clearfix */
.param-product-row {
    overflow: hidden !important;
    display: flex !important;
}

.param-product-row p {
    width: 100% !important;
    display: flex !important;
}

/* =====================================================
   DETAIL PRODUKTU — z17: Social share + info-links ikony
   ===================================================== */

/* ── Social share ikony: nahradiť farebné PNG → SVG + brand farba ── */
#detail-social-networks-icon-facebook,
#detail-social-networks-icon-twitter,
#detail-social-networks-icon-tumblr,
#detail-social-networks-icon-pinterest {
    background-size: 20px 20px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
}

#detail-social-networks-icon-facebook {
    background-color: #1877F2 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E") !important;
}

#detail-social-networks-icon-twitter {
    background-color: #1DA1F2 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z'/%3E%3C/svg%3E") !important;
}

#detail-social-networks-icon-tumblr {
    background-color: #35465C !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.967c3.948-1.419 5.031-4.943 5.259-6.949C10.596 0 13.18 0 13.18 0v6.867h4.255v2.88H13.18v7.652c.034 1.996 1.371 2.649 2.499 2.649.878 0 1.671-.235 2.24-.528v3.024c-.888.27-1.988.456-3.356.456z'/%3E%3C/svg%3E") !important;
}

#detail-social-networks-icon-pinterest {
    background-color: #E60023 !important;
    /* Geometrické "P" — stem + D-oblúk, fill white */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='4' width='3' height='16' rx='1.5' fill='white'/%3E%3Cpath d='M10 4h2a5 5 0 0 1 0 10h-2z' fill='white'/%3E%3C/svg%3E") !important;
}

/* ── Info-links span ikony: nahradiť sprite → SVG ── */
.icon-cart-low-price,
.icon-cart-question,
.icon-cart-send,
.icon-cart-add-favorit,
.icon-compare {
    background-image: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 16px 16px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    vertical-align: middle !important;
    margin-top: 1px !important;
}

/* Bell — upozorniť na zníženie ceny */
.icon-cart-low-price {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") !important;
}

/* Question circle — otázka na predajcu */
.icon-cart-question {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
}

/* Envelope — poslať e-mailom */
.icon-cart-send {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") !important;
}

/* Heart — pridať medzi obľúbené */
.icon-cart-add-favorit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
}

/* Bar chart — porovnávač */
.icon-compare {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E") !important;
}

/* =====================================================
   KOŠÍK — add-product-success (z23)
   ===================================================== */

/* Wrapper — moderná karta, flex, bez float */
#cart-add-product-success {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    float: none !important;
    width: auto !important;
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    box-shadow: var(--w-shadow-sm) !important;
    padding: 32px 36px !important;
    margin: 20px 0 32px !important;
    box-sizing: border-box !important;
}

/* ── Animovaná ikona úspechu ── */
@keyframes wuniSuccessCircle {
    0%   { transform: scale(0); opacity: 0; }
    55%  { transform: scale(1.18); opacity: 1; }
    78%  { transform: scale(0.92); }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes wuniSuccessCheck {
    0%   { transform: translate(-50%, -60%) rotate(40deg) scale(0); opacity: 0; }
    40%  { opacity: 1; }
    70%  { transform: translate(-50%, -60%) rotate(40deg) scale(1.12); }
    100% { transform: translate(-50%, -60%) rotate(40deg) scale(1); opacity: 1; }
}

@keyframes wuniSuccessRipple {
    0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.45); }
    70%  { box-shadow: 0 0 0 20px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

.icon-success {
    flex-shrink: 0 !important;
    float: none !important;
    width: 72px !important;
    height: 72px !important;
    background-color: transparent !important;
    background-image: none !important;
    position: relative !important;
    border-radius: 50% !important;
    animation: wuniSuccessRipple .75s ease .72s both !important;
}

/* Zelený kruh — bounce in */
.icon-success::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #22c55e;
    border-radius: 50%;
    animation: wuniSuccessCircle .55s cubic-bezier(.175,.885,.32,1.275) both;
}

/* Biela fajočka — nakreslí sa s miernym oneskorením */
.icon-success::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 46%;
    width: 13px;
    height: 22px;
    border-right: 5.5px solid #fff;
    border-bottom: 5.5px solid #fff;
    border-radius: 2px;
    animation: wuniSuccessCheck .38s ease .4s both;
}

/* Textový blok — bez float, flex item */
#cart-add-product-success-text {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* Skryť hr.space vnútri bloku */
#cart-add-product-success hr.space {
    display: none !important;
}

/* Nadpis */
#cart-add-product-success-text .title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    letter-spacing: -.02em !important;
    margin: 0 0 8px !important;
    line-height: 1.3 !important;
}

/* Popis */
#cart-add-product-success-text .text {
    font-size: 14px !important;
    color: var(--w-text-mid) !important;
    line-height: 1.6 !important;
    margin: 0 0 20px !important;
    max-width: 680px !important;
}

/* Tlačidlá — kontajner */
#cart-add-product-success-text .button-type-1 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    float: none !important;
    display: inline-block !important;
}

/* "Pokračovať v nákupe" — sekundárne tlačidlo */
#cart-add-product-success-text .button-type-back {
    margin-right: 10px !important;
}

#cart-add-product-success-text .button-type-back a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    padding: 11px 22px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--w-text-mid) !important;
    background: var(--w-bg) !important;
    border: 1.5px solid var(--w-border) !important;
    text-decoration: none !important;
    transition: var(--w-tr) !important;
}

#cart-add-product-success-text .button-type-back a.buttons-text:hover {
    background: var(--w-primary-lt) !important;
    color: var(--w-primary-dk) !important;
    border-color: rgba(0,175,239,.35) !important;
}

/* "Prejsť do košíka" — primárne CTA tlačidlo */
#cart-add-product-success-text .button-type-next a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    padding: 11px 22px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--w-primary) !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.4) !important;
    transition: var(--w-tr) !important;
}

#cart-add-product-success-text .button-type-next a.buttons-text:hover {
    background: var(--w-primary-dk) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,175,239,.5) !important;
}

/* ── Tipy na ďalší nákup ── */
#tips-after-add-to-cart {
    margin-top: 0 !important;
}

#tips-after-add-to-cart .products-title-with-line {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 24px !important;
    background: none !important;
    background-image: none !important;
}

#tips-after-add-to-cart .products-title-with-line::before,
#tips-after-add-to-cart .products-title-with-line::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: var(--w-border) !important;
}

#tips-after-add-to-cart .products-title-with-line span {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: var(--w-text-light) !important;
    white-space: nowrap !important;
    background: none !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 100px !important;
    padding: 5px 16px !important;
}

/* ═══════════════════════════════════════════════════════
   z25 — Košík krok 1 (first.phtml) – kompletná modernizácia
   ═══════════════════════════════════════════════════════ */

/* ── Wrapper krokov — flex column, navigácia hore, info dole ── */
.cart-steps {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Stepper navigácia (1 Košík → 2 Dodacie údaje → 3 Objednávka) ── */
#cart-big-navigation {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: unset !important;
    padding: 32px 0 28px !important;
    gap: 0 !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* step item (p tag) */
#cart-big-navigation p {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    float: none !important;
    flex: 0 0 auto !important;
    cursor: default !important;
    min-width: 90px !important;
}

/* číslo v kruhu — span:first-child */
#cart-big-navigation p > span:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: #e2e8f0 !important;
    color: #94a3b8 !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: none !important;
    transition: background .25s, color .25s, border-color .25s !important;
    line-height: 1 !important;
}

/* label pod číslom — span:last-child */
#cart-big-navigation p > span:last-child {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.4 !important;
    background: none !important;
}

/* ── AKTÍVNY krok — dva ID selektory (2,1,1) bijú všeobecné (1,1,2) ── */
/* Pozn: prehliadač normalizuje "p#id" → "#id", preto používame "#parent #child" */
#cart-big-navigation #cart-big-navigation-item-active > span:first-child {
    background: var(--w-primary) !important;
    color: #fff !important;
    border-color: var(--w-primary) !important;
    box-shadow: 0 0 0 5px rgba(0,175,239,.18) !important;
}

#cart-big-navigation #cart-big-navigation-item-active > span:last-child {
    color: var(--w-primary-dk) !important;
    font-weight: 700 !important;
}

/* zruš margin-top z style.min.css na p (30px) */
#cart-big-navigation p {
    margin-top: 0 !important;
}

/* ── Spojovacia čiara (prázdne span medzi krokmi) ── */
#cart-big-navigation > span:not([id]) {
    flex: 1 1 auto !important;
    display: block !important;
    height: 2px !important;
    background: #e2e8f0 !important;
    width: auto !important;
    min-width: 30px !important;
    /* margin-top = polovica výšky kruhu (44px/2 = 22px) - 1px (polovica čiary) */
    margin-top: 21px !important;
    border-radius: 2px !important;
    align-self: auto !important;
}

/* Spojovacia čiara za AKTÍVNYM krokom: gradient cyan → sivá */
#cart-big-navigation p#cart-big-navigation-item-active + span:not([id]) {
    background: linear-gradient(to right, var(--w-primary), #e2e8f0) !important;
}

/* ── Info správa nad tabuľkou ── */
.bg-cart-block {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-radius: var(--w-r-md) !important;
    padding: 14px 18px !important;
    margin-bottom: 20px !important;
    font-size: 13.5px !important;
    color: #0369a1 !important;
    float: none !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.bg-cart-block p {
    margin: 0 !important;
    color: #0369a1 !important;
    font-size: 13.5px !important;
}

/* info ikona */
/* ══════════════════════════════════════════════════════════════════
   KROK 2 — DODACIE ÚDAJE (second.phtml)
   ══════════════════════════════════════════════════════════════════ */

/* ── A) Karty: Prihlásenie + Nákup bez registrácie ── */

#login-cart-block,
#registration-cart-block {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: var(--w-r-lg) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
    padding: 36px 40px !important;
    box-sizing: border-box !important;
    float: left !important;
    margin-bottom: 32px !important;
    margin-left: 0 !important;
    width: 47% !important;
}

#login-cart-block {
    margin-right: 6% !important;
}

#registration-cart-block {
    margin-right: 0 !important;
}

/* Nadpis karty */
#login-cart-block p.title,
#registration-cart-block p.title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* Login inputy */
#login-cart-block input[type="text"],
#login-cart-block input[type="password"] {
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: var(--w-r-md) !important;
    font-size: 14px !important;
    color: #1a202c !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
    transition: border-color .2s, background .2s !important;
    outline: none !important;
    float: none !important;
    height: auto !important;
    line-height: 1.5 !important;
}

#login-cart-block input[type="text"]:focus,
#login-cart-block input[type="password"]:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.1) !important;
}

/* Prihlásiť button — celý wrapper aj input */
#button-login {
    margin-top: 8px !important;
    float: none !important;
    width: 100% !important;
    background: var(--w-primary) !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.3) !important;
    transition: background .2s, transform .15s, box-shadow .2s !important;
    height: auto !important;
    text-align: center !important;
    position: relative !important;
}

#button-login:hover {
    background: var(--w-primary-dk) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0,175,239,.35) !important;
}

#button-login input[type="submit"] {
    display: block !important;
    width: 100% !important;
    padding: 13px 24px !important;
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: .05em !important;
    height: auto !important;
    line-height: 1.5 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Info text (registrácia link) */
#login-cart-block .info {
    margin-top: 20px !important;
    padding: 12px 16px !important;
    background: #f0f9ff !important;
    border-radius: var(--w-r-md) !important;
    border-left: 3px solid var(--w-primary) !important;
    display: block !important;
    float: none !important;
    clear: both !important;
}

#login-cart-block .info p {
    font-size: 13px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

#login-cart-block .info p .info {
    display: none !important;
}

/* Nákup bez registrácie — popis */
#registration-cart-block p.order-type {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 0 24px !important;
    text-align: center !important;
}

/* Tlačidlá výberu — flex stĺpec */
#registration-cart-block form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    float: none !important;
}

/* Súkromná osoba — wrapper + input */
#button-user-button {
    width: 100% !important;
    float: none !important;
    background: var(--w-primary) !important;
    border: 2px solid var(--w-primary) !important;
    border-radius: 50px !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.25) !important;
    transition: all .2s !important;
    text-align: center !important;
}

#button-user-button:hover {
    background: var(--w-primary-dk) !important;
    border-color: var(--w-primary-dk) !important;
    transform: translateY(-2px) !important;
}

#button-user-button input[type="submit"] {
    display: block !important;
    width: 100% !important;
    padding: 14px 24px !important;
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: .05em !important;
    height: auto !important;
    line-height: 1.5 !important;
}

/* Nákup pre firmy — wrapper + input */
#button-company-button {
    width: 100% !important;
    float: none !important;
    background: #fff !important;
    border: 2px solid var(--w-primary) !important;
    border-radius: 50px !important;
    transition: all .2s !important;
    text-align: center !important;
}

#button-company-button:hover {
    background: var(--w-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.25) !important;
}

#button-company-button input[type="submit"] {
    display: block !important;
    width: 100% !important;
    padding: 14px 24px !important;
    background: transparent !important;
    color: var(--w-primary) !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: .05em !important;
    height: auto !important;
    line-height: 1.5 !important;
    transition: color .2s !important;
}

#button-company-button:hover input[type="submit"] {
    color: #fff !important;
}

/* ── B) Formulár s adresou (.no-reg-form / .myform) ── */

.no-reg-form {
    padding-top: 8px !important;
    padding-bottom: 32px !important;
}

/* Sekcia header — Fakturačná / Dodacia adresa */
.no-reg-info {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 32px 0 20px !important;
}

.no-reg-info p#address1,
.no-reg-info p#address2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    padding: 0 0 12px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    margin: 0 !important;
}

.no-reg-info p#address1::before,
.no-reg-info p#address2::before {
    content: '' !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.no-reg-info p#address1::before {
    background: var(--w-primary) !important;
}

.no-reg-info p#address2::before {
    background: #94a3b8 !important;
}

#show-address-p,
#hide-address-p {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 8px 0 0 !important;
}

#show-address-p a,
#hide-address-p a {
    color: var(--w-primary) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Row spacing */
.myform .row-medium-margin,
.myform .row-big,
.myform .row-medium {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

.myform .row-full {
    margin-top: 16px !important;
}

/* Form inputs */
.myform input[type="text"],
.myform input[type="email"],
.myform select {
    padding: 12px 16px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: var(--w-r-md) !important;
    font-size: 14px !important;
    color: #1a202c !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    transition: border-color .2s, background .2s !important;
    outline: none !important;
}

.myform input[type="text"]:focus,
.myform input[type="email"]:focus,
.myform select:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.1) !important;
}

/* Checkbox styling */
.myform .row input[type="checkbox"] {
    accent-color: var(--w-primary) !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
}

.myform .row label {
    font-size: 13px !important;
    color: #475569 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}

/* ── C) Navigačné tlačidlá dole ── */

.button-back-to-first-step {
    float: left !important;
    clear: none !important;
    margin-top: 32px !important;
}

/* Odstrániť tmavé pozadie z .button-type-1 wrappers na stránke second */
.button-back-to-first-step .button-type-back {
    background: transparent !important;
    background-color: transparent !important;
    height: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}

.button-back-to-first-step .button-type-back a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    border: 2px solid #e2e8f0 !important;
    background: #fff !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .2s !important;
    letter-spacing: .04em !important;
}

.button-back-to-first-step .button-type-back a.buttons-text:hover {
    border-color: var(--w-primary) !important;
    color: var(--w-primary) !important;
    background: #f0f9ff !important;
}

/* ── Pokračovať — #button-next (neprihlásený, buyForm) ── */
#button-next {
    float: right !important;
    margin-top: 32px !important;
    margin-right: 56px !important;   /* clearance od fixného Novinky taba */
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    border-radius: 50px !important;
    box-shadow: 0 6px 20px rgba(0,175,239,.4) !important;
    transition: background .2s, transform .2s, box-shadow .2s !important;
    text-align: center !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
    display: inline-block !important;
}

#button-next::after {
    content: '→' !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.8) !important;
    pointer-events: none !important;
    transition: right .2s ease !important;
}

#button-next:hover {
    background: linear-gradient(135deg, #18d0ff 0%, var(--w-primary) 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 28px rgba(0,175,239,.55) !important;
}

#button-next:hover::after {
    right: 14px !important;
}

#button-next input[type="submit"] {
    padding: 14px 52px 14px 32px !important;  /* right padding nechá miesto šípke */
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: .05em !important;
    height: auto !important;
    line-height: 1.5 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ── Pokračovať — div.buttons (prihlásený používateľ, regForm) ── */
.no-reg-form .buttons {
    float: right !important;
    margin-top: 32px !important;
    margin-right: 56px !important;   /* clearance od fixného Novinky taba */
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    border-radius: 50px !important;
    box-shadow: 0 6px 20px rgba(0,175,239,.4) !important;
    transition: background .2s, transform .2s, box-shadow .2s !important;
    text-align: center !important;
    clear: none !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
    display: inline-block !important;
}

.no-reg-form .buttons::after {
    content: '→' !important;
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 17px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.8) !important;
    pointer-events: none !important;
    transition: right .2s ease !important;
}

.no-reg-form .buttons:hover {
    background: linear-gradient(135deg, #18d0ff 0%, var(--w-primary) 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 28px rgba(0,175,239,.55) !important;
}

.no-reg-form .buttons:hover::after {
    right: 14px !important;
}

/* buyForm: #button-next je vnorený v .buttons — odstrán duplicitnú šípku a vizuálne štýly z vonkajšieho wrappera */
.no-reg-form .buttons:has(#button-next)::after,
.no-reg-form .buttons:has(#button-next):hover::after {
    content: none !important;
}
.no-reg-form .buttons:has(#button-next) {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    transition: none !important;
    transform: none !important;
    /* float: right zachovávame — #button-next sa positionuje sám */
}

.no-reg-form .buttons input[type="submit"] {
    padding: 14px 52px 14px 32px !important;
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    letter-spacing: .05em !important;
    height: auto !important;
    line-height: 1.5 !important;
}

/* ── Clearfix po karte ── */
#login-cart-block + #registration-cart-block + * {
    clear: both !important;
}

/* ═══════════════════════════════════════════════════════════════════ */

.bg-cart-block .icon-type-info-price {
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230369a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    display: inline-block !important;
    margin-top: 1px !important;
}

/* ── Tabuľka produktov ── */
#cart-products {
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    box-shadow: var(--w-shadow-sm) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

#cart-info-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

/* hlavička tabuľky */
#cart-info-table tr.title td {
    background: #f8fafc !important;
    border-bottom: 2px solid var(--w-border) !important;
    padding: 12px 14px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--w-text-light) !important;
    white-space: nowrap !important;
}

/* riadky produktov */
#cart-info-table tr.normal td {
    padding: 14px 14px !important;
    border-bottom: 1px solid var(--w-border) !important;
    vertical-align: middle !important;
    background: transparent !important;
    color: var(--w-text) !important;
    font-size: 14px !important;
}

#cart-info-table tr.normal:last-child td {
    border-bottom: none !important;
}

#cart-info-table tr.normal:hover td {
    background: #fafbfc !important;
}

/* obrázok produktu */
#cart-info-table tr.normal td img {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 1px solid var(--w-border) !important;
    background: #f8fafc !important;
    display: block !important;
}

/* názov produktu – link */
#cart-info-table tr.normal td a {
    font-weight: 600 !important;
    color: var(--w-text) !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

#cart-info-table tr.normal td a:hover {
    color: var(--w-primary) !important;
}

/* dostupnosť */
#cart-info-table .cart-delivery-time-info {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    margin: 3px 0 0 !important;
}

/* cena / medzisúčet */
#cart-info-table td.price,
#cart-info-table td.price-all {
    font-weight: 600 !important;
    color: var(--w-text) !important;
    white-space: nowrap !important;
}

#cart-info-table td.price-all {
    font-size: 15px !important;
    color: var(--w-primary-dk) !important;
}

/* ── Počítadlo množstva ── */
.counter {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 100px !important;
    overflow: hidden !important;
    background: var(--w-card) !important;
    height: 36px !important;
}

.counter p {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    height: 100% !important;
}

.counter .inputCount,
.webp .counter .inputCount,
.webp #cart-info-table .inputCount {
    min-width: 28px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--w-text) !important;
    padding: 0 2px !important;
    order: 2 !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* empty trailing span in counter */
.counter p span:not(.inputCount),
.webp .counter span:not(.inputCount),
.webp .counter p span:not(.inputCount) {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* – tlačidlo (remove count) */
#cart-info-table input#input-remove,
.counter input#input-remove {
    order: 1 !important;
    width: 32px !important;
    height: 34px !important;
    background: transparent !important;
    border: none !important;
    border-right: 1.5px solid var(--w-border) !important;
    cursor: pointer !important;
    font-size: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: transparent !important;
    transition: background-color .15s !important;
}

/* + tlačidlo (add count) */
#cart-info-table input#input-add,
.counter input#input-add {
    order: 3 !important;
    width: 32px !important;
    height: 34px !important;
    background: transparent !important;
    border: none !important;
    border-left: 1.5px solid var(--w-border) !important;
    cursor: pointer !important;
    font-size: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: transparent !important;
    transition: background-color .15s !important;
}

#cart-info-table input#input-remove:hover,
.counter input#input-remove:hover,
#cart-info-table input#input-add:hover,
.counter input#input-add:hover {
    background-color: #f1f5f9 !important;
}

/* ── Tlačidlo odstrániť (X) ── */
#cart-info-table .button-type-1 {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

#cart-info-table .button-type-1 a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1.5px solid #fecaca !important;
    background: #fff5f5 !important;
    transition: var(--w-tr) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    float: none !important;
    line-height: 1 !important;
}

#cart-info-table .button-type-1 a.buttons-text:hover {
    background: #fee2e2 !important;
    border-color: #f87171 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ikona X v tlačidle odstraniť */
#cart-info-table .icon-type-remove {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    display: inline-block !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    vertical-align: middle !important;
}

/* ─── Zľava za prekročenie cenovej hladiny — pompézny riadok ─── */
tr.cart-discount-price-row {
    background: linear-gradient(90deg, #f0fdf4 0%, #dcfce7 60%, #f0fdf4 100%) !important;
    border-top: 1.5px dashed #86efac !important;
    border-bottom: 1.5px dashed #86efac !important;
}
tr.cart-discount-price-row td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Label wrapper — ikona + badge + text */
.cart-discount-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.cart-discount-label > svg {
    color: #16a34a !important;
    stroke: #16a34a !important;
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Badge "ZĽAVA" */
.cart-discount-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 4px rgba(34,197,94,.35) !important;
    flex-shrink: 0 !important;
}

/* Popis zľavy */
.cart-discount-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #15803d !important;
    line-height: 1.3 !important;
}

/* Suma zľavy */
td.cart-discount-price {
    color: #16a34a !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* Percento zľavy */
td.cart-discount-percent {
    color: #16a34a !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    background: rgba(34,197,94,.1) !important;
    border-radius: 6px !important;
}

/* ── Kupón sekcia ── */
#coupons-bg {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding: 10px 4px !important;
}

#coupons-bg .coupons-text {
    flex-shrink: 0 !important;
}

#coupons-bg .coupons-text p {
    margin: 0 !important;
    font-size: 13px !important;
    color: var(--w-text-light) !important;
    white-space: nowrap !important;
}

#coupons-bg input.coupons {
    flex: 1 !important;
    min-width: 160px !important;
    max-width: 240px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    outline: none !important;
    transition: border-color .2s !important;
    background: #f8fafc !important;
}

#coupons-bg input.coupons:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
}

#cart-confirm-coupon-button {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
}

#cart-confirm-coupon-button a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    background: var(--w-primary) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: var(--w-tr) !important;
}

#cart-confirm-coupon-button a:hover {
    background: var(--w-primary-dk) !important;
}

#cart-info-table td#coupons-bg-td,
#cart-info-table tr#return-coupons td {
    background: #fafbfc !important;
    border-top: 1px dashed var(--w-border) !important;
}

/* ─── Uplatnený kupón — štýl ako zľavový riadok ─── */
#return-coupons td {
    background: linear-gradient(90deg, #f0fdf4 0%, #dcfce7 60%, #f0fdf4 100%) !important;
    border-top: 1.5px dashed #86efac !important;
    border-bottom: 1.5px dashed #86efac !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

#coupons-bg .coupons-text-long.coupon-applied-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    background: none !important;
}

/* Ikona tagu vo fialovom tóne pre kupón */
#coupons-bg .coupon-applied-row .cart-discount-label > svg {
    color: #16a34a !important;
    stroke: #16a34a !important;
}

/* Badge "KUPÓN" — fialový odtieň */
#coupons-bg .coupon-applied-row .cart-discount-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, #a78bfa, #7c3aed) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 4px rgba(124,58,237,.35) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
}

/* Text kupóna */
#coupons-bg .coupon-applied-row .cart-discount-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #15803d !important;
    line-height: 1.3 !important;
}

/* Wrapper pre X tlačidlo vpravo */
.coupon-row-remove {
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* X tlačidlo — reset na kompaktný štýl */
.coupon-row-remove .button-type-1 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
}

.coupon-row-remove .button-type-1 a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1.5px solid #fecaca !important;
    background: #fff5f5 !important;
    transition: var(--w-tr) !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    float: none !important;
}

.coupon-row-remove .button-type-1 a.buttons-text:hover {
    background: #fee2e2 !important;
    border-color: #f87171 !important;
    transform: none !important;
}

.coupon-row-remove .icon-type-remove {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    display: inline-block !important;
    float: none !important;
    position: static !important;
    top: auto !important;
}


/* ── Sekcie platby a dopravy ── */
#cart-coutry-pay-delivery-selections {
    display: flex !important;
    gap: 16px !important;
    margin: 20px 0 !important;
    flex-wrap: wrap !important;
    float: none !important;
    width: 100% !important;
    overflow: visible !important;
    position: static !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* stĺpce */
.cart-cols-2,
.cart-cols-3 {
    flex: 1 !important;
    min-width: 240px !important;
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    box-shadow: var(--w-shadow-sm) !important;
    overflow: hidden !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* hlavička sekcie (Spôsob platby / Spôsob dopravy) */
#del-title,
#del-title.bg-cart-block-radio {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--w-border) !important;
    padding: 12px 16px !important;
    float: none !important;
    width: auto !important;
}

#del-title p,
#del-title.bg-cart-block-radio p {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--w-text) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: space-between !important;
}

#del-title.bg-cart-block-radio p .bg-cart-icon-right {
    margin-left: auto !important;
    flex-shrink: 0 !important;
    opacity: 0.45 !important;
    color: var(--w-primary, #0ea5e9) !important;
    stroke: var(--w-primary, #0ea5e9) !important;
}

/* ikony v hlavičkách */
.icon-cart-cols-payment,
.icon-cart-cols-delivery,
.icon-cart-cols-country {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    flex-shrink: 0 !important;
}

.icon-cart-cols-payment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300afef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important;
}

.icon-cart-cols-delivery {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300afef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") !important;
}

.icon-cart-cols-country {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300afef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important;
}

/* rádioboxy v kontajneri */
.cart-first-radio-container {
    padding: 12px 16px !important;
    background: transparent !important;
}

.cart-first-radio-container label {
    font-size: 14px !important;
    color: var(--w-text) !important;
    cursor: pointer !important;
}

.cart-first-radio-container .payWithPicture {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    margin: 2px 0 6px 22px !important;
}

.cart-first-radio-container hr.space {
    border: none !important;
    margin: 6px 0 !important;
    height: 0 !important;
}

/* ── Ajax loader ── */
#index-load-ajax {
    display: none !important;
}

/* ── Bannery (doprava zadarmo / dokúpte) ── */
.info-price {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: var(--w-r-md) !important;
    padding: 13px 18px !important;
    margin: 8px 0 !important;
    font-size: 14px !important;
    float: none !important;
    width: auto !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.info-price p {
    margin: 0 !important;
    font-size: 14px !important;
}

/* upsell banner – oranžový */
.info-price.buy-price-bg {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%) !important;
    border: 1px solid #fed7aa !important;
    color: #9a3412 !important;
}

.info-price.buy-price-bg p,
.info-price.buy-price-bg p b {
    color: #9a3412 !important;
}

/* free delivery banner – zelený */
.info-price.free-price-bg {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    border: 1px solid #86efac !important;
    color: #166534 !important;
}

.info-price.free-price-bg p {
    color: #166534 !important;
}

/* ikony v banneroch */
.icon-type-info-price {
    flex-shrink: 0 !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    margin-top: 0 !important;
}

.icon-type-success {
    flex-shrink: 0 !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* ── Celková suma ── */
#fullPrice {
    background: var(--w-card) !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    padding: 16px 20px !important;
    margin: 16px 0 !important;
    float: none !important;
    width: auto !important;
    clear: both !important;
    box-sizing: border-box !important;
}

#fullPrice p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--w-text) !important;
    font-size: 15px !important;
}

#fullPrice p .text {
    font-weight: 600 !important;
    color: var(--w-text) !important;
    font-size: 15px !important;
}

#fullPrice p .price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--w-primary-dk) !important;
}

/* ── Poznámka k objednávke ── */
#cart_description {
    margin: 16px 0 !important;
    clear: both !important;
}

#cart_description label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--w-text-light) !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

#cart_description textarea {
    width: 100% !important;
    min-height: 80px !important;
    padding: 10px 14px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
    background: var(--w-card) !important;
    resize: vertical !important;
    outline: none !important;
    transition: border-color .2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
}

#cart_description textarea:focus {
    border-color: var(--w-primary) !important;
}

/* ── Spodné tlačidlá ── */
#cart-first-step-bottom-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 20px 0 !important;
    float: none !important;
    clear: both !important;
}

#cart-first-step-bottom-buttons .button-type-1 {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
}

#cart-first-step-bottom-buttons .button-type-back a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    padding: 11px 22px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--w-text) !important;
    background: var(--w-card) !important;
    border: 1.5px solid var(--w-border) !important;
    text-decoration: none !important;
    transition: var(--w-tr) !important;
}

#cart-first-step-bottom-buttons .button-type-back a.buttons-text:hover {
    background: var(--w-primary-lt) !important;
    border-color: var(--w-primary) !important;
    color: var(--w-primary-dk) !important;
}

/* "Pokračovať v objednávke" submit */
#cart-first-step-bottom-buttons input.buttons[name="payDel-button"] {
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 28px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--w-primary) !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.4) !important;
    transition: var(--w-tr) !important;
    letter-spacing: .01em !important;
    height: auto !important;
    margin: 0 !important;
}

#cart-first-step-bottom-buttons input.buttons[name="payDel-button"]:hover {
    background: var(--w-primary-dk) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,175,239,.5) !important;
}

/* ── Zľava riadok v tabuľke ── */
.position-discount {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 0 !important;
}

.position-discount .text-discount {
    font-size: 13px !important;
    color: #16a34a !important;
    margin: 0 !important;
}

.icon-type-discount {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    flex-shrink: 0 !important;
}

/* Darček riadok */
#tr-cart-gift td {
    background: #fdf4ff !important;
}

/* ── Error správa (musíte vybrať doprava/platba) ── */
.info-price-error,
.info-price p.error {
    color: #dc2626 !important;
    font-size: 13px !important;
}

/* ── render-free-delivery wrapper ── */
#renderFreeDelivery {
    clear: both !important;
}

/* =====================================================
   KROK 2 — SÚHLAS S PODMIENKAMI (#fieldset-data) z37
   ===================================================== */

/* Odstraniť pôvodný fieldset border + padding */
#fieldset-data {
    border: none !important;
    padding: 0 !important;
    margin: 28px 0 8px !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
}

#fieldset-data legend {
    display: none !important;
}

/* Každý riadok so súhlasom — moderná karta */
#fieldset-data .row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: var(--w-r-md) !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    transition: border-color .2s ease, background .2s ease !important;
}

#fieldset-data .row:hover {
    border-color: rgba(0,175,239,.4) !important;
    background: #f0f9ff !important;
}

/* .element — wrapper checkboxu, vizuálne na začiatok riadku */
#fieldset-data .row .element {
    order: -1 !important;
    flex-shrink: 0 !important;
    float: none !important;
    width: auto !important;
    margin: 2px 0 0 !important;
    height: auto !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Checkbox vstup — moderný */
#fieldset-data .row .element input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--w-primary) !important;
    cursor: pointer !important;
    margin: 0 !important;
    display: block !important;
    flex-shrink: 0 !important;
}

/* Label — text súhlasu */
#fieldset-data .row label.left {
    flex: 1 !important;
    float: none !important;
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    width: auto !important;
    cursor: pointer !important;
    padding: 0 !important;
    display: block !important;
}

/* Odkaz v labeli (obchodné podmienky / GDPR) */
#fieldset-data .row label.left a {
    color: var(--w-primary) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

#fieldset-data .row label.left a:hover {
    color: var(--w-primary-dk) !important;
}

/* Chybajúci odkaz — .red-text */
#fieldset-data .row label.left .red-text {
    color: #e53e3e !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/* Error stav — label s triedou conditions-error */
#fieldset-data .row label.left.conditions-error {
    color: #dc2626 !important;
}

#fieldset-data .row:has(label.conditions-error) {
    border-color: #fca5a5 !important;
    background: #fff5f5 !important;
}

/* Error správy pod checkboxom */
#fieldset-data .row .element ul.errors {
    margin: 4px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 12px !important;
    color: #dc2626 !important;
}

/* Newsletter multiselect kategorií — skrytý kým nie je zaškrtnutý sent_info (vyššia špecificita ako #fieldset-data .row) */
#fieldset-data .row.row-categories-for-newsletter {
    display: none !important;
    transition: opacity 0.25s ease !important;
}

/* Newsletter multiselect kategorií — stĺpcový layout */
.row-categories-for-newsletter {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
    clear: both !important;
    float: none !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.row-categories-for-newsletter label.left {
    order: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 4px !important;
}

.row-categories-for-newsletter .element {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
}

.row-categories-for-newsletter .element select[multiple] {
    width: 100% !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: var(--w-r-md) !important;
    background: #fff !important;
    font-size: 13px !important;
    color: var(--w-text) !important;
    padding: 4px 0 !important;
    outline: none !important;
    min-height: 80px !important;
    font-family: inherit !important;
}

.row-categories-for-newsletter .element select[multiple]:focus {
    border-color: var(--w-primary) !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.1) !important;
}

.row-categories-for-newsletter .element select[multiple] option {
    padding: 6px 12px !important;
    font-size: 13px !important;
    color: var(--w-text) !important;
    background: #fff !important;
}

.row-categories-for-newsletter .element select[multiple] option:checked {
    background: rgba(0,175,239,.12) !important;
    color: var(--w-primary-dk) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   KROK 3 — REKAPITULÁCIA OBJEDNÁVKY (third.phtml) z46
   ═══════════════════════════════════════════════════════════════════ */

/* ── Formulár s tlačidlami (hore aj dole) ── */
form#third-cart-submit {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 28px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ── Späť tlačidlo v kroku 3 ── */
form#third-cart-submit .button-type-back {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
}

form#third-cart-submit .button-type-back a.buttons-text {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 24px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--w-text) !important;
    background: var(--w-card) !important;
    border: 1.5px solid var(--w-border) !important;
    text-decoration: none !important;
    transition: var(--w-tr) !important;
    white-space: nowrap !important;
}

form#third-cart-submit .button-type-back a.buttons-text:hover {
    background: var(--w-primary-lt) !important;
    border-color: var(--w-primary) !important;
    color: var(--w-primary-dk) !important;
}

/* ── "Dokončiť objednávku" — wrapper ── */
#button-corfimation-button {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    padding: 0 !important;
    display: inline-block !important;
    margin-left: auto !important;
}

/* ── "Dokončiť objednávku" — submit button ── */
#corfimation-button {
    display: inline-flex !important;
    align-items: center !important;
    padding: 14px 38px !important;
    border-radius: 100px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 18px rgba(22,163,74,.40) !important;
    transition: var(--w-tr) !important;
    letter-spacing: .01em !important;
    height: auto !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

#corfimation-button:hover {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(22,163,74,.55) !important;
}

/* ── Blikajúca šípka — skryť ── */
#cart-third-blinking-arrow {
    display: none !important;
}

/* ── Heureka opt-out riadok ── */
#third-cart-heureka-check-customer {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: #fafbfc !important;
    border: 1px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    font-size: 13px !important;
    color: var(--w-text-light) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-basis: 100% !important;
    order: -1 !important;
}

/* ── Karta "Informácie o objednávke" ── */
.third-cart-order-info {
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: var(--w-r-md) !important;
    box-shadow: var(--w-shadow-sm) !important;
    overflow: hidden !important;
    margin: 24px 0 !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
    box-sizing: border-box !important;
}

/* ── Hlavička sekcie (Informácie o objednávke) ── */
.third-cart-order-info #del-title.third-step-bg-cart-block {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--w-border) !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
}

.third-cart-order-info #del-title.third-step-bg-cart-block p {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--w-text) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.third-cart-order-info #del-title.third-step-bg-cart-block p span.delivery {
    color: var(--w-text) !important;
}

/* ── Info panel — telo ── */
.info-catr.third-step-info-catr {
    padding: 4px 0 !important;
    float: none !important;
    width: auto !important;
}

/* každý riadok klúč–hodnota */
.info-catr.third-step-info-catr p {
    display: flex !important;
    align-items: baseline !important;
    gap: 16px !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
}

.info-catr.third-step-info-catr p:last-child {
    border-bottom: none !important;
}

/* label (Cena dopravy:, Fakturačná adresa: …) */
.info-catr.third-step-info-catr p span.title {
    flex-shrink: 0 !important;
    min-width: 170px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    color: var(--w-text-light) !important;
}

/* hodnota */
.info-catr.third-step-info-catr p span.prepend-2 {
    flex: 1 !important;
    font-size: 14px !important;
    color: var(--w-text) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* Celková suma — vizuálne zvýrazniť */
.info-catr.third-step-info-catr p:has(span.title ~ span.prepend-2) span.prepend-2 {
    color: var(--w-text) !important;
}

/* ── Tabuľka produktov v kroku 3 — doplnkové úpravy ── */
/* Stĺpec s obrázkom */
#cart-info-table td.third-step-img {
    width: 72px !important;
    padding-left: 14px !important;
}

/* Stĺpec s množstvom */
#cart-info-table td.third-step-product-count {
    white-space: nowrap !important;
    color: var(--w-text-light) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Parametre (farba, veľkosť …) */
#cart-info-table tr.normal td span.name {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    font-weight: 500 !important;
}

#cart-info-table tr.normal td span.param {
    font-size: 12px !important;
    color: var(--w-text) !important;
    font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   STRÁNKA POĎAKOVANIE — success.phtml z49
   ═══════════════════════════════════════════════════════════════════ */

/* ── SVG animácie ── */
@keyframes csp-draw-circle {
    to { stroke-dashoffset: 0; }
}
@keyframes csp-draw-tick {
    to { stroke-dashoffset: 0; }
}
@keyframes csp-fade-up {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Wrapper stránky ── */
.cart-success-page {
    max-width: 860px !important;
    margin: 32px auto 48px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}

/* ── Hero karta ── */
.csp-hero {
    text-align: center !important;
    padding: 52px 32px 40px !important;
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 28px rgba(0,0,0,.07) !important;
    margin-bottom: 20px !important;
    animation: csp-fade-up .45s ease both !important;
}

/* SVG animovaný kruh */
.csp-check-wrap {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 20px !important;
}

.csp-check-svg {
    width: 80px !important;
    height: 80px !important;
    display: block !important;
}

.csp-circle {
    stroke-dasharray: 226 !important;
    stroke-dashoffset: 226 !important;
    animation: csp-draw-circle .65s ease-out .1s forwards !important;
}

.csp-tick {
    stroke-dasharray: 60 !important;
    stroke-dashoffset: 60 !important;
    animation: csp-draw-tick .4s ease-out .7s forwards !important;
}

/* Texty v hero */
.csp-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    margin: 0 0 10px !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
}

.csp-subtitle {
    font-size: 15px !important;
    color: #64748b !important;
    margin: 0 0 22px !important;
    line-height: 1.65 !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Chip s číslom objednávky */
.csp-order-num {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    padding: 11px 22px !important;
    margin-top: 4px !important;
}

.csp-order-label {
    font-size: 12px !important;
    color: #16a34a !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.csp-order-val {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #15803d !important;
}

/* ── 3 info karty ── */
.csp-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
    animation: csp-fade-up .45s .2s ease both !important;
}

.csp-card {
    background: var(--w-card) !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 14px !important;
    padding: 22px 18px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
    transition: box-shadow .2s, transform .2s !important;
}

.csp-card:hover {
    box-shadow: 0 6px 22px rgba(0,0,0,.09) !important;
    transform: translateY(-2px) !important;
}

.csp-card-icon {
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    background: #f0fdf4 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.csp-card-icon svg {
    stroke: #16a34a !important;
}

.csp-card-body strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    margin: 0 0 5px !important;
    line-height: 1.3 !important;
}

.csp-card-body p {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.55 !important;
}

/* ── CTA tlačidlo ── */
.csp-actions {
    text-align: center !important;
    margin-top: 4px !important;
    animation: csp-fade-up .45s .35s ease both !important;
}

.csp-btn-home {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 40px !important;
    border-radius: 100px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 18px rgba(22,163,74,.40) !important;
    transition: var(--w-tr) !important;
    letter-spacing: .01em !important;
}

.csp-btn-home:hover {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(22,163,74,.55) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ── Responzívne ── */
@media (max-width: 700px) {
    .csp-cards {
        grid-template-columns: 1fr !important;
    }
    .csp-hero {
        padding: 36px 20px 30px !important;
    }
    .csp-title {
        font-size: 22px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   NEWSLETTER BANNER — #container-newsletter z57
   ═══════════════════════════════════════════════════════════════════ */

/* ── Wrapper — parallax background ── */
#container-newsletter {
    position: relative !important;
    overflow: hidden !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 180px !important;
    /* Parallax */
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center 40% !important;
    will-change: background-position !important;
}

/* Mobile — fixed attachment nefunguje na iOS, fallback na scroll */
@media (max-width: 768px) {
    #container-newsletter {
        background-attachment: scroll !important;
        background-position: center center !important;
    }
}

/* Tmavý gradient overlay cez background image */
#container-newsletter::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(100deg,
        rgba(10,15,35,.72) 0%,
        rgba(0,50,90,.58) 50%,
        rgba(10,15,35,.65) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* ── Vnútorný flex kontajner ── */
.nl-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 40px 32px !important;
    box-sizing: border-box !important;
}

/* ── Ľavá časť: ikona + texty ── */
.nl-text-block {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
}

/* Ikona obálky */
.nl-icon-wrap {
    flex-shrink: 0 !important;
    width: 52px !important;
    height: 52px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

.nl-icon-wrap svg {
    stroke: #fff !important;
}

.nl-titles {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
}

/* Hlavný nadpis */
.nl-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

/* Podnadpis */
.nl-subtitle {
    font-size: 13px !important;
    color: rgba(255,255,255,.7) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

/* ── Pravá časť: formulár ── */
.nl-form-block {
    flex-shrink: 0 !important;
    width: 190px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
}

/* Form + myform wrapper */
#container-newsletter form,
#container-newsletter .myform {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Fieldset = animovaný kontajner, flex row */
#container-newsletter fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    transition: margin-left .35s cubic-bezier(.4,0,.2,1),
                width .35s cubic-bezier(.4,0,.2,1) !important;
    overflow: visible !important;
}

/* Pri fokuse: fieldset sa vysunie doľava, button ostane na mieste */
#container-newsletter fieldset:has(input[type="text"]:focus) {
    margin-left: -140px !important;
    width: calc(100% + 140px) !important;
}

#container-newsletter legend {
    display: none !important;
}

/* div.row — obal inputu, zaberá zvyšok miesta */
#container-newsletter .row {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* div.element — priamy obal inputu */
#container-newsletter .element {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* Schovaj labely a errory */
#container-newsletter label,
#container-newsletter .errors {
    display: none !important;
}

/* div.buttons — obal tlačidla */
#container-newsletter .buttons {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* div#button-addNewsletter.button-type-1 */
#container-newsletter #button-addNewsletter {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
}

/* Input email */
#container-newsletter input[type="text"]#email {
    width: 100% !important;
    height: 48px !important;
    padding: 0 18px !important;
    border: none !important;
    border-radius: 10px 0 0 10px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    background: rgba(255,255,255,.95) !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: background .2s !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#container-newsletter input[type="text"]#email:focus {
    background: #fff !important;
}

/* Tlačidlo submit */
#container-newsletter input[type="submit"],
#container-newsletter #button-addNewsletter input[type="submit"] {
    height: 48px !important;
    padding: 0 24px !important;
    border-radius: 0 10px 10px 0 !important;
    background: var(--w-primary) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    letter-spacing: .03em !important;
    transition: background .2s !important;
    box-shadow: none !important;
    display: block !important;
    line-height: 48px !important;
    -webkit-appearance: none !important;
}

#container-newsletter input[type="submit"]:hover,
#container-newsletter #button-addNewsletter input[type="submit"]:hover {
    background: var(--w-primary-dk) !important;
}

/* ── Responzívne ── */
@media (max-width: 900px) {
    .nl-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        padding: 28px 24px !important;
    }
    .nl-form-block {
        width: 100% !important;
        max-width: 480px !important;
    }
    .nl-title,
    .nl-subtitle {
        white-space: normal !important;
    }
}

@media (max-width: 500px) {
    .nl-title {
        font-size: 17px !important;
    }
    .nl-inner {
        padding: 24px 16px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   PÄTIČKA — #container-footer / #info-articles z50
   ═══════════════════════════════════════════════════════════════════ */

/* ── Wrapper celej pätičky ── */
#container-footer {
    background: #1a1f2e !important;
    color: #cbd5e1 !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Skryť pôvodnú hr.space pred pätičkou */
#container-footer hr.space.footerLine {
    display: none !important;
}

/* span-25 wrapper */
#container-footer .span-25 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Hlavný footer grid ── */
#info-articles {
    display: grid !important;
    grid-template-columns: 240px 1fr 1fr 200px !important;
    gap: 0 48px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 56px 32px 48px !important;
    box-sizing: border-box !important;
    float: none !important;
    width: auto !important;
    background: transparent !important;
}

/* ── Stĺpec 1: Logo + kontakt (#mediahelp) ── */
#info-articles #mediahelp {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Logo */
#info-articles #mediahelp img {
    max-width: 140px !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 4px !important;
    /* invertovať tmavé logá na svetlé */
    filter: brightness(0) invert(1) !important;
    opacity: .9 !important;
}

/* Telefón a email riadky */
#info-articles #mediahelp p {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #94a3b8 !important;
    line-height: 1.5 !important;
}

#info-articles #mediahelp p a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

#info-articles #mediahelp p a:hover {
    color: var(--w-primary) !important;
}

/* Ikony telefón / email */
#info-articles #mediahelp .icon-type-phone,
#info-articles #mediahelp .icon-type-email {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    background: rgba(255,255,255,.06) !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
}

#info-articles #mediahelp .icon-type-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.41 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.77a16 16 0 0 0 6.29 6.29l.91-.91a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
    background-color: rgba(255,255,255,.06) !important;
}

#info-articles #mediahelp .icon-type-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") !important;
    background-color: rgba(255,255,255,.06) !important;
}

/* Copyright */
#info-articles #mediahelp p.text-2-copyright {
    font-size: 12px !important;
    color: #475569 !important;
    margin-top: auto !important;
    line-height: 1.6 !important;
    display: block !important;
}

/* Advert text */
#info-articles #mediahelp p.text-2-advertisment-1,
#info-articles #mediahelp p.text-2-advertisment-2 {
    font-size: 11px !important;
    color: #334155 !important;
    display: block !important;
}

#info-articles #mediahelp p.text-2-advertisment-1 a,
#info-articles #mediahelp p.text-2-advertisment-2 a {
    color: #475569 !important;
}

/* ── Stĺpce 2 a 3: Skupiny linkov (.span-6) ── */
#info-articles .span-6 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Nadpis skupiny */
#info-articles .span-6 .group-title,
#info-articles .group-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: #e2e8f0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Linky vnútri skupiny */
#info-articles .span-6 ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
}

#info-articles .span-6 ul li {
    margin: 0 !important;
    padding: 0 !important;
}

#info-articles .span-6 ul li a,
#info-articles .span-6 a {
    display: block !important;
    font-size: 14px !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    transition: color .18s, padding-left .18s !important;
    line-height: 1.5 !important;
}

#info-articles .span-6 ul li a:hover,
#info-articles .span-6 a:hover {
    color: #fff !important;
    padding-left: 4px !important;
}

/* ── Stĺpec 4: Platby + Dopravy ── */
.pay-delivery-footer-container {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.pay-delivery-footer-container .group-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: #e2e8f0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.pay-delivery-footer-container .group-title + .group-title,
.pay-delivery-footer-container #pay-delivery-footer-big {
    margin-top: 20px !important;
}

/* Skryť pôvodný zámok */
#pay-delivery-footer-lock {
    display: none !important;
}

/* Malé ikony platby */
#pay-delivery-footer-small {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    float: none !important;
    width: auto !important;
}

#pay-delivery-footer-small .pay-delivery-footer-outer,
#pay-delivery-footer-big .pay-delivery-footer-outer {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pay-delivery-footer-small .pay-delivery-footer-button {
    background: rgba(255,255,255,.07) !important;
    border-radius: 6px !important;
    padding: 4px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .2s !important;
}

#pay-delivery-footer-small .pay-delivery-footer-button:hover {
    background: rgba(255,255,255,.13) !important;
}

#pay-delivery-footer-small img {
    display: block !important;
    width: 41px !important;
    height: 27px !important;
    object-fit: contain !important;
    border-radius: 3px !important;
}

/* Veľké ikony dopravy */
#pay-delivery-footer-big {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    float: none !important;
    width: auto !important;
}

#pay-delivery-footer-big .pay-delivery-footer-button {
    background: rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .2s !important;
}

#pay-delivery-footer-big .pay-delivery-footer-button:hover {
    background: rgba(255,255,255,.13) !important;
}

#pay-delivery-footer-big img {
    display: block !important;
    width: 85px !important;
    height: 54px !important;
    object-fit: contain !important;
}

/* ── Spodný prúžok "Vytvorené systémom..." ── */
#container-royal-media-text {
    display: block !important;
    text-align: center !important;
    padding: 14px 32px !important;
    background: #111827 !important;
    font-size: 12px !important;
    color: #334155 !important;
    text-decoration: none !important;
    border-top: 1px solid rgba(255,255,255,.04) !important;
    transition: color .2s !important;
}

#container-royal-media-text:hover {
    color: #475569 !important;
}

/* ── RESPONZÍVNA PÄTIČKA ── */
@media (max-width: 1024px) {
    #info-articles {
        grid-template-columns: 200px 1fr 1fr !important;
    }
    .pay-delivery-footer-container {
        grid-column: 1 / -1 !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 24px 48px !important;
        border-top: 1px solid rgba(255,255,255,.07) !important;
        padding-top: 28px !important;
        margin-top: 8px !important;
    }
}

@media (max-width: 700px) {
    #info-articles {
        grid-template-columns: 1fr 1fr !important;
        padding: 36px 20px 32px !important;
        gap: 0 28px !important;
    }
    #info-articles #mediahelp {
        grid-column: 1 / -1 !important;
        margin-bottom: 28px !important;
    }
    .pay-delivery-footer-container {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 480px) {
    #info-articles {
        grid-template-columns: 1fr !important;
    }
    #info-articles .span-6 {
        margin-bottom: 24px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   LOGIN STRÁNKA — z61
   ═══════════════════════════════════════════════════════════════════ */

/* Skryť pôvodné elementy ktoré nahrádzame */
h1.new-reg-info { display: none !important; }
.new-reg { display: none !important; }
.info-block-registration { display: none !important; }

/* ─── Katalóg — produktová karta ─── */

/* Spodný padding karty — button nesmie byť nalepený na okraj */
.product-third {
    padding-bottom: 20px !important;
}

/* Cena — min-height aby bol button vždy v línii aj bez starej ceny */
.product-third p.price {
    min-height: 39px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* Priestor pod add-to-cart sekciou */
.add-cart-catalog {
    padding-bottom: 4px !important;
    margin-top: 0 !important;
}

/* Hlavný wrapper — split layout */
.login-page-wrap {
    display: flex !important;
    align-items: stretch !important;
    min-height: 560px !important;
    margin: 32px 0 40px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.10), 0 4px 16px rgba(0,0,0,.06) !important;
    background: #fff !important;
}

/* ── Ľavý panel — tmavý s dekoráciou ── */
.login-side-panel {
    flex: 0 0 420px !important;
    background: linear-gradient(145deg, #0c1220 0%, #1a2540 50%, #0c1835 100%) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Dekoratívne kruhy v pozadí */
.login-side-panel::before {
    content: '' !important;
    position: absolute !important;
    width: 500px !important;
    height: 500px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0,175,239,.12) 0%, transparent 70%) !important;
    top: -100px !important;
    right: -150px !important;
    pointer-events: none !important;
}

.login-side-panel::after {
    content: '' !important;
    position: absolute !important;
    width: 300px !important;
    height: 300px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(0,175,239,.08) 0%, transparent 70%) !important;
    bottom: -80px !important;
    left: -60px !important;
    pointer-events: none !important;
}

.login-side-inner {
    position: relative !important;
    z-index: 2 !important;
    padding: 48px 44px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
}

.login-side-logo img {
    max-width: 130px !important;
    height: auto !important;
    display: block !important;
}

.login-side-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.25 !important;
    letter-spacing: -.02em !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Zoznam výhod */
.login-side-benefits {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.login-side-benefits li {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: rgba(255,255,255,.8) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.lsb-icon {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(0,175,239,.15) !important;
    border: 1px solid rgba(0,175,239,.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--w-primary) !important;
    margin-top: -2px !important;
}

.login-side-quote {
    border-top: 1px solid rgba(255,255,255,.1) !important;
    padding-top: 24px !important;
}

.login-side-quote p {
    font-size: 13px !important;
    color: rgba(255,255,255,.45) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    font-style: italic !important;
}

/* ── Pravý panel — formulár ── */
.login-form-panel {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 48px 40px !important;
    background: #fff !important;
}

.login-form-panel--admin {
    flex: 0 0 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

.login-form-inner {
    width: 100% !important;
    max-width: 400px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Hlavička: ikona + nadpis vedľa seba */
.login-form-header {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 32px !important;
}

.login-form-heading {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-top: 27px !important;
}

/* Ikona používateľa */
.login-form-icon {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    border-radius: 18px !important;
    background: var(--w-primary-lt) !important;
    border: 1px solid rgba(0,175,239,.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--w-primary) !important;
    margin-bottom: 0 !important;
}

.login-form-title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    letter-spacing: -.03em !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    float: none !important;
}

.login-form-subtitle {
    font-size: 14px !important;
    color: var(--w-text-light) !important;
    margin: 0 0 32px !important;
    line-height: 1.5 !important;
}

/* ── Formulár vnútri ── */
.login-form-box,
.login-form-box .myform,
.login-form-box form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.login-form-box fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.login-form-box legend {
    display: none !important;
}

/* Riadky s inputmi — clearfix pre float: left z style.min.css */
.login-form-box .row {
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    overflow: hidden !important; /* clearfix — inak row kolapsuje kvôli float:left na .element */
    height: auto !important;
}

.login-form-box .element {
    display: block !important;
    float: none !important;   /* kritické — style.min.css nastavuje float:left */
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;  /* kritické — style.min.css nastavuje max-width:188px */
    height: auto !important;
    box-sizing: border-box !important;
}

/* Labely — resetuj position:absolute zo style.min.css */
.login-form-box label {
    position: static !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--w-text-mid) !important;
    margin: 0 0 7px !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    text-align: left !important;  /* resetuj text-align:center zo .row */
}

/* Inputy */
.login-form-box input[type="text"],
.login-form-box input[type="email"],
.login-form-box input[type="password"] {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    padding: 0 16px !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    color: var(--w-text) !important;
    background: var(--w-bg) !important;
    outline: none !important;
    transition: border-color .2s, box-shadow .2s, background .2s !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    line-height: normal !important;
    float: none !important;
    margin: 0 !important;
}

.login-form-box input[type="text"]:focus,
.login-form-box input[type="email"]:focus,
.login-form-box input[type="password"]:focus {
    border-color: var(--w-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.12) !important;
}

/* Errory validácie */
.login-form-box .errors {
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.login-form-box .errors li {
    font-size: 12px !important;
    color: #e53e3e !important;
    list-style: none !important;
    padding: 0 !important;
}

/* Tlačidlo submit — wrapper div.buttons */
.login-form-box .buttons {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    height: auto !important;
}

/* div#button-login.button-type-1 — agresívny reset všetkých štýlov wrappera */
.login-form-box .button-type-1,
.login-form-box div[id^="button-"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    float: none !important;
    position: static !important;
    overflow: visible !important;
    line-height: normal !important;
}

/* Submit tlačidlo — oprava line-height a viditeľnosť textu */
.login-form-box .button-type-1 input[type="submit"],
.login-form-box input[type="submit"] {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    padding: 0 24px !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    box-shadow: 0 4px 16px rgba(0,175,239,.35) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    line-height: normal !important;
    text-align: center !important;
    text-indent: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.login-form-box .button-type-1 input[type="submit"]:hover,
.login-form-box input[type="submit"]:hover {
    background: linear-gradient(135deg, #13b9f5 0%, var(--w-primary) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(0,175,239,.5) !important;
}

/* ── Spodné linky ── */
.login-form-links {
    margin-top: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}

.login-link-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: var(--w-text-light) !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

.login-link-secondary:hover {
    color: var(--w-primary-dk) !important;
}

.login-divider {
    width: 100% !important;
    height: 1px !important;
    background: var(--w-border) !important;
}

.login-register-hint {
    font-size: 14px !important;
    color: var(--w-text-mid) !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.login-link-primary {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--w-primary-dk) !important;
    text-decoration: none !important;
    border-bottom: 1.5px solid rgba(0,175,239,.3) !important;
    transition: color .2s, border-color .2s !important;
}

.login-link-primary:hover {
    color: var(--w-primary) !important;
    border-color: var(--w-primary) !important;
}

/* Skryť pôvodné login-tip odstavce */
p.login-tip { display: none !important; }
#last-password { display: none !important; }
.icon-lock-login { display: none !important; }

/* ── Responzívne ── */
@media (max-width: 900px) {
    .login-side-panel {
        display: none !important;
    }
    .login-page-wrap {
        margin: 20px 0 32px !important;
    }
    .login-form-panel {
        padding: 40px 24px !important;
    }
}

@media (max-width: 500px) {
    .login-page-wrap {
        border-radius: 16px !important;
        margin: 12px 0 24px !important;
    }
    .login-form-panel {
        padding: 32px 20px !important;
    }
    .login-form-title {
        font-size: 24px !important;
    }
}

/* =====================================================
   NÁHĽAD PRODUKTU — jQuery UI Dialog (modernizácia)
   ===================================================== */

/* Overlay pozadie (modal) */
.ui-widget-overlay {
    background: rgba(15,23,42,.55) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    opacity: 1 !important;
    z-index: 999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

/* Manuálny overlay pre non-modal dialógy */
.wuni-dialog-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15,23,42,.52) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    z-index: 999 !important;
}

/* Celý dialog wrapper */
.ui-dialog {
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.22), 0 8px 24px rgba(0,0,0,.12) !important;
    overflow: hidden !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif !important;
    background: #fff !important;
    /* Fixné centrovanie v okne namiesto absolute scroll-relatívneho */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 1000 !important;
    max-width: min(680px, 96vw) !important;
    width: min(680px, 96vw) !important;
}

/* Titlebar — hlavička dialógu */
.ui-dialog .ui-dialog-titlebar {
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 56px 16px 24px !important;
    margin: 0 !important;
    position: relative !important;
}

.ui-dialog .ui-dialog-title {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}

/* Zatvárací X button */
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255,255,255,.18) !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background .2s !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    background: rgba(255,255,255,.32) !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
    overflow: visible !important;
    position: static !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-icon::before,
.ui-dialog .ui-dialog-titlebar-close .ui-icon::before {
    content: '×' !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    display: block !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none !important;
}

/* Obsah dialógu — max-výška + scroll */
.ui-dialog .ui-dialog-content {
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border: none !important;
    max-height: calc(90vh - 60px) !important;
}

/* ── Insight content wrapper ── */
.product-catalog-insight {
    padding: 24px 28px 28px !important;
}

/* Nadpis produktu */
#product-catalog-insight-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--w-text) !important;
    line-height: 1.35 !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    display: block !important;
}

/* Obrázok — centrovaný blok */
#product-catalog-insight-img {
    float: none !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 220px !important;
    margin: 0 auto 20px !important;
    background: var(--w-bg) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    box-shadow: var(--w-shadow-sm) !important;
}

#product-catalog-insight-img img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 240px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 6px !important;
}

/* Cena */
.product-catalog-insight p.price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--w-primary-dk) !important;
    margin: 0 0 14px !important;
    line-height: 1.4 !important;
    float: none !important;
    width: auto !important;
    display: block !important;
}

.product-catalog-insight p.price .old-price,
.product-catalog-insight p.price s,
.product-catalog-insight p.price del {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--w-text-light) !important;
    text-decoration: line-through !important;
    margin-right: 10px !important;
    display: inline !important;
}

/* Tlačidlo "Prejsť do detailu" */
#product-catalog-insight-button {
    margin: 0 0 20px !important;
    float: none !important;
    width: auto !important;
    display: block !important;
}

/* Reset čierneho button-type-1 wrappera */
#product-catalog-insight-button .button-type-1 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    min-height: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

#product-catalog-insight-button a,
#product-catalog-insight-button .button-type-1 a,
#product-catalog-insight-button div a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 28px !important;
    background: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-dk) 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    letter-spacing: .02em !important;
    box-shadow: 0 4px 14px rgba(0,175,239,.4) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

#product-catalog-insight-button a:hover,
#product-catalog-insight-button div a:hover {
    background: linear-gradient(135deg, #13b9f5 0%, var(--w-primary) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,175,239,.55) !important;
    color: #fff !important;
}

/* Oddeľovač pred popisom */
#product-catalog-insight-button + #description,
.product-catalog-insight #description {
    border-top: 1px solid var(--w-border) !important;
    padding-top: 18px !important;
    font-size: 14px !important;
    color: var(--w-text-mid) !important;
    line-height: 1.7 !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
}

/* Parametre produktu — kompaktné */
.product-catalog-insight .param-product {
    float: none !important;
    width: 100% !important;
    border-top: 1px solid var(--w-border) !important;
    padding-top: 16px !important;
    margin-top: 4px !important;
    max-height: 260px !important;
    overflow-y: auto !important;
}

.product-catalog-insight .param-product table,
.product-catalog-insight .param-product .param-table {
    font-size: 13px !important;
    width: 100% !important;
}

/* Vymazať staré dialog-buttonpane ak je prítomné */
.ui-dialog .ui-dialog-buttonpane {
    border: none !important;
    background: transparent !important;
    padding: 0 28px 24px !important;
}

/* Responzívne */
@media (max-width: 640px) {
    .ui-dialog {
        border-radius: 16px !important;
        width: 95vw !important;
    }
    .product-catalog-insight {
        padding: 18px 16px 20px !important;
    }
    #product-catalog-insight-title {
        font-size: 17px !important;
    }
    .product-catalog-insight p.price {
        font-size: 18px !important;
    }
}


/* =====================================================
   DARČEKOVÉ BALENIE — param-product-select-row
   ===================================================== */

/* Wrapper sekcie */
.payoff-param-product-select-row,
[id^="payoff-"].payoff-param-product-select-row {
    margin: 20px 0 4px !important;
}

/* Label napr. "Darčekové balenie", "Veľkosť" */
.param-product-select-row-1 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--w-text-mid) !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Kontajner kariet */
.param-product-select-row-2 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

/* Každá karta (len divs s obrázkom — nie size chips) */
.param-product-select-row-2 > div:has(img) {
    position: relative !important;
    background: #fff !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .18s ease, background .2s ease !important;
    overflow: hidden !important;
    width: 140px !important;
    min-height: 150px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: var(--w-shadow-sm) !important;
    float: none !important;
}

/* Hover efekt */
.param-product-select-row-2 > div:has(img):hover {
    border-color: var(--w-primary) !important;
    box-shadow: 0 4px 16px rgba(0,175,239,.18), 0 2px 6px rgba(0,0,0,.06) !important;
    transform: translateY(-2px) !important;
}

/* Obrázok v karte */
.param-product-select-row-2 > div:has(img) img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px 12px 0 0 !important;
    flex-shrink: 0 !important;
}

/* Popis / cena */
.param-product-select-row-2 > div:has(img) p {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: var(--w-text-mid) !important;
    text-align: center !important;
    padding: 8px 8px 10px !important;
    margin: 0 !important;
    width: 100% !important;
    word-break: break-word !important;
    flex-grow: 1 !important;
}

/* Zvýraznenie ceny v zátvorkách [+X.XX €] */
.param-product-select-row-2 > div:has(img) p {
    /* Celý text má väčšiu farbu — cena sa zvýrazní pomocou JS triedy */
}

/* Vybraná karta */
.param-product-select-row-2 > div.param-product-select-row-active {
    border-color: var(--w-primary) !important;
    border-width: 2px !important;
    background: var(--w-primary-lt) !important;
    box-shadow: 0 0 0 3px rgba(0,175,239,.15), 0 4px 16px rgba(0,175,239,.2) !important;
    transform: translateY(-1px) !important;
}

.param-product-select-row-2 > div.param-product-select-row-active p {
    color: var(--w-primary-dk) !important;
    font-weight: 600 !important;
}

/* Checkmark v pravom hornom rohu pri vybraní */
.param-product-select-row-2 > div.param-product-select-row-active::after {
    content: '' !important;
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    width: 20px !important;
    height: 20px !important;
    background: var(--w-primary) !important;
    border-radius: 50% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px !important;
    box-shadow: 0 2px 6px rgba(0,175,239,.4) !important;
    z-index: 2 !important;
}

/* Size chips (divs bez obrázka — napr. "4.7 cm") */
.param-product-select-row-2 > div:not(:has(img)) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 16px !important;
    background: #fff !important;
    border: 1.5px solid var(--w-border) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--w-text) !important;
    cursor: pointer !important;
    transition: border-color .2s, background .2s, color .2s !important;
    box-shadow: var(--w-shadow-sm) !important;
    height: auto !important;
    width: auto !important;
    float: none !important;
    min-width: 44px !important;
}

.param-product-select-row-2 > div:not(:has(img)):hover {
    border-color: var(--w-primary) !important;
    color: var(--w-primary-dk) !important;
}

.param-product-select-row-2 > div:not(:has(img)).param-product-select-row-active {
    background: var(--w-primary) !important;
    border-color: var(--w-primary) !important;
    color: #fff !important;
    font-weight: 600 !important;
    transform: none !important;
    box-shadow: 0 3px 10px rgba(0,175,239,.35) !important;
}

.param-product-select-row-2 > div:not(:has(img)).param-product-select-row-active::after {
    display: none !important;
}


/* =====================================================
   PREVIEW ZVÄČŠENEJ FOTKY (darčekové balenie hover)
   ===================================================== */

p#preview {
    background: #fff !important;
    border: 1px solid var(--w-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08) !important;
    padding: 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 500 !important;
    /* Vynútiť väčšiu šírku napriek inline štýlu z JS */
    width: 360px !important;
    min-width: 360px !important;
    animation: previewFadeIn .18s ease !important;
}

p#preview img {
    display: block !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: auto !important;
    /* Plynulé škálovanie */
    image-rendering: auto !important;
    -ms-interpolation-mode: bicubic !important;
}

@keyframes previewFadeIn {
    from { opacity: 0; transform: scale(.95) translateY(4px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}


/* ════════════════════════════════════════════════════════════
   DAJTE O NÁS VEDIEŤ — #container-social-networks
   ════════════════════════════════════════════════════════════ */

#container-social-networks {
    min-height: 0 !important;
    background: linear-gradient(160deg, #f8faff 0%, #eef6ff 100%) !important;
    padding: 52px 20px 56px !important;
    text-align: center !important;
    border-top: 1px solid var(--w-border) !important;
    border-bottom: 1px solid var(--w-border) !important;
    overflow: hidden !important;
}

/* Srdce — nahradenie PNG sprites moderným SVG */
#social-networks-icon-heart {
    width: 48px !important;
    height: 48px !important;
    float: none !important;
    display: inline-block !important;
    margin: 0 auto 16px !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e11d48' d='M12 21.593c-5.63-5.539-11-10.297-11-14.402C1 3.399 4.068 2 6.281 2c1.312 0 4.151.501 5.719 4.457C13.59 2.49 16.464 2 17.726 2 20.266 2 23 3.621 23 7.191c0 4.069-5.136 8.625-11 14.402z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Nadpis */
#container-social-networks > p {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    color: var(--w-text) !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
}

/* Gradient oddeľovač */
#social-networks-spacer {
    width: auto !important;
    float: none !important;
    margin: 0 0 32px !important;
}

#social-networks-spacer span {
    width: 54px !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%) !important;
    border-radius: 100px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Ikony wrapper — flex centrovanie */
#container-social-networks-icons {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    width: auto !important;
    float: none !important;
}

/* Každá ikona — základný štýl */
#container-social-networks-icons a {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: 26px 26px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: transform .22s cubic-bezier(.175,.885,.32,1.275), box-shadow .22s ease !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.13) !important;
    text-decoration: none !important;
}

#container-social-networks-icons a:hover {
    transform: translateY(-5px) scale(1.1) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.2) !important;
}

/* LinkedIn */
#social-networks-icon-linked-in {
    background-color: #0077b5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E") !important;
}

/* Twitter / X */
#social-networks-icon-twitter {
    background-color: #000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.256 5.638 5.908-5.638zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") !important;
}

/* Facebook */
#social-networks-icon-facebook {
    background-color: #1877f2 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") !important;
}

/* YouTube */
#social-networks-icon-youtube {
    background-color: #ff0000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E") !important;
}

/* Instagram — fialovo-ružový gradient */
#social-networks-icon-instagram {
    background-color: #e1306c !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E") !important;
}

/* Pinterest */
#social-networks-icon-pinterest {
    background-color: #e60023 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E") !important;
}

/* Google+ (legacy) */
#social-networks-icon-google-plus {
    background-color: #db4437 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.48.633 3.045 1.178l2.073-1.994C11.539 5.51 9.793 4.727 7.635 4.727c-3.929 0-7.111 3.18-7.111 7.103 0 3.924 3.182 7.104 7.111 7.104 4.105 0 6.824-2.889 6.824-6.953 0-.469-.051-.824-.114-1.181H7.635v.109zm16.365 0h-2.182V8.727h-2.183v2.182h-2.181v2.181h2.181v2.182h2.183V13.09H24v-2.181z'/%3E%3C/svg%3E") !important;
}

/* ════════════════════════════════════════════════════════════
   NOVINKY — vysúvacia lišta (#news-slide)
   ════════════════════════════════════════════════════════════ */

#news-slide {
    top: 240px !important;
    z-index: 200 !important;
}

/* Tab — "Novinky" záložka */
#news-slide-icon {
    width: 38px !important;
    height: 148px !important;
    background: linear-gradient(180deg, var(--w-primary) 0%, #0284c7 100%) !important;
    border-radius: 12px 0 0 12px !important;
    box-shadow: -3px 2px 16px rgba(0,175,239,.38) !important;
    cursor: pointer !important;
    transition: width .18s ease, box-shadow .18s ease !important;
    position: relative !important;
}

#news-slide-icon:hover {
    width: 42px !important;
    box-shadow: -5px 2px 22px rgba(0,175,239,.55) !important;
}

#news-slide-icon p {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    width: 130px !important;
    height: 36px !important;
    position: absolute !important;
    left: -46px !important;
    top: 56px !important;
    transform: rotate(90deg) !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 36px !important;
}

/* Obsah panelu */
#news-slide-content {
    background: #fff !important;
    border-radius: 0 0 0 12px !important;
    box-shadow: -4px 4px 24px rgba(0,0,0,.14) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-top: 3px solid var(--w-primary) !important;
}

/* Hlavička panelu — skrytá (nápis je len na bočnej záložke) */
#news-slide-content::before {
    content: none !important;
    display: none !important;
}

/* Obal jednej novinky */
#news-slide-content .news-slide-single {
    padding: 11px 16px !important;
    border-bottom: 1px solid var(--w-border) !important;
    float: none !important;
    width: auto !important;
    box-sizing: border-box !important;
    transition: background .15s ease !important;
}

#news-slide-content .news-slide-single:hover {
    background: var(--w-primary-lt) !important;
}

#news-slide-content .news-slide-single:last-child {
    border-bottom: none !important;
}

/* Dátum — malý sivý text */
#news-slide-content .news-slide-single > p {
    font-size: 10px !important;
    color: var(--w-text-light) !important;
    font-weight: 500 !important;
    margin: 0 0 5px !important;
    float: none !important;
    width: auto !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
}

/* Titulok novinky */
#news-slide-content .news-slide-single > a {
    font-size: 13px !important;
    color: var(--w-text) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    float: none !important;
    width: auto !important;
    display: block !important;
    transition: color .15s ease !important;
}

#news-slide-content .news-slide-single > a:hover {
    color: var(--w-primary) !important;
}

/* ════════════════════════════════════════════════════════════
   REGISTRÁCIA — rozšírená verzia login-page-wrap
   ════════════════════════════════════════════════════════════ */

/* Formulár registrácie je širší (viac polí) */
.login-form-inner--registration {
    max-width: 520px !important;
}

/* Zrušiť starý h1 heading ak by zostal */
h1.new-reg-info {
    display: none !important;
}

/* Obaľovač starého info bloku — skryť (nahradené popisom v headeri) */
.info-block-registration-registration,
.new-reg > .info-block-registration-registration {
    display: none !important;
}

/* Registrácia — ľavý panel má obsah zarovnaný hore + sticky */
.login-form-panel--registration ~ .login-side-panel,
.login-page-wrap:has(.login-form-panel--registration) .login-side-panel {
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.login-page-wrap:has(.login-form-panel--registration) .login-side-inner {
    position: sticky !important;
    top: 20px !important;
}

/* ════════════════════════════════════════════════════════════
   VALIDÁCIA — ikony priamo V inpute (vpravo)
   ════════════════════════════════════════════════════════════ */

/* Wrapper musí byť relatívny */
.myform .element {
    position: relative !important;
}

/* Spoločné — obe ikony sa umiestnia do inputu vpravo
   top: 24px = polovica výšky inputu (48px), nie top:50% elementu
   lebo element sa roztiahne keď pribudne ul.errors chip */
.success-element,
.error-element {
    position: absolute !important;
    right: 14px !important;
    top: 24px !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    float: none !important;
    margin: 0 !important;
    left: auto !important;
    pointer-events: none !important;
    background-color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 2 !important;
}

/* ═══════════════════════════════════════
   MÔJ PROFIL — trigger + dropdown
   ═══════════════════════════════════════ */

/* Trigger — "Môj profil" tlačidlo */
#user_menu {
    position: relative !important;
}

#user_menu li.title .button-type-1 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#user_menu li.title .button-type-1 .buttons-text,
#user_menu li.title .button-type-1 span {
    background: transparent !important;
    color: var(--w-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

/* Dropdown karta — skrytá pokiaľ jQuery nezobrazí li.menu */
#user_menu .profile-menu-window {
    display: none !important;
    background: #fff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.12) !important;
    padding: 6px 0 !important;
    min-width: 220px !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}

/* Zobraz kontajner keď jQuery nastaví li.menu na display:list-item alebo display:block */
#user_menu .profile-menu-window:has(li.menu[style*="list-item"]),
#user_menu .profile-menu-window:has(li.menu[style*="display: block"]) {
    display: block !important;
}

/* Riadky */
#user_menu .profile-menu-window li.menu {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    list-style: none !important;
}

/* Linky */
#user_menu .profile-menu-window li.menu a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: background .14s, color .14s !important;
    white-space: nowrap !important;
}

#user_menu .profile-menu-window li.menu a:hover {
    background: #f0f9ff !important;
    color: var(--w-primary) !important;
}

/* Ikony cez ::before — SVG data URI */
#user_menu .profile-menu-window li.menu a::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    opacity: .55 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: opacity .14s !important;
}

#user_menu .profile-menu-window li.menu a:hover::before {
    opacity: 1 !important;
}

/* Zmeniť prihlasovacie údaje — kľúč */
#user_menu .profile-menu-window li.menu a[href*="update-login"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4'/%3E%3C/svg%3E") !important;
}

/* Zmeniť môj profil — užívateľ */
#user_menu .profile-menu-window li.menu a[href*="update/id"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* Moje obľúbené — srdce */
#user_menu .profile-menu-window li.menu a[href*="show-favorites"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
}

/* Moje objednávky — balík */
#user_menu .profile-menu-window li.menu a[href*="orders/orders"]::before,
#user_menu .profile-menu-window li.menu a[href$="/orders"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important;
}

/* Moje zľavy — percent (href ends with /public_index/) */
#user_menu .profile-menu-window li.menu a[href$="public_index/"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E") !important;
}

/* Odhlásiť — oddeľovač + červená */
#user_menu .profile-menu-window li.menu:last-child {
    border-top: 1px solid #f1f5f9 !important;
    margin-top: 4px !important;
    padding-top: 4px !important;
}

#user_menu .profile-menu-window li.menu:last-child a {
    color: #dc2626 !important;
}

#user_menu .profile-menu-window li.menu:last-child a:hover {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

#user_menu .profile-menu-window li.menu:last-child a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") !important;
    opacity: .7 !important;
}

/* ═══════════════════════════════════════
   UPDATE-LOGIN — rozloženie polí
   ═══════════════════════════════════════ */

/* Skryť pôvodné elementy stránky */
p.new-reg-info-update-login,
.info-block-update-login,
#dd { display: none !important; }

/* Fieldset — vertikálne rozloženie */
#update-login-form #fieldset-updateLogin {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Skupiny hesiel vedľa seba */
#update-login-form #fieldset-updateLogin .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Nové heslo + Nové heslo znova — 2 stĺpce */
#update-login-form #fieldset-updateLogin .row:has(#password),
#update-login-form #fieldset-updateLogin .row:has(#user_password_again) {
    display: inline-block !important;
    width: calc(50% - 6px) !important;
    vertical-align: top !important;
}

#update-login-form #fieldset-updateLogin .row:has(#password) {
    margin-right: 8px !important;
}

/* Zelená fajka — moderné SVG */
.success-element,
.no-webp .success-element,
.webp .success-element {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2322c55e'/%3E%3Cpolyline points='5,10.5 8.5,14 15,7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Červený krížik — moderné SVG */
.error-element,
.no-webp .error-element,
.webp .error-element {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23ef4444'/%3E%3Cline x1='6' y1='6' x2='14' y2='14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='14' y1='6' x2='6' y2='14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Inputy dostanú padding vpravo aby text neprekrýval ikonu */
.myform .element input[type="text"],
.myform .element input[type="email"],
.myform .element input[type="password"],
.myform .element input[type="tel"],
.myform .element input[type="number"],
.myform .element input[type="date"] {
    padding-right: 42px !important;
}

/* ════════════════════════════════════════════════════════════
   CUSTOM SELECT  (wuni-select)              z97
   ════════════════════════════════════════════════════════════ */

.wuni-select {
    position: relative !important;
    width: 100% !important;
    font-family: inherit !important;
    display: block !important;
}

/* Natívny select — skrytý, ale stále v DOM pre správne odosielanie formulára */
.wuni-select__native {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
}

/* Viditeľný trigger — rovnaký štýl ako ostatné inputy */
.wuni-select__trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 16px !important;
    height: 48px !important;
    background: #f8fafc !important;
    border: 1.5px solid #d1d9e6 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    color: var(--w-text, #1a2340) !important;
    cursor: pointer !important;
    transition: border-color .18s, box-shadow .18s !important;
    user-select: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.wuni-select__trigger:hover {
    border-color: var(--w-primary, #0ea5e9) !important;
}

.wuni-select--open .wuni-select__trigger {
    border-color: var(--w-primary, #0ea5e9) !important;
    box-shadow: 0 0 0 3px rgba(14,165,233,.12) !important;
    border-radius: 10px 10px 0 0 !important;
}

/* Šípka / chevron */
.wuni-select__arrow {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    color: #8898aa !important;
    flex-shrink: 0 !important;
    transition: transform .2s ease !important;
    display: block !important;
}

.wuni-select--open .wuni-select__arrow {
    transform: rotate(180deg) !important;
    color: var(--w-primary, #0ea5e9) !important;
}

/* Dropdown panel */
.wuni-select__dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border: 1.5px solid var(--w-primary, #0ea5e9) !important;
    border-top: none !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06) !important;
    z-index: 1050 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.wuni-select--open .wuni-select__dropdown {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Jednotlivá možnosť */
.wuni-select__option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--w-text, #1a2340) !important;
    cursor: pointer !important;
    transition: background .12s !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.wuni-select__option:last-child {
    border-bottom: none !important;
}

.wuni-select__option:hover {
    background: #f0f9ff !important;
    color: var(--w-primary, #0ea5e9) !important;
}

.wuni-select__option--selected {
    font-weight: 600 !important;
    color: var(--w-primary, #0ea5e9) !important;
    background: #f8fcff !important;
}

/* Checkmark ikonka */
.wuni-select__check {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    color: var(--w-primary, #0ea5e9) !important;
    opacity: 0 !important;
    display: block !important;
}

.wuni-select__option--selected .wuni-select__check {
    opacity: 1 !important;
}

/* ════════════════════════════════════════════════════════════
   UPDATE PROFILE — Zmena fakturačných údajov (update.phtml)
   ════════════════════════════════════════════════════════════ */

/* Skryť starý nadpis a info blok */
p.new-reg-info-update-profile { display: none !important; }
#update-profile-form .info-block-update-login { display: none !important; }

/* ── Page header ── */
.upf-page-header {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 24px 0 28px !important;
    padding-bottom: 22px !important;
    border-bottom: 2px solid var(--w-border) !important;
}
.upf-page-icon {
    flex-shrink: 0 !important;
    width: 54px !important;
    height: 54px !important;
    background: var(--w-primary-lt) !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--w-primary) !important;
}
.upf-page-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--w-text) !important;
    letter-spacing: -.03em !important;
    margin: 0 0 3px !important;
    line-height: 1.2 !important;
}
.upf-page-subtitle {
    font-size: 14px !important;
    color: var(--w-text-light) !important;
    margin: 0 !important;
}

/* ── Form wrapper ── */
#update-profile-form .myform,
#update-profile-form form {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

/* ── Fieldset = biela karta ── */
#update-profile-form fieldset {
    border: 1px solid var(--w-border) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Cyan top line */
#update-profile-form fieldset::before {
    content: '' !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--w-primary) 0%, #38bdf8 100%) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1 !important;
}

/* ── CSS Grid na dl ── */
#update-profile-form fieldset dl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 8px 0 16px !important;
}

/* ── Fakturačná adresa heading ── */
#update-profile-form #fieldset-company_address dl::before {
    content: 'Fakturačná adresa' !important;
    grid-column: 1 / -1 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--w-primary-dk) !important;
    background: var(--w-primary-lt) !important;
    padding: 11px 24px !important;
    border-bottom: 1px solid rgba(0,175,239,.2) !important;
    margin-bottom: 4px !important;
}

/* ── .no-reg-info — override globálneho display:none ── */
#update-profile-form .no-reg-info {
    display: block !important;
    grid-column: 1 / -1 !important;
}

/* Dodacia adresa banner */
#update-profile-form #fieldset-deliver_address .no-reg-info {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--w-border) !important;
    padding: 11px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 4px !important;
}

/* Nadpis "Dodacia adresa" */
#update-profile-form #fieldset-deliver_address .no-reg-info p#address2 {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--w-primary-dk) !important;
    margin: 0 !important;
    padding: 0 !important;
}
#update-profile-form #fieldset-deliver_address .no-reg-info p#address2::before {
    content: none !important;
}

/* Info text */
#update-profile-form #fieldset-deliver_address .no-reg-info p.info {
    font-size: 12px !important;
    color: var(--w-text-light) !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
}

/* Toggle linky — pill štýl */
#update-profile-form #fieldset-deliver_address .no-reg-info a {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--w-primary-dk) !important;
    background: rgba(0,175,239,.12) !important;
    border: 1px solid rgba(0,175,239,.25) !important;
    border-radius: 100px !important;
    padding: 4px 12px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .15s ease !important;
}
#update-profile-form #fieldset-deliver_address .no-reg-info a:hover {
    background: rgba(0,175,239,.22) !important;
}

/* ======================================================
   HISTORIA OBJEDNAVOK - #user-order
   ====================================================== */
.uoh-page-header { display:flex !important; align-items:center !important; gap:14px !important; margin:0 0 28px 0 !important; padding:0 !important; }
.uoh-page-icon { width:48px !important; height:48px !important; border-radius:12px !important; background:linear-gradient(135deg,var(--w-primary) 0%,#38bdf8 100%) !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; flex-shrink:0 !important; box-shadow:0 4px 12px rgba(0,175,239,.25) !important; }
.uoh-page-title { font-size:22px !important; font-weight:700 !important; color:var(--w-text) !important; margin:0 0 2px 0 !important; line-height:1.2 !important; }
.uoh-page-subtitle { font-size:13px !important; color:var(--w-text-light) !important; margin:0 !important; }

#user-order { background:var(--w-bg-card,#fff) !important; border-radius:14px !important; border:1px solid var(--w-border,#e5e7eb) !important; overflow:hidden !important; box-shadow:0 2px 12px rgba(0,0,0,.06) !important; }
#user-order table.table-public { width:100% !important; border-collapse:collapse !important; margin:0 !important; }
#user-order .ajax-loader { display:none !important; }
#user-order > p { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; }

#user-order table.table-classic, #user-order table.table-public { margin:0 !important; width:100% !important; table-layout:fixed !important; border-spacing:0 !important; }
#user-order table.table-classic tr, #user-order table.table-public tr { margin:0 !important; width:auto !important; display:table-row !important; }
#user-order table.table-classic th, #user-order table.table-classic td { display:table-cell !important; box-sizing:border-box !important; background:none !important; color:inherit !important; }

#user-order table.table-public tr.title { background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%) !important; }
#user-order table.table-public tr.title th { padding:13px 18px !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; color:var(--w-text-light,#6b7280) !important; border-bottom:1px solid var(--w-border,#e5e7eb) !important; white-space:nowrap !important; text-align:center !important; }
#user-order table.table-public tr.title th:nth-child(1) { width:22% !important; }
#user-order table.table-public tr.title th:nth-child(2) { width:18% !important; }
#user-order table.table-public tr.title th:nth-child(3) { width:22% !important; }
#user-order table.table-public tr.title th:nth-child(4) { width:20% !important; }
#user-order table.table-public tr.title th:nth-child(5) { width:18% !important; }

#user-order table.table-public tbody tr { transition:background .15s ease !important; border-bottom:1px solid var(--w-border,#f1f5f9) !important; }
#user-order table.table-public tbody tr:last-child { border-bottom:none !important; }
#user-order table.table-public tbody tr.tr-first { background:#fff !important; }
#user-order table.table-public tbody tr.tr-second { background:#fafbfc !important; }
#user-order table.table-public tbody tr:hover { background:rgba(0,175,239,.04) !important; }

#user-order table.table-public tbody td { padding:13px 18px !important; font-size:14px !important; color:var(--w-text,#1f2937) !important; vertical-align:middle !important; text-align:center !important; }
#user-order table.table-public tbody td:first-child { font-weight:600 !important; color:var(--w-primary-dk,#0284c7) !important; }
#user-order table.table-public tbody td:nth-child(2) { color:var(--w-text-light,#6b7280) !important; font-size:13px !important; }
#user-order table.table-public tbody td:nth-child(4) { font-weight:700 !important; }
#user-order table.table-public tbody td:last-child { white-space:nowrap !important; }

.uoh-status-badge { display:inline-block !important; padding:3px 10px !important; border-radius:100px !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.06em !important; background:rgba(0,175,239,.10) !important; color:var(--w-primary-dk,#0284c7) !important; border:1px solid rgba(0,175,239,.22) !important; }

#user-order .update-a, #user-order .pdf-a { display:inline-flex !important; float:none !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; border-radius:8px !important; background:#f1f5f9 !important; background-size:16px 16px !important; background-repeat:no-repeat !important; background-position:center !important; border:1px solid var(--w-border,#e5e7eb) !important; margin:0 3px !important; transition:background-color .15s ease,border-color .15s ease,transform .15s ease !important; text-decoration:none !important; }
#user-order .update-a { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") !important; }
#user-order .update-a:hover { background-color:rgba(0,175,239,.12) !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300afef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") !important; border-