@charset "UTF-8";
@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.shine-effect.cdz-banner {
    overflow: hidden;
    position: relative
}

.shine-effect.cdz-banner:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg)
}

.shine-effect.cdz-banner:hover:before {
    -webkit-animation: shine 1.2s;
    animation: shine 1.2s
}

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.67)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.67)
    }

    100% {
        transform: scale(1)
    }
}

/* Final checkout rail + Step 2/3 visual alignment */
@media (min-width: 768px) {
    body.checkout-index-index .checkout-container,
    body[class*="onestepcheckout"] .checkout-container {
        max-width: 715px !important;
        padding: 0 0 36px !important;
    }

    body.checkout-index-index .checkout-steps-shell,
    body[class*="onestepcheckout"] .checkout-steps-shell,
    body.checkout-index-index .sv-checkout-progress,
    body[class*="onestepcheckout"] .sv-checkout-progress,
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping,
    body.checkout-index-index .checkout-container.checkout-step-1 #co-shipping-form,
    body.checkout-index-index .checkout-container.checkout-step-1 #checkout-step-shipping,
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping-new-address-form,
    body.checkout-index-index .checkout-container.checkout-step-1 .sv-step1-layout,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #co-shipping-form,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #checkout-step-shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping-new-address-form,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 .sv-step1-layout,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body.checkout-index-index .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-block-summary,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-block-summary {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 715px !important;
        width: 100% !important;
    }
}
/* 745-kolicina/fix: tu je stala sirota zapora komentarja (brez svojega odprtja). Odprtje je pri
   delitvi custom.css -> custom-checkout.css (#721) ostalo v drugi datoteki, zato je ta zapora pobila
   pravilo spodaj (.payment-method-billing-address -> skrij drugo vrstico naslova in regijo).
   Zapora je odstranjena, pravilo je spet aktivno - enako kot na produkciji. */
/* Billing address form: hide second street line and region */
.payment-method-billing-address [name*=".street.1"],
.payment-method-billing-address [name*="street.1)"],
.sv-billing-address-enhanced [name*=".street.1"],
.sv-billing-address-enhanced [name*="street.1)"] { display:none !important; }

.payment-method-billing-address [name*=".region"],
.payment-method-billing-address [name*=".region_id"],
.payment-method-billing-address [name*="region]"],
.payment-method-billing-address [name*="region_id]"],
.sv-billing-address-enhanced [name*=".region"],
.sv-billing-address-enhanced [name*=".region_id"],
.sv-billing-address-enhanced [name*="region]"],
.sv-billing-address-enhanced [name*="region_id]"] { display:none !important; }

/* Billing address form: hide labels (text moved to placeholder by JS) */
.sv-billing-address-enhanced .sv-label-as-placeholder > .label {
    display: none !important;
}

/* Billing address form: grayed-out company field (same as step 1) */
.sv-billing-address-enhanced .sv-billing-company-field input,
.sv-billing-address-enhanced .sv-billing-company-field input[readonly] {
    background: #f1f4f8 !important;
    border-color: #d7deea !important;
    color: #8d98ab !important;
    cursor: default !important;
}

/* Billing address company field initially hidden until VAT populates it */
.sv-billing-address-enhanced .sv-billing-company-field:not(.is-populated) {
    display: none !important;
}

@media (max-width: 767px) {
    body.checkout-index-index .checkout-container,
    body[class*="onestepcheckout"] .checkout-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .minicart-items > .product-item, body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .minicart-items > .product-item {
        height: 90px !important;
    }

    body.checkout-index-index .checkout-container .opc-wrapper,
    body[class*="onestepcheckout"] .checkout-container .opc-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2 {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin: 0 0 12px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2 .sv-step-panel-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2 .sv-step-panel-title {
        white-space: normal !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2 .sv-step-panel-back,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2 .sv-step-panel-back {
        align-self: flex-start !important;
        margin-left: 0 !important;
        min-width: 0 !important;
        order: -1 !important;
        padding: 0 10px !important;
        width: auto !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        gap: 12px 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-billing-panel-step2 .billing-address-details,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-billing-panel-step2 .billing-address-details {
        margin-left: 20px !important;
        width: calc(100% - 40px) !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product {
        grid-template-columns: 78px minmax(0, 1fr) 74px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset {
        grid-template-columns: minmax(0, 1fr) 96px !important;
    }
}

@media (max-width: 767px) {
    /* Final mobile step-2 spacing override: match step 1/3 density */
    body.checkout-index-index .checkout-container.checkout-step-2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (max-width: 767px) {
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        grid-template-columns: 1fr !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .opc.sv-step2-layout > .sv-step2-columns,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .opc.sv-step2-layout > .sv-step2-columns {
        grid-template-columns: 1fr !important;
        row-gap: 12px;
    }
}

.border-zoom-effect.cdz-banner a {
    display: inline-block;
    position: relative
}

.border-zoom-effect.cdz-banner a:before,
.border-zoom-effect.cdz-banner a:after {
    position: absolute;
    top: 2.5%;
    left: 2.5%;
    content: "";
    width: 95%;
    height: 95%;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.border-zoom-effect.cdz-banner a:before {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: scale(1, 0)
}

.border-zoom-effect.cdz-banner a:after {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: scale(0, 1)
}

.border-zoom-effect.cdz-banner a:hover:before,
.border-zoom-effect.cdz-banner a:hover:after {
    transform: scale(1)
}

.scale-effect.cdz-banner {
    overflow: hidden
}

.scale-effect.cdz-banner img {
    transition: all 500ms ease;
    backface-visibility: hidden
}

.scale-effect.cdz-banner:hover img {
    transform: scale(1.1)
}

.shake:hover {
    animation: shake .82s cubic-bezier(.36, .07000000000000001, .19, .97) infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes cssload-zoom {
    0% {
        transform: scale(0.5, 0.5)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.5, 1.5)
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.stock {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 36px;
    min-width: 118px;
    padding: 0 18px 0 36px !important; /* left padding for dot */
    border-radius: 5px;
    background: #fff;
    text-transform: none !important;
    border: 1px solid #D6ECE2;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.2;
    color: #131F2E !important;
    font-weight: 500;
    text-transform: none;
    gap: 10px;
}

.visible-tablet {
    display: none
}

@media only screen and (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.stock:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    /* background: rgba(63, 175, 130, 0.23); */
    z-index: 1;
}
.stock:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* background: #3FAF82; */
    z-index: 2;
    animation: pulse 1.6s infinite !important;
}

@media only screen and (min-width: 768px) {
    .col-sm-pull-right {
        float: right
    }
}

.full-width {
    width: 100% !important
}

.page-header a.action.skip.contentarea {
    display: none
}

.page-header .switcher .options,
.page-footer .switcher .options {
    display: inline-block;
    position: relative
}

.page-header .switcher .options:before,
.page-footer .switcher .options:before {
    content: '';
    display: table
}

.page-header .switcher .options .action.toggle,
.page-footer .switcher .options .action.toggle {
    display: inline-block;
    text-decoration: none;
    padding: 0;
    cursor: pointer
}

.page-header .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 22px;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center
}

.page-header .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
    content: '\e621'
}

.page-header .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
    margin: 0;
    padding: 0;
    list-style: none none;
    background: #fff;
    border: 1px solid #bbb;
    margin-top: 4px;
    min-width: unset !important;
    z-index: 100;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

.page-header .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.page-header .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
    display: block;
    padding: 8px
}

.page-header .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid;
    border-color: transparent transparent #fff;
    z-index: 99;
    left: 10px;
    top: -12px
}

.page-header .panel.wrapper .switcher .options {
    display: block
}

.page-header .panel.wrapper .switcher .options .action.toggle>span,
.page-header .panel.wrapper .switcher .options .action.toggle.active>span {
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    margin: 0
}

.page-footer .switcher .options .action.toggle:after {
    display: inline-block !important;
    font-size: 22px;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    position: static
}

.page-footer .switcher .options .action.toggle.active:after {
    transform: none
}

.nav-sections .switcher a img {
    margin: 0 5px 0 0;
    display: inline-block
}

.page-header .switcher .options .action.toggle>span,
.page-footer .switcher .options .action.toggle>span,
.page-header .switcher .options .action.toggle.active>span,
.page-footer .switcher .options .action.toggle.active>span {
    position: relative;
    height: auto;
    width: auto;
    margin: 0;
    clip: unset
}

.logo {
    max-width: none
}

.page-header .switcher .options ul.dropdown {
    border: 0px solid #ededed;
    max-height: 400px;
    overflow: auto;
    border-radius: 3px;
    box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41)
}

.page-header .switcher .options ul.dropdown:after {
    border-color: transparent transparent #fff transparent
}

.page-header .switcher .options ul.dropdown li:hover {
    background: #f9f9f9
}

.page-header .switcher .options img.lang-img {
    margin: 0 3px 0 0;
    vertical-align: middle;
    display: inline-block
}

.info-summary-bottom .secondary {
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    background: #f5f5f5;
    border-top: 1px solid rgba(245, 245, 245, 0.5);
    border-bottom: 1px solid rgba(245, 245, 245, 0.5)
}

.info-summary-bottom .secondary .create-account-link {
    color: #c9c7c7;
    font-weight: 500
}

.info-summary-bottom .secondary .create-account-link:active,
.info-summary-bottom .secondary .create-account-link:focus,
.info-summary-bottom .secondary .create-account-link:visited {
    color: #c9c7c7
}

.info-summary-bottom .secondary .create-account-link:hover {
    color: #282828
}

.info-summary-bottom .secondary .create-account-question {
    color: #9c9c9c;
    font-weight: 500
}

.link.wishlist .cdz-dropdown .cdz-dd-content-inner[class],
.authorization-link .cdz-dropdown .cdz-dd-content-inner[class] {
    padding-inline: 0
}

.account-info-summary {
    padding: 0
}

.account-info-summary .block-customer-login {
    margin: 0
}

.account-info-summary .info-summary-bottom {
    padding: 0;
    text-align: center
}

.account-info-summary .info-summary-bottom .title {
    text-transform: uppercase;
    margin-top: 10px
}

.account-info-summary .info-summary-bottom .title a {
    color: #c9c7c7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px
}

.account-info-summary .info-summary-bottom .title a:active,
.account-info-summary .info-summary-bottom .title a:focus,
.account-info-summary .info-summary-bottom .title a:visited {
    color: #c9c7c7
}

.account-info-summary .info-summary-bottom .title a:hover {
    color: #282828
}

.account-info-summary .info-summary-top {
    text-align: left;
    padding: 10px 20px
}

.account-info-summary .info-summary-top .actions-toolbar {
    margin-top: 25px
}

.account-info-summary .info-summary-top .actions-toolbar .primary {
    display: block;
    width: 100%
}

.account-info-summary .info-summary-top .actions-toolbar .primary button {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    box-shadow: none
}

.account-info-summary .info-summary-top .actions-toolbar .primary button.md-focused:not([disabled]) {
    box-shadow: none
}

.account-info-summary .info-summary-top .actions-toolbar .secondary {
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
    font-size: 14px
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a {
    color: #9c9c9c
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:active,
.account-info-summary .info-summary-top .actions-toolbar .secondary a:focus,
.account-info-summary .info-summary-top .actions-toolbar .secondary a:visited {
    color: #9c9c9c
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:hover {
    text-decoration: none
}

.account-info-summary .info-summary-top .icon-account {
    width: 80px;
    height: 80px;
    background: #c9c7c7;
    border-radius: 100%;
    margin: 20px auto;
    text-align: center
}

.account-info-summary .info-summary-top .icon-account:before {
    display: inline-block;
    font: normal normal 30px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007";
    color: #ffffff;
    line-height: 75px
}

.store-language-currency .acount-menu .account-menu-items {
    padding: 10px 20px
}

.cdz-dd-content .acount-menu .account-menu-items a {
    color: #282828
}

.cdz-dd-content .acount-menu .account-menu-items a:active,
.cdz-dd-content .acount-menu .account-menu-items a:focus,
.cdz-dd-content .acount-menu .account-menu-items a:visited {
    color: #282828
}

.cdz-dd-content .acount-menu .account-menu-items a:hover {
    color: #c9c7c7
}

.acount-menu .account-menu-items {
    padding: 10px 20px 30px
}

.acount-menu .account-menu-items>li>a:before {
    margin-right: 8px;
    width: 15px;
    position: static;
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007"
}

.acount-menu .account-menu-items>li>a.compare:before {
    content: "\f0ec"
}

.acount-menu .account-menu-items>li>a.order-link:before {
    content: "\f022"
}

.acount-menu .account-menu-items>li>a.contact-link:before {
    content: "\f003"
}

.acount-menu .account-menu-items>li a {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    font-weight: 500
}

.acount-menu .account-menu-items>li.wishlist>a:before {
    content: "\f08a";
    margin-right: 11px;
    width: 15px
}

.acount-menu .account-menu-items>li.language-link a {
    padding: 0px 0 2px
}

.acount-menu .account-menu-items>li.language-link a>img {
    margin-right: 11px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.language-link .action {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.language-link .action a {
    padding: 0px 0 2px
}

.acount-menu .account-menu-items>li.language-link .action a>img {
    margin-right: 11px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.language-link .switcher-dropdown .switcher-option {
    position: relative
}

.acount-menu .account-menu-items>li.language-link .switcher-option a {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.currency-link a {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.currency-link a.switcher-trigger:before {
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d6";
    margin-right: 8px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.currency-link .dropdown .switcher-option a {
    margin: 0
}

.acount-menu .account-menu-items>li.store-link a.switcher-trigger {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.store-link a.switcher-trigger:before {
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ac";
    margin-right: 8px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.store-link .switcher-dropdown {
    display: none
}

.acount-menu .account-menu-items>li.store-link .switcher-options.active .switcher-dropdown {
    display: block;
    list-style: none
}

.acount-menu .account-menu-items>li .switcher-dropdown {
    padding: 0 0 0 26px;
    margin: 0;
    list-style: none
}

.acount-menu .account-menu-items>li .switcher {
    position: relative;
    display: block;
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-options {
    display: block;
    position: static
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action {
    display: block
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action.toggle {
    border-bottom: 1px solid rgba(189, 189, 189, 0.9);
    display: inline-block;
    width: calc(100% - 30px);
    padding: 5px 0 2px !important;
    margin-bottom: 5px
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action.toggle>span {
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-option {
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-option a {
    border: 0;
    display: inline-block !important;
    width: 100%;
    padding: 5px 0 2px !important;
    margin-bottom: 5px !important
}

.acount-menu .account-menu-items>li .switcher .switcher-option a:after {
    font-size: 0
}

.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.account-menu-items .switcher .options .action.toggle:after {
    display: inline-block;
    font: normal normal var(--sw-arrow-fs, 11px)/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--sw-arrow, "\f0dd");
    position: absolute;
    inset-inline: auto 5px;
    color: #9c9c9c;
    top: 3px;
    margin: 0;
    overflow: visible
}

.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-header .panel.wrapper .switcher .options .action.toggle.active.active:after,
.account-menu-items .switcher .options .action.toggle.active:after {
    content: var(--sw-arrow, "\f0dd");
    transform: rotate(180deg)
}

md-menu-content.wl-drop-menu {
    max-height: none
}

.mini-list .details,
.page-header .mini-list .details {
    color: #dbdbdb
}

.mini-list .details:active,
.page-header .mini-list .details:active,
.mini-list .details:focus,
.page-header .mini-list .details:focus,
.mini-list .details:visited,
.page-header .mini-list .details:visited {
    color: #dbdbdb
}

.mini-list .details:hover,
.page-header .mini-list .details:hover {
    color: #fb6a00
}

.mini-list .block-top {
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    padding: 17px 10px 14px 15px;
    color: #c9c7c7;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px
}

.mini-list .block-top .ng-binding {
    color: #34343c
}

.mini-list .details {
    float: right;
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    min-width: auto;
    border-radius: 0;
    min-height: unset;
    background: transparent;
    box-shadow: none
}

.mini-list .details.md-focused:not([disabled]) {
    background: transparent;
    box-shadow: none
}

.mini-list .details:before {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e'
}

.mini-list .details span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.mini-list .product-item-actions .actions-primary {
    display: block
}

.mini-list .product-item-actions .tocart {
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    min-width: auto;
    border-radius: 0;
    min-height: unset;
    background: transparent;
    box-shadow: none;
    color: #282828;
    float: right;
    width: 50%
}

.mini-list .product-item-actions .tocart.md-focused:not([disabled]) {
    background: transparent;
    box-shadow: none
}

.mini-list .product-item-actions .tocart:before {
    display: inline-block;
    font: normal normal 20px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f07a'
}

.mini-list .product-item-actions .tocart:hover {
    color: #c9c7c7
}

.mini-list .product-item-actions .qty-box {
    margin: 0 0 5px;
    display: inline-block;
    width: 49%
}

.mini-list .product-item-actions .qty-box label {
    font-size: 0;
    display: none
}

.mini-list .product-item-actions .qty-box input {
    font-size: 12px;
    color: #34343c;
    height: 25px;
    max-width: 60px;
    padding: 0;
    text-align: center
}

.mini-list .product-item-actions .qty-box .md-errors-spacer {
    min-height: unset
}

.mini-list .product-item .product-item-info {
    margin: 0 0 10px
}

.mini-list .product-item .product-item-info .product-item-name a {
    text-decoration: none;
    text-transform: none
}

.mini-list .product-item .product-item-info .product-item-name a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.mini-list .product-item .product-item-info .product-item-price p {
    margin: 0
}

.mini-list .product-item .price {
    color: #6f14f1;
    font-weight: 500
}

.mini-list .product-item-details {
    margin: 0
}

.mini-list .product-item-left {
    position: relative
}

.mini-list .product-item-left .action.delete.btn-remove {
    position: absolute;
    top: 0px;
    left: 10px;
    background: #c9c7c7;
    border: 1px solid #c9c7c7;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1
}

.mini-list .product-item-left .action.delete.btn-remove:before {
    display: inline-block;
    font: normal normal normal 9px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e977';
    speak: none;
    color: #fff;
    line-height: 16px
}

.mini-list .product-item-left .action.delete.btn-remove:hover {
    background: #ffffff;
    color: #c9c7c7
}

.mini-list .product-item-left .action.delete.btn-remove:hover:before {
    color: #c9c7c7
}

.mini-list .actions-toolbar {
    margin-top: 25px
}

.mini-list .actions-toolbar .primary {
    display: block;
    width: 100%
}

.mini-list .actions-toolbar .primary button {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    box-shadow: none
}

.mini-list .actions-toolbar .primary button.md-focused:not([disabled]) {
    box-shadow: none
}

.mini-list .actions-toolbar .secondary {
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
    font-size: 14px
}

.mini-list .actions-toolbar .secondary a {
    color: #9c9c9c
}

.mini-list .actions-toolbar .secondary a:active,
.mini-list .actions-toolbar .secondary a:focus,
.mini-list .actions-toolbar .secondary a:visited {
    color: #9c9c9c
}

.mini-list .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.mini-list .actions-toolbar .secondary a:hover {
    text-decoration: none
}

.wislist-sidebar-content .no-login .block-title {
    padding-top: 50px;
    position: relative;
    text-align: center
}

.wislist-sidebar-content .no-login .block-title:after {
    display: inline-block;
    font: normal normal normal 30px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    font-size: 35px;
    position: absolute;
    top: 5px;
    left: calc((100% - 35px)/2)
}

.cdz-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.cdz-dropdown .cdz-dd-content {
    max-height: 0;
    transform: translateY(20px);
    visibility: hidden;
    position: absolute;
    opacity: 0;
    left: 0;
    top: calc(100% + 10px);
    transition: opacity ease 200ms, transform ease 500ms, max-height ease 500ms;
    backface-visibility: hidden;
    z-index: 100;
    box-shadow: 2px 2px 2px rgba(187, 187, 187, 0.3);
    overflow: hidden
}

.cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    position: relative;
    text-align: start;
    max-height: 80vh;
    overflow: auto;
    color: #282828;
    background: #ffffff;
    padding: 10px 10px
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items {
    text-align: left
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li {
    background: transparent !important
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a {
    font-weight: 600;
    font-size: 11px;
    color: #282828
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:active,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:focus,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:visited {
    color: #282828
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:hover {
    color: #c9c7c7
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li .switcher .switcher-options .action {
    display: block
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown {
    position: static;
    box-shadow: none;
    border: none;
    padding: 0 0 0 26px;
    margin: 0;
    max-height: none
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown:before,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown:after {
    display: none
}

.cdz-dropdown.cdz-dd-active .cdz-dd-content {
    opacity: 1;
    max-height: 1000px;
    transform: translateY(0px);
    visibility: visible;
    transition: opacity ease 500ms, transform ease 500ms, max-height ease 500ms;
    backface-visibility: hidden
}

.cdz-dd-content {
    min-width: 320px
}

.cdz-dd-content #btn-minicart-close {
    display: none
}

.link.wishlist .cdz-dropdown .block-title {
    padding-top: 50px;
    position: relative;
    text-align: center
}

.link.wishlist .cdz-dropdown .block-title:after {
    display: inline-block;
    font: normal normal normal 30px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    font-size: 35px;
    position: absolute;
    top: 5px;
    left: calc((100% - 35px)/2)
}

.link.wishlist .cdz-dropdown .block-content {
    margin-top: 10px;
    padding: 10px
}

.link.wishlist .cdz-dropdown .block-content a:before {
    display: none
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a {
    font-size: 80%;
    width: auto;
    height: auto;
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:active,
.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:focus,
.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:visited {
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link {
    padding: 0;
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:active,
.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:focus,
.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:visited {
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:hover {
    color: #c9c7c7
}

.minicart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    padding: 0
}

.minicart-wrapper .cdz-dropdown .block-minicart {
    padding: 0;
    width: auto;
    border: none;
    box-shadow: none
}

.minicart-wrapper .cdz-dropdown .block-minicart .block-title {
    display: block
}

.minicart-wrapper .cdz-dropdown .block-minicart .subtitle.empty {
    padding-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .cdz-dd-content {
        min-width: 300px
    }

    .block-minicart .minicart-items-wrapper {
        max-height: 200px
    }

    .block-minicart .minicart-items .product-item .product-item-actions {
        display: block
    }

    .block-minicart .minicart-items .product-item .product-item-actions .price {
        font-size: 12px
    }

    .block-minicart .minicart-items .product-item .product-item-actions .price-including-tax,
    .block-minicart .minicart-items .product-item .product-item-actions .price-excluding-tax {
        font-size: 12px;
        line-height: 1.35
    }

    .block-minicart .minicart-items .product-item .product-item-name {
        white-space: normal;
        text-align: left;
    }

    .block-minicart .cart-total .actions button {
        width: 100%;
        margin: 0;
    }
}

.md-open-menu-container md-menu-content {
    width: 330px;
    padding: 0;
}

.minicart-wrapper .block-minicart {
    position: static
}

.cdz-dd-content .block-minicart.empty {
    background: #ffffff;
    color: #282828
}

.block-minicart {
    margin-bottom: 0
}

.block-minicart .block-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid rgba(245, 245, 245, 0.5);
    padding: 15px 20px 15px;
    color: #c9c7c7;
    overflow: hidden;
    text-align: left
}

.block-minicart .subtitle.empty {
    padding: 20px 20px;
    font-weight: normal;
    color: #999;
    text-align: initial
}

.block-minicart .items-total {
    float: none;
    color: #282828;
    text-transform: none
}

.block-minicart .viewcart {
    float: right;
    color: #282828
}

.block-minicart .viewcart:active,
.block-minicart .viewcart:focus,
.block-minicart .viewcart:visited {
    color: #282828
}

.block-minicart .viewcart:hover {
    color: #c9c7c7
}

.block-minicart .viewcart:before {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e'
}

.block-minicart .viewcart span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.block-minicart .minicart-items-wrapper {
    border: 0;
    margin: 0;
    padding: 20px;
    max-height: 300px
}

.block-minicart .cart-total {
    padding: 20px 0 0 0 !important;
}

.block-minicart .cart-total .subtotal {
    overflow: hidden;
    margin: 0 0 20px !important;
}

.block-minicart .cart-total .subtotal .label {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #686770;
    font-weight: 600
}

.block-minicart .cart-total .subtotal .amount {
    float: right
}

.block-minicart .cart-total .subtotal .amount .price-wrapper:first-child .price {
    color: #c9c7c7
}

.block-minicart .cart-total .actions .layout-row {
    margin: 0 -5px;
    display: flex;
    justify-content: center
}

.block-minicart .cart-total .actions .layout-column {
    display: flex;
    flex-direction: column
}

.block-minicart .cart-total .actions .layout-column .button,
.block-minicart .cart-total .actions .layout-column button {
    width: 100%;
    margin: 5px 0;
    text-align: center;
    padding: 5px 7px;
    display: inline-block;
    font-size: 13px
}

@media only screen and (min-width: 768px) {
    .block-minicart .cart-total .actions .layout-column #btn-minicart-close {
        display: none
    }
}

.block-minicart .cart-total .actions button {
    margin: 0 !important;
}

.minicart-items .product-item-left {
    position: relative;
    padding: 0
}

.minicart-items .action {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #c9c7c7;
    border: 1px solid #c9c7c7;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1
}

.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
    display: inline-block;
    font: normal normal normal 9px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e977';
    speak: none;
    color: #fff;
    line-height: 16px
}

.minicart-items .action.edit:hover,
.minicart-items .action.delete:hover {
    background: #ffffff;
    color: #c9c7c7
}

.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
    color: #c9c7c7
}

.minicart-items .action.edit {
    top: 20px
}

.minicart-items .action.edit:before {
    display: inline-block;
    font: normal normal 9px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f040';
    font-size: 8px;
    line-height: 15px;
    padding: 0 2px
}

.minicart-items .product-item {
    padding: 20px 0 0;
    margin: 0
}

.minicart-items .product-item:not(:first-child) {
    border: 0
}

.minicart-items .product-item .price {
    color: #c9c7c7;
    font-size: 14px
}

.minicart-items .product-item .product-item-name {
    font-weight: 500
}

.minicart-items .product-item .product-item-name a:hover {
    color: #c9c7c7;
    text-decoration: none
}

.minicart-items .product-item .product-item-details {
    padding-left: 20px
}

.minicart-items .product-item .product-item-actions {
    text-align: right
}

.minicart-items .product-item .product-item-actions .details-qty {
    margin-top: 3px;
    text-transform: uppercase;
    display: flex;
    align-items: baseline;
    position: relative
}

.minicart-items .product-item .item-qty {
    margin: 0
}

.minicart-items .product-item .product-item-pricing .label {
    display: none
}

.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
    margin: 0
}

.minicart-items .update-cart-item {
    padding: 0;
    border: 0;
    bottom: 10px;
    position: absolute;
    inset-inline: -25px auto;
    background: transparent;
    color: #353535;
    box-shadow: none
}

.minicart-items .update-cart-item span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.minicart-items .update-cart-item:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f021'
}

.md-sidenav-right .block-minicart .cart-total {
    position: fixed;
    width: 100%;
    bottom: 0;
    min-height: 110px;
    z-index: 1
}

.md-sidenav-right .block-minicart .minicart-items-wrapper {
    height: inherit !important;
    max-height: calc(100% - 160px)
}

.md-sidenav-right .block-minicart .cart-total,
.md-sidenav-left .block-minicart .cart-total {
    position: absolute
}

.md-sidenav-right .block-minicart .block-content,
.md-sidenav-left .block-minicart .block-content {
    height: calc(100vh - 50px);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (max-device-width: 767px) {

    .md-sidenav-right .block-minicart .block-content,
    .md-sidenav-left .block-minicart .block-content {
        height: calc(100vh - 125px)
    }
}

.cdz-menu ul,
.cdz-menu ol {
    padding: 0;
    list-style: none
}

.cdz-menu a,
.cdz-menu a:hover {
    text-decoration: none
}

.cdz-menu .cat-tree a.groupdrop-title {
    font-weight: normal
}

.cdz-menu p.groupdrop-title,
.cdz-menu .cat-tree.no-dropdown a.groupdrop-title {
    font-weight: bold
}

.cdz-menu .space-s {
    margin-bottom: 10px
}

.cdz-menu .space-top,
.cdz-menu .groupdrop-title.space-top {
    margin-top: 20px
}

.cdz-menu .text-uppercase {
    text-transform: uppercase
}

.cdz-menu .line-left {
    padding-left: 20px;
    border-left: 1px solid #ccc
}

.cdz-menu .line-right {
    padding-right: 20px;
    border-right: 1px solid #ccc
}

.cdz-menu hr {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 20px
}

.cdz-menu .text-center {
    text-align: center
}

.cdz-menu .group-title-bottom {
    margin-bottom: 20px
}

.cdz-menu .groupmenu-drop li.parent {
    position: relative
}

.cdz-menu .block.widget .block-title {
    text-align: center
}

.cdz-menu .block.widget .products-grid .product-item {
    width: 100% !important;
    margin: 0;
    border: none;
    text-align: center
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary {
    display: inline
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary+.actions-secondary {
    display: inline;
    width: auto
}

.cdz-menu .contact-form-wrapper {
    margin-right: 10%;
    margin-bottom: 20px
}

.cdz-menu .contact-form-wrapper .legend {
    font-size: 150%;
    border-bottom: none
}

.cdz-menu .contact-form-wrapper .fieldset {
    margin-bottom: 20px
}

.cdz-menu .contact-form-wrapper .actions-toolbar .primary {
    margin: 0
}

.cdz-menu .cdz-tabs {
    margin-top: 0
}

.cdz-menu label {
    display: inline-block;
    background: #19b2f5;
    color: #fff;
    font-size: 80%;
    padding: 0px 5px;
    margin: 0 5px;
    top: -5px;
    position: relative
}

.cdz-menu label.hot {
    background: #ff0000
}

.temp>.need-unwrap {
    margin: 0 0
}

.cdz-menu i.menu-icon.img-icon {
    display: inline-flex;
    margin-inline-end: 5px;
    align-items: center
}

.cdz-menu i.menu-icon.img-icon svg,
.cdz-menu i.menu-icon.img-icon img {
    max-width: var(--mn-icon-w);
    fill: currentColor
}

.cdz-menu li.level0>a.menu-link {
    display: flex;
    align-items: center
}

.cdz-menu li.level0>a.menu-link .menu-icon {
    margin-inline: 0 5px;
    min-width: calc(var(--mn-icon-w) + 3px)
}

@media only screen and (min-width: 768px) {
    .cdz-navigation {
        box-sizing: border-box;
        margin-inline: auto;
        max-width: 1400px;
        position: relative;
        display: block
    }

    .cdz-navigation .cdz-horizontal-menu .groupmenu {
        margin: 0
    }

    .nav-sections-item-content>.cdz-navigation {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) li.item.level0 .cdz-google-map {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) li.item.level0:hover .cdz-google-map {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop-content {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) img.groupdrop-banner-pos {
        position: absolute
    }

    .cdz-menu:not(.cdz-toggle-menu) ul.groupdrop-link,
    .cdz-menu:not(.cdz-toggle-menu) ul.groupmenu-drop,
    .cdz-menu:not(.cdz-toggle-menu) ul.groupmenu-nondrop {
        padding: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl {
        text-align: right
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl li.item.parent>.menu-link:before {
        float: left;
        content: "\f104"
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl li.item.parent .groupmenu-drop {
        left: auto;
        right: 100%;
        text-align: right
    }

    .cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu-drop {
        border: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        position: absolute;
        background: #FFF;
        top: 100%;
        left: 0;
        z-index: 104;
        border: 1px solid #ccc;
        padding: 0;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs {
        padding-right: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: block;
        padding: 10px 5px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active {
        background: #ececec
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-nav-tabs {
        padding-left: 0;
        padding-right: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content.col-sm-17 {
        padding-left: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: block;
        padding: 10px 5px;
        text-align: left
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs {
        margin-top: -15px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs {
        text-align: center;
        display: block;
        margin: 0 -5px 15px;
        background: #eeeeee;
        box-shadow: inset 0 -3px 10px -7px #555
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: inline-block;
        padding: 9px 20px;
        position: relative;
        font-size: 115%;
        transform: perspective(1px) translateZ(0);
        border-right: 1px solid #e2e2e2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:first-child {
        border-left: 1px solid #e2e2e2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:before {
        display: inline-block;
        font: normal normal normal 18px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        bottom: 10px;
        left: calc((100% - 10px)/2)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #464646;
        transform: scaleY(0);
        transform-origin: 50% 100%;
        transition-property: transform;
        transition-duration: .4s;
        transition-timing-function: ease-out
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover {
        color: #fff
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active:before,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover:before {
        color: #282828;
        font-size: 18px;
        bottom: -12px;
        content: "\f0d7"
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active:after,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover:after {
        transform: scaleY(1)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupmenu-drop {
        top: -1px;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cat-tree.groupmenu-drop .groupmenu-drop {
        top: -7px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent>.menu-link {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent>.menu-link:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown)>a {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown)>a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop li.item:hover>.groupmenu-drop {
        opacity: 1;
        transform: translateY(0);
        visibility: inherit
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.item {
        min-width: 230px;
        position: relative;
        padding: 20px;
        margin: 0px auto
    }

    .cdz-menu:not(.cdz-toggle-menu) .cat-tree li.item {
        padding: 8px 15px;
        min-width: 230px;
        position: relative;
        margin: 0px auto
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class] {
        flex-wrap: wrap;
        width: calc(var(--tree-cols) * 250px - 18px);
        gap: 0px 20px
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class]>li.item {
        width: 230px;
        margin: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class]>li.tablet-item {
        flex-basis: 100%
    }

    .cdz-menu:not(.cdz-toggle-menu) li.parent.item:hover>ul.multicols {
        display: flex !important
    }

    .cdz-horizontal-menu {
        width: 100%
    }

    .cdz-horizontal-menu li.level0>.groupmenu-drop {
        display: none
    }

    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        top: 45px;
        display: block;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translateY(20px);
        transition: .1s
    }

    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateY(0);
        visibility: inherit;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s
    }

    .cdz-horizontal-menu .groupmenu {
        width: 100%;
        display: inline-block;
        padding: 0;
        background-color: #ffffff
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        text-transform: uppercase;
        transition: all 500ms ease;
        backface-visibility: hidden;
        display: inline-block;
        vertical-align: top;
        padding: 12px 20px;
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        text-decoration: none;
        color: #333;
        background-color: #ffffff;
        border-color: #f0f0f0;
        font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
        cursor: pointer;
        line-height: 22px
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-drop {
        font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif
    }

    .cdz-horizontal-menu .groupmenu li.item {
        list-style: none
    }

    .cdz-horizontal-menu .groupmenu li.item.level0 {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-nondrop {
        position: relative
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-nondrop>li.item {
        margin: 0px 0px;
        padding-left: 0px
    }

    .cdz-horizontal-menu .groupmenu .no-dropdown>.cat-tree.groupmenu-drop {
        top: auto;
        left: auto
    }

    .cdz-horizontal-menu .groupmenu .no-dropdown>.groupdrop-title {
        margin-bottom: 10px;
        display: inline-block
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown>.cat-tree.groupmenu-drop .groupmenu-drop {
        visibility: hidden;
        height: 0;
        position: absolute;
        opacity: 0;
        background: #fff;
        border: 1px solid #ccc;
        height: auto
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown>.cat-tree.groupmenu-drop .parent:hover>.groupmenu-drop {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown {
        display: block;
        list-style: none;
        margin-top: 0;
        margin-bottom: 0
    }

    .cdz-vertical-menu>.groupmenu {
        margin: 0
    }

    .cdz-vertical-menu .groupmenu-drop {
        top: -1px;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transform: rotateY(45deg);
        transition: transform .4s ease;
        transform-origin: left;
        display: none
    }

    .cdz-vertical-menu li.item:hover>.groupmenu-drop {
        opacity: 1;
        transform: rotateY(0deg);
        visibility: inherit;
        display: block
    }

    .cdz-vertical-menu .item.level0 {
        display: block;
        padding: 0px;
        border: 1px solid #dfdfdf;
        position: relative;
        margin-bottom: -1px
    }

    .cdz-vertical-menu .item.level0>a.menu-link {
        display: flex;
        padding-inline: 10px 0px;
        padding-block: 10px;
        align-items: center;
        position: relative
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon {
        min-width: calc(var(--mn-icon-w) + 19px);
        text-align: center;
        margin-inline: -5px 0;
        justify-content: center
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-inline-start: 1px solid #dfdfdf;
        padding-inline-start: 10px
    }

    .cdz-vertical-menu .item.level0>a.menu-link span {
        display: inline-block
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        display: inline-block;
        font: normal normal normal 18px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        height: 100%;
        display: flex;
        margin-inline-end: 10px;
        align-items: center
    }

    .cdz-vertical-menu.dropdown-fullheight {
        position: relative
    }

    .cdz-vertical-menu.dropdown-fullheight ul.groupmenu-drop {
        box-shadow: none;
        left: calc(100% - 1px)
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) {
        position: static
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree)>ul.groupmenu-drop {
        display: flex;
        flex-direction: row;
        min-height: 100%
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0.cat-tree,
    .cdz-vertical-menu.dropdown-fullheight .item.level0.no-full {
        position: relative
    }

    .cdz-vertical-menu.dropdown-fullheight.is-tablet .visible-tablet {
        position: absolute !important;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1
    }

    .cdz-vertical-menu.dropdown-fullheight.is-tablet .visible-tablet+li.item {
        padding-top: 60px
    }
}

@media only screen and (min-width: 768px) and (max-device-width:1180px) {
    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        display: none;
        transition: none
    }

    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) .visible-tablet {
        position: absolute !important;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) .visible-tablet+li.item {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .nav-open .nav-sections {
        background: #ffffff
    }

    .cdz-menu .row {
        margin: 0 -10px
    }

    .cdz-menu .groupdrop-banner {
        margin-bottom: 20px
    }

    .cdz-menu li.item {
        margin-bottom: 0px
    }

    .cdz-menu li.item.open>.dropdown-toggle:before,
    .cdz-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
        content: "\e9b3"
    }

    .cdz-menu .menu-tabs {
        margin: 0
    }

    .cdz-menu .menu-tabs .tab-item {
        margin: 0
    }

    .cdz-menu .menu-tabs .cdz-tab-pane {
        margin-top: 10px;
        min-height: 1px !important
    }

    .cdz-menu .menu-tabs .cdz-link-wrap {
        position: relative;
        padding: 4px 0
    }

    .cdz-menu .groupmenu-drop {
        display: none
    }

    .cdz-menu .groupmenu-drop li.item>a {
        padding: 7px 0
    }

    .cdz-menu .groupmenu-drop li.item.parent .groupmenu-drop {
        padding-left: 20px;
        padding-top: 5px
    }

    .cdz-menu .menu-link,
    .cdz-menu a.groupdrop-title {
        width: 100%;
        display: inline-block
    }

    .cdz-menu .item.level-top {
        display: block;
        position: relative;
        margin-bottom: 5px
    }

    .cdz-menu .item.level-top>.menu-link {
        padding: 0 10px !important;
        line-height: 40px !important;
        background: transparent;
        color: #444444;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px
    }

    .cdz-menu .item.level-top>.menu-link .menu-icon.fa {
        margin: 0 10px 0 0
    }

    .cdz-menu .item.level-top>.groupmenu-drop {
        margin: 0px;
        padding: 10px;
        box-shadow: none
    }

    .cdz-menu .item.level-top>.groupmenu-drop .groupmenu-drop-content {
        padding-left: 15px
    }

    .cdz-menu .item.level-top>.groupmenu-drop>.tablet-item>a {
        background: rgba(255, 255, 255, 0.5);
        border-bottom: none !important
    }

    .cdz-menu .item.level-top .groupdrop-link .item {
        padding: 0
    }

    .cdz-menu .item.level-top .groupdrop-link .item a {
        border-bottom: 0 !important;
        color: #444444;
        font-size: 14px;
        font-weight: 500
    }

    .cdz-menu .dropdown-toggle {
        display: block;
        position: absolute;
        top: 0px;
        right: 0;
        cursor: pointer;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: rgba(0, 0, 0, 0);
        color: #444444;
        text-align: end;
        padding-inline-end: 10px
    }

    .cdz-menu .dropdown-toggle:before {
        display: inline-block;
        font: normal normal 13px/1 CodazonFont;
        content: "\e9b4";
        vertical-align: middle;
        text-align: center;
        transition: all 500ms ease;
        margin-top: 7px
    }

    .cdz-menu .parent {
        position: relative
    }

    .cdz-menu .groupmenu-drop .parent>.menu-link+.dropdown-toggle {
        height: 30px;
        line-height: 17px;
        top: 0
    }

    .cdz-menu .groupmenu-drop .parent li.tablet-item {
        padding-inline-start: 0 !important
    }

    .cdz-menu .tablet-item {
        display: block;
        margin-bottom: 10px !important
    }
}

.cdz-vertical-menu .item.level0>a.menu-link>span {
    max-width: 100%;
    display: inline-block
}

.cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
    max-width: calc(100% - 50px)
}

.cdz-vertical-menu .item.level0.parent>a.menu-link>span {
    max-width: calc(100% - 35px)
}

.cdz-vertical-menu .item.level0.parent>a.menu-link>.menu-icon+span {
    max-width: calc(100% - 80px)
}

.cdz-vertical-menu .item.level0>a.menu-link span span {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0;
    max-width: 100%;
    overflow-x: hidden
}

@media (max-width: 992px) and (min-width:768px) {
    .cdz-vertical-menu .item.level0>a.menu-link {
        font-size: 11px
    }
}

@media (max-width: 860px) and (min-width:768px) {
    .cdz-vertical-menu .item.level0>a.menu-link {
        padding: 7px 0
    }

    .cdz-vertical-menu .item.level0>a.menu-link>span {
        padding-inline: 10px
    }

    .cdz-vertical-menu .item.level0>a.menu-link>.menu-icon {
        display: none
    }

    .cdz-vertical-menu .item.level0>a.menu-link>.menu-icon+span {
        border: none;
        padding-inline: 10px !important;
        max-width: 100%
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link>.menu-icon+span {
        max-width: calc(100% - 35px)
    }
}

.cdz-vertical-menu .item.level0>a.menu-link span span {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0;
    max-width: 100%;
    overflow: hidden;
    display: block
}

.cat-tree-wrap li.item:not(.level1) {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 10px auto
}

.groupdrop-title-line {
    border-bottom: 1px solid;
    font-size: 120%;
    padding-bottom: 5px
}

.cdz-menu.cdz-toggle-menu [class^="col-sm-"],
.cdz-menu.cdz-toggle-menu [class*=" col-sm-"] {
    width: 100%
}

.cdz-menu.cdz-toggle-menu .row {
    margin: 0 -10px
}

.cdz-menu.cdz-toggle-menu .groupdrop-banner {
    margin-bottom: 20px
}

.cdz-menu.cdz-toggle-menu li.item {
    margin-bottom: 0px
}

.cdz-menu.cdz-toggle-menu li.item.open>.dropdown-toggle:before,
.cdz-menu.cdz-toggle-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
    transform: rotate(90deg)
}

.cdz-menu.cdz-toggle-menu .menu-tabs {
    margin: 0
}

.cdz-menu.cdz-toggle-menu .menu-tabs .tab-item {
    margin: 0
}

.cdz-menu.cdz-toggle-menu .menu-tabs .cdz-tab-pane {
    margin-top: 10px;
    min-height: 1px !important
}

.cdz-menu.cdz-toggle-menu .menu-tabs .cdz-link-wrap {
    position: relative;
    padding: 4px 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop {
    display: none
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item {
    padding: 5px 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item.parent .groupmenu-drop {
    padding-left: 20px;
    padding-top: 5px
}

.cdz-menu.cdz-toggle-menu .menu-link,
.cdz-menu.cdz-toggle-menu a.groupdrop-title {
    width: 100%;
    display: inline-block
}

.cdz-menu.cdz-toggle-menu .item.level-top {
    display: block;
    position: relative;
    margin-bottom: 5px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link {
    padding: 10px;
    background: transparent;
    color: #444444;
    border-bottom: 1px solid
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link .fa {
    margin: 0 5px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0);
    color: #444444
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle:before {
    margin-top: 7px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.groupmenu-drop {
    margin: 0px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    box-shadow: none
}

.cdz-menu.cdz-toggle-menu .parent {
    position: relative
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle {
    display: block;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-align: center;
    width: 100%;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.links-list .cdz-vertical-menu .item.level-top {
    border-bottom: 1px solid #e1e1e1
}

.links-list .cdz-vertical-menu .item.level-top>a.menu-link {
    text-transform: uppercase;
    background: transparent;
    color: #999999
}

.links-list .cdz-vertical-menu .item.level-top>a.menu-link:visited,
.links-list .cdz-vertical-menu .item.level-top>a.menu-link:focus {
    color: #999999
}

@media only screen and (min-width: 768px) {
    .links-list .cdz-vertical-menu .item.level-top>a.menu-link:hover {
        color: #222222
    }
}

.links-list .cdz-vertical-menu .item.level-top:hover>a.menu-link {
    color: #222222
}

@media only screen and (max-width: 767px) {
    .links-list .cdz-vertical-menu .dropdown-toggle:before {
        color: #999999
    }
}

@media only screen and (min-width: 768px) {
    .no-loaded.cdz-menu.cdz-horizontal-menu .groupmenu {
        white-space: nowrap;
        overflow: hidden;
        font-size: 0
    }

    .no-loaded.cdz-menu.cdz-horizontal-menu .groupmenu>li.item.level0 {
        float: none
    }

    .cdz-horizontal-menu .groupmenu {
        background-color: transparent
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        background-color: transparent
    }
}

@media only screen and (min-width: 768px) {
    .menu-icon .groupmenu li.level0>a.menu-link .menu-icon {
        display: block;
        text-align: center;
        font-size: 30px;
        margin-bottom: 10px
    }

    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        top: 100%
    }

    .cdz-horizontal-menu .groupmenu {
        vertical-align: top;
        background-color: #ffffff
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        color: #333333;
        border-color: #ebebeb;
        background: #ffffff;
        font: 700 15px/1.35 "Mona Sans", sans-serif
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:active,
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:focus,
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:visited {
        color: #333333
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:hover {
        color: #fb6a00
    }

    .cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link {
        color: #fb6a00;
        border-color: #ebebeb;
        background: #ffffff
    }

    .cdz-vertical-menu .item.level0 {
        border-color: #efefef
    }

    .cdz-vertical-menu .item.level0>a.menu-link {
        color: #222222;
        border-color: #efefef;
        background: #ffffff;
        font: normal 14px/1.35 "Mona Sans", sans-serif
    }

    .cdz-vertical-menu .item.level0>a.menu-link:active,
    .cdz-vertical-menu .item.level0>a.menu-link:focus,
    .cdz-vertical-menu .item.level0>a.menu-link:visited {
        color: #222222
    }

    .cdz-vertical-menu .item.level0>a.menu-link:hover {
        color: #222222
    }

    .cdz-vertical-menu .item.level0:hover>a.menu-link {
        color: #222222;
        border-color: #efefef;
        background: #ffc9b8
    }

    .cdz-vertical-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        top: 0;
        inset-inline: 100% auto
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        position: absolute;
        right: 0
    }

    .cdz-vertical-menu li.item:hover>.groupmenu-drop {
        top: 0
    }
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
    background-color: #ffffff;
    border-color: #e1e1e1;
    box-shadow: 0 3px 3px #e1e1e1;
    color: #999999;
    font: 400 14px/1.35 "Mona Sans", sans-serif
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
    color: #999999;
    font: 400 14px/1.35 "Mona Sans", sans-serif
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:active,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:focus,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:visited {
    color: #999999
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:hover {
    color: #5c2900
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title-line {
    text-transform: uppercase;
    color: #282828;
    margin: 0 0 10px;
    padding: 0 0 5px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    text-transform: uppercase;
    color: #282828;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px;
    min-height: 25px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title a {
    color: #282828;
    font-weight: 700
}

@keyframes show-page {
    0% {
        opacity: 0;
        width: 0px;
        overflow: hidden
    }

    99% {
        width: 100%;
        overflow: hidden
    }

    100% {
        opacity: 1;
        width: 100%;
        overflow: visible
    }
}

@keyframes show-page-a {
    0% {
        color: transparent;
        opacity: 1
    }

    79% {
        opacity: 1
    }

    80% {
        color: transparent;
        opacity: 0
    }

    100% {
        color: #333333;
        opacity: 1
    }
}

@keyframes show-page-a-before {
    0% {
        color: #333333;
        content: "\f111";
        opacity: 1;
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: calc((100% - 10px)/2)
    }

    80% {
        color: #333333;
        content: "\f111";
        font-size: 10px;
        opacity: 1;
        position: absolute;
        left: 50%;
        top: calc((100% - 10px)/2)
    }

    100% {
        content: '';
        position: absolute;
        opacity: 0;
        font-size: 0px
    }
}

@-webkit-keyframes hide-page {
    0% {
        width: 100%
    }

    100% {
        width: 0px
    }
}

.static-wrap.has-items-overflowed {
    display: flex;
    flex-direction: row;
    align-items: center
}

.cdz-menu.no-loaded .cdz-item-tag {
    display: none
}

.cdz-menu .cdz-item-tag {
    color: #ffffff;
    background: #ff8000;
    border-color: #ff8000;
    border-width: 0;
    position: absolute;
    padding: 0px 7px;
    width: auto;
    top: -4px;
    right: -2px;
    text-align: center;
    font-size: 11px;
    text-transform: none;
    z-index: 10;
    display: block;
    line-height: 1.3;
    font-weight: 600;
    cursor: default;
    white-space: nowrap
}

.cdz-menu .cdz-item-tag:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: -8px;
    border: 4px solid transparent;
    border-top-color: inherit;
    right: 10px
}

@media only screen and (max-width: 767px) {
    .cdz-menu .cdz-item-tag {
        right: 45px;
        top: 0px
    }
}

.sticky-menu.active .cdz-menu .cdz-item-tag {
    top: -2px
}

.cdz-menu .animated .cdz-item-tag {
    opacity: 0
}

.cdz-menu.cdz-toggle-menu .cdz-item-tag,
.cdz-menu.cdz-vertical-menu .cdz-item-tag {
    right: 45px;
    top: 5px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.tablet-item {
    padding: 0
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.tablet-item>a {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a.menu-go-link {
    font-size: 13px;
    width: 100%;
    display: block
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    text-align: center
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link a.menu-go-link {
    border: 1px solid #ccc;
    width: auto;
    display: inline-block;
    padding: 2px 15px;
    background: #eee;
    border-radius: 4px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link a.menu-go-link:after {
    content: "\f178"
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop .menu-tabs {
    width: 100%
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop .menu-tabs a.cdz-tab-link {
    padding: 5px 0px;
    display: block;
    width: 100%
}

.cdz-menu.cdz-toggle-menu .tablet-item,
.cdz-menu.cdz-toggle-menu .tablet-tab-link {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .cdz-menu.no-loaded li.item.level0.parent:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 10;
        content: ''
    }
}

.cdz-menu.is-tablet .visible-tablet {
    display: block
}

.cdz-menu .menu-go-link {
    text-transform: uppercase
}

.cdz-menu .menu-go-link .link-prefix {
    color: #000
}

.cdz-menu .menu-go-link .link-text {
    font-weight: 700;
    color: #282828
}

.cdz-menu .menu-go-link:after {
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14c";
    display: inline-block;
    margin-left: 10px;
    color: #282828
}

.groupmenu.show-page {
    float: right !important;
    display: flex;
    flex-direction: row
}

.groupmenu.show-page>li>a {
    white-space: nowrap !important;
    max-width: 100%;
    overflow: hidden
}

.groupmenu.animated.show-page>li>a {
    animation-name: show-page-a;
    animation-duration: 1000ms
}

.groupmenu.animated.show-page>li>a:after {
    animation-name: show-page-a-after;
    animation-duration: 1000ms
}

.groupmenu.animated.show-page>li>a:before {
    position: absolute;
    top: 12px;
    opacity: 0;
    animation-name: show-page-a-before;
    animation-duration: 1000ms;
    display: inline-block;
    font: normal normal 10px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111"
}

.groupmenu.show-page.animated {
    animation-name: show-page;
    animation-duration: 1000ms
}

.groupmenu.hide-page {
    display: none;
    animation-name: hide-page;
    animation-duration: 1000ms
}

.switchpage-control .control {
    padding: 14px 0px;
    display: flex;
    flex-direction: row;
    width: 30px;
    position: relative;
    color: #333333;
    margin: 0 15px
}

.switchpage-control .control .times {
    font-size: 0
}

.switchpage-control .control .times:before,
.switchpage-control .control .times:after {
    position: absolute;
    left: 0px;
    width: 26px;
    height: 2px;
    background: #333333;
    content: "";
    z-index: 3;
    top: 20px;
    outline: 1px solid transparent;
    opacity: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: rotate(0)
}

.switchpage-control .control.page-two .times {
    transition: all linear 600ms;
    backface-visibility: hidden;
    opacity: 1
}

.switchpage-control .control.page-two .times:before {
    opacity: 1;
    transform: rotate(-45deg)
}

.switchpage-control .control.page-two .times:after {
    opacity: 1;
    transform: rotate(45deg);
    bottom: 0
}

.switchpage-control .control.page-two .dot {
    opacity: 0;
    transition: all linear 900ms;
    backface-visibility: hidden
}

.switchpage-control .control:hover {
    color: #333333
}

.switchpage-control .dot {
    width: calc(100%/3);
    display: inline-block;
    font-size: 6px;
    position: relative
}

.switchpage-control .dot:before {
    font: normal normal 6px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    display: inline-block
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .switchpage-control .control .times:before,
    .switchpage-control .control .times:after {
        opacity: 0
    }

    .switchpage-control .control.page-two .times:before,
    .switchpage-control .control.page-two .times:after {
        opacity: 1
    }
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    padding: 0 0 10px;
    border-bottom: 1px solid
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title.no-line {
    border: none
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item {
    margin-bottom: 0
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    overflow: hidden;
    display: block
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a:before {
    content: '';
    background: #5c2900;
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: translate3d(-110%, 0, 0);
    z-index: -1
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a:hover:before {
    transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 767px) {
    .dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a {
        padding: 0
    }
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item.last {
    margin-bottom: 20px
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item.last a {
    border-bottom: 0px solid #e1e1e1
}

.cdz-menu.no-loaded {
    min-height: 0
}

.dropdown-menustyle02 .groupdrop-link li {
    margin: 0;
    padding: 6px 0
}

.dropdown-menustyle02 .groupdrop-link li a {
    position: relative;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.dropdown-menustyle02 .groupdrop-link li a:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    left: 0;
    top: 7px
}

.dropdown-menustyle02 .groupdrop-link li a:hover {
    padding-left: 15px
}

.dropdown-menustyle02 .groupdrop-link li a:hover:before {
    width: 10px;
    background-color: #5c2900
}

.dmlb,
.dmlb-new {
    font-size: 80%;
    margin-top: -5px;
    display: inline-block;
    position: absolute;
    color: #5c2900
}

@media only screen and (max-width: 767px) {
    #mobi_vertcial-menu-container .main-content-top-left {
        margin: 10px
    }

    #mobi_vertcial-menu-container .groupmenu {
        background: #ffffff
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        box-shadow: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:active,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:focus,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:visited {
        color: #222222
    }
}

@keyframes cdz-slidedown {
    0% {
        max-height: 0;
        overflow: hidden;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    99% {
        max-height: 1000px;
        overflow: hidden
    }

    100% {
        max-height: none;
        overflow: visible
    }
}

.cdz-menu {
    --mn-dd-w-max: var(--cur-cont-width, 1400px);
    --mn-cont-pd: var(--cur-cont-pd, 10px);
    --mn-icon-w: 18px
}

@media only screen and (min-width: 768px) {
    .cdz-menu .grmn-width {
        width: calc(var(--mn-dd-w-max) * var(--mn-dd-iw) / 24 - 2 * var(--mn-cont-pd) - 20px);
        max-width: 100%;
        margin-inline: auto
    }

    .cdz-scroll-menu.no-loaded .groupmenu {
        background: #ffffff var(--sv-spinner) center / 32px no-repeat;
        margin-top: 8px;
        width: 275px;
        padding: 30px
    }

    .cdz-scroll-menu.no-loaded .groupmenu>* {
        display: none
    }

    .cdz-scroll-menu .menu-inner {
        margin-top: 8px
    }

    .cdz-scroll-menu .m-top-list {
        background: #ffffff
    }

    .cdz-scroll-menu .m-top-list .scrm-active.item.level0>a.menu-link {
        background: #ffc9b8;
        color: #222222;
        border-color: #ffc9b8
    }

    .cdz-scroll-menu .m-org-list>.item.level0>.groupmenu-drop {
        background: #ffffff
    }

    .fixed-height-menu {
        position: relative;
        overflow: hidden
    }

    .fixed-height-menu .cdz-menu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0
    }

    .fixed-height-menu:after {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        font-family: FontAwesome;
        content: "\f107";
        font-size: 14px;
        height: 10px;
        line-height: 10px;
        text-align: center;
        border: 1px solid #efefef;
        border-top-style: dashed;
        color: #d6d6d6;
        background: #ffffff
    }

    .fixed-height-menu:before {
        position: absolute;
        width: calc(100% - 4px);
        bottom: 10px;
        left: 2px;
        background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 100%);
        height: 120px;
        max-height: 40%;
        content: '';
        z-index: 1
    }

    .fixed-height-menu:hover {
        overflow: visible
    }

    .fixed-height-menu:hover .cdz-menu {
        z-index: 10
    }

    .fixed-height-menu:hover:before,
    .fixed-height-menu:hover:after {
        display: none
    }

    .desk-vertcial-menu-container {
        position: relative
    }

    .desk-vertcial-menu-container .menu-title {
        cursor: pointer;
        user-select: none
    }

    .desk-vertcial-menu-container .menu-container {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 600;
        min-width: 340px
    }

    .desk-vertcial-menu-container .cdz-vertical-menu {
        width: 100%;
        z-index: 10
    }

    .desk-vertcial-menu-container:hover .menu-container {
        display: block
    }

    .cms-index-index .sticky-menu:not(.active) .desk-vertcial-menu-container:hover .menu-container {
        display: none
    }

    .cms-index-index .sticky-menu:not(.active) .desk-vertcial-menu-container.one-ver:hover .menu-container {
        display: block
    }

    .click-display .cdz-vertical-menu {
        display: none !important
    }

    .sticky-menu.active .click-display.cdz-active .menu-container,
    .sticky-menu.active .click-display.cdz-active .cdz-vertical-menu,
    .one-ver.click-display.cdz-active .menu-container,
    .one-ver.click-display.cdz-active .cdz-vertical-menu {
        display: block !important
    }

    .one-ver.click-display.cdz-active .cdz-vertical-menu,
    .sticky-menu.active .click-display.cdz-active .cdz-vertical-menu {
        animation-name: cdz-slidedown;
        animation-duration: 500ms
    }

    .sticky-menu.active .click-display.cdz-active .menu-title:before,
    .one-ver.click-display.cdz-active .menu-title:before {
        transform: rotateZ(180deg)
    }
}

@media only screen and (min-width: 1200px) {

    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .menu-container,
    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .cdz-vertical-menu {
        display: block !important
    }

    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .menu-title:before {
        transform: rotateZ(180deg)
    }
}

@media only screen and (max-width: 767px) {
    .fixed-height-menu {
        height: auto !important
    }
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle:before {
    display: inline-block;
    font: normal normal normal 14px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e9b4';
    speak: none;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.cdz-menu.cdz-toggle-menu .item.level-top {
    margin-bottom: 0
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link {
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    color: #999999
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:active,
.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:focus,
.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:visited {
    color: #999999
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:hover {
    color: #5c2900
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle:before {
    margin-top: 0
}

.cdz-menu.cdz-toggle-menu li.item.open>.dropdown-toggle:before,
.cdz-menu.cdz-toggle-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
    content: '\e9b3';
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.cdz-menu.cdz-toggle-menu .item.level-top>.groupmenu-drop {
    border: 0;
    padding-left: 20px;
    padding-right: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item.parent .groupmenu-drop {
    padding-top: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item {
    padding-top: 0;
    padding-bottom: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a {
    text-transform: uppercase;
    padding: 10px 0;
    color: #999999
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:active,
.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:focus,
.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:visited {
    color: #999999
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:hover {
    color: #5c2900
}

.cdz-sidebar {
    display: none
}

.cdz-panel-open-right .cdz-sidebar,
.cdz-panel-open-left .cdz-sidebar {
    display: inline
}

.utilies-section {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .page-header {
        position: relative;
        min-height: 50px;
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 10px;
        color: #333333;
        background: #ffffff
    }

    .page-header .header.links.visible-xs {
        display: none !important
    }

    .page-header #desk_cart-wrapper {
        display: none
    }

    .page-header a.logo[class] {
        float: none;
        max-width: 150px;
        margin-block: 5px;
        margin-inline: 0 30px;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        display: inline-flex
    }

    .page-header .nav-toggle {
        width: 35px;
        height: 20px;
        display: inline-block;
        float: left;
        cursor: pointer;
        font-size: 0;
        left: 0;
        position: absolute;
        top: 16px;
        z-index: 14
    }

    .page-header .nav-toggle>span {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%
    }

    .page-header .nav-toggle>span:before,
    .page-header .nav-toggle>span:after {
        position: absolute;
        left: 0;
        width: 26px;
        height: 2px;
        content: "";
        background: #333333;
        z-index: 3;
        transition: transform .35s ease;
        backface-visibility: hidden
    }

    .page-header .nav-toggle>span:after {
        bottom: 0
    }

    .page-header .nav-toggle:before {
        position: absolute;
        left: 0;
        top: 8px;
        width: 16px;
        height: 2px;
        content: "";
        background: #333333
    }

    .page-header .nav-toggle span {
        position: relative;
        display: inline-block;
        height: 20px
    }

    .page-header .mobi-cart-wrapper {
        position: absolute;
        right: 0;
        top: 0
    }

    .page-header .mobi-cart-wrapper .action.showcart {
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: block;
        text-align: center
    }

    .page-header .mobi-cart-wrapper .action.showcart:before {
        display: inline-block;
        font: normal normal normal 22px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e992';
        speak: none;
        color: #333333;
        line-height: 35px
    }

    .page-header .mobi-cart-wrapper .action.showcart .text,
    .page-header .mobi-cart-wrapper .action.showcart .counter-label,
    .page-header .mobi-cart-wrapper .action.showcart .cart-subtotal {
        display: none
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
        display: block;
        position: absolute;
        top: 0px;
        min-width: 15px;
        height: 15px;
        line-height: 16px;
        font-size: 11px;
        font-weight: 600;
        right: 0px;
        text-align: center;
        border-radius: 100%;
        color: #ffffff;
        background: #F44336
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter-number {
        display: block;
        font-size: 11px
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter-number.price {
        display: none
    }

    .nav-before-open.nav-open .nav-toggle {
        height: 35px;
        top: 10px;
        left: 0
    }

    .nav-before-open.nav-open .nav-toggle:before {
        opacity: 0
    }

    .nav-before-open.nav-open .nav-toggle span {
        height: 30px
    }

    .nav-before-open.nav-open .nav-toggle span:before,
    .nav-before-open.nav-open .nav-toggle span:after {
        top: 15px;
        left: 5px;
        outline: 1px solid transparent
    }

    .nav-before-open.nav-open .nav-toggle span:before {
        transform: rotate(-45deg)
    }

    .nav-before-open.nav-open .nav-toggle span:after {
        transform: rotate(45deg)
    }

    .nav-open .nav-toggle>span:before,
    .nav-open .nav-toggle>span:after {
        background: #ffffff
    }
}

@media only screen and (max-width: 767px) {
    

    .nav-sections-item-title {
        background: #ffffff;
        border-color: #efefef
    }

    .nav-sections-item-title a {
        color: #353535
    }

    .nav-sections-item-title.active {
        background: #ffffff
    }

    .nav-sections-item-title.active a {
        color: #222222
    }

    .nav-sections-item-title:first-child {
        border-left: 0
    }

    .nav-sections-item-content {
        padding: 0
    }

    .nav-sections .header.links {
        border-color: #efefef
    }

    .nav-sections .header.links li.greet.welcome,
    .nav-sections .header.links li .cdz-dropdown>a,
    .nav-sections .header.links li>a {
        color: #222222;
        font-size: 14px;
        font-weight: 500;
        border-top: 0;
        border-bottom: 1px solid #efefef
    }

    .nav-sections .header.links li:last-child a {
        border-bottom: 0
    }

    .nav-sections .header.links li .cdz-dropdown {
        display: block;
        position: relative
    }

    .nav-sections .header.links li .cdz-dropdown a:after {
        display: inline-block;
        font: normal normal normal 14px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e9b4';
        speak: none;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        color: #222222
    }

    .nav-sections .header.links li .cdz-dropdown .cdz-dd-content {
        min-width: 1px;
        width: 100%;
        position: static
    }

    .nav-sections .header.links li .cdz-dropdown.cdz-dd-active a:after {
        content: "\e9b3"
    }

    .nav-sections .switcher {
        font-size: 14px;
        font-weight: 500;
        padding: 0;
        border-color: #efefef
    }

    .nav-sections .switcher a {
        color: #222222;
        display: block;
        width: 100%
    }

    .nav-sections .switcher:first-child {
        border-top: 0
    }

    .nav-sections .switcher:last-child {
        border-color: #efefef
    }

    .nav-sections .switcher.switcher-currency .switcher-label {
        display: none
    }

    .nav-sections .switcher .switcher-trigger {
        padding: 10px 20px;
        position: relative
    }

    .nav-sections .switcher .switcher-trigger.active:after {
        content: "\e9b3"
    }

    .nav-sections .switcher .switcher-trigger:after {
        display: inline-block;
        font: normal normal normal 14px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e9b4';
        speak: none;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        color: #222222
    }

    .nav-sections .switcher .switcher-dropdown {
        padding: 10px 20px;
        background: #f2f2f2
    }

    .nav-sections .switcher .switcher-dropdown li:last-child {
        margin-bottom: 0
    }

    .cdz-menu .item.level-top>span.dropdown-toggle:before {
        margin-top: 0
    }

    .cdz-menu .item.level-top>.menu-link,
    .cdz-menu .item.level-top>.dropdown-toggle {
        color: #222222
    }

    .cdz-menu .item.level-top>.menu-link {
        display: flex;
        align-items: center
    }

    .cdz-menu .item.level-top .groupdrop-link .item a {
        color: #222222
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        background: #f2f2f2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title-line {
        color: #222222;
        font: 400 14px/1.35 "Mona Sans", sans-serif;
        font-weight: 700;
        margin-bottom: 10px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title a,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
        color: #222222
    }

    .cdz-menu .cdz-link-wrap .dropdown-toggle {
        color: #222222
    }

    .cdz-menu .item.level-top .groupdrop-link .item {
        padding: 5px 0
    }

    .cdz-menu .item.level-top>.groupmenu-drop .groupmenu-drop-content {
        padding-left: 0
    }

    .cdz-menu .groupdrop-banner-pos {
        margin-bottom: 20px
    }

    .cdz-menu .groupdrop-link {
        margin-bottom: 20px
    }

    .cdz-menu .menu-tabs .cdz-tab-pane {
        background: #e6e6e6;
        padding: 10px
    }

    .nav-sections-item-title {
        text-transform: uppercase
    }

    .checkout-index-index .nav-sections,
    .checkout-index-index .nav-toggle {
        display: none !important
    }
}

@media only screen and (min-width: 768px) {
    .f-sections {
        display: none
    }
}

.f-nav-sections-item-title {
    padding: 15px 10px;
    background: #ffffff;
    border-block: 1px solid #efefef;
    color: #353535;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 115%;
    margin-top: -1px
}

.f-nav-sections-item-title:before {
    font: normal 18px/1.2 CodazonFont;
    content: '\e97b';
    margin-inline-end: 1.1rem;
    color: rgba(53, 53, 53, 0.5);
    display: inline-block;
    vertical-align: middle
}

.f-sections .header.links li.greet.welcome {
    display: none
}

.page-header .sticky-menu.active {
    box-shadow: 0 0 5px #bdbdbd;
    width: 100%;
    max-width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 880;
    margin: 0 auto;
    padding: 0;
    position: fixed !important;
    background-color: #ffffff
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active {
        animation: fadeInDown normal running forwards 1 .7s 0s ease-out
    }
}

.page-header .sticky-menu.active .header.panel {
    margin: 0;
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active .header.panel {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.page-header .sticky-menu.active .header.panel .header-panel-bottom {
    margin: 0
}

.page-header .sticky-menu.active .cdz-dropdown .cdz-dd-content {
    top: 100%
}

.page-header .sticky-menu.active .cdz-vertical-menu .groupmenu {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active .header-panel-bottom {
        padding: 0 250px 0 0;
        border: 0
    }

    .page-header .sticky-menu.active .logo {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .page-header .sticky-menu.active {
        padding: 0 10px;
        background-color: #ffffff;
        color: #333333;
        background: #ffffff url(../../../../codazon/themelayout/images/tspr.png) 0 0;
        min-height: 47px
    }
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top {
    text-align: inherit;
    padding: 60px 30px 10px;
    position: relative
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top:before {
    font: normal normal 60px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f007';
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #fb6a00;
    left: 0;
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top .icon-account {
    display: none
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner {
    padding: 50px 30px 10px;
    position: relative
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner:before {
    font: normal normal normal 45px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #fb6a00;
    left: 0;
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner .desc {
    text-transform: uppercase;
    text-align: center
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .actions-toolbar>.primary {
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .actions-toolbar>.primary button {
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .forgot-password {
    text-align: center
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .forgot-password a.action {
    border-bottom: 1px solid;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
    font-size: 90%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account {
    text-align: center;
    margin-top: 20px;
    padding: 20px
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account p {
    display: block;
    text-transform: uppercase;
    font-size: 100%;
    margin-bottom: 10px
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account a.md-primary {
    display: inline-block;
    width: calc(100% - 20px)
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .cdz-popup-inner {
    padding: 0
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .block-minicart .cart-total .actions button,
.cdz-popup-area .cdz-popup.popup-minicart-popup .block-minicart .cart-total .actions .button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cdz-popup-area .cdz-popup.popup-minicart-popup #btn-minicart-close-popup {
        display: none
    }
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .minicart-items .product-item .product-item-actions .details-qty {
    float: right
}

.cdz-popup-area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    visibility: hidden
}

.cdz-popup-area .cdz-popup-area-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: center
}

.cdz-popup-area .cdz-backface {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.cdz-popup-area .cdz-backface:before {
    -webkit-font-smoothing: antialiased;
    content: '\e616';
    font-family: 'icons-blank-theme';
    font-size: 60px;
    color: #fff;
    line-height: 62px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 999;
    cursor: pointer
}

.cdz-popup-area button.close-cdzpopup {
    position: absolute;
    top: 0px;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 1px solid;
    color: #000;
    border-color: transparent;
    background: transparent;
    border-radius: 0;
    right: 0px;
    display: none
}

.cdz-popup-area button.close-cdzpopup:before {
    -webkit-font-smoothing: antialiased;
    content: '\e616';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-size: 32px;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    color: #000;
    line-height: 40px;
    margin-left: -1px
}

.cdz-popup-area .cdz-popup {
    visibility: hidden;
    overflow: visible;
    top: -110%;
    left: 0;
    right: 0;
    position: absolute;
    transition: all 500ms ease;
    backface-visibility: hidden;
    max-height: 80%;
    width: 500px;
    max-width: calc(100% - 40px);
    margin: 2rem auto
}

.cdz-popup-area .cdz-popup .cdz-popup-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px
}

.cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content {
    max-height: 500px;
    max-height: 80vh;
    overflow: auto
}

body.cdz-popup-opened .cdz-popup-area {
    visibility: visible;
    overflow-y: scroll
}

body.cdz-popup-opened .cdz-backface {
    opacity: 1;
    transition: all 500ms ease;
    backface-visibility: hidden
}

body.cdz-popup-opened .cdz-popup.opened {
    visibility: visible;
    top: 0;
    z-index: 1000
}

body.cdz-popup-opened>.page-wrapper {
    overflow: scroll
}

body.cdz-popup-opened .sticky-menu.active {
    box-shadow: none
}

body.cdz-popup-opened .sticky-menu.active .panel.header {
    box-shadow: none
}

body.cdz-popup-opened .modal-popup.confirm {
    z-index: 1000
}

.cdz-popup .minicart-popup {
    display: block
}

@media only screen and (max-width: 767px) {
    .cdz-popup-area .cdz-popup {
        margin-top: 5rem
    }
}

form.minisearch.loading .control input[type=text] {
    box-shadow: none;
    -webkit-animation-name: search-loading;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: search-loading;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@-webkit-keyframes search-loading {

    0%,
    100% {
        box-shadow: none
    }

    25%,
    75% {
        box-shadow: 0 0 3px 1px #68a8e0
    }

    50% {
        box-shadow: 0 0 3px 1px #fff
    }
}

@keyframes search-loading {

    0%,
    100% {
        box-shadow: none
    }

    25%,
    75% {
        box-shadow: 0 0 3px 1px #68a8e0
    }

    50% {
        box-shadow: 0 0 3px 1px #fff
    }
}

.search-autocomplete {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    margin-top: 4px !important;
}

.search-autocomplete .product,
.search-autocomplete .suggest {
    margin: 0
}

.search-autocomplete .product.active,
.search-autocomplete .suggest.active,
.search-autocomplete.active {
    display: block
}

.search-autocomplete .suggest {
    color: #3C3C3C
}

.search-autocomplete .title {
    padding: 10px;
    margin-bottom: 5px;
    background: #f0f0f0;
    color: #575757
}

.search-autocomplete .title .see-all {
    display: inline-block;
    float: right;
    color: #909090;
    cursor: pointer
}

.search-autocomplete .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center
}

.search-autocomplete ul {
    padding: 0 10px;
    margin-bottom: 0;
    list-style-type: none
}

.search-autocomplete ul li {
    color: #000;
    cursor: unset;
    padding: 0
}

.search-autocomplete .suggest ul li {
    color: #3C3C3C
}

.search-autocomplete .product ul li {
    border-bottom: 1px solid #D4D2D2
}

.search-autocomplete .product ul li:last-child {
    border-bottom: none
}

.search-autocomplete ul li.selected,
.search-autocomplete ul li:hover {
    background-color: #fff
}

.search-autocomplete ul li:after {
    clear: both;
    content: '';
    display: block
}

.search-autocomplete ul li.action {
    padding: 0
}

.search-autocomplete ul li.action .action.close {
    background: rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 400;
    height: 30px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    right: 0;
    text-decoration: none;
    text-shadow: none;
    top: 0;
    width: 40px
}

.search-autocomplete ul li.action .action.close:before {
    color: #8f8f8f;
    content: '\e616';
    display: inline-block;
    font-family: luma-icons;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.search-autocomplete ul li.gray-row {
    text-align: center
}

.search-autocomplete ul li.gray-row,
.search-autocomplete ul li.gray-row.selected,
.search-autocomplete ul li.gray-row:hover {
    background-color: #e8e8e8
}

.search-autocomplete ul li.gray-row a {
    color: #7B7B7B;
}

.search-autocomplete ul li a {
    cursor: pointer
}

.search-autocomplete ul li .qs-option-image {
    float: left;
    max-width: 82px;
    width: 25%
}

.search-autocomplete ul li .qs-option-info {
    color: #000;
    display: inline-block;
    float: left;
    padding-left: 5%;
    text-align: left;
    width: 70%;
    margin-bottom: 10px
}

.search-autocomplete ul li .qs-option-info.noimage {
    padding-left: 0;
    width: 100%
}

.search-autocomplete ul li:last-child .qs-option-info {
    margin-bottom: 0
}

.search-autocomplete ul li .qs-option-info .qs-option-title {
    display: inline-block;
    margin: 0;
    width: 100%
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews {
    display: inline-block;
    text-transform: lowercase;
    width: 100%
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary {
    margin-bottom: 4px
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews .reviews-actions {
    font-size: 12px
}

.search-autocomplete ul li .qs-option-info .qs-option-sku {
    display: block;
    width: 100%;
    color: #004875;
    font-size: 12px
}

.search-autocomplete ul li .qs-option-info .qs-option-description,
.search-autocomplete ul li .qs-option-info .qs-option-shortdescription {
    color: #3C3C3C;
    font-size: 13px
}

.search-autocomplete ul li .qs-option-info .qs-option-price {
    display: inline-block;
    font-weight: 700;
    margin-top: 15px
}

.search-autocomplete ul li .qs-option-info .qs-option-addtocart {
    display: inline-block;
    float: right;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .search-autocomplete {
        left: 15px;
        right: 15px;
        width: auto
    }
}

.block-search .action.search[disabled] {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    #search_mini_form {
        width: auto;
        float: none
    }
}

.search-autocomplete::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f8f8f8
}

.search-autocomplete::-webkit-scrollbar {
    width: 6px;
    background-color: #dedede
}

.search-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedede
}

.search-autocomplete ul {
    padding: 0 10px
}

.search-autocomplete .title {
    color: #282828;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.search-autocomplete .title .see-all {
    background: #282828;
    border-radius: 3px;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.search-autocomplete .title .see-all:hover {
    background-color: #fb6a00;
    color: #fff
}

.search-autocomplete .suggest ul li {
    padding: 0 10px;
    margin-bottom: 10px
}

.search-autocomplete .suggest ul li a {
    color: #818181
}

.search-autocomplete .suggest ul li a:active,
.search-autocomplete .suggest ul li a:focus,
.search-autocomplete .suggest ul li a:visited {
    color: #818181
}

.search-autocomplete .suggest ul li a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.search-autocomplete .product ul li a {
    color: #818181
}

.search-autocomplete .product ul li a:active,
.search-autocomplete .product ul li a:focus,
.search-autocomplete .product ul li a:visited {
    color: #818181
}

.search-autocomplete .product ul li a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li .qs-option-image {
    width: 60px
}

.search-autocomplete .product ul li .qs-option-info {
    width: calc(100% - 60px);
    padding-left: 20px;
    margin-bottom: 0;
    white-space: normal
}

.search-autocomplete .product ul li .qs-option-info .qs-option-sku {
    color: #fb6a00;
    margin-bottom: 5px
}

.search-autocomplete .product ul li .qs-option-info .qs-option-price {
    margin-top: 5px;
    width: 100%;
    display: block
}

.search-autocomplete .product ul li .qs-option-info .qs-option-addtocart {
    float: none
}

.search-autocomplete .product ul li .qs-option-title {
    margin-bottom: 5px;
    white-space: normal
}

.search-autocomplete .product ul li .qs-option-title a {
    font-weight: bold;
    font-size: 14px
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary {
    margin: 0
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a {
    font-size: 12px;
    font-weight: normal;
    color: #999999
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:active,
.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:focus,
.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:visited {
    color: #999999
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li .price-box .price-from,
.search-autocomplete .product ul li .price-box .price-to {
    margin-bottom: 10px;
    float: left
}

.cdz-cat-search {
    padding: 20px 0
}

.cdz-cat-search .inner {
    position: relative;
    width: 100%
}

.cdz-cat-search .category-chooser {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    visibility: hidden;
    width: 300px;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    background: #333333;
    color: #ffffff;
    transition: all ease 500ms;
    backface-visibility: hidden;
    z-index: 100
}

.cdz-cat-search.open .category-chooser {
    visibility: visible;
    max-height: 600px;
    opacity: 1;
    transition: all ease 500ms;
    backface-visibility: hidden
}

.cdz-cat-search .dropdown-inner {
    width: 100%;
    padding: 10px 10px;
    max-height: 400px;
    overflow: auto
}

.cdz-cat-search .category-list a {
    cursor: pointer;
    color: #999999;
    padding-left: 15px;
    position: relative
}

.cdz-cat-search .category-list a:active,
.cdz-cat-search .category-list a:focus,
.cdz-cat-search .category-list a:visited {
    color: #999999
}

.cdz-cat-search .category-list a:hover {
    color: #fb6a00
}

.cdz-cat-search .category-list a:before {
    display: inline-block;
    font: normal normal normal 10px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e9b3';
    speak: none;
    position: absolute;
    left: 0;
    top: 5px
}

.cdz-cat-search .category-list ul a:before {
    content: "\e9b4"
}

.cdz-cat-search ul {
    margin: 0;
    padding: 0;
    list-style: none none
}

.cdz-cat-search ul ul {
    padding-left: 20px
}

.cdz-cat-search .parent>a {
    margin-bottom: 10px;
    display: block;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .cdz-cat-search .category-chooser {
        width: 100%
    }
}

.minisearch .field {
    margin: 0
}

.minisearch input.input-text {
    padding-left: 15px;
    padding-right: 15px;
    left: auto;
    position: relative;
    margin: 0
}

.minisearch input.input-text::placeholder {
    color: inherit;
    text-transform: uppercase;
    opacity: 1
}

.minisearch .nested {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0;
    z-index: 3;
    padding: 0;
    display: block
}

.minisearch .nested a {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    opacity: .8;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.minisearch .nested a:hover {
    opacity: 1
}

.minisearch .nested a:after {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f085";
    line-height: 35px
}

.minisearch .nested a .advanced-label {
    background: #000000;
    padding: 3px 5px;
    border-radius: 3px;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #ffffff;
    visibility: hidden;
    transition: all 500ms ease;
    backface-visibility: hidden;
    opacity: 0;
    top: -23px;
    left: 50%;
    transform: translateX(-50%)
}

.minisearch .nested a .advanced-label:before {
    position: absolute;
    left: calc(50% - 5px);
    bottom: -10px;
    border: 5px solid transparent;
    border-top-color: #000000;
    content: '';
    width: 10px;
    height: 10px
}

.minisearch .nested a:hover span {
    opacity: 1;
    visibility: visible
}

.minisearch.hide-advanced-search .action.advanced {
    display: none
}

@media only screen and (min-width: 768px) {

    .minisearch div.search-form {
        background: #ffffff;
        position: relative;
        line-height: normal;
        z-index: 11
    }

    .minisearch .cdz-cat-search .category-chooser {
        background: #ffffff;
        color: #999999
    }

    .minisearch .cdz-cat-search .category-chooser {
        box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
    }

    .minisearch .cdz-cat-search .inner {
        height: 100%;
        position: relative
    }

    .minisearch .cdz-cat-search span:after {
        display: inline-block;
        font: normal normal normal 10px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e97b";
        speak: none;
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        top: calc(50% - 5px)
    }

    .minisearch .cdz-cat-search .current-cat {
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        width: 110px;
        color: #282828;
        text-decoration: none;
        min-width: 120px
    }

    .minisearch .cdz-cat-search .current-cat span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 2px
    }

    .minisearch .cdz-cat-search .current-cat {
        color: #282828
    }

    .minisearch .cdz-cat-search .current-cat:after {
        content: "";
        background: #282828;
        width: 1px;
        height: 18px;
        position: absolute;
        top: 10%;
        top: calc((100% - 18px)/2);
        right: -10px
    }

    .minisearch.has-cat-search .cdz-cat-search {
        position: absolute;
        padding: 0;
        top: 1px;
        left: 1px;
        height: 98%;
        height: calc(100% - 2px);
        z-index: 5
    }

    .minisearch .control {
        padding: 0 0;
        border-top: none;
        margin: 0
    }

    .minisearch .actions .search[class] {
        background: #fb6a00;
        border: none;
        width: 35px;
        height: 35px;
        padding: 0;
        margin: 0;
        opacity: 1;
        right: 0;
        border-radius: 0px 3px 3px 0px;
        transition: none;
        position: absolute;
        display: inline-block
    }

    .minisearch .actions .search[class]>span {
        font-size: 0
    }

    .minisearch .actions .search[class]:before {
        display: inline-block;
        font-weight: normal;
        transition: .6s;
        color: #ffffff;
        overflow: visible;
        content: '\e615';
        font-family: 'icons-blank-theme'
    }

    .minisearch .actions .search[class]:hover:before {
        color: #fb6a00
    }

    .block-search {
        width: 100%;
        padding: 0;
        background: #ffffff
    }

    .field.search {
        overflow: hidden
    }

    .search-form,
    .minisearch div.search-form {
        background: transparent
    }


    .minisearch.has-cat-search .minisearch.has-cat {
        padding-left: 130px;
        padding-right: 35px;
        width: 100%
    }

    .sticky-menu:not(.active) div.search-form {
        width: calc(100% - 35px);
        display: inline-block
    }

    .sticky-menu:not(.active) div.search-form .nested {
        right: -37px
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search {
        width: calc(calc(100% - 10px))
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search .action.advanced {
        display: none
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search input.input-text {
        width: 100%
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search .actions {
        right: 0
    }

    .sticky-menu:not(.active) .hide-advanced-search div.search-form {
        width: 100%
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch-wrap:hover {
        z-index: 100
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .search-autocomplete {
        margin-top: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch input.input-text {
        height: 35px;
        line-height: 35px;
        color: #333333;
        border: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat {
        color: #333333;
        width: 0;
        padding: 0;
        opacity: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat span {
        width: 0;
        font-size: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat:after {
        background: #333333
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch label,
    .page-header:not(.sksnhv) .sticky-menu.active .minisearch input.input-text,
    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat {
        font: 700 15px/1.35 "Mona Sans", sans-serif;
        font-weight: normal
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch div.search-form {
        display: flex;
        align-items: center;
        width: 35px;
        float: right;
        padding: 0;
        overflow: hidden;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search {
        padding: 0;
        opacity: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 35px;
        height: 100%;
        z-index: 5;
        background-color: #ffffff;
        border: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search:before {
        display: inline-block;
        font: normal normal normal 20px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e99d';
        speak: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search.open .category-chooser {
        visibility: hidden
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .category-chooser {
        display: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover {
        z-index: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .category-chooser {
        display: block
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search {
        opacity: 1;
        min-width: 85px
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover div.search-form {
        width: 300px;
        z-index: 1;
        overflow: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover input.input-text {
        width: 100%;
        padding: 0 8px;
        opacity: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search.open .category-chooser {
        visibility: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search .current-cat {
        transition-delay: .2s;
        width: 120px;
        padding: 0 10px;
        opacity: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search .current-cat span {
        width: 100%;
        font-size: 100%
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover.has-cat-search div.search-form {
        width: 350px
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search {
        background-color: transparent;
        box-shadow: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search .control {
        visibility: hidden;
        opacity: 0;
        transition: .5s
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search:hover {
        background-color: #fff
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search:hover .control {
        width: auto;
        opacity: 1;
        visibility: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search .search-autocomplete {
        right: 0;
        left: auto;
        width: 320px;
        min-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .minisearch-wrap {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 10px 0 0;
        z-index: 801;
        white-space: nowrap
    }

    .minisearch-wrap .mobi-cart-wrapper {
        display: inline-block !important;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        vertical-align: middle
    }

    .minisearch-wrap .minisearch input.input-text {
        background: #fff !important;
        color: #000 !important
    }

    .minisearch-wrap .minisearch input.input-text::placeholder {
        color: inherit
    }

    .minisearch-wrap .nested {
        display: none
    }

    .minisearch .search-form {
        right: 0
    }

    .minisearch .minisearch-inner {
        position: relative
    }

    .minisearch .nested {
        display: none
    }

    .minisearch .search-toggle {
        font-size: 0;
        text-decoration: none;
        width: 35px;
        height: 35px;
        line-height: 33px;
        text-align: center;
        border: none;
        background: transparent;
        transition: .5s
    }

    .minisearch .search-toggle:before {
        font-family: CodazonFont;
        content: "\e99d";
        font-size: 17px;
        color: #333333
    }

    .minisearch .search-form {
        visibility: hidden;
        position: fixed;
        width: 100%;
        background: #fff;
        left: 0px;
        top: 40px;
        z-index: 10;
        opacity: 0;
        transition: .5s;
        box-shadow: 0px 4px 4px rgba(211, 211, 211, 0.5)
    }

    .minisearch.input-opened .search-toggle:before {
        content: "\E976";
        transform: rotateZ(90deg)
    }
    
    .minisearch.input-opened .search-form {
        visibility: visible;
        opacity: 1;
        top: 47px
    }

    .minisearch .search {
        margin: 0
    }

    .minisearch .search .control {
        border: none;
        position: relative;
        padding: 10px 10px;
        width: 100%;
        margin: 0
    }

    .minisearch .search .label {
        /*display: none*/
    }

    .minisearch .minisearch .actions {
        position: absolute;
        right: 0 !important;
        top: 0;
        right: 10px !important;
        top: 10px
    }

    .minisearch .minisearch .action.search {
        display: block;
        background: transparent
    }

    .minisearch .minisearch .action.search:before {
        color: #282828
    }

    .minisearch input.input-text {
        left: auto;
        position: relative;
        margin: 0;
        border: 1px solid #ccc;
        box-shadow: inset 0px 2px 3px #ccc;
        height: 35px;
        line-height: 33px;
        color: #282828
    }

    .minisearch input.input-text::placeholder {
        color: #282828
    }

    .minisearch.has-cat-search .cdz-cat-search {
        display: block;
        position: absolute;
        left: 10px;
        z-index: 20;
        padding: 0 0px;
        display: flex;
        height: 100%;
        align-items: center
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat {
        padding: 0px 10px;
        white-space: nowrap;
        display: inline-block;
        color: #000;
        border-right: 1px solid #ccc
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat:after {
        font-family: 'CodazonFont';
        display: inline-block;
        content: "\e97b";
        font-size: 10px;
        vertical-align: middle;
        margin-left: 10px
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 80px;
        vertical-align: middle
    }

    .minisearch.has-cat-search .cdz-cat-search.open a.current-cat:after {
        content: '\E96B'
    }

    .minisearch.has-cat-search .cdz-cat-search .inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center
    }

    .minisearch.has-cat-search .cdz-cat-search .dropdown {
        width: 250px;
        max-width: calc(100vw - 20px);
        left: 0px;
        background: #ffffff;
        box-shadow: 0px 3px 4px #ccc;
        z-index: 200;
        text-align: left
    }

    .minisearch.has-cat-search .cdz-cat-search .dropdown .category-list a {
        color: #282828
    }

    .minisearch.has-cat-search input.input-text {
        padding-left: 130px;
        padding-right: 35px
    }

    .actions .search {
        width: 35px;
        height: 35px;
        font-size: 0;
        padding: 0;
        opacity: 1;
        border: 0;
        background: #ffffff
    }

    .actions .search:before {
        display: inline-block;
        font: normal normal normal 17px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e99d";
        speak-as: none;
        color: #333333
    }
}

.desk-search-wrap {
    position: static
}

.mobi-search-wrap {
    width: 100%;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .page-header .sticky-menu.active+.mobi-search-wrap {
        position: fixed;
        top: 47px;
        left: 0;
        z-index: 20;
        margin-top: 0
    }

    .page-header.display-full-search .sticky-menu.active {
        box-shadow: none
    }
}

.display-full .minisearch .search-toggle {
    display: none !important
}

.display-full .minisearch {
    width: 100%
}

.display-full .minisearch .search-form {
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    opacity: 1;
    width: 100%
}

.display-full .search-autocomplete {
    top: 100%
}

.page-header .sticky-menu.active .nested {
    display: none
}

.page-header .switcher .options .action.toggle.active:after,
.page-header .switcher .options .action.toggler {
    line-height: 18px
}

.page-header .switcher .switcher-trigger a img {
    margin: 0 3px 0 0;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .page-header .header-top {
        background: #333333;
        color: #ffffff;
        padding: 7px 0
    }

    .page-header .header-top a {
        color: #ffffff
    }

    .page-header .header-top a:active,
    .page-header .header-top a:focus,
    .page-header .header-top a:visited {
        color: #ffffff
    }

    .page-header .header-top a:hover {
        color: #fb6a00
    }

    .page-header .header-panel-top {
        position: relative
    }

    .store-contact {
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 2px;
        padding: 0 10px
    }

    .store-contact a {
        margin-right: 25px;
        color: #ffffff
    }

    .store-contact a:active,
    .store-contact a:focus,
    .store-contact a:visited {
        color: #ffffff
    }

    .store-contact a:hover {
        color: #fb6a00
    }

    .store-contact a .fa {
        margin-right: 5px
    }

    .social-wrap a {
        font-size: 0;
        color: #ffffff;
        display: inline-block;
        width: 25px;
        margin: 0 3px;
        text-align: center;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .social-wrap a:active,
    .social-wrap a:focus,
    .social-wrap a:visited {
        color: #ffffff
    }

    .social-wrap a:hover {
        color: #fb6a00
    }

    .social-wrap a .fa {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .page-header .header-top {
        display: none
    }
}

.page-layout-checkout .page-wrapper {
    background: transparent
}

.page-layout-checkout .page-wrapper .page-header {
    background: #ffffff
}

.page-layout-checkout .page-wrapper .page-header .logo {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .page-layout-checkout .page-wrapper .page-header {
        background: #ffffff
    }

    .page-layout-checkout .page-wrapper .page-header .logo {
        margin: 0
    }
}

.page-layout-checkout .page-wrapper .action-auth-toggle,
.page-layout-checkout .page-wrapper .action-auth-toggle:hover {
    color: #818181;
    border: 1px solid #818181
}

.page-header .sticky-menu.active .el-sticky-hide[class] {
    display: none
}


@media only screen and (min-width: 768px) {
    .minisearch input.input-text {
        line-height: 41px;
        height: 43px;
        padding: 0px 10px;
        border: none
    }

    .minisearch input.input-text::placeholder {
        text-transform: none
    }

    .minisearch .actions .search {
        width: 43px;
        height: 43px
    }

    .block-search {
        border-radius: 25px
    }

    .page-header .sticky-menu:not(.active) .minisearch {
        padding: 0
    }

    .page-header .sticky-menu:not(.active) .minisearch input.input-text {
        font-size: inherit
    }

    .page-header .sticky-menu:not(.active) .minisearch .search {
        border: 1px solid var(--hd-bd);
        border-radius: 25px;
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search {
        border-radius: 25px;
        inset-inline: auto 3px;
        width: auto;
        height: 37px;
        top: 3px;
        display: flex;
        align-items: center;
        padding-inline: 15px 20px
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search>span {
        font-size: 100%;
        position: relative;
        margin: 0;
        color: #ffffff;
        width: auto;
        height: auto;
        text-transform: none;
        display: inline-flex
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search:before {
        font-size: 29px;
        line-height: 1;
        margin-inline: 0 6px
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search:hover:before {
        color: #ffffff
    }

    .page-header .sticky-menu:not(.active) .minisearch.has-cat-search .minisearch.has-cat {
        padding-right: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search:before {
        display: inline-block;
        font: normal normal normal 20px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e98f";
        speak: none
    }
}

@media only screen and (min-width: 768px) {
    .sticky-menu:not(.active) .minisearch .cdz-cat-search span:before {
        font: normal normal normal 15px / 1 'CodazonFont';
        content: '\e98c';
        margin-inline-end: 7px;
        display: inline-flex
    }

    .sticky-menu:not(.active) .minisearch .cdz-cat-search .current-cat {
        min-width: 140px
    }

    body[class] .page-header .sticky-menu:not(.active) .minisearch.has-cat-search .minisearch.has-cat {
        padding-inline-start: 150px
    }

    .cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu-drop {
        border-top: 1px solid var(--hd-bd);
        box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1)
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        text-transform: none;
        padding-block: 16px
    }

    .cdz-horizontal-menu li.item.level0.parent>.menu-link {
        display: flex;
        align-items: center
    }

    .cdz-horizontal-menu li.item.level0.parent>.menu-link:after {
        font: normal normal 15px/1 FontAwesome;
        content: "\f107";
        display: inline-block;
        margin-inline-start: 7px
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-inline-start: none
    }

    .cdz-menu .cdz-item-tag {
        border-radius: 3px;
        min-height: 17px;
        display: flex;
        align-items: center
    }

    .cdz-menu .cdz-item-tag:before {
        display: none
    }

    .desk-vertcial-menu-container {
        height: 100%
    }

    .desk-vertcial-menu-container>div {
        height: 100%
    }

    .desk-vertcial-menu-container .menu-title {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        font: var(--hd-f-main);
        padding-inline-end: 20px;
        position: relative;
        color: #333333;
        background: #ffffff
    }

    .desk-vertcial-menu-container .menu-title:after {
        content: '';
        position: absolute;
        height: 60%;
        top: 20%;
        inset-inline: auto 0;
        border-left: 1px solid var(--hd-bd)
    }

    .desk-vertcial-menu-container .menu-title .tt-text {
        width: 100%;
        white-space: nowrap
    }

    .desk-vertcial-menu-container .menu-title .tt-text:before {
        font: normal normal normal 15px/1 FontAwesome;
        display: inline-flex;
        content: "\f0ca";
        margin-inline-end: 7px
    }

    .desk-vertcial-menu-container .menu-title[class]:before {
        font: normal normal normal 23px/1 FontAwesome;
        display: inline-flex;
        content: "\f107";
        margin-inline-start: 7px;
        order: 2
    }

    .minicart-wrapper .action.showcart {
        position: relative
    }

    .minicart-wrapper .action.showcart .counter.qty {
        position: absolute;
        top: -14px;
        inset-inline: auto -12px;
        min-width: 20px;
        width: auto;
        height: 20px;
        padding: 0;
        font-size: 11px;
        margin: 0;
        border-radius: 10px;
        line-height: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .page-header {
        --hd-icon-h: 20px;
        --sw-arrow: "\f107";
        --sw-arrow-fs: 14px;
        background: #ffffff;
        color: #818181;
        font: var(--hd-f-main);
        font-weight: normal
    }

    .page-header>.container {
        width: 100%;
        padding: 0
    }

    .page-header .panel.wrapper {
        border: none
    }

    .page-header .header-bottom {
        border-block: 1px solid var(--hd-bd);
        background-color: #ffffff;
        color: #333333;
        font: var(--hd-f-main)
    }

    .page-header .header-bottom a {
        color: #333333
    }

    .page-header .header.content,
    .page-header .header.panel {
        padding: 0
    }

    .page-header .header-top {
        font-size: var(--hd-fs-sec)
    }

    .page-header .header-main {
        padding: 30px 0;
        font-size: var(--hd-fs-sec)
    }

    .page-header .header-main input,
    .page-header .header-main button {
        font-size: 100%
    }

    .page-header .hd-main-row {
        display: flex;
        align-items: center
    }

    .page-header .header-panel-right {
        display: flex;
        justify-content: end;
        width: auto;
        align-items: center;
        gap: 10px
    }

    .page-header .header-panel-middle {
        flex-grow: 1
    }

    .page-header .menu-area {
        display: flex;
        align-items: stretch
    }

    .page-header .panel.wrapper .switcher .options ul.dropdown {
        box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1)
    }

    .page-header .logo {
        margin: 0
    }

    .page-header .switcher[class] {
        margin: 0
    }

    .page-header .switcher[class] .switcher-options[class] .action>a[class],
    .page-header .switcher[class] .switcher-options[class] a.action[class] {
        display: flex;
        position: relative;
        padding: 0;
        padding-inline: 0px 20px;
        align-items: center;
        font-weight: inherit;
        white-space: nowrap
    }

    .page-header .features-links {
        display: flex;
        gap: 8px;
        order: 3;
        align-items: center;
        --ft-link-txt: #818181
    }

    .page-header .features-links .hd-icon svg {
        height: var(--hd-icon-h);
        width: auto;
        fill: var(--ft-link-txt)
    }

    .page-header .features-links .hd-icon:hover {
        --ft-link-txt: #fb6a00
    }

    .page-header .features-links .account-trigger,
    .page-header .features-links .cdz-dd-trigger {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .page-header .features-links .account-trigger .hd-icon {
        display: flex;
        height: calc(var(--hd-icon-h) + 16px);
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid var(--ft-link-txt)
    }

    .page-header .minicart-wrapper {
        margin: 0
    }

    .page-header .wishlist .cdz-dd-trigger .label,
    .page-header .action.showcart:before,
    .page-header .action.showcart>span:not(.hd-icon),
    .page-header .authorization-link .account-trigger>span:not(.hd-icon) {
        display: none
    }

    .page-header .header-menu-wrap {
        flex-grow: 1
    }

    .page-header .hd-bt-wrap {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-inline-start: 20px;
        position: relative
    }

    .page-header .hd-bt-wrap:before {
        content: '';
        position: absolute;
        height: 60%;
        top: 20%;
        inset-inline: 0 auto;
        border-left: 1px solid var(--hd-bd)
    }

    .page-header .sticky-menu.active #desk_menu-container {
        max-width: calc(100% - 180px)
    }

    .page-header .sticky-menu.active .cdz-horizontal-menu .cdz-item-tag {
        top: 1px
    }

    .page-header .sticky-menu.active .header.panel {
        padding-block: 0
    }

    .page-header .sticky-menu.active .header-panel-left,
    .page-header .sticky-menu.active .header-panel-right>.switcher {
        display: none
    }

    .page-header .sticky-menu.active .header-main {
        position: absolute;
        width: auto;
        inset-inline: auto 0;
        z-index: 1;
        background: transparent;
        padding-block: 0;
        height: 100%;
        display: flex;
        align-items: center
    }

    .page-header .sticky-menu.active .header-main>.container {
        width: auto
    }

    .page-header .sticky-menu.active .header-bottom {
        border-block: none
    }

    .page-header .sticky-menu.active .minisearch .actions .search:before {
        color: #818181
    }

    .page-header .sticky-menu.active .features-links .hd-icon {
        min-width: 35px
    }

    .page-header .sticky-menu.active .search:hover {
        border: 1px solid var(--hd-bd)
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search {
        background-color: transparent
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .desk-vertcial-menu-container .menu-container {
        min-width: 280px
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        padding-inline: 12px
    }

    .header-vertical-menu-wrap {
        width: 54px
    }

    .sticky-menu.active .header-menu-wrap {
        visibility: hidden;
        pointer-events: none
    }

    .page-header .hd-bt-wrap,
    .desk-vertcial-menu-container .menu-title[class]:before,
    .panel.header .switcher {
        display: none
    }

    .desk-vertcial-menu-container .menu-title[class] .tt-text {
        font-size: 0;
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .page-header {
        margin-bottom: 0
    }

    .page-header .hd-bt-wrap,
    .page-header .mobi-cart-wrapper .action.showcart .hd-icon {
        display: none
    }

    .page-header .header-panel-left {
        text-align: center
    }

    #mobi_vertcial-menu-container .main-content-top-left {
        margin: 0
    }

    .mobi-vertcial-menu-container .menu-title {
        padding: 12px 15px;
        background: #e25f00;
        color: #ffffff;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 700
    }

    .mobi-vertcial-menu-container .menu-title:after {
        display: inline-block;
        font: normal normal normal 20px / 1 'CodazonFont';
        content: '\e9b1'
    }
}

.hd-bt-links {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 20px;
    font-size: var(--hd-fs-sec)
}

.hd-bt-links>li {
    margin: 0
}

.hd-bt-links .hd-link {
    display: flex;
    align-items: center
}

.hd-bt-links .hd-link-ic {
    font-family: inherit;
    font-weight: inherit
}

.hd-bt-links .hd-link-ic.fa:before {
    font-family: FontAwesome;
    margin-inline-end: 6px;
    font-size: 20px;
    font-weight: normal;
    color: #fb6a00;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(251, 106, 0, 0.1);
    border-radius: 50%
}
/* fix search padding */
.block-search .control {
    padding: 0 !important;
}
/* add to wishlist button customization */
.product-list-style-63 .product-item[class] .qs-button,
.product-list-style-63 .product-item[class] .action.towishlist,
.product-list-style-63 .product-item[class] .action.tocompare {
    border-radius: 5px !important;
}
.product-list-style-63 .product-item[class] .action.towishlist {
    background: #f8b618 !important;
    color: white !important;
}
@media only screen and (min-width: 768px) {
    .product-list-style-63 .product-item[class] .qs-button:hover,
    .product-list-style-63 .product-item[class] .action.tocompare:hover {
        background: #f8b618 !important;
    }
}
.action.towishlist:hover:before {
    color: white !important;
    background: none !important;
}
/* izgled izdelka */
.product-list-style-63 .product-item-link[class] {
    font-weight: 400;
}
.product-list-style-63 .action.primary {
    border-radius: 5px !important;
    width: unset !important;
    padding-left: 40px !important;
    padding-right: 32px !important;
}
.product-list-style-63 .action.primary span {
    display: block !important;
    text-transform: none;
    font-size: 13px !important;
}
.product-list-style-63 .action.primary:before {
    content: '\E9A8' !important;
    padding-right: 10px;
}
.product-list-style-63 .i-btn {
    justify-content: center !important;
}

/* Custom overrides for Smile ElasticSuite search-autocomplete
   Purpose: ensure this popup wins against other theme/vendor styles
   WARNING: uses `!important` intentionally as requested. Tweak values as needed.
*/

/* stronger selector by repeating the class */
.search-autocomplete.search-autocomplete,
.elasticsuite-autocomplete .search-autocomplete {
    border: 1px solid #e6e6e6 !important;
}


.search-autocomplete.search-autocomplete dl dt:not(:empty),
.search-autocomplete.search-autocomplete dl dd:not(:empty) {
    background: #ffffff !important;
    border-bottom: 1px solid #e6e6e6 !important;
    cursor: default !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    position: relative !important;
    text-align: left !important;
    white-space: normal !important;
}

.search-autocomplete.search-autocomplete dl dt:hover,
.search-autocomplete.search-autocomplete dl dt.selected,
.search-autocomplete.search-autocomplete dl dd:hover,
.search-autocomplete.search-autocomplete dl dd.selected {
    background: #f5f5f5 !important;
}

.search-autocomplete.search-autocomplete dl dd {
    cursor: pointer !important;
    padding: 6px 10px !important;
}

.search-autocomplete.search-autocomplete .amount {
    color: #999999 !important;
    position: absolute !important;
    right: 7px !important;
    top: 6px !important;
}

.search-autocomplete.search-autocomplete .clear {
    clear: both !important;
}

/* fix for sale and new tag covering autocomplete */
.cdz-menu .cdz-item-tag {
    z-index: 3 !important;
}
/* If the popup still appears behind other elements, increase z-index further */

/* search icon background fix */
#minisearch-form-top-search>div.actions>button {
    background-color: #f8b618;
}

/* Move/match the loupe next to cart when Elasticsuite replaces markup */
.search-toggle.moved-to-cart{display:inline-block;margin-left:.5rem;position:relative;z-index:805}
.search-toggle.moved-to-cart .cdz-search-ic{background:#f8b618;border-radius:50%;padding:6px;display:inline-block;}
.search-toggle.moved-to-cart .cdz-search-ic svg{display:block}

/* When search is opened, ensure header search container gets visible styles */
[data-role="search_container"].input-opened .hidden-xs.search-form{display:block}

/* Hide duplicate search icon (form submit) on mobile so only the moved loupe shows */
@media (max-width: 767px) {
    .header-search .actions .action.search,
    form.minisearch .actions .action.search {
        display: none !important;
    }

    /* ensure cart and loupe are aligned horizontally and right-aligned */
    .mobi-cart-wrapper,
    #mobi_cart-wrapper,
    .search-toggle.moved-to-cart {
        display: inline-block !important;
        vertical-align: middle;
        float: right !important;
        margin-left: .75rem;
        margin-right: 8px;
    }

    /* spacing: loupe (left) then cart (right) */
    .mobi-cart-wrapper { margin-right: 0; }
}

.header-search:not(.input-opened) { display:none; }
@media (min-width: 768px) {
    /* keep header search visible on desktop */
    .header-search { display: block !important; }

    /* On desktop: hide the in-form submit loupe and show the moved loupe (white) */
    .header-search .actions .action.search { display: none !important; }
    .search-toggle.moved-to-cart { display: inline-block !important; float: none !important; margin-right: 8px; }

    /* Make moved loupe white on yellow like design */
    .search-toggle.moved-to-cart .cdz-search-ic{ background:#f8b618; border-radius:50%; padding:6px; }
    .search-toggle.moved-to-cart .cdz-search-ic svg { stroke: #fff; }
}

/* Desktop: position moved loupe inside the search form */
@media (min-width: 768px) {
    .header-search .hidden-xs.search-form { position: relative; }
    .search-toggle.moved-to-cart {
        position: absolute !important;
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 900;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        background: #f8b618;
        padding: 6px 12px; /* wider pill */
        border-radius: 20px; /* pill shape */
        box-shadow: 0 1px 2px rgba(0,0,0,.12);
        min-width: 40px;
        height: 32px;
    }
    /* ensure input has padding to avoid overlap with wider pill */
    .header-search .hidden-xs.search-form input.input-text {
        padding-right: 72px;
    }
}

@media (min-width: 768px) {
    body.checkout-index-index .checkout-container .sv-step-panel-heading--step2,
    body.checkout-index-index .checkout-container .sv-step-panel-heading--step3,
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-block-summary,
    body[class*="onestepcheckout"] .checkout-container .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container .sv-step-panel-heading--step3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-block-summary {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 751px !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    

    
}

/* FINAL_END: strict desktop width 751px for all three checkout steps */
@media (min-width: 768px) {
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body.checkout-index-index .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-block-summary,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-block-summary {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 751px !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 751px !important;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 751px !important;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-block-summary,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-block-summary {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 751px !important;
        width: 100% !important;
    }
}
[for="minisearch-input-top-search"] { display:none !important; }
.smile-elasticsuite-autocomplete-result .product-shop { width: 84%; padding: 0; }

.box-tocart.att-scr-qty.active .scr-pinfo {
    background: unset !important;
    border: unset !important;
}

.box-tocart.att-scr-qty.active .scr-pinfo {
    justify-content: flex-start !important;
}
.box-tocart.att-scr-qty.active .scr-pname {
    font-weight: 500;
    max-width: calc(60vw - 10px) !important;
    white-space: pre-wrap !important;
}
.box-tocart .field.qty { display: none !important;}
.box-tocart.att-scr-qty.active .scr-qty-thumb>img {
    border-radius: 5px;
    margin-top: -5px;
    height: 44px !important;
    width: 44px !important;
}

#product-addtocart-button:before {
        font: normal normal normal 18px / 1 CodazonFont;
            content: '\E9A8' !important;
                padding-right: 10px;
    }

.stock::before {
    /* outer light green ring */
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #F9B6163B;
    box-sizing: border-box !important;
    z-index: 1 !important;
    pointer-events: none !important;
    animation: pulse 1.6s infinite !important;
}
.stock.available:before {
    background: #D6ECE2;
}
.stock.available:after {
    content: '' !important;
    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: #3FAF82 !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    display: block !important;
    pointer-events: none !important;
}
/* .stock.available:before {
    background: #D6ECE2;
    box-shadow: 0 0 0 0 #D6ECE2;
} */

/* subtle inner highlight */
/* .stock:after { display: none; } */

/* Variants: green = available, yellow = partial/coming, red = unavailable */
.stock.available {
    --stock-pulse-color: rgba(63, 175, 130, 0.24);
    color: #2aa84f;
}
.stock.partial {
    --stock-pulse-color: rgba(249, 182, 22, 0.23);
    background: #FFFFFF;
    border-color: #BFBFBF;
}
.stock.partial:before { background: rgba(249, 182, 22, 0.23); }
.stock.partial:after {
    /* inner smaller yellow/dark dot */
    content: '';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #F9B616;
    border-radius: 50%;
    z-index: 2;
    display: block;
    pointer-events: none;
}
.stock.unavailable {
    --stock-pulse-color: rgba(231, 76, 60, 0.22);
    color: #c0392b;
}
.stock.unavailable:before { background: rgba(231,76,60,0.12); }
.stock.unavailable:after {
    /* inner smaller red dot */
    content: '';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #e74c3c;
    border-radius: 50%;
    z-index: 2;
    display: block;
    pointer-events: none;
}

    
.stock span { display: inline-block; position: relative; z-index: 3; vertical-align: middle; }

@media (max-width: 480px) {
    .stock { padding-left: 30px; font-size: 12px; }
    .stock:before { width: 16px; height: 16px; left: 6px; border-width: 2px; }
    .stock:after { left: 9px; width: 6px; height: 6px; }
}


.page-header:not(.sksnhv) .sticky-menu.active .header-search div.search-form {
    min-width: 70px !important;
}

/* your animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--stock-pulse-color);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.block.filter .filter-options .filter-options-content .item:before {
    display: none !important;
}
/* comments blog fix */
.post-bottom { padding-top: 40px; }

/* change product background color */
.catalog-product-view .page-wrapper {
    background-color: #ffffff !important;
}

/* Product page redesign: 2-column content, inline purchase section, full-width sticky cart */
.catalog-product-view.pdv-l06 .product-info-wrap {
    display: block;
}

.catalog-product-view.pdv-l06 .product-left-wrap {
    flex: 1 1 100%;
    max-width: none;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-right-wrap {
    display: none !important;
}

.catalog-product-view.pdv-l06 .pdif-wrap-top {
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 45fr) minmax(360px, 55fr);
    align-items: start;
}

.catalog-product-view.pdv-l06 .product-left,
.catalog-product-view.pdv-l06 .product-center {
    flex: none;
    margin: 0;
    max-width: none;
    min-width: 0;
    width: auto;
}

.catalog-product-view.pdv-l06 .product-left > .breadcrumbs {
    color: #64748b;
    display: block;
    font-size: 14px;
    line-height: 1.45;
    margin: 0 0 8px;
    max-width: 100%;
    min-width: 0;
    padding-right: 8px;
}

.catalog-product-view.pdv-l06 .product-left > .breadcrumbs .items {
    display: block;
    margin: 0;
    max-width: 100%;
    white-space: normal;
}

.catalog-product-view.pdv-l06 .product-left > .breadcrumbs .item {
    display: inline;
    float: none;
    line-height: inherit;
    white-space: normal;
}

.catalog-product-view.pdv-l06 .product-left > .breadcrumbs a {
    color: inherit;
    overflow-wrap: anywhere;
    white-space: normal;
}

.catalog-product-view.pdv-l06 .product-left > .breadcrumbs strong {
    color: #334155;
    font-weight: 500;
    overflow-wrap: anywhere;
    white-space: normal;
}

.catalog-product-view.pdv-l06 .product-main-top.pdif-box,
.catalog-product-view.pdv-l06 .product-main-middle,
.catalog-product-view.pdv-l06 .product-related-row,
.catalog-product-view.pdv-l06 #pdv-box-reviews-tab,
.catalog-product-view.pdv-l06 #pdv-box-catalog-product-related,
.catalog-product-view.pdv-l06 #pdv-box-product-info-upsell,
.catalog-product-view.pdv-l06 #pdv-box-product-shopping-benefits {
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-related-row {
    margin-top: 36px;
}

.catalog-product-view.pdv-l06 .product-purchase-section {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 0;
}

.catalog-product-view.pdv-l06 .product-purchase-section .product-add-form {
    flex: 1 1 100%;
    margin: 0;
    min-width: 0;
    order: 1;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart,
.catalog-product-view.pdv-l06 .product-purchase-section .large-box-tocart {
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .scr-pinfo {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .fieldset {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty {
    display: block !important;
    flex: 0 0 180px;
    margin: 0;
    min-width: 180px;
    width: 180px;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty > .label {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty .control {
    height: 100%;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty {
    align-items: center;
    display: flex;
    gap: 6px;
    height: 56px;
    overflow: visible;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl {
    flex: 0 0 56px;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button {
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #0f172a;
    font-size: 0;
    height: 56px;
    padding: 0;
    position: relative;
    transition: background-color .2s ease, border-color .2s ease;
    width: 56px;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button:hover,
.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button:focus-visible {
    background: #f8fafc;
    border-color: #94a3b8;
    outline: none;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button:before {
    font-size: 24px;
    font-weight: 500;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .decrease:before {
    content: '-';
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .increase:before {
    content: '+';
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty input.qty {
    appearance: textfield;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: none;
    color: #0f172a;
    font-size: 18px;
    font-weight: 600;
    height: 56px;
    min-width: 56px;
    padding: 0;
    text-align: center;
    transition: border-color .2s ease, box-shadow .2s ease;
    width: 56px;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty input.qty:focus {
    border-color: #94a3b8;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.15);
    outline: none;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty input.qty::-webkit-outer-spin-button,
.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .actions {
    align-items: stretch;
    display: flex;
    flex: 1 1 calc(100% - 192px);
    gap: 12px;
    margin: 0;
    min-width: 0;
    position: static;
    width: auto;
}

.catalog-product-view.pdv-l06 .product-purchase-section .action.buy-now,
.catalog-product-view.pdv-l06 .product-purchase-section #instant-purchase,
.catalog-product-view.pdv-l06 .product-purchase-section #payment-method-messaging-element,
.catalog-product-view.pdv-l06 .product-purchase-section .product-social-links,
.catalog-product-view.pdv-l06 .product-purchase-section .product-social-links .action.tocompare,
.catalog-product-view.pdv-l06 .product-purchase-section .product-social-links .action.mailto {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-purchase-section .action.primary.tocart {
    align-items: center;
    background: #f8b618;
    border: 0;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    min-width: 0;
    padding: 0 28px;
    position: static;
    text-transform: none;
    transform: none;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-purchase-section .product-static-text {
    flex: 1 1 100%;
    margin-top: 4px;
    order: 4;
}

.catalog-product-view.pdv-l06 .product-info-main-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews {
    align-items: center;
    align-self: flex-start;
    background: #f5fcf8;
    border: 1px solid #b7e6ce;
    border-radius: 5px;
    color: #21543f;
    display: inline-flex;
    gap: 8px;
    margin: 0 0 18px;
    padding: 8px 14px;
    text-decoration: none;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews:hover,
.catalog-product-view.pdv-l06 .product-confirmed-reviews:focus-visible {
    border-color: #8fd6b3;
    color: #174332;
    outline: none;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews__icon {
    color: #53c28b;
    display: inline-flex;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews__icon svg {
    display: block;
    fill: currentColor;
    height: 100%;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews__count {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-confirmed-reviews__label {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-info-price {
    display: flex;
    flex-direction: column;
    gap: 12px;
    order: 1;
}

.catalog-product-view.pdv-l06 .product-info-price .price-box.price-final_price {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    order: 1;
}

.catalog-product-view.pdv-l06 .product-info-price .price-box.price-final_price > * {
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-info-price .price-label {
    display: none;
}

.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary {
    align-items: center;
    background: #ff5a5f;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    gap: 10px;
    min-height: 36px;
    padding: 0 14px;
}

.catalog-product-view.pdv-l06 .product-info-price .price-discount-badge {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price {
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price .price-container {
    color: inherit;
}

.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price .price {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    opacity: .9;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.catalog-product-view.pdv-l06 .product-info-price .product-info-stock-sku {
    order: 2;
}

.catalog-product-view.pdv-l06 .product-info-price .price {
    color: #131f2e;
    font-size: 54px;
    font-weight: 700;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-info-stock-sku {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.catalog-product-view.pdv-l06 .product-info-stock-sku > * {
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    color: #475569;
    display: inline-flex;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
}

.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku .type {
    font-weight: 500;
    margin: 0;
}

.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku .value {
    color: #0f172a;
    font-weight: 700;
}

.catalog-product-view.pdv-l06 .product-energy-rating {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    height: 36px;
    max-width: 100%;
    padding: 0 12px 0 8px;
}

.catalog-product-view.pdv-l06 .product-energy-rating__badge {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.catalog-product-view.pdv-l06 .product-energy-rating__image {
    display: block;
    height: 25px;
    width: auto;
}

.catalog-product-view.pdv-l06 .product-energy-rating__label {
    color: #334155;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.catalog-product-view.pdv-l06 .stock-extended-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 0 !important;
    order: 2;
}

.catalog-product-view.pdv-l06 .stock-extended-info__item {
    align-items: flex-start;
    color: #334155;
    display: flex;
    font-size: 15px;
    gap: 10px;
    line-height: 1.5;
}

.catalog-product-view.pdv-l06 .stock-extended-info__icon {
    flex: 0 0 auto;
    height: 20px;
    margin-top: 1px;
    width: 20px;
}

.catalog-product-view.pdv-l06 .stock-extended-info__item strong {
    color: #0f172a;
    font-weight: 400;
}

.catalog-product-view.pdv-l06 .stock-extended-info__trigger {
    align-items: center;
    background: none;
    border: 0;
    color: #1e293b;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 400;
    gap: 8px;
    padding: 0;
    text-align: left;
    text-underline-offset: 3px;
    text-transform: none;
}

.catalog-product-view.pdv-l06 .stock-extended-info__trigger-arrow {
    font-size: 18px;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-purchase-section {
    order: 3;
}

.catalog-product-view.pdv-l06 .product-info-installment-price {
    display: none;
}

.catalog-product-view.pdv-l06 .product-service-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    order: 2;
    padding-top: 0;
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-purchase-section .product-info-extrahint,
.catalog-product-view.pdv-l06 .product-purchase-section > .product.info.extrahint,
.catalog-product-view.pdv-l06 .product-purchase-section > .product-info.extrahint {
    order: 3;
}

.catalog-product-view.pdv-l06 .product-service-panel__actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.catalog-product-view.pdv-l06 .product-service-panel__actions--single {
    grid-template-columns: minmax(0, 1fr);
}

.catalog-product-view.pdv-l06 .product-service-cta {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    color: #1e293b;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    min-height: 56px;
    padding: 12px 16px;
    text-align: left;
    width: 100%;
    text-transform: none;
}

.catalog-product-view.pdv-l06 .product-service-cta--price-match {
    border-color: #f8b618;
}

.catalog-product-view.pdv-l06 .product-service-cta__eyebrow {
    color: #64748b;
    flex: 0 1 auto;
    font-size: 13px;
    font-weight: 500;
}

.catalog-product-view.pdv-l06 .product-service-cta__title {
    color: #1e293b;
    flex: 1 1 auto;
    font-size: 13px;
    font-weight: 700;
    min-width: 0;
}

.catalog-product-view.pdv-l06 .product-service-cta__arrow {
    color: #1e293b;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-service-panel__benefits {
    column-gap: 18px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 12px;
}

.catalog-product-view.pdv-l06 .product-service-benefit {
    align-items: center;
    justify-content: center;
    color: #64748b;
    display: flex;
    gap: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.catalog-product-view.pdv-l06 .product-service-benefit__icon {
    color: #53c28b;
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.catalog-product-view.pdv-l06 .product-service-benefit__icon svg {
    display: block;
    fill: currentColor;
    height: 100%;
    width: 100%;
}

.qs-button {
    display: none !important;
}

.opti-info-flyout__label[hidden] {
    display: none !important;
}

.opti-info-flyout__close {
    align-items: center;
    background: #fff !important;
    border: 1px solid #d7dee8 !important;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
}

.product-flyout-panel {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.product-flyout-panel--stock {
    display: grid;
    gap: 14px;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 100%;
}

.opti-info-flyout__body > .product-flyout-panel--stock {
    flex: 1 1 auto;
}

.stock-flyout__main {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    overflow: auto;
}

.product-flyout-panel--stock .stock--flyout {
    flex: 0 0 auto;
    margin-left: 0;
    min-width: 0;
}

.stock-flyout__product-card {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 10px;
    column-gap: 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 0;
    padding: 12px;
    row-gap: 12px;
}

.stock-flyout__media {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    display: inline-flex;
    height: 108px;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
    width: 108px;
}

.stock-flyout__media img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.stock-flyout__product-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.stock-flyout__product-name {
    color: #0f172a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
}

.stock-flyout__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.stock-flyout__sku-badge {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    color: #334155;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    min-height: 36px;
    padding: 0 14px;
}

.stock-flyout__cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.stock-flyout__card {
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    padding: 14px 16px;
}

.stock-flyout__card-title {
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 16px;
}

.stock-flyout__rows {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.stock-flyout__line {
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.stock-flyout__line-label {
    color: #334155;
    font-weight: 400;
}

.stock-flyout__line-value {
    color: #0f172a;
    font-weight: 700;
}

.stock-flyout__note {
    color: #131F2E80;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

.product-flyout-panel__lead,
.product-flyout-panel__text,
.product-flyout-panel__highlight,
.product-flyout-panel__disclaimer,
.product-price-match-form__note {
    margin: 0;
}

.product-flyout-panel--leanpay {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 100%;
}

.product-flyout-panel__main {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    overflow: auto;
}

.product-flyout-panel__lead {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 18px;
    line-height: 1.45;
}

.product-flyout-panel__logo {
    display: block;
    height: 22px;
    width: auto;
}

.product-flyout-panel__text {
    color: #334155;
    font-size: 15px;
    line-height: 1.6;
}

.product-flyout-panel__highlight {
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

.product-flyout-panel__summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-flyout-panel__summary-label,
.product-flyout-panel__monthly-label {
    color: #334155;
    font-size: 17px;
    line-height: 1.25;
}

.product-flyout-panel__summary-value {
    color: #0f172a;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
}

.product-flyout-panel__terms {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-flyout-panel__term {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 7px;
    color: #1e293b;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    min-width: 48px;
    padding: 0 14px;
}

.product-flyout-panel__term.is-active {
    background: #f8b618;
    border-color: #e4a300;
    color: #fff;
}

.product-flyout-panel__monthly {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-flyout-panel__monthly-value {
    color: #53c28b;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
}

.product-flyout-panel__link {
    align-items: center;
    color: #1e293b;
    display: inline-flex;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
}

.product-flyout-panel__disclaimer {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.5;
    margin-top: auto;
    padding-top: 12px;
}

.product-price-match-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.product-price-match-form__label {
    color: #334155;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
}

.product-price-match-form__input {
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    box-shadow: none;
    color: #0f172a;
    font-size: 16px;
    height: 52px;
    padding: 0 14px;
}

.product-price-match-form__input:focus {
    border-color: #94a3b8;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.15);
    outline: none;
}

.product-price-match-form__submit {
    align-items: center;
    background: #f8b618;
    border: 0;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    justify-content: center;
    margin-top: 4px;
    width: 100%;
}

.product-price-match-form__submit[disabled] {
    opacity: .7;
}

.product-price-match-form__message {
    font-size: 14px;
    line-height: 1.45;
    min-height: 20px;
}

.product-price-match-form__message.is-success {
    color: #15803d;
}

.product-price-match-form__message.is-error {
    color: #b91c1c;
}

.product-price-match-form__note,
.product-price-match-form__terms {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.5;
}

.product-price-match-form__terms {
    text-decoration: underline;
}

.catalog-product-view.pdv-l06 #additional .additional-attributes {
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

.catalog-product-view.pdv-l06 #additional .additional-attributes th,
.catalog-product-view.pdv-l06 #additional .additional-attributes td {
    box-sizing: border-box;
    vertical-align: middle;
}

.catalog-product-view.pdv-l06 #additional .additional-attributes th {
    white-space: normal;
    width: 40%;
}

.catalog-product-view.pdv-l06 #additional .additional-attributes td {
    width: 60%;
}

.catalog-product-view.pdv-l06 .product.media {
    position: relative;
}

.catalog-product-view.pdv-l06 .product-media-wishlist {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 5;
}

.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist {
    align-items: center;
    background: #F9B616;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(15, 23, 42, 0.12);
    color: #0f172a;
    display: inline-flex;
    font-size: 0;
    height: 52px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
    width: 52px;
}

.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:hover,
.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:focus-visible {
    background: #ffd25a;
    border-color: #94a3b8;
    outline: none;
}

.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5 4.9 13.68A4.74 4.74 0 0 1 11.62 7.1L12 7.48l.38-.38a4.74 4.74 0 0 1 6.72 6.58Z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
    content: '';
    inset: 0;
    position: absolute;
}

.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:hover:before,
.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:focus-visible:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5 4.9 13.68A4.74 4.74 0 0 1 11.62 7.1L12 7.48l.38-.38a4.74 4.74 0 0 1 6.72 6.58Z'/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
    left: 0;
    margin: 0;
    padding: 14px 24px;
    position: fixed;
    right: 0;
    top: var(--pdv-sticky-offset, 0px);
    width: 100%;
    z-index: 1003;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .fieldset,
.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .fieldset.container {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 auto;
    max-width: 1408px;
    padding: 0;
    width: 100%;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .field.qty,
.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .action.buy-now,
.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active #instant-purchase,
.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active #payment-method-messaging-element {
    display: none !important;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-pinfo {
    align-items: center;
    display: flex !important;
    gap: 14px;
    margin: 0;
    min-width: 0;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-qty-thumb {
    flex: 0 0 64px;
    height: 64px;
    margin: 0;
    width: 64px;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-qty-thumb img {
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 10px;
    display: block;
    height: 64px !important;
    margin: 0;
    object-fit: cover;
    width: 64px !important;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-pname {
    color: #131f2e;
    display: block !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    max-width: 100%;
    white-space: normal !important;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .actions {
    display: flex;
    gap: 0;
    justify-self: end;
    margin: 0;
}

.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .action.primary.tocart {
    min-width: 240px;
}

@media (max-width: 1200px) {
    .catalog-product-view.pdv-l06 .pdif-wrap-top {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section {
        align-items: stretch;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .product-add-form {
        flex-basis: 100%;
    }

    .catalog-product-view.pdv-l06 .product-info-price .price {
        font-size: 44px;
    }
}

@media (max-width: 767px) {
    .catalog-product-view.pdv-l06 #additional .additional-attributes {
        display: table !important;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes tbody {
        display: table-row-group !important;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes tr {
        display: table-row !important;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes th,
    .catalog-product-view.pdv-l06 #additional .additional-attributes td {
        display: table-cell !important;
        float: none !important;
        padding: 14px 12px;
        width: auto;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes th {
        width: 40% !important;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes td {
        width: 60% !important;
    }

    .catalog-product-view.pdv-l06 #additional .additional-attributes td:before {
        content: none !important;
        display: none !important;
    }

    .catalog-product-view.pdv-l06 .product-left {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .catalog-product-view.pdv-l06 .product-left > .breadcrumbs {
        font-size: 13px;
        margin-bottom: 0;
        order: -1;
    }

    .catalog-product-view.pdv-l06 .product-left > .product.media {
        order: 1;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__nav-wrap--dots,
    .catalog-product-view.pdv-l06 .product.media .fotorama__nav--dots {
        display: none !important;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__nav-wrap--horizontal {
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__nav--thumbs {
        display: block !important;
        margin-top: 12px;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__nav__shaft {
        display: flex;
        gap: 10px;
        margin: 0;
        transform: none !important;
        width: max-content !important;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__nav__frame--thumb {
        margin: 0 !important;
        padding: 0;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__thumb {
        background: #fff;
        border: 1px solid #d7dee8;
        border-radius: 5px;
        overflow: hidden;
    }

    .catalog-product-view.pdv-l06 .product.media .fotorama__thumb-border {
        display: none !important;
    }

    .catalog-product-view.pdv-l06 .product-confirmed-reviews {
        margin-bottom: 14px;
        padding: 7px 12px;
    }

    .catalog-product-view.pdv-l06 .product-confirmed-reviews__count {
        font-size: 15px;
    }

    .catalog-product-view.pdv-l06 .product-confirmed-reviews__label {
        font-size: 14px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .fieldset {
        gap: 10px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty {
        flex-basis: 168px;
        min-width: 168px;
        width: 168px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .cart-qty {
        gap: 4px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl {
        flex-basis: 52px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button,
    .catalog-product-view.pdv-l06 .product-purchase-section .cart-qty input.qty {
        height: 52px;
        width: 52px;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .actions {
        width: 100%;
    }

    .catalog-product-view.pdv-l06 .product-purchase-section .action.primary.tocart {
        min-width: 0;
        width: 100%;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active {
        padding: 12px 16px;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .fieldset,
    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .fieldset.container {
        gap: 12px;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-qty-thumb {
        flex-basis: 52px;
        height: 52px;
        width: 52px;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-qty-thumb img {
        height: 52px !important;
        width: 52px !important;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .scr-pname {
        font-size: 14px;
    }

    .catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active .action.primary.tocart {
        min-width: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .catalog-product-view.pdv-l06 .product-info-price .price {
        font-size: 36px;
    }

    .catalog-product-view.pdv-l06 .product-info-price .price-box.price-final_price {
        gap: 10px;
    }

    .catalog-product-view.pdv-l06 .product-info-price .price-discount-summary {
        min-height: 32px;
        padding: 0 12px;
    }

    .catalog-product-view.pdv-l06 .product-info-price .price-discount-badge,
    .catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price .price {
        font-size: 14px;
    }

    .catalog-product-view.pdv-l06 .product-info-stock-sku {
        gap: 8px;
    }

    .catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku,
    .catalog-product-view.pdv-l06 .product-energy-rating,
    .catalog-product-view.pdv-l06 .stock {
        max-width: 100%;
    }

    .catalog-product-view.pdv-l06 .product-service-panel__benefits {
        grid-template-columns: minmax(0, 1fr);
    }

    .catalog-product-view.pdv-l06 .product-media-wishlist {
        right: 14px;
        top: 14px;
    }
}

@media (max-width: 640px) {
    .catalog-product-view.pdv-l06 .product-service-panel__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .catalog-product-view.pdv-l06 .product-service-cta {
        flex-wrap: wrap;
    }

    .stock-flyout__product-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-flyout-panel--stock .stock--flyout {
        margin-left: 0;
    }

    .stock-flyout__media {
        height: 92px;
        width: 92px;
    }
}

.product-info-stock-sku {
    justify-content: flex-start !important;
}

.catalog-product-view.pdv-l06 .product-related-row {
    margin-top: 68px;
}

.catalog-product-view.pdv-l06 #pdv-box-catalog-product-related {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.catalog-product-view.pdv-l06 .product-related-showcase {
    position: relative;
}

.catalog-product-view.pdv-l06 .product-related-showcase > .block-title {
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 0 34px;
    padding: 0 130px 0 0 !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase > .block-title:before,
.catalog-product-view.pdv-l06 .product-related-showcase > .block-title:after {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase > .block-title strong {
    color: #0f172a;
    display: block;
    font-size: clamp(28px, 3.2vw, 52px);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.05;
}

.catalog-product-view.pdv-l06 .product-related-showcase > .block-content {
    position: relative;
}

.catalog-product-view.pdv-l06 .product-related-showcase__slider {
    position: relative;
}

/* 609 (3. krog): gumba za drsenje povezanih izdelkov sta zdaj kot na domaci strani -
   eden na levi, drugi na desni strani karusela, navpicno na sredini kartic (okrogla
   bela gumba s sivo puscico, ki segata cez rob karusela). */
.catalog-product-view.pdv-l06 .product-related-showcase__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button {
    align-items: center;
    background: #fff;
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    font-size: 26px;
    height: 45px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    pointer-events: auto;
    transition: background-color .2s ease, color .2s ease, opacity .2s ease;
    width: 45px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button--prev {
    margin-left: -22.5px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button--next {
    margin-right: -22.5px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button:hover,
.catalog-product-view.pdv-l06 .product-related-showcase__nav-button:focus-visible {
    background: #f2f2f2;
    color: #333;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button.is-disabled,
.catalog-product-view.pdv-l06 .product-related-showcase__nav-button:disabled {
    cursor: default;
    opacity: .35;
}

.catalog-product-view.pdv-l06 .product-related-showcase__nav-button span {
    margin-top: -2px;
}

/* 609 (4. krog): enak notranji odmik na obeh straneh - gumba za drsenje ne smeta
   kriti obrobe prve/zadnje kartice (prej 4px levo, 24px desno, zato je pusica segala
   cez rob prve kartice in crta boxa ni bila vidna) */
.catalog-product-view.pdv-l06 .product-related-showcase .owl-stage-outer {
    /* 609 (6. krog): enako kot na domaci strani - karusel brez notranjega odmika, tako da
       se tri kartice izriseta tocno do roba in nobena ni odrezana; pusici lebdita nad
       robovoma karusela (kot na domaci strani). */
    padding: 0;
}

.catalog-product-view.pdv-l06 .product-related-showcase .owl-item {
    box-sizing: border-box;
    padding-right: 2px;
}

.catalog-product-view.pdv-l06 .product-related-showcase .owl-nav {
    display: none !important;
}



.catalog-product-view.pdv-l06 .product-related-showcase__card {
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.catalog-product-view.pdv-l06 .product-related-showcase__image-area {
    min-height: 308px;
    padding: 22px 22px 18px;
    position: relative;
}

.catalog-product-view.pdv-l06 .product-related-showcase__image-area .product-item-photo {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.catalog-product-view.pdv-l06 .product-related-showcase__image-area .product-image-container,
.catalog-product-view.pdv-l06 .product-related-showcase__image-area .product-image-wrapper {
    width: 100%;
}

.catalog-product-view.pdv-l06 .product-related-showcase__image-area .product-image-photo {
    object-fit: contain;
}

/* prenova 2026: stara zamenjava slike povezanih izdelkov (609) odstranjena - kartica .sv-track ima svojo (domaca stran) */

.catalog-product-view.pdv-l06 .product-related-showcase__wishlist {
    align-items: center;
    background: #f8b618;
    border: 0 !important;
    border-radius: 6px;
    box-shadow: none !important;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex !important;
    font-size: 0;
    height: 54px !important;
    justify-content: center;
    left: auto !important;
    line-height: 0;
    margin: 0 !important;
    min-width: 54px;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    right: 14px !important;
    text-indent: 0 !important;
    top: 14px !important;
    transform: none !important;
    width: 54px !important;
    z-index: 2;
}

.catalog-product-view.pdv-l06 .product-related-showcase__wishlist:hover,
.catalog-product-view.pdv-l06 .product-related-showcase__wishlist:focus-visible {
    background: #edae08;
    color: #fff;
}

.catalog-product-view.pdv-l06 .product-related-showcase__wishlist:before,
.catalog-product-view.pdv-l06 .product-related-showcase__wishlist span {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase__wishlist svg {
    display: block;
    height: 24px;
    width: 24px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__wishlist svg * {
    vector-effect: non-scaling-stroke;
}

.catalog-product-view.pdv-l06 .product-related-showcase__details {
    border-top: 1px solid #d7dee8;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 14px;
    padding: 20px 14px 18px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__price-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__price {
    color: #0f172a;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-related-showcase__discount {
    background: #fb4b4b;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    min-height: 38px;
    padding: 0 12px;
    align-items: center;
}







.catalog-product-view.pdv-l06 .product-related-showcase__actions {
    margin-top: auto;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart {
    align-items: center;
    background: #f8b618 !important;
    border: 0;
    border-radius: 6px !important;
    box-shadow: none;
    color: #fff !important;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    justify-content: center;
    min-height: 64px;
    padding: 0 18px !important;
    text-transform: none;
    width: 100% !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart:hover,
.catalog-product-view.pdv-l06 .product-related-showcase__tocart:focus-visible {
    background: #edae08 !important;
    color: #fff !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart:before,
.catalog-product-view.pdv-l06 .product-related-showcase__tocart label {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart-icon {
    display: inline-flex;
    flex: 0 0 auto;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart-icon {
    display: block;
    height: 26px;
    width: 26px;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart-label {
    font-size: 16px;
    line-height: 1;
}

.catalog-product-view.pdv-l06 .product-related-showcase__tocart--disabled {
    background: #cbd5e1 !important;
    cursor: not-allowed;
}

.catalog-product-view.pdv-l06 .product-related-showcase__progress {
    background: #e7edf3;
    border-radius: 999px;
    height: 6px;
    margin-top: 18px;
    overflow: hidden;
    position: relative;
}

.catalog-product-view.pdv-l06 .product-related-showcase__progress span {
    background: #f8b618;
    border-radius: inherit;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .35s ease;
    will-change: left;
    width: 19%;
}

.catalog-product-view .product-shopping-benefits {
    align-items: stretch;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 60px;
    padding: 38px 0 36px;
    position: relative;
    z-index: 0;
}

.catalog-product-view .product-shopping-benefits::before {
    background: #FFFCF5;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
}

.product-shopping-benefits__benefit {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
}

.catalog-product-view .product-shopping-benefits__benefit-icon {
    display: block;
    height: 29px;
    width: 29px;
}

.product-shopping-benefits__benefit-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.product-shopping-benefits__benefit-title {
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.catalog-product-view .product-shopping-benefits__benefit-text {
    color: #334155;
    font-size: 16px;
    line-height: 1.35;
}

body.cart-informed-modal-opened.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active,
.catalog-product-view.pdv-l06 .box-tocart.att-scr-qty.active.scr-cart-popup-open {
    display: none !important;
}

@media (max-width: 1024px) {
    .catalog-product-view.pdv-l06 .product-related-showcase__image-area {
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    .catalog-product-view.pdv-l06 .product-related-row {
        margin-top: 44px;
        padding: 0 8px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase {
        box-sizing: border-box;
        padding: 0;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase > .block-title {
        margin-bottom: 22px;
        padding-right: 108px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__nav-button {
        font-size: 20px;
        height: 38px;
        width: 38px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__nav-button--prev {
        margin-left: -19px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__nav-button--next {
        margin-right: -19px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase .owl-stage-outer {
        padding: 0;
    }

}


#cdz-sidebar-minicart {
    width: min(377px, 100vw);
    z-index: 1100;
}

#cdz-sidebar-minicart .cdz-backface {
    background: rgba(15, 23, 42, 0.36);
    right: 100%;
}

#cdz-sidebar-minicart .cart-trigger {
    display: none !important;
}

#cdz-sidebar-minicart .block-minicartpro,
#cdz-sidebar-minicart #minicartpro-content-wrapper {
    height: 100%;
}

#cdz-sidebar-minicart .block-minicartpro {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

#cdz-sidebar-minicart #minicartpro-content-wrapper {
    min-height: 0;
}

#cdz-sidebar-minicart .block-minicart {
    background: #fff;
    height: 100%;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px 20px 16px;
}

#cdz-sidebar-minicart .cart-flyout__title {
    color: #131f2e;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.15;
}

#cdz-sidebar-minicart .cart-flyout__close {
    align-items: center;
    background: #fff;
    border: 1px solid #d7dee8;
    border-radius: 6px;
    color: #131f2e;
    display: inline-flex;
    font-size: 24px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 38px;
}

#cdz-sidebar-minicart .cart-flyout__content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 10px 16px 16px;
}

#cdz-sidebar-minicart .cart-flyout__items-wrapper {
    border: 0;
    margin: 0;
    max-height: none;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

#cdz-sidebar-minicart .cart-flyout__items {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
}

#cdz-sidebar-minicart .cart-flyout__item {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

#cdz-sidebar-minicart .cart-flyout__item-card {
    background: #c0c0c04d;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: grid;
    gap: 6px 8px;
    grid-template-columns: 67px minmax(0, 1fr) auto;
    padding: 6px;
    position: relative;
    width: 100%;
}

#cdz-sidebar-minicart .cart-flyout__item-media .product-item-photo {
    display: block;
    width: 68px;
}

#cdz-sidebar-minicart .cart-flyout__item-media .product-image-container {
    display: block;
    width: 100% !important;
}

#cdz-sidebar-minicart .cart-flyout__item-media .product-image-wrapper {
    background: #fff;
    border: 1px solid rgba(19, 31, 46, 0.12);
    border-radius: 5px;
    overflow: hidden;
}

#cdz-sidebar-minicart .cart-flyout__item-media .product-image-photo {
    object-fit: contain;
}

#cdz-sidebar-minicart .cart-flyout__item-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding-top: 1px;
    justify-content: space-between;
}

#cdz-sidebar-minicart .cart-flyout__item-side {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
    min-height: 52px;
    min-width: 48px;
}

#cdz-sidebar-minicart .cart-flyout__item-remove {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(19, 31, 46, 0.16);
    border-radius: 3px;
    color: #131f2e;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: static;
    width: 18px;
}

#cdz-sidebar-minicart .cart-flyout__item-remove:hover,
#cdz-sidebar-minicart .cart-flyout__item-remove:focus {
    background: #fff;
    color: #131f2e;
}

#cdz-sidebar-minicart .action.edit {
    display: none !important;
}

#cdz-sidebar-minicart .cart-flyout__item-remove:before,
#cdz-sidebar-minicart .cart-flyout__item-remove .cart-flyout__sr-only {
    content: none;
}

#cdz-sidebar-minicart .cart-flyout__item-remove span[aria-hidden="true"] {
    color: currentColor;
    font: inherit;
    display: block !important;
    font-size: 18px !important;
    font-weight: 300;
    height: auto !important;
    line-height: 1;
    overflow: visible !important;
    text-indent: 0 !important;
    width: auto !important;
    clip: unset;
}

#cdz-sidebar-minicart .cart-flyout__item-name {
    color: #1e2933;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__item-name a {
    color: inherit;
    text-decoration: none;
}

#cdz-sidebar-minicart .cart-flyout__item-options {
    color: #64748b;
    font-size: 9px;
    line-height: 1.25;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__item-options .label,
#cdz-sidebar-minicart .cart-flyout__item-options .values {
    display: inline;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__item-options .label:after {
    content: ': ';
}

#cdz-sidebar-minicart .cart-flyout__item-options .values:after {
    content: '';
    display: block;
}

/* napaka postavke (npr. ni na zalogi) in razlaga namesto gumba Blagajna (sidebar-flyout.html, content-sidebar.html) */
#cdz-sidebar-minicart .cart-flyout__item-message {
    grid-column: 2 / -1; /* .cart-flyout__item-main je display: contents - pod ime, ne v stolpec slike */
    margin: 4px 0 0;
    color: var(--sv-red);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

#cdz-sidebar-minicart .cart-flyout__blocked {
    margin: 0;
    padding: 12px 14px;
    border-radius: var(--sv-radius);
    background: #FEF2F2;
    color: var(--sv-ink);
    font-size: 13px;
    line-height: 1.4;
}

#cdz-sidebar-minicart .cart-flyout__item-qty {
    align-items: center;
    display: flex;
    gap: 6px;
    margin: 0;
    position: relative;
    text-transform: none;
    width: auto;
}

#cdz-sidebar-minicart .cart-flyout__item-qty::after {
    display: none;
}

#cdz-sidebar-minicart .cart-flyout__item-qty .item-qty {
    -moz-appearance: textfield;
    appearance: textfield;
    background: #fff;
    border: 1px solid rgba(19, 31, 46, 0.16);
    border-radius: 3px;
    color: #1f2933;
    font-size: 13px;
    font-weight: 400;
    height: 22px;
    margin: 0;
    padding: 0 3px;
    text-align: center;
    width: 42px;
}

#cdz-sidebar-minicart .cart-flyout__qty-btn {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(19, 31, 46, 0.16);
    border-radius: 3px;
    color: #1f2933;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    font-weight: 400;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 32px;
}

#cdz-sidebar-minicart .cart-flyout__qty-btn--minus {
    padding-bottom: 3px;
}

#cdz-sidebar-minicart .cart-flyout__qty-btn--plus {
    padding-bottom: 1px;
}

#cdz-sidebar-minicart .cart-flyout__qty-btn:hover,
#cdz-sidebar-minicart .cart-flyout__qty-btn:focus {
    background: #fff;
    border-color: rgba(19, 31, 46, 0.28);
    color: #1f2933;
}

#cdz-sidebar-minicart .cart-flyout__item-qty .item-qty::-webkit-outer-spin-button,
#cdz-sidebar-minicart .cart-flyout__item-qty .item-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__item-pricing {
    margin-top: auto;
    text-align: right;
}

#cdz-sidebar-minicart .cart-flyout__item-pricing .price {
    color: #24303b;
    font-size: 13px;
    font-weight: 500;
}

#cdz-sidebar-minicart .cart-flyout__update {
    display: none !important;
    background: transparent;
    border: 0;
    bottom: auto;
    box-shadow: none;
    color: #475569;
    inset-inline: auto;
    padding: 0;
    position: static;
    visibility: hidden;
}

#cdz-sidebar-minicart .cart-flyout__update:before {
    color: currentColor;
}

#cdz-sidebar-minicart .cart-flyout__message:empty {
    display: none;
}

#cdz-sidebar-minicart .cart-flyout__inline-error {
    background: #fff4e5;
    border: 1px solid #ffd59a;
    border-radius: 4px;
    color: #7a5310;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 8px 10px;
}

#cdz-sidebar-minicart .cart-flyout__inline-error:empty {
    display: none;
}

#cdz-sidebar-minicart .cart-flyout__footer,
#cdz-sidebar-minicart .block-minicart .cart-total {
    background: transparent !important;
    box-shadow: none;
    margin: 0;
    max-width: none;
    min-height: 0;
    padding-top: 10px;
    position: static;
    width: auto;
}

#cdz-sidebar-minicart .cart-flyout__footer {
    border-top: 0;
}

#cdz-sidebar-minicart .cart-flyout__footer .subtotal {
    background: transparent;
    align-items: center;
    border-top: 1px solid rgba(19, 31, 46, 0.14);
    display: flex;
    justify-content: space-between;
    padding: 5px 0 15px 0;
}

#cdz-sidebar-minicart .cart-flyout__footer .subtotal .label {
    color: #131f2e;
    float: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

#cdz-sidebar-minicart .cart-flyout__footer .subtotal .amount {
    float: none;
}

#cdz-sidebar-minicart .cart-flyout__footer .subtotal .amount .price-wrapper:first-child .price {
    color: #131f2e;
    font-size: 14px;
    font-weight: 700;
}

#cdz-sidebar-minicart .cart-flyout__actions {
    background: transparent;
    margin: 0;
}

#cdz-sidebar-minicart .cart-flyout__checkout {
    align-items: center;
    background: #f8b618;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    height: 60px;
    justify-content: center;
    letter-spacing: 0;
    text-transform: none;
    width: 100%;
}

#cdz-sidebar-minicart .cart-flyout__checkout > span:first-child {
    font-size: 16px;
    line-height: 1;
}

#cdz-sidebar-minicart .cart-flyout__checkout-arrow {
    font-size: 18px;
    line-height: 1;
    margin-left: 8px;
}

#cdz-sidebar-minicart .cart-flyout__empty {
    color: #64748b;
    padding-top: 24px;
}

#cdz-sidebar-minicart .cart-flyout__empty .subtitle.empty,
#cdz-sidebar-minicart .cart-flyout__empty .minicart.empty.text {
    margin: 0;
    padding: 0;
}

#cdz-sidebar-minicart .cart-flyout__sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

#cdz-sidebar-minicart .minicart-widgets {
    display: none;
}

@media (max-width: 767px) {
    #cdz-sidebar-minicart .cart-flyout__header {
        padding: 18px 20px 16px;
    }

    #cdz-sidebar-minicart .cart-flyout__content {
        padding: 12px 20px 18px;
    }
}

@media (max-width: 767px) {
    .catalog-product-view.pdv-l06 .product-related-showcase .owl-item {
        padding-right: 0;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__image-area {
        min-height: 210px;
        padding: 16px 16px 12px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__wishlist {
        height: 46px;
        width: 46px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__details {
        gap: 10px;
        padding: 14px 10px 12px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__price {
        font-size: 20px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__discount {
        font-size: 16px;
        min-height: 34px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__tocart {
        font-size: 15px;
        gap: 8px;
        min-height: 52px;
        padding: 0 12px !important;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__tocart-icon {
        height: 22px;
        width: 22px;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__tocart-label {
        display: none;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__tocart::after {
        content: attr(data-label-short);
        font-size: 15px;
        line-height: 1;
        white-space: nowrap;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__progress {
        margin-top: 14px;
    }

    .catalog-product-view .product-shopping-benefits {
        gap: 18px;
        grid-template-columns: minmax(0, 1fr);
        margin-top: 34px;
        padding: 26px 0;
    }

    .catalog-product-view .product-shopping-benefits__benefit-title {
        font-size: 16px;
    }

    .catalog-product-view .product-shopping-benefits__benefit-text {
        font-size: 15px;
    }
}

.product-main-top.product-info-main.pdif-box>div.page-title-wrapper.product>h1 {
    font-size: 35px;
}
.pdif-box .product-info-price .price-box,
.pdif-box .product-options-bottom {
    padding-top: 0 !important;
    border-top: 0 !important;
}
#block-related-heading {
    font-size: 22px !important;
    font-weight: 500;
 }

 /* remove overlay on hover image */
 @media only screen and (min-width: 768px) {
     .product-list-style-63 .product-item:hover .product-item-photo:after {
         background: unset !important;
     }
 }

@media (max-width: 767px) {
    .checkout-index-index .checkout-steps-shell {
        margin-top: 8px;
        padding: 0 10px;
    }

    .checkout-index-index .sv-checkout-progress {
        gap: 8px;
    }

    .checkout-index-index .sv-checkout-step {
        font-size: 20px;
        height: 32px;
        min-width: 32px;
    }

    .checkout-index-index .checkout-container #shipping .step-title,
    .checkout-index-index .checkout-container #payment .step-title,
    .checkout-index-index .checkout-container #opc-shipping_method .step-title {
        font-size: 28px !important;
    }

    .checkout-index-index .sv-company-fields {
        grid-template-columns: 1fr;
    }

    .checkout-index-index .checkout-container.checkout-step-2 #shipping,
    .checkout-index-index .checkout-container.checkout-step-2 #payment {
        display: block !important;
        margin-right: 0;
        width: 100%;
    }

    .checkout-index-index .checkout-container.checkout-step-2 #shipping {
        margin-bottom: 12px;
    }

    .checkout-index-index .sv-checkout-actions {
        flex-direction: column;
    }
}

div.sv-step1-layout > div:nth-child(2), div.sv-step1-layout > div:nth-child(4) { padding: 15px 0; }
div.sv-step1-layout > div.sv-field-row.sv-field-row--half.sv-field-row--zip-city { grid-template-columns: 1fr 3fr; }


@media (max-width: 920px) {
    body.checkout-index-index .sv-checkout-topbar,
    body[class*="onestepcheckout"] .sv-checkout-topbar {
        grid-template-columns: 1fr;
        justify-items: center;
        row-gap: 8px;
    }

    div.sv-step1-layout > div.sv-field-row.sv-field-row--half.sv-field-row--identity > div:nth-child(1),
    div.sv-step1-layout > div.sv-field-row.sv-field-row--half.sv-field-row--zip-city > div:nth-child(1) { padding-bottom: 15px; }

    body.checkout-index-index .sv-checkout-help,
    body[class*="onestepcheckout"] .sv-checkout-help {
        justify-self: center;
        text-align: center;
    }

    body.checkout-index-index .checkout-container .field[name="shippingAddress.firstname"],
    body.checkout-index-index .checkout-container .field[name="shippingAddress.lastname"],
    body.checkout-index-index .checkout-container .field[name="shippingAddress.postcode"],
    body.checkout-index-index .checkout-container .field[name="shippingAddress.city"],
    body[class*="onestepcheckout"] .checkout-container .field[name="shippingAddress.firstname"],
    body[class*="onestepcheckout"] .checkout-container .field[name="shippingAddress.lastname"],
    body[class*="onestepcheckout"] .checkout-container .field[name="shippingAddress.postcode"],
    body[class*="onestepcheckout"] .checkout-container .field[name="shippingAddress.city"] {
        display: block;
        margin-right: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    body.checkout-index-index.sv-checkout-view-step-2 .checkout-steps-shell,
    body.checkout-index-index.sv-checkout-view-step-3 .checkout-steps-shell,
    body[class*="onestepcheckout"].sv-checkout-view-step-2 .checkout-steps-shell,
    body[class*="onestepcheckout"].sv-checkout-view-step-3 .checkout-steps-shell,
    body.checkout-index-index .checkout-container.checkout-step-2,
    body.checkout-index-index .checkout-container.checkout-step-3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 {
        max-width: 980px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 {
        column-gap: 28px;
        row-gap: 18px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .opc-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .opc-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        width: 100%;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        column-gap: 28px;
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
        row-gap: 18px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method {
        display: block !important;
        grid-column: 1;
        margin-right: 0;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        align-self: start;
        display: block !important;
        grid-column: 2;
        margin: 0;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2 {
        grid-column: 2;
        margin-top: 6px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        border-radius: 8px;
        padding: 18px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .table-checkout-shipping-method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .table-checkout-shipping-method {
        border-spacing: 0 12px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .table-checkout-shipping-method tbody tr.row,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .table-checkout-shipping-method tbody tr.row {
        border-radius: 8px;
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 14px 16px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .table-checkout-shipping-method .col-price,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .table-checkout-shipping-method .col-price {
        font-size: 17px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .payment-method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .payment-method {
        border-radius: 8px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .payment-method-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .payment-method-title {
        min-height: 86px;
        padding: 18px 18px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .sv-btn-next-step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-btn-next-step2 {
        min-height: 64px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 {
        max-width: 980px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar {
        max-width: none;
        width: 100%;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product-item,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product-item {
        border-radius: 8px;
        padding: 18px 20px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product {
        align-items: center;
        display: grid;
        gap: 20px;
        grid-template-columns: 124px minmax(0, 1fr) !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product-image-container,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product-image-container {
        grid-column: 1;
        justify-self: start !important;
        width: 124px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-details,
    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-inner,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-details,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-inner {
        grid-column: 2 / -1;
        min-width: 0;
        width: 100%;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-inner,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-inner {
        align-items: start;
        display: grid;
        gap: 20px;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-name-block,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-name-block {
        display: block;
        grid-column: auto;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-name,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-name {
        display: block;
        font-size: 24px;
        line-height: 1.18;
        max-width: 100%;
        white-space: normal;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item .subtotal,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item .subtotal {
        align-self: start;
        font-size: 30px;
        grid-column: auto;
        justify-content: flex-end;
        padding: 0;
        white-space: nowrap;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code {
        margin-bottom: 22px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .payment-option-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .payment-option-title {
        font-size: 26px;
        letter-spacing: 0;
        margin-bottom: 10px;
        text-transform: none;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .action.action-apply,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .action.action-apply {
        min-width: 180px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .table-totals,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .table-totals {
        margin-bottom: 24px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .table-totals th,
    body.checkout-index-index .checkout-container.checkout-step-3 .table-totals td,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .table-totals th,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .table-totals td {
        padding: 16px 18px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .sv-checkout-addons,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-checkout-addons {
        gap: 16px;
        margin-bottom: 24px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .sv-addon-item,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-addon-item {
        border-radius: 8px;
        padding: 18px 20px;
    }
}

#checkout-step-shipping_method { padding-left: 10px !important; }

#cdz-sidebar-minicart .cart-flyout__reserve {
    margin: 0 0 16px;
}

#cdz-sidebar-minicart .cart-flyout__checkout {
    font-size: 16px;
    height: 42px;
}

@media (max-width: 767px) {
    body.checkout-index-index .sv-step-panel-heading,
    body[class*="onestepcheckout"] .sv-step-panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .sv-checkout-help { display: none; }

    body.checkout-index-index .sv-checkout-benefits {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    body.checkout-index-index .sv-checkout-topbar, body[class*="onestepcheckout"] .sv-checkout-topbar {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    body.checkout-index-index .sv-step-panel-title,
    body[class*="onestepcheckout"] .sv-step-panel-title,
    body.checkout-index-index .checkout-container #shipping .step-title,
    body[class*="onestepcheckout"] .checkout-container #shipping .step-title {
        font-size: 20px !important;
        line-height: 1.15;
    }

    body.checkout-index-index .sv-step-panel-back,
    body[class*="onestepcheckout"] .sv-step-panel-back {
        align-self: stretch;
        font-size: 12px;
        min-height: 40px;
        padding: 0 12px;
    }

    body.checkout-index-index .checkout-steps-shell,
    body[class*="onestepcheckout"] .checkout-steps-shell,
    body.checkout-index-index .checkout-container,
    body[class*="onestepcheckout"] .checkout-container {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    body.checkout-index-index .sv-checkout-progress,
    body[class*="onestepcheckout"] .sv-checkout-progress {
        gap: 10px;
    }

    body.checkout-index-index .sv-checkout-step,
    body[class*="onestepcheckout"] .sv-checkout-step {
        height: 40px;
        min-width: 40px;
    }

    body.checkout-index-index .sv-field-row--half,
    body[class*="onestepcheckout"] .sv-field-row--half,
    body.checkout-index-index .sv-company-fields,
    body[class*="onestepcheckout"] .sv-company-fields,
    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        display: block !important;
        margin-right: 0;
        width: 100%;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method {
        margin-bottom: 12px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        padding: 12px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method .step-title,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment .step-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method .step-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment .step-title {
        margin-bottom: 14px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .table-checkout-shipping-method tbody tr.row,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .table-checkout-shipping-method tbody tr.row {
        grid-template-columns: 24px minmax(0, 1fr);
        padding: 12px;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 .payment-method-title,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .payment-method-title {
        min-height: 0;
        padding: 12px 14px;
    }

    body.checkout-index-index .sv-company-toggle-wrap,
    body[class*="onestepcheckout"] .sv-company-toggle-wrap {
        margin-left: 10px;
    }

    body.checkout-index-index .sv-company-toggle,
    body[class*="onestepcheckout"] .sv-company-toggle {
        font-size: 12px;
        padding: 0 10px;
        min-width: 158px;
        white-space: normal;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product {
        align-items: flex-start;
        display: flex;
        flex-wrap: nowrap;
        gap: 12px 14px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-image-container,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-image-container {
        flex: 0 0 82px;
        justify-self: flex-start;
        width: 82px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-details,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-details {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-inner,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-inner {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item-name-block,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item-name-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .product-item .subtotal,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .product-item .subtotal {
        justify-content: flex-start;
        padding: 0;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset {
        grid-template-columns: 1fr;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .action.action-apply,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .action.action-apply {
        width: 100%;
    }
}

@media only screen and (max-width: 639px) {
    .opc-wrapper .form-login {
        border-bottom: none;
        padding: unset;
    }
    body.checkout-index-index .sv-field-row--zip-city > .field:first-child,
    body[class*="onestepcheckout"] .sv-field-row--zip-city > .field:first-child {
        max-width: unset;
    }
}
@media (min-width: 769px) {
    .opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
        max-width: unset !important;
    }
}

/* Final checkout overrides */
@media (min-width: 768px) {
    body.checkout-index-index .checkout-container,
    body[class*="onestepcheckout"] .checkout-container {
        max-width: 715px !important;
        padding: 0 0 36px !important;
    }

    body.checkout-index-index .checkout-steps-shell,
    body[class*="onestepcheckout"] .checkout-steps-shell,
    body.checkout-index-index .sv-checkout-progress,
    body[class*="onestepcheckout"] .sv-checkout-progress,
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping,
    body.checkout-index-index .checkout-container.checkout-step-1 #co-shipping-form,
    body.checkout-index-index .checkout-container.checkout-step-1 #checkout-step-shipping,
    body.checkout-index-index .checkout-container.checkout-step-1 #shipping-new-address-form,
    body.checkout-index-index .checkout-container.checkout-step-1 .sv-step1-layout,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #co-shipping-form,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #checkout-step-shipping,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 #shipping-new-address-form,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-1 .sv-step1-layout,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-step-panel-heading--step2,
    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps,
    body.checkout-index-index .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 .sv-checkout-actions--step2,
    body.checkout-index-index .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar,
    body.checkout-index-index .checkout-container.checkout-step-3 .opc-block-summary,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .sv-step-panel-heading--step3,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-summary-wrapper,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .opc-block-summary {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 715px !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    

    

    

    

    

    body.checkout-index-index .checkout-container.checkout-step-2 #checkoutSteps,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #checkoutSteps {
        gap: 12px 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-2 #opc-shipping_method,
    body.checkout-index-index .checkout-container.checkout-step-2 #payment,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #opc-shipping_method,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-2 #payment {
        margin-right: 0 !important;
        width: 100% !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .minicart-items .product,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .minicart-items .product {
        grid-template-columns: 78px minmax(0, 1fr) 74px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 .payment-option.discount-code .fieldset {
        grid-template-columns: minmax(0, 1fr) 96px !important;
    }
}
/* ===== Nasveti (blog): Page Builder karusel povezanih izdelkov =====
   Kartice v karuselu so ozke (~177 px), zato morajo gumbi (v košarico, seznam želja,
   primerjava) ostati znotraj kartice. Prej je bil .actions-primary širši od kartice
   (181 px), .actions-secondary pa je padel izven kartice. */
[data-content-type="products"][data-appearance="carousel"] .product-item-actions {
    display: flex;
    align-items: center;
    width: 100%;
}

[data-content-type="products"][data-appearance="carousel"] .actions-primary {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
}

[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart {
    width: 100%;
    min-width: 0;
    padding: 8px 6px;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: auto;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
    width: 30px;
    height: 30px;
}

/* Poravnava kartic v karuselu: vsi gumbi na isti liniji, tudi ko je naslov daljši (2-3 vrstice) */
[data-content-type="products"][data-appearance="carousel"] .slick-track {
    display: flex;
    align-items: stretch;
}

[data-content-type="products"][data-appearance="carousel"] .slick-slide {
    height: auto;
}

[data-content-type="products"][data-appearance="carousel"] .product-item,
[data-content-type="products"][data-appearance="carousel"] .product-item-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-inner {
    margin-top: auto;
}

/* Enotna višina naslova izdelka (največ 2 vrstici) – da so gumbi v vseh karticah poravnani */
[data-content-type="products"][data-appearance="carousel"] .product-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em;
    margin-bottom: 6px;
}

/* ===== Nasveti (blog): glava, datum, kartice ===== */

/* 1) Glava: na blog straneh Bootstrap iz blog modula doda .row { flex-wrap: wrap }, zato
      "Kontaktirajte nas" pade v novo vrstico. Vrnemo enovrstično postavitev kot na ostalih straneh. */
body .row.cdz-fix-left.menu-area {
    flex-wrap: nowrap !important;
}

body .row.cdz-fix-left.menu-area > .header-menu-wrap,
body .row.cdz-fix-left.menu-area > .header-vertical-menu-wrap {
    min-width: 0;
}

/* 2) Datum v nasvetih brez vodilne črtice ("- 8. september 2026" -> "8. september 2026") */
.post-list.modern .post-date > span:first-child,
.post-view-modern .post-date > span:first-child {
    display: none !important;
}

/* 3) Slika v izpisu nasvetov (prej je bila višina 0, zato slike ni bilo videti) in zaobljeni robovi */
.post-list.modern .post-image {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 18px;
}

.post-list.modern .post-image .image-container,
.post-list.modern .post-image .image-wrap {
    border-radius: 5px;
    overflow: hidden;
}

.post-list.modern .post-image .image-wrap {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 42%; /* ~20:9, da je kartica lepa in ne predolga */
}

.post-list.modern .post-image .image-wrap .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.post-list.modern .post-item,
.post-list.modern .post-container {
    border-radius: 5px;
}

.post-list.modern .post-item {
    overflow: hidden;
}

@media (max-width: 767px) {
    .post-list.modern .post-image .image-wrap {
        padding-bottom: 60%;
    }
}

/* ===== Nasveti (blog): kategorija, datum, prejšnja/naslednja objava ===== */

/* 1) Izpis nasvetov: značka kategorije naj bo desno (prej levo na sliki) */
.post-list.modern .post-image .post-category {
    left: auto;
    right: 0;
    margin: 0 5px 5px 0;
    border-radius: 5px 0 0 0;
}

.post-list.modern .post-image .post-category a {
    margin: 0 0 0 5px;
}

/* 2) Posamezen nasvet: kategorija in datum v eni vrstici, med njima "-" */
.post-view-modern .post-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.post-view-modern .post-category,
.post-view-modern .post-category.mb-4 {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
}

.post-view-modern .post-category::after {
    content: '-';
    margin: 0 10px;
    color: #8A92A3;
}

.post-view-modern .post-data-wrap,
.post-view-modern .post-data-wrap.mb-4 {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #4A5160;
    font-size: 13px;
}

/* 3) Prejšnja / naslednja objava: vsak na svoji strani, v okvirju in z oznako */
.post-view-modern .post-nextprev {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    margin: 36px 0 0;
    padding-top: 28px;
    border-top: 1px solid #E2E5EB;
}

.post-view-modern .post-nextprev .post-prev,
.post-view-modern .post-nextprev .post-next {
    flex: 1 1 45%;
    max-width: 48%;
    min-width: 260px;
}

.post-view-modern .post-nextprev .post-next {
    text-align: right;
}

.post-view-modern .post-nextprev .nextprev-link {
    float: none !important;
    display: block;
    padding: 14px 18px;
    border: 1px solid #E2E5EB;
    border-radius: 5px;
    background: #fff;
    color: #14181F;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease;
}

.post-view-modern .post-nextprev .nextprev-link span {
    display: block;
    margin-bottom: 6px;
    color: #8A92A3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.post-view-modern .post-nextprev .nextprev-link:hover {
    border-color: #1A4B99;
    color: #1A4B99;
}

@media (max-width: 767px) {
    .post-view-modern .post-nextprev .post-prev,
    .post-view-modern .post-nextprev .post-next {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
    }
}

/* Značka kategorije v izpisu nasvetov: blog CSS (blog-new.css) na tej strani ni naložen,
   zato postavitev in videz značke uredimo sami (desno spodaj na sliki). */
.post-list.modern .post-image .image-container {
    position: relative;
}

.post-list.modern .post-image .post-category {
    position: absolute;
    left: auto;
    right: 8px;
    bottom: 8px;
    display: inline-block;
    margin: 0;
    font-size: 0;
    line-height: 1;
}

.post-list.modern .post-image .post-category a,
.post-list.modern .post-image .post-category a.category-name {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 5px;
    background: rgba(20, 24, 31, .86);
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
}

.post-list.modern .post-image .post-category a:hover {
    background: #1A4B99;
}

/* ===== Nasveti / splošno: sticky glava se je sesedla (višina 1px) =====
   V stanju .active je glava dobila višino 1px, vsebina (iskalnik, ikone) pa je padla nad vrh
   zaslona oz. se je rezala. Spodaj poskrbimo za minimalno višino in poravnavo vsebine. */
@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active {
        min-height: 50px;
        overflow: visible !important;
    }

    .page-header .sticky-menu.active .header.panel,
    .page-header .sticky-menu.active .header-main,
    .page-header .sticky-menu.active .header-menu-wrap,
    .page-header .sticky-menu.active .hd-main-row,
    .page-header .sticky-menu.active .header-bottom {
        min-height: 44px;
    }

    .page-header .sticky-menu.active .hd-main-row {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
    }

    .page-header .sticky-menu.active .header-panel-middle,
    .page-header .sticky-menu.active .header-panel-right {
        display: flex;
        align-items: center;
    }

    .page-header .sticky-menu.active .search-toggle,
    .page-header .sticky-menu.active .link.wishlist,
    .page-header .sticky-menu.active .account-trigger,
    .page-header .sticky-menu.active .minicart-wrapper,
    .page-header .sticky-menu.active .hd-icon {
        align-self: center;
        top: auto;
    }
}

/* Iskalni gumb v sticky glavi: navpicno poravnan s ikonami (prej je bil ~15 px visje) */
@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active .search-toggle {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .page-header .sticky-menu.active .search-form,
    .page-header .sticky-menu.active .minisearch,
    .page-header .sticky-menu.active .control {
        align-items: center;
    }
}

/* ===== Nasveti: karusel povezanih izdelkov v videzu karuselov z domače strani =====
   Kartica: bela, 1px obroba #E9EAEC, 15px zaobljeni robovi, gumb v košarico oranžen (#FB6A00),
   seznam želja rumen (#F8B618), primerjava nevtralna — kot na domači strani (»Priporočamo« / »Novo v trgovini«). */
[data-content-type="products"][data-appearance="carousel"] li.product-item {
    background: #fff;
    border: 1px solid #E9EAEC;
    border-radius: 15px;
    overflow: hidden;
    padding: 0 10px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

[data-content-type="products"][data-appearance="carousel"] li.product-item .product-item-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-photo,
[data-content-type="products"][data-appearance="carousel"] .product-image-container {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-details {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 6px;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-name,
[data-content-type="products"][data-appearance="carousel"] .product-item-name a,
[data-content-type="products"][data-appearance="carousel"] .product-item-link {
    margin: 5px 0 10px !important;
    color: #14181F;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-name a:hover {
    color: #1A4B99;
}

[data-content-type="products"][data-appearance="carousel"] .price-box {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #14181F;
}



/* Gumb v košarico: oranžen kot na domači strani */
[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart,
[data-content-type="products"][data-appearance="carousel"] .action.tocart.primary {
    width: 100%;
    min-width: 0;
    padding: 9px 8px;
    border: 0;
    border-radius: 5px;
    background: #FB6A00;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-content-type="products"][data-appearance="carousel"] .action.tocart:hover {
    background: #e05f00;
    color: #fff;
}

/* Seznam želja (rumen krog) in primerjava (nevtralna) */
[data-content-type="products"][data-appearance="carousel"] .actions-secondary .action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    border-radius: 50%;
    background: #F8B618;
    color: #fff;
    border: 0;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary .action.tocompare {
    background: #F1F2F4;
    color: #4A5160;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary .action:hover {
    filter: brightness(.95);
}

/* Puščice karusela: okrogli rumeni gumbi kot na domači strani */
[data-content-type="products"][data-appearance="carousel"] .slick-prev,
[data-content-type="products"][data-appearance="carousel"] .slick-next {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: #F8B618;
    color: #fff;
    font-size: 0;
    line-height: 0;
    z-index: 3;
    top: 45%;
    opacity: .95;
}

[data-content-type="products"][data-appearance="carousel"] .slick-prev {
    left: -6px;
}

[data-content-type="products"][data-appearance="carousel"] .slick-next {
    right: -6px;
}

[data-content-type="products"][data-appearance="carousel"] .slick-prev:before,
[data-content-type="products"][data-appearance="carousel"] .slick-next:before {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    opacity: 1;
}

[data-content-type="products"][data-appearance="carousel"] .slick-prev:hover,
[data-content-type="products"][data-appearance="carousel"] .slick-next:hover {
    background: #e0a413;
}

/* Gumb "Dodaj v košarico" naj se v ozki kartici prikaže cel (prej okrnjen "Dodaj v k...") */
[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart,
[data-content-type="products"][data-appearance="carousel"] .action.tocart.primary {
    padding: 9px 4px;
    font-size: 11px;
    letter-spacing: -0.1px;
}

/* Napis gumba v košarico naj bo v celoti viden (dovoli prelom v dve vrstici) */
[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart,
[data-content-type="products"][data-appearance="carousel"] .action.tocart.primary {
    white-space: normal;
    text-overflow: clip;
    line-height: 1.15;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart span,
[data-content-type="products"][data-appearance="carousel"] .action.tocart.primary span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

/* ===== Nasveti: gumba za seznam želja in primerjavo nad sliko (kot na domači strani) ===== */
[data-content-type="products"][data-appearance="carousel"] li.product-item {
    position: relative;
}

[data-content-type="products"][data-appearance="carousel"] .product-item-inner {
    position: static !important;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary {
    position: absolute;
    top: 8px;
    right: 8px;
    left: auto;
    bottom: auto;
    width: auto;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    z-index: 4;
}

[data-content-type="products"][data-appearance="carousel"] .actions-secondary .action {
    box-shadow: 0 1px 4px rgba(20, 24, 31, .18);
}

[data-content-type="products"][data-appearance="carousel"] .actions-primary {
    width: 100%;
    flex: 1 1 100%;
}

/* Gumb v košarico naj bo ob celotni širini kartice */
[data-content-type="products"][data-appearance="carousel"] .actions-primary .action.tocart,
[data-content-type="products"][data-appearance="carousel"] .action.tocart.primary {
    width: 100%;
}

/* Gumba na sliki: poravnana z notranjim robom kartice (slika je od roba odmaknjena 10px) */
[data-content-type="products"][data-appearance="carousel"] .actions-secondary {
    top: 8px;
    right: 18px;
}
/* ------------------------------------------------------------------
   601-ODPRODAJA-LIST: kartica s popustom in prečrtano celotno ceno mora biti
   ENAKA kot na strani izdelka, tudi v seznamih (kategorija, iskanje).
   (Ista pravila kot .catalog-product-view.pdv-l06 .product-info-price, a za ploščice.)
   ------------------------------------------------------------------ */
.price-container.item_list .price-discount-summary,
.product-item .price-container .price-discount-summary,
.products .price-container .price-discount-summary {
  align-items: center;
  background: #ff5a5f;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  gap: 10px;
  min-height: 36px;
  padding: 0 14px;
  margin: 0;
}

.price-container.item_list .price-discount-badge,
.product-item .price-container .price-discount-badge,
.products .price-container .price-discount-badge {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.price-container.item_list .price-discount-summary .old-price,
.product-item .price-container .price-discount-summary .old-price,
.products .price-container .price-discount-summary .old-price {
  margin: 0;
}

.price-container.item_list .price-discount-summary .old-price .price,
.product-item .price-container .price-discount-summary .old-price .price,
.products .price-container .price-discount-summary .old-price .price {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  opacity: .9;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

/* cena pred kartico naj bo vidna in berljiva */
.price-container.item_list .price-wrapper .price,
.product-item .price-container .price-wrapper .price {
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .price-container.item_list .price-discount-summary,
  .product-item .price-container .price-discount-summary {
    min-height: 32px;
    padding: 0 12px;
  }
}
/* ------------------------------------------------------------------
   601-MANJSA-KARTICA: v seznamih mora biti kartica s popustom MANJŠA, da stoji
   v ISTI vrstici kot cena (prej se je prelomila v novo vrstico), prečrtana črta
   pa mora biti čisto vodoravna (tema je risala poševno).
   ------------------------------------------------------------------ */
.price-container.item_list .price-box,
.product-item .price-container,
.products .price-container {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 8px;
}

.price-container.item_list .price-discount-summary,
.product-item .price-container .price-discount-summary,
.products .price-container .price-discount-summary {
  min-height: 22px !important;
  padding: 0 8px !important;
  gap: 6px !important;
  border-radius: 4px !important;
  background: #ff5a5f !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.price-container.item_list .price-discount-badge,
.product-item .price-container .price-discount-badge,
.products .price-container .price-discount-badge {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
}

.price-container.item_list .price-discount-summary .old-price .price,
.product-item .price-container .price-discount-summary .old-price .price,
.products .price-container .price-discount-summary .old-price .price {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #fff !important;
  opacity: .95 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #fff !important;
  background: none !important;
  border: 0 !important;
}

/* če je poševno črto risal pseudo-element, ga odstranimo */
.price-container.item_list .price-discount-summary .old-price .price::before,
.price-container.item_list .price-discount-summary .old-price .price::after,
.product-item .price-container .price-discount-summary .old-price .price::before,
.product-item .price-container .price-discount-summary .old-price .price::after {
  content: none !important;
  display: none !important;
}

/* cena naj bo primerno velika, a naj se vse ujame v eno vrstico */
.price-container.item_list .price-wrapper .price,
.product-item .price-container .price-wrapper .price {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}
/* ------------------------------------------------------------------
   601-BREZ-ZASUKA: tema zasuka .old-price (matrix ~ -23deg), zato je prečrtana
   črta POŠEVNA. V seznamih zasuk odstranimo -> črta je vodoravna.
   ------------------------------------------------------------------ */
.price-container.item_list .price-discount-summary .old-price,
.product-item .price-container .price-discount-summary .old-price,
.products .price-container .price-discount-summary .old-price,
.price-container.item_list .old-price,
.product-item .price-container .old-price {
  transform: none !important;
  -webkit-transform: none !important;
  rotate: none !important;
  margin: 0 !important;
}

.price-container.item_list .price-discount-summary .old-price .price,
.product-item .price-container .price-discount-summary .old-price .price,
.products .price-container .price-discount-summary .old-price .price {
  transform: none !important;
  -webkit-transform: none !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #fff !important;
  text-decoration-style: solid !important;
}
/* ------------------------------------------------------------------
   601-BREZ-POSEVNE: tema (product-list-style-63) riše POŠEVNO črto kot
   ::after na .old-price. Pri odprodajni kartici to odstranimo - ostane le
   čista vodoravna prečrtana črta na ceni.
   ------------------------------------------------------------------ */
.odprodaja-price .old-price::after,
.odprodaja-price .old-price:after,
.odprodaja-price .price-discount-summary .old-price::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

.odprodaja-price .old-price,
.odprodaja-price .old-price .price {
  transform: none !important;
  -webkit-transform: none !important;
  rotate: none !important;
}

.odprodaja-price .old-price .price,
.odprodaja-price .price-discount-summary .old-price .price {
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-style: solid !important;
  text-decoration-color: #fff !important;
}
/* ------------------------------------------------------------------
   608-DATUM-V-SEZNAMU: v seznamu nasvetov (.post-list.modern) so bili vsi
   datumi absolutno postavljeni (top:0 right:0), zato se je 10 datumov zložilo
   zgoraj desno. Datum damo v tok (static), da stoji pri svoji objavi.
   ------------------------------------------------------------------ */
.post-list.modern .post-data-wrap {
  position: static !important;
}

.post-list.modern .post-date {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  float: none !important;
}

/* datum v posamezni objavi (post-view) pustimo kot je */
/* ------------------------------------------------------------------
   601-ODPRODAJA-CART: v flyout kosarici in povzetku narocila mora biti
   razvidno, da je kos znizan (precrtana redna cena + oznaka).
   ------------------------------------------------------------------ */
.odprodaja-was,
.odprodaja-was-summary {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.3;
}
.odprodaja-was .price-label,
.odprodaja-was-summary .price-label {
  color: #8A92A3;
  font-size: 11.5px;
}
.odprodaja-was .price,
.odprodaja-was-summary .price {
  color: #8A92A3 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px;
}
.odprodaja-tag {
  display: inline-block;
  background: #ff5a5f;
  color: #fff;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
/* 601: oznaka zadnjega odprodajnega kosa pri ceni */
.odprodaja-last {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #d9600f;
}
/* ------------------------------------------------------------------
   601-NAPAKE-VIDNE: opozorila validacije v checkoutu so bila pretiha
   (12px besedilo, polje brez rdece obrobe) - uporabnik ni videl, kje je problem.
   ------------------------------------------------------------------ */
.field-error,
.field .messages .message-error,
div.mage-error[generated] {
  color: #E02B27 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 4px !important;
}

input.mage-error,
select.mage-error,
textarea.mage-error,
input[aria-invalid="true"],
select[aria-invalid="true"] {
  border: 1px solid #E02B27 !important;
  box-shadow: 0 0 0 1px #E02B27 !important;
  background-color: #FFF6F6 !important;
}

.field._error .control input,
.field._error .control select {
  border-color: #E02B27 !important;
}

/* 601-V2-VRSTICA: precrtana redna cena v SVOJI VRSTICI pod ceno (brez besedila). */
.odprodaja-was-line {
  display: block !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  color: #8A92A3 !important;
}

.odprodaja-was-line span,
.odprodaja-was-line .price {
  display: inline !important;
  color: #8A92A3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
}

.odprodaja-was-summary {
  display: none !important;
}


/* ------------------------------------------------------------------
   601-F5B-WASLINE-OWNROW: v povzetku narocila (3. korak) mora biti pri
   odprodajni postavki cena v eni vrstici, precrtana redna cena pa v SVOJI
   vrstici (brez besedila). .subtotal je display:flex (vrstica), zato
   .odprodaja-was-line (flex:0 0 100%) ni sel v novo vrstico, ampak je stal
   OB ceni. Z flex-wrap:wrap gre v drugo vrstico znotraj iste celice (visina
   celice to dopusca), zato se visina vrstice (.product-item) ne spremeni.
   Vpliva le na postavke, ki imajo drugi element; pri ostalih je videz enak.
   ------------------------------------------------------------------ */
#opc-sidebar .subtotal {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-content: center !important;
}

/* 611: stevec kolicine - ko je zaloga porabljena, gumb '+' ni vec aktiven */
.cart-qty .qty-ctl button[disabled] {
    cursor: not-allowed;
    opacity: .35;
}

.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button[disabled],
.catalog-product-view.pdv-l06 .product-purchase-section .cart-qty .qty-ctl button[disabled]:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #cbd5e1;
    opacity: 1;
}
/* 611: visina polja kolicine naj sledi vsebini (tema ima .control { height:100% },
   zato je obvestilo "viselo" 27px pod stevcem) - tako stoji obvestilo tik pod stevcem */
.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty {
    height: auto;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty .control {
    height: auto;
}

.catalog-product-view.pdv-l06 .product-purchase-section .box-tocart .field.qty .cart-qty {
    margin-bottom: 0;
}

/* 611: obvestilo tik pod stevcem kolicine (ko je dosezena zaloga) + opozorila validacije.
   Barva je temina oranzna #f8b618 (barva gumbov). Pomembno: .cart-qty ostane nowrap,
   sicer gumb '+' pade v drugo vrstico; jedrovo opozorilo (#qty-error) iz skine se
   skrije in njegovo besedilo prikazemo v tej vrstici. */
.catalog-product-view.pdv-l06 .product-purchase-section .field.qty .qty-limit-note {
    color: #f8b618;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 6px;
}

.catalog-product-view.pdv-l06 .product-purchase-section .field.qty .qty-limit-note[hidden] {
    display: none !important;
}

.catalog-product-view.pdv-l06 .product-purchase-section .field.qty .qty-limit-note.is-over {
    font-weight: 700;
}

.catalog-product-view.pdv-l06 .product-purchase-section .field.qty .qty-limit-note.is-error {
    color: #E02B27;
}

.catalog-product-view.pdv-l06 .product-purchase-section .field.qty #qty-error {
    display: none !important;
}

/* ------------------------------------------------------------------
   609: kartice povezanih izdelkov morajo biti ENAKE kot povsod drugod
   (domaca stran, kategorije, iskanje). Kartica zato uporablja iste razrede
   (product-list-style-63 grid products-grid + .product-item-info/.i-inner/.i-actions),
   spodnje pravilo pa odstrani 15px oblazinjenje slike, ki ga ima skina
   (product-view-styles.css: .block.related .products-grid .product-item .product-item-top),
   ker na domaci strani slika sega do roba kartice.
   ------------------------------------------------------------------ */
/* (skin product-view-styles.css je uvozen za custom.css -> !important) */
.catalog-product-view.pdv-l06 .product-related-showcase .product-item-top {
    padding: 0 !important;
}

/* ------------------------------------------------------------------
   609 (14. 9. 2026): gumbi »Dodaj v košarico« so POVSOD v isti barvi #F9B616.
   Prej: kartice na devu #FB6A00 (skina), na produkciji #FAB615, stran izdelka #F8B618.
   Zdaj so vsi (stran izdelka, lepljiva vrstica, kartice na domači strani, v kategorijah,
   iskanju in pri povezanih izdelkih) v enaki barvi.
   ------------------------------------------------------------------ */
.action.tocart.primary,
.action.primary.tocart,
.product-list-style-63 .action.tocart,
.product-list-style-63 .action.primary.tocart,
.product-related-showcase .action.tocart,
.product-related-showcase .action.tocart.primary {
    background-color: #F9B616 !important;
    border-color: #F9B616 !important;
    color: #fff !important;
}

.action.tocart.primary:hover,
.action.primary.tocart:hover,
.product-list-style-63 .action.tocart:hover,
.product-list-style-63 .action.primary.tocart:hover,
.product-related-showcase .action.tocart:hover {
    background-color: #EDAE08 !important;
    border-color: #EDAE08 !important;
    color: #fff !important;
}

/* ------------------------------------------------------------------
   609 (2. krog): poenoten prikaz kartic. Kartica povezanih izdelkov je imela
   dodatno 10px oblazinjenje iz skine (product-view-styles.css:
   `.product-item { padding: 10px }` in
   `.block.related .products-grid .product-item { padding-bottom: 10px }`),
   zato je bil gumb »Dodaj v košarico« odmaknjen od roba kartice, drugje pa ne.
   Zdaj je oblazinjenje kartic enako kot na domaci strani in v kategorijah (0),
   notranji razmik pa ostane iz .i-inner / .i-actions (10px 15px) - enako povsod.
   ------------------------------------------------------------------ */
.catalog-product-view.pdv-l06 .product-related-showcase .product-item,
.catalog-product-view.pdv-l06 .product-related-showcase .product-item-info {
    padding: 0 !important;
}

/* ------------------------------------------------------------------
   609 (2. krog): tudi kartice v karuselu izdelkov v nasvetih (PageBuilder products
   carousel) naj bodo ENAKE kot povsod drugje: slika do roba kartice, besedilo pa z
   enakim notranjim razmikom (10px 15px) kot .i-inner/.i-actions na domaci strani.
   Prej: kartica je imela 10px stranskega oblazinjenja -> slika je bila umaknjena od roba.
   ------------------------------------------------------------------ */
[data-content-type="products"][data-appearance="carousel"] li.product-item {
    padding: 0 !important;
}

[data-content-type="products"][data-appearance="carousel"] li.product-item .product-item-details {
    padding: 10px 15px 12px !important;
}

/* ------------------------------------------------------------------
   612: SKRITO na željo naročnika (14. 9. 2026) - koda ostaja, izklopljen je
   samo prikaz. Vklop nazaj = odstrani ta blok (ali posamezno vrstico).
   - .odprodaja-last  = oznaka "Samo še 1 kos po znižani ceni." (izdelek + seznam/kategorija)
   - .qty-limit-note  = obvestilo pod števcem količine (611)
   ------------------------------------------------------------------ */
.odprodaja-last,
.qty-limit-note {
  display: none !important;
}

/* ------------------------------------------------------------------
   609 (4. krog): gumb »Dodaj v košarico« naj zapolni vrstico v kartici
   (prej 206 px v ~343 px vrstici). Velja za vse kartice enako: domaca stran,
   kategorija, iskanje, povezani izdelki in karusel v nasvetih.
   ------------------------------------------------------------------ */
/* obrazec je "shrink-to-fit", zato mora tudi on zapolniti vrstico - sicer 100% sirina
   gumba ne pomeni nic */
.product-item .i-btn,
.product-item .i-btn form,
.product-item .actions-primary {
    display: block;
    width: 100%;
}

.product-item .i-btn .action.tocart,
.product-item .i-btn .action.tocart.primary,
.product-item .actions-primary .action.tocart,
.product-item .actions-primary .action.primary.tocart {
    width: 100% !important;
    margin: 0 !important;
}


/* ------------------------------------------------------------------
   601-RAZSTAVNI-EKSPONAT (14. 9. 2026, zahteva naročnika): izdelek v
   odprodaji ima lahko zastavico »razstavni eksponat«. Takrat TAKOJ ZA
   kartico popusta stoji še temna kartica »Razstavni eksponat« (temna
   barva #131f2e iz predloge). Višine so enake kot pri kartici popusta:
   v seznamih 22px, na strani izdelka 36px (mobilno 32px).
   ------------------------------------------------------------------ */
.price-container.item_list .odprodaja-showroom,
.product-item .price-container .odprodaja-showroom,
.products .price-container .odprodaja-showroom {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #131f2e !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.catalog-product-view.pdv-l06 .product-info-price .odprodaja-showroom {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  background: #131f2e !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .catalog-product-view.pdv-l06 .product-info-price .odprodaja-showroom {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }
}

/* 601-Razstavni: na ozkih zaslonih se vrstica s ceno NE sme odrezati.
   Vrstica je flex (nowrap), nadrejeni .price-box pa ima overflow:hidden - ozka
   kartica "Razstavni eksponat" je zato na mobilnem gledala izven okvirja
   (merjeno: 390px zaslon, kartica do x=411, starš konča na 380 -> odrezano).
   Zato vrstici dovolimo prelom: na mobilnem gre kartica v svojo vrstico. */
.catalog-product-view.pdv-l06 .product-info-price .price-container.odprodaja-price {
  flex-wrap: wrap !important;
  row-gap: 8px !important;
}

/* ------------------------------------------------------------------
   601-RAZSTAVNI-KARTICE (14. 9. 2026, zahteva naročnika): v KARTICAH
   (domača stran, kategorije, iskanje, sorodni izdelki) mora oznaka
   »Razstavni eksponat« stati ZGORAJ LEVO nad sliko izdelka - enako kot na
   predlogi - ne pri ceni. Na strani izdelka ostane pri ceni (merjeno: ista
   vrstica kot kartica popusta).

   Kako: oznaka je v oznaki cene (globoko v kartici), zato ji z
   position: absolute določimo položaj glede na KARTICO (.product-item je
   position: relative). Vmesne elemente (podrobnosti, .i-inner, .price-box,
   .price-container) zato postavimo na static in odklenemo overflow
   (.price-box ima overflow: hidden -> oznaka bi bila ODR EZANA). Pravila so
   omejena na kartice, ki oznako res imajo (:has), zato ostale kartice ostanejo
   nedotaknjene.
   ------------------------------------------------------------------ */
.product-item:has(.odprodaja-showroom--card) .product-item-details,
.product-item:has(.odprodaja-showroom--card) .i-inner,
.product-item:has(.odprodaja-showroom--card) .price-box,
.product-item:has(.odprodaja-showroom--card) .price-container {
  position: static !important;
  overflow: visible !important;
}

.product-item .price-container .odprodaja-showroom.odprodaja-showroom--card {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #131f2e !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .product-item .price-container .odprodaja-showroom.odprodaja-showroom--card {
    top: 8px !important;
    left: 8px !important;
    font-size: 10.5px !important;
    min-height: 19px !important;
  }
}

/* 601-Razstavni: OSNOVNI videz oznake (velja v vsakem kontekstu). Konkretni
   konteksti (stran izdelka, kartice) določijo le velikost in položaj, zato
   oznaka ni nikoli neoblikovana, tudi če se spremeni razred zasnove strani. */
.odprodaja-showroom {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #131f2e !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* ------------------------------------------------------------------
   605 (P4): vizualno skrit H1 na domaci strani (SEO) - besedilo je namenjeno
   iskalnikom in bralnikom zaslona, videza strani ne spremeni.
   ------------------------------------------------------------------ */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* ------------------------------------------------------------------
   605 (P4b) - dostopnost (PageSpeed Accessibility):
   1) kontrast: belo besedilo na rumenih elementih je bilo neberljivo
      (razmerje 1,8-2,0 -> potrebno vsaj 4,5) -> temno besedilo na rumeni.
   2) pike karuselov so bile 9-10 px -> klikljiv kvadrat 24x24, pika ostane majhna.
   ------------------------------------------------------------------ */
.product-item .i-btn .action.tocart,
.product-item .i-btn .action.tocart span,
.product-item .actions-primary .action.tocart,
.product-item .actions-primary .action.tocart span,
.menu-title .tt-text,
.free-shipping-box, .free-shipping-box strong, .free-shipping-box span, .free-shipping-box a,
.info-box, .info-box strong, .info-box span, .info-box a {
    color: #14181F !important;
}

.owl-dot,
.heroSlider__dot {
    background-clip: content-box !important;
    box-sizing: border-box !important;
    min-height: 24px !important;
    min-width: 24px !important;
    padding: 7px !important;
}

/* 605 (P5): kontrast - popravki za vgrajene (inline) sloge in placeholder */
.info-box-mobile, .info-box-mobile * { color: #14181F !important; }
[style*="color:#A1A1A1"], [style*="color: #A1A1A1"], [style*="color:#a1a1a1"] { color: #6b7280 !important; }
input::placeholder { color: #6b7280 !important; opacity: 1 !important; }

/* 605 (P5b): kontrast v Klaviyo obrazcu (tuje oznake, a na nasi strani) */
[class*="klaviyo"] button, [class*="klaviyo"] .needsclick, form[class*="klaviyo"] button {
    color: #14181F !important;
}

/* ------------------------------------------------------------------
   605 (P5c): HERO slider na mobilnem - pike morajo ostati izvirne velikosti.
   Postavitev (pike in pusice) je absolutna glede na visino ovoja, zato je
   povecava pik (padding 24x24 iz P4b) premaknila pike v sredino in pusice na dno.
   Klikljivo obmocje razsirimo s pseudo-elementom, velikost pa ostane nespremenjena.
   ------------------------------------------------------------------ */
.heroSlider__dot {
    background-clip: border-box !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: relative;
}

.heroSlider__dot::after {
    content: '';
    inset: -8px;
    position: absolute;
}

/* ------------------------------------------------------------------
   605 (P6): mobilni hero slider - pusici navpicno na sredini sliderja,
   pike na spodnjem robu (prej sta bili obe skupini pri dnu / v sredini).
   Na namizju ostane kot je (tam je postavitev pravilna).
   ------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
    .heroSlider__btn {
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .heroSlider__dots {
        bottom: 12px !important;
        top: auto !important;
    }
}

/* ------------------------------------------------------------------
   605 (P7): puscica znotraj okroglih gumbov hero sliderja ni bila na sredini -
   gumb ima padding 7px 15px, zato je 22px ikona sedela na levem robu vsebine.
   Sedaj: brez odmika, flex centriranje (oba gumba, vse naprave).
   ------------------------------------------------------------------ */
.heroSlider__btn {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    justify-content: center !important;
    padding: 0 !important;
}

.heroSlider__btn svg {
    display: block !important;
    margin: 0 !important;
    max-height: 22px;
    max-width: 22px;
}



/* ------------------------------------------------------------------
   605 (P13): mobilni - ko ni prostora ob karticah, gresta pusici povezanih izdelkov
   v vrstico z naslovom (zgoraj desno), tako da ne prekrivata kartic.
   ------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
    .catalog-product-view.pdv-l06 .product-related-showcase__nav {
        align-items: center !important;
        bottom: auto !important;
        display: flex !important;
        gap: 8px !important;
        justify-content: flex-end !important;
        left: auto !important;
        padding: 0 !important;
        right: 4px !important;
        top: -48px !important;
        transform: none !important;
        width: auto !important;
    }

    .catalog-product-view.pdv-l06 .product-related-showcase__nav-button--prev,
    .catalog-product-view.pdv-l06 .product-related-showcase__nav-button--next {
        margin: 0 !important;
    }
}

/* ------------------------------------------------------------------
   605 (P14c): mobilni footer - SAMO socialni gumbi v eno vrstico.
   (Prejsnji poskus je siril display:flex na VSE sezname v footru, zato je bil
   footer razmetan. Zdaj ciljamo natanko vsebnik, ki vsebuje gumbe .i-link.)
   ------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
    .page-footer :has(> a.i-link),
    .page-footer :has(> li > a.i-link) {
        align-items: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        justify-content: center !important;   /* 605 (P14c): socialne ikone SREDINSKO */
        width: 100% !important;
    }

    /* jezikovni izbirnik naj bo v svoji vrstici in prav tako sredinsko */
    .page-footer .switcher.language.switcher-language,
    .page-footer .switcher-language {
        flex-basis: 100% !important;
        margin: 8px 0 10px !important;
        text-align: center !important;
    }

    .page-footer .switcher-language .action.toggle {
        display: inline-flex !important;
        justify-content: center !important;
    }

    .page-footer a.i-link {
        align-items: center !important;
        display: inline-flex !important;
        font-size: 12px !important;
        height: 30px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 12px !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    .page-footer .switcher.language.switcher-language,
    .page-footer .switcher-language {
        display: block !important;
        margin: 8px 0 10px !important;
    }
}

/* ------------------------------------------------------------------
   605 (P15): v mobilnem footerju so 4 prazna preklopa <p class="h5 link-toggle">
   (brez besedila) - to so tisti "odvecni +". Skrijemo jih (varen, CSS-only poseg).
   ------------------------------------------------------------------ */
.page-footer p.h5.link-toggle:empty,
.page-footer p.h5.link-toggle.is-empty {
    display: none !important;
}

/* ------------------------------------------------------------------
   605 (P16b: bela SAMO na mobilnem, na namizju ostane temna): "Nakupujte po" (<span class="tt-text">) mora biti BELE barve (zelja narocnika).
   Opomba: belo na rumeni ne dosega kontrasta 4,5 (PageSpeed bo to znova prijavil v
   kategoriji dostopnosti) - barva je po narocnikovem izboru.
   ------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
    .menu-title .tt-text,
    .main-content-top-left .menu-title .tt-text {
        color: #fff !important;
    }
}


/* ------------------------------------------------------------------
   640c (agentic browsing / CLS, merjeno 21. 9. 2026 na mobilnem, 412 px, throttled):
   - karusel kategorij (.home-cat-icons-slider) owl pred inicializacijo skrije (display:none),
     zato je visok 0 in ob inicializaciji porine vso stran (0 -> 170 px, CLS 0,09);
   - iskalni del glave se med nalaganjem razsiri (10 -> 47 px) in premakne vsebino (CLS 0,05).
   Rezervacija visine odpravi oba premika; vrednosti so izmerjene na 360/390/412/480/600 px.
   Namizje (>767 px) ni zajeto. CLS mobilno 0,15 -> ~0,01.
   ------------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
    .home-cat-icons-slider {
        min-height: 172px;
    }
    /* mobilna vrstica "NAKUPUJTE PO" je v HTML-ju prazna, JS jo napolni (0 -> 44 px) -> rezerviraj */
    .mobi-vertcial-menu-container {
        min-height: 44px;
    }
    /* tema postavi .header-panel-middle na min-height:1px -> potreben !important
       (izmerjeno: visina iskalnega dela 10 -> 47 px, kar premakne vsebino za 44 px) */
    .page-header .header-panel-middle,
    .page-header .header-search-wrap {
        min-height: 47px !important;
    }
}

/* stevec kolicine: v predlogu sta DVE notranji crti (- | 1 | +); tema je imela
   .item-qty { border-right: 0 } in .m-plus { border-left: 0 }, zato je crta pred "+" manjkala */

/* 745-kolicina/fix: ta komentar je bil pri delitvi custom.css -> custom-checkout.css (#721)
   razrezan na dvoje. Odprt komentar je pojedel vrstico @media spodaj, zato so mobilna pravila
   (naziv v 1. vrstici, kolicina pod njim, cena cez obe) veljala TUDI na namizju - stepper
   kolicine je padel pod ime izdelka. Zakljucek komentarja je tu, @media spet velja. */

@media (max-width: 767px) {
    /* mobilno: naziv v 1. vrstici, kolicina pod njim, cena desno cez obe vrstici
       (v eni vrstici bi bil stolpec naziva preozek - ime se je lomilo po crkah) */
    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .product-item-inner,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .product-item-inner {
        grid-template-columns: minmax(0, 1fr) 96px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .product-item-name-block,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .product-item-name-block {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding: 10px 12px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .details-qty,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .details-qty {
        border-left: 0 !important;
        border-top: 1px solid #dbe3eb !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-content: flex-start !important;
        padding: 8px 12px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .subtotal,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .subtotal {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        padding: 0 10px !important;
    }

    body.checkout-index-index .checkout-container.checkout-step-3 #opc-sidebar .cdz-summary-remove,
    body[class*="onestepcheckout"] .checkout-container.checkout-step-3 #opc-sidebar .cdz-summary-remove {
        height: 26px !important;
        right: -13px !important;
        top: -13px !important;
        width: 26px !important;
    }
}

/* ==================================================================
   PRENOVA 2026 - nov frontend po predlogi svetila-si-demo
   (design-handoff/README.md: par. 4 design tokens, par. 6.1 glava, 6.2 domaca stran).
   Vse pravila prenove so v tej sekciji (na koncu, da prepisejo starejsa).
   Blagajna je izvzeta (body:not(.checkout-index-index)): 3-koracna KO blagajna
   ostane v dosedanjem videzu, dokler je ne prenovimo posebej.
   Prelom: namizje >= 768 px (Codazon), mobilno <= 767 px (predloga: < 760 px).
   ================================================================== */
:root {
    --sv-ink: #131F2E;
    --sv-muted: #5C5C5C;
    --sv-grad: linear-gradient(90deg, #FAB615 0%, #EEA700 100%);
    --sv-yellow-dark: #EEA700;
    --sv-red: #EF4444;
    --sv-line: rgba(19, 31, 46, 0.15);
    --sv-line-strong: rgba(19, 31, 46, 0.3);
    --sv-radius: 5px;
    --sv-wrap: 1240px;
    --sv-btn-shine: inset 0 0 0 1px rgba(255, 255, 255, 0.31);
    /* tekst na rumenem = #fff kot v predlogi (zahteva: videz 1:1 s svetila.vercel.app).
       Pozor: kontrast je le 1,78:1 (WCAG AA zahteva 4,5:1; prim. #605 kontrast);
       temna var(--sv-ink) bi dala 9,32:1 - sprememba je ta ena vrstica. */
    --sv-on-yellow: #fff;
    /* ikone iz predloge (Flaticon UIcons) kot maske: barva = currentColor */
    --sv-ic-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
    --sv-ic-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 17.505 0 C 16.379 0.018 15.277 0.332 14.312 0.911 C 13.346 1.491 12.55 2.315 12.005 3.3 C 11.459 2.315 10.664 1.491 9.698 0.911 C 8.732 0.332 7.631 0.018 6.505 0 C 4.71 0.078 3.019 0.863 1.801 2.184 C 0.583 3.505 -0.063 5.255 0.005 7.05 C 0.005 11.597 4.791 16.563 8.805 19.93 C 9.701 20.683 10.834 21.096 12.005 21.096 C 13.175 21.096 14.309 20.683 15.205 19.93 C 19.219 16.563 24.005 11.597 24.005 7.05 C 24.073 5.255 23.427 3.505 22.209 2.184 C 20.991 0.863 19.3 0.078 17.505 0 Z M 13.92 18.4 C 13.384 18.851 12.706 19.099 12.005 19.099 C 11.304 19.099 10.626 18.851 10.09 18.4 C 4.952 14.089 2.005 9.953 2.005 7.05 C 1.936 5.785 2.371 4.544 3.214 3.598 C 4.057 2.652 5.24 2.077 6.505 2 C 7.77 2.077 8.952 2.652 9.795 3.598 C 10.638 4.544 11.073 5.785 11.005 7.05 C 11.005 7.315 11.11 7.57 11.298 7.757 C 11.485 7.945 11.74 8.05 12.005 8.05 C 12.27 8.05 12.524 7.945 12.712 7.757 C 12.899 7.57 13.005 7.315 13.005 7.05 C 12.936 5.785 13.371 4.544 14.214 3.598 C 15.057 2.652 16.24 2.077 17.505 2 C 18.77 2.077 19.952 2.652 20.795 3.598 C 21.638 4.544 22.073 5.785 22.005 7.05 C 22.005 9.953 19.058 14.089 13.92 18.396 L 13.92 18.4 Z' fill='black' fill-rule='nonzero' transform='matrix%281 0 0 1 -0.005 1.917%29'%3E%3C/path%3E%3C/svg%3E");
    --sv-ic-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 22.713 4.077 C 22.432 3.739 22.08 3.468 21.682 3.282 C 21.284 3.096 20.849 2.999 20.41 3 L 4.242 3 L 4.2 2.649 C 4.114 1.919 3.763 1.247 3.214 0.758 C 2.666 0.27 1.957 0 1.222 0 L 1 0 C 0.735 0 0.48 0.105 0.293 0.293 C 0.105 0.48 0 0.735 0 1 C 0 1.265 0.105 1.52 0.293 1.707 C 0.48 1.895 0.735 2 1 2 L 1.222 2 C 1.467 2 1.703 2.09 1.886 2.253 C 2.069 2.415 2.186 2.64 2.215 2.883 L 3.591 14.583 C 3.734 15.8 4.318 16.922 5.234 17.736 C 6.149 18.55 7.332 19 8.557 19 L 19 19 C 19.265 19 19.52 18.895 19.707 18.707 C 19.895 18.52 20 18.265 20 18 C 20 17.735 19.895 17.48 19.707 17.293 C 19.52 17.105 19.265 17 19 17 L 8.557 17 C 7.938 16.998 7.335 16.805 6.83 16.447 C 6.325 16.089 5.943 15.584 5.737 15 L 17.657 15 C 18.829 15 19.964 14.588 20.864 13.836 C 21.763 13.085 22.37 12.041 22.578 10.887 L 23.363 6.533 C 23.441 6.101 23.424 5.657 23.311 5.233 C 23.199 4.808 22.995 4.414 22.713 4.077 L 22.713 4.077 Z M 21.4 6.178 L 20.614 10.532 C 20.489 11.225 20.124 11.852 19.584 12.303 C 19.043 12.754 18.361 13.001 17.657 13 L 5.419 13 L 4.478 5 L 20.41 5 C 20.557 4.999 20.702 5.031 20.836 5.092 C 20.969 5.154 21.087 5.244 21.182 5.357 C 21.276 5.469 21.345 5.601 21.382 5.743 C 21.42 5.885 21.426 6.033 21.4 6.178 L 21.4 6.178 Z' fill='black' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M 2 4 C 3.105 4 4 3.105 4 2 C 4 0.895 3.105 0 2 0 C 0.895 0 0 0.895 0 2 C 0 3.105 0.895 4 2 4 Z' fill='black' fill-rule='nonzero' transform='matrix%281 0 0 1 5.000 20.001%29'%3E%3C/path%3E%3Cpath d='M 2 4 C 3.105 4 4 3.105 4 2 C 4 0.895 3.105 0 2 0 C 0.895 0 0 0.895 0 2 C 0 3.105 0.895 4 2 4 Z' fill='black' fill-rule='nonzero' transform='matrix%281 0 0 1 15 20.001%29'%3E%3C/path%3E%3C/svg%3E");
    --sv-ic-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C5C5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
    --sv-ic-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
}

body:not(.checkout-index-index) {
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* ---------- glava: logotip (SVG iz predloge cez PNG iz admina; alt ostane) ---------- */
body .page-header a.logo[class] {
    display: block;
    width: 164px;
    height: 30px;
    min-height: 0; /* tema: a.logo[class] { min-height: 45px } */
    background: url(../images/sv/logo-svetila.svg) left center / contain no-repeat;
}

body .page-header a.logo img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

@media (min-width: 768px) {
    body .page-header {
        border-bottom: 1px solid var(--sv-line);
        color: var(--sv-ink);
    }

    body .page-header .header-main {
        padding: 18px 0;
    }

    body .page-header .header-main > .container,
    body .page-header .header-bottom > .container {
        max-width: var(--sv-wrap);
        padding: 0 24px;
    }

    body .page-header .hd-main-row {
        gap: 28px;
        margin: 0;
    }

    /* Bootstrap clearfix (.row::before/::after) je v flex vrstici element -> +2x gap */
    body .page-header .hd-main-row::before,
    body .page-header .hd-main-row::after {
        display: none;
    }

    body .page-header .hd-main-row > .header-panel-left,
    body .page-header .hd-main-row > .header-panel-middle,
    body .page-header .hd-main-row > .header-panel-right {
        width: auto;
        padding: 0;
    }

    body .page-header .header-panel-left {
        flex: none;
    }

    body .page-header .header-panel-middle {
        flex: 1;
        min-width: 0;
    }

    /* iskalnik: okvir 47 px, lupa levo, rumen gumb "Isci" desno */
    body .page-header #minisearch-form-top-search {
        display: flex;
        align-items: center;
        gap: 10px;
        height: 47px;
        padding: 4px;
        border: 1px solid var(--sv-line-strong);
        border-radius: var(--sv-radius);
        background: #fff;
    }

    body .page-header #minisearch-form-top-search .field.search {
        flex: 1;
        min-width: 0;
        margin: 0;
    }

    body .page-header #minisearch-form-top-search .control {
        padding: 0;
        margin: 0;
        border: 0;
    }

    body .page-header #minisearch-form-top-search .control input {
        height: 37px;
        padding: 0 0 0 42px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: var(--sv-ic-search) 10px center / 20px no-repeat;
        color: var(--sv-ink);
        font-size: 15px;
    }

    /* predloga placeholderju ne doloci barve -> privzeta Chrome #757575 (kontrast 4,6:1) */
    body .page-header #minisearch-form-top-search .control input::placeholder {
        color: #757575 !important;
    }

    body .page-header #minisearch-form-top-search > .actions {
        position: static;
        flex: none;
    }

    /* starejse pravilo (zgoraj, "On desktop: hide the in-form submit loupe") gumb skrije z
       !important in namesto njega pokaze premaknjeno okroglo lupo; predloga ima gumb v polju */
    body .page-header .search-toggle.moved-to-cart {
        display: none !important;
    }

    body .page-header #minisearch-form-top-search > .actions > button.action.search {
        position: static;
        display: flex !important;
        align-items: center;
        width: auto;
        height: 37px;
        padding: 0 20px;
        border: 0;
        border-radius: var(--sv-radius);
        background: var(--sv-grad);
        box-shadow: var(--sv-btn-shine);
        color: var(--sv-on-yellow);
        font-size: 15px;
        font-weight: 700;
        letter-spacing: normal;
        text-transform: none;
        opacity: 1;
        transition: filter .15s, transform .1s;
    }

    body .page-header #minisearch-form-top-search > .actions > button.action.search:hover {
        filter: brightness(1.06);
    }

    body .page-header #minisearch-form-top-search > .actions > button.action.search > *,
    body .page-header #minisearch-form-top-search > .actions > button.action.search::before {
        display: none;
    }

    /* ponytail: napis gumba je v CSS, ker ga predloga teme nima (ima samo ikono); title="Iskanje" ostane */
    body .page-header #minisearch-form-top-search > .actions > button.action.search::after {
        content: "I\0161\010Di";
    }

    /* desno: Prijava | Priljubljeni | [Kosarica + znesek] (vrstni red iz predloge) */
    body .page-header .header-panel-right .features-links {
        gap: 6px;
        margin: 0;
        --ft-link-txt: var(--sv-ink);
    }

    body .page-header .features-links > li {
        margin: 0;
    }

    body .page-header .features-links > li.authorization-link {
        order: 1;
    }

    body .page-header .features-links > li.wishlist {
        order: 2;
    }

    body .page-header .features-links > li.cart-link {
        order: 3;
        margin-left: 6px;
    }

    body .page-header .features-links .account-trigger,
    body .page-header .features-links #top-wishlist {
        flex-direction: row;
        gap: 8px;
        height: 47px;
        padding: 0 10px;
        color: var(--sv-ink);
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
    }

    body .page-header .features-links .account-trigger:hover,
    body .page-header .features-links #top-wishlist:hover {
        color: var(--sv-yellow-dark);
    }

    body .page-header .wishlist .cdz-dd-trigger .label,
    body .page-header .features-links .authorization-link .account-trigger > .text-underlink {
        display: inline;
    }

    /* ikone: vgrajen SVG teme zamenjamo z ikonami iz predloge */
    body .page-header .features-links .hd-icon,
    body .page-header .features-links .account-trigger .hd-icon {
        display: block;
        flex: none;
        width: 20px;
        height: 20px;
        border: 0;
        border-radius: 0;
        background: currentColor;
        -webkit-mask: var(--sv-ic-user) center / contain no-repeat;
        mask: var(--sv-ic-user) center / contain no-repeat;
    }

    body .page-header .features-links .hd-icon > * {
        display: none;
    }

    body .page-header .features-links #top-wishlist .hd-icon {
        -webkit-mask-image: var(--sv-ic-heart);
        mask-image: var(--sv-ic-heart);
    }

    body .page-header .features-links .showcart .hd-icon {
        grid-row: 1 / span 2;
        -webkit-mask-image: var(--sv-ic-cart);
        mask-image: var(--sv-ic-cart);
    }

    /* kosarica: gumb z okvirjem, "Kosarica" (12 px, siva) nad zneskom (14 px, 600) */
    body .page-header .features-links .action.showcart {
        position: relative;
        display: grid;
        grid-template-columns: 20px auto;
        align-items: center;
        column-gap: 10px;
        height: 47px;
        padding: 0 14px;
        border-radius: var(--sv-radius);
        background: #fff;
        box-shadow: inset 0 0 0 1px var(--sv-line-strong);
        color: var(--sv-ink);
        line-height: 1.15;
    }

    /* tema ima tu "visually hidden" (absolute, 1 px, clip) -> razveljavi */
    body .page-header .features-links .action.showcart > .text {
        position: static;
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        align-self: end;
        color: var(--sv-muted);
        font-size: 12px;
        font-weight: 400;
        text-transform: none;
    }

    body .page-header .features-links .action.showcart > .cart-subtotal,
    body .page-header .features-links .action.showcart > .cart-subtotal .price {
        display: block;
        align-self: start;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
    }

    body .page-header .features-links .action.showcart > .counter.qty {
        position: absolute;
        top: -7px;
        right: -7px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border: 2px solid #fff;
        border-radius: 999px;
        background: #FAB615;
        color: var(--sv-on-yellow);
        font-size: 11px;
        font-weight: 700;
    }

    body .page-header .features-links .action.showcart > .counter.qty.empty {
        display: none;
    }

    /* ---------- glava: vrstica kategorij (52 px) ---------- */
    /* spodnjo crto da .page-header; tema ima tu se svojo -> bila je dvojna */
    body .page-header .header-bottom {
        border-top: 1px solid var(--sv-line);
        border-bottom: 0;
        background: #fff;
    }

    body .page-header .header-bottom .menu-area {
        align-items: center;
        height: 52px;
        margin: 0;
    }

    /* predloga: margin 12 px + gap vrstice 4 px */
    body .page-header .header-vertical-menu-wrap {
        flex: none;
        width: auto;
        margin-right: 16px;
        padding: 0;
    }

    body .page-header .header-menu-wrap {
        width: auto;
        padding: 0;
    }

    /* "Vse kategorije": temen gumb 38 px s hamburgerjem */
    body .page-header #desk_vertcial-menu-container .menu-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        width: auto;
        height: 38px;
        padding: 0 14px;
        border-radius: var(--sv-radius);
        background: var(--sv-ink);
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-transform: none;
        cursor: pointer;
    }

    body .page-header #desk_vertcial-menu-container .menu-title .tt-text::before {
        display: none;
    }

    body .page-header #desk_vertcial-menu-container .menu-title::before {
        content: "";
        order: -1;
        display: block;
        width: 18px;
        height: 18px;
        background: currentColor;
        -webkit-mask: var(--sv-ic-menu) center / contain no-repeat;
        mask: var(--sv-ic-menu) center / contain no-repeat;
    }

    body .page-header #desk_vertcial-menu-container .menu-title::after {
        display: none;
    }

    /* splosno pravilo za gumbe (.action.tocart span ...) ima !important temno barvo */
    body .page-header #desk_vertcial-menu-container .menu-title .tt-text {
        width: auto;
        padding: 0;
        color: #fff !important;
        font-size: 14px !important; /* tema pod ~1200 px napis skrije (font-size: 0) */
        white-space: nowrap;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a.menu-link {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 52px;
        padding: 0 10px;
        color: var(--sv-ink);
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a.menu-link > .menu-icon {
        display: none;
    }

    /* Odprodaja: desno (ul teme je inline-block -> flex, da margin-left:auto deluje), rdeca, z znacko -70 % */
    /* predloga: postavke se ne krcijo, vrstica se na ozjih zaslonih (tablica) podrsa (overflow-x: auto).
       Mega meni (sv-header.js) je zunaj vrstice, zato ga drsenje ne poreze. */
    body .page-header .cdz-horizontal-menu > ul.groupmenu:not(.overflow-items-container) {
        display: flex;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    body .page-header .cdz-horizontal-menu > ul.groupmenu:not(.overflow-items-container)::-webkit-scrollbar {
        display: none;
    }

    body .page-header .cdz-horizontal-menu > ul.groupmenu > li.level0 {
        flex: none;
    }

    /* order: Codazon ob premiku menija (desk_/mobi_) lahko premesa vrstni red -> Odprodaja vedno zadnja */
    /* padding-left 16 = predlogin distancnik (min 12 px) + gap 4, ce zmanjka prostora */
    body .page-header .cdz-horizontal-menu .groupmenu > li.level0:has(> a[href$="/odprodaja.html"]) {
        order: 99;
        margin-left: auto;
        padding-left: 16px;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a[href$="/odprodaja.html"] {
        color: var(--sv-red);
        font-weight: 600;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0 > a[href$="/odprodaja.html"]::after {
        content: "\2212 70 %";
        padding: 2px 6px;
        border-radius: var(--sv-radius);
        background: var(--sv-red);
        color: #fff;
        font-size: 11px;
        font-weight: 600;
    }

    /* "Kontaktirajte nas" ni v predlogi (telefon je v zgornjem pasu) */
    body .page-header .hd-bt-wrap {
        display: none;
    }
}

/* ---------- glava: mobilno (<= 767 px) ----------
   predloga: [meni 44][logotip 24 px ......][srcek 44][kosarica 44]
             [iskalno polje 44 px cez celo sirino]
   Rumeni pas "Nakupujte po" (kategorije) ostane, dokler kategorij ne dodamo
   v glavni (hamburger) meni v adminu - sicer bi mobilno ostali brez kategorij. */
@media (max-width: 767px) {
    body .page-header {
        border-bottom: 1px solid var(--sv-line);
    }

    body .page-header .header-main,
    body .page-header .header-main > .container,
    body .page-header .sticky-menu,
    body .page-header .panel.header {
        padding-left: 0;
        padding-right: 0;
    }

    body .page-header .header-main {
        padding-top: 0;
        padding-bottom: 0;
    }

    body .page-header .hd-main-row {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
        grid-template-areas: "menu logo fav cart" "search search search search";
        align-items: center;
        gap: 8px 4px;
        margin: 0;
        padding: 8px 8px 10px 4px;
    }

    body .page-header .hd-main-row::before,
    body .page-header .hd-main-row::after {
        display: none;
    }

    /* stolpci teme se "raztopijo", da elementi sami sedejo v mrezo */
    body .page-header .hd-main-row > .header-panel-left,
    body .page-header .hd-main-row > .header-panel-middle,
    body .page-header .hd-main-row > .header-panel-right,
    body .page-header .header-panel-right .features-links.hidden-xs {
        display: contents !important;
    }

    body .page-header .nav-toggle {
        grid-area: menu;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        color: var(--sv-ink);
    }

    /* tema hamburger narise s crtami v notranjem <span> -> skrij crte, besedilo ostane bralnikom */
    body .page-header .hd-main-row .nav-toggle > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        background: none;
    }

    body .page-header .hd-main-row .nav-toggle > span::before,
    body .page-header .hd-main-row .nav-toggle > span::after {
        display: none;
    }

    body .page-header .hd-main-row .nav-toggle::before {
        content: "";
        position: static;
        width: 22px;
        height: 22px;
        background: var(--sv-ink);
        -webkit-mask: var(--sv-ic-menu) center / contain no-repeat;
        mask: var(--sv-ic-menu) center / contain no-repeat;
    }

    body .page-header .hd-main-row a.logo[class] {
        grid-area: logo;
        justify-self: start;
        width: 131px;
        height: 24px;
        margin: 0;
    }

    body .page-header .hd-main-row a.logo img {
        height: 100%;
    }

    body .page-header .features-links > li {
        display: none;
    }

    body .page-header .features-links > li.wishlist {
        grid-area: fav;
        display: block;
    }

    body .page-header .features-links #top-wishlist {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: var(--sv-ink);
    }

    body .page-header .features-links #top-wishlist .label,
    body .page-header .features-links #top-wishlist .hd-icon > * {
        display: none;
    }

    body .page-header .features-links #top-wishlist .hd-icon {
        display: block;
        width: 21px;
        height: 21px;
        background: currentColor;
        -webkit-mask: var(--sv-ic-heart) center / contain no-repeat;
        mask: var(--sv-ic-heart) center / contain no-repeat;
    }

    body .page-header #mobi_cart-wrapper {
        grid-area: cart;
        position: static;
        float: none !important;
        margin: 0;
    }

    body .page-header .mobi-cart-wrapper .action.showcart {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: var(--sv-ink);
    }

    body .page-header .mobi-cart-wrapper .action.showcart::before {
        content: "";
        width: 22px;
        height: 22px;
        background: currentColor;
        -webkit-mask: var(--sv-ic-cart) center / contain no-repeat;
        mask: var(--sv-ic-cart) center / contain no-repeat;
    }

    body .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
        top: 4px;
        right: 2px;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border: 2px solid #fff;
        border-radius: 999px;
        background: #FAB615;
        color: var(--sv-on-yellow);
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
    }

    body .page-header .mobi-cart-wrapper .action.showcart .counter.qty.empty {
        display: none;
    }

    /* iskanje: vedno odprto polje (namesto rumene lupe, ki ga sele odpre) */
    body .page-header .search-toggle.moved-to-cart {
        display: none !important;
    }

    body .page-header .header-search {
        grid-area: search;
        display: block !important;
        margin: 0 4px 0 8px;
    }

    /* tema mobilno iskanje skrije (opacity 0, visibility hidden) in ga odpre sele lupa */
    body .page-header .hd-main-row .header-search .search-form,
    body .page-header .hd-main-row .header-search .block-search,
    body .page-header .hd-main-row .header-search .block-content {
        display: block !important;
        visibility: visible;
        opacity: 1;
        transform: none;
        position: static;
        top: auto;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
    }

    body .page-header #minisearch-form-top-search {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 44px;
        padding: 0 12px;
        border: 1px solid var(--sv-line-strong);
        border-radius: var(--sv-radius);
        box-shadow: none;
        background: #fff;
    }

    body .page-header #minisearch-form-top-search::before {
        content: "";
        flex: none;
        width: 18px;
        height: 18px;
        background: var(--sv-ic-search) center / contain no-repeat;
    }

    body .page-header #minisearch-form-top-search .field.search {
        flex: 1;
        min-width: 0;
        margin: 0;
    }

    body .page-header #minisearch-form-top-search .field.search > .label,
    body .page-header #minisearch-form-top-search > .actions {
        display: none;
    }

    body .page-header #minisearch-form-top-search .control {
        margin: 0;
        padding: 0;
        border: 0;
    }

    /* Luma mobilno input skrije izven zaslona (left:-300%), dokler ne kliknes lupe */
    body .page-header #minisearch-form-top-search .control input {
        position: static;
        left: auto;
        height: 42px;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
        color: var(--sv-ink);
        font-size: 15px;
        text-overflow: ellipsis;
    }

    body .page-header #minisearch-form-top-search .control input::placeholder {
        color: transparent !important; /* splosno pravilo #605 ima !important */
        text-transform: none;
    }

    body .page-header .hd-main-row .header-search .search-form {
        box-shadow: none;
        background: transparent;
    }

    /* predloga ima mobilno krajse besedilo; placeholder (i18n) je en za vse sirine, zato
       je mobilni napis prekrit z ::after, dokler je polje prazno (bralniki berejo placeholder) */
    body .page-header #minisearch-form-top-search {
        position: relative;
    }

    body .page-header #minisearch-form-top-search:has(input:placeholder-shown)::after {
        content: "I\0161\010Dite svetila, znamke, \0161ifre\2026";
        position: absolute;
        left: 38px;
        top: 50%;
        transform: translateY(-50%);
        color: #757575;
        font-size: 15px;
        pointer-events: none;
    }

    /* rumeni pas "Nakupujte po" (kategorije) predloga nima - kategorije so v meniju (hamburger).
       POGOJ pred zdruzitvijo: kategorije dodane v glavni meni v adminu (Codazon Mega Menu). */
    body #mobi_vertcial-menu-container {
        display: none !important;
    }

    /* mobilno je prazna (meniji so v mobi_ vsebnikih), a visoka 2 px */
    body .page-header .header-bottom {
        display: none;
    }
}

/* ---------- skupni gumbi in znacke prenove (.sv-*) ---------- */
html body .sv-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 47px;
    padding: 0 24px;
    border-radius: var(--sv-radius);
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: filter .15s, transform .1s;
}

html body .sv-btn:hover,
html body .sv-btn:focus {
    text-decoration: none;
}

html body .sv-btn:active {
    transform: scale(0.98);
}

html body .sv-btn--primary,
html body .sv-btn--primary:visited,
html body .sv-btn--primary:hover {
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-weight: 700;
}

html body .sv-btn--primary:hover {
    filter: brightness(1.06);
}

html body .sv-btn--secondary,
html body .sv-btn--secondary:visited {
    padding: 0 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-weight: 500;
}

html body .sv-btn--secondary:hover {
    color: var(--sv-yellow-dark);
}

/* "Preverjeni nakupi" - zelen okvircek */
html body .sv-verified {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(63, 175, 130, 0.45);
    border-radius: var(--sv-radius);
    background: rgba(63, 175, 130, 0.08);
    color: var(--sv-ink);
    font-size: 14px;
    white-space: nowrap;
}

html body .sv-verified svg {
    flex: none;
    color: #3FAF82;
}

html body .sv-tag-sale {
    padding: 1px 5px;
    border-radius: var(--sv-radius);
    background: var(--sv-red);
    color: #fff;
    font-size: 12px;
}

/* ---------- domaca stran: hero (predloga par. 6.2) ----------
   HTML je v adminu (vsebina domace strani); izvorna kopija: .preview/blocks/home-hero.html */
html body .sv-hero {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 20px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 28px 24px 0;
    color: var(--sv-ink);
    /* predloga: osnova 16 px / normal (tema: 15 px / 1,35) */
    font-size: 16px;
    line-height: normal;
}

html body .sv-hero__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 36px;
    min-height: 460px;
    padding: 52px 48px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
}

html body .sv-hero__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

html body .sv-hero .sv-hero__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: 56px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: none;
    text-wrap: balance;
}

html body .sv-hero__lead {
    max-width: 440px;
    margin: 0;
    color: var(--sv-muted);
    font-size: 18px;
    line-height: 1.5;
    text-wrap: pretty;
}

html body .sv-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

html body .sv-hero__media {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body .sv-hero__media > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html body .sv-hero__overlay {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
}

html body .sv-hero__product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
    padding: 12px;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 31, 46, 0.12);
}

html body .sv-hero__product > img {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: var(--sv-radius);
    object-fit: cover;
}

html body .sv-hero__product-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

html body .sv-hero__product-name,
html body .sv-hero__product-name:visited {
    max-width: 180px;
    color: var(--sv-ink);
    font-size: 13px;
    line-height: 1.3;
}

html body .sv-hero__product-price {
    display: flex;
    align-items: center;
    gap: 8px;
}

html body .sv-hero__product-price b {
    font-size: 17px;
    font-weight: 600;
}

html body .sv-hero__cart,
html body .sv-hero__cart:visited,
html body .sv-hero__cart:hover {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 4px;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
}

html body .sv-hero__label {
    padding: 8px 12px;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    color: #fff;
    font-size: 13px;
}

@media (max-width: 767px) {
    html body .sv-hero {
        padding: 28px 16px 0;
    }

    html body .sv-hero__box {
        min-height: 0;
        gap: 20px;
        padding: 24px 20px;
    }

    html body .sv-verified {
        font-size: 13px;
    }

    html body .sv-hero__text {
        gap: 10px;
    }

    html body .sv-hero .sv-hero__title {
        font-size: 30px;
    }

    html body .sv-hero__lead {
        font-size: 15px;
    }

    html body .sv-hero__media {
        min-height: 260px;
    }

    /* predloga: kartica izdelka in oznaka prostora samo na namizju */
    html body .sv-hero__overlay {
        display: none;
    }
}

/* ---------- zgornji temni pas (Magento_Theme::html/sv-topbar.phtml) ---------- */
html body .sv-topbar {
    background: var(--sv-ink);
    color: #fff;
    font-size: 13px;
    line-height: 16px;
}

html body .sv-topbar__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 8px 24px;
}

html body .sv-topbar__usp {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* tema ima za li v glavi/strani svojo velikost pisave (15 px) -> eksplicitno */
html body .sv-topbar__usp > li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}

html body .sv-topbar__usp svg {
    flex: none;
    color: #FAB615;
}

html body .sv-topbar__usp b {
    font-weight: 600;
}

html body .sv-topbar__phone,
html body .sv-topbar__phone:visited,
html body .sv-topbar__phone:hover {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    text-decoration: none;
}

/* mobilno (predloga): ena sredinska vrstica "Brezplacna dostava nad 100 EUR - 14 dni za vracilo" */
@media (max-width: 767px) {
    html body .sv-topbar,
    html body .sv-topbar__usp > li {
        font-size: 12px;
        line-height: normal;
    }

    html body .sv-topbar__inner {
        justify-content: center;
        padding: 7px 12px;
    }

    html body .sv-topbar__usp {
        gap: 0;
    }

    html body .sv-topbar__usp svg,
    html body .sv-topbar__usp > li:nth-child(n+3),
    html body .sv-topbar__phone {
        display: none;
    }

    html body .sv-topbar__usp > li + li::before {
        content: "\00a0\00b7\00a0";
    }
}

/* ---------- vrstica kategorij: glavne kategorije (Codazon Mega Menu v adminu) ---------- */
:root {
    --sv-ic-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {
    body .page-header .cdz-horizontal-menu > ul.groupmenu:not(.overflow-items-container) {
        gap: 4px;
    }
}

/* pisava: meni teme ima "Mona Sans" (13 pravil + --hd-f-main v glavi); predloga povsod Inter */
body .page-header {
    --hd-f-main: 700 15px/1.35 Inter, -apple-system, "Segoe UI", sans-serif;
}

body .cdz-menu .groupmenu li.level0 > a.menu-link,
body .cdz-menu .item.level0 > a.menu-link,
body .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop,
body .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a,
body .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
}

@media (min-width: 768px) {
    /* .block-search ima obrobo 0,8 px (zgoraj+spodaj) -> vrstica glave 85 namesto 83 px */
    body .page-header .sticky-menu .hd-main-row .header-search .block-search {
        margin: 0;
        padding: 0;
        border: 0;
    }

    body .page-header .header-search .block-search > .block-title {
        display: none;
    }

    body .page-header #desk_vertcial-menu-container .menu-title::before {
        flex: none;
        margin: 0;
    }
}

/* lepljiva glava (predloga: header { position: sticky; top: 0; z-index: 30 }); zgornji temni
   pas odide z drsenjem. Codazonov JS sticky je izklopljen v web/js/themecore.js (thc.stickyMenu). */
body .page-header {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #fff;
}

/* iskalnik: tema ima na ovoju .field.search svojo obrobo (1 px #EDEDED, radij 25 px) -> bil je
   "iskalnik v iskalniku"; v predlogi je samo zunanji okvir obrazca */
body .page-header .sticky-menu .hd-main-row #minisearch-form-top-search .field.search,
body .page-header .sticky-menu .hd-main-row .header-search .block-search {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

/* ==================================================================
   DOMACA STRAN - sekcije (.sv-section): Akcije, Najbolj prodajano, Prostori ...
   Mere 1:1 iz predloge (clamp() vrednosti so iz predloge, zato veljajo pri vsaki sirini).
   ================================================================== */
:root {
    --sv-ic-heart-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 17.505 0 C 16.379 0.018 15.277 0.332 14.312 0.911 C 13.346 1.491 12.55 2.315 12.005 3.3 C 11.459 2.315 10.664 1.491 9.698 0.911 C 8.732 0.332 7.631 0.018 6.505 0 C 4.71 0.078 3.019 0.863 1.801 2.184 C 0.583 3.505 -0.063 5.255 0.005 7.05 C 0.005 11.597 4.791 16.563 8.805 19.93 C 9.701 20.683 10.834 21.096 12.005 21.096 C 13.175 21.096 14.309 20.683 15.205 19.93 C 19.219 16.563 24.005 11.597 24.005 7.05 C 24.073 5.255 23.427 3.505 22.209 2.184 C 20.991 0.863 19.3 0.078 17.505 0 Z M 13.92 18.4 C 13.384 18.851 12.706 19.099 12.005 19.099 C 11.304 19.099 10.626 18.851 10.09 18.4 C 4.952 14.089 2.005 9.953 2.005 7.05 C 1.936 5.785 2.371 4.544 3.214 3.598 C 4.057 2.652 5.24 2.077 6.505 2 C 7.77 2.077 8.952 2.652 9.795 3.598 C 10.638 4.544 11.073 5.785 11.005 7.05 C 11.005 7.315 11.11 7.57 11.298 7.757 C 11.485 7.945 11.74 8.05 12.005 8.05 C 12.27 8.05 12.524 7.945 12.712 7.757 C 12.899 7.57 13.005 7.315 13.005 7.05 C 12.936 5.785 13.371 4.544 14.214 3.598 C 15.057 2.652 16.24 2.077 17.505 2 C 18.77 2.077 19.952 2.652 20.795 3.598 C 21.638 4.544 22.073 5.785 22.005 7.05 C 22.005 9.953 19.058 14.089 13.92 18.396 L 13.92 18.4 Z' fill='black' fill-rule='nonzero' transform='matrix%281 0 0 1 -0.005 1.917%29'%3E%3C/path%3E%3C/svg%3E");
}

html body .sv-section {
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(72px, 9vw, 104px) clamp(16px, 4vw, 24px) 0;
    color: var(--sv-ink);
    font-size: 16px;
    line-height: normal;
}

html body .sv-section__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 28px;
}

html body .sv-section__titles {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html body .sv-section .sv-section__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: clamp(28px, 5.5vw, 40px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
}

html body .sv-section .sv-section__title--solo {
    margin-bottom: 28px;
}

html body .sv-section__sub {
    color: var(--sv-muted);
    font-size: 16px;
}

html body .sv-section__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

html body .sv-arrow,
html body .sv-arrow:hover,
html body .sv-arrow:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    box-shadow: none;
    color: #fff;
    transition: transform .1s, opacity .15s;
}

html body .sv-arrow:active {
    transform: scale(0.94);
}

/* telefon: namesto puscic (skrite v mobilnem delu spodaj) tanek bar pod izdelki, da se vidi, da se drsi.
   Drsnik sledi drsenju: --sv-bar (0-1) nastavi web/js/sv-carousel.js ob drsenju .sv-track.
   Brez bara: .sv-pdp-similar (Podobni izdelki na strani izdelka so na telefonu mreza, ne drsnik). */
@media (max-width: 767px) {
    html body .sv-section:not(.sv-pdp-similar) .sv-products::after {
        content: "";
        display: block;
        width: 96px;
        height: 4px;
        margin: 20px auto 0;
        border-radius: 2px;
        background: linear-gradient(var(--sv-ink), var(--sv-ink)) calc(var(--sv-bar, 0) * 100%) 0 / 40% 100% no-repeat, rgba(19, 31, 46, 0.12);
    }
}

/* drsenje s prstom: Codazon main-styles.css do 767 px (.grid.products-grid .products:not(.row) { overflow: hidden })
   bi ga izklopil */
html body .sv-section .grid.products-grid .sv-track:not(.row) {
    overflow-x: auto;
}

html body .sv-btn--more {
    padding: 0 20px;
    font-size: 15px;
}

/* ---------- drsnik izdelkov (sv-carousel.phtml) ---------- */
html body .sv-section .sv-products {
    margin: 0;
}

html body .sv-section .sv-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max(min(46vw, 240px), calc((100% - 72px) / 4));
    gap: clamp(12px, 3vw, 24px);
    margin: 0;
    padding: 0 0 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    list-style: none;
}

html body .sv-section .sv-track::-webkit-scrollbar {
    display: none;
}

/* stran izdelka (Povezani izdelki): Codazon product-view-styles.css do 767 px
   (.grid.products-grid .products:not(.row) { overflow: hidden }) bi drsniku vzel drsenje s prstom */
html body .sv-section .grid.products-grid .sv-track:not(.row) {
    overflow-x: auto;
}

/* ---------- kartica izdelka: drsniki na domaci strani (.sv-track) in seznami izdelkov (.sv-cards, list-style63.phtml) ---------- */
html body :is(.sv-track, .sv-cards) > .product-item {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
}

html body :is(.sv-track, .sv-cards) .product-item-info {
    position: relative;
    display: flex;
    flex-direction: column;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: normal;
    transition: box-shadow .2s, border-color .2s;
}

html body :is(.sv-track, .sv-cards) .product-item-info:hover {
    border-color: var(--sv-line-strong);
    box-shadow: 0 10px 28px rgba(19, 31, 46, 0.08);
}

/* slika 1:1 na sivi podlagi (mix-blend-mode: multiply "pobere" belo ozadje fotografij) */
html body :is(.sv-track, .sv-cards) .product-item-top {
    position: relative;
    margin: 0;
    padding: 0;
    aspect-ratio: 1;
    background: #F3F3F3;
}

html body :is(.sv-track, .sv-cards) .product-item-photo,
html body :is(.sv-track, .sv-cards) .product-image-container,
html body :is(.sv-track, .sv-cards) .product-image-wrapper {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 !important; /* wrapper ima inline padding-bottom: 100% */
    background: transparent;
}

html body :is(.sv-track, .sv-cards) .product-image-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    mix-blend-mode: multiply;
    opacity: 1;
    transform: none !important; /* seznam: druga slika pomanjsana na 50 % za efekt teme */
}

/* seznam (.product-list-style-63): temna plast cez sliko */
html body :is(.sv-track, .sv-cards) .product-item-photo::after {
    content: none !important;
}

/* druga slika ob prehodu z misko; seznam jo nalozi sele takrat (data-src, sv-carousel.js) */
html body :is(.sv-track, .sv-cards) .product-image-photo.hovered-img {
    display: none;
}

@media (hover: hover) {
    html body :is(.sv-track, .sv-cards) .product-image-photo {
        transition: opacity .3s ease;
    }

    html body :is(.sv-track, .sv-cards) .product-image-photo.hovered-img {
        display: block;
        opacity: 0;
    }

    html body :is(.sv-track, .sv-cards) .product-item-info:hover .hovered-img:not([src^="data:"]) {
        opacity: 1;
    }

    html body :is(.sv-track, .sv-cards) .product-item-info:hover .main-img:has(+ .hovered-img:not([src^="data:"])) {
        opacity: 0;
    }
}

/* srcek (priljubljeni) desno zgoraj, ostali gumbi teme (hitri nakup, primerjava) ne */
html body :is(.sv-track, .sv-cards) .i-btn-grp {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: block;
    margin: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
}

html body :is(.sv-track, .sv-cards) .i-btn-grp > :not(.towishlist) {
    display: none !important;
}

html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist {
    display: flex !important; /* sicer inline-block -> 6 px zamika (osnovna crta) */
    align-items: center;
    justify-content: center;
    width: 44px !important; /* seznam (main-styles): .product-list-style-63 .product-item[class] .action.towishlist { var(--ic-w) } */
    height: 44px !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine) !important; /* seznam: senca pod .product-list-style-63 .product-item[class] .action.towishlist */
    color: var(--sv-on-yellow);
    font-size: 0;
    transition: filter .15s, transform .1s;
}

/* seznam: .product-list-style-63 .product-item[class] .action.towishlist { background: #F8B618 !important } (0,5,0) */
html body :is(.sv-track, .sv-cards) .product-item .i-btn-grp .action.towishlist {
    background: var(--sv-grad) !important;
}

html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist:hover {
    filter: brightness(1.06);
}

html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist > span {
    display: none;
}

html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    background: currentColor;
    color: inherit !important; /* tema: siva #7D7D7D (.actions-secondary > .action::before, tudi z !important) */
    font-size: 0;
    -webkit-mask: var(--sv-ic-heart-line) center / contain no-repeat;
    mask: var(--sv-ic-heart-line) center / contain no-repeat;
}

/* starejse pravilo (.action.towishlist:hover:before { background: none !important }) bi skrilo
   ikono, ki je narisana z ozadjem skozi masko */
html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist:hover::before {
    background: currentColor !important;
}

/* oznaka "Razstavni eksponat" (OptiModules_Odprodaja, v bloku cene) -> levo zgoraj na sliki.
   Tema (#601) jo oblikuje z !important pod .product-item .price-container .odprodaja-showroom--card */
html body :is(.sv-track, .sv-cards) .product-item .price-container .odprodaja-showroom.odprodaja-showroom--card {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 2 !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border-radius: var(--sv-radius) !important;
    background: var(--sv-ink) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

/* besedilni del */
html body :is(.sv-track, .sv-cards) .product-item-details {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: clamp(8px, 2.5vw, 14px);
    min-height: 0 !important; /* Codazon JS izenacuje visine z inline min-height */
    margin: 0;
    padding: clamp(10px, 3vw, 16px);
    text-align: left;
}

html body :is(.sv-track, .sv-cards) .i-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: clamp(8px, 2.5vw, 14px);
    margin: 0;
    padding: 0;
}

html body :is(.sv-track, .sv-cards) .product-item .price-box {
    display: block;
    margin: 0;
    padding: 0;
}

html body :is(.sv-track, .sv-cards) .price-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* tema: .product-item .price-container .price-wrapper .price { 19px / 1.1 / 700 !important } */
html body :is(.sv-track, .sv-cards) .product-item .price-container .price-wrapper .price {
    color: var(--sv-ink);
    font-size: clamp(18px, 4.6vw, 24px) !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* rdeca znacka: "-35 %" + precrtana stara cena */
html body :is(.sv-track, .sv-cards) .product-item .price-container .price-discount-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 3px 8px !important; /* tema: padding 0 8px / line-height 1 !important */
    border-radius: var(--sv-radius) !important;
    background: var(--sv-red) !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: normal !important;
    white-space: nowrap;
}

html body :is(.sv-track, .sv-cards) .price-discount-badge {
    margin: 0;
    padding: 0;
    background: none;
    color: inherit;
    font: inherit;
}

html body :is(.sv-track, .sv-cards) .product-item .price-container .price-discount-summary .old-price,
html body :is(.sv-track, .sv-cards) .product-item .price-container .price-discount-summary .old-price .price {
    margin: 0;
    color: #fff;
    font-size: 15px !important;
    font-weight: 500;
    line-height: normal !important;
    text-decoration: line-through;
}

/* predloga na kartici nima "Samo se 1 kos ..." in obrocnega placila (Leanpay) - vidna sta na strani izdelka */
html body :is(.sv-track, .sv-cards) .odprodaja-last,
html body :is(.sv-track, .sv-cards) .price-installment_price {
    display: none;
}

html body :is(.sv-track, .sv-cards) .product-item-name {
    flex: 1;
    margin: 0;
    font-size: clamp(13px, 3.6vw, 16px);
    font-weight: 400;
    line-height: 1.4;
}

html body :is(.sv-track, .sv-cards) .product-item-name .product-item-link,
html body :is(.sv-track, .sv-cards) .product-item-name .product-item-link:visited {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    color: var(--sv-ink);
    font: inherit;
    text-wrap: pretty;
}

html body :is(.sv-track, .sv-cards) .product-item-name .product-item-link:hover {
    color: var(--sv-yellow-dark);
}

/* gumb "Dodaj v kosarico" */
html body :is(.sv-track, .sv-cards) .i-actions,
html body :is(.sv-track, .sv-cards) .i-actions,
html body :is(.sv-track, .sv-cards) .i-btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 47px;
    margin: 8px 0 0 !important; /* starejse pravilo: .product-item .i-btn .action.tocart { margin: 0 !important } */
    padding: 0 8px !important; /* starejse pravilo: .product-list-style-63 .action.primary { padding 40/32 px !important } */
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad) !important; /* tema (#601/#605): rumena barva + temen tekst z !important */
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow) !important;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    white-space: nowrap;
    transition: filter .15s, transform .1s;
}

html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart:hover {
    filter: brightness(1.06);
}

html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart:active {
    transform: scale(0.98);
}

html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart::before {
    content: "" !important; /* seznam (.product-list-style-63 .action.primary::before): ikona CodazonFont z !important + odmik */
    flex: none;
    padding: 0 !important;
    width: 19px;
    height: 19px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-cart) center / contain no-repeat;
    mask: var(--sv-ic-cart) center / contain no-repeat;
}

/* splosno pravilo #605 (.product-item .i-btn .action.tocart span) ima !important temno barvo */
html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart span {
    color: inherit !important;
    font: inherit !important;
}

/* ni na zalogi (.disabled.unavailable): tema doda opacity 0,5 -> zbledel rumen gumb. Nevtralen gumb z rdeco
   piko (predloga: stanje zaloge "Ni na zalogi" #EF4444), brez ikone kosarice */
html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart.unavailable {
    background: #F5F5F5 !important;
    box-shadow: inset 0 0 0 1px var(--sv-line);
    color: var(--sv-muted) !important;
    font-weight: 500;
    opacity: 1;
    filter: none;
    cursor: not-allowed;
    padding: 0 8px !important; /* staro pravilo .stock (oznaka zaloge na strani izdelka): levi odmik 36 px za piko */
}

/* .stock::before/::after (z !important): utripajoc obrocek + pika z absolutno postavitvijo */
html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart.unavailable::before {
    position: static !important;
    transform: none !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--sv-red);
    -webkit-mask: none;
    mask: none;
    animation: none !important;
}

html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart.unavailable::after {
    content: none !important;
}

/* ---------- Nakupujte po prostoru ---------- */
html body .sv-rooms {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(44%, 260px), 1fr));
    gap: clamp(12px, 3vw, 20px);
}

html body .sv-room,
html body .sv-room:visited,
html body .sv-room:hover {
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
    color: var(--sv-ink);
    text-decoration: none;
}

html body .sv-room > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html body .sv-room__label {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border-radius: var(--sv-radius);
    background: #fff;
}

html body .sv-room__name {
    min-width: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

html body .sv-room__btn {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    color: #fff;
}

/* ---------- mobilno (predloga: < 760 px) ---------- */
@media (max-width: 767px) {
    /* puscice samo na namizju (mobilno: poteg s prstom) */
    html body .sv-arrow {
        display: none;
    }

    html body :is(.sv-track, .sv-cards) .i-btn-grp {
        top: 8px;
    }

    html body :is(.sv-track, .sv-cards) .i-btn-grp {
        right: 8px;
    }

    html body :is(.sv-track, .sv-cards) .i-btn-grp .towishlist {
        width: 34px !important;
        height: 34px !important;
    }

    /* predloga mobilno: "Eksponat" (11 px) namesto "Razstavni eksponat" */
    html body :is(.sv-track, .sv-cards) .product-item .price-container .odprodaja-showroom.odprodaja-showroom--card {
        top: 8px !important;
        left: 8px !important;
        padding: 3px 6px !important;
        font-size: 0 !important;
    }

    html body :is(.sv-track, .sv-cards) .product-item .price-container .odprodaja-showroom.odprodaja-showroom--card::after {
        content: "Eksponat";
        font-size: 11px;
    }

    /* predloga mobilno: gumb 40 px, "V kosarico" (14 px) */
    html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart {
        height: 40px;
        font-size: 14px;
    }

    /* starejse pravilo: .product-list-style-63 .action.primary span { display: block !important } */
    html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart span {
        display: none !important;
    }

    html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart::after {
        content: "V ko\0161 arico"; /* presledek konca ubezni zapis (a je hex) */
    }

    /* ni na zalogi: ostane besedilo gumba, ne "V kosarico" */
    html body :is(.sv-track, .sv-cards) .product-item .i-btn .action.tocart.unavailable span {
        display: inline !important;
    }

    html body .sv-room__label {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 8px 8px 8px 10px;
    }

    html body .sv-room__name {
        font-size: 14px;
    }

    html body .sv-room__btn {
        width: 26px;
        height: 26px;
    }
}

/* ---------- Zaupanje (ocena, mnenja, razlogi) ---------- */
html body .sv-trust {
    margin-top: clamp(72px, 9vw, 104px);
    background: #FEF7E6;
    color: var(--sv-ink);
    font-size: 16px;
    line-height: normal;
}

html body .sv-trust__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(44px, 9vw, 80px) clamp(16px, 4vw, 24px);
}

html body .sv-trust__intro {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0; /* naslov v eni vrstici (predloga: max 640 px za cel uvod -> dve vrstici); 640 px ostane besedilu */
}

html body .sv-pill-green {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 6px 12px;
    border-radius: var(--sv-radius);
    background: #3FAF82;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

html body .sv-pill-green svg {
    flex: none;
}

html body .sv-trust .sv-trust__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-wrap: balance;
}

html body .sv-trust__lead {
    margin: 0;
    color: #4A5160;
    max-width: 640px;
    font-size: 17px;
    line-height: 1.5;
    text-wrap: pretty;
}

html body .sv-reviews {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 20px;
}

html body .sv-review {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 28px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    scroll-snap-align: start;
}

html body .sv-review--score {
    gap: 20px;
}

html body .sv-score {
    display: flex;
    align-items: flex-end;
    gap: 14px;
}

html body .sv-score__num {
    font-size: 64px;
    font-weight: 600;
    line-height: 0.9;
    letter-spacing: -0.02em;
}

html body .sv-score__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 4px;
}

html body .sv-stars {
    color: #FAB615;
    font-size: 15px;
    letter-spacing: 1px;
}

html body .sv-stars__half {
    opacity: 0.5;
}

html body .sv-score__count {
    color: var(--sv-muted);
    font-size: 13px;
}

html body .sv-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html body .sv-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

html body .sv-bar__n {
    width: 10px;
}

html body .sv-bar__star {
    color: #FAB615;
}

html body .sv-bar__track {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body .sv-bar__track > span {
    display: block;
    height: 100%;
    border-radius: var(--sv-radius);
    background: #FAB615;
}

html body .sv-score__foot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--sv-line);
}

html body .sv-avatars {
    display: flex;
    flex: none;
}

/* tema: img { max-width: 100% } -> ovoj se je skrcil in avatarji so se prekrivali */
html body .sv-avatars img {
    flex: none;
    width: 34px;
    max-width: none;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 50%;
    object-fit: cover;
}

html body .sv-avatars img + img {
    margin-left: -9px;
}

html body .sv-score__note {
    font-size: 14px;
    line-height: 1.35;
}

html body .sv-score__note b {
    font-weight: 600;
}

html body .sv-review__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

html body .sv-review__verified {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #3FAF82;
    font-size: 12px;
    font-weight: 500;
}

html body .sv-review__verified svg {
    flex: none;
}

html body .sv-review__text {
    flex: 1;
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    text-wrap: pretty;
}

html body .sv-review__product {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body .sv-review__thumb {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: var(--sv-radius);
    background: #fff center / contain no-repeat;
}

html body .sv-review__pname {
    color: #4A5160;
    font-size: 13px;
    line-height: 1.3;
}

html body .sv-review__author {
    display: flex;
    align-items: center;
    gap: 10px;
}

html body .sv-review__avatar {
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--sv-ink) center / cover no-repeat;
}

html body .sv-review__who {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

html body .sv-review__who b {
    font-size: 14px;
    font-weight: 600;
}

html body .sv-review__who span {
    color: var(--sv-muted);
    font-size: 12px;
}

html body .sv-reasons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(44%, 260px), 1fr));
    gap: 20px;
}

html body .sv-reason {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    padding: 0;
    border-radius: var(--sv-radius);
    background: transparent;
    color: var(--sv-yellow-dark);
}

html body .sv-reason__icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--sv-radius);
    background: #fff;
}

html body .sv-reason__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--sv-ink);
}

html body .sv-reason__text b {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

html body .sv-reason__text span {
    color: #4A5160;
    font-size: 14px;
    line-height: 1.45;
}

html body .sv-reason__text a,
html body .sv-reason__text a:visited {
    color: var(--sv-ink);
    font-weight: 600;
}

/* ---------- Navdih za vas dom: uradni Instagram embed, obrezan na sam video (kartica 9:16) ---------- */
html body .sv-videos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(44%, 220px), 1fr));
    gap: 12px;
}

html body .sv-video {
    --sv-ig-top: 54px; /* visina glave embeda (profil, "View profile"); popravi, ce Instagram spremeni embed */
    position: relative;
    display: block;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    container-type: inline-size;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    scroll-snap-align: start;
}

/* embed.js zamenja blockquote z iframe (inline: min-width 326px, obroba, margin). Reel 9:16 je v embedu
   na sredini okvirja 4:5 (sirina videa = 9/16 / 4/5 = 70,3 % sirine): iframe, sirok 1/0,703 = 142,22 % kartice,
   zapolni kartico 9:16 brez obrezovanja; glava je nad kartico, vseckov in komentarjev pod njo ne vidimo.
   Brez transform: scale - v pomanjsanem iframu se na telefonu (iPhone) video ob dotiku ni predvajal. */
html body .sv-video > iframe.instagram-media {
    position: absolute;
    top: calc(var(--sv-ig-top) * -1);
    left: -21.11cqw; /* (1,4222 - 1) / 2 */
    width: 142.22cqw !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* dokler se embed.js ne nalozi: povezava na objavo */
html body .sv-video > blockquote.instagram-media {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 16px;
    font-size: 14px;
    text-align: center;
}

html body .sv-video > blockquote.instagram-media a {
    color: #fff;
}

/* lastni video (MP4 na CDN, povezava je v vsebini Navdiha) namesto Instagram embeda - predvaja se v kartici na vseh napravah
   (Instagram na iPhonu v embedu ne da predvajalnika, samo sliko s povezavo). Gumb: web/js/sv-carousel.js */
html body .sv-video > video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--sv-ink);
}

html body .sv-video__play,
html body .sv-video__play:hover,
html body .sv-video__play:focus {
    position: absolute;
    inset: 0;
    width: 64px;
    height: 64px;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.5-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5Z' fill='%23131F2E'/%3E%3C/svg%3E") center / 26px no-repeat;
    box-shadow: 0 10px 28px rgba(19, 31, 46, 0.2);
    cursor: pointer;
    transition: transform .15s, opacity .2s;
}

html body .sv-video__play:hover {
    transform: scale(1.06);
}

html body .sv-video:has(> video) {
    cursor: pointer;
}

/* med predvajanjem: gumb na sredini je "ustavi" - skrit, viden ob prehodu z misko ali fokusu s tipkovnico
   (na telefonu dotik kjer koli na kartici ustavi video) */
html body .sv-video.is-playing .sv-video__play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1' fill='%23131F2E'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1' fill='%23131F2E'/%3E%3C/svg%3E");
    opacity: 0;
}

html body .sv-video.is-playing .sv-video__play:focus-visible {
    opacity: 1;
}

@media (hover: hover) {
    html body .sv-video.is-playing:hover .sv-video__play {
        opacity: 1;
    }
}

/* zvok vklop/izklop v spodnjem desnem kotu */
html body .sv-video__sound,
html body .sv-video__sound:hover,
html body .sv-video__sound:focus {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(19, 31, 46, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    color: #fff;
    cursor: pointer;
}

html body .sv-video__sound::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z' fill='black'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z' fill='black'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E") center / contain no-repeat;
}

html body .sv-video.is-muted .sv-video__sound::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z' fill='black'/%3E%3Cpath d='m16 9 5 6'/%3E%3Cpath d='m21 9-5 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5Z' fill='black'/%3E%3Cpath d='m16 9 5 6'/%3E%3Cpath d='m21 9-5 6'/%3E%3C/svg%3E");
}

html body .sv-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px 24px;
    margin-top: 28px;
    padding: 20px clamp(16px, 4vw, 24px);
    border-radius: var(--sv-radius);
    background: #FFFBF0;
}

html body .sv-social__text {
    font-size: 16px;
    font-weight: 500;
}

html body .sv-social__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

html body .sv-social__btn,
html body .sv-social__btn:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 47px;
    height: 47px;
    padding: 0 18px;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

html body .sv-social__btn:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    color: var(--sv-ink);
    text-decoration: none;
}

/* ---------- Nasveti (Magefan_Blog::widget/sv-recent.phtml) ---------- */
html body .sv-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 24px;
}

html body .sv-post,
html body .sv-post:visited,
html body .sv-post:hover {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    color: var(--sv-ink);
    text-decoration: none;
    scroll-snap-align: start;
}

html body .sv-post:hover {
    border-color: #FAB615;
}

html body .sv-post__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: #F3F3F3 center / cover no-repeat;
}

html body .sv-post__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
}

html body .sv-post__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    color: var(--sv-muted);
    font-size: 12px;
}

html body .sv-post__cat {
    padding: 3px 8px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
    box-shadow: inset 0 0 0 1px rgba(250, 182, 21, 0.5);
    color: var(--sv-ink);
    font-weight: 600;
    white-space: nowrap;
}

html body .sv-post__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-wrap: pretty;
}

html body .sv-post__more {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
}

/* ---------- Prednosti ---------- */
html body .sv-perks {
    margin-top: clamp(72px, 9vw, 104px);
    background: #F3F3F3;
    color: var(--sv-ink);
    line-height: normal;
}

/* pas na kategoriji, izdelku, nasvetih in zahvali je v page.bottom.container (.page-bottom): tema mu da margin
   auto in odmik 10 px, v stolpcu flex .page-wrapper se zato skrci na sirino vsebine - pas cez celo stran */
html body .page-bottom:has(> .sv-perks) {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

html body .sv-perks__inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 32px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(31px, 9vw, 56px) clamp(16px, 4vw, 24px);
}

html body .sv-perk {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

html body .sv-perk svg {
    margin-bottom: 8px;
    color: #FAB615;
}

html body .sv-perk b {
    font-size: 20px;
    font-weight: 700;
}

html body .sv-perk span {
    font-size: 18px;
}

/* ---------- mobilno: vodoravni drsniki do roba (predloga: margin 0 -16px; padding 0 16px) ---------- */
@media (max-width: 767px) {
    html body .sv-reviews,
    html body .sv-videos,
    html body .sv-posts {
        grid-template-columns: none;
        grid-auto-flow: column;
        gap: 12px;
        margin: 0 -16px;
        padding: 0 16px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 0 16px; /* sicer se prva kartica pripne na rob zaslona (tudi v predlogi), ne na rob vsebine */
        scrollbar-width: none;
    }

    html body .sv-reviews::-webkit-scrollbar,
    html body .sv-videos::-webkit-scrollbar,
    html body .sv-posts::-webkit-scrollbar {
        display: none;
    }

    html body .sv-reviews {
        grid-auto-columns: 85%;
    }

    html body .sv-videos {
        grid-auto-columns: 62%;
    }

    html body .sv-posts {
        grid-auto-columns: 80%;
    }

    html body .sv-review {
        padding: 20px;
    }

    html body .sv-reasons {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    html body .sv-reason {
        flex-direction: column;
        gap: 10px;
        padding: 14px;
        background: #fff;
    }

    html body .sv-reason__icon {
        width: 40px;
        height: 40px;
    }

    html body .sv-reason__text b {
        font-size: 14px;
    }

    html body .sv-reason__text span {
        font-size: 13px;
    }

    /* predloga mobilno: samo ikone omrezij */
    html body .sv-social__btn {
        padding: 0;
    }

    html body .sv-social__btn > span {
        display: none;
    }
}

/* ==================================================================
   NOGA (.sv-footer; vsebina v adminu - Codazon footer-style-57)
   ================================================================== */
:root {
    --sv-ic-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C5C5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

html body .page-footer {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
}

html body .sv-footer {
    background: #fff;
    color: var(--sv-ink);
    font-size: 16px;
    line-height: normal;
}

/* tema povezavam v nogi doloci svojo velikost pisave -> podedujejo (13 px / 1,5 kot predloga) */
html body .sv-footer a,
html body .sv-footer a:visited {
    color: var(--sv-ink);
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}

html body .sv-footer a:hover {
    color: var(--sv-yellow-dark);
    text-decoration: none;
}

html body .sv-footer__top {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    align-items: end;
    gap: 32px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(26px, 9vw, 48px) clamp(16px, 4vw, 24px);
    border-bottom: 1px solid var(--sv-line);
}

html body .sv-footer__brand {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

html body .sv-footer__brand img {
    align-self: flex-start;
    width: auto;
    max-width: none;
    height: 28px;
}

html body .sv-footer__brand p {
    margin: 0;
    color: var(--sv-muted);
    font-size: 14px;
    line-height: 1.5;
}

html body .sv-footer__news {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

html body .sv-footer__news-title {
    font-size: 16px;
    font-weight: 600;
}

html body .sv-footer__news-text {
    color: var(--sv-muted);
    font-size: 13px;
}

/* okvir obrazca po predlogi; v njem je obrazec Klaviyo (vgrajeni slogi -> !important) */
html body .sv-footer__form {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 47px;
    padding: 4px 4px 4px 14px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
}

html body .sv-footer__form::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--sv-ic-mail) center / contain no-repeat;
}

/* v ovoju Klaviyo je pred obrazcem &nbsp; -> lastna vrstica, ki obrazec potisne 10 px navzdol */
html body .sv-footer__form > [class*="klaviyo-form-"] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    font-size: 0;
    line-height: 0;
}

html body .sv-footer__form > [class*="klaviyo-form-"] > div {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

html body .sv-footer__form form.klaviyo-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
}

html body .sv-footer__form form.klaviyo-form div {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html body .sv-footer__form form.klaviyo-form > div,
html body .sv-footer__form form.klaviyo-form > div > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .sv-footer__form form.klaviyo-form > div > div > div:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

html body .sv-footer__form form.klaviyo-form > div > div > div:last-child {
    flex: none !important;
    width: auto !important;
}

html body .sv-footer__form form.klaviyo-form input[type="email"] {
    width: 100% !important;
    height: 37px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--sv-ink) !important;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
}

html body .sv-footer__form form.klaviyo-form input[type="email"]::placeholder {
    color: #757575 !important;
}

html body .sv-footer__form form.klaviyo-form button.klaviyo-form-button {
    width: auto !important;
    height: 37px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: var(--sv-radius) !important;
    background: var(--sv-grad) !important;
    box-shadow: var(--sv-btn-shine) !important;
    color: var(--sv-on-yellow) !important;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    white-space: nowrap !important;
}

/* stolpci */
html body .sv-footer__cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 32px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 40px clamp(16px, 4vw, 24px);
    font-size: 13px;
    line-height: 1.5;
}

html body .sv-footer__col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html body .sv-footer__col--contact {
    gap: 14px;
}

html body .sv-footer__col--links {
    gap: 8px;
}

html body .sv-footer__h {
    font-size: 14px;
    font-weight: 600;
}

html body .sv-footer__col--links .sv-footer__h {
    margin-bottom: 6px;
}

html body .sv-footer__col b {
    font-weight: 600;
}

/* tema mobilno odstavkom doloci vecjo pisavo -> podedujejo 13 px / 1,5 */
html body .sv-footer__col p {
    margin: 0;
    color: var(--sv-muted);
    font-size: inherit;
    line-height: inherit;
}

/* placilne kartice: en SVG z vsemi znakami (pay.svg, 8 x 50 enot), izrez z background-position */
html body .sv-pays {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 62px));
    gap: 10px;
}

html body .sv-pay {
    display: block;
    aspect-ratio: 43.4 / 27.5;
    background: url(../images/sv/pay.svg) no-repeat;
    background-size: 907.83% 100%; /* 394 / 43.4 */
    background-position: calc(var(--i) * 14.2613%) 0; /* 50 / 43.4 / (9.0783 - 1) */
}

/* spodnja vrstica */
html body .sv-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 20px clamp(16px, 4vw, 24px) 32px;
    border-top: 1px solid var(--sv-line);
    font-size: 13px;
}

html body .sv-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

html body .sv-footer__social a {
    padding: 4px 12px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
}

/* gumb "na vrh" (Codazon #back-top) predloga nima */
body #back-top {
    display: none !important;
}

/* ---------- mega meni (web/js/sv-megamenu.js; predloga: <nav> + spustna plosca 460 px) ---------- */
:root {
    --sv-ic-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6 6 18'/%3E%3C/svg%3E");
}

@keyframes svDrop {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: none; }
}

.sv-mega[hidden],
.sv-mega-overlay[hidden] {
    display: none !important;
}

.sv-mega-overlay {
    position: fixed;
    inset: 0;
    z-index: 25;
    background: rgba(19, 31, 46, 0.25);
}

@media (min-width: 768px) {
    body .page-header .header-bottom {
        position: relative;
    }

    /* Codazonov spustni seznam "Vse kategorije" ostane samo kot vir podatkov za mega meni */
    body .page-header #desk_vertcial-menu-container .menu-container {
        display: none !important;
    }

    body .page-header #desk_vertcial-menu-container .menu-title.sv-on {
        background: var(--sv-yellow-dark);
    }

    body .page-header #desk_vertcial-menu-container .menu-title.sv-on::before {
        -webkit-mask-image: var(--sv-ic-x);
        mask-image: var(--sv-ic-x);
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0.sv-mega-item > a.menu-link::after {
        content: "";
        flex: none;
        width: 15px;
        height: 15px;
        margin: 0;
        background: currentColor;
        opacity: 0.55;
        -webkit-mask: var(--sv-ic-chev) center / contain no-repeat;
        mask: var(--sv-ic-chev) center / contain no-repeat;
        transition: transform .15s;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0.sv-on > a.menu-link {
        background: #FFFBF0;
        box-shadow: inset 0 -2px 0 #FAB615;
        font-weight: 600;
    }

    body .page-header .cdz-horizontal-menu .groupmenu > li.level0.sv-on > a.menu-link::after {
        transform: rotate(180deg);
    }
}

.sv-mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid var(--sv-line);
    box-shadow: 0 24px 40px rgba(19, 31, 46, 0.14);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    text-align: left;
    animation: svDrop .18s ease-out;
}

.sv-mega__in {
    display: flex;
    gap: 32px;
    box-sizing: border-box;
    max-width: var(--sv-wrap);
    height: 460px;
    margin: 0 auto;
    padding: 28px clamp(16px, 4vw, 24px);
}

.sv-mega__list {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 2px;
    width: 250px;
    padding-right: 20px;
    border-right: 1px solid var(--sv-line);
    overflow-y: auto;
}

html body .sv-mega a {
    color: var(--sv-ink);
    text-decoration: none;
}

html body .sv-mega a.sv-mega__cat {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 44px;
    padding: 0 12px;
    border-radius: var(--sv-radius);
    font-size: 15px;
    font-weight: 400;
}

html body .sv-mega a.sv-mega__cat.is-on {
    background: #FFFBF0;
    font-weight: 600;
}

.sv-mega__cat > span,
.sv-mega__chev {
    display: flex;
    opacity: 0.6;
}

.sv-mega__chev {
    opacity: 0.4;
}

.sv-mega__main {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    min-height: 0;
}

.sv-mega__head {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.sv-mega__title {
    font-size: 24px;
    font-weight: 500;
}

html body .sv-mega a.sv-mega__all {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    border-radius: var(--sv-radius);
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

html body .sv-mega a.sv-mega__all:hover,
html body .sv-mega a.sv-mega__pname:hover {
    color: var(--sv-yellow-dark);
}

.sv-mega__subs {
    display: grid;
    flex: 1;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-auto-rows: 70px;
    align-content: start;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
}

html body .sv-mega a.sv-mega__sub {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px 8px 8px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    font-size: 14px;
    font-weight: 500;
}

html body .sv-mega a.sv-mega__sub:hover {
    border-color: #FAB615;
    background: #FFFBF0;
}

.sv-mega__img {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: var(--sv-radius);
    background: #F3F3F3 center / cover no-repeat;
}

.sv-mega__name {
    flex: 1;
    min-width: 0;
    line-height: 1.3;
}

.sv-mega__side {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 12px;
    width: 270px;
}

.sv-mega__label {
    color: var(--sv-muted);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sv-mega__pick {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
}

.sv-mega__off {
    align-self: flex-start;
    padding: 2px 6px;
    border-radius: var(--sv-radius);
    background: var(--sv-red);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.sv-mega__pimg {
    width: 100%;
    height: 170px;
    background: center / contain no-repeat;
    mix-blend-mode: multiply;
}

html body .sv-mega a.sv-mega__pname {
    font-size: 14px;
    line-height: 1.3;
}

.sv-mega__price {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sv-mega__price b {
    font-size: 20px;
    font-weight: 600;
}

.sv-mega__price s {
    color: var(--sv-muted);
    font-size: 13px;
}

html body .sv-mega button.sv-mega__add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    cursor: pointer;
    transition: filter .15s, transform .1s;
}

html body .sv-mega button.sv-mega__add::before {
    content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-cart) center / contain no-repeat;
    mask: var(--sv-ic-cart) center / contain no-repeat;
}

html body .sv-mega button.sv-mega__add:hover {
    filter: brightness(1.06);
}

html body .sv-mega button.sv-mega__add:active {
    transform: scale(0.98);
}

/* ---------- kosarica (Codazon #cdz-sidebar-minicart; predloga: <aside> 472 px z desne) ---------- */
:root {
    --sv-ic-x-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 23.707 0.293 C 23.519 0.105 23.265 0 23 0 C 22.735 0 22.48 0.105 22.293 0.293 L 12 10.586 L 1.707 0.293 C 1.519 0.105 1.265 0 1 0 C 0.735 0 0.48 0.105 0.293 0.293 L 0.293 0.293 C 0.105 0.48 0 0.735 0 1 C 0 1.265 0.105 1.519 0.293 1.707 L 10.586 12 L 0.293 22.293 C 0.105 22.48 0 22.735 0 23 C 0 23.265 0.105 23.519 0.293 23.707 L 0.293 23.707 C 0.48 23.894 0.735 24 1 24 C 1.265 24 1.519 23.894 1.707 23.707 L 12 13.414 L 22.293 23.707 C 22.48 23.894 22.735 24 23 24 C 23.265 24 23.519 23.894 23.707 23.707 C 23.894 23.519 24 23.265 24 23 C 24 22.735 23.894 22.48 23.707 22.293 L 13.414 12 L 23.707 1.707 C 23.894 1.519 24 1.265 24 1 C 24 0.735 23.894 0.48 23.707 0.293 L 23.707 0.293 Z'/%3E%3C/svg%3E");
    --sv-ic-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEA700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2'/%3E%3Cpath d='M9 2h6'/%3E%3C/svg%3E");
    --sv-ic-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
    --sv-ic-arrow-back: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 6-6 6 6 6'/%3E%3C/svg%3E");
}

html body #cdz-sidebar-minicart {
    width: min(472px, 100%);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    transition: transform .32s cubic-bezier(.2, .8, .2, 1);
}

html body #cdz-sidebar-minicart.opened {
    box-shadow: 0 0 27.1px rgba(0, 0, 0, 0.2);
}

html body #cdz-sidebar-minicart .cdz-backface {
    background: rgba(255, 255, 255, 0.61);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: opacity .2s;
}

html body #cdz-sidebar-minicart .sidebar-cart-inner {
    height: 100%;
}

/* ena stolpicna postavitev, kot <aside>: padding 28, gap 20, drsi celota */
html body #cdz-sidebar-minicart .block-minicartpro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    height: 100%;
    padding: 28px;
    overflow-y: auto;
}

html body #cdz-sidebar-minicart #minicartpro-content-wrapper,
html body #cdz-sidebar-minicart .cart-flyout__content {
    display: contents;
}

html body #cdz-sidebar-minicart .cart-flyout__header {
    padding: 0;
}

html body #cdz-sidebar-minicart .cart-flyout__title {
    color: var(--sv-ink);
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
}

/* predloga nima krizca (zapre "Nadaljuj z nakupovanjem" ali klik ob strani) */
html body #cdz-sidebar-minicart .cart-flyout__close {
    display: none;
}

html body #cdz-sidebar-minicart .cart-flyout__reserve {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 47px;
    box-sizing: border-box;
    padding: 10px 14px;
    border: 0;
    border-radius: var(--sv-radius);
    background: linear-gradient(90deg, rgba(250, 182, 21, 0.1) 0%, rgba(238, 167, 0, 0.1) 100%);
    color: var(--sv-ink);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

html body #cdz-sidebar-minicart .cart-flyout__reserve:empty {
    display: none;
}

html body #cdz-sidebar-minicart .sv-reserve-icon {
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--sv-ic-clock) center / contain no-repeat;
    font-size: 0;
}

html body #cdz-sidebar-minicart .cart-flyout__items-wrapper {
    flex: none;
    height: auto !important; /* Magento sidebar nastavi visino seznama */
    overflow: visible;
}

html body #cdz-sidebar-minicart .cart-flyout__items {
    gap: 20px;
}

html body #cdz-sidebar-minicart .cart-flyout__item-card {
    display: grid;
    grid-template-columns: 83px minmax(0, 1fr) auto;
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 12px;
    padding: 0 0 20px;
    border: 0;
    border-bottom: 1px solid var(--sv-line);
    border-radius: 0;
    background: none;
}

html body #cdz-sidebar-minicart .cart-flyout__item-main,
html body #cdz-sidebar-minicart .cart-flyout__item-side {
    display: contents;
}

html body #cdz-sidebar-minicart .cart-flyout__item-media {
    grid-row: 1 / 3;
    grid-column: 1;
}

html body #cdz-sidebar-minicart .cart-flyout__item-media .product-item-photo {
    width: 83px;
}

html body #cdz-sidebar-minicart .cart-flyout__item-media .product-image-wrapper {
    border: 0;
    border-radius: var(--sv-radius);
    outline: 1px solid #BCBCBC;
    outline-offset: -1px;
}

html body #cdz-sidebar-minicart .cart-flyout__item-media .product-image-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

/* ime cez oba stolpca, krizec (20 px + gap 8) lezi desno nad njim */
html body #cdz-sidebar-minicart .cart-flyout__item-name {
    grid-row: 1;
    grid-column: 2 / 4;
    padding-right: 28px;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}

html body #cdz-sidebar-minicart .cart-flyout__item-options {
    grid-row: 2;
    grid-column: 2 / 4;
}

html body #cdz-sidebar-minicart .cart-flyout__item-remove {
    grid-row: 1;
    grid-column: 3;
    justify-self: end;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
}

html body #cdz-sidebar-minicart .cart-flyout__item-remove span[aria-hidden="true"] {
    width: 9px !important;
    height: 9px !important;
    background: currentColor;
    font-size: 0 !important;
    -webkit-mask: var(--sv-ic-x-bold) center / contain no-repeat;
    mask: var(--sv-ic-x-bold) center / contain no-repeat;
}

html body #cdz-sidebar-minicart .cart-flyout__item-qty {
    grid-row: 2;
    grid-column: 2;
    gap: 4px;
}

/* izbrane moznosti (barva ...) v 2. vrstici, kolicina in cena v 3. */
html body #cdz-sidebar-minicart .cart-flyout__item-card:has(.cart-flyout__item-options) .cart-flyout__item-qty,
html body #cdz-sidebar-minicart .cart-flyout__item-card:has(.cart-flyout__item-options) .cart-flyout__item-pricing {
    grid-row: 3;
}

html body #cdz-sidebar-minicart .cart-flyout__step,
html body #cdz-sidebar-minicart .cart-flyout__item-qty .item-qty {
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
}

html body #cdz-sidebar-minicart .cart-flyout__step {
    cursor: pointer;
}

html body #cdz-sidebar-minicart .cart-flyout__item-qty .item-qty {
    font-size: 15px;
}

html body #cdz-sidebar-minicart .cart-flyout__item-pricing {
    display: flex;
    align-items: center;
    grid-row: 2;
    grid-column: 3;
    height: 28px;
    margin: 0;
}

html body #cdz-sidebar-minicart .cart-flyout__item-pricing .price {
    color: var(--sv-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}

html body #cdz-sidebar-minicart .cart-flyout__empty {
    padding: 40px 0;
    color: var(--sv-muted);
    font-size: 15px;
    text-align: center;
}

html body #cdz-sidebar-minicart .block-minicart .cart-flyout__footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding: 0;
}

/* tema: .block-minicart .cart-total .subtotal { margin: 0 0 20px !important } */
html body #cdz-sidebar-minicart .cart-flyout__footer .subtotal {
    margin: 0 !important;
    padding: 0;
    border: 0;
}

html body #cdz-sidebar-minicart .cart-flyout__footer .subtotal .label::after {
    content: none;
}

html body #cdz-sidebar-minicart .cart-flyout__footer .subtotal .label,
html body #cdz-sidebar-minicart .cart-flyout__footer .subtotal .amount .price-wrapper:first-child .price {
    color: var(--sv-ink);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

html body #cdz-sidebar-minicart .cart-flyout__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

html body #cdz-sidebar-minicart .cart-flyout__actions > div:empty {
    display: none;
}

html body #cdz-sidebar-minicart .cart-flyout__checkout,
html body #cdz-sidebar-minicart .cart-flyout__continue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 47px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    font-family: inherit;
    text-transform: none;
    cursor: pointer;
    transition: filter .15s, transform .1s;
}

html body #cdz-sidebar-minicart .cart-flyout__checkout {
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-size: 16px;
    font-weight: 700;
}

html body #cdz-sidebar-minicart .cart-flyout__checkout > span:first-child {
    font-size: 16px;
    line-height: normal;
}

html body #cdz-sidebar-minicart .cart-flyout__checkout:hover {
    filter: brightness(1.06);
}

html body #cdz-sidebar-minicart .cart-flyout__checkout:active {
    transform: scale(0.98);
}

html body #cdz-sidebar-minicart .cart-flyout__continue {
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 400;
}

html body #cdz-sidebar-minicart .cart-flyout__checkout-arrow,
html body #cdz-sidebar-minicart .cart-flyout__continue::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    background: currentColor;
    font-size: 0;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body #cdz-sidebar-minicart .cart-flyout__continue--empty {
    flex: none;
    margin-top: auto;
}

html body #cdz-sidebar-minicart .cart-flyout__continue::before {
    -webkit-mask-image: var(--sv-ic-arrow-back);
    mask-image: var(--sv-ic-arrow-back);
}

/* ---------- iskanje: spustni seznam (Smile ElasticSuite) + priljubljena iskanja (form.mini.phtml) ---------- */
/* predloga: plosca 6 px pod iskalno vrstico, sirina vrstice (min. 560 px), padding 20, gap 18 */
html body .page-header .block-search .search-autocomplete,
html body .page-header .block-search .sv-search-pop {
    position: absolute;
    top: calc(100% + 6px) !important;
    right: 0;
    left: 0 !important;
    z-index: 5;
    box-sizing: border-box;
    width: auto !important;
    min-width: min(560px, calc(100vw - 48px));
    margin: 0 !important; /* starejsa pravila: margin-top 4px, obroba #E6E6E6 (!important) */
    padding: 20px;
    border: 1px solid var(--sv-line) !important;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: 0 12px 32px rgba(19, 31, 46, 0.12);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    text-align: left;
    animation: svDrop .16s ease-out;
}

/* mobilno je .control pozicioniran (zacne za ikono) -> plosca se poravna z vrstico (form) */
html body .page-header .block-search .field.search .control {
    position: static;
}

html body .page-header .block-search .sv-search-pop {
    display: none;
    flex-direction: column;
    gap: 10px;
}

html body .page-header .block-search:focus-within .field.search:has(input:placeholder-shown) .sv-search-pop {
    display: flex;
}

.sv-search-pop__label,
html body .page-header .search-autocomplete dt.autocomplete-list-title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: var(--sv-muted);
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

.sv-search-pop__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* cip (priljubljena iskanja in Smile "Iskalni izrazi") */
html body .page-header .sv-search-chip,
html body .page-header .search-autocomplete dl:has(> .title-term) > dd {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: var(--sv-radius);
    background: #fff !important;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    cursor: pointer !important;
}

html body .page-header .sv-search-chip::before,
html body .page-header .search-autocomplete dl:has(> .title-term) > dd::before {
    content: "";
    flex: none;
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-search) center / contain no-repeat;
    mask: var(--sv-ic-search) center / contain no-repeat;
}

html body .page-header .search-autocomplete .smile-elasticsuite-autocomplete-result {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

html body .page-header .search-autocomplete dl.autocomplete-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
}

html body .page-header .search-autocomplete dl.autocomplete-list > dt {
    margin-bottom: 6px !important;
}

html body .page-header .search-autocomplete dl:has(> .title-term) {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

html body .page-header .search-autocomplete dl:has(> .title-term) > dt {
    flex-basis: 100%;
    margin-bottom: 2px !important;
}

html body .page-header .search-autocomplete dl:has(> .title-term) .amount {
    display: none;
}

/* vrstica izdelka / kategorije */
html body .page-header .search-autocomplete dl:not(:has(> .title-term)) > dd {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: var(--sv-radius);
    background: transparent !important;
    color: var(--sv-ink);
    font-size: 14px;
    cursor: pointer !important;
}

html body .page-header .search-autocomplete dl > dd:hover,
html body .page-header .search-autocomplete dl > dd.selected {
    background: #FFFBF0 !important;
}

html body .page-header .search-autocomplete .product-image-box {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0;
    padding: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px #BCBCBC;
}

html body .page-header .search-autocomplete .product-image-box img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

html body .page-header .search-autocomplete .product-shop {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
}

html body .page-header .search-autocomplete .product-shop .f-fix {
    display: flex;
    align-items: center;
    gap: 12px;
}

html body .page-header .search-autocomplete .product-primary {
    flex: 1;
    min-width: 0;
}

html body .page-header .search-autocomplete .product-name {
    display: -webkit-box;
    overflow: hidden;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

html body .page-header .search-autocomplete .product-secondary .price {
    color: var(--sv-ink);
    font-size: 16px !important;
    font-weight: 600;
    white-space: nowrap;
}

html body .page-header .search-autocomplete .clear {
    display: none;
}

html body .page-header .search-autocomplete dl:has(> .title-category) > dd {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

html body .page-header .search-autocomplete .category-mini-crumb {
    color: var(--sv-muted);
    font-size: 12px;
    font-style: normal;
}

html body .page-header .search-autocomplete a.sv-search-all {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: 6px;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

html body .page-header .search-autocomplete a.sv-search-all:hover {
    color: var(--sv-yellow-dark);
}

html body .page-header .search-autocomplete a.sv-search-all::after {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

/* ---------- mobilni meni (web/js/sv-header.js; predloga: predal z leve, min(340px, 88vw)) ---------- */
:root {
    --sv-ic-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
}

@keyframes svFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes svSlideL {
    from { transform: translateX(-100%); }
    to { transform: none; }
}

html.sv-mnav-open {
    overflow: hidden;
}

.sv-mnav {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    text-align: left;
}

.sv-mnav[hidden],
.sv-mnav__subs[hidden] {
    display: none !important;
}

@media (min-width: 768px) {
    .sv-mnav {
        display: none !important;
    }
}

.sv-mnav__bg {
    position: absolute;
    inset: 0;
    background: rgba(19, 31, 46, 0.35);
    animation: svFade .2s ease;
}

.sv-mnav__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(340px, 88vw);
    height: 100%;
    background: #fff;
    overflow-y: auto;
    animation: svSlideL .28s cubic-bezier(.2, .8, .2, 1);
}

.sv-mnav__head {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 12px 20px;
    border-bottom: 1px solid var(--sv-line);
}

/* logotip kot v glavi (SVG 191,5 x 35 -> visina 22) */
.sv-mnav__logo {
    width: 120px;
    height: 22px;
    background: url(../images/sv/logo-svetila.svg) left center / contain no-repeat;
}

html body .sv-mnav button.sv-mnav__x {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--sv-ink);
    box-shadow: none;
}

.sv-mnav__x::before {
    content: "";
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-x) center / contain no-repeat;
    mask: var(--sv-ic-x) center / contain no-repeat;
}

.sv-mnav__cat {
    flex: none;
    border-bottom: 1px solid rgba(19, 31, 46, 0.1);
}

html body .sv-mnav button.sv-mnav__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-transform: none;
}

html body .sv-mnav button.sv-mnav__btn[aria-expanded="true"] {
    background: #FFFBF0;
    font-weight: 600;
}

.sv-mnav__btn::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-chev) center / contain no-repeat;
    mask: var(--sv-ic-chev) center / contain no-repeat;
    transition: transform .15s;
}

.sv-mnav__btn[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.sv-mnav__subs {
    display: flex;
    flex-direction: column;
    padding: 4px 0 10px;
    background: #FFFBF0;
    animation: svDrop .18s ease-out;
}

html body .sv-mnav a {
    color: var(--sv-ink);
    text-decoration: none;
}

html body .sv-mnav .sv-mnav__subs a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 20px 0 32px;
    font-size: 15px;
}

.sv-mnav__subs a:not(.sv-mnav__all)::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    opacity: 0.4;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
}

html body .sv-mnav .sv-mnav__subs a.sv-mnav__all {
    font-weight: 600;
}

html body .sv-mnav a.sv-mnav__link {
    display: flex;
    flex: none;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(19, 31, 46, 0.1);
    font-size: 16px;
}

html body .sv-mnav a.sv-mnav__sale {
    color: var(--sv-red);
    font-weight: 600;
}

.sv-mnav__sale span {
    padding: 2px 6px;
    border-radius: var(--sv-radius);
    background: var(--sv-red);
    color: #fff;
    font-size: 11px;
}

.sv-mnav__foot {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding: 20px;
    background: #F7F7F7;
}

html body .sv-mnav a.sv-mnav__acc {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

.sv-mnav__acc::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-user) center / contain no-repeat;
    mask: var(--sv-ic-user) center / contain no-repeat;
}

html body .sv-mnav a.sv-mnav__help {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #4A5160;
    font-size: 14px;
}

.sv-mnav__help b {
    color: var(--sv-ink);
    font-size: 16px;
}

.sv-mnav__help span {
    font-size: 12px;
}

/* ---------- predal z desne kot kosarica: Priljubljeni, Prijava (web/js/sv-header.js, makeDrawer) ---------- */
.sv-dr {
    position: fixed;
    inset: 0;
    z-index: 1100;
    visibility: hidden;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    text-align: left;
    transition: visibility 0s .32s; /* skrije se sele, ko predal odzdrsi */
}

.sv-dr.is-open {
    visibility: visible;
    transition: none;
}

.sv-dr__bg {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.61);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity .2s;
}

.sv-dr.is-open .sv-dr__bg {
    opacity: 1;
}

.sv-dr__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    width: min(472px, 100%);
    height: 100%;
    padding: 28px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 0 27.1px rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
    transition: transform .32s cubic-bezier(.2, .8, .2, 1);
}

.sv-dr.is-open .sv-dr__panel {
    transform: none;
}

.sv-dr__head {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
}

.sv-dr__title {
    font-size: 35px;
    font-weight: 500;
}

html body .sv-dr button.sv-dr__x {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-right: -12px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--sv-ink);
}

.sv-dr__x::before {
    content: "";
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-x) center / contain no-repeat;
    mask: var(--sv-ic-x) center / contain no-repeat;
}

.sv-dr__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sv-dr__empty {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 40px 0;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
}

.sv-dr__empty b {
    color: var(--sv-ink);
    font-size: 17px;
    font-weight: 600;
}

html body .sv-dr a.sv-dr__item {
    display: flex;
    flex: none;
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--sv-line);
    color: var(--sv-ink);
    text-decoration: none;
}

.sv-dr__img {
    flex: none;
    width: 83px;
    height: 83px;
    border-radius: var(--sv-radius);
    background: #fff center / contain no-repeat;
    box-shadow: inset 0 0 0 1px #BCBCBC;
}

.sv-dr__name {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    line-height: 1.3;
}

html body .sv-dr .sv-dr__price .price {
    color: var(--sv-ink);
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
}

.sv-dr__foot {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}

html body .sv-dr .sv-dr__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 47px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    transition: filter .15s, transform .1s;
}

html body .sv-dr .sv-dr__btn--main {
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-size: 16px;
    font-weight: 700;
}

html body .sv-dr .sv-dr__btn--main:hover {
    filter: brightness(1.06);
}

html body .sv-dr .sv-dr__btn:active {
    transform: scale(0.98);
}

.sv-dr__btn--main::after,
.sv-dr__btn--back::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

.sv-dr__btn--back::before {
    -webkit-mask-image: var(--sv-ic-arrow-back);
    mask-image: var(--sv-ic-arrow-back);
}

/* ---------- Prijava / Moj racun v predalu (web/js/sv-header.js, initAccount) ---------- */
:root {
    --sv-ic-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    --sv-ic-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.6 5.1A9.7 9.7 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-2.4 3.3M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.6 9.6 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3Cpath d='m3 3 18 18'/%3E%3C/svg%3E");
    --sv-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

.sv-login {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
}

.sv-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.sv-field__label {
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
}

.sv-field__wrap {
    position: relative;
    display: block;
}

html body .sv-dr input.sv-field__input {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px; /* manj kot 16 px: iOS ob fokusu poveca stran */
    transition: border-color .15s, box-shadow .15s;
}

html body .sv-dr .sv-field__wrap input.sv-field__input {
    padding-right: 48px;
}

html body .sv-dr input.sv-field__input:focus {
    border-color: #FAB615;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(250, 182, 21, 0.22);
}

html body .sv-dr button.sv-field__eye {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--sv-muted);
    cursor: pointer;
}

.sv-field__eye::before {
    content: "";
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-eye) center / contain no-repeat;
    mask: var(--sv-ic-eye) center / contain no-repeat;
}

.sv-field__eye[aria-pressed="true"]::before {
    -webkit-mask-image: var(--sv-ic-eye-off);
    mask-image: var(--sv-ic-eye-off);
}

html body .sv-dr a.sv-login__forgot {
    align-self: flex-end;
    margin-top: -6px;
    color: var(--sv-ink);
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

html body .sv-dr a.sv-login__forgot:hover {
    color: var(--sv-yellow-dark);
}

/* "Nov kupec?" s crtama levo in desno */
.sv-login__or {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--sv-muted);
    font-size: 14px;
}

.sv-login__or::before,
.sv-login__or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--sv-line);
}

.sv-login__perks {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 8px 0 0;
    padding: 16px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
    list-style: none;
}

.sv-login__perks li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--sv-ink);
    font-size: 14px;
}

.sv-login__perks li::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--sv-yellow-dark);
    -webkit-mask: var(--sv-ic-check) center / contain no-repeat;
    mask: var(--sv-ic-check) center / contain no-repeat;
}

/* prijavljen: povezave racuna */
.sv-acc__hello {
    color: var(--sv-muted);
    font-size: 15px;
}

.sv-acc__links {
    display: flex;
    flex-direction: column;
}

html body .sv-dr .sv-acc__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    border-bottom: 1px solid var(--sv-line);
    color: var(--sv-ink);
    font-size: 16px;
    text-decoration: none;
}

html body .sv-dr .sv-acc__links a::after {
    content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    opacity: 0.4;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
}

html body .sv-dr .sv-acc__links a:hover {
    color: var(--sv-yellow-dark);
}

/* =====================================================================================================
   PRENOVA 2026 - seznam izdelkov (kategorija, iskanje): predloga svetila-si-demo #/kategorija
   Postavitev: Magento_Catalog/layout/catalog_category_view.xml (glava, vodic, prednosti),
   predloge category/sv-*.phtml, product/list/toolbar/{amount,sorter}.phtml, kartice = .sv-cards
   ===================================================================================================== */
:root {
    --sv-ic-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E");
    --sv-ic-chev-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E");
    --sv-ic-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E");
    --sv-ic-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23131F2E' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* ---------- vsebnik 1240 px (tema: polna sirina) - seznami izdelkov, stran izdelka, servisne strani ---------- */
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page, .sv-success-page) .breadcrumbs,
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page, .sv-success-page) .page-main,
html body.catalog-category-view .sv-cat-guide {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--sv-wrap);
    margin-right: auto;
    margin-left: auto;
    padding-right: clamp(16px, 4vw, 24px);
    padding-left: clamp(16px, 4vw, 24px);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

/* tema (main-styles.css): .page-main:not(.page-main-full) > div, .breadcrumbs .items { width: 1200/1300/1400px } */
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page, .sv-success-page) .page-main > div,
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page, .sv-success-page) .breadcrumbs .items {
    width: auto;
    max-width: 100%;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page, .sv-success-page) .page-main {
    padding-top: 0;
    padding-bottom: 0;
}

html body.page-products .page-main > .sv-cat-head {
    padding-right: 0;
    padding-left: 0;
}

/* ---------- drobtinice ---------- */
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs {
    margin-bottom: 0;
    padding-top: 36px;
    padding-bottom: 0;
    background: none;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    color: var(--sv-muted);
    font-size: 13px;
    line-height: 16px;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item:not(:last-child)::after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 0;
    background: currentColor;
    opacity: 0.6;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item a,
html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item a:visited {
    color: var(--sv-muted);
    line-height: 16px;
    text-decoration: none;
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item a:hover {
    color: var(--sv-ink);
}

html body:is(.page-products, .catalog-product-view, .sv-info-page, .blog-page) .breadcrumbs .item strong {
    color: var(--sv-ink);
    font-weight: 500;
}

/* ---------- glava: naslov + uvod levo, prednosti desno ---------- */
html body.catalog-category-view .sv-cat-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-top: 40px;
}

html body.catalog-category-view .sv-cat-head__main {
    display: flex;
    flex: 1 1 320px;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    max-width: 760px;
}

html body.page-products .page-title-wrapper {
    margin: 0;
    padding: 0;
}

/* iskanje (brez glave kategorije): enak razmik pod drobtinicami */
html body.page-products:not(.catalog-category-view) .page-title-wrapper {
    padding-top: 40px;
}

html body.page-products .page-title-wrapper .page-title {
    margin: 0;
    padding: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(30px, 6vw, 44px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: none;
}

html body.catalog-category-view .sv-cat-head__intro {
    margin: 0;
    color: #4A5160;
    font-size: 16px;
    line-height: 1.6;
    text-wrap: pretty;
}

html body.catalog-category-view .sv-cat-head__intro a {
    color: var(--sv-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

html body.catalog-category-view .sv-cat-head__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    padding: 0;
    color: #4A5160;
    font-size: 13px;
    list-style: none;
}

html body.catalog-category-view .sv-cat-head__trust li {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

html body.catalog-category-view .sv-cat-head__trust li::before {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: #3FAF82;
    -webkit-mask: var(--sv-ic-tick) center / contain no-repeat;
    mask: var(--sv-ic-tick) center / contain no-repeat;
}

/* ---------- stolpca: filtri 260 px + izdelki, razmik 32 ---------- */
html body.page-products .columns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 32px;
    margin: 0;
    padding: 32px 0 0;
}

html body.page-products .columns::before,
html body.page-products .columns::after {
    display: none;
}

html body.page-products .sidebar-main {
    order: 1;
    flex: 1 1 260px;
    width: auto;
    max-width: 280px;
    margin: 0;
    padding: 0;
    float: none;
}

/* filtri ostanejo ob izdelkih (predloga: sticky); dolgi filtri se drsijo sami - glava je visoka 137 px */
@media (min-width: 960px) {
    html body.page-products .sidebar-main {
        position: sticky;
        top: 157px;
        max-height: calc(100vh - 177px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        border-radius: var(--sv-radius);
    }
}

html body.page-products .columns .column.main {
    order: 2;
    display: flex;
    flex: 999 1 560px;
    flex-direction: column;
    gap: 20px;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
}

/* namizje: filtri stalno 260 px, da je vodic pod izdelki (za .columns) poravnan s stolpcem izdelkov;
   pod 960 px sta stolpca drug pod drugim */
@media (min-width: 960px) {
    html body.page-products .sidebar-main {
        flex: 0 0 260px;
        max-width: 260px;
    }

    html body.page-products .columns .column.main {
        flex: 1 1 0;
    }

    html body.catalog-category-view .page-main > .sv-cat-guide {
        padding-left: calc(260px + 32px);
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    html body.page-products .sidebar-main,
    html body.page-products .columns .column.main {
        flex-basis: 100%;
    }
}

/* ---------- filtri (Smile ElasticSuite) ---------- */
html body.page-products .block.filter {
    margin: 0;
    padding: 0;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

html body.page-products .block.filter .filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 16px 18px;
    border-bottom: 1px solid var(--sv-line);
}

html body.page-products .block.filter .filter-title strong {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}

html body.page-products .block.filter .filter-title strong::before {
    content: "";
    position: static;
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0;
    background: currentColor;
    -webkit-mask: var(--sv-ic-filter) center / contain no-repeat;
    mask: var(--sv-ic-filter) center / contain no-repeat;
}

html body.page-products .block.filter .filter-content {
    margin: 0;
    padding: 0;
}

html body.page-products .block.filter .filter-subtitle,
html body.page-products .block.filter .filter-current-subtitle {
    display: none;
}

/* izbrani filtri: cipi + "Pocisti vse" (predloga: temni cipi) */
html body.page-products .block.filter .filter-current {
    margin: 0;
    padding: 16px 18px 0;
    border: 0;
}

html body.page-products .block.filter .filter-current .items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    background: none; /* tema: #F9F9F9 */
}

html body.page-products .block.filter .filter-current .item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    margin: 0;
    padding: 0 30px 0 12px;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    color: #fff;
    font-size: 13px;
}

html body.page-products .block.filter .filter-current .filter-label,
html body.page-products .block.filter .filter-current .filter-value {
    margin: 0;
    padding: 0;
    background: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 400;
    text-transform: none !important;
}

html body.page-products .block.filter .filter-current .filter-value {
    color: #fff;
}

html body.page-products .block.filter .filter-current .filter-label::after {
    content: ":";
}

html body.page-products .block.filter .filter-current .action.remove {
    position: absolute;
    inset: 0;
    width: auto !important; /* tema: 18 x 18 */
    height: auto !important;
    margin: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: #fff;
}

html body.page-products .block.filter .filter-current .action.remove::before {
    content: "";
    color: #fff !important; /* tema: temna ikona */
    width: 14px;
    height: 14px;
    margin: 0;
    background: currentColor;
    font-size: 0;
    -webkit-mask: var(--sv-ic-x) center / contain no-repeat;
    mask: var(--sv-ic-x) center / contain no-repeat;
}

html body.page-products .block.filter .filter-current .action.remove > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

html body.page-products .block.filter .filter-actions {
    margin: 0;
    padding: 12px 18px 16px;
    border-bottom: 1px solid var(--sv-line);
}

html body.page-products .block.filter .filter-actions .filter-clear {
    display: inline;
    height: auto;
    padding: 0;
    border: 0;
    background: none !important; /* tema: rumen gumb z velikimi crkami */
    box-shadow: none;
    text-transform: none !important;
    color: var(--sv-yellow-dark);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

/* skupine */
html body.page-products .block.filter .filter-options {
    margin: 0;
    padding: 0;
}

html body.page-products .block.filter .filter-options-item {
    margin: 0;
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid var(--sv-line);
}

html body.page-products .block.filter .filter-options-item:last-child {
    padding-bottom: 16px;
    border-bottom: 0;
}

html body.page-products .block.filter .filter-options .filter-options-item .filter-options-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

/* tema: lastna puscica (::before, absolutno) */
html body.page-products .block.filter .filter-options .filter-options-item .filter-options-title::before {
    display: none;
}

html body.page-products .block.filter .filter-options .filter-options-item .filter-options-title::after {
    content: "";
    position: static;
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0;
    background: currentColor;
    opacity: 0.5;
    transform: rotate(-90deg);
    transition: transform .15s;
    -webkit-mask: var(--sv-ic-chev) center / contain no-repeat;
    mask: var(--sv-ic-chev) center / contain no-repeat;
}

html body.page-products .block.filter .filter-options .filter-options-item.active .filter-options-title::after {
    transform: none;
}

html body.page-products .block.filter .filter-options .filter-options-content {
    margin: 12px 0 0;
    padding: 0;
    font-size: 14px;
}

/* zaprte skupine skrite ze pred zagonom Magentovega accordiona - sicer so ob vsakem nalaganju ~0,7 s
   vse odprte, nato se zaprejo (utripanje); odprta skupina dobi razred .active */
html body.page-products .block.filter .filter-options .filter-options-item:not(.active) > .filter-options-content {
    display: none !important;
}
/* filter se nalaga v ozadju (sv-carousel.js): seznam izdelkov zbledi do zamenjave */
html.sv-filters-busy body.page-products .column.main .products.wrapper {
    opacity: .45;
    transition: opacity .2s;
}

html body.page-products .block.filter .filter-options .filter-options-content .items {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}

html body.page-products .block.filter .filter-options .filter-options-content .item {
    margin: 0;
    padding: 0;
    line-height: normal;
}

/* vrstica: kvadratek 20 px + ime + stevilo (desno) */
html body.page-products .block.filter .filter-options .filter-options-content .item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    color: var(--sv-ink);
    font-size: 14px;
    text-decoration: none;
}

html body.page-products .block.filter .filter-options .filter-options-content .item > a:hover {
    color: var(--sv-ink);
}

html body.page-products .block.filter .filter-options .filter-options-content .item > a > label {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
    cursor: pointer;
}

html body.page-products .block.filter .filter-options .filter-options-content .item > a > label > span:first-child {
    flex: 1;
}

html body.page-products .block.filter .filter-options .filter-options-content .item input[type="checkbox"] {
    position: static;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    opacity: 1;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

html body.page-products .block.filter .filter-options .filter-options-content .item input[type="checkbox"]:checked {
    background: var(--sv-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;
    box-shadow: inset 0 0 0 1px var(--sv-ink);
}

/* Codazon doda oznacenemu polju se svojo kljukico (CodazonFont ::before) - ostane samo nasa */
html body.page-products .block.filter .filter-options .filter-options-content .item input[type="checkbox"]::before,
html body.page-products .block.filter .filter-options .filter-options-content .item input[type="checkbox"]::after {
    content: none !important;
    display: none !important;
}

/* kategorija: povezave brez polja -> enak kvadratek */
html body.page-products .block.filter .filter-options .filter-options-content .item > a:not(:has(input))::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: var(--sv-radius);
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
}

html body.page-products .block.filter .filter-options .filter-options-content .count {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-muted);
    font-size: 12px;
}

html body.page-products .block.filter .filter-options .filter-options-content .count::before,
html body.page-products .block.filter .filter-options .filter-options-content .count::after {
    content: none;
}

html body.page-products .block.filter .filter-options .filter-options-content .filter-count-label {
    display: none;
}

/* iskanje znotraj skupine (npr. IP zascita) */
html body.page-products .block.filter .filter-options .filter-options-content .field.search {
    margin: 0 0 12px;
}

html body.page-products .block.filter .filter-options .filter-options-content input.filter-search {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    font-family: inherit;
    font-size: 14px;
}

/* "Pokazi vec / manj" */
html body.page-products .block.filter .filter-options .filter-options-content .action.show-more,
html body.page-products .block.filter .filter-options .filter-options-content .action.show-less,
html body.page-products .block.filter .filter-options .filter-options-content [data-role="show-more"],
html body.page-products .block.filter .filter-options .filter-options-content [data-role="show-less"] {
    display: inline-block;
    margin-top: 12px;
    color: var(--sv-ink);
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* barve: gumbi s piko in imenom kot v predlogi (ime iz aria-label povezave) */
html body.page-products .block.filter .swatch-layered .swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

html body.page-products .block.filter .swatch-layered .swatch-option-link-layered:not([style*="none"]) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    margin: 0;
    padding: 0 10px 0 6px !important; /* Magento_Swatches: .swatch-option-link-layered { padding: 0 !important } */
    border-radius: var(--sv-radius);
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}

html body.page-products .block.filter .swatch-layered .swatch-option-link-layered::after {
    content: attr(aria-label);
}

html body.page-products .block.filter .swatch-layered .swatch-option-link-layered:hover,
html body.page-products .block.filter .swatch-layered .swatch-option-link-layered:has(.selected) {
    box-shadow: inset 0 0 0 1.5px var(--sv-ink);
}

html body.page-products .block.filter .swatch-layered .swatch-option {
    float: none;
    box-sizing: border-box;
    width: 20px;
    min-width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(19, 31, 46, 0.2);
    outline: 0;
}

html body.page-products .block.filter .swatch-layered .swatch-option:hover,
html body.page-products .block.filter .swatch-layered .swatch-option.selected {
    border: 0;
    outline: 0;
}

/* cena: drsnik ElasticSuite - zgoraj polji od/do, proga 4 px z vidnim izbranim razponom, bele rocice 20 px */
html body.page-products .block.filter .smile-es-range-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 8px;
    font-size: 14px;
}

html body.page-products .block.filter .smile-es-range-slider [data-role="from-label"],
html body.page-products .block.filter .smile-es-range-slider [data-role="to-label"] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

html body.page-products .block.filter .smile-es-range-slider [data-role="to-label"] {
    justify-content: flex-end;
}

/* robni odmik 10 px = pol rocice, da rocici na skrajnih legah ne gledata cez */
html body.page-products .block.filter .smile-es-range-slider [data-role="slider-bar"] {
    position: relative;
    grid-column: 1 / -1;
    height: 4px;
    margin: 8px 10px;
    border: 0;
    border-radius: 2px;
    background: var(--sv-line);
}

html body.page-products .block.filter .smile-es-range-slider .ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 2px;
    background: var(--sv-ink);
}

html body.page-products .block.filter .smile-es-range-slider .ui-slider-handle {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid var(--sv-ink);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(19, 31, 46, 0.2);
    cursor: grab;
    transition: box-shadow .15s;
}

html body.page-products .block.filter .smile-es-range-slider .ui-slider-handle:hover,
html body.page-products .block.filter .smile-es-range-slider .ui-slider-handle:focus,
html body.page-products .block.filter .smile-es-range-slider .ui-slider-handle.ui-state-active {
    outline: 0;
    box-shadow: 0 0 0 5px rgba(19, 31, 46, 0.12);
    transform: none;
}

html body.page-products .block.filter .smile-es-range-slider .ui-slider-handle.ui-state-active {
    cursor: grabbing;
}

html body.page-products .block.filter .smile-es-range-slider .actions-toolbar {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    color: var(--sv-muted);
    font-size: 13px;
}

html body.page-products .block.filter .smile-es-range-slider .action.primary {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

/* ---------- orodna vrstica: stevilo + razvrscanje (zgoraj), prikazano + strani (spodaj) ---------- */
html body.page-products .toolbar.toolbar-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    margin: 0;
    padding: 0 0 16px;
    /* tema (.toolbar): okvir, belo ozadje, zaobljeni robovi - predloga ima samo spodnjo crto */
    border: 0;
    border-bottom: 1px solid var(--sv-line);
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

html body.page-products .toolbar.toolbar-products::before,
html body.page-products .toolbar.toolbar-products::after {
    display: none;
}

html body.page-products .products.wrapper ~ .toolbar.toolbar-products {
    padding: 8px 0 0;
    border-bottom: 0;
}

html body.page-products .toolbar-products .modes,
html body.page-products .toolbar-products .limiter {
    display: none !important;
}

html body.page-products .toolbar-products .toolbar-amount {
    position: static;
    display: block !important;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: normal;
}

html body.page-products .toolbar-products .sv-amount--total b {
    font-weight: 600;
}

html body.page-products .toolbar-products .sv-amount--shown,
html body.page-products .products.wrapper ~ .toolbar-products .sv-amount--total {
    display: none;
}

html body.page-products .products.wrapper ~ .toolbar-products .sv-amount--shown {
    display: inline;
    color: #4A5160;
    font-size: 14px;
}

html body.page-products .toolbar-products .pages {
    display: none;
}

html body.page-products .products.wrapper ~ .toolbar-products .pages {
    display: block;
    margin: 0;
}

html body.page-products .products.wrapper ~ .toolbar-products .sv-sorter {
    display: none;
}

html body.page-products .toolbar-products .sv-sorter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    float: none;
}

html body.page-products .toolbar-products .sv-sorter .sorter-label {
    display: inline;
    margin: 0;
    color: var(--sv-muted);
    font-size: 14px;
    font-weight: 400;
}

html body.page-products .toolbar-products .sv-sorter select {
    box-sizing: border-box;
    height: 42px;
    margin: 0;
    padding: 0 36px 0 12px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff var(--sv-ic-select) right 12px center / 16px no-repeat;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

/* strani: 36 px kvadratki, trenutna temna */
html body.page-products .toolbar-products .pages .items {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    letter-spacing: 0;
}

html body.page-products .toolbar-products .pages .item {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
}

html body.page-products .toolbar-products .pages .item .label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

html body.page-products .toolbar-products .pages .page,
html body.page-products .toolbar-products .pages .action {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 36px;
    height: 36px;
    margin: 0;
    padding: 0 8px;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line);
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: box-shadow .15s;
}

html body.page-products .toolbar-products .pages a.page:hover,
html body.page-products .toolbar-products .pages .action:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    color: var(--sv-ink);
}

html body.page-products .toolbar-products .pages .item.current .page {
    background: var(--sv-ink);
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    color: #fff;
    font-weight: 600;
}

/* puscici namesto "Naslednja" / "Prejsnja" */
html body.page-products .toolbar-products .pages .action.next,
html body.page-products .toolbar-products .pages .action.previous {
    width: 36px;
    padding: 0;
    font-size: 0;
}

html body.page-products .toolbar-products .pages .action.next::before,
html body.page-products .toolbar-products .pages .action.previous::before {
    content: "";
    width: 16px;
    height: 16px;
    margin: 0;
    background: currentColor;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
}

html body.page-products .toolbar-products .pages .action.previous::before {
    -webkit-mask-image: var(--sv-ic-chev-l);
    mask-image: var(--sv-ic-chev-l);
}

html body.page-products .toolbar-products .pages .action > span {
    display: none;
}

/* ---------- mreza izdelkov ---------- */
html body.page-products .products.wrapper {
    margin: 0;
}

html body.page-products .products.wrapper .sv-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(44%, 240px), 1fr));
    gap: clamp(12px, 3vw, 24px);
    margin: 0;
    padding: 0;
}

/* Codazon (getColumnStyle v list-style63.phtml): .page-products .products-grid.ctst .product-items .item.product-item { width ... !important } */
html body.page-products .products-grid.ctst .product-items.sv-cards > .item.product-item {
    width: auto !important;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    /* tema (.product-list-style-63 .product-item): svoj okvir, radij 15 px, overflow in senca ob prehodu - kartica je .product-item-info */
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    transition: none;
}

/* obrocno placilo (Leanpay) ni na kartici predloge - tema ga prikaze z display:flex */
html body .sv-cards .price-box.price-installment_price {
    display: none !important;
}

/* ni zadetkov (predloga: siva ploskev) */
html body.page-products .column.main > .message.info.empty {
    margin: 0;
    padding: clamp(26px, 9vw, 48px) clamp(16px, 4vw, 24px);
    border: 0;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
    color: var(--sv-ink);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

html body.page-products .column.main > .message.info.empty > div::before {
    display: none;
}

/* ---------- vodic (SEO besedilo) + pogosta vprasanja ---------- */
/* vodic pod izdelki: en stolpec besedila kot clanek (vzorec piro.io). Vsebina je opis kategorije
   (admin: Kategorije > Content > Description) - SEO pisec prilepi celotno besedilo iz Google Docs / Worda,
   s tabelo in vprasanji. Pravila zato povozijo prilepljene inline oblike (pisava, velikost, barva, odmiki,
   obrobe tabel), ohranijo pa krepko, povezave, sezname in tabele. Vprasanja pod naslovom
   "Pogosta vprasanja" / "FAQ" postanejo harmonika (web/js/sv-carousel.js). */
html body.catalog-category-view .sv-cat-guide {
    display: block;
    padding: clamp(48px, 9vw, 88px) 0 0; /* je ze v .page-main (ta ima stranski odmik) */
    scroll-margin-top: 140px;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text {
    max-width: none; /* cela sirina stolpca izdelkov */
    margin: 0;
    padding: 0;
    border: 0;
    color: #4A5160;
    font-size: 16px;
    line-height: 1.7;
    overflow-wrap: break-word;
}

/* prilepljene oblike: vse z enako specificnostjo (:where), odloca vrstni red */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(*) {
    font-family: inherit !important;
    white-space: normal !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(span, font, b, strong, i, em, u, a, sub, sup, mark) {
    font-size: inherit !important;
    line-height: inherit !important;
    background-color: transparent !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(span, font) {
    color: inherit !important;
}

/* krepko: strong / b ali span s font-weight (Google Docs); ovoj docs-internal-guid je navaden tekst */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(strong, b, span[style*="font-weight: 700"], span[style*="font-weight:700"], span[style*="font-weight: 600"], span[style*="font-weight:600"], span[style*="font-weight: bold"], span[style*="font-weight:bold"]) {
    color: var(--sv-ink) !important;
    font-weight: 600 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(b[id^="docs-internal-guid"]) {
    color: inherit !important;
    font-weight: inherit !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(a, a *) {
    color: var(--sv-ink) !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text a {
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: var(--sv-yellow-dark) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(a) :where(*) {
    font-weight: inherit !important;
    text-decoration: none !important; /* Google Docs podcrta span v povezavi - sicer dvojna crta */
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text a:hover {
    text-decoration-color: currentColor !important;
}

/* naslov ostane naslov, tudi ce je prilepljen v krepkem ali barvnem spanu */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(h2, h3, h4) :where(*) {
    color: inherit !important;
    font-weight: inherit !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text > :first-child,
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where([data-element="inner"], b[id^="docs-internal-guid"]) > :first-child {
    margin-top: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(p, li) {
    background-color: transparent !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-align: left !important;
    text-indent: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text p {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text h2 {
    margin: 48px 0 16px !important;
    padding: 0 !important;
    background: none !important;
    color: var(--sv-ink) !important;
    font-size: clamp(22px, 4vw, 28px) !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em;
    text-align: left !important;
    text-transform: none !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(h3, h4) {
    margin: 28px 0 8px !important;
    padding: 0 !important;
    background: none !important;
    color: var(--sv-ink) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-transform: none !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text h2 + :is(h3, h4) {
    margin-top: 16px !important;
}

/* seznami: ul s kljukicami kot v glavi kategorije, ol s stevilkami (Docs doda list-style in odmike inline) */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(ul, ol) {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text ol {
    padding-left: 1.4em !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text ul > li {
    position: relative;
    margin: 0 0 10px !important;
    padding: 0 0 0 30px !important;
    list-style: none !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text ul > li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #3FAF82;
    -webkit-mask: var(--sv-ic-tick) center / contain no-repeat;
    mask: var(--sv-ic-tick) center / contain no-repeat;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text ol > li {
    margin: 0 0 8px !important;
    padding: 0 0 0 4px !important;
    list-style-type: decimal !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text li > p {
    margin: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text li > :is(ul, ol) {
    margin: 10px 0 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text img {
    max-width: 100% !important;
    height: auto !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text hr {
    margin: 32px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--sv-line) !important;
}

/* tabela (Docs / Word: brez thead, obrobe, sirine in ozadja inline) */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text table {
    width: 100% !important;
    max-width: 100%;
    margin: 8px 0 24px !important;
    border: 1px solid var(--sv-line) !important;
    border-radius: var(--sv-radius);
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    overflow: hidden;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :where(colgroup, col) {
    width: auto !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text tr {
    height: auto !important;
    background: none !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(th, td) {
    width: auto !important;
    height: auto !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-top: 1px solid var(--sv-line) !important;
    background: transparent !important;
    color: #4A5160 !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.55 !important;
    text-align: left !important;
    vertical-align: top !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(th, td) :where(p, li, div, span) {
    font-size: inherit !important;
    line-height: inherit !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(th, td) p {
    margin: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(th, td) p + p {
    margin-top: 8px !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text tr:first-child > :is(th, td) {
    border-top: 0 !important;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text td:first-child {
    color: var(--sv-ink) !important;
}

/* glava: thead / th ali prva vrstica tabele brez glave */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(thead :is(th, td), table:not(:has(thead, th)) tr:first-child > td, tr > th) {
    background: #F3F3F3 !important;
    color: var(--sv-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    line-height: 1.4 !important;
    text-transform: uppercase;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(thead :is(th, td), table:not(:has(thead, th)) tr:first-child > td, tr > th) :where(*) {
    color: inherit !important;
    font-weight: inherit !important;
}

/* telefon: tabela se drsi vodoravno, stolpci ostanejo berljivi */
@media (max-width: 640px) {
    html body.catalog-category-view .sv-cat-guide .sv-category-seo-text table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :is(th, td) {
        min-width: 170px;
    }
}

/* vprasanja iz prilepljenega besedila -> harmonika .sv-faq (sv-carousel.js) */
html body.catalog-category-view .sv-cat-guide .sv-category-seo-text :not(.sv-faq) + .sv-faq {
    border-top: 1px solid var(--sv-line);
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text .sv-faq summary {
    font-size: 17px;
}

html body.catalog-category-view .sv-cat-guide .sv-category-seo-text .sv-faq[open] summary {
    padding-bottom: 8px;
}

html body.catalog-category-view .sv-cat-faq {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* kategorija brez opisa (npr. Odprodaja): samo FAQ, ne cez celo sirino */
html body.catalog-category-view .sv-cat-faq:only-child {
    max-width: 760px;
}

html body.catalog-category-view .sv-cat-faq__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: clamp(24px, 4.5vw, 30px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

html body.catalog-category-view .sv-cat-faq__list {
    border-top: 1px solid var(--sv-line);
}

html body.catalog-category-view .sv-faq {
    border-bottom: 1px solid var(--sv-line);
}

html body.catalog-category-view .sv-faq summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    color: var(--sv-ink);
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    cursor: pointer;
}

html body.catalog-category-view .sv-faq summary::-webkit-details-marker {
    display: none;
}

html body.catalog-category-view .sv-faq summary::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    transition: transform .15s;
    -webkit-mask: var(--sv-ic-chev) center / contain no-repeat;
    mask: var(--sv-ic-chev) center / contain no-repeat;
}

html body.catalog-category-view .sv-faq[open] summary::after {
    transform: rotate(180deg);
}

html body.catalog-category-view .sv-faq p {
    margin: 0 0 18px;
    color: #4A5160;
    font-size: 15px;
    line-height: 1.6;
    animation: svDrop .2s ease-out;
}

html body.catalog-category-view .sv-faq p a {
    color: var(--sv-ink);
    font-weight: 600;
}

/* ---------- seznam izdelkov: telefon (predloga < 760 px): lepljiva vrstica Filtri + razvrscanje, filtri v predalu ---------- */
@keyframes svUp {
    from { transform: translateY(100%); }
    to { transform: none; }
}

html body.page-products .sv-filter-btn,
html body.page-products .sv-sheet__head,
html body.page-products .sv-sheet__foot {
    display: none;
}

/* Codazonova plavajoca vrstica "Nakupujte po / Razvrsti po" (nastavitev teme) - zamenja jo vrstica spodaj */
html body.page-products #ft-floating-bar {
    display: none !important;
}

@media (max-width: 767px) {
    html body.catalog-category-view .sv-cat-head__trust {
        gap: 6px 14px;
        font-size: 12px;
    }

    html body.page-products .columns {
        gap: 0;
        padding-top: 24px;
    }

    /* zgornja orodna vrstica = lepljiva vrstica pod glavo (115 px) */
    html body.page-products .column.main > .toolbar.toolbar-products:not(.products.wrapper ~ .toolbar) {
        position: sticky;
        top: 115px;
        z-index: 20;
        padding: 8px 0;
        border: 0;
        background: #fff;
    }

    html body.page-products .column.main > .toolbar.toolbar-products:not(.products.wrapper ~ .toolbar) .toolbar-amount,
    html body.page-products .toolbar-products .sv-sorter .sorter-label {
        display: none !important;
    }

    html body.page-products .column.main > .toolbar.toolbar-products:not(.products.wrapper ~ .toolbar) .sv-sorter {
        flex: 1 1 100%;
        gap: 8px;
    }

    html body.page-products .toolbar-products .sv-sorter select {
        flex: 1;
        min-width: 0;
        height: 44px;
        padding: 0 40px 0 12px;
    }

    html body.page-products button.sv-filter-btn {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 44px;
        margin: 0;
        padding: 0 12px;
        border: 0;
        border-radius: var(--sv-radius);
        background: var(--sv-ink);
        box-shadow: none;
        color: #fff;
        font-family: inherit;
        font-size: 15px;
        font-weight: 600;
        text-transform: none;
    }

    html body.page-products button.sv-filter-btn::before {
        content: "";
        flex: none;
        width: 16px;
        height: 16px;
        background: currentColor;
        -webkit-mask: var(--sv-ic-filter) center / contain no-repeat;
        mask: var(--sv-ic-filter) center / contain no-repeat;
    }

    /* predal od spodaj */
    html body.page-products .sidebar-main {
        display: none;
    }

    html.sv-filters-open {
        overflow: hidden;
    }

    /* tema: .columns { position: relative; z-index: 1 } -> predal bi bil pod temnim ozadjem */
    html.sv-filters-open body.page-products .columns {
        z-index: auto;
    }

    html.sv-filters-open body.page-products::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1000;
        background: rgba(19, 31, 46, 0.35);
        animation: svFade .2s ease;
    }

    html.sv-filters-open body.page-products .sidebar-main {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1001;
        display: flex;
        flex-direction: column;
        max-width: none;
        max-height: 88vh;
        border-radius: var(--sv-radius) var(--sv-radius) 0 0;
        background: #fff;
        overflow: hidden;
        animation: svUp .28s cubic-bezier(.2, .8, .2, 1);
    }

    html.sv-filters-open body.page-products .sidebar-main .block.filter {
        display: flex;
        flex: 1;
        flex-direction: column;
        min-height: 0;
        border: 0;
        border-radius: 0;
    }

    html.sv-filters-open body.page-products .sidebar-main .block.filter .filter-title {
        display: none;
    }

    html.sv-filters-open body.page-products .sidebar-main .block.filter .filter-content {
        position: static !important;
        display: block !important;
        opacity: 1 !important; /* tema na telefonu: opacity 0 + visibility hidden */
        visibility: visible !important;
        flex: 1;
        min-height: 0;
        overflow-y: auto;
    }

    /* tema na telefonu filtre skrije (visibility: hidden), dokler se ne odpre njen panel */
    html.sv-filters-open body.page-products .sidebar-main .block.filter .filter-options {
        display: block !important;
        visibility: visible !important;
    }

    html body.page-products .sidebar-main .sv-sheet__head {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: space-between;
        padding: 8px 8px 8px 20px;
        border-bottom: 1px solid var(--sv-line);
    }

    html body.page-products .sv-sheet__head b {
        font-size: 18px;
        font-weight: 600;
    }

    html body.page-products button.sv-sheet__x {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        color: var(--sv-ink);
    }

    html body.page-products .sv-sheet__x::before {
        content: "";
        width: 22px;
        height: 22px;
        background: currentColor;
        -webkit-mask: var(--sv-ic-x) center / contain no-repeat;
        mask: var(--sv-ic-x) center / contain no-repeat;
    }

    html body.page-products .sidebar-main .sv-sheet__foot {
        display: flex;
        flex: none;
        gap: 10px;
        padding: 12px 16px;
        border-top: 1px solid var(--sv-line);
        background: #fff;
    }

    html body.page-products a.sv-sheet__clear {
        display: flex;
        align-items: center;
        height: 50px;
        padding: 0 16px;
        border-radius: var(--sv-radius);
        box-shadow: inset 0 0 0 1px var(--sv-line-strong);
        color: var(--sv-ink);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
    }

    html body.page-products button.sv-sheet__go {
        flex: 1;
        height: 50px;
        margin: 0;
        padding: 0 12px;
        border: 0;
        border-radius: var(--sv-radius);
        background: var(--sv-grad);
        box-shadow: var(--sv-btn-shine);
        color: var(--sv-on-yellow);
        font-family: inherit;
        font-size: 16px;
        font-weight: 700;
        text-transform: none;
    }
}

/* =====================================================================================================
   PRENOVA 2026 - stran izdelka: predloga svetila-si-demo #/izdelek
   Postavitev: Magento_Catalog/layout/catalog_product_view*.xml (drobtinice nad stolpcema, pomoc, zaupanje,
   prednosti), predloge product/view/{gallery,media-wishlist,details-03,attributes,sv-help,sv-trust}.phtml,
   povezani izdelki = .sv-section/.sv-track (domaca stran), JS web/js/sv-product.js
   ===================================================================================================== */
:root {
    --sv-ic-chev-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --sv-ic-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
    --sv-ic-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
    --sv-ic-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
}

/* ---------- drobtinice -> stolpca 40 px ---------- */
html body.catalog-product-view .page-main > .columns {
    padding: 40px 0 0; /* tema: 10 px levo in desno */
}

html body.catalog-product-view .columns .column.main {
    width: auto;
    min-width: 0; /* sicer fotorama (fiksna sirina) razsiri stolpec in se meri znova -> galerija raste v nedogled */
    padding-right: 0;
    padding-left: 0;
}

/* ---------- dva enaka stolpca (572 px pri vsebniku 1240), razmik 48 px ---------- */
html body.catalog-product-view.pdv-l06 .product-info-wrap,
html body.catalog-product-view.pdv-l06 .product-left-wrap {
    display: block;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
}

html body.catalog-product-view.pdv-l06 .pdif-row.pdif-wrap-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 48px;
    margin: 0;
    padding: 0;
}

/* galerija ostane na mestu (tema: .pdif-sticky-col { position: sticky; top: var(--sticky-top) }, JS jo premika) */
html body.catalog-product-view.pdv-l06 .pdif-wrap-top > .pdif-sticky-col {
    position: static !important;
    top: auto !important;
}

html body.catalog-product-view.pdv-l06 .pdif-wrap-top > .pdif-col {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    float: none;
}

html body.catalog-product-view.pdv-l06 .pdif-box {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

/* ---------- galerija: kvadrat na sivem, slicice 84 px ---------- */
html body.catalog-product-view.pdv-l06 .product.media {
    position: relative;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__stage {
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

/* fotorama premika okvirje s translate3d (vsak je svoj sloj) - sivo ozadje mora biti na okvirju, da "multiply" pobarva belo */
html body.catalog-product-view.pdv-l06 .product.media .fotorama__stage__shaft,
html body.catalog-product-view.pdv-l06 .product.media .fotorama__stage__frame {
    background: #F3F3F3;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__stage .fotorama__img {
    mix-blend-mode: multiply;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr {
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: 0 2px 8px rgba(19, 31, 46, 0.12);
    opacity: 1 !important;
    transform: none !important;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr--prev {
    left: 12px;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr--next {
    right: 12px;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr--disabled {
    opacity: 0.4 !important;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr__arr {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: var(--sv-ink);
    transform: none;
    -webkit-mask: var(--sv-ic-chev-r) center / 18px no-repeat;
    mask: var(--sv-ic-chev-r) center / 18px no-repeat;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr--prev .fotorama__arr__arr {
    -webkit-mask-image: var(--sv-ic-chev-l);
    mask-image: var(--sv-ic-chev-l);
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__nav-wrap {
    margin-top: 2px;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__nav__frame--thumb .fotorama__thumb {
    border-radius: var(--sv-radius);
    background: #F3F3F3;
    box-shadow: inset 0 0 0 1px var(--sv-line);
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__nav__frame--thumb .fotorama__thumb img {
    mix-blend-mode: multiply;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__thumb-border {
    border: 2px solid #FAB615;
    border-radius: var(--sv-radius);
    background: none;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama__thumb__arr {
    display: none !important;
}

/* srcek desno zgoraj */
html body.catalog-product-view.pdv-l06 .product-media-wishlist {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto;
    height: auto;
    margin: 0;
}

html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    font-size: 0;
    cursor: pointer;
}

html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist {
    background: var(--sv-grad) !important;
    box-shadow: var(--sv-btn-shine) !important;
    color: var(--sv-on-yellow);
}

html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist > span {
    display: none;
}

html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist::before {
    content: "" !important;
    position: static;
    width: 20px;
    height: 20px;
    margin: 0;
    background: currentColor !important;
    color: inherit !important;
    font-size: 0;
    -webkit-mask: var(--sv-ic-heart-line) center / contain no-repeat;
    mask: var(--sv-ic-heart-line) center / contain no-repeat;
}

/* kot na kartici: starejse pravilo (.pdv-l06 .product-media-wishlist .action.towishlist:hover:before, 0-6-1, !important)
   bi ob prehodu z misko dalo temno slicico namesto bele ikone skozi masko */
html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:is(:hover, :focus-visible)::before {
    background: currentColor !important;
}

html body.catalog-product-view.pdv-l06 .product-media-wishlist .action.towishlist:hover {
    filter: brightness(1.06);
}

/* ---------- desni stolpec: vse v enem stolpcu z razmikom 20 px ---------- */
html body.catalog-product-view.pdv-l06 .product-center,
html body.catalog-product-view.pdv-l06 .product-main-top.product-info-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

html body.catalog-product-view.pdv-l06 .product-confirmed-reviews {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    height: 34px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(63, 175, 130, 0.45);
    border-radius: var(--sv-radius);
    background: rgba(63, 175, 130, 0.08);
    color: var(--sv-ink);
    font-size: 14px;
    text-decoration: none;
}

html body.catalog-product-view.pdv-l06 .product-confirmed-reviews__icon,
html body.catalog-product-view.pdv-l06 .product-confirmed-reviews__icon img {
    width: 16px;
    height: 16px;
}

html body.catalog-product-view.pdv-l06 .product-confirmed-reviews__count {
    font-weight: 600;
}

html body.catalog-product-view.pdv-l06 .page-title-wrapper.product {
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .page-title-wrapper.product .page-title {
    margin: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(28px, 4.2vw, 38px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-transform: none;
}

/* cena, opomba, zaloga in dostava: ena vrstica s "tabletkami" (8 px), vrstice 20 px narazen */
html body.catalog-product-view.pdv-l06 .product-info-main-inner {
    display: flex;
    flex-direction: row; /* starejse pravilo: column */
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 8px;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-price,
html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku {
    display: contents;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-price > .price-box,
html body.catalog-product-view.pdv-l06 .product-info-main-inner .sv-price-note,
html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-purchase-section {
    flex: 0 0 100%;
}

html body.catalog-product-view.pdv-l06 .product-info-price > .price-box {
    margin: 0;
    padding: 0;
}

/* vrstni red (starejsa pravila temu dajo order 1-3): cena, opomba, tabletke, nakup */
html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-price > .price-box {
    order: 1;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .sv-price-note {
    order: 2;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku > div {
    order: 5;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku > .stock {
    order: 3;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .stock-extended-info__item {
    order: 4;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku > .product.attribute.sku {
    order: 6;
}

html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-purchase-section {
    order: 7;
}

html body.catalog-product-view.pdv-l06 .product-purchase-section > * {
    order: 5;
}

html body.catalog-product-view.pdv-l06 .product-purchase-section > .product-add-form {
    order: 1;
}

html body.catalog-product-view.pdv-l06 .product-purchase-section > .sv-ship-bar {
    order: 2;
}

html body.catalog-product-view.pdv-l06 .product-purchase-section > .product-service-panel {
    order: 3;
}

html body.catalog-product-view.pdv-l06 .product-purchase-section > .sv-pdp-help {
    order: 4;
}

html body.catalog-product-view.pdv-l06 .product-info-price .price-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

html body.catalog-product-view.pdv-l06 .product-info-price .price-wrapper .price,
html body.catalog-product-view.pdv-l06 .product-info-price .price-final_price > .price-container .price {
    color: var(--sv-ink);
    font-size: clamp(32px, 4.4vw, 40px);
    font-weight: 600;
    line-height: 1.2;
}

html body.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: var(--sv-radius);
    background: #EF4444;
    color: #fff;
}

html body.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .price-discount-badge {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

html body.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price,
html body.catalog-product-view.pdv-l06 .product-info-price .price-discount-summary .old-price .price {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: line-through;
}

html body.catalog-product-view.pdv-l06 .sv-price-note {
    margin: -14px 0 0;
    color: var(--sv-muted);
    font-size: 14px;
}

html body.catalog-product-view.pdv-l06 .sv-price-note b {
    color: #EF4444;
    font-weight: 600;
}

/* tabletke v eni vrsti: zaloga, dostava, energijski razred, sifra artikla (zelja narocnika poleg predloge) */
/* sifra: starejse pravilo (.product.attribute.sku, 5 razredov) ji da svetlejso obrobo, 36 px in sivo besedilo */
html body.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku {
    gap: 6px;
    height: 38px;
    padding: 0 10px;
    border-color: var(--sv-line-strong);
    color: var(--sv-ink);
}

html body.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku .type {
    margin: 0;
    color: var(--sv-ink);
    font-weight: 400;
}

html body.catalog-product-view.pdv-l06 .product-info-stock-sku .product.attribute.sku .value {
    color: var(--sv-ink);
    font-weight: 400;
}

html body.catalog-product-view.pdv-l06 .product-info-stock-sku > div,
html body.catalog-product-view.pdv-l06 .stock-extended-info__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
}

html body.catalog-product-view.pdv-l06 .stock-extended-info {
    display: contents;
}

html body.catalog-product-view.pdv-l06 .stock-extended-info__item strong {
    font-weight: 400;
}

html body.catalog-product-view.pdv-l06 .stock-extended-info__icon {
    width: 18px;
    height: 18px;
}

/* ---------- variacije: barva, velikost, bratje (variants-switcher), Leanpay ---------- */
/* Magentov "Na voljo samo se X" pokaze sele JS z dejansko kolicino (style display: block); prej je v HTML prazen %1 */
html body.catalog-product-view.pdv-l06 .product-info-stock-sku > .configurable-variation-qty:not([style*="block"]) {
    display: none !important;
}

/* obroki Leanpay so ze v vrstici "Obrocno placevanje z LeanPay" pod gumbom */
html body.catalog-product-view .product-info-main .leanpay-installment-product {
    display: none !important;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-attribute-label,
html body.catalog-product-view.pdv-l06 .product-options-wrapper .field > .label,
html body.catalog-product-view .product-info-main .variants-switcher__label {
    margin: 0 !important;
    color: var(--sv-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-attribute-selected-option {
    padding-left: 8px;
    color: var(--sv-muted);
    font-size: 14px;
    font-weight: 400;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 0 !important;
}

/* barva: kvadratne ploscice 48 px (kot spustni seznam); bel rob v notranjosti, da je bela barva vidna; izbrana = temna obroba */
html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.color,
html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.image {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--sv-line-strong) !important;
    border-radius: var(--sv-radius) !important;
    box-shadow: inset 0 0 0 3px #fff !important;
    outline: 0 !important;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option {
    transform: none !important;
    transition: none !important;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option:not(.disabled):hover {
    border-color: var(--sv-ink) !important;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.selected {
    border: 2px solid var(--sv-ink) !important;
}

/* brez Magentovega okenca z barvo ob prehodu z misko (stran izdelka in filtri) */
html body .swatch-option-tooltip,
html body .swatch-option-tooltip-layered {
    display: none !important;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.color::before,
html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.color::after {
    content: none !important;
}

/* velikost ipd.: besedilni swatchi kot gumbi, spustni seznam kot polja */
html body.catalog-product-view.pdv-l06 .product-options-wrapper .swatch-option.text {
    height: 48px !important;
    min-width: 48px;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--sv-line-strong) !important;
    border-radius: var(--sv-radius) !important;
    background: #fff !important;
    color: var(--sv-ink) !important;
    font-size: 14px !important;
    line-height: 46px !important;
}

/* spustni seznam: lastna puscica 16 px od roba (sistemska je cisto ob robu) */
html body.catalog-product-view.pdv-l06 .product-options-wrapper select {
    height: 48px !important;
    margin-top: 8px;
    padding: 0 46px 0 14px !important;
    border: 1px solid var(--sv-line-strong) !important;
    border-radius: var(--sv-radius) !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131F2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center / 16px 16px !important;
    color: var(--sv-ink) !important;
    font-size: 15px !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

html body.catalog-product-view.pdv-l06 .product-options-wrapper select:hover,
html body.catalog-product-view.pdv-l06 .product-options-wrapper select:focus {
    border-color: var(--sv-ink) !important;
    outline: 0;
}

/* oznake ob ceni enako velike: zaloga ima pikico, sicer enak odmik kot sifra in dostava (10 px) */
html body.catalog-product-view.pdv-l06 .product-info-stock-sku > .stock {
    padding: 0 10px 0 34px !important;
}

html body.catalog-product-view.pdv-l06 .product-info-stock-sku > .stock::before {
    left: 10px !important;
}

html body.catalog-product-view.pdv-l06 .product-info-stock-sku > .stock::after {
    left: 15px !important;
}

/* kartice: nastavljiv izdelek brez "Tako nizko, kot"/"od" - samo cena kot na ostalih karticah */
html body .product-item .normal-price .price-label,
html body .sv-track .normal-price .price-label {
    display: none !important;
}

/* bratje (773, variants-switcher.phtml): enaki gumbi; povozi slog v predlogi */
html body.catalog-product-view .product-info-main .variants-switcher {
    flex: 0 0 100%;
    order: 6;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__label {
    margin-bottom: 8px !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__list {
    gap: 8px !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__item a {
    height: 40px;
    gap: 8px !important;
    padding: 0 14px !important;
    border: 1px solid var(--sv-line-strong) !important;
    border-radius: var(--sv-radius) !important;
    background: #fff !important;
    color: var(--sv-ink) !important;
    font-size: 14px !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__item a:hover {
    border-color: var(--sv-ink) !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__item.is-current a {
    padding: 0 13px !important;
    border: 2px solid var(--sv-ink) !important;
    font-weight: 600 !important;
}

html body.catalog-product-view .product-info-main .variants-switcher__price {
    color: var(--sv-muted) !important;
    font-size: 13px !important;
    font-weight: 400;
}

/* preklop variant po oseh (773, variants-switcher.phtml .sv-var): pod ceno in oznakami, nad kosarico;
   oznake kot pri ostalih variacijah, gumbi 40 px; na racunalniku dve osi v vrsti; povozi slog v predlogi */
html body.catalog-product-view .product-info-main .sv-var {
    display: grid;
    flex: 0 0 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px 24px;
    order: 6;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

@media (min-width: 768px) {
    html body.catalog-product-view .product-info-main .sv-var {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* zadnja os brez para (npr. Velikost z dolgimi vrednostmi) in opozorilo cez celo sirino */
    html body.catalog-product-view .product-info-main .sv-var__row:nth-last-child(1 of .sv-var__row):nth-child(odd of .sv-var__row),
    html body.catalog-product-view .product-info-main .sv-var__note {
        grid-column: 1 / -1;
    }
}

html body.catalog-product-view .product-info-main .sv-var__title {
    display: none;
}

html body.catalog-product-view .product-info-main .sv-var__row {
    display: block;
    margin: 0;
}

html body.catalog-product-view .product-info-main .sv-var__label {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    color: var(--sv-ink);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

html body.catalog-product-view .product-info-main .sv-var__opts {
    gap: 8px;
}

html body.catalog-product-view .product-info-main .sv-var__opt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    padding: 0 12px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

html body.catalog-product-view .product-info-main .sv-var__opt:hover {
    border-color: var(--sv-ink);
    background: #fff;
}

html body.catalog-product-view .product-info-main .sv-var__opt.is-on {
    padding: 0 11px;
    border: 2px solid var(--sv-ink);
    font-weight: 600;
}

/* kombinacija s trenutno izbiro ne obstaja - klik izbere to vrednost in sprosti ostale osi */
html body.catalog-product-view .product-info-main .sv-var__opt.is-off {
    border-style: dashed;
    color: var(--sv-muted);
    opacity: 1;
}

html body.catalog-product-view .product-info-main .sv-var__note {
    margin: 0;
    color: #b42318;
    font-size: 13px;
}

/* ---------- kolicina + gumb (52 px) ---------- */
html body.catalog-product-view.pdv-l06 .product-purchase-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .product-add-form,
html body.catalog-product-view.pdv-l06 #product_addtocart_form,
html body.catalog-product-view.pdv-l06 .qtybox-anchor {
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart:not(.att-scr-qty.active) {
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart > .fieldset {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin: 0;
    padding: 0;
}

/* starejse pravilo za telefon: .field.qty { flex: 0 0 168px }, .actions { flex-basis: calc(100% - 192px) } */
html body.catalog-product-view.pdv-l06 .box-tocart .fieldset > .field.qty {
    flex: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart .fieldset > .field.qty .control {
    width: auto;
}

html body.catalog-product-view.pdv-l06 .box-tocart .fieldset > .actions {
    flex: 1 1 0;
    min-width: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart .field.qty > .label {
    display: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty {
    display: flex;
    align-items: stretch;
    width: 124px;
    height: 52px;
    margin: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl {
    flex: none;
    width: 46px;
    height: 52px;
    margin: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--sv-ink);
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty input.qty {
    flex: 1;
    width: 32px;
    min-width: 0;
    height: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: var(--sv-ink);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

html body.catalog-product-view.pdv-l06 .box-tocart .actions {
    display: flex;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart #product-addtocart-button {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad) !important;
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow) !important;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart #product-addtocart-button::before {
    content: "" !important;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: currentColor;
    font-size: 0;
    -webkit-mask: var(--sv-ic-cart) center / contain no-repeat;
    mask: var(--sv-ic-cart) center / contain no-repeat;
}

html body.catalog-product-view.pdv-l06 .box-tocart #product-addtocart-button > span {
    color: inherit !important;
    font: inherit !important;
}

/* do brezplacne dostave (sv-product.js) */
html body.catalog-product-view.pdv-l06 .sv-ship-bar {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html body.catalog-product-view.pdv-l06 .sv-ship-bar__text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px 10px;
    color: var(--sv-muted);
    font-size: 13px;
}

html body.catalog-product-view.pdv-l06 .sv-ship-bar__text b {
    color: var(--sv-ink);
    font-weight: 600;
}

html body.catalog-product-view.pdv-l06 .sv-ship-bar__track {
    height: 4px;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body.catalog-product-view.pdv-l06 .sv-ship-bar__fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: var(--sv-radius);
    background: #FAB615;
    transition: width .3s ease;
}

/* ---------- prednosti (vrstica) + kartice: nizja cena, obroki (OptiModules_ProductInfo), pomoc ---------- */
html body.catalog-product-view.pdv-l06 .product-service-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .product-service-panel__benefits {
    order: -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .product-service-benefit {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto;
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .product-service-benefit__icon {
    display: block;
    flex: none;
    width: 14px;
    height: 14px;
    background: #3FAF82;
    -webkit-mask: var(--sv-ic-tick) center / contain no-repeat;
    mask: var(--sv-ic-tick) center / contain no-repeat;
}

html body.catalog-product-view.pdv-l06 .product-service-benefit__icon img {
    display: none;
}

html body.catalog-product-view.pdv-l06 .product-service-benefit__text {
    color: var(--sv-muted);
    font-size: 13px;
    line-height: 1.25;
}

html body.catalog-product-view.pdv-l06 .product-service-panel__actions {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-bottom: 0;
    border-radius: var(--sv-radius) var(--sv-radius) 0 0;
}

html body.catalog-product-view.pdv-l06 .product-service-cta,
html body.catalog-product-view.pdv-l06 .sv-pdp-help {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 16px;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 14px;
    width: 100%;
    min-height: 64px;
    margin: 0;
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid rgba(19, 31, 46, 0.12);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
}

html body.catalog-product-view.pdv-l06 .product-service-cta:hover,
html body.catalog-product-view.pdv-l06 .sv-pdp-help:hover {
    background: #FCFCFC;
}

/* predloga: najprej "Nizja cena drugje?", nato obroki */
html body.catalog-product-view.pdv-l06 .product-service-cta--price-match {
    order: -1;
}

html body.catalog-product-view.pdv-l06 .product-service-cta::before {
    content: "";
    grid-row: 1 / 3;
    width: 36px;
    height: 36px;
    border-radius: var(--sv-radius);
    background: #FEF7E6 var(--sv-ic-tag) center / 20px no-repeat;
}

html body.catalog-product-view.pdv-l06 .product-service-cta--limit::before {
    background-image: var(--sv-ic-card);
}

html body.catalog-product-view.pdv-l06 .product-service-cta__eyebrow,
html body.catalog-product-view.pdv-l06 .sv-pdp-help__text b {
    grid-column: 2;
    align-self: end;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

html body.catalog-product-view.pdv-l06 .product-service-cta__title,
html body.catalog-product-view.pdv-l06 .sv-pdp-help__text > span {
    grid-column: 2;
    align-self: start;
    color: var(--sv-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

html body.catalog-product-view.pdv-l06 .product-service-cta__arrow {
    grid-column: 3;
    grid-row: 1 / 3;
    width: 16px;
    height: 16px;
    background: var(--sv-ink);
    font-size: 0;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
}

/* pomoc pri izbiri (sv-help.phtml) zakljuci kartico; ~ in ne +, ker sta vmes lahko <template> (moduli) */
html body.catalog-product-view.pdv-l06 .product-service-panel ~ .sv-pdp-help {
    margin-top: -20px;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-help {
    border: 1px solid var(--sv-line);
    border-top: 0;
    border-radius: 0 0 var(--sv-radius) var(--sv-radius);
}

html body.catalog-product-view.pdv-l06 .sv-pdp-help__icon {
    display: flex;
    grid-row: 1 / 3;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--sv-radius);
    background: #FEF7E6;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-help__text {
    display: contents;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-help__arrow {
    grid-column: 3;
    grid-row: 1 / 3;
}

/* ---------- razdelki: Vec informacij, Dostava in prevzem, Podatki o proizvajalcu ---------- */
html body.catalog-product-view.pdv-l06 .product-main-middle,
html body.catalog-product-view.pdv-l06 .product.info.detailed.cdz-detailed-03 {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .product.data.items {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--sv-line);
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-tab-box {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--sv-line);
    background: none;
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 18px 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none;
    color: var(--sv-ink) !important;
    font-family: inherit;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    text-decoration: none !important;
    text-transform: none !important;
    list-style: none;
    cursor: pointer;
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title::-webkit-details-marker {
    display: none;
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title .data.switch {
    flex: 1;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-transform: none;
}

html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title::before,
html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title .data.switch::before,
html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-title .data.switch::after {
    display: none !important;
}

/* puscica: Vec informacij (StockExtended) in razdelka details (dostava, proizvajalec) */
html body.catalog-product-view.pdv-l06 #tab-label-additional .stockextended-additional-indicator,
html body.catalog-product-view.pdv-l06 .cdz-detailed-03 summary.pdif-box-title::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 0;
    background: var(--sv-ink);
    transform: none;
    transition: transform .15s;
    -webkit-mask: var(--sv-ic-chev-d) center / contain no-repeat;
    mask: var(--sv-ic-chev-d) center / contain no-repeat;
}

html body.catalog-product-view.pdv-l06 #tab-label-additional[aria-expanded="true"] .stockextended-additional-indicator,
html body.catalog-product-view.pdv-l06 .cdz-detailed-03 details[open] > summary.pdif-box-title::after {
    transform: rotate(180deg);
}

/* podatki o proizvajalcu (manufacturer_info_link.phtml) */
html body.catalog-product-view.pdv-l06 .sv-pdp-manu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 18px;
    color: var(--sv-muted);
    font-size: 14px;
    line-height: 1.55;
    animation: svDrop .2s ease-out;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-manu__name {
    align-self: flex-start;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

html body.catalog-product-view.pdv-l06 a.sv-pdp-manu__name:hover {
    color: var(--sv-yellow-dark);
    text-decoration: underline;
}


html body.catalog-product-view.pdv-l06 .cdz-detailed-03 .pdif-box-content {
    margin: 0;
    padding: 0 0 18px;
    border: 0;
    background: none;
}

/* tabela lastnosti: zebra, 50 / 50 */
html body.catalog-product-view.pdv-l06 #product-attribute-specs-table {
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    border-collapse: separate;
    border-spacing: 0;
}

html body.catalog-product-view.pdv-l06 #product-attribute-specs-table col {
    width: 50% !important;
}

html body.catalog-product-view.pdv-l06 #product-attribute-specs-table tr:nth-child(odd) {
    background: #F7F7F7;
}

html body.catalog-product-view.pdv-l06 #product-attribute-specs-table :is(th, td) {
    padding: 12px 14px;
    border: 0;
    background: none;
    color: var(--sv-muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    vertical-align: top;
}

html body.catalog-product-view.pdv-l06 #product-attribute-specs-table td {
    color: var(--sv-ink);
    font-weight: 500;
}

/* dostava in prevzem */
html body.catalog-product-view.pdv-l06 .sv-pdp-ship {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.45;
    animation: svDrop .2s ease-out;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-ship__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-ship__row b {
    flex: none;
    font-weight: 600;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-ship__free {
    color: #2DA34A;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-ship__note {
    margin: 0;
    color: var(--sv-muted);
}

/* ---------- povezani izdelki (drsnik domace strani), zaupanje ---------- */
html body.catalog-product-view.pdv-l06 .product-related-row {
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 #pdv-box-catalog-product-related {
    margin: 0;
    padding: 0;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-related,
html body.catalog-product-view.pdv-l06 .sv-pdp-similar {
    max-width: none;
    padding: clamp(56px, 9vw, 88px) 0 0; /* .sv-section ima stranski odmik za polno sirino - tu je ze v vsebniku */
}

html body.catalog-product-view .sv-pdp-trust {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: clamp(56px, 9vw, 88px);
    padding: clamp(20px, 4vw, 32px);
    border-radius: var(--sv-radius);
    background: #FEF7E6;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

html body.catalog-product-view .sv-pdp-trust__pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: var(--sv-radius);
    background: #3FAF82;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

html body.catalog-product-view .sv-pdp-trust__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: clamp(24px, 4vw, 30px);
    font-weight: 500;
    line-height: 1.2;
}

html body.catalog-product-view .sv-pdp-trust__score {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
}

html body.catalog-product-view .sv-pdp-trust__num {
    font-size: 52px;
    font-weight: 600;
    line-height: 0.9;
}

html body.catalog-product-view .sv-pdp-trust__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--sv-muted);
    font-size: 13px;
}

html body.catalog-product-view .sv-pdp-trust__text {
    margin: 0;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.55;
}

html body.catalog-product-view .sv-pdp-trust__text b {
    color: var(--sv-ink);
}

/* ---------- vrstica z gumbom spodaj (Codazon floating-addtocart.phtml, pozicija "bottom" v layoutu);
   .scr-loaded zvisa specificnost nad starejsa pravila (.fieldset.container, .scr-qty-thumb) ---------- */
html body.catalog-product-view.pdv-l06 .box-tocart:not(.active) .scr-pinfo {
    display: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active {
    --stk_atc_h: 47px; /* tema: visina gumba v vrstici (height: var(--stk_atc_h) !important) */
    position: fixed !important;
    top: auto !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--sv-line);
    background: #fff;
    box-shadow: none;
    opacity: 1;
    animation: svUp .25s ease;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active > .fieldset {
    box-sizing: border-box;
    display: flex; /* starejse pravilo: grid */
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 12px clamp(16px, 4vw, 24px);
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .field.qty {
    display: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo {
    display: grid !important; /* tema: flex !important */
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    letter-spacing: 0;
    flex: 1;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
    row-gap: 2px;
    min-width: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-qty-thumb {
    display: flex;
    grid-row: 1 / 3;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-qty-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pname {
    overflow: hidden;
    margin: 0;
    padding: 0 !important; /* tema: 0 20px - ime ni bilo poravnano s ceno */
    color: var(--sv-ink);
    font-family: inherit !important; /* tema: svoja pisava in prelom na telefonu */
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .price-container {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .price-wrapper .price {
    color: var(--sv-ink);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .price-discount-summary {
    padding: 0;
    background: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .price-discount-badge {
    display: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .old-price,
html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .old-price .price {
    color: var(--sv-muted);
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

/* cena v vrstici se ne prelomi ("21,12 / EUR"); oznaka "Razstavni eksponat" na telefonu ne gre zraven
   (vrstica ima tam za ime in ceno ~150 px, oznaka je ze ob ceni v glavi izdelka) */
html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .price {
    white-space: nowrap;
}

@media (max-width: 767px) {
    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pprice .odprodaja-showroom {
        display: none !important;
    }
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .actions {
    flex: none;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active #product-addtocart-button {
    flex: none; /* v vrstici je .actions stolpec - flex: 1 bi gumb stisnil */
    width: auto !important;
    height: 47px;
    padding: 0 24px;
    font-size: 16px;
}

html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .qty-limit-note {
    display: none;
}

/* ---------- stran izdelka: tablica in telefon - en stolpec ---------- */
@media (max-width: 899px) {
    html body.catalog-product-view.pdv-l06 .pdif-row.pdif-wrap-top {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    html body.catalog-product-view .page-main > .columns {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    html body.catalog-product-view.pdv-l06 .product.media .fotorama__arr {
        display: none !important;
    }

    html body.catalog-product-view.pdv-l06 .product-service-panel__benefits {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart #product-addtocart-button {
        font-size: 16px;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active > .fieldset {
        gap: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo {
        grid-template-columns: minmax(0, 1fr);
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-qty-thumb {
        display: none;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .scr-pinfo .scr-pname {
        font-size: 13px;
    }

    /* starejsa pravila za telefon: gumb cez vso sirino, samo ikona */
    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active .actions {
        width: auto !important;
        min-width: 0 !important;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active #product-addtocart-button {
        min-width: 0 !important;
        height: 44px;
        padding: 0 16px;
        font-size: 15px;
    }

    html body.catalog-product-view.pdv-l06 .box-tocart.scr-loaded.att-scr-qty.active #product-addtocart-button > span {
        display: inline !important;
    }
}

/* ---------- kolicina: prave ikone - in + (tema: znaka iz pisave in ozadje ob prehodu) ---------- */
:root {
    --sv-ic-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    --sv-ic-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button,
html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button:is(:hover, :focus, :active) {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    outline: 0;
    color: var(--sv-ink);
    font-size: 0;
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button::before {
    content: "" !important;
    position: static;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 0;
    background: currentColor;
    font-size: 0;
    transform: none;
    -webkit-mask: var(--sv-ic-minus) center / contain no-repeat;
    mask: var(--sv-ic-minus) center / contain no-repeat;
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button.increase::before {
    -webkit-mask-image: var(--sv-ic-plus);
    mask-image: var(--sv-ic-plus);
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button::after {
    display: none !important;
}

html body.catalog-product-view.pdv-l06 .box-tocart .cart-qty .qty-ctl button:hover {
    color: var(--sv-yellow-dark);
}

/* ---------- galerija: okvir vedno 1 : 1, slika cela (contain - pokoncne/lezece fotografije se ne obrezejo),
   zamaknjena 7 % od roba, da izdelek ni preblizu ---------- */
/* okvir je vedno kvadrat, tudi ce galerija (fotorama) visino izracuna iz razmerja pokoncne slike - npr. ob spremembi
   sirine okna; okvirji in trak so 100 % visine odra (gallery.css) */
html body.catalog-product-view.pdv-l06 .product.media .fotorama:not(.fotorama--fullscreen) .fotorama__stage {
    height: auto !important;
    aspect-ratio: 1 / 1;
}

html body.catalog-product-view.pdv-l06 .product.media .fotorama:not(.fotorama--fullscreen) .fotorama__stage__frame .fotorama__img {
    top: 7% !important;
    left: 7% !important;
    width: 86% !important;
    height: 86% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    transform: none !important;
}

/* fotorama_vertical_ratio da sliki top 50 % + translateY(-50 %); pri top 0 bi jo zamaknilo za pol visine gor */
html body.catalog-product-view.pdv-l06 .product.media .fotorama__nav__frame--thumb .fotorama__thumb img {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: none !important;
}

/* podobni izdelki (sv-similar.phtml): kartice drsnika domace strani v mrezi 4 x 2, na telefonu 2 stolpca */
html body.catalog-product-view.pdv-l06 .sv-pdp-similar .sv-track {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-columns: auto;
    gap: 24px;
    overflow: visible;
    scroll-snap-type: none;
}

html body.catalog-product-view.pdv-l06 .sv-pdp-similar .sv-track > .product-item {
    width: auto;
    min-width: 0;
}

@media (max-width: 899px) {
    html body.catalog-product-view.pdv-l06 .sv-pdp-similar .sv-track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

/* ---------- stranska okna (OptiModules_InfoFlyout: obrocno placevanje, izenacimo ceno, zaloga) kot predal .sv-dr
   (Prijava, Priljubljeni, kosarica): bela zamegljena podlaga, 472 px, naslov 35 px, X brez okvirja, isti zdrs.
   Modul okno odpre z odstranitvijo [hidden] in hkrati doda .is-open - pri display:none bi zdrs ob odpiranju izostal,
   zato je okno vedno display:block in skrito z visibility (kot .sv-dr). ---------- */
html body .opti-info-flyout,
html body .opti-info-flyout[hidden] {
    display: block;
    z-index: 1100;
    visibility: hidden;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    line-height: normal;
    color: var(--sv-ink);
    transition: visibility 0s .32s;
}

html body .opti-info-flyout.is-open {
    visibility: visible;
    transition: none;
}

html body .opti-info-flyout__overlay {
    background: rgba(255, 255, 255, 0.61);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity .2s;
}

html body .opti-info-flyout.is-open .opti-info-flyout__overlay {
    opacity: 1;
}

html body .opti-info-flyout__panel {
    width: min(472px, 100%);
    box-shadow: 0 0 27.1px rgba(0, 0, 0, 0.2);
    transition: transform .32s cubic-bezier(.2, .8, .2, 1);
}

html body .opti-info-flyout__content {
    gap: 20px;
    padding: 28px;
}

html body .opti-info-flyout__label {
    margin: 0;
}

html body .opti-info-flyout__title {
    margin: 0 44px 0 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(26px, 7vw, 35px); /* daljsi naslovi (Obrocno placevanje) na telefonu v eni vrstici */
    font-weight: 500;
    line-height: 44px;
}

html body .opti-info-flyout button.opti-info-flyout__close {
    top: 28px;
    right: 16px;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: var(--sv-ink);
}

html body .opti-info-flyout__close span {
    display: none;
}

html body .opti-info-flyout__close::before {
    content: "";
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-x) center / contain no-repeat;
    mask: var(--sv-ic-x) center / contain no-repeat;
}

html body .opti-info-flyout__body {
    color: var(--sv-ink);
    font-size: 15px;
    line-height: 1.6;
}

/* obrocno placevanje (OptiModules_ProductInfo actions.phtml, predloga #leanpay) */
html body .product-flyout-panel--leanpay .product-flyout-panel__main {
    gap: 20px;
}

/* logotip v vrstici z besedilom (flex bi "z" pustil sam na koncu vrstice, logotip pa v novi) */
html body .product-flyout-panel--leanpay .product-flyout-panel__lead {
    display: block;
    font-size: 16px;
    line-height: 1.45;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__lead strong {
    font-weight: 600;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__logo {
    display: inline-block;
    height: 20px;
    margin-left: 4px;
    vertical-align: -4px;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__text {
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* "do 12 obrokov brez obresti" kot okvircek ugodnosti v predalu Prijava (.sv-login__perks) */
html body .product-flyout-panel--leanpay .product-flyout-panel__highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 600;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__highlight::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: var(--sv-yellow-dark);
    -webkit-mask: var(--sv-ic-check) center / contain no-repeat;
    mask: var(--sv-ic-check) center / contain no-repeat;
}

/* izracun: vrednost nakupa (vrstica), obroki (gumbi), mesecni obrok (sivo polje) */
html body .product-flyout-panel--leanpay .product-flyout-panel__summary {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--sv-line);
}

html body .product-flyout-panel--leanpay .product-flyout-panel__summary-label,
html body .product-flyout-panel--leanpay .product-flyout-panel__monthly-label {
    color: var(--sv-muted);
    font-size: 15px;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__summary-value {
    color: var(--sv-ink);
    font-size: 18px;
    font-weight: 600;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__terms {
    flex-wrap: nowrap;
    gap: 8px;
}

html body .product-flyout-panel--leanpay button.product-flyout-panel__term {
    flex: 1 1 0;
    min-width: 0;
    height: 47px;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    transition: box-shadow .15s;
}

html body .product-flyout-panel--leanpay button.product-flyout-panel__term:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
}

html body .product-flyout-panel--leanpay button.product-flyout-panel__term.is-active {
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
}

html body .product-flyout-panel--leanpay .product-flyout-panel__monthly {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__monthly-value {
    color: var(--sv-ink);
    font-size: 28px;
    font-weight: 600;
}

/* "Preverite svoj limit" kot drugotni gumb predala (.sv-dr__btn) */
html body .product-flyout-panel--leanpay a.product-flyout-panel__link {
    justify-content: center;
    gap: 8px;
    height: 47px;
    border-radius: var(--sv-radius);
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    transition: box-shadow .15s;
}

html body .product-flyout-panel--leanpay a.product-flyout-panel__link:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    color: var(--sv-ink);
    text-decoration: none;
}

html body .product-flyout-panel--leanpay a.product-flyout-panel__link span {
    display: flex;
}

html body .product-flyout-panel--leanpay .product-flyout-panel__disclaimer {
    padding-top: 20px;
    color: var(--sv-muted);
    font-size: 13px;
    line-height: 1.5;
}

/* izenacite ceno (actions.phtml, predloga #price-match): polja in gumb kot v predalu Prijava (.sv-field, .sv-dr__btn--main) */
/* postavitev kot Prijava: uvodno besedilo zgoraj (opomba o odgovoru, prevod v sl_SI.csv), polja, gumb,
   pogoji na dnu predala */
html body .opti-info-flyout__body > .product-flyout-panel--price-match {
    flex: 1 1 auto;
}

html body .opti-info-flyout .product-price-match-form {
    flex: 1 1 auto;
    gap: 6px;
}

html body .opti-info-flyout .product-price-match-form__label {
    margin: 0;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

html body .opti-info-flyout .product-price-match-form__input + .product-price-match-form__label {
    margin-top: 10px;
}

html body .opti-info-flyout input.product-price-match-form__input {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px;
    transition: border-color .15s, box-shadow .15s;
}

html body .opti-info-flyout input.product-price-match-form__input:focus {
    border-color: #FAB615;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(250, 182, 21, 0.22);
}

html body .opti-info-flyout button.product-price-match-form__submit {
    gap: 8px;
    height: 47px;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    transition: filter .15s, transform .1s;
}

html body .opti-info-flyout button.product-price-match-form__submit::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body .opti-info-flyout button.product-price-match-form__submit:hover {
    filter: brightness(1.06);
}

html body .opti-info-flyout button.product-price-match-form__submit:active {
    transform: scale(0.98);
}

html body .opti-info-flyout .product-price-match-form__message:empty {
    min-height: 0;
}

html body .opti-info-flyout .product-price-match-form__note {
    order: -1;
    margin: 0 0 10px;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.6;
}

html body .opti-info-flyout a.product-price-match-form__terms {
    align-self: center;
    margin-top: auto;
    padding-top: 20px;
    color: var(--sv-ink);
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------- sporocila strani (Magento_Theme messages, npr. napaka pri dodajanju v kosarico) v slogu prenove:
   kartica z barvno ikono namesto zelenega/rdecega traku stare teme (ikona iz pisave icons-blank-theme) ---------- */
:root {
    --sv-ic-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E");
}

/* "Dodali ste X v svojo kosarico": po dodajanju se odpre stranska kosarica (add-to-cart-no-fly-mixin.js),
   sporocilo bi bilo podvojeno */
html body .page.messages .message-success:has(a[href*="/checkout/cart"]) {
    display: none;
}

html body .page.messages .message {
    position: relative;
    margin: 0 0 12px;
    padding: 12px 16px 12px 46px;
    border: 1px solid rgba(63, 175, 130, 0.35);
    border-radius: var(--sv-radius);
    background: #F2FAF6;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

html body .page.messages .message:is(.message-error, .error) {
    border-color: rgba(239, 68, 68, 0.35);
    background: #FEF2F2;
}

html body .page.messages .message:is(.message-warning, .warning, .message-notice, .notice, .message-info, .info) {
    border-color: rgba(238, 167, 0, 0.35);
    background: #FFFBF0;
}

html body .page.messages .message > div::before {
    content: "" !important;
    position: absolute;
    top: 50%;
    left: 16px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0;
    background: #3FAF82;
    font-size: 0;
    line-height: 0;
    -webkit-mask: var(--sv-ic-check) center / contain no-repeat;
    mask: var(--sv-ic-check) center / contain no-repeat;
}

html body .page.messages .message:is(.message-error, .error) > div::before {
    background: var(--sv-red);
    -webkit-mask-image: var(--sv-ic-alert);
    mask-image: var(--sv-ic-alert);
}

html body .page.messages .message:is(.message-warning, .warning, .message-notice, .notice, .message-info, .info) > div::before {
    background: var(--sv-yellow-dark);
    -webkit-mask-image: var(--sv-ic-alert);
    mask-image: var(--sv-ic-alert);
}

html body .page.messages .message a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* telefon: oznake v dveh vrsticah - "Na zalogi" + sifra, nato dostava (in energijski razred); po vrstnem redu
   zaloga, dostava, sifra bi bila vsaka v svoji vrstici */
@media (max-width: 767px) {
    html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku > div {
        order: 6;
    }

    html body.catalog-product-view.pdv-l06 .product-info-main-inner .product-info-stock-sku > .product.attribute.sku {
        order: 4;
    }

    html body.catalog-product-view.pdv-l06 .product-info-main-inner .stock-extended-info__item {
        order: 5;
    }
}

/* =====================================================================================================
   PRENOVA 2026 - registracija (customer/account/create), prijava (login), pozabljeno geslo (forgotpassword) in novo
   geslo (createpassword - lokalno ni preverjeno, odpre se samo s povezavo iz e-poste): centriran obrazec v enem stolpcu (440 px) v slogu
   predala Prijava - naslov, podnaslov, ime + priimek, e-posta, geslo, potrditev, gumb. Naslovi sklopov so samo
   za bralnike zaslona. Magento_Customer/templates/form/{register,login}.phtml + layout/customer_account_{create,login}.xml
   ===================================================================================================== */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-main {
    padding: 0;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    color: var(--sv-ink);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-title-wrapper,
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-main > .columns {
    max-width: calc(440px + 2 * clamp(16px, 4vw, 24px));
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 24px);
    box-sizing: border-box;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-title-wrapper {
    padding-top: clamp(40px, 7vw, 72px);
    text-align: center;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-title-wrapper .page-title {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(30px, 4.2vw, 38px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .page-main > .columns {
    padding-top: 10px;
    padding-bottom: clamp(56px, 9vw, 88px);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .column.main {
    width: auto;
    padding: 0;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .sv-register__intro {
    margin: 0 0 32px;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

/* obrazec: brez stare kartice (sredinska, obroba); Magento styles-l.css od 769 px: width 50 %, min-width 600 px */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) .sv-register form:is(:is(.form-create-account, .form-login, .password.forget, .password.reset), .form-login) {
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px 12px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset.additional_info {
    display: block;
    margin: 0;
}

/* naslova sklopov (Osebni podatki, Podatki za prijavo) samo za bralnike zaslona */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset > .legend {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset::after {
    content: none;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset > * {
    grid-column: 1 / -1;
    margin: 0;
}

/* ime + priimek v eni vrstici */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .fieldset > :is(.field-name-firstname, .field-name-lastname) {
    grid-column: auto;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field > .label {
    display: flex;
    align-items: baseline;
    gap: 3px;
    margin: 0 0 6px;
    padding: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field.required > .label::after {
    margin: 0;
    color: var(--sv-red);
    font-size: 14px;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) input.input-text {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background-color: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px; /* manj kot 16 px: iOS ob fokusu poveca stran */
    transition: border-color .15s, box-shadow .15s;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) input.input-text:focus {
    border-color: #FAB615;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(250, 182, 21, 0.22);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) input.input-text.mage-error {
    border-color: var(--sv-red);
}

/* oko v polju gesla (gumb .sv-field__eye kot v predalu Prijava; ikona .sv-field__eye::before je skupna) */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field:is(.password, .confirmation) > .control {
    position: relative;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field:is(.password, .confirmation) input.input-text {
    padding-right: 48px;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) button.sv-field__eye {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; /* polje Geslo ima v temi svoj sloj (merilnik moci) in bi prekrilo gumb */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--sv-muted);
    cursor: pointer;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) button.sv-field__eye:hover {
    color: var(--sv-ink);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) div.mage-error {
    margin: 6px 0 0;
    color: var(--sv-red);
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field.choice {
    display: flex;
    align-items: center;
    gap: 10px;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .field.choice > .label {
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) input.checkbox {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--sv-yellow-dark);
    cursor: pointer;
}

/* merilnik moci gesla skrit (zelja narocnika); element ostane za Magento passwordStrengthIndicator, zahteve za
   geslo (dolzina, vrste znakov) se preverijo ob oddaji in izpisejo pod poljem */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) #password-strength-meter-container {
    display: none;
}

/* gumb kot "Prijava" v predalu; pod njim "Ze imate racun? Prijavite se" */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: auto;
    margin: 8px 0 0;
    padding: 0;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar > :is(.primary, .secondary) {
    float: none;
    width: auto;
    margin: 0;
    text-align: center;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar :is(button#send2, button.action.submit.primary) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    transition: filter .15s, transform .1s;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar :is(button#send2, button.action.submit.primary)::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar :is(button#send2, button.action.submit.primary):hover {
    filter: brightness(1.06);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar :is(button#send2, button.action.submit.primary):active {
    transform: scale(0.98);
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar .secondary {
    color: var(--sv-muted);
    font-size: 14px;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar a.action.back {
    display: inline;
    margin: 0 0 0 4px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: none;
}

html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword) :is(.form-create-account, .form-login, .password.forget, .password.reset) .actions-toolbar a.action.back::before {
    content: none;
}

/* prijava: brez dveh stolpcev Luma (.login-container .block 48 %), naslova bloka in opombe; "Ste pozabili geslo?"
   desno nad gumbom (kot v predalu Prijava); pod obrazcem "Nimate racuna? Ustvarite ga" */
html body.customer-account-login .login-container {
    display: block;
    width: auto; /* Codazon main-styles.css: 50 %, obroba, belo ozadje */
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

html body.customer-account-login .login-container .block.block-customer-login {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

html body.customer-account-login .block-customer-login .block-content {
    padding: 0;
}

html body.customer-account-login .login-container .block .form-login .actions-toolbar {
    margin: 0;
    padding: 0;
}

html body.customer-account-login .login-container .block .form-login .actions-toolbar > :is(.primary, .secondary) {
    margin: 0;
}

html body.customer-account-login .login-container .block .form-login .actions-toolbar > .secondary {
    order: -1;
    margin-top: -4px; /* 12 px pod geslom (razmik sklopa 16 px) */
    text-align: right;
}

html body.customer-account-login .login-container .block .form-login .actions-toolbar .secondary a.action.remind {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-transform: none;
    float: none;
}

html body.customer-account-login .login-container .block .form-login .actions-toolbar .secondary a.action.remind::before {
    content: none;
}

html body.customer-account-login .sv-register__switch {
    margin: 16px 0 0;
    color: var(--sv-muted);
    font-size: 14px;
    text-align: center;
}

html body.customer-account-login .sv-register__switch a {
    margin-left: 4px;
    color: var(--sv-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

:root {
    --sv-ic-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
}

/* pozabljeno geslo (Magentova predloga form/forgotpassword.phtml - samo CSS in prevodi v sl_SI.csv): obrazec je
   neposredno v .column.main (ne v .sv-register), opomba je podnaslov, CAPTCHA: polje, pod njim slika + "Osvezi" */
html body.customer-account-forgotpassword .column.main form.password.forget {
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

html body.customer-account-forgotpassword .password.forget .fieldset > .field.note {
    margin: 0 0 16px;
    padding: 0;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

html body.customer-account-forgotpassword .password.forget .field.captcha .nested,
html body.customer-account-forgotpassword .password.forget .field.captcha .nested .field {
    margin: 0;
    padding: 0;
}

html body.customer-account-forgotpassword .password.forget .control.captcha-image {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 0;
}

html body.customer-account-forgotpassword .password.forget .captcha-img {
    height: 48px;
    margin: 0;
    border-radius: var(--sv-radius);
    box-shadow: inset 0 0 0 1px var(--sv-line);
}

/* "Nova koda" kot ikona osvezi; ime za bralnike zaslona ostane v title (Reload captcha -> "Nova koda") */
html body.customer-account-forgotpassword .password.forget button.captcha-reload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    transition: box-shadow .15s;
}

html body.customer-account-forgotpassword .password.forget button.captcha-reload > span {
    display: none;
}

html body.customer-account-forgotpassword .password.forget button.captcha-reload::before {
    content: "";
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-refresh) center / contain no-repeat;
    mask: var(--sv-ic-refresh) center / contain no-repeat;
}

html body.customer-account-forgotpassword .password.forget button.captcha-reload:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
}

/* Codazon main-styles.css (.customer-account-forgotpassword .form.password.forget .actions-toolbar .secondary a.action,
   7 razredov): "VRNI SE" z velikimi crkami; razmik sklopa 20 px -> kot na registraciji/prijavi */
html body.customer-account-forgotpassword .column.main form.password.forget .actions-toolbar .secondary a.action.back {
    text-transform: none;
}

/* "Vrni se" (Magentov niz "Go back" velja tudi za druge obrazce racuna, zato ne v sl_SI.csv) -> "Nazaj na prijavo".
   ponytail: besedilo v CSS; ce bo kdaj child forgotpassword.phtml, naj gre tja */
html body.customer-account-forgotpassword .column.main form.password.forget a.action.back > span {
    display: none;
}

html body.customer-account-forgotpassword .column.main form.password.forget a.action.back::after {
    content: "Nazaj na prijavo";
}

html body.customer-account-forgotpassword .column.main form.password.forget > .fieldset {
    margin-bottom: 16px;
}

html body.customer-account-forgotpassword .column.main form.password.forget > .actions-toolbar {
    margin-top: 8px;
}

/* sporocila (npr. napacno geslo, poslana povezava) na sirino obrazca, ne cez celo stran */
html body:is(.customer-account-create, .customer-account-login, .customer-account-forgotpassword, .customer-account-createpassword, .customer-account-logoutsuccess) .page.messages {
    max-width: calc(440px + 2 * clamp(16px, 4vw, 24px));
    margin: 16px auto 0;
    padding: 0 clamp(16px, 4vw, 24px);
    box-sizing: border-box;
}

/* novo geslo: obrazec je neposredno v .column.main (kot pozabljeno geslo); merilnik moci skrit kot na registraciji */
html body.customer-account-createpassword .column.main form.password.reset {
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

html body.customer-account-createpassword .column.main form.password.reset .field.note {
    margin: 0 0 16px;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

/* odjava (customer/account/logoutSuccess): naslov in besedilo na sredini kot ostale strani racuna */
html body.customer-account-logoutsuccess .page-title-wrapper {
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 24px) 0;
    box-sizing: border-box;
    text-align: center;
}

html body.customer-account-logoutsuccess .page-title-wrapper .page-title {
    display: block;
    margin: 0;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: clamp(30px, 4.2vw, 38px);
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
}

html body.customer-account-logoutsuccess .column.main {
    padding: 10px clamp(16px, 4vw, 24px) clamp(56px, 9vw, 88px);
    color: var(--sv-muted);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

/* =====================================================================================================
   PRENOVA 2026 - servisne strani (O nas, pogoji, zasebnost, reklamacije, katalogi, pogosta vprasanja):
   predloga svetila-si-demo "Svetila Vsebina" - meni "Informacije" levo (telefon: cipi), vsebina iz admina desno
   do 820 px, naslov namesto rumenega traku, temen poziv na dnu. Magento_Cms/layout/sv_info_page.xml (+ id_*.xml)
   ===================================================================================================== */
html body.sv-info-page .page-main > .columns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 40px;
    margin: 0;
    padding: 40px 0 0;
}

html body.sv-info-page .page-main > .columns > .column.main {
    flex: 999 1 420px;
    float: none;
    width: auto;
    min-width: 0;
    max-width: 820px;
    margin: 0;
    padding: 0;
}

/* meni "Informacije" */
html body.sv-info-page .sv-info-nav {
    position: sticky;
    top: 150px;
    flex: 0 0 240px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
}

html body.sv-info-page .sv-info-nav__title {
    padding: 8px 12px;
    color: var(--sv-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

html body.sv-info-page a.sv-info-nav__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: var(--sv-radius);
    color: var(--sv-ink);
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color .15s;
}

html body.sv-info-page a.sv-info-nav__link::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    opacity: 0;
    -webkit-mask: var(--sv-ic-chev-r) center / contain no-repeat;
    mask: var(--sv-ic-chev-r) center / contain no-repeat;
    transition: opacity .15s;
}

html body.sv-info-page a.sv-info-nav__link:hover {
    background: #FFFBF0;
    color: var(--sv-ink);
    text-decoration: none;
}

html body.sv-info-page a.sv-info-nav__link[aria-current="page"] {
    background: #FFFBF0;
    font-weight: 600;
}

html body.sv-info-page a.sv-info-nav__link:is(:hover, [aria-current="page"])::after {
    opacity: 1;
}

/* naslov strani: Page Builder blok z rumenim trakom (.banner .banner-title, CSS v vsebini) -> naslov H1 kot drugje.
   Odmike bloka nastavi Page Builder z #html-body [data-pb-style=...] (ID), zato !important */
html body.sv-info-page .column.main [data-content-type="html"]:has(> .banner) {
    margin: 0 0 28px !important;
}

html body.sv-info-page .column.main .banner {
    border-radius: 0;
    background: none;
}

html body.sv-info-page .column.main .banner-inner {
    max-width: none;
    padding: 0;
}

html body.sv-info-page .column.main :is(h1.banner-title, h1.sv-info-title) {
    margin: 0;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: clamp(30px, 4.2vw, 40px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

/* temen poziv na dnu (sv-info-cta.phtml) */
html body:is(.sv-info-page, .blog-post-view) .sv-info-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0 0;
    padding: clamp(22px, 4vw, 32px);
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    color: #fff;
}

html body:is(.sv-info-page, .blog-post-view) .sv-info-cta__text {
    display: flex;
    flex: 1 1 320px;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

html body:is(.sv-info-page, .blog-post-view) .sv-info-cta__text b {
    font-size: clamp(18px, 2.4vw, 22px);
    font-weight: 600;
    line-height: 1.3;
}

html body:is(.sv-info-page, .blog-post-view) .sv-info-cta__text span {
    font-size: 15px;
    line-height: 1.55;
    opacity: 0.85;
}

html body:is(.sv-info-page, .blog-post-view) .sv-info-cta__text a {
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

html body:is(.sv-info-page, .blog-post-view) a.sv-info-cta__btn {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    padding: 0 22px;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: filter .15s, transform .1s;
}

html body:is(.sv-info-page, .blog-post-view) a.sv-info-cta__btn::after {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body:is(.sv-info-page, .blog-post-view) a.sv-info-cta__btn:hover {
    filter: brightness(1.06);
    color: var(--sv-on-yellow);
    text-decoration: none;
}

/* pogosta vprasanja: pripomocek .faq-widget iz vsebine (odpiranje in razred .is-open doda njegova skripta) ->
   kartice z okroglim plus/minus, brez velikih crk */
html body.sv-info-page .faq-widget {
    max-width: none;
    margin: 0;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
}

html body.sv-info-page .faq-widget .faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 0;
}

html body.sv-info-page .faq-widget .faq-item {
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    transition: border-color .15s, background-color .15s;
}

html body.sv-info-page .faq-widget .faq-item:hover {
    border-color: var(--sv-line-strong);
}

html body.sv-info-page .faq-widget .faq-item.is-open {
    border-color: var(--sv-line-strong);
    background: #FFFBF0;
}

html body.sv-info-page .faq-widget .faq-q {
    margin: 0;
    font-size: inherit;
}

html body.sv-info-page .faq-widget button.faq-trigger {
    gap: 16px;
    padding: 18px 20px;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

html body.sv-info-page .faq-widget .faq-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    background: #fff;
}

html body.sv-info-page .faq-widget .faq-icon::before,
html body.sv-info-page .faq-widget .faq-icon::after {
    width: 12px;
    background: var(--sv-ink);
}

html body.sv-info-page .faq-widget .faq-item.is-open .faq-icon {
    box-shadow: none;
    background: var(--sv-grad);
}

html body.sv-info-page .faq-widget .faq-item.is-open .faq-icon::before,
html body.sv-info-page .faq-widget .faq-item.is-open .faq-icon::after {
    background: #fff;
}

html body.sv-info-page .faq-widget .faq-a-inner {
    padding: 0 20px 20px;
    color: #4A5160;
    font-size: 16px;
    line-height: 1.7;
}

/* O nas: kartica "Ste podjetje ali projektant ..." (HTML blok v vsebini iz admina, .svetovanje-wrap z inline
   display:flex, zato !important) ni vec prikazana (zelja narocnika). Ko blok izbrisete v adminu, pravilo ni potrebno. */
html body.sv-info-page .column.main [data-content-type="html"]:has(> .svetovanje-wrap),
html body.sv-info-page .column.main .svetovanje-wrap {
    display: none !important;
}

/* FAQ: vrstica Page Builder ima spodaj 100 px (ID v vsebini); razmik do poziva je njegov rob 40 px */
html body.cms-pogosta-vprasanja.sv-info-page .column.main .pagebuilder-column-group {
    margin-bottom: 0 !important;
}

@media (max-width: 899px) {
    html body.sv-info-page .page-main > .columns {
        gap: 24px;
        padding-top: 24px;
    }

    /* meni kot vrstica cipov nad vsebino (drsi vodoravno) */
    html body.sv-info-page .sv-info-nav {
        position: static;
        flex: 0 0 100%;
        flex-direction: row;
        gap: 8px;
        margin: 0 calc(-1 * clamp(16px, 4vw, 24px));
        padding: 0 clamp(16px, 4vw, 24px);
        overflow-x: auto;
        border: 0;
        border-radius: 0;
        background: none;
        scrollbar-width: none;
    }

    html body.sv-info-page .sv-info-nav::-webkit-scrollbar {
        display: none;
    }

    html body.sv-info-page .sv-info-nav__title {
        display: none;
    }

    html body.sv-info-page a.sv-info-nav__link {
        flex: none;
        min-height: 38px;
        padding: 0 14px;
        box-shadow: inset 0 0 0 1px var(--sv-line-strong);
        font-size: 14px;
        white-space: nowrap;
    }

    html body.sv-info-page a.sv-info-nav__link::after {
        content: none;
    }

    html body.sv-info-page a.sv-info-nav__link[aria-current="page"] {
        box-shadow: none;
        background: var(--sv-ink);
        color: #fff;
    }

    html body.sv-info-page .faq-widget button.faq-trigger {
        padding: 16px;
        font-size: 16px;
    }

    html body.sv-info-page .faq-widget .faq-a-inner {
        padding: 0 16px 16px;
        font-size: 15px;
    }
}

/* =====================================================================================================
   PRENOVA 2026 - Kontakt (contact/index): samostojna stran - naslov in uvod, levo obrazec v kartici, desno
   kartice (telefon, e-posta, salon); brez zemljevida. Magento_Contact/layout/contact_index_index.xml,
   templates/sv-contact-info.phtml, templates/form.phtml (child)
   ===================================================================================================== */
:root {
    --sv-ic-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
    --sv-ic-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

html body.sv-contact-page .page-main {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 24px) clamp(56px, 9vw, 88px);
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
}

html body.sv-contact-page .page-main > div {
    width: auto;
    max-width: 100%;
}

html body.sv-contact-page .page-title-wrapper {
    margin: 0;
    padding: clamp(32px, 6vw, 56px) 0 0;
    text-align: left;
}

html body.sv-contact-page .page-title-wrapper .page-title {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(30px, 4.2vw, 40px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: none;
}

html body.sv-contact-page .page-main > .columns {
    margin: 0;
    padding: 12px 0 0;
}

/* mreza: uvod cez celo sirino; levo obrazec, desno kartice (ovoja sta "display: contents") */
html body.sv-contact-page .page-main > .columns > .column.main {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    grid-template-areas:
        "lead lead"
        "form info";
    align-items: start;
    gap: 24px 40px;
    float: none;
    width: auto;
    padding: 0;
}

html body.sv-contact-page .sv-contact,
html body.sv-contact-page #contact-container,
html body.sv-contact-page #contact-container > .contact-form-wrap {
    display: contents;
}

html body.sv-contact-page .sv-contact__lead {
    grid-area: lead;
    max-width: 680px;
    margin: 0 0 8px;
    color: #4A5160;
    font-size: 17px;
    line-height: 1.6;
}

html body.sv-contact-page .sv-contact__cards {
    grid-area: info;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html body.sv-contact-page a.sv-contact__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 18px 20px 18px 76px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    color: var(--sv-ink);
    text-decoration: none;
    transition: border-color .15s;
}

html body.sv-contact-page a.sv-contact__card:hover {
    border-color: var(--sv-line-strong);
    color: var(--sv-ink);
    text-decoration: none;
}

html body.sv-contact-page a.sv-contact__card::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
}

html body.sv-contact-page a.sv-contact__card::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: var(--sv-yellow-dark);
    -webkit-mask: var(--sv-ic-phone) center / contain no-repeat;
    mask: var(--sv-ic-phone) center / contain no-repeat;
}

html body.sv-contact-page a.sv-contact__card--mail::after {
    -webkit-mask-image: var(--sv-ic-mail);
    mask-image: var(--sv-ic-mail);
}

html body.sv-contact-page a.sv-contact__card--pin::after {
    -webkit-mask-image: var(--sv-ic-pin);
    mask-image: var(--sv-ic-pin);
}

html body.sv-contact-page .sv-contact__card .sv-contact__label {
    color: var(--sv-muted);
    font-size: 13px;
}

html body.sv-contact-page .sv-contact__card b {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
}

html body.sv-contact-page .sv-contact__card > span:last-child {
    color: #4A5160;
    font-size: 14px;
    line-height: 1.45;
}

/* obrazec "Pisite nam" v kartici */
html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) {
    grid-area: form;
    align-self: start;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: clamp(20px, 3vw, 32px);
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px 12px;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

/* Codazon: .contact-form-wrap .fieldset > .field { float: left; width: 50 %; padding: 0 20px },
   Magento styles-l: .fieldset > .field:not(.choice) > .control { width: 74.2 %; float: left } */
html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset > * {
    grid-column: 1 / -1;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset > .field > .control {
    float: none;
    width: auto;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset > :is(.field.name, .field.email) {
    grid-column: auto;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset > .legend {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 16px; /* kot razmik med polji; margin pod legendo Chrome v fieldsetu ne uposteva */
    border: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .field > .label {
    display: flex;
    align-items: baseline;
    gap: 3px;
    margin: 0 0 6px;
    padding: 0;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .field.required > .label::after {
    margin: 0;
    color: var(--sv-red);
    font-size: 14px;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) :is(input.input-text, textarea) {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid var(--sv-line-strong);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 16px;
    transition: border-color .15s, box-shadow .15s;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) textarea {
    height: auto;
    min-height: 150px;
    padding: 12px 14px;
    line-height: 1.5;
    resize: vertical;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) :is(input.input-text, textarea):focus {
    border-color: #FAB615;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(250, 182, 21, 0.22);
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) :is(input.input-text, textarea).mage-error {
    border-color: var(--sv-red);
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) div.mage-error {
    margin: 6px 0 0;
    color: var(--sv-red);
    font-size: 13px;
    line-height: 1.4;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar {
    margin: 0;
    padding: 0;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar > .primary {
    float: none;
    width: auto;
    margin: 0;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar button.action.submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto; /* v kartici levo v naravni sirini */
    height: 52px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    transition: filter .15s, transform .1s;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar button.action.submit::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar button.action.submit:hover {
    filter: brightness(1.06);
}

html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .actions-toolbar button.action.submit:active {
    transform: scale(0.98);
}

/* sporocila (npr. "Hvala, prejeli smo vase sporocilo") na sirini vsebine */
html body.sv-contact-page .page-main > .page.messages {
    margin: 16px 0 0;
    padding: 0;
}

@media (max-width: 899px) {
    html body.sv-contact-page .page-main > .columns > .column.main {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "lead"
            "form"
            "info";
    }
}

@media (max-width: 479px) {
    html body :is(.sv-contact-page form.form.contact, .sv-guest-page form.form-orders-search) .fieldset > :is(.field.name, .field.email) {
        grid-column: 1 / -1;
    }
}

/* ---------- Sledenje narocila (sales/guest/form): okvir servisnih strani, obrazec kot na Kontaktu (zgoraj) ---------- */
/* tema (Luma): .sales-guest-form ima besedilo na sredini - meni in vsebina levo kot na ostalih servisnih straneh */
html body.sv-guest-page .page-main {
    text-align: left;
}

html body.sv-guest-page .column.main h1.sv-info-title {
    margin-bottom: 12px;
}

html body.sv-guest-page .sv-guest__lead {
    margin: 0 0 28px;
    color: var(--sv-muted);
    font-size: 16px;
    line-height: 1.55;
}

/* stevilka narocila + priimek v vrsti, e-naslov pod njima cez celo sirino */
html body.sv-guest-page form.form-orders-search .fieldset > :is(.field.id, .field.lastname) {
    grid-column: auto;
}

html body.sv-guest-page form.form.form-orders-search .fieldset > .field.email {
    grid-column: 1 / -1; /* pravilo Kontakta zgoraj da e-naslovu pol sirine (enaka specificnost, to je kasneje) */
}

html body.sv-guest-page .sv-guest__note {
    margin: 20px 0 0;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.5;
}

html body.sv-guest-page .sv-guest__note a,
html body.sv-guest-page .sv-guest__note a:visited {
    color: var(--sv-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 479px) {
    html body.sv-guest-page form.form-orders-search .fieldset > :is(.field.id, .field.lastname) {
        grid-column: 1 / -1;
    }
}

/* ---------- stran 404 (vsebina CMS "no-route" iz admina ostane): samo gumb "Domov" kot primarni gumb trgovine ---------- */
html body.cms-noroute-index .error-box a.error-button,
html body.cms-noroute-index .error-box a.error-button:visited,
html body.cms-noroute-index .error-box a.error-button:hover {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    padding: 0 24px;
    border: 0;
    border-radius: var(--sv-radius);
    background: var(--sv-grad);
    box-shadow: var(--sv-btn-shine);
    color: var(--sv-on-yellow);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    opacity: 1;
    transform: none;
    transition: filter .15s, transform .1s;
}

html body.cms-noroute-index .error-box a.error-button::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
}

html body.cms-noroute-index .error-box a.error-button:hover {
    filter: brightness(1.06);
}

html body.cms-noroute-index .error-box a.error-button:active {
    transform: scale(0.98);
}

/* ---------- GOOMENTO vsebina v okviru servisnih strani (Pravni pogoji, Splosni pogoji Izenacimo ceno):
   rumeni trak z belim naslovom -> naslov H1 kot na ostalih servisnih straneh, besedilo poravnano z menijem.
   Goomento ima pravila z razredi elementov (.gmt-element-xxxx), zato so izbirniki tu daljsi. ---------- */
html body.sv-info-page .column.main .goomento section.gmt-element:has(h1.gmt-text-title) {
    min-height: 0;
    margin: 0 0 28px;
    padding: 0;
    background: none;
}

html body.sv-info-page .column.main .goomento .gmt-column-wrap {
    margin: 0;
    padding: 0;
}

html body.sv-info-page .column.main .goomento .gmt-widget-container h1.gmt-text-title {
    margin: 0;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: clamp(30px, 4.2vw, 40px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: none;
}

html body.sv-info-page .column.main .goomento .gmt-text-editor :is(p, li) {
    color: var(--sv-ink);
}

/* ---------- PODROBNOSTI NAROCILA za goste (po Sledenju narocila: sales/guest/view, invoice, shipment, creditmemo;
   oznake jedra 2.4.7): vsebnik 1240 px, naslov z znacko stanja, gumb za tisk, zavihki kot cipi, tabela izdelkov,
   polja z naslovi kot kartice. Samo CSS - preverjeno na vzorcnih oznakah (na testni bazi ni narocila). ---------- */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-main {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--sv-wrap);
    margin: 0 auto;
    padding: clamp(28px, 5vw, 48px) clamp(16px, 4vw, 24px) clamp(56px, 9vw, 88px);
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    text-align: left;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-main > div {
    width: auto;
    max-width: 100%;
}

/* tema: .columns { padding: 0 10px } - vsebina poravnana z naslovom */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-main > .columns {
    padding-right: 0;
    padding-left: 0;
}

/* naslov: "Narocilo # ..." + znacka stanja, gumb za tisk desno, datum pod naslovom */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin: 0 0 24px;
    padding: 0;
    text-align: left;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-title-wrapper .page-title {
    margin: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(28px, 4.2vw, 38px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-title-wrapper .order-status {
    display: inline-flex;
    align-items: center;
    height: 28px;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: var(--sv-radius);
    background: #FEF7E6;
    color: #8A5A00;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-title-wrapper .order-actions-toolbar {
    order: 2;
    margin: 0 0 0 auto;
    padding: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .page-title-wrapper .order-date {
    order: 3;
    flex-basis: 100%;
    margin: 0;
    color: var(--sv-muted);
    font-size: 14px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-actions-toolbar .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-actions-toolbar a.action,
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-actions-toolbar a.action:visited {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    margin: 0;
    padding: 0 18px;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-actions-toolbar a.action:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    text-decoration: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-actions-toolbar a.action.print::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* zavihki (Informacije o narocilu / Racuni / Posiljke / Vracila) kot cipi; trenutni temen */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    list-style: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-links .item {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-links .item > :is(a, strong) {
    display: flex;
    align-items: center;
    height: 40px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-links .item > a:hover {
    border-color: var(--sv-ink);
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-links .item.current > strong {
    border-color: var(--sv-ink);
    background: var(--sv-ink);
    color: #fff;
}

/* naslovi razdelkov: "Naroceni izdelki", "Informacije o narocilu" */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) :is(.order-details-items .order-title, .block-order-details-view .block-title) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) :is(.order-details-items .order-title, .block-order-details-view .block-title) > strong {
    color: var(--sv-ink);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items {
    margin: 0 0 40px;
    padding: 0;
    border: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .order-title a,
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .order-title a:visited {
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* tabela izdelkov in sestevki */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper {
    margin: 0;
    border: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    color: var(--sv-ink);
    font-size: 15px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table thead th {
    padding: 0 10px 12px;
    border: 0;
    border-bottom: 1px solid var(--sv-line);
    background: none;
    color: var(--sv-muted);
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tbody td {
    padding: 16px 10px;
    border: 0;
    border-bottom: 1px solid var(--sv-line);
    background: none;
    vertical-align: top;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .product-item-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items td.col.sku {
    color: var(--sv-muted);
    font-size: 14px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .items-qty {
    margin: 0;
    padding: 0;
    list-style: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .items-qty .title {
    margin-right: 4px;
    color: var(--sv-muted);
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .price {
    font-weight: 600;
    white-space: nowrap;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot {
    background: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot :is(th, td) {
    padding: 6px 10px;
    border: 0;
    background: none;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 400;
    text-align: right;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot tr:first-child > * {
    padding-top: 18px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot .grand_total > * {
    padding-top: 14px;
    font-size: 18px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot .grand_total strong {
    font-weight: 700;
}

/* "Ogled drugega narocila" pod tabelo: povezava s puscico nazaj */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .actions-toolbar {
    margin: 20px 0 0;
    padding: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .actions-toolbar a.action.back,
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .actions-toolbar a.action.back:visited {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--sv-ink);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .actions-toolbar a.action.back::before {
    content: "";
    width: 18px;
    height: 18px;
    margin: 0;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow-back) center / contain no-repeat;
    mask: var(--sv-ic-arrow-back) center / contain no-repeat;
}

/* informacije o narocilu: 4 kartice (naslova, nacina dostave in placila) */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) {
    margin: 0;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .block-content::before,
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .block-content::after {
    display: none;
}

/* naslov razdelka: Luma .column.main .block:not(.widget) .block-title > strong (18 px, 300) */
html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .block-title > strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .block-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 12px;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .box {
    float: none;
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 20px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .box-title {
    display: block;
    margin: 0 0 10px;
    color: var(--sv-muted);
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .box-content {
    color: var(--sv-ink);
    font-size: 15px;
    line-height: 1.6;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .box-content :is(address, dl, dt, dd) {
    margin: 0;
    font-style: normal;
    font-weight: 400;
}

html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .column.main .block-order-details-view.block:not(.widget) .box-content a {
    color: var(--sv-ink);
}

/* telefon: Luma zlozi tabelo v vrstice z oznako (td::before data-th) nad vrednostjo - strnemo v pare oznaka/vrednost,
   ime izdelka brez oznake */
@media (max-width: 767px) {
    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper table.data.table > tbody > tr {
        display: block;
        padding: 14px 0;
        border-bottom: 1px solid var(--sv-line);
    }

    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper table.data.table > tbody > tr > td[data-th] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding: 3px 0;
        border: 0;
        text-align: right;
    }

    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper table.data.table > tbody > tr > td[data-th]::before {
        flex: none;
        padding: 0;
        color: var(--sv-muted);
        font-size: 14px;
        font-weight: 400;
    }

    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper table.data.table > tbody > tr > td[data-th].col.name {
        display: block;
        padding-bottom: 8px;
        text-align: left;
    }

    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items .table-wrapper table.data.table > tbody > tr > td[data-th].col.name::before {
        display: none;
    }

    html body:is(.sales-guest-view, .sales-guest-invoice, .sales-guest-shipment, .sales-guest-creditmemo) .order-details-items table.data.table tfoot :is(th, td) {
        padding-right: 0;
    }
}

/* =====================================================================================================
   PRENOVA 2026 - Nasveti (Magefan Blog), seznam objav: mreza kartic po predlogi svetila-si-demo (Svetila Nasveti) -
   slika 16:10, kategorija v kotu, datum, naslov, "Preberi vec" (brez povzetka). Samo CSS (seznam "modern" iz modula).
   ===================================================================================================== */
html body.blog-page-list .post-list.modern {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html body.blog-page-list .post-list.modern > .post-item {
    display: flex;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

html body.blog-page-list .post-list.modern .post-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    transition: box-shadow .2s, border-color .2s;
}

html body.blog-page-list .post-list.modern .post-container:hover {
    border-color: var(--sv-line-strong);
    box-shadow: 0 12px 32px rgba(19, 31, 46, 0.08);
}

/* starejse pravilo (seznam v vrstici): .post-image { flex: 0 0 100% } - v stolpcu bi slika zasedla celo kartico */
html body.blog-page-list .post-list.modern .post-image {
    flex: none;
    width: auto;
    margin: 0;
    padding: 0;
}

html body.blog-page-list .post-list.modern .post-image .image-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #F3F3F3;
}

html body.blog-page-list .post-list.modern .post-image a.image-wrap {
    position: absolute;
    inset: 0;
    display: block;
    height: auto;
    padding: 0;
}

html body.blog-page-list .post-list.modern .post-image .bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform .4s ease;
}

html body.blog-page-list .post-list.modern .post-container:hover .bg-img {
    transform: scale(1.03);
}

/* kategorija: krem oznaka levo zgoraj na sliki (modul: crna oznaka desno spodaj) */
html body.blog-page-list .post-list.modern .post-image .post-category {
    position: absolute;
    top: 12px;
    right: auto;
    bottom: auto;
    left: 12px;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: none;
}

html body.blog-page-list .post-list.modern .post-image .post-category a.category-name {
    display: inline-block;
    padding: 3px 8px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
    box-shadow: inset 0 0 0 1px rgba(250, 182, 21, 0.5);
    color: var(--sv-ink);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
}

html body.blog-page-list .post-list.modern .post-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 18px;
    background: none;
    text-align: left;
}

/* datum nad naslovom (kot v predlogi); modul ga izpise pod naslovom s "-" pred njim */
html body.blog-page-list .post-list.modern .post-data-wrap {
    order: -1;
    margin: 0;
    padding: 0;
    color: var(--sv-muted);
    font-size: 12px;
    line-height: 1.4;
}

html body.blog-page-list .post-list.modern .post-data-wrap .post-date {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
}

html body.blog-page-list .post-list.modern .post-data-wrap .post-date > span:first-child {
    display: none;
}

html body.blog-page-list .post-list.modern .post-title-wrap {
    flex: 1;
    margin: 0;
}

html body.blog-page-list .post-list.modern .post-title {
    margin: 0;
    padding: 0; /* starejse pravilo: desno 100 px */
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
}

html body.blog-page-list .post-list.modern .post-title a {
    color: var(--sv-ink);
    text-decoration: none;
}

html body.blog-page-list .post-list.modern .post-container:hover .post-title a {
    color: var(--sv-ink);
}

/* povzetek ni na kartici (predloga: samo naslov in "Preberi vec") */
html body.blog-page-list .post-list.modern .post-description {
    display: none;
}

html body.blog-page-list .post-list.modern .post-read-more {
    margin: 0;
    padding: 0;
}

html body.blog-page-list .post-list.modern .post-read-more a.action.primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    text-transform: none;
}

html body.blog-page-list .post-list.modern .post-read-more a.action.primary::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
    transition: transform .15s;
}

html body.blog-page-list .post-list.modern .post-container:hover .post-read-more a.action.primary::after {
    transform: translateX(3px);
}

/* =====================================================================================================
   PRENOVA 2026 - Nasveti (Magefan Blog), okvir strani po predlogi svetila-si-demo (Svetila Nasveti): sirina
   1240 in drobtinice kot na kategorijah, brez stranskega stolpca (blog_default.xml), naslov + uvod + kategorije
   kot gumbi (sv-blog-head.phtml), objava: drobtinice, naslov, besedilo in slika v stolpcu 760 px na sredini, temen poziv.
   ===================================================================================================== */
html body.blog-page .page-main > .columns {
    display: block;
    margin: 0;
    padding: 0;
}

html body.blog-page .page-main > .columns > .column.main {
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

html body.blog-page .page-main > .page-title-wrapper {
    margin: 0;
    padding: 40px 0 0;
    text-align: left;
}

html body.blog-page .page-main > .page-title-wrapper .page-title {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(30px, 4.2vw, 40px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-transform: none;
    text-wrap: balance;
}

html body.blog-page .page-main > .page-title-wrapper .page-title::after {
    content: none;
}

/* ---------- seznam: uvod in kategorije ---------- */
html body.blog-page .sv-blog-head {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 24px 0 32px;
}

html body.blog-page .sv-blog-head__lead {
    max-width: 720px;
    margin: -12px 0 0;
    color: #4A5160;
    font-size: 17px;
    line-height: 1.6;
    text-wrap: pretty;
}

html body.blog-page .sv-blog-head__cats {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

html body.blog-page .sv-blog-head__cats::-webkit-scrollbar {
    display: none;
}

html body.blog-page a.sv-blog-head__cat {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 0 16px;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong);
    color: var(--sv-ink);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition: box-shadow .15s, background-color .15s;
}

html body.blog-page a.sv-blog-head__cat span {
    color: var(--sv-muted);
}

html body.blog-page a.sv-blog-head__cat:hover {
    box-shadow: inset 0 0 0 1px var(--sv-ink);
    color: var(--sv-ink);
    text-decoration: none;
}

html body.blog-page a.sv-blog-head__cat[aria-current="page"] {
    background: var(--sv-ink);
    box-shadow: none;
    color: #fff;
}

html body.blog-page a.sv-blog-head__cat[aria-current="page"] span {
    color: inherit;
    opacity: 0.7;
}

/* ---------- objava ---------- */
/* vsebina nekaterih objav ima lasten <style> z "body { padding: 2rem 1rem; font-family: system-ui }" (prilepljen
   pripomocek FAQ v adminu) - telo strani ostane kot na drugih straneh */
html body.blog-post-view {
    padding: 0;
    background: #fff;
    color: var(--sv-ink);
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
}

html body.blog-post-view .page-main > .page-title-wrapper,
html body.blog-post-view .post-holder > .post-header,
html body.blog-post-view .post-holder .post-description,
html body.blog-post-view .post-holder > .post-bottom,
html body.blog-post-view .page-main .sv-info-cta,
html body.blog-post-view .breadcrumbs .items {
    box-sizing: border-box;
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

/* naslov objave vecji kot na seznamih */
html body.blog-post-view .page-main > .page-title-wrapper .page-title {
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1.1;
}

html body.blog-post-view .page-main > .page-title-wrapper {
    padding-top: 32px;
}

/* kategorija in datum pod naslovom (krem oznaka kot na karticah) */
html body.blog-post-view .post-holder > .post-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 0;
    color: var(--sv-muted);
    font-size: 13px;
}

html body.blog-post-view .post-holder > .post-header::before,
html body.blog-post-view .post-holder > .post-header::after,
html body.blog-post-view .post-holder > .post-header .post-category::after {
    content: none;
}

html body.blog-post-view .post-holder > .post-header > div {
    float: none;
    margin: 0;
    padding: 0;
}

html body.blog-post-view .post-holder > .post-header a.category-name {
    display: inline-block;
    padding: 3px 8px;
    border-radius: var(--sv-radius);
    background: #FFFBF0;
    box-shadow: inset 0 0 0 1px rgba(250, 182, 21, 0.5);
    color: var(--sv-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    text-transform: none;
}

html body.blog-post-view .post-holder > .post-header .post-date {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
}

html body.blog-post-view .post-holder > .post-header .post-date > span:first-child {
    display: none;
}

html body.blog-post-view .post-holder .post-featured-image {
    max-width: 760px;
    margin: 32px auto;
    overflow: hidden;
    border-radius: var(--sv-radius);
    background: #F3F3F3;
}

html body.blog-post-view .post-holder .post-featured-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* besedilo objave (Page Builder iz admina) */
html body.blog-post-view .post-holder .post-description {
    color: #3A4352;
    font-family: Inter, -apple-system, "Segoe UI", sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

html body.blog-post-view .post-holder .post-description :is(p, li) {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

html body.blog-post-view .post-holder .post-description p {
    margin: 0 0 12px;
}

/* prazni odstavki iz urejevalnika ne podvajajo razmika */
html body.blog-post-view .post-holder .post-description p:empty {
    display: none;
}

html body.blog-post-view .post-holder .post-description strong:not(.sv-blog-products *) {
    color: var(--sv-ink);
    font-weight: 600;
}

html body.blog-post-view .post-holder .post-description a:not(.sv-btn, .sv-blog-products *) {
    color: var(--sv-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

html body.blog-post-view .post-holder .post-description :is(h2, h3) {
    margin: 40px 0 14px;
    color: var(--sv-ink);
    font-family: inherit;
    font-size: clamp(22px, 2.6vw, 26px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
    text-wrap: balance;
}

html body.blog-post-view .post-holder .post-description h3 {
    font-size: 20px;
    font-weight: 600;
}

html body.blog-post-view .post-holder .post-description figure {
    margin: 28px 0;
}

html body.blog-post-view .post-holder .post-description figure img {
    border-radius: var(--sv-radius);
}

html body.blog-post-view .post-holder .post-description hr {
    margin: 28px 0;
    border: 0;
    border-top: 1px solid var(--sv-line);
}

/* pod besedilom (prejsnja / naslednja objava je odstranjena v blog_post_view.xml) */
html body.blog-post-view .post-holder > .post-bottom {
    margin: 0;
    padding: 0;
}

html body.blog-post-view .page-main .sv-info-cta {
    margin-top: 48px;
}

/* pripomocki v vsebini objave: "Se vec nasvetov" (Codazon blog widget) kot kartice "Preberite tudi" iz predloge,
   vprasanja (prilepljen .faq-wrapper) brez velikih crk */
html body.blog-post-view .post-description .cdz-blog-wrap .owl-stage {
    display: flex;
}

html body.blog-post-view .post-description .cdz-blog-wrap .owl-item {
    display: flex;
}

html body.blog-post-view .post-description .cdz-blog-wrap :is(.item-group, .post-item) {
    display: flex;
    flex: 1;
    width: 100%;
    margin: 0;
    padding: 0;
}

html body.blog-post-view .post-description .cdz-blog-wrap .i-inner {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: none;
    transition: box-shadow .2s;
}

html body.blog-post-view .post-description .cdz-blog-wrap .i-inner:hover {
    box-shadow: 0 12px 32px rgba(19, 31, 46, 0.08);
}

html body.blog-post-view .post-description .cdz-blog-wrap .i-top {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

html body.blog-post-view .post-description .cdz-blog-wrap a.i-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 0;
    background: #F3F3F3;
}

html body.blog-post-view .post-description .cdz-blog-wrap a.i-img img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

html body.blog-post-view .post-description .cdz-blog-wrap .post-bottom {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    width: auto;
    margin: 0;
    padding: 16px 18px 18px;
    text-align: left;
}

html body.blog-post-view .post-description .cdz-blog-wrap .post-head {
    margin: 0;
    padding: 0;
}

html body.blog-post-view .post-description .cdz-blog-wrap a.post-category {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--sv-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
}

html body.blog-post-view .post-description .cdz-blog-wrap a.post-category::after {
    content: none;
}

html body.blog-post-view .post-description .cdz-blog-wrap .post-title {
    margin: 0;
    padding: 0;
}

html body.blog-post-view .post-description .cdz-blog-wrap a.post-item-link {
    color: var(--sv-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

/* datum v tem pripomocku je v obliki MM-DD-YYYY (nastavitev pripomocka v adminu) - skrit */
html body.blog-post-view .post-description .cdz-blog-wrap .post-extra {
    display: none;
}

html body.blog-post-view .post-description .cdz-blog-wrap .owl-nav {
    position: static;
    margin: 0;
}

/* puscici na robu, v visini slik (slika 16:10 je priblizno zgornja tretjina kartice) */
html body.blog-post-view .post-description .cdz-blog-wrap .owl-nav[class] > div[class] {
    position: absolute;
    top: calc(34% - 20px);
    right: auto;
    left: -20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border: 0;
    border-radius: var(--sv-radius);
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--sv-line-strong), 0 4px 12px rgba(19, 31, 46, 0.08);
    color: var(--sv-ink);
}

html body.blog-post-view .post-description .cdz-blog-wrap .owl-nav[class] > div[class].owl-next {
    right: -20px;
    left: auto;
}

html body.blog-post-view .post-description .cdz-blog-wrap .owl-nav[class] > div[class].disabled {
    display: none;
}

html body.blog-post-view .post-description :is(.faq-btn, .faq-q) {
    color: var(--sv-ink);
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
}

html body.blog-post-view .post-description .faq-q {
    font-size: 16px;
    font-weight: 600;
}

/* 3 svetila v besedilu objave (sv-products.phtml, vstavi post/view-modern.phtml) s kartico domace strani, brez naslova;
   namesto gradnika "Izdelki" (Page Builder) iz vsebine, ki je skrit. Namizje: 3 v vrsti, telefon: drsenje s prstom. */
html body.blog-post-view .post-description [data-content-type="products"] {
    display: none;
}

html body.blog-post-view .post-description .sv-blog-products {
    max-width: none;
    margin: 32px 0;
    padding: 0;
}

@media (min-width: 768px) {
    html body.blog-post-view .post-description .sv-blog-products .sv-track {
        grid-auto-columns: calc((100% - 2 * clamp(12px, 3vw, 24px)) / 3);
        overflow: visible;
    }
}

/* gumba namesto slik gumbov iz vsebine (re_1.png, re_2.png -> post/view-modern.phtml) */
html body.blog-post-view .post-holder .post-description .sv-blog-btn {
    margin: 28px 0;
    text-align: center;
}

html body.blog-post-view .post-holder .post-description a.sv-btn {
    font-family: inherit;
    text-decoration: none;
}

html body.blog-post-view .post-holder .post-description a.sv-btn::after {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--sv-ic-arrow) center / contain no-repeat;
    mask: var(--sv-ic-arrow) center / contain no-repeat;
    transition: transform .15s;
}

html body.blog-post-view .post-holder .post-description a.sv-btn:hover::after {
    transform: translateX(3px);
}

/* ==================================================================
   ZAHVALA PO NAKUPU (body.sv-success-page: Magento_Checkout/layout/checkout_onepage_success.xml, velja tudi za Leanpay)
   Predloga Svetila Blagajna "Hvala za narocilo!": stolpec 720 px na sredini - ikona, stevilka narocila, koraki,
   okvir za racun (registration.html), gumb; spodaj "Morda vam bo vsec tudi" (drsnik domace strani) in pas prednosti.
   ================================================================== */
html body.sv-success-page .page-main {
    padding-top: clamp(32px, 6vw, 56px);
}

html body .sv-success {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 720px;
    margin: 0 auto;
    color: var(--sv-ink);
    font-size: 16px;
    line-height: normal;
}

html body .sv-success__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 12px 0 8px;
    text-align: center;
}

html body .sv-success__icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233FAF82' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 36px 36px no-repeat, rgba(63, 175, 130, 0.12);
}

html body .sv-success .sv-success__title {
    margin: 0;
    color: var(--sv-ink);
    font-size: clamp(28px, 6vw, 34px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-transform: none;
}

html body .sv-success__lead {
    max-width: 560px;
    margin: 0;
    color: #4A5160;
    font-size: 16px;
    line-height: 1.55;
}

html body .sv-success__lead b,
html body .sv-success__lead a,
html body .sv-success__lead a:visited {
    color: var(--sv-ink);
    font-weight: 700;
}

html body .sv-success__lead a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

html body .sv-success__steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 18px 20px;
    border: 1px solid var(--sv-line);
    border-radius: var(--sv-radius);
    font-size: 14px;
    line-height: 1.45;
    list-style: none;
    text-align: left;
}

html body .sv-success__step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
}

html body .sv-success__step-n {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #F3F3F3;
    color: var(--sv-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

html body .sv-success__step--done .sv-success__step-n {
    background: #3FAF82;
    color: #fff;
}

html body .sv-success__step--next .sv-success__step-n {
    background: var(--sv-grad);
    color: #fff;
}

html body .sv-success__step-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 3px;
}

html body .sv-success__step-text b {
    font-weight: 600;
}

html body .sv-success__step-text span {
    color: #4A5160;
}

/* okvir za racun: jedro (registration.phtml) doda <br> pred predlogo */
html body .sv-success #registration > br {
    display: none;
}

html body .sv-success-account {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    border-radius: var(--sv-radius);
    background: #FEF7E6;
    text-align: left;
}

html body .sv-success-account__title {
    font-size: 17px;
    font-weight: 600;
}

html body .sv-success-account__text {
    margin: 0;
    color: #4A5160;
    font-size: 14px;
    line-height: 1.5;
}

html body .sv-success-account__text b {
    color: var(--sv-ink);
}

html body a.sv-success-account__btn,
html body a.sv-success-account__btn:visited,
html body a.sv-success-account__btn:hover {
    display: inline-flex;
    align-items: center;
    height: 47px;
    padding: 0 20px;
    border-radius: var(--sv-radius);
    background: var(--sv-ink);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

html body a.sv-success-account__btn:hover {
    opacity: 0.9;
}

html body .sv-success__actions {
    display: flex;
    justify-content: center;
    padding-top: 4px;
}

html body .sv-success__actions .sv-btn {
    height: 50px;
}

/* drsnik: .page-main ze ima stranski odmik, sekcija ga ne podvoji */
html body .page-main .sv-success-products {
    padding-right: 0;
    padding-left: 0;
}

html body.sv-success-page .page-main {
    padding-bottom: clamp(44px, 9vw, 80px);
}

/* ==================================================================
   NALAGANJE (prenova 2026): ena vrtavka v barvah trgovine namesto sivih GIF-ov Magenta in teme
   (loader-1/2.gif, Codazon loader.gif/source.gif in pike double-bounce, galerija fotorama).
   --sv-spinner je animiran SVG (SMIL), zato deluje tudi kot ozadje slike.
   ================================================================== */
:root {
    --sv-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='19' fill='none' stroke='%23131F2E' stroke-opacity='.1' stroke-width='4'/%3E%3Ccircle cx='24' cy='24' r='19' fill='none' stroke='%23FAB615' stroke-width='4' stroke-linecap='round' stroke-dasharray='34 86'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 24 24' to='360 24 24' dur='.75s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
}

/* Magento: cela stran (body > .loading-mask, blagajna #checkout-loader) in bloki (Magento_Ui block-loader) */
html body .loading-mask {
    background: rgba(255, 255, 255, 0.6);
}

html body > .loading-mask {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

html body .loading-mask .loader {
    position: absolute;
    inset: 0;
}

html body .loading-mask .loader > img {
    display: none;
}

html body .loading-mask .loader::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 40px;
    height: 40px;
    max-width: 80%;
    max-height: 80%;
    margin: auto;
    background: var(--sv-spinner) center / contain no-repeat;
}

/* cela stran: vrtavka na beli okrogli podlagi */
html body > .loading-mask .loader::before,
html body #checkout-loader .loader::before {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--sv-spinner) center / 34px no-repeat, #fff;
    box-shadow: 0 10px 28px rgba(19, 31, 46, 0.12);
}

html body .load.indicator::before {
    background: var(--sv-spinner) center / 40px no-repeat;
}

/* Codazon: leno nalaganje slik izdelkov, nalaganje (pike), odstranjevanje iz mini kosarice */
html body .abs-img img.cdz-lazy,
html body .product-image-wrapper img.cdz-lazy,
html body .minicart-items .product-item.disabling {
    background: var(--sv-spinner) center / 32px no-repeat;
}

html body .swatch-option-loading,
html body img[data-role="lazy-img"] {
    content: var(--sv-spinner);
    width: 32px !important;
}

html body .double-bounce-spinner {
    background: var(--sv-spinner) center / contain no-repeat;
}

html body .double-bounce-spinner > * {
    display: none;
}

/* galerija na strani izdelka */
html body .fotorama__wrap .fotorama__spinner {
    background: var(--sv-spinner) center / 40px no-repeat;
    animation: none;
}

/* 773: variacije - barvni swatch dobi obrobo (bela se sicer zlije s podlago); blok "Na voljo samo se X" se prikaze sele, ko JS vpise dejansko kolicino */
.product-info-main .swatch-option.color,
.product-info-main .swatch-option.image {
    border: 1px solid #cfcfcf;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}
.product-info-main .swatch-option.color.selected,
.product-info-main .swatch-option.image.selected {
    border: 2px solid #1a1a1a;
    box-shadow: none;
}
.product-info-main .configurable-variation-qty {
    display: none;
}