/* Warehouse child — CSS custom. Bootstrap 4 + Warehouse (1140/1400), container 1500px. Toate @media sunt la finalul fișierului. */

:root {
    /* Paletă — singurul loc cu hex-uri */
    --c-ink:          #1A1A1A;
    --c-white:        #FFFFFF;
    --c-accent:       #E50F1E;
    --c-accent-hover: #C30D1A;
    --c-ink-rgb:      26, 26, 26;
    --c-white-rgb:    255, 255, 255;

    /* Roluri */
    --c-text:       var(--c-ink);
    --c-text-muted: rgba(var(--c-ink-rgb), .6);
    --c-bg:         var(--c-white);
    --c-bg-alt:     #FAFAFA;
    --c-bg-alt-2:   #F3F3F3;
    --c-border:     var(--c-bg-alt-2);

    /* Pagina de produs */
    --pp-sticky-top:        100px;
    --pp-stock-in:   #2E7D32;
    --pp-stock-low:  #8A8A0F;
    --pp-stock-out:  var(--c-accent);
    --pp-qty-border: #D9D9D9;

    /* Card de produs (listing) */
    --pm-gap:          8px;
    --pm-pad:          14px;
    --pm-img-pad:      0;
    --pm-btn-h:        46px;
    --pm-btn-icon-w:   54px;

    /* Iconița de coș (mask) — aceeași cale e și în ps_shoppingcart.tpl */
    --icon-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='black' d='M0-16l116 0c2.1 11.7 5 27.7 8.7 48L576 32c-1 5.3-17 90.7-48 256l-356.7 0 8.7 48 316 0 0 48-356 0-3.6-19.7-60.4-332.3-76 0 0-48zM162.6 240l325.6 0 30-160-384.7 0 29.1 160zM208 416a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm224 0a48 48 0 1 1 0 96 48 48 0 1 1 0-96z'/%3E%3C/svg%3E");
}


/* ===== 1. BAZĂ ===== */

/* --- General + header ---------------------------------------------------- */
body {
    font-weight: 500;
}
.dropdown-menu, 
.autocomplete-suggestions{
    background:white;    
}
.dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item,
.krc-userdd .krc-userdd-head{
    color:var(--c-ink) !important
}
.product-info-row {
    border: none;
}
.desktop-header-style-1 .search-widget,
.desktop-header-style-2 .search-widget {
    max-width: 100%;
}
.col-header-right .row.no-gutters {
    align-items: flex-end;
    gap: 10px;
}

.header-top #header-phone-btn .header-btn .title {
    display: grid !important;
    grid-template-columns: auto;
    row-gap: 7px;
    align-items: baseline;
    text-align: left;
}
#header .header-btn-w .header-btn.header-phone-btn {
    display: flex;
    align-items: end;
}
#header .header-btn-w .header-btn.header-phone-btn svg {
    position: relative;
    top: 6px;
}
#header-phone-btn .header-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: default;
}
#header-phone-btn .icon {
    font-size: 2.4rem;
    width: auto;
    color: var(--c-accent);
}
.header-phone-label,
.header-phone-number {
    font-size: 1.05rem;
    font-weight: 600;
    color: #696969;
    white-space: nowrap;
}
.header-phone-number {
    font-size: 1.8rem;
    font-weight: 800;
}
a.header-phone-number:hover {
    color: var(--c-accent);
}
.logo {
    width: 220px;
    height: auto;
}
.header-btn .header-icon-svg {
    display: block;
    width: 24px;
    height: 24px;
}
.header-btn.cart-toogle .header-icon-svg {
    width: 26px;
    height: 26px;
}
.ph-viewed-products * {
    font-size: 24px;
}
.product_header_container {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

/* Megamenu — .megamenu-bg-full = wrapper din _variants/header-2.tpl */
.megamenu-bg-full {
    background: var(--c-ink);
}
.cbp-hrmenu .cbp-hrsub {
    font-weight: 500;
}
.casti-menu .cbp-menu-element .cbp-menu-column-inner {
    display: flex;
    flex-direction: column-reverse;
    background: var(--c-bg-alt);
    align-items: center;
}
.casti-menu .cbp-menu-element .cbp-menu-column-inner .cbp-column-title {
    border-bottom: none;
    padding: 0;
    padding-top: 10px;
    background: var(--c-white);
    margin: 0;
    width: 100%;
    text-align: center;
}
.casti-menu .cbp-menu-element .cbp-menu-column-inner .cbp-banner-image {
    width: 170px;
}
.casti-menu .cbp-menu-column:last-of-type .cbp-menu-column-inner {
    height: 100%;
}
.casti-menu .cbp-menu-column:last-of-type .cbp-menu-column-inner p {
    margin: 0;
    height: 100%;
    width: 100%;
}
.casti-menu .cbp-menu-column:last-of-type .cbp-menu-column-inner p .toate-castile {
    background-image: url(https://moto.inlucru.eu/img/cms/Menu/Untitled.jpg);
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    gap: 5px;
    align-items: flex-end;
    color: var(--c-white);
    padding-bottom: 10px;
    padding-left: 10px;
}
.casti-menu .cbp-menu-column:last-of-type .cbp-menu-column-inner p .toate-castile:hover {
    color: var(--c-white) !important;
}
.casti-menu .cbp-menu-column:last-of-type .cbp-menu-column-inner p .toate-castile i {
    color: var(--c-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    line-height: 22px;
    font-size: 13px;
}
.casti-menu-left > .cbp-menu-column-inner > .cbp-column-title {
    font-size: 18px;
}
.casti-menu-left .cbp-category-link-w a {
    padding-bottom: 0 !important;
    border-bottom: none !important;
    font-weight: 600 !important;
    margin-bottom: 0;
}
.jolisearch-dropdown{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: none !important;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body h4{
    font-size: clamp(1.1rem, 3.2vw, 1.2rem);
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="main"] .items-count, .jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .items-count{
    background-color: #1a1a1a;
    font-size: 14px;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body aside[role="complementary"] .jolisearch-filter__item{
    line-height: normal;
    padding: 5px;
    border-radius: 0px;
    border: none !important;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body aside[role="complementary"] a{
    font-size: .85em;
    line-height: 1em;
    font-weight: 500;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body aside[role="complementary"] .jolisearch-filter__item:hover{
    border: none !important;
    padding: 5px;
    background-color: #f3f3f3;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body aside[role="complementary"] .items-count{
    color:#1a1a1a;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="main"] .jolisearch-products__list .product .jolisearch-product span, .jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .jolisearch-products__list .product .jolisearch-product span{
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="main"] .jolisearch-products__list .product .jolisearch-product .product-price, .jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .jolisearch-products__list .product .jolisearch-product .product-price {
    margin-top: 5px;
    font-weight: 600;
    color: #e40f1e;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="main"] .jolisearch-products__list .product img, .jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .jolisearch-products__list .product img{
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border:none!important;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="main"] .jolisearch-products__list .product:hover, .jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .jolisearch-products__list .product:hover{
    background-color: #f3f3f3;
    border:none!important;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .more-results a{
    color: white;
    border: none;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0;
    background-color: #1a1a1a;
    transition: all ease-in-out .3s;
    width: 100%;
    border-radius: 0;
}
.jolisearch-dropdown.jolisearch-theme-finder .jolisearch-body section[role="region"] .more-results a:hover{
    background-color: #e50e1e;
    border: none !important;
}
#content-wrapper .section-title{
    font-size:1.3rem;
}
.hp-icons .elementor-image-box-img{
    text-align:center;
}
.hp-icons .elementor-image-box-img img{
    width:40px;
}


/* --- Filtre (coloană laterală) ------------------------------------------- */
#left-column .block,
#right-column .block {
    border: none;
}
.af_subtitle.toggle-content:before {
    border-color: var(--c-ink);
}
.af_filter label {
    font-weight: 500;
}
.af-slider .pointer {
    border-color: var(--c-accent);
}
.af-slider .selected-bar {
    background: var(--c-ink);
}


/* Side cart (ps_shoppingcart-content.tpl + iqitcrossselling/modal.tpl): bară sus fixă, .cart-scroll derulabil, foot fix */
.page-cart #wrapper{
    background:#F6F6F6;
}

.ps-shoppingcart.side-cart #blockcart-content {
    padding: 0;
    padding-bottom: 0;
}
.ps-shoppingcart.side-cart #blockcart-content .cart-products {
    flex: none;             /* tema pune flex:1 + scroll aici; mutat pe .cart-scroll */
    overflow: visible;
    padding-right: 0;
}
.ps-shoppingcart.side-cart #blockcart-content .cart-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1.25rem;
}
.ps-shoppingcart.side-cart #blockcart-content .cart-scroll::-webkit-scrollbar {
    width: 6px;
}
.ps-shoppingcart.side-cart #blockcart-content .cart-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(var(--c-ink-rgb), .25);
}
.ps-shoppingcart.side-cart #blockcart-content .cart-title {
    flex: 0 0 auto;
    padding: 1rem 1.25rem;
    margin: 0;
}
.ps-shoppingcart.side-cart #blockcart-content .cart-foot {
    flex: 0 0 auto;
    padding: 0 1.25rem 1.25rem;
    background: var(--c-bg);
    box-shadow: 0 -6px 18px rgba(var(--c-ink-rgb), .06);
}
.ps-shoppingcart.side-cart .no-items{
    padding:1rem;
}
.cart-buttons .btn-secondary,
.cart-buttons .btn-primary{
    font-weight: 500;
}
.cart-buttons .btn-secondary{
    border-color: #1a1a1a;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled{
    font-weight:500;
}
.cart-items{
    border:none!important;
}

/* Bară sus: doar butonul „Închide", dreapta */
#blockcart-content .cart-title {
    display: flex;
    justify-content: flex-end;
}
#blockcart-content .cart-title hr {
    display: none;
}
#blockcart-content .cart-close-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--c-text);
    opacity: 1;
}
#blockcart-content .cart-close-btn:hover {
    color: var(--c-accent);
}

/* Confirmare „adăugat în coș" */
#cart-added-notice {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--c-border);
}
#cart-added-notice .cart-added-notice-img {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: var(--c-bg-alt-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#cart-added-notice .cart-added-notice-img img {
    max-width: 68%;
    max-height: 68%;
    width: auto;
    height: auto;
}
#cart-added-notice .cart-added-notice-text {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
#cart-added-notice .cart-added-notice-title {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}
#cart-added-notice .cart-added-notice-sub {
    font-size: .95rem;
    color: var(--c-text-muted);
}

/* Cross-selling — listă verticală */
.cart-crossselling {
    padding-top: 1.25rem;
    margin-top: .25rem;
    border-top: 1px solid var(--c-border);
}
.cart-crossselling-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: .875rem;
}
.cart-crossselling-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cart-crossselling-item {
    display: flex;
    gap: .875rem;
    padding-bottom: .875rem;
    margin-bottom: .875rem;
    border-bottom: 1px solid var(--c-border);
}
.cart-crossselling-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.cart-crossselling-img {
    flex: 0 0 88px;
    display: block;
}
.cart-crossselling-img img {
    width: 100%;
    height: auto;
    background: var(--c-bg-alt);
}
.cart-crossselling-info {
    flex: 1 1 auto;
    min-width: 0;
}
.cart-crossselling-name {
    display: block;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .35rem;
}
.cart-crossselling-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .5rem;
}
.cart-crossselling-price .price {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--c-accent);
}
.cart-crossselling-price .regular-price {
    font-size: .85rem;
    text-decoration: line-through;
    color: var(--c-text-muted);
}
.cart-crossselling-price .discount-percentage {
    font-size: .85rem;
    color: var(--c-text-muted);
}
.cart-crossselling .input-qty {
    display: none;          /* se adaugă mereu 1 buc. */
}
.cart-crossselling .product-add-cart .btn {
    width: 100%;
    font-size: .85rem;
    padding: .45rem .5rem;
}
.product-variants > .product-variants-item {
    margin-top: 0;
}
.product-variants .form-control-label {
    padding-top: 0;
}


/* Pagina de coș, model 24MX — markup în checkout/_partials/cart-detailed-product-line.tpl; .is-confirming pus de custom.js */
#cart .cart-grid-body .cart-container,
#cart .cart-grid-right .cart-summary {
    padding: 1.5rem;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
}
#cart .cart-items {
    margin-bottom: 0;
}
#cart .cart-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--c-border);
}
#cart .cart-item:first-child {
    padding-top: 0;
}
#cart .cart-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Grilă: [imagine | text | coș de gunoi] / [cantitate | – | coș de gunoi] */
.krc-cart-line {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    grid-template-areas:
        "media body   ."
        "media body   actions";
    gap: .5rem 1.5rem;
}
.krc-cl-media {
    grid-area: media;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.krc-cl-body {
    grid-area: body;
    min-width: 0;
    align-self: start;
}
.krc-cl-actions {
    grid-area: actions;
    align-self: end;
}
.krc-cl-img {
    display: block;
    background: var(--c-bg-alt);
}
.krc-cl-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.krc-cl-name {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--c-text);
}
.krc-cl-name:hover {
    color: var(--c-accent);
}
.krc-cl-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: .25rem;
    font-size: .95rem;
    color: var(--c-text-muted);
}
.krc-cl-attrs + .krc-cl-stock {
    padding-left: .6rem;
    margin-left: .6rem;
    border-left: 1px solid var(--c-border);
}
.krc-cl-stock--in  { color: var(--pp-stock-in); }
.krc-cl-stock--low { color: var(--pp-stock-low); }
.krc-cl-stock--out { color: var(--pp-stock-out); }

.krc-cl-price {
    margin-top: 1.25rem;
}
.krc-cl-current {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--c-accent);
}
.krc-cl-was {
    margin-top: .15rem;
    font-size: .95rem;
    color: var(--c-text);
}
.krc-cl-was .regular-price {
    text-decoration: line-through;
}
.krc-cl-total {
    margin-top: .35rem;
    font-size: .95rem;
}
.krc-cl-total .product-price {
    color: var(--c-text);        /* tema îl colorează cu albastrul de link */
}

/* Cantitate: [−][cifră][+], aceeași tehnică ca pe pagina de produs */
.krc-cl-qty .bootstrap-touchspin {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    max-width: none;
    min-height: 44px;
    margin: 0;
    border: 1px solid var(--pp-qty-border);
    background: var(--c-bg);
}
.krc-cl-qty .bootstrap-touchspin-prefix,
.krc-cl-qty .bootstrap-touchspin-postfix {
    display: none;
}
.krc-cl-qty .input-group-btn-vertical {
    display: contents;
}
.krc-cl-qty .bootstrap-touchspin-down { order: 1; }
.krc-cl-qty input[name="product-quantity-spin"] { order: 2; }
.krc-cl-qty .bootstrap-touchspin-up   { order: 3; }
.krc-cl-qty .btn-touchspin {
    flex: 0 0 40px;
    width: 40px;
    max-width: none;
    height: auto;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--c-text);
    font-size: 1.25rem;
    line-height: 1;
}
/* Tema pune height:50% cu (0,3,0) — trebuie bătut cu aceeași specificitate */
.krc-cl-qty .input-group-btn-vertical .bootstrap-touchspin-up,
.krc-cl-qty .input-group-btn-vertical .bootstrap-touchspin-down {
    height: auto;
    align-self: stretch;
    margin: 0;
    border: 0;
}
.krc-cl-qty .btn-touchspin:hover {
    background: var(--c-bg-alt-2);
}
.krc-cl-qty .btn-touchspin > i {
    display: none;
}
.krc-cl-qty .bootstrap-touchspin-down::before { content: '\2212'; }
.krc-cl-qty .bootstrap-touchspin-up::before   { content: '+'; }
.krc-cl-qty input[name="product-quantity-spin"] {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--c-text);
}
.krc-cl-qty input[name="product-quantity-spin"]:focus {
    outline: 0;
    box-shadow: none;
}

/* Coș de gunoi — pătrat cu contur */
.krc-cl-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--pp-qty-border);
    color: var(--c-text);
    font-size: 1.15rem;
}
.krc-cl-remove:hover {
    color: var(--c-accent);
    border-color: var(--c-accent);
}

/* Confirmare: înlocuiește textul rândului, imaginea rămâne */
.krc-cl-confirm {
    grid-area: body;
    display: none;
    align-self: start;
}
.krc-cart-line.is-confirming .krc-cl-body,
.krc-cart-line.is-confirming .krc-cl-actions,
.krc-cart-line.is-confirming .krc-cl-qty {
    display: none;
}
.krc-cart-line.is-confirming .krc-cl-confirm {
    display: block;
}
.krc-cl-confirm-title {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.krc-cl-confirm-btns {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.krc-cl-confirm-yes,
.krc-cl-confirm-no {
    min-height: 44px;
    padding: 0 1.25rem;
    border: 1px solid var(--c-ink);
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}
.krc-cl-confirm-yes {
    background: var(--c-ink);
    color: var(--c-white);
}
.krc-cl-confirm-yes:hover {
    background: var(--c-accent);
    border-color: var(--c-accent);
}
.krc-cl-confirm-no {
    background: var(--c-bg);
    color: var(--c-text);
}
.krc-cl-confirm-no:hover {
    background: var(--c-bg-alt-2);
}

/* Sumar (dreapta) */
#cart .cart-summary .cart-summary-line {
    padding: .2rem 0;
}
#cart .cart-summary .cart-summary-line.cart-total {
    font-size: 1.35rem;
}
#cart .cart-summary .btn-primary {
    min-height: 50px;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}


/* Pagina de produs — descriere trunchiată; clasele .pp-desc-* vin din Theme Editor → Custom Js (copie în docs-claude/bo-snippets.md), prag 100 cuvinte */
.product-description-section .product-description.pp-desc-collapsed .rte-content {
    position: relative;
    max-height: 400px;
    overflow: hidden;
}
.product-description-section .product-description.pp-desc-collapsed .rte-content::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(to bottom, rgba(var(--c-white-rgb), 0), rgba(var(--c-white-rgb), 1));  /* presupune fundal alb */
    pointer-events: none;
}
/* Starea deschisă — aceeași specificitate, trebuie să rămână DUPĂ cele de sus */
.product-description-section .product-description.pp-desc-open .rte-content {
    max-height: none;
    overflow: visible;
}
.product-description-section .product-description.pp-desc-open .rte-content::after {
    display: none;
}
.pp-desc-toggle {
    position: relative;
    display: inline-block;
    margin-top: .75rem;
    padding-left: 1rem;   
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: var(--c-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.pp-desc-toggle:hover {
    color: var(--c-accent);
}
.pp-desc-toggle::before {
    content: '+';
    position: absolute;     /* out-of-flow → nu primește underline-ul */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1em;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
}
.pp-desc-open .pp-desc-toggle::before {
    content: '−';
}


/* Pagina de produs — specificații (dl.data-sheet); zebra pe :nth-of-type, dt și dd se numără separat */
.product-details-section .data-sheet {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    margin: 0 0 1.25rem;
    border-top: 1px solid var(--c-border);
}
.product-details-section .data-sheet .name,
.product-details-section .data-sheet .value {
    margin: 0;
    padding: .7rem 1rem;
    font-size: .9rem;
    line-height: 1.4;
    border-bottom: 1px solid var(--c-border);
}
.product-details-section .data-sheet .name {
    font-weight: 600;
    color: var(--c-text);
    margin-bottom: 0 !important;
    font-size: 15px;
}
.product-details-section .data-sheet .value {
    text-align: right;
    color: var(--c-ink);
    word-break: break-word;
    margin-bottom: 0 !important;
    font-size: 15px;
}
.product-details-section .data-sheet .name:nth-of-type(even),
.product-details-section .data-sheet .value:nth-of-type(even) {
    background: var(--c-bg-alt-2);
}
/* Referință / stoc / condiție — sub tabel, același ritm */
.product-details-section .product-reference,
.product-details-section .product-quantities,
.product-details-section .product-condition,
.product-details-section .specific-references > div {
    display: flex;
    gap: .5rem;
    padding: .35rem 1rem;
    font-size: .9rem;
}
.product-details-section .product-reference .label,
.product-details-section .product-quantities .label,
.product-details-section .product-condition .label,
.product-details-section .specific-references .label {
    margin: 0;
    font-weight: 600;
    color: var(--c-text);
}
/* Secțiune fără niciun conținut → ascunsă cu tot cu titlul „Detalii ale produsului".
   Lista = tot ce poate randa product-details.tpl (temă părinte). Clasa nativă
   .empty-product-details NU ajunge: se pune doar după lipsa caracteristicilor, deci ar
   ascunde și EAN-ul / brandul. :has() se reevaluează singur când JS-ul temei înlocuiește
   #product-details la schimbarea combinației. #product-details rămâne în DOM (data-product
   e citit de JS). Browser fără :has() → titlul rămâne, ca înainte. */
#product-details-wrapper:not(:has(
    .data-sheet,
    .product-manufacturer,
    .product-reference,
    .product-quantities,
    .product-condition,
    .specific-references,
    .product-availability-date,
    .product-out-of-stock > *
)) {
    display: none;
}


/* Pagina de produs — coloana de cumpărare. BO: Manufacturer = „In product details tab", Price position = „Below title" */

/* Brand */
#col-product-info .pp-brand {
    margin-bottom: .35rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .03em;
    text-transform: uppercase;
}
#col-product-info .pp-brand a {
    color: var(--c-accent);
    text-decoration: none;
}
#col-product-info .pp-brand a:hover {
    color: var(--c-accent-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Titlu */
#col-product-info .page-title {
    margin-bottom: .5rem;
    font-size: clamp(1.6rem, 3.2vw, 1.9rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.01em;
    color: var(--c-text);
}

/* Stele stânga, cod produs dreapta — margin-left:auto ține codul la dreapta și cu recenziile oprite */
#col-product-info .pp-title-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1.5rem;
    margin-bottom: .5rem;
    width: 100%;
}
#col-product-info .pp-title-meta .pp-reference {
    margin-left: auto;
}
#col-product-info .pp-title-meta .krc-product-rating {
    margin-bottom: 0;
}
#col-product-info .pp-reference {
    font-size: .875rem;
    color: var(--c-text-muted);
}
#col-product-info .pp-reference-value {
    font-weight: 600;
    color: var(--c-text);
}

/* Preț — coloană flex, stocul mutat vizual la final (în DOM e primul) */
#col-product-info .product-prices {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 1rem;
}
#col-product-info .product-prices > .pp-price-block              { order: 1; width: 100%; }
#col-product-info .product-prices > .tax-shipping-delivery-label { order: 2; }
#col-product-info .product-prices > #product-availability        { order: 3; }
#col-product-info .product-prices > .product-without-taxes,
#col-product-info .product-prices > .product-pack-price,
#col-product-info .product-prices > .price-ecotax                { order: 2; }

/* Badge-ul (.pp-badge-row) sare deasupra prin order:-1 + flex-basis:100% */
#col-product-info .pp-price-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: .5rem;
}
#col-product-info .pp-badge-row {
    order: -1;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: .35rem;
}
#col-product-info .pp-badge {
    font-size: .95rem;
    font-weight: 700;
}
#col-product-info .current-price .product-price {
    font-size: clamp(1.9rem, 3.6vw, 2.4rem);
    font-weight: 700;
    line-height: 1.05;
    color: var(--c-accent);
}
#col-product-info .pp-tax-label {
    font-size: .8rem;
    font-weight: 400;
    color: var(--c-text-muted);
}
#col-product-info .pp-old-price-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: .5rem;
    margin-top: .4rem;
}
#col-product-info .pp-old-price-line .regular-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--c-text);
    text-decoration: line-through;
}
#col-product-info .pp-save {
    font-size: 1rem;
    font-weight: 400;
    color: var(--c-text);
}

/* Livrare */
#col-product-info .tax-shipping-delivery-label {
    margin-top: .35rem;
    font-size: .875rem;
    color: var(--c-text-muted);
}
#col-product-info .tax-shipping-delivery-label:empty {
    display: none;          /* altfel lasă spațiu fantomă */
}

/* Stoc — pastilă cu bulină, aliniată stânga intenționat */
#col-product-info #product-availability.pp-stock {
    order: 3;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 1.25rem 0 0;
    padding: 0;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 0;
}
#col-product-info #product-availability.pp-stock::before {
    content: '';
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
}
#col-product-info #product-availability.pp-stock--in  { color: var(--pp-stock-in); }
#col-product-info #product-availability.pp-stock--low { color: var(--pp-stock-low); }
#col-product-info #product-availability.pp-stock--out { color: var(--pp-stock-out); }


#col-product-info .product-quantity .col-add-btn .add,
#col-product-info .product-quantity .col-add-btn .add-to-cart {
    width: 100%;
    font-weight: 600;
}

/* Selector cantitate [−][cifră][+] — nowrap obligatoriu, input[type=number] are ~150px intrinsec */
#col-product-info .product-quantity .qty {
    width: 126px;
}
#col-product-info .product-quantity .qty .bootstrap-touchspin {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
    margin-bottom: 0;
    border: 1px solid var(--pp-qty-border);
    border-radius: 0;
    overflow: hidden;
    background: var(--c-bg);
}
#col-product-info .product-quantity .qty .bootstrap-touchspin-prefix,
#col-product-info .product-quantity .qty .bootstrap-touchspin-postfix {
    display: none;
}
#col-product-info .product-quantity .qty .input-group-btn-vertical {
    display: contents;
}
#col-product-info .product-quantity .qty .bootstrap-touchspin-down { order: 1; }
#col-product-info .product-quantity .qty input[name="qty"]         { order: 2; }
#col-product-info .product-quantity .qty .bootstrap-touchspin-up   { order: 3; }
#col-product-info .product-quantity .qty .btn-touchspin {
    flex: 0 0 38px;
    width: 38px;
    max-width: none;
    height: auto;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--c-text);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
}
#col-product-info .product-quantity .qty .btn-touchspin:hover {
    background: var(--c-bg-alt-2);
}
#col-product-info .product-quantity .qty .btn-touchspin > i {
    display: none;
}
#col-product-info .product-quantity .qty .bootstrap-touchspin-down::before {
    content: '\2212';
}
#col-product-info .product-quantity .qty .bootstrap-touchspin-up::before {
    content: '+';
}
#col-product-info .product-quantity .qty input[name="qty"] {
    flex: 1 1 0;            /* basis 0, nu auto — altfel strivește butoanele */
    width: auto;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--pp-qty-border);
    border-right: 1px solid var(--pp-qty-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--c-text);
}
#col-product-info .product-quantity .qty input[name="qty"]:focus {
    outline: 0;
    box-shadow: none;
}
#col-product-info .product-quantity .add-to-cart .bag-icon {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: -.18em;
    background-color: currentColor;
    margin-right: 0;
    -webkit-mask: var(--icon-cart) center / contain no-repeat;
            mask: var(--icon-cart) center / contain no-repeat;
}
#col-product-info .product-quantity .add-to-cart .bag-icon::before {
    content: none;          /* scoate gliful Font Awesome al temei */
}


/* Card de produs în listing. BO (Product list): Grid layout Default · 5/rând · Grid margin 12 · Category name Hide · Brand/Buttons/Colors Show · Quantity input Hide · Description Hide */
.product-miniature-layout-1 {
    display: flex;
    flex-direction: column;
    height: 100%;           /* .products.row e flex → carduri egale pe rând */
    padding: 0;             /* bate pl_grid_padding din Theme Editor */
    text-align: left;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: 0;
    overflow: hidden;
    transition: box-shadow .25s ease, border-color .25s ease;
}
/* Carusele de produse (aceeași categorie, cross-sell, văzute recent, Elementor): Swiper dă slide-ului height:100% dintr-un wrapper fără înălțime → fiecare card avea înălțimea conținutului. Cu auto, flex-ul întinde slide-urile la cel mai înalt */
.products .swiper-slide {
    height: auto;
}
.products .swiper-slide > .product-carousel {
    height: 100%;
}
.product-miniature-layout-1:hover {
    border-color: rgba(var(--c-ink-rgb), .18);
    box-shadow: 0 8px 26px rgba(var(--c-ink-rgb), .12);
}

/* Imagine — pătrat pe <a>, nu pe container; position:relative e cerut de rollover-ul „fade" al temei */
.product-miniature-layout-1 .product-thumbnail {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    background: var(--c-white);
}
.product-miniature-layout-1 .product-thumbnail picture {
    display: block;
}
.product-miniature-layout-1 .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: var(--pm-img-pad);
}

/* Etichete — doar geometrie, culorile rămân din Theme Editor */
.product-miniature-layout-1 .pm-thumb {
    position: relative;
}
.product-miniature-layout-1 .product-flags {
    top: .6rem;
    left: .6rem;
}
.product-miniature-layout-1 .product-flag {
    padding: 4px 8px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1;
}

/* Inimă + quickview dreapta sus; display:block e plasă de siguranță pentru „Functional buttons = Hide" */
.product-miniature-layout-1 .product-functional-buttons-bottom,
.product-miniature-layout-1:hover .product-functional-buttons-bottom {
    display: block;
    top: .5rem;
    right: .5rem;
    bottom: auto;
    left: auto;
    z-index: 3;
    min-width: 0;
    padding: 0;
    transform: none;
    opacity: 1;
}
.product-miniature-layout-1 .product-functional-buttons-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.product-miniature-layout-1 .product-functional-buttons-links > *,
.product-miniature-layout-1 .product-functional-buttons-links > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: rgba(var(--c-white-rgb), .92);
    color: var(--c-text);
    box-shadow: 0 1px 4px rgba(var(--c-ink-rgb), .12);
    border-radius: 50%;
}
.product-miniature-layout-1 .product-functional-buttons-links > *:hover {
    color: var(--c-accent);
}
.product-miniature-layout-1 .krcwl-heart {
    width: 18px;
    height: 18px;
    vertical-align: 0;
}
.product-miniature-layout-1 .js-quick-view-iqit {
    display: none !important;
}
.product-miniature-layout-1:hover .js-quick-view-iqit {
    opacity: 0;
}

/* Zonă text — coloană flex, butonul cade la bază prin margin-top:auto */
.product-miniature-layout-1 .product-description {
    display: flex;
    flex-direction: column;
    gap: var(--pm-gap);
    flex: 1 1 auto;
    padding: 12px var(--pm-pad) var(--pm-pad);
    text-align: left;
}
.product-miniature-layout-1 .product-add-cart {
    margin-top: auto;
    padding-top: 4px;
}

/* Preț */
.product-miniature-layout-1 .product-price-and-shipping {
    margin: 0;
    margin-bottom: 0 !important;
}
.product-miniature-layout-1 .pm-price-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}
.product-miniature-layout-1 .pm-price-line .product-price {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--c-accent);
}
.product-miniature-layout-1 .pm-price-line .regular-price {
    font-size: .95rem;
    font-weight: 500;
    color: var(--c-text-muted);
    text-decoration: line-through;
}
.product-miniature-layout-1 .pm-discount-inline {
    font-size: .95rem;
    font-weight: 700;
    color: var(--c-accent);
}

/* Titlu — exact 2 rânduri */
.product-miniature-layout-1 .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    margin-bottom: 0 !important;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--c-text);
}
.product-miniature-layout-1 .product-title:hover {
    color: var(--c-accent);
}

/* Brand (link) — inherit ca să nu prindă culoarea de link a temei */
.product-miniature-layout-1 .product-brand {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--c-ink) !important;
    margin-bottom: 0 !important;
}
.product-miniature-layout-1 .product-brand a,
.product-miniature-layout-1 .product-brand a:link,
.product-miniature-layout-1 .product-brand a:visited {
    color: inherit;
    text-decoration: none;
}
.product-miniature-layout-1 .product-brand a:hover {
    color: var(--c-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Stele (krcreviews SVG). Culoarea pe path/stop-color, nu pe <svg>. */
.product-miniature-layout-1 .product-list-reviews {
    justify-content: flex-start;
    width: auto;
    margin: 0;
    padding: 0;
}
.product-miniature-layout-1 .product-list-reviews .link-comment {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.product-miniature-layout-1 .krc-stars-static {
    gap: 0;
}
.product-miniature-layout-1 .krc-star {
    width: 13px;
    height: 13px;
}
.product-miniature-layout-1 .krc-star--full path {
    fill: var(--c-ink);
}
.product-miniature-layout-1 .krc-star--half .krc-star-stop-on {
    stop-color: var(--c-ink);
}
.product-miniature-layout-1 .krc-star--empty path {
    fill: #D4D4D4;
}
.product-miniature-layout-1 .product-list-reviews .comments-nb {
    margin-left: 0;
    font-size: .8rem;
    color: var(--c-text-muted);
}

/* Variante de culoare */
.product-miniature-layout-1 .products-variants {
    margin: 0;
}
.product-miniature-layout-1 .variant-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.product-miniature-layout-1 .variant-links .color,
.product-miniature-layout-1 .variant-links .texture {
    width: 22px;
    height: 22px;
    border: 1px solid rgba(var(--c-ink-rgb), .15);
    background-size: cover;
    background-position: center;
    transition: transform .15s ease, border-color .15s ease;
}
.product-miniature-layout-1 .variant-links .color:hover,
.product-miniature-layout-1 .variant-links .texture:hover {
    transform: scale(1.12);
    border-color: var(--c-accent);
}
.product-miniature-layout-1 .variant-links .count {
    font-size: .8rem;
    font-weight: 600;
    color: var(--c-text-muted);
}

/* Buton add-to-cart — bloc iconiță stânga, mătură tot butonul la hover */
.product-miniature-layout-1 .product-add-cart form {
    margin: 0;
}
.product-miniature-layout-1 .input-group-add-cart {
    display: block;
}
.product-miniature-layout-1 .pm-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: var(--pm-btn-h);
    padding: 6px 12px 6px calc(var(--pm-btn-icon-w) + 6px);
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: var(--c-accent);
    color: var(--c-white);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s ease;
}
.product-miniature-layout-1 .pm-btn:hover,
.product-miniature-layout-1 .pm-btn:focus {
    background: var(--c-accent-hover);
    color: var(--c-white);
    text-decoration: none;
}
.product-miniature-layout-1 .pm-btn:focus-visible {
    outline: 2px solid var(--c-ink);
    outline-offset: 2px;
}
.product-miniature-layout-1 .pm-btn .pm-btn-label {
    position: relative;
    z-index: 1;
}
.product-miniature-layout-1 .pm-btn .bag-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: var(--pm-btn-icon-w);
    background: var(--c-ink);
    border-radius: 0 26px 26px 0;
    transition: width .4s cubic-bezier(.4, 0, .2, 1), border-radius .4s ease;
}
.product-miniature-layout-1 .pm-btn .bag-icon::before {
    content: none;          /* scoate gliful Font Awesome al temei */
}
.product-miniature-layout-1 .pm-btn .bag-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: var(--pm-btn-icon-w);    /* fixă și la hover, ca desenul să nu alunece */
    height: 21px;
    transform: translateY(-50%);
    background-color: var(--c-white);
    -webkit-mask: var(--icon-cart) center / 21px 21px no-repeat;
            mask: var(--icon-cart) center / 21px 21px no-repeat;
}
.product-miniature-layout-1 .pm-btn:hover .bag-icon {
    width: 100%;
    border-radius: 0;
}
/* Spinner doar cât ține AJAX-ul (.processing-add pus de theme.js) */
.product-miniature-layout-1 .pm-btn .spinner-icon {
    display: none;
}
.product-miniature-layout-1 .pm-btn.processing-add .spinner-icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 6px;
}


/* 9. SuperCheckout — antet dublat. Theme Editor ascunde #header doar pe #checkout; pagina modulului e #module-supercheckout-supercheckout + .page-order */
#module-supercheckout-supercheckout #header,
body.page-order #header {
    display: none !important;
}
/* Dacă și subsolul apare dublat, ascunde la fel #footer și #iqitcompare-floating-wrapper (atenție: cu Checkout Footer = „Default" rămâi fără subsol) */


/* 10. SuperCheckout — localitate ca select filtrat după județ (custom.js) */
.mx-loc-select {
    width: 100%;
}
input.mx-loc-hidden {
    display: none !important;   /* inputul original rămâne în DOM pentru validare */
}
/* Se încarcă localitățile — puls pe fundal (<select> nu randează ::before/::after) */
.mx-loc-select.is-loading {
    cursor: progress;
    color: var(--c-text-muted);
    animation: mx-loc-pulse 1.1s ease-in-out infinite;
}
@keyframes mx-loc-pulse {
    0%, 100% { background-color: var(--c-bg); }
    50%      { background-color: var(--c-bg-alt-2); }
}


/* 12. Formular nativ de adresă — localități după județ + buton ANAF; selectul stă sub inputul ascuns, în .js-input-column */
.js-address-form .mx-loc-select { margin-top: 0; }

/* „Preia datele firmei" — copiat din supercheckout.css, care se încarcă doar pe checkout */
.js-address-form .mx-anaf-btn {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin-top: .5rem;
    padding: 0 1rem;
    background: var(--c-bg, #fff);
    border: 1px solid var(--c-ink, #1A1A1A);
    border-radius: 0;
    color: var(--c-ink, #1A1A1A);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
}
.js-address-form .mx-anaf-btn:hover { background: var(--c-ink, #1A1A1A); color: #fff; }
.js-address-form .mx-anaf-btn:disabled { opacity: .6; cursor: progress; }
/* Mesajul de sub buton — is-ok / is-warn / is-bad puse de setMsg() din custom.js */
.js-address-form .mx-anaf-msg {
    margin: .6rem 0 .25rem;
    padding: .6rem .875rem;
    border-left: 3px solid var(--pp-qty-border, #D9D9D9);
    background: var(--c-bg-alt, #FAFAFA);
    font-size: .85rem;
    line-height: 1.5;
    color: var(--c-text, #1A1A1A);
}
.js-address-form .mx-anaf-msg:empty { display: none; }
.js-address-form .mx-anaf-msg.is-ok   { border-left-color: var(--pp-stock-in, #2E7D32); background: #EEF6EE; }
.js-address-form .mx-anaf-msg.is-warn { border-left-color: var(--pp-stock-low, #8A8A0F); background: #F7F6E6; }
.js-address-form .mx-anaf-msg.is-bad  { border-left-color: var(--c-accent, #E50F1E); background: #FDECEC; }


/* 13. Header — dropdown „Contul meu"; hover pe desktop (CSS) + click/tap (Bootstrap pune .show) */
.krc-userdd .header-user-btn {
    cursor: pointer;
}
.krc-userdd .krc-userdd-menu {
    min-width: 260px;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 6px 24px rgba(var(--c-ink-rgb), .16);
    font-weight: 500;
}
/* Fără gol între buton și meniu, altfel hover-ul se pierde la trecerea în jos */
.krc-userdd .krc-userdd-menu::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
}

.krc-userdd .krc-userdd-head {
    padding: 1rem 1.25rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--c-text);
    border-bottom: 1px solid var(--c-border);
}
.krc-userdd .dropdown-item {
    padding: .55rem 1.25rem;
    font-size: .95rem;
    color: var(--c-text);
    background: none;
}
.krc-userdd .dropdown-item:first-of-type {
    margin-top: .5rem;
}
.krc-userdd .dropdown-item:hover,
.krc-userdd .dropdown-item:focus {
    color: var(--c-accent);
    background: var(--c-bg-alt);
}
.krc-userdd .dropdown-divider {
    display:none;
}
.krc-userdd .krc-userdd-logout {
    margin-bottom: .5rem;
}

/* Nelogat: buton + link de înregistrare */
.krc-userdd .krc-userdd-menu--guest {
    padding: 1.25rem;
    text-align: center;
}
.krc-userdd .krc-userdd-login {
    display: block;
    width: 100%;
    min-height: 44px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.krc-userdd .krc-userdd-register {
    display: inline-block;
    margin-top: .875rem;
    font-size: .95rem;
    font-weight: 600;
    color: var(--c-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.krc-userdd .krc-userdd-register:hover {
    color: var(--c-accent);
}
.krc-footer-about-logo img{
    max-width: 250px;
    margin-bottom: 10px;
}
.krc-footer-badges-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
}
.krc-footer-badges-row img {
    width: auto;
    height:60px;
}
.krc-copyrights {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .5rem 1.5rem;
    color:white;
}
.krc-copyrights a{
    color:white !important;
}
.krc-copyrights-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}


/* 14. Elementor „Products list/sliders" — bară de derulare din custom.js pe caruselele cu Navigation = Dots. CSS-ul Swiper de scrollbar nu e încărcat, deci position/height pe cursor se declară aici */
.elementor-products-carousel .krc-el-scrollbar {
    position: relative;
    width: 100%;
    max-width: 480px;
    height: 4px;
    margin: 26px auto 0;
    background: #E3E3E3;
    border-radius: 999px;
}
.elementor-products-carousel .krc-el-scrollbar .swiper-scrollbar-drag {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: var(--c-text, #1A1A1A);
    border-radius: 999px;
    cursor: grab;
}
.elementor-products-carousel .krc-el-scrollbar .swiper-scrollbar-drag:active {
    cursor: grabbing;
}
/* Swiper pune clasa asta când toate produsele încap (watchOverflow) */
.elementor-products-carousel .krc-el-scrollbar.swiper-scrollbar-lock {
    display: none;
}
.af_filter li{
    margin-bottom:8px;
}


/* Titluri de secțiune — săgeata mutată în stânga și făcută triunghi plin (▾/▸); modulul o pune la right:3px (front.css:430) */
.af-form .af_filter {
    margin-bottom: 10px;
}
.af-form .af_subtitle {
    padding: 12px 0 10px 20px;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--c-text);
}
.af-form .af_subtitle.toggle-content:before {
    left: 2px;
    right: auto;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: 5px solid transparent;
    border-top-color: var(--c-ink);
    border-bottom: 0;
    transform: none;
}
.af-form .closed .af_subtitle.toggle-content:before {
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: var(--c-ink);
    border-right: 0;
}

/* Listă derulabilă — modulul lasă max-height:750px, practic inactiv; 320px = ~8-9 rânduri, cu bară vizibilă */
.af-form .af_filter_content > ul {
    max-height: 320px;
    scrollbar-width: thin;
    scrollbar-color: var(--c-ink) var(--c-bg-alt-2);
}
.af-form .af_filter_content > ul::-webkit-scrollbar {
    width: 6px;
}
.af-form .af_filter_content > ul::-webkit-scrollbar-track {
    background: var(--c-bg-alt-2);
}
.af-form .af_filter_content > ul::-webkit-scrollbar-thumb {
    background: var(--c-ink);
}

/* --- Câmpul de căutare din filtru (BO: „Quick search for options") -------- */
.af-form .af-quick-search {
    margin-bottom: 10px;
}
.af-form .af-quick-search .qsInput {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--pp-qty-border);
    border-radius: 4px;
    background: var(--c-bg);
    font-size: .95rem;
    color: var(--c-text);
}
.af-form .af-quick-search .qsInput:focus {
    outline: 0;
    border-color: var(--c-ink);
}

/* Valori ca pastile (BO: Type = „Text box"); :has() prinde exact filtrele comutate, fără clasă în plus */
.af-form .af_filter:has(.af-textbox-label) .af_filter_content > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 8px;
    /* 320px = ~6 rânduri și jumătate; jumătatea de rând semnalează că mai e conținut. overflow-y:auto vine din modul (front.css:54) */
    max-height: 320px;
    padding-right: 10px;        /* bara să nu stea peste ultima coloană */
}
.af-form .af_filter:has(.af-textbox-label) li {
    padding: 0;
}
.af-form .af_filter .af-textbox-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    transition: border-color .15s ease, color .15s ease;
}
.af_filter.tb li.active{
    border-color: #1a1a1a;
}
.active .af-color-box:after{
    border-color: #1a1a1a;
}
.af-form .af_filter .af-textbox-label input.af {
    display: none;              /* pastila ÎNSĂȘI e comutatorul */
}
.af-form .af_filter .af-textbox-label .name {
    padding-left: 0;
}
.af-form .af_filter .af-textbox-label .count {
    display: none;              /* nu încape lângă valoare într-o pastilă */
}
.af-form .af_filter .af-textbox-label:hover {
    border-color: var(--c-ink);
    color: var(--c-text);
    background: none;
}
.af-form .af_filter li.active > .af-textbox-label {
    border-color: var(--c-accent);
    border-width: 2px;
    color: var(--c-accent);
}
.af-form .af_filter .no-matches > .af-textbox-label {
    opacity: .35;
}


/* 15. Pagina de brand — titlu + logo pe același rând; logo limitat pe înălțime, nu pe lățime (siglele au proporții diferite) */
.krc-brand-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}
/* .page-title are margin-bottom din temă; anulat ca rândul să rămână centrat */
.krc-brand-head .page-title {
    margin-bottom: 0;
}
.krc-brand-logo {
    flex: 0 0 auto;
    line-height: 0;         /* scoate spațiul fantomă de sub <img> inline */
}
.krc-brand-logo img {
    width: auto;
    height: 140px;
    max-width: 220px;
    object-fit: contain;
}


/* 16. Pagina „Mărci" — listă alfabetică cu carduri. BO: Brands/Suppliers page → Layout = „Style 1", altfel se încarcă brands-grid.tpl */

/* Navigația pe litere */
.krc-brands-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .5rem;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--c-border);
}
.krc-brands-nav-link {
    padding: 2px 4px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--c-text);
}
.krc-brands-nav-link:hover {
    color: var(--c-accent);
}
.krc-brands-nav-sep {
    color: var(--c-text-muted);
}

/* scroll-margin-top compensează headerul sticky la sărituri pe ancoră */
.krc-brands-group {
    margin-bottom: 2.5rem;
    scroll-margin-top: var(--pp-sticky-top, 100px);
}
.krc-brands-group:last-child {
    margin-bottom: 0;
}
.krc-brands-letter {
    margin: 0 0 1rem;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--c-text);
}

.krc-brands-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

/* Coloana de logo e fixă, ca numele să înceapă pe aceeași verticală */
.krc-brand-card {
    display: flex;
    align-items: stretch;
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    transition: box-shadow .25s ease, border-color .25s ease;
}
.krc-brand-card:hover {
    border-color: rgba(var(--c-ink-rgb), .18);
    box-shadow: 0 8px 26px rgba(var(--c-ink-rgb), .12);
}
.krc-brand-card-logo {
    flex: 0 0 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1.25rem;
    border-right: 1px solid var(--c-border);
}
.krc-brand-card-logo img {
    max-width: 100%;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.krc-brand-card-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
}
.krc-brand-card-name {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--c-text);
}
.krc-brand-card-name a {
    color: inherit;
}
.krc-brand-card-name a:hover {
    color: var(--c-accent);
}
.krc-brand-card-count {
    font-size: .85rem;
    font-weight: 500;
    color: var(--c-text-muted);
}
.krc-brand-card-desc {
    font-size: .95rem;
    line-height: 1.55;
    color: var(--c-text);
}
.krc-brand-card-desc > *:last-child {
    margin-bottom: 0;
}

/* Clasa `btn` din markup NU e decorativă: Theme Editor are a:link:not(.nav-link):not(.btn){color:#1a1a1a} cu (0,3,1) și ar face textul negru pe negru */
.krc-brand-card-btn {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    margin-top: auto;
    padding: 0 1.25rem;
    background: var(--c-ink);
    border: 1px solid var(--c-ink);
    border-radius: 0;
    line-height: 1.2;
    color: var(--c-white);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease;
}
.krc-brand-card-btn:hover {
    background: var(--c-accent);
    border-color: var(--c-accent);
    color: var(--c-white);
}


/* 17. Filtre selectate deasupra listei (amazzingfilter). Chip-urile sunt append-uite după .clearAll (front.js:926), de aceea butonul se reașază cu order. „×"-ul cere (0,3,1) ca să bată regula de link a temei */
.selectedFilters.inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 1.25rem;
    padding: 12px 14px;
    background: var(--c-bg-alt);
    border: 1px solid var(--c-border);
    line-height: 1.2;
}
/* .clearfix::after devine flex item și ar consuma un `gap` în plus */
.selectedFilters.inline::after {
    display: none;
}

.selectedFilters.inline .selected-filters-label {
    margin-right: 2px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--c-text-muted);
}

/* Chip: alb pe fundalul gri al barei — se citește ca element detașabil, nu ca etichetă */
.selectedFilters.inline .cf {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    float: none;
    min-height: 34px;
    margin: 0;
    padding: 0 8px 0 12px;
    background: var(--c-bg);
    border: 1px solid var(--pp-qty-border);
    font-size: .875rem;
    font-weight: 500;
    color: var(--c-text);
    transition: border-color .15s ease;
}
.selectedFilters.inline .cf:hover {
    border-color: var(--c-ink);
}

/* „×" — singurul element pe care e legat click-ul (front.js:176 delegă pe `a`) */
.selectedFilters .cf a.close,
.selectedFilters.inline .cf a.close {
    position: relative;
    right: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 0;
    border-radius: 50%;
    font-size: .8rem;
    line-height: 1;
    color: var(--c-text-muted);
    opacity: 1;
    transition: background-color .15s ease, color .15s ease;
}
.selectedFilters .cf a.close:hover,
.selectedFilters.inline .cf a.close:hover {
    background: var(--c-accent);
    color: var(--c-white);
}

/* „Ștergeți filtrele" — contur roșu, nu bloc negru: acțiune distructivă, dar nu trebuie să domine bara */
.selectedFilters.inline .clearAll {
    order: 99;
    float: none;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 0 12px;
    background: transparent;
    border: 1px solid var(--c-accent);
    text-align: center;
    transition: background-color .15s ease;
}
.selectedFilters.inline .clearAll:hover {
    background: var(--c-accent);
}
.selectedFilters.inline .clearAll a,
.selectedFilters.inline .clearAll a:link,
.selectedFilters.inline .clearAll a:visited {
    display: inline-flex;
    align-items: center;
    color: var(--c-accent);
    font-weight: 700;
}
.selectedFilters.inline .clearAll:hover a {
    color: var(--c-white);
}
.selectedFilters.inline .clearAll .txt {
    margin-top: 0;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
}


/* ===== MEDIA QUERIES — toate aici, comasate pe breakpoint ===== */

/* ----- ≥576px (sm) ----- */
@media (min-width: 576px) {
    /* Add to cart */
    #col-product-info .product-quantity > .col-add-btn {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}

/* ----- ≥768px (md) ----- */
@media (min-width: 768px) {
    /* --- Elementor: gap între coloane (vezi index.md §9) --------------------- */
    .elementor-column-gap-narrow   > .elementor-row { gap: 10px; }
    .elementor-column-gap-default  > .elementor-row { gap: 20px; }
    .elementor-column-gap-extended > .elementor-row { gap: 30px; }
    .elementor-column-gap-wide     > .elementor-row { gap: 40px; }
    .elementor-column-gap-wider    > .elementor-row { gap: 60px; }
}

/* ----- ≥992px (lg) ----- */
@media (min-width: 992px) {
    /* Pagina de produs — coloana dreaptă sticky. NU pune align-items:flex-start pe .product-info-row; dacă nu se lipește, caută un părinte cu overflow:hidden */
    #col-product-info {
        position: sticky;
        top: var(--pp-sticky-top);
        max-height: calc(100vh - var(--pp-sticky-top) - 20px);
        overscroll-behavior: contain;
    }
    #col-product-info::-webkit-scrollbar {
        width: 6px;
    }
    #col-product-info::-webkit-scrollbar-thumb {
        background: rgba(var(--c-ink-rgb), .2);
        border-radius: 3px;
    }
    #col-product-info::-webkit-scrollbar-track {
        background: transparent;
    }
    .col-product-image {
        padding-bottom: 30px;
        padding-right:2rem;
    }
    .col-product-info{
        padding-left:2rem;
    }
    #cbp-hrmenu {
        --mm-gap: 16px;       /* gol între categorii, dropdown simplu */
        --mm-gap-mega: 10px;  /* idem, în coloanele de megamenu */
    }

    #cbp-hrmenu .cbp-hrsub:not(.col-12) {
        min-width: 380px;
    }

    /* Lista scapă de inline-block, ca să ocupe toată lățimea panoului */
    #cbp-hrmenu .cbp-links.cbp-category-tree {
        display: block;
        width: 100%;
    }

    /* --- Nivel 1, comun ---------------------------------------------------- */
    /* Linia de 1px cade la mijlocul golului: jumătate padding deasupra, jumătate margin dedesubt — altfel citește ca subliniere */
    #cbp-hrmenu .cbp-links > li {
        margin: 0 0 calc(var(--mm-gap) / 2);
        padding: 0 0 calc(var(--mm-gap) / 2);
        border-bottom: 1px solid var(--c-border, #F3F3F3);
    }
    #cbp-hrmenu .cbp-links > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    #cbp-hrmenu .cbp-links > li > .cbp-category-link-w > a {
        display: block;             /* zonă de click pe tot rândul */
        padding: 2px 22px 2px 0;
        line-height: 1.3;
        background: none;
        transition: color .15s ease;
    }
    #cbp-hrmenu .cbp-links > li > .cbp-category-link-w > a:hover {
        color: var(--c-accent, #E50F1E);
        background: none;
    }

    /* Bullet-ul de pe fiecare element — scos, e zgomot */
    #cbp-hrmenu .cbp-links > li > .cbp-category-link-w > a:before {
        content: none;
    }

    /* Caret doar pe ce are flyout; fixat în dreapta ca să nu danseze la nume pe două rânduri */
    #cbp-hrmenu .cbp-links > li.cbp-hrsub-haslevel2 > .cbp-category-link-w > a {
        position: relative;
    }
    #cbp-hrmenu .cbp-links > li.cbp-hrsub-haslevel2 > .cbp-category-link-w > a:after {
        position: absolute;
        right: 4px;
        top: 2px;
        padding-left: 0;
        opacity: .3;
        transition: right .15s ease, opacity .15s ease;
    }
    #cbp-hrmenu .cbp-links > li.cbp-hrsub-haslevel2 > .cbp-category-link-w > a:hover:after {
        right: 0;
        opacity: 1;
    }

    /* --- Nivel 1 în dropdown simplu: titluri, ca în modelul de referință --- */
    #cbp-hrmenu .cbp-hrsub:not(.col-12) .cbp-links > li > .cbp-category-link-w > a {
        font-size: 1.02rem;
        font-weight: 700;
        color: var(--c-text, #1A1A1A);
    }

    /* --- Nivel 1 în megamenu: liste lungi sub un titlu de coloană ---------- */
    #cbp-hrmenu .cbp-hrsub.col-12 .cbp-links > li {
        margin-bottom: calc(var(--mm-gap-mega) / 2);
        padding-bottom: calc(var(--mm-gap-mega) / 2);
    }
    #cbp-hrmenu .cbp-hrsub.col-12 .cbp-links > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #cbp-hrmenu .cbp-hrsub.col-12 .cbp-links > li > .cbp-category-link-w > a {
        font-size: .95rem;
        font-weight: 600;
    }

    /* --- Flyout nivel 2-3: linie-ghid verticală ---------------------------- */
    #cbp-hrmenu .cbp-hrsub-level2 {
        padding: 6px 20px 6px 16px;
        border-left: 2px solid var(--c-border, #F3F3F3);
        background: var(--c-bg, #fff);
    }
    #cbp-hrmenu .cbp-hrsub-level2 > li {
        margin: 0 0 10px;
    }
    #cbp-hrmenu .cbp-hrsub-level2 > li:last-child {
        margin-bottom: 0;
    }
    #cbp-hrmenu .cbp-hrsub-level2 > li > .cbp-category-link-w > a {
        display: block;
        padding: 2px 0;
        font-size: .95rem;
        font-weight: 500;
        line-height: 1.28;
        transition: color .15s ease;
    }
    #cbp-hrmenu .cbp-hrsub-level2 > li > .cbp-category-link-w > a:before {
        content: none;
    }
    #cbp-hrmenu .cbp-hrsub-level2 > li > .cbp-category-link-w > a:hover {
        color: var(--c-accent, #E50F1E);
        background: none;
    }
    /* Nivel 3 — încă un pas în jos pe greutate */
    #cbp-hrmenu .cbp-hrsub-level3 > li > .cbp-category-link-w > a {
        font-size: .92rem;
        font-weight: 400;
    }

    /* Aer în jurul listei, ca golurile să nu se bată cu marginea panoului */
    #cbp-hrmenu .cbp-hrsub:not(.col-12) .iqitmegamenu-submenu-container {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* ----- desktop cu mouse ----- */
@media (hover: hover) and (min-width: 992px) {
    .krc-userdd:hover .krc-userdd-menu {
        display: block;
    }
}

/* ----- <1200px (sub xl) ----- */
@media (max-width: 1199.98px) {
    #header-phone-btn {
        display: none;      /* înghesuie bara de căutare */
    }
}

/* ----- <768px (sub md) ----- */
@media (max-width: 767.98px) {
    .logo {
        width: 150px;
    }

    /* Coloane stivuite: galerie → cumpărare → descriere. display:contents ridică copiii .col-product-image la nivelul rândului; > * replică .row > * */
    .product-info-row {
        flex-direction: column;
    }
    .col-product-image {
        display: contents;
    }
    .col-product-image > * {
        order: 5;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
        padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
    }
    .col-product-image > .krc-gallery,
    .col-product-image > .images-container {   /* galerie modul / galerie nativă */
        order: 1;
    }
    .col-product-image > .after-cover-tumbnails {
        order: 2;
    }
    .col-product-image > .after-cover-tumbnails2 {
        order: 3;
    }
    .col-product-info {
        order: 4;
    }
    .krc-copyrights {
        justify-content: center;
        text-align: center;
    }
}

/* ----- <576px (sub sm) ----- */
@media (max-width: 575.98px) {
    .product-details-section .data-sheet .name,
    .product-details-section .data-sheet .value {
        padding: .6rem .75rem;
        font-size: .85rem;
    }

    /* Pagina de coș — imagine mai mică, coșul de gunoi lângă cantitate */
    #cart .cart-grid-body .cart-container,
    #cart .cart-grid-right .cart-summary {
        padding: 1rem;
    }
    .krc-cart-line {
        grid-template-columns: 96px minmax(0, 1fr);
        grid-template-areas:
            "media body"
            "media actions";
        gap: .5rem 1rem;
    }
    .krc-cl-actions {
        justify-self: end;
    }
    .krc-cl-name {
        font-size: .95rem;
    }
    .krc-cl-price {
        margin-top: .75rem;
    }
    .krc-cl-qty .btn-touchspin {
        flex-basis: 30px;
        width: 30px;
    }

    /* Card de produs, 2 pe rând (~160px) */
    .product-miniature-layout-1 {
        --pm-pad: 10px;
        --pm-img-pad: 6px;
        --pm-btn-h: 40px;
        --pm-btn-icon-w: 40px;
        --pm-gap: 6px;
    }
    .product-miniature-layout-1 .pm-price-line .product-price {
        font-size: 1.2rem;
    }
    .product-miniature-layout-1 .product-title {
        font-size: .9rem;
    }
    .product-miniature-layout-1 .pm-btn {
        font-size: .82rem;
        padding-right: 8px;
    }
    .product-miniature-layout-1 .variant-links .color,
    .product-miniature-layout-1 .variant-links .texture {
        width: 18px;
        height: 18px;
    }
    .krc-brand-head {
        gap: 1rem;
    }
    .krc-brand-logo img {
        height: 38px;
        max-width: 130px;
    }
    /* Sub 576px logo deasupra: 150px logo + text pe 360px lasă textului ~150px */
    .krc-brand-card {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    .krc-brand-card-logo {
        flex: 0 0 auto;
        justify-content: flex-start;
        padding-right: 0;
        padding-bottom: 1rem;
        border-right: 0;
        border-bottom: 1px solid var(--c-border);
    }
    .krc-brand-card-logo img {
        max-height: 48px;
    }
    .krc-brands-letter {
        font-size: 1.4rem;
    }
    .krc-brand-card-btn {
        width: 100%;
        justify-content: center;
    }
    .selectedFilters.inline {
        gap: 6px;
        padding: 10px;
    }
    .selectedFilters.inline .cf {
        max-width: 100%;
        font-size: .8rem;
    }
    /* Pe telefon, rând propriu: lipit de ultimul chip e prea ușor de atins din greșeală */
    .selectedFilters.inline .clearAll {
        flex: 1 0 100%;
        justify-content: center;
    }
}

/* ----- <480px ----- */
@media (max-width: 480px) {
    #blockcart-content {
        width: 100vw;
    }
}

/* ----- animații reduse ----- */
@media (prefers-reduced-motion: reduce) {
    .mx-loc-select.is-loading {
        animation: none;
        background-color: var(--c-bg-alt);
    }
}