/**
 * Karina – stiluri principale.
 *
 * Ordinea: variabile → elemente → componente → layout → utilitare.
 * Toate culorile și dimensiunile vin din custom properties generate în
 * inc/customizer-css.php, deci nu există valori „hard-coded" de temă aici.
 */

/* =========================================================================
   1. Variabile de bază (fallback dacă lipsește CSS-ul dinamic)
   ====================================================================== */

:root{
	--k-primary:#0b5cff;
	--k-primary-rgb:11,92,255;
	--k-primary-dark:#0844c4;
	--k-accent:#ff4d4f;
	--k-accent-rgb:255,77,79;
	--k-success:#0f9d58;
	--k-text:#141821;
	--k-text-rgb:20,24,33;
	--k-muted:#5b6478;
	--k-border:#e4e7ee;
	--k-surface:#fff;
	--k-bg:#fff;
	--k-radius:12px;
	--k-radius-sm:6px;
	--k-radius-lg:18px;
	--k-container:1360px;
	--k-fs:16px;
	--k-cols:4;
	--k-shadow-sm:0 1px 2px rgba(16,24,40,.05);
	--k-shadow:0 4px 16px rgba(16,24,40,.08);
	--k-shadow-lg:0 24px 60px rgba(16,24,40,.16);
	--k-gap:clamp(16px,2vw,24px);
	--k-section-y:clamp(40px,6vw,72px);
}

/* =========================================================================
   2. Elemente
   ====================================================================== */

/* Butoanele își gestionează singure culorile. Fără excepția asta, un
   `<a class="k-btn">` primea la hover text albastru peste fundal albastru. */
a:hover:not(.k-btn):not(.button):not([class*="k-btn--"]){color:var(--k-primary)}
:focus-visible{outline:2px solid var(--k-primary);outline-offset:2px;border-radius:4px}
/* WooCommerce mută focusul pe notificări ca să le anunțe cititoarelor de ecran;
   nu are rost să le și încadreze vizual. */
.woocommerce-message:focus-visible,.woocommerce-error:focus-visible,
.woocommerce-info:focus-visible,.woocommerce-NoticeGroup:focus-visible{outline:none}

/* Atributul `hidden` trebuie să învingă orice `display` de componentă. */
[hidden]{display:none!important}

.k-page{display:flex;flex-direction:column;min-height:100vh}
/* Secțiunile primei pagini își poartă propria spațiere; padding-ul general al
   zonei de conținut lăsa o dâră albă între ultima bandă colorată și subsol. */
.k-main.k-home{padding-block:0}
.k-main{flex:1 1 auto;padding-block:clamp(24px,4vw,40px)}
.k-icon{flex:0 0 auto}
.k-flip{transform:scaleX(-1)}
.k-hp{position:absolute!important;left:-9999px;opacity:0;pointer-events:none}
.k-hidden-field{display:none!important}
.k-dot{opacity:.4;margin-inline:6px}

/* Text lung (pagini, articole, descrieri) */
.k-prose{max-width:74ch;font-size:clamp(16px,1.6vw,17px);line-height:1.75}
.k-prose h2{margin-top:1.8em;font-size:1.55em}
.k-prose h3{margin-top:1.5em;font-size:1.25em}
.k-prose ul,.k-prose ol{margin:0 0 1.2em;padding-left:1.4em;list-style:revert}
.k-prose li{margin-bottom:.4em}
.k-prose a{color:var(--k-primary);text-decoration:underline;text-underline-offset:3px}
/* Grilele de produse inserate prin shortcode în conținut își păstrează
   propriul stil: fără sublinieri și fără albastru moștenit de la text. */
.k-prose .k-products a,.k-prose .k-card a,.k-prose .k-wishlist a{color:inherit;text-decoration:none}
.k-prose .k-products a:hover,.k-prose .k-card a:hover{color:var(--k-primary)}
.k-prose .k-card__cat{color:var(--k-muted)}
.k-prose .k-btn--primary,.k-prose .k-card__atc{color:#fff}
.k-prose .k-products,.k-prose .k-wishlist{max-width:none}
.k-prose img{border-radius:var(--k-radius)}
.k-prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--k-primary);color:var(--k-muted);font-style:italic}
.k-prose table{width:100%;border-collapse:collapse;margin-bottom:1.5em}
.k-prose th,.k-prose td{padding:10px 12px;border:1px solid var(--k-border);text-align:left}
.k-prose code{padding:2px 6px;background:rgba(var(--k-text-rgb),.06);border-radius:4px;font-size:.9em}

/* =========================================================================
   3. Butoane și controale
   ====================================================================== */

.k-btn--primary:hover,.k-btn--primary:focus{background:var(--k-primary-dark);color:#fff}
.k-btn--ghost:hover,.k-btn--ghost:focus{border-color:var(--k-primary);color:var(--k-primary);background:rgba(var(--k-primary-rgb),.04)}
.k-btn--light:hover,.k-btn--light:focus{background:#fff;color:var(--k-primary)}
.k-btn--danger:hover,.k-btn--danger:focus{background:#d9363e;color:#fff}
.k-btn:active{transform:translateY(1px)}
.k-btn[disabled],.k-btn.is-loading{opacity:.6;pointer-events:none}
.k-btn.is-loading{position:relative;color:transparent!important}
.k-btn.is-loading::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:k-spin .6s linear infinite}
.k-btn--ghost.is-loading::after{border-color:rgba(var(--k-text-rgb),.2);border-top-color:var(--k-text)}
@keyframes k-spin{to{transform:rotate(360deg)}}

.k-link{color:var(--k-primary);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
.k-link:hover{color:var(--k-primary-dark)}

.k-close{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--k-muted)}
.k-close:hover{background:rgba(var(--k-text-rgb),.06);color:var(--k-text)}

.k-field{margin-bottom:16px}
.k-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.k-field input,.k-field textarea,.k-field select{
	width:100%;padding:12px 14px;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);
	background:var(--k-surface);transition:border-color .15s,box-shadow .15s
}
.k-field input:focus,.k-field textarea:focus,.k-field select:focus{
	outline:0;border-color:var(--k-primary);box-shadow:0 0 0 3px rgba(var(--k-primary-rgb),.14)
}
.k-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k-field__pass{position:relative}
.k-field__pass input{padding-right:46px}
.k-pass-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:6px;color:var(--k-muted)}

.k-checkbox{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;line-height:1.45;cursor:pointer}
.k-checkbox input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--k-primary)}
.k-checkbox a{color:var(--k-primary);text-decoration:underline}

.k-qty{display:inline-flex;align-items:center;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);overflow:hidden;background:var(--k-surface)}
.k-qty__btn{display:grid;place-items:center;width:38px;height:40px;color:var(--k-muted)}
.k-qty__btn:hover{background:rgba(var(--k-text-rgb),.05);color:var(--k-text)}
.k-qty__input{width:48px;height:40px;padding:0;text-align:center;border:0;background:transparent;font-weight:600;-moz-appearance:textfield}
.k-qty__input::-webkit-outer-spin-button,.k-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.k-qty--sm .k-qty__btn{width:30px;height:32px}
.k-qty--sm .k-qty__input{width:36px;height:32px;font-size:14px}

/* =========================================================================
   4. Navigație
   ====================================================================== */

.k-menu__link:hover{background:rgba(var(--k-text-rgb),.05)}
.k-menu>.current-menu-item>.k-menu__link,.k-menu>.current-menu-parent>.k-menu__link{color:var(--k-primary)}
.k-menu__arrow{opacity:.5;transition:transform .2s}
.k-menu__toggle{display:none}
.k-menu__badge{
	margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--k-accent);color:#fff;
	font-size:10px;font-weight:800;font-style:normal;letter-spacing:.03em;text-transform:uppercase
}
.k-menu__badge--green{background:var(--k-success)}
.k-menu__badge--blue{background:var(--k-primary)}

.k-has-children{position:relative}
.k-submenu{
	position:absolute;top:100%;left:0;min-width:230px;padding:8px;z-index:70;
	background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius);
	box-shadow:var(--k-shadow-lg);opacity:0;visibility:hidden;transform:translateY(6px);
	transition:opacity .16s,transform .16s,visibility .16s
}
.k-has-children:hover>.k-submenu,.k-has-children:focus-within>.k-submenu{opacity:1;visibility:visible;transform:none}
.k-submenu .k-menu__link{width:100%;padding:9px 12px;font-size:14px}
.k-submenu .k-submenu{top:-8px;left:100%}

/* Mega-meniu: submeniul de nivel 1 devine panou pe toată lățimea */
.k-mega{position:static}
.k-mega>.k-submenu{
	left:0;right:0;width:100%;padding:24px clamp(16px,4vw,32px);
	display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 28px;border-radius:0 0 var(--k-radius) var(--k-radius)
}
.k-mega>.k-submenu>li>.k-menu__link{font-weight:700;color:var(--k-text);padding-inline:0}
.k-mega>.k-submenu .k-submenu{
	position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;min-width:0;background:none
}
.k-mega>.k-submenu .k-submenu .k-menu__link{padding-inline:0;color:var(--k-muted);font-weight:400}
.k-mega>.k-submenu .k-submenu .k-menu__link:hover{background:none;color:var(--k-primary)}

.k-subnav{border-top:1px solid var(--k-border);background:var(--k-header-bg)}
.k-menu--sub .k-menu__link{padding:9px 12px;font-size:14px;color:var(--k-muted)}

.k-header__search{border-top:1px solid var(--k-border);padding-block:16px;background:var(--k-header-bg)}
.k-header__searchbar{flex:1 1 auto;max-width:640px}
.k-header__nav-row{border-top:1px solid var(--k-border)}
.k-header__nav-row .k-menu{justify-content:flex-start}
.k-nav--center .k-menu{justify-content:center}

/* Meniul mobil */
/* Panourile lipite de marginea de sus stau sub bara de administrare, altfel
   aceasta le taie antetul — logo-ul sertarului dispărea sub ea. */
.admin-bar .k-mobile-nav__panel,
.admin-bar .k-drawer,
.admin-bar .k-shop-sidebar{top:32px}
@media (max-width:782px){
	.admin-bar .k-mobile-nav__panel,
	.admin-bar .k-drawer,
	.admin-bar .k-shop-sidebar{top:46px}
}

.k-mobile-nav{position:fixed;inset:0;z-index:200}
.k-mobile-nav[hidden]{display:none}
.k-mobile-nav__backdrop{position:absolute;inset:0;background:rgba(10,14,22,.5);animation:k-fade .2s}
.k-mobile-nav__panel{
	position:absolute;inset:0 auto 0 0;width:min(360px,88vw);display:flex;flex-direction:column;
	background:var(--k-surface);animation:k-slide-left .24s cubic-bezier(.32,.72,0,1)
}
.k-mobile-nav__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--k-border)}
.k-mobile-nav__search{padding:14px 16px;border-bottom:1px solid var(--k-border)}
.k-mobile-nav__menu{flex:1 1 auto;overflow-y:auto;padding:8px}
.k-menu--mobile{display:block}
.k-menu--mobile .k-menu__link{padding:13px 12px;font-size:16px;border-radius:8px}
.k-menu--mobile .k-has-children{position:relative}
.k-menu--mobile .k-menu__arrow{display:none}
.k-menu--mobile .k-menu__toggle{
	display:grid;place-items:center;position:absolute;top:2px;right:0;width:44px;height:44px;color:var(--k-muted);transition:transform .2s
}
.k-menu--mobile .k-submenu{
	position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;
	border-left:2px solid var(--k-border);border-radius:0;margin-left:12px;padding:0 0 0 8px;display:none
}
.k-menu--mobile .is-open>.k-submenu{display:block}
.k-menu--mobile .is-open>.k-menu__toggle{transform:rotate(180deg)}
.k-mobile-nav__foot{border-top:1px solid var(--k-border);padding:12px 8px}
.k-mobile-nav__link{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:8px;font-weight:600;font-size:15px;text-align:left}
.k-mobile-nav__link:hover{background:rgba(var(--k-text-rgb),.05)}

@keyframes k-fade{from{opacity:0}}
@keyframes k-slide-left{from{transform:translateX(-100%)}}
@keyframes k-slide-right{from{transform:translateX(100%)}}
@keyframes k-pop{from{opacity:0;transform:translateY(8px) scale(.98)}}

/* =========================================================================
   5. Căutare
   ====================================================================== */

.k-search{position:relative;width:100%}
.k-search__field{position:relative;display:flex;align-items:center}
.k-search__icon{position:absolute;left:14px;color:var(--k-muted);pointer-events:none}
.k-search__input{
	width:100%;padding:13px 96px 13px 42px;border:1px solid var(--k-border);
	border-radius:999px;background:var(--k-surface);font-size:15px
}
.k-search__input:focus{outline:0;border-color:var(--k-primary);box-shadow:0 0 0 3px rgba(var(--k-primary-rgb),.14)}
/* Butonul stă în interiorul câmpului, pe toată înălțimea lui. Fără inline-flex,
   iconița și eticheta cădeau una sub alta și butonul ieșea din câmp. */
.k-search__submit{
	position:absolute;top:4px;bottom:4px;right:4px;display:inline-flex;align-items:center;gap:6px;
	padding:0 18px;border-radius:999px;white-space:nowrap;
	background:var(--k-primary);color:#fff;font-size:14px;font-weight:600
}
.k-search__submit:hover{background:var(--k-primary-dark)}
/* În varianta simplă eticheta e de ajuns; iconița stă deja în stânga câmpului. */
.k-search--default .k-search__submit svg{display:none}
.k-search__results{
	position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:80;max-height:min(70vh,520px);overflow-y:auto;
	background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow-lg);
	padding:8px;animation:k-pop .16s
}
.k-search__results[hidden]{display:none}
.k-sresult{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px}
.k-sresult:hover,.k-sresult.is-active{background:rgba(var(--k-primary-rgb),.07)}
.k-sresult img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.k-sresult__name{font-size:14px;font-weight:600;line-height:1.35}
.k-sresult__price{font-size:13px;color:var(--k-muted)}
.k-sresult__price .amount{color:var(--k-text);font-weight:700}
.k-search__group{padding:8px 8px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k-muted)}
.k-search__more{display:block;padding:12px;text-align:center;font-weight:600;font-size:14px;color:var(--k-primary);border-top:1px solid var(--k-border);margin-top:6px}
.k-search__empty{padding:24px 12px;text-align:center;color:var(--k-muted);font-size:14px}

/* =========================================================================
   6. Layout de pagină
   ====================================================================== */

.k-layout{display:grid;gap:clamp(24px,4vw,48px)}
.k-layout--sidebar{grid-template-columns:1fr}
.k-layout--narrow .k-main{max-width:760px;margin-inline:auto}
.k-sidebar{min-width:0}
.k-widget{margin-bottom:28px}
.k-widget__title{font-size:15px;font-weight:700;margin-bottom:12px}
.k-widget ul{display:flex;flex-direction:column;gap:6px}
.k-widget li a{font-size:14px;color:var(--k-muted)}
.k-widget li a:hover{color:var(--k-primary)}

.k-breadcrumbs{border-bottom:1px solid var(--k-border);background:var(--k-surface)}
.k-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-block:12px;font-size:13px;color:var(--k-muted)}
.k-breadcrumbs li{display:flex;align-items:center;gap:4px}
.k-breadcrumbs a:hover{color:var(--k-primary)}
.k-breadcrumbs__sep{opacity:.4}
.k-breadcrumbs [aria-current]{color:var(--k-text);font-weight:600}

.k-section{padding-block:var(--k-section-y)}

/* =========================================================================
   Aspectul secțiunilor din builder
   =========================================================================
   Fiecare secțiune primește un înveliș cu clase: variantă, fundal, spațiere,
   lățime. Alternanța de fundal e ce rupe monotonia unei pagini construite din
   secțiuni identice — mai mult decât încă zece tipuri de secțiune. */

.k-sec--background-soft{background:rgba(var(--k-text-rgb),.03)}
.k-sec--background-brand{background:rgba(var(--k-primary-rgb),.06)}
.k-sec--background-inverted{background:var(--k-text);color:#fff}
.k-sec--background-inverted .k-section__title,
.k-sec--background-inverted h2,
.k-sec--background-inverted h3{color:#fff}
.k-sec--background-inverted p{color:rgba(255,255,255,.72)}
.k-sec--background-inverted .k-card{--k-card-bg:rgba(255,255,255,.04);--k-card-border:1px solid rgba(255,255,255,.12);color:#fff}
.k-sec--background-inverted .k-card__title a{color:#fff}
.k-sec--background-inverted .k-section__link{color:#fff}

.k-sec--space-compact .k-section{padding-block:clamp(22px,3vw,38px)}
.k-sec--space-wide .k-section{padding-block:clamp(56px,8vw,110px)}

/* Pe toată lățimea: containerul își pierde limita, dar păstrează marginile
   laterale, ca textul să nu ajungă lipit de ecran. */
.k-sec--width-full .k-container{max-width:none}

/* Hero — variante ----------------------------------------------------- */
.k-sec--variant-wide .k-hero__side{display:none}
.k-sec--variant-wide .k-hero__grid{grid-template-columns:1fr}

.k-sec--variant-editorial .k-hero__side{display:none}
.k-sec--variant-editorial .k-hero__grid{grid-template-columns:1fr}
.k-sec--variant-editorial .k-hero__main{
	min-height:clamp(460px,60vw,760px);align-items:flex-end;border-radius:0
}
/* `ch` se raportează la fontul elementului: 44ch pe un bloc de 16px înseamnă
   ~350px, iar titlul de 58px se rupea în patru rânduri înăuntru. Limita o dăm
   în pixeli, unde chiar înseamnă ce credem. */
.k-sec--variant-editorial .k-hero__content{max-width:min(640px,92%)}
.k-sec--variant-editorial .k-hero__title{max-width:none}
.k-sec--variant-editorial .k-hero__badge{
	padding:0;border-radius:0;background:none!important;
	font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase
}
.k-sec--variant-editorial.k-sec--width-full .k-hero .k-container{padding-inline:0}

.k-sec--variant-minimal .k-hero__side,
.k-sec--variant-minimal .k-hero__bg{display:none}
.k-sec--variant-minimal .k-hero__grid{grid-template-columns:1fr}
.k-sec--variant-minimal .k-hero__main{
	min-height:0;padding-block:clamp(40px,7vw,88px);background:none;justify-content:center;text-align:center
}
.k-sec--variant-minimal .k-hero__main.has-image::after{display:none}
.k-sec--variant-minimal .k-hero__content{max-width:60ch;margin-inline:auto}
.k-sec--variant-minimal .k-hero__main.has-image .k-hero__title,
.k-sec--variant-minimal .k-hero__main.has-image .k-hero__sub{color:inherit}

/* Produse — variante -------------------------------------------------- */
.k-sec--variant-compact .k-products{--k-cols:5;--k-gap:14px}
.k-sec--variant-compact .k-card__body{padding:12px 12px 13px}
.k-sec--variant-compact .k-card__title{font-size:14px}

/* Cu produs principal: primul ocupă două coloane și două rânduri, restul se
   așază în jurul lui. Pe ecrane mici redevine grilă obișnuită. */
@media (min-width:900px){
	.k-sec--variant-spotlight .k-products{grid-template-columns:repeat(4,minmax(0,1fr))}
	.k-sec--variant-spotlight .k-products>li:first-child,
	.k-sec--variant-spotlight .k-products>.k-card:first-child{grid-column:span 2;grid-row:span 2}
	.k-sec--variant-spotlight .k-products>li:first-child .k-card__media,
	.k-sec--variant-spotlight .k-products>.k-card:first-child .k-card__media{aspect-ratio:auto;height:100%;min-height:280px}
	.k-sec--variant-spotlight .k-products>li:first-child .k-card__title,
	.k-sec--variant-spotlight .k-products>.k-card:first-child .k-card__title{font-size:20px}
}

/* Categorii — variante ------------------------------------------------ */
.k-sec--variant-tiles .k-cats{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.k-sec--variant-tiles .k-cat__media{aspect-ratio:4/5}
.k-sec--variant-tiles .k-cat__name{font-size:17px}

.k-sec--variant-list .k-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:2px}
.k-sec--variant-list .k-cat__media{display:none}
.k-sec--variant-list .k-cat{
	display:flex;align-items:baseline;justify-content:space-between;gap:12px;
	padding:14px 4px;border-bottom:1px solid var(--k-border)
}
.k-sec--variant-list .k-cat__name{font-size:16px;font-weight:600}
.k-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(20px,3vw,32px)}
.k-section__title{margin:0;font-size:clamp(22px,3vw,30px)}
.k-section__sub{margin:6px 0 0;color:var(--k-muted);font-size:15px}
.k-section__link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--k-primary);white-space:nowrap}
.k-section__link:hover{gap:10px}

.k-archive-head{margin-bottom:clamp(20px,3vw,32px)}
.k-archive-title{font-size:clamp(26px,4vw,38px);margin:0 0 8px}
.k-archive-desc{color:var(--k-muted)}
.k-archive-search{max-width:520px;margin-top:16px}

.k-pagination{display:flex;justify-content:center;gap:6px;margin-top:clamp(28px,4vw,44px)}
.k-pagination .page-numbers{
	display:grid;place-items:center;min-width:42px;height:42px;padding-inline:12px;
	border:1px solid var(--k-border);border-radius:var(--k-radius-sm);font-weight:600;font-size:14px
}
.k-pagination .page-numbers:hover{border-color:var(--k-primary);color:var(--k-primary)}
.k-pagination .current{background:var(--k-primary);border-color:var(--k-primary);color:#fff}
.k-pagination .dots{border:0}

/* =========================================================================
   7. Prima pagină
   ====================================================================== */

.k-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.k-hero__social{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--k-muted)}

.k-usp{border-block:1px solid var(--k-border);background:var(--k-surface)}
.k-usp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px}
.k-usp__item{display:flex;align-items:center;gap:12px;padding:20px 4px}
.k-usp__icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:rgba(var(--k-primary-rgb),.08);color:var(--k-primary)}
.k-usp__item strong{display:block;font-size:15px}
.k-usp__item span{font-size:13px;color:var(--k-muted)}

/* Categorii: dală de imagine plus etichetă dedesubt, fără ramă și fără bandă
   albă separată. Cu ele, fiecare card arăta ca două cutii lipite. */
.k-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--k-gap)}
.k-cat{display:block;transition:transform .18s}
.k-cat:hover{transform:translateY(-3px)}
.k-cat__media{
	display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--k-radius-lg);
	background:rgba(var(--k-text-rgb),.04);transition:box-shadow .18s
}
.k-cat:hover .k-cat__media{box-shadow:var(--k-shadow)}
.k-cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.k-cat:hover .k-cat__media img{transform:scale(1.06)}
.k-cat__body{display:block;padding:12px 4px 0;text-align:center}
.k-cat__name{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.k-cat:hover .k-cat__name{color:var(--k-primary)}
.k-cat__count{font-size:12.5px;color:var(--k-muted)}

.k-promo{
	position:relative;padding-block:clamp(40px,6vw,72px);color:#fff;overflow:hidden;
	background:linear-gradient(120deg,var(--k-primary),var(--k-primary-dark))
}
.k-promo::before{
	content:"";position:absolute;inset:0;background-image:var(--k-promo-img);background-size:cover;background-position:center;opacity:.28
}
.k-promo__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.k-promo h2{margin:0 0 6px;font-size:clamp(24px,3.4vw,36px)}
.k-promo p{margin:0;opacity:.9}

/* Antetul secțiunii, cu media notelor */
.k-reviews__head{
	display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
	margin-bottom:clamp(20px,3vw,30px)
}
.k-reviews__head .k-section__title{margin:0}
.k-reviews__head .k-section__sub{margin:6px 0 0}
.k-reviews__score{display:flex;align-items:center;gap:14px}
.k-reviews__score>strong{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.03em}
.k-reviews__score .k-rating__stars{width:96px;height:17px;display:block}
.k-reviews__score em{display:block;margin-top:4px;font-style:normal;font-size:13px;color:var(--k-muted)}

/* Cardurile stau pe pista caruselului; înălțimea le vine de la cel mai înalt
   din rând, ca citatele scurte să nu lase carduri pitice lângă cele lungi. */
.k-reviews.k-scroller__track>*{height:auto}
.k-review{
	position:relative;display:flex;flex-direction:column;margin:0;padding:26px 24px 20px;
	border-radius:var(--k-radius-lg);background:rgba(var(--k-text-rgb),.035);
	transition:background .18s,transform .18s
}
.k-review:hover{background:rgba(var(--k-text-rgb),.055);transform:translateY(-2px)}
.k-review__quote{
	position:absolute;top:6px;right:20px;font-size:64px;line-height:1;
	font-family:Georgia,serif;color:var(--k-primary);opacity:.14;pointer-events:none
}
.k-review .k-rating__stars{width:88px;height:15px}
.k-review blockquote{
	margin:14px 0 20px;font-size:15.5px;line-height:1.65;color:var(--k-text);flex:1 1 auto
}
.k-review figcaption{
	display:flex;align-items:center;gap:11px;padding-top:16px;
	border-top:1px solid rgba(var(--k-text-rgb),.09)
}
.k-review__avatar{
	display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;
	background:var(--k-primary);color:#fff;font-size:15px;font-weight:800
}
.k-review__who{flex:1 1 auto;min-width:0}
.k-review__who strong{display:block;font-size:14px;line-height:1.3}
.k-review__who em{
	display:flex;align-items:center;gap:4px;font-style:normal;font-size:12px;color:var(--k-success)
}
.k-review__product{flex:0 0 auto;display:block;width:40px;height:40px;border-radius:var(--k-radius-sm);overflow:hidden;background:var(--k-surface)}
.k-review__product img{width:100%;height:100%;object-fit:cover}


/* Newsletterul stătea pe un albastru foarte deschis, iar subsolul pe un gri
   la fel de deschis: două benzi lipite, fără graniță, care se citeau ca o
   singură zonă moartă la finalul paginii. Îl scoatem din bandă și îl facem
   card: fundal propriu, chenar, colțuri — și, mai ales, spațiu sub el, ca
   subsolul să înceapă vizibil în altă parte. */
.k-newsletter{padding-block:clamp(28px,4vw,52px);background:none}
.k-newsletter__inner{
	display:grid;gap:20px 40px;align-items:center;
	padding:clamp(24px,3.5vw,40px) clamp(20px,3vw,40px);
	border:1px solid var(--k-border);border-radius:var(--k-radius-lg);
	background:rgba(var(--k-primary-rgb),.05)
}
.k-newsletter h2{margin:0 0 6px;font-size:clamp(22px,3vw,30px)}
.k-newsletter p{margin:0;color:var(--k-muted)}
.k-newsletter__form{display:grid;grid-template-columns:1fr auto;gap:10px}
.k-newsletter__form input[type=email]{padding:14px 16px;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);background:var(--k-surface)}
.k-newsletter__consent{grid-column:1/-1;font-size:12.5px;color:var(--k-muted);margin:0}
.k-newsletter__msg{grid-column:1/-1;margin:0;font-size:14px;font-weight:600;min-height:1.2em}
.k-newsletter__msg.is-error{color:var(--k-accent)}
.k-newsletter__msg.is-ok{color:var(--k-success)}

.k-brands{padding-block:32px;border-block:1px solid var(--k-border)}
.k-brands__label{margin:0 0 14px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--k-muted)}
.k-brands__list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 36px}
.k-brands__item{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--k-muted);opacity:.7}

/* =========================================================================
   8. Blog
   ====================================================================== */

.k-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--k-gap)}
.k-post-card{display:flex;flex-direction:column;border:1px solid var(--k-border);border-radius:var(--k-radius-lg);overflow:hidden;background:var(--k-surface)}
.k-post-card:hover{box-shadow:var(--k-shadow)}
.k-post-card__media{aspect-ratio:16/10;overflow:hidden;background:rgba(var(--k-text-rgb),.04)}
.k-post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.k-post-card:hover .k-post-card__media img{transform:scale(1.04)}
.k-post-card__body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.k-post-card__cat{align-self:flex-start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--k-primary)}
.k-post-card__title{margin:0;font-size:18px;line-height:1.35}
.k-post-card__excerpt{margin:0;font-size:14px;color:var(--k-muted);flex:1 1 auto}
.k-post__meta{font-size:13px;color:var(--k-muted)}

.k-single__head{margin-bottom:20px}
.k-single__title{font-size:clamp(28px,4.5vw,42px);margin:0 0 10px}
.k-single__thumb{margin:0 0 28px}
.k-single__thumb img{width:100%;border-radius:var(--k-radius-lg)}
.k-single__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.k-single__tags a{padding:6px 12px;border:1px solid var(--k-border);border-radius:999px;font-size:13px}
.k-post-nav{display:grid;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--k-border)}
.k-post-nav a{font-weight:600}
.k-post-nav span{display:block;font-size:12px;font-weight:400;color:var(--k-muted)}

.k-comments{margin-top:44px;padding-top:32px;border-top:1px solid var(--k-border)}
.k-comments__title{font-size:20px}
.k-comments__list{display:flex;flex-direction:column;gap:22px;margin-bottom:32px}
.k-comments__list .children{margin-top:18px;padding-left:22px;border-left:2px solid var(--k-border);display:flex;flex-direction:column;gap:18px}
.k-comments .comment-body{font-size:15px}
.k-comments .comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:var(--k-muted)}
.k-comments .avatar{border-radius:50%}
.k-comments textarea,.k-comments input[type=text],.k-comments input[type=email],.k-comments input[type=url]{
	width:100%;padding:12px 14px;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);background:var(--k-surface)
}
.k-comments__note{font-size:13px;color:var(--k-muted)}

/* =========================================================================
   9. Autentificare
   ====================================================================== */

.k-auth__tabs{display:flex;gap:4px;padding:4px;margin-bottom:22px;background:rgba(var(--k-text-rgb),.05);border-radius:var(--k-radius)}
.k-auth__tab{flex:1;padding:10px;border-radius:calc(var(--k-radius) - 4px);font-weight:600;font-size:14px;color:var(--k-muted)}
.k-auth__tab.is-active{background:var(--k-surface);color:var(--k-text);box-shadow:var(--k-shadow-sm)}
.k-auth__panel{display:none}
.k-auth__panel.is-active{display:block}
.k-auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.k-auth-form__row .k-checkbox{margin:0}
.k-auth-form__alt{margin:16px 0 0;text-align:center;font-size:14px;color:var(--k-muted)}
.k-auth-form__intro{margin-bottom:18px;font-size:14px;color:var(--k-muted)}
.k-auth-form__msg{margin-top:14px;font-size:14px;font-weight:600;text-align:center}
.k-auth-form__msg.is-error{color:var(--k-accent)}
.k-auth-form__msg.is-ok{color:var(--k-success)}
.k-strength{display:flex;align-items:center;gap:10px;margin-top:8px}
.k-strength__bar{flex:1;height:4px;border-radius:2px;background:rgba(var(--k-text-rgb),.1);overflow:hidden}
.k-strength__bar i{display:block;height:100%;width:0;background:var(--k-accent);transition:width .2s,background .2s}
.k-strength__label{font-size:12px;color:var(--k-muted);min-width:70px}
.k-strength[data-level="2"] .k-strength__bar i{background:#f59e0b}
.k-strength[data-level="3"] .k-strength__bar i,.k-strength[data-level="4"] .k-strength__bar i{background:var(--k-success)}

/* =========================================================================
   10. Modale, toast-uri, stări
   ====================================================================== */

.k-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:20px}
.k-modal[hidden]{display:none}
.k-modal__backdrop{position:absolute;inset:0;background:rgba(10,14,22,.55);animation:k-fade .2s}
.k-modal__dialog{
	position:relative;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;
	background:var(--k-surface);border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow-lg);
	padding:clamp(20px,3vw,32px);animation:k-pop .2s
}
.k-modal__dialog--sm{max-width:440px}
.k-modal .k-close{position:absolute;top:10px;right:10px;z-index:2}
/* Ferestrele cu antet propriu au butonul de închidere pe rândul titlului. Cele
   fără antet îl au plutind peste conținut, așa că îi facem loc: altfel intră
   peste primul lucru din fereastră — la autentificare, peste taburi. */
.k-modal__dialog > .k-close + .k-modal__body{padding-top:26px}

/* Confirmare */
.k-modal--confirm .k-modal__dialog{max-width:420px}
.k-confirm__title{margin:0;font-size:19px;line-height:1.3}
.k-confirm__text{margin:10px 0 0;color:var(--k-muted);font-size:14.5px;line-height:1.55}
.k-confirm__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
.k-confirm__actions .k-btn{flex:1 1 auto;min-width:140px}

.k-toasts{position:fixed;right:16px;bottom:16px;z-index:300;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.k-toast{
	display:flex;align-items:center;gap:10px;max-width:340px;padding:13px 16px;
	background:var(--k-text);color:#fff;border-radius:var(--k-radius);box-shadow:var(--k-shadow-lg);
	font-size:14px;font-weight:500;pointer-events:auto;animation:k-pop .2s
}
.k-toast--error{background:var(--k-accent)}
.k-toast--success{background:var(--k-success)}
.k-toast.is-out{opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}

.k-empty{max-width:520px;margin-inline:auto;padding:clamp(32px,6vw,64px) 20px;text-align:center}
.k-empty__icon{margin:0 auto 16px;color:var(--k-muted);opacity:.4}
.k-empty h2{font-size:22px}
.k-empty p{color:var(--k-muted);margin-bottom:22px}
.k-empty__search{max-width:380px;margin-inline:auto}

.k-404{text-align:center;padding-block:clamp(30px,6vw,60px)}
.k-404__code{margin:0;font-size:clamp(64px,14vw,140px);font-weight:800;line-height:1;letter-spacing:-.05em;color:rgba(var(--k-primary-rgb),.12)}
.k-404__title{margin-top:-.2em;font-size:clamp(24px,4vw,34px)}
.k-404__text{max-width:46ch;margin-inline:auto;color:var(--k-muted)}
.k-404__search{max-width:440px;margin:24px auto}
.k-404__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}

.k-notice{padding:14px 16px;border-radius:var(--k-radius);font-size:14px;margin-bottom:18px}
.k-notice--info{background:rgba(var(--k-primary-rgb),.08);color:var(--k-primary-dark)}

.k-skeleton{border-radius:var(--k-radius);background:linear-gradient(90deg,rgba(var(--k-text-rgb),.05) 25%,rgba(var(--k-text-rgb),.09) 37%,rgba(var(--k-text-rgb),.05) 63%);background-size:400% 100%;animation:k-shimmer 1.2s infinite}
.k-skeleton--quickview{height:340px}
@keyframes k-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* =========================================================================
   11. Legal, GDPR, ANPC
   ====================================================================== */

.k-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:250;display:flex;justify-content:center}
.k-cookie[hidden]{display:none}
.k-cookie__inner{
	width:100%;max-width:760px;padding:20px 22px;background:var(--k-surface);
	border:1px solid var(--k-border);border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow-lg);animation:k-pop .24s
}
.k-cookie__title{margin:0 0 6px;font-size:17px}
.k-cookie__text{margin:0;font-size:14px;color:var(--k-muted)}
.k-cookie__text a{color:var(--k-primary);text-decoration:underline}
.k-cookie__prefs{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--k-border)}
.k-cookie__cat{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
.k-cookie__cat input{margin-top:3px;accent-color:var(--k-primary)}
.k-cookie__cat strong{display:block;font-size:14px}
.k-cookie__cat em{font-style:normal;color:var(--k-muted)}
.k-cookie__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}
/* Butonul de reeditare a consimțământului trăiește în subsol, lângă
   linkurile legale — accesibil permanent, fără să acopere conținutul. */
.k-cookie-reopen{
	display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;padding:0;
	color:var(--k-footer-text);font-size:13px;text-decoration:underline;text-underline-offset:3px;opacity:.85
}
.k-cookie-reopen:hover{opacity:1;color:#fff}

.k-anpc{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.k-anpc__link{display:block;line-height:0;border-radius:8px;transition:opacity .15s,transform .15s}
.k-anpc__link:hover{opacity:.85;transform:translateY(-1px)}
.k-anpc__svg,.k-anpc__img{width:auto;height:46px;max-width:100%;display:block;object-fit:contain}
/* Pe subsol închis, insignele stau pe o plăcuță albă, ca în varianta oficială */
.k-footer--dark .k-anpc__link{background:#fff;padding:3px}

.k-company{display:grid;gap:3px}
.k-company__row{margin:0;font-size:13.5px;line-height:1.55}
.k-company__row span{color:var(--k-muted)}
/* În conținut, datele firmei primesc un card, ca să nu pară text pierdut. */
.k-prose .k-company{
	padding:18px 20px;margin:18px 0;border:1px solid var(--k-border);
	border-radius:var(--k-radius);background:rgba(var(--k-text-rgb),.025)
}
.k-prose .k-company + .k-company{margin-top:-10px;border-top:0;border-radius:0 0 var(--k-radius) var(--k-radius)}
.k-footer .k-company{margin-top:14px}
.k-footer .k-company__row{font-size:12.5px}
.k-footer .k-company__row span{color:inherit;opacity:.6}
.k-legal-note{display:flex;gap:10px;padding:12px 14px;margin:16px 0;border-radius:var(--k-radius-sm);background:rgba(var(--k-text-rgb),.04);font-size:13px;line-height:1.5}
.k-legal-note p{margin:0;color:var(--k-muted)}
.k-legal-note a{color:var(--k-primary);text-decoration:underline}
.k-withdrawal{padding:24px;border:1px solid var(--k-border);border-radius:var(--k-radius-lg);margin-block:24px}
.k-withdrawal__hint{font-size:13px;color:var(--k-muted)}
.k-withdrawal__body{padding:20px;margin-bottom:18px;background:rgba(var(--k-text-rgb),.03);border-radius:var(--k-radius-sm);font-size:14px}
.k-gpsr{margin-top:16px;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);padding:12px 14px;font-size:13px}
.k-gpsr summary{cursor:pointer;font-weight:600}
.k-gpsr__block{margin-top:12px}
.k-gpsr__block h4{margin:0 0 4px;font-size:13px}
.k-gpsr__block--warn{color:#92400e}

/* =========================================================================
   12. Subsol
   ====================================================================== */

.k-footer{margin-top:auto;padding-block:clamp(36px,5vw,56px) 0;background:var(--k-footer-bg);color:var(--k-footer-text)}
.k-footer a{color:var(--k-footer-text)}
.k-footer a:hover{color:#fff}
.k-footer .k-brand__name a{color:#fff}
/* Logo-ul incarcat de administrator poate fi de orice culoare; pe fundalul
   inchis al subsolului il transformam in silueta alba. */
.k-footer .custom-logo{filter:brightness(0) invert(1)}
.k-footer .k-brand--footer img{filter:none;max-height:44px;width:auto}
.k-footer .k-brand{margin-bottom:4px}
/* Atenție: `repeat(auto-fit, …)` nu poate fi combinat cu o coloană în `fr` —
   declarația devine invalidă și toate coloanele se stivuiesc. */
.k-footer__cols{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:clamp(24px,4vw,44px);padding-bottom:36px
}
.k-footer__col--about{max-width:34ch}
@media (min-width:1100px){
	/* Coloana „despre" primește puțin mai mult aer decât listele de linkuri. */
	.k-footer__col--about{padding-right:24px}
}
.k-footer__about{font-size:14px;margin:14px 0}
.k-footer .k-widget__title,.k-footer__menu-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}
.k-footer__menu{display:flex;flex-direction:column;gap:10px;font-size:14px}
.k-footer__menu a{display:inline-block}
.k-footer__menu a:hover{transform:translateX(2px)}
.k-footer__bottom{
	display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px 24px;
	padding-block:22px;border-top:1px solid rgba(255,255,255,.1)
}
.k-footer__legal-menu{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin-bottom:10px}
.k-footer__copy{margin:0;font-size:13px;opacity:.7}
/* Insignele ANPC închid rândul, la dreapta: sunt obligatorii, dar nu sunt ce
   trebuie citit întâi. Coloana e cerută explicit (ultima), fiindcă rândul are
   trei locuri și cel din mijloc — rețelele sociale — poate lipsi. */
.k-footer__badges{
	display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;
	grid-column:-2/-1;justify-self:end
}

/* =========================================================================
   13. Responsive
   ====================================================================== */

@media (min-width:768px){
	.k-newsletter__inner{grid-template-columns:1fr 1fr}
	.k-post-nav{grid-template-columns:1fr 1fr}
	.k-post-nav .nav-next{text-align:right}
}

@media (min-width:1025px){
	.k-layout--sidebar{grid-template-columns:minmax(0,1fr) 300px}
	.k-menu__toggle{display:none}
}

@media (max-width:1024px){
	.k-submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none}
	/* Sub 1024px rândul de subsol se desface pe verticală: totul la stânga. */
	.k-footer__bottom{grid-template-columns:1fr;justify-items:start}
	.k-footer__badges{justify-content:flex-start;grid-column:1;justify-self:start}
}

@media (max-width:640px){
	/* Pe telefon, categoriile și beneficiile stau două pe rând: altfel fiecare
	   ar ocupa un ecran întreg și utilizatorul ar derula degeaba. */
	.k-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
	.k-cat__body{padding:9px 2px 0}
	.k-cat__name{font-size:13px}
	.k-cat__count{font-size:11.5px}

	.k-usp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.k-usp__item{padding:14px 4px;gap:9px}
	.k-usp__icon{width:36px;height:36px}
	.k-usp__item strong{font-size:13.5px}
	.k-usp__item span{font-size:12px}

	.k-field-row{grid-template-columns:1fr}
	.k-newsletter__form{grid-template-columns:1fr}
	.k-search__submit{display:none}
	.k-search__input{padding-right:16px}
	.k-toasts{left:16px;right:16px;bottom:12px}
	.k-toast{max-width:none}
	.k-cookie__actions{flex-direction:column-reverse}
	.k-cookie__actions .k-btn{width:100%}
}

@media print{
	.k-header,.k-footer,.k-topbar,.k-cookie,.k-cookie-reopen,.k-toasts,.k-drawer,.k-pbar{display:none!important}
	body{color:#000;background:#fff}
}

/* =========================================================================
   14. Lățimi de layout pentru pagini
   ====================================================================== */

.k-layout--full .k-main{max-width:none}
.k-layout--full{padding-inline:clamp(16px,4vw,32px)}
.k-page__head{margin-bottom:20px}
.k-page__title{font-size:clamp(26px,4vw,38px);margin:0}
.k-page__woo{min-width:0}
.k-page-links{display:flex;gap:8px;margin-top:24px;font-size:14px}
.k-page-links a{padding:4px 10px;border:1px solid var(--k-border);border-radius:6px}

/* Grilă în mod listă */
.k-products--list{grid-template-columns:1fr!important}
.k-products--list .k-card{flex-direction:row}
.k-products--list .k-card__top{flex:0 0 200px}
.k-products--list .k-card__media{aspect-ratio:1}
.k-products--list .k-card__body{justify-content:center}
@media (max-width:640px){
	.k-products--list .k-card__top{flex-basis:110px}
}

/* Antet lipit: umbră discretă după derulare */
.k-header.is-scrolled{box-shadow:0 2px 12px rgba(16,24,40,.07)}
/* La antetul cu două rânduri umbra stă pe rândul lipit, nu pe antetul întreg:
   după derulare, marginea de jos a antetului e deja sus, în afara ecranului. */
.k-header--stack.is-scrolled{box-shadow:none}
.k-header--stack.is-scrolled .k-header__main{box-shadow:0 2px 12px rgba(16,24,40,.07)}

@media (max-width:1024px){
	.k-header--stack{transition:transform .2s cubic-bezier(.32,.72,0,1)}
	.k-header--stack.is-hidden{transform:translateY(-100%)}
}

@media (min-width:1025px){
	/* Bara de categorii a ieșit din ecran, așa că butonul de meniu îi ia locul.
	   Apare exact când alternativa lui dispare, nu tot timpul. */
	.k-header--stack.is-scrolled .k-header__burger{display:grid;place-items:center}
	.k-header--stack.is-scrolled .k-header__inner--shop{grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:clamp(14px,2vw,28px)}
}

/* =========================================================================
   15. Antet „magazin": căutare mare + bară de categorii
   ====================================================================== */

.k-header__inner--shop{
	display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
	gap:clamp(16px,3vw,40px);min-height:88px
}
.k-header--shop .k-brand img,.k-header--shop .custom-logo{max-height:40px}
.k-header__searchbar{min-width:0;max-width:660px;justify-self:center;width:100%}

/* Câmpul de căutare mare */
/* `overflow:hidden` tăia meniul de categorie, care iese din câmp. Colțurile
   le rotunjim pe copii, nu prin decupare. */
.k-search--header .k-search__field{
	display:flex;align-items:stretch;height:50px;border:1px solid var(--k-border);
	border-radius:var(--k-radius);background:var(--k-surface)
}
.k-search--header .k-search__field>*:first-child{border-radius:var(--k-radius) 0 0 var(--k-radius)}
.k-search--header .k-search__submit{border-radius:0 var(--k-radius) var(--k-radius) 0}
.k-search--header .k-search__field:focus-within{border-color:var(--k-primary);box-shadow:0 0 0 3px rgba(var(--k-primary-rgb),.12)}
.k-search__cat{
	flex:0 0 auto;max-width:180px;padding:0 30px 0 16px;border:0;border-right:1px solid var(--k-border);
	background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b6478' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
	font-size:13.5px;font-weight:500;color:var(--k-muted);cursor:pointer;
	-webkit-appearance:none;appearance:none;outline:0;text-overflow:ellipsis
}
/* Meniul propriu de categorie: același desen ca selectul închis, dar lista o
   desenăm noi — cea nativă e a sistemului de operare și nu se poate stiliza. */
.k-catpick{position:relative;flex:0 0 auto;display:flex;border-right:1px solid var(--k-border)}
.k-catpick__trigger{
	display:flex;align-items:center;gap:8px;max-width:190px;padding:0 14px 0 16px;
	border:0;background:none;font-size:13.5px;font-weight:500;color:var(--k-muted);cursor:pointer
}
.k-catpick__trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-catpick__trigger::after{
	content:"";flex:0 0 auto;width:8px;height:8px;margin-left:2px;
	border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
	transform:translateY(-2px) rotate(45deg);transition:transform .18s
}
.k-catpick.is-open .k-catpick__trigger::after{transform:translateY(1px) rotate(225deg)}
.k-catpick__trigger:hover{color:var(--k-text)}
.k-catpick__list{
	position:absolute;top:calc(100% + 6px);left:0;z-index:70;min-width:220px;max-height:320px;overflow-y:auto;
	margin:0;padding:6px;list-style:none;
	border:1px solid var(--k-border);border-radius:var(--k-radius);background:var(--k-surface);
	box-shadow:0 12px 32px rgba(var(--k-text-rgb),.12)
}
.k-catpick__list[hidden]{display:none}
.k-catpick__option{
	padding:9px 11px;border-radius:var(--k-radius-sm);font-size:14px;color:var(--k-text);cursor:pointer;
	white-space:nowrap
}
.k-catpick__option:hover,.k-catpick__option:focus-visible{background:rgba(var(--k-text-rgb),.05);outline:0}
.k-catpick__option[aria-selected="true"]{background:rgba(var(--k-primary-rgb),.1);color:var(--k-primary);font-weight:600}

.k-search--header .k-search__input{
	flex:1 1 auto;min-width:0;padding:0 16px;border:0;border-radius:0;background:transparent;font-size:15px
}
.k-search--header .k-search__input:focus{outline:0;box-shadow:none}
.k-search--header .k-search__submit{
	position:static;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 22px;
	border-radius:0;background:var(--k-text);color:#fff;font-size:14px;font-weight:600
}
.k-search--header .k-search__submit:hover{background:var(--k-primary)}
.k-search--header .k-search__submit svg{display:none}

/* Acțiuni cu etichetă */
.k-actions--labeled{gap:6px}
.k-actions--labeled .k-action{
	width:auto;height:auto;padding:8px 10px;display:flex;align-items:center;gap:9px;border-radius:var(--k-radius-sm)
}
.k-actions--labeled .k-action:hover{background:rgba(var(--k-text-rgb),.05)}
.k-action__text{display:none;line-height:1.25;text-align:left}
.k-action__text em{display:block;font-style:normal;font-size:11.5px;color:var(--k-muted)}
.k-action__text strong{display:block;font-size:13.5px;font-weight:700;white-space:nowrap}
/* Bulina se agață de iconiță, nu de tot butonul, ca să nu intre peste text. */
.k-action__icon{position:relative;display:inline-flex;flex:0 0 auto}
.k-action__icon .k-action__count{top:-6px;right:-8px;left:auto}

/* Bara de categorii */
.k-header__bar{background:var(--k-header-bg);border-bottom:1px solid var(--k-border)}
.k-header__bar-inner{display:flex;align-items:center;gap:clamp(12px,2vw,28px);min-height:52px}
.k-header__bar .k-nav{flex:1 1 auto}
.k-header__bar .k-menu__link{font-size:14.5px}

.k-dept{position:relative;flex:0 0 auto}
.k-dept__toggle{
	display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:var(--k-radius-sm);
	background:var(--k-text);color:#fff;font-size:14.5px;font-weight:600;white-space:nowrap
}
.k-dept__toggle:hover{background:var(--k-primary)}
.k-dept__arrow{transition:transform .18s}
.k-dept__toggle[aria-expanded="true"] .k-dept__arrow{transform:rotate(180deg)}
.k-dept__panel{
	position:absolute;top:calc(100% + 6px);left:0;z-index:80;min-width:290px;padding:8px;
	background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius);
	box-shadow:var(--k-shadow-lg);animation:k-pop .16s
}
.k-dept__item{position:relative}
.k-dept__item>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--k-radius-sm);font-size:14px;font-weight:500}
.k-dept__item>a em{font-style:normal;font-size:12px;color:var(--k-muted)}
.k-dept__item:hover>a{background:rgba(var(--k-primary-rgb),.07);color:var(--k-primary)}
.k-dept__item.has-children>a::after{content:"›";margin-left:auto;font-size:18px;line-height:1;color:var(--k-muted)}
.k-dept__sub{
	position:absolute;top:-8px;left:100%;min-width:220px;padding:8px;
	background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius);box-shadow:var(--k-shadow-lg);
	opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .16s,transform .16s,visibility .16s
}
.k-dept__item:hover>.k-dept__sub,.k-dept__item:focus-within>.k-dept__sub{opacity:1;visibility:visible;transform:none}
.k-dept__sub a{display:block;padding:8px 12px;border-radius:var(--k-radius-sm);font-size:13.5px;color:var(--k-muted)}
.k-dept__sub a:hover{background:rgba(var(--k-text-rgb),.05);color:var(--k-primary)}

.k-header__phone{display:none;align-items:center;gap:10px;flex:0 0 auto;color:var(--k-text)}
.k-header__phone svg{color:var(--k-primary)}
.k-header__phone em{display:block;font-style:normal;font-size:11.5px;color:var(--k-muted)}
.k-header__phone strong{display:block;font-size:14px;font-weight:700}

@media (min-width:1200px){
	.k-actions--labeled .k-action__text{display:block}
	.k-header__phone{display:flex}
}
@media (max-width:1024px){
	.k-header__bar{display:none}
	.k-header__inner--shop{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:64px;padding-bottom:0}
	.k-header__searchbar{display:none}

	/* Căutarea există deja în meniul mobil. În header dubla primul element
	   interactiv. Formularul din meniu rămâne explicit și ușor de trimis inclusiv
	   fără tastatura software deschisă. */
	.k-mobile-nav__search .k-search__icon{display:none}
	.k-mobile-nav__search .k-search__input{padding-left:14px;padding-right:54px}
	.k-mobile-nav__search .k-search__submit{
		display:grid;place-items:center;width:44px;padding:0;border-radius:999px
	}
	.k-mobile-nav__search .k-search__submit svg{display:block}
	.k-mobile-nav__search .k-search__submit span{display:none}
}

/* =========================================================================
   16. Hero cu carduri laterale
   ====================================================================== */

.k-hero{padding:clamp(20px,3vw,32px) 0;background:none}
.k-hero__grid{display:grid;gap:clamp(12px,1.6vw,20px)}
.k-hero__main{
	position:relative;display:flex;align-items:center;
	min-height:clamp(300px,34vw,420px);padding:clamp(28px,4vw,56px);
	border-radius:var(--k-radius-lg);overflow:hidden;isolation:isolate;
	background:linear-gradient(120deg,rgba(var(--k-primary-rgb),.10),rgba(var(--k-primary-rgb),.02))
}
.k-hero__content{position:relative;z-index:1;max-width:56ch}
.k-hero__title{font-size:clamp(28px,4vw,46px);margin:0 0 12px;letter-spacing:-.025em}
.k-hero__sub{font-size:clamp(15px,1.5vw,18px);color:var(--k-muted);margin:0 0 24px}

/* Cu imagine, ea devine fundalul, iar peste ea punem un voal întunecat: fără
   el, titlul ar cădea peste zonele deschise ale fotografiei. */
.k-hero__bg{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:0
}
.k-hero__main.has-image::after{
	content:"";position:absolute;inset:0;z-index:0;
	background:linear-gradient(100deg,rgba(10,14,22,.82) 0%,rgba(10,14,22,.62) 45%,rgba(10,14,22,.25) 100%)
}
.k-hero__main.has-image .k-hero__title{color:#fff}
.k-hero__main.has-image .k-hero__sub{color:rgba(255,255,255,.86)}
.k-hero__main.has-image .k-hero__badge{background:rgba(255,255,255,.16);color:#fff}
.k-hero__main.has-image .k-hero__social{color:rgba(255,255,255,.8)}

.k-hero__side{display:grid;gap:clamp(12px,1.6vw,20px)}
.k-promo-card{
	position:relative;display:flex;align-items:flex-end;
	min-height:130px;padding:22px 24px;border-radius:var(--k-radius-lg);overflow:hidden;isolation:isolate;
	background:rgba(var(--k-text-rgb),.045);
	transition:transform .18s,box-shadow .18s,background .18s
}
.k-promo-card:hover{transform:translateY(-2px);box-shadow:var(--k-shadow)}
.k-promo-card:not(.has-image):hover{background:rgba(var(--k-text-rgb),.07)}
.k-promo-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s}
.k-promo-card:hover .k-promo-card__bg{transform:scale(1.05)}
.k-promo-card.has-image::after{
	content:"";position:absolute;inset:0;z-index:0;
	background:linear-gradient(180deg,rgba(10,14,22,.18) 0%,rgba(10,14,22,.78) 100%)
}
.k-promo-card__text{position:relative;z-index:1}
.k-promo-card__text strong{display:block;font-size:clamp(16px,1.7vw,19px);font-weight:700;letter-spacing:-.015em}
.k-promo-card__text em{display:block;margin-top:3px;font-style:normal;font-size:13.5px;color:var(--k-muted)}
.k-promo-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:700;color:var(--k-primary)}
.k-promo-card:hover .k-promo-card__cta{gap:10px}
.k-promo-card.has-image .k-promo-card__text strong{color:#fff}
.k-promo-card.has-image .k-promo-card__text em{color:rgba(255,255,255,.82)}
.k-promo-card.has-image .k-promo-card__cta{color:#fff}

@media (min-width:1025px){
	.k-hero--split .k-hero__grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
}

/* =========================================================================
   17. Secțiunea cu tab-uri
   ====================================================================== */

.k-tabs__head{
	display:flex;align-items:center;gap:clamp(16px,3vw,32px);flex-wrap:wrap;
	margin-bottom:clamp(18px,2.5vw,28px);padding-bottom:14px;border-bottom:1px solid var(--k-border)
}
.k-tabs__head .k-section__title{margin:0;flex:0 0 auto}
.k-tabs__nav{display:flex;gap:4px;flex:1 1 auto;flex-wrap:wrap}
.k-tabs__btn{
	padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--k-muted);white-space:nowrap
}
.k-tabs__btn:hover{background:rgba(var(--k-text-rgb),.05);color:var(--k-text)}
.k-tabs__btn.is-active{background:var(--k-text);color:#fff}
.k-tabs__panel{display:none}
.k-tabs__panel.is-active{display:block;animation:k-fade .2s}

/* =========================================================================
   18. Ofertele zilei + carusel
   ====================================================================== */

/* Fiecare ofertă ocupă un slide întreg: imagine mare, ceas mare, buton mare. */
.k-deal__slide{
	display:grid;gap:clamp(24px,4vw,48px);align-items:center;
	padding:clamp(24px,3.5vw,44px);border-radius:var(--k-radius-lg);
	background:rgba(var(--k-text-rgb),.04)
}
.k-deal__media{position:relative;border-radius:var(--k-radius);overflow:hidden;background:var(--k-surface)}
.k-deal__media img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.k-deal__badge{
	position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:8px;
	background:var(--k-accent);color:#fff;font-size:14px;font-weight:800
}
.k-deal__eyebrow{
	display:inline-flex;align-items:center;gap:7px;margin:0;
	font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k-accent)
}
.k-deal__title{font-size:clamp(22px,3vw,32px);margin:0 0 10px;letter-spacing:-.02em}
.k-deal__desc{color:var(--k-muted);margin-bottom:14px;font-size:15px}
.k-deal__price{font-size:28px;font-weight:800;margin-bottom:18px}
.k-deal__price del{font-size:18px;font-weight:400;color:var(--k-muted);margin-right:10px}
.k-deal__price ins{color:var(--k-accent)}
.k-deal__price .k-omnibus{font-size:12.5px;font-weight:400}
/* Butoanele își iau înălțimea de la cel mai înalt din rând, nu din pixeli
   scriși de mână care se desincronizează la prima ajustare. */
.k-deal__actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}

.k-deal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(12px,1.6vw,18px)}

/* Caruselul: derulare cu prindere pe card, aceeași pe mouse și pe deget.
   Săgețile stau în capul secțiunii, nu peste produse, ca să nu acopere
   imaginea și să nu iasă din container pe ecrane mici. */
.k-scroller{position:relative}
.k-scroller__track{
	/* `position:relative` nu e decor: fără el, elementele absolute din interior
	   (textele pentru cititoarele de ecran din prețuri) se raportează la primul
	   părinte poziționat, scapă de sub decupajul pistei și lungesc pagina cu
	   toate slide-urile nevăzute. */
	position:relative;
	display:flex;gap:var(--k-gap,20px);overflow-x:auto;overscroll-behavior-x:contain;
	scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px
}
.k-scroller__track::-webkit-scrollbar{display:none}
.k-scroller__track:focus-visible{outline:2px solid var(--k-primary);outline-offset:4px}
.k-scroller__track>*{flex:0 0 clamp(210px,25%,280px);scroll-snap-align:start;min-width:0}
.k-scroller__nav{display:flex;align-items:center;gap:8px}
/* Varianta cu un singur element pe ecran: prinderea e obligatorie, ca slide-ul
   să nu rămână niciodată tăiat în două. */
.k-scroller--slides .k-scroller__track{scroll-snap-type:x mandatory}
.k-scroller--slides .k-scroller__track>*{flex:0 0 100%}
/* Varianta cu mai multe elemente pe ecran: numărul lor stă în --k-per, ca
   pragurile de ecran să schimbe doar o cifră, nu formula. */
.k-scroller--cols{--k-per:3}
.k-scroller--cols .k-scroller__track>*{
	flex:0 0 calc((100% - (var(--k-per) - 1) * var(--k-gap,20px)) / var(--k-per))
}
.k-scroller__nav--center{justify-content:center;margin-top:clamp(16px,2vw,22px)}
.k-scroller__dots{display:flex;align-items:center;gap:6px;margin-right:6px}
.k-scroller__dot{
	width:8px;height:8px;padding:0;border:0;border-radius:999px;
	background:rgba(var(--k-text-rgb),.2);transition:width .2s,background .2s
}
.k-scroller__dot:hover{background:rgba(var(--k-text-rgb),.35)}
.k-scroller__dot.is-active{width:22px;background:var(--k-primary)}
.k-scroller__btn{
	display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
	border:1px solid var(--k-border);background:var(--k-surface);color:var(--k-text)
}
.k-scroller__btn:hover:not([disabled]){border-color:var(--k-primary);color:var(--k-primary)}
.k-scroller__btn[disabled]{opacity:.35;cursor:default}

/* Ceasul ofertei. */
.k-countdown{margin-bottom:20px}
.k-countdown__label{margin:0 0 8px;font-size:13px;color:var(--k-muted)}
.k-countdown__units{display:flex;gap:8px}
.k-countdown__units span{
	display:grid;place-items:center;min-width:58px;padding:8px 6px;
	background:var(--k-surface);border:1px solid var(--k-border);border-radius:var(--k-radius-sm)
}
.k-countdown__units b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.k-countdown__units em{font-style:normal;font-size:11px;color:var(--k-muted);text-transform:uppercase;letter-spacing:.04em}

/* Ceasul de pe pagina de produs: o bandă discretă sub preț, cu accentul temei.
   Nu țipă — dar spune clar că reducerea are un termen. */
.k-countdown--product{
	margin:14px 0 4px;padding:12px 14px;border-radius:var(--k-radius);
	background:rgba(var(--k-accent-rgb),.07);border:1px solid rgba(var(--k-accent-rgb),.18)
}
.k-countdown--product .k-countdown__label{
	display:flex;align-items:center;gap:7px;margin:0 0 9px;
	font-size:13px;font-weight:700;color:var(--k-accent)
}
.k-countdown--product .k-countdown__units span{
	min-width:52px;background:var(--k-surface);border-color:rgba(var(--k-accent-rgb),.2)
}
.k-countdown--product .k-countdown__units b{font-size:18px}

@media (min-width:768px){
	.k-deal__slide{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
}
@media (max-width:767px){
	/* Breadcrumbs rămâne un singur traseu compact. Elementul curent primește
	   spațiul rămas și este tăiat cu elipsă, fără un al doilea rând care să
	   împingă inutil pagina de produs în jos. */
	.k-breadcrumbs ol{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
	.k-breadcrumbs li{flex:0 0 auto;min-width:0}
	.k-breadcrumbs li:last-child{flex:1 1 auto;overflow:hidden}
	.k-breadcrumbs li:last-child [aria-current]{
		display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
	}
	.k-hero__main{min-height:320px;padding:26px 22px}
	.k-hero__content{max-width:29ch}
	.k-hero__title{font-size:clamp(28px,9vw,36px);line-height:1.05}
	.k-hero__sub{max-width:27ch;margin-bottom:20px}
	.k-hero__bg{object-position:68% center}
	.k-hero__main.has-image::after{background:linear-gradient(100deg,rgba(10,14,22,.9) 0%,rgba(10,14,22,.74) 52%,rgba(10,14,22,.34) 100%)}
	.k-tabs__head{gap:12px}
	.k-tabs__head .k-section__title{width:100%}
	.k-countdown__units span{min-width:0;flex:1}
	.k-scroller__track>*{flex-basis:min(70vw,260px)}
	.k-scroller--cols{--k-per:1.1}
	.k-scroller__nav{display:none}
}
@media (min-width:768px) and (max-width:1024px){
	.k-scroller--cols{--k-per:2}
}

/* Tab-urile de produse pe telefon: derulare orizontală în loc de rând nou */
@media (max-width:640px){
	.k-tabs__nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
	.k-tabs__nav::-webkit-scrollbar{display:none}
	.k-tabs__head .k-section__link{display:none}
	.k-tabs__head{padding-bottom:10px;margin-bottom:16px}
}

/* =========================================================================
   19. Subsol luminos (implicit) + rețele sociale
   ====================================================================== */

.k-footer{padding-block:clamp(36px,5vw,52px) 0}
.k-footer__cols{padding-bottom:32px}
.k-footer__menu-title{font-size:15px;font-weight:700;margin-bottom:14px}
.k-footer__menu{gap:10px}
.k-footer__menu a{font-size:14px}

/* Varianta luminoasă: contrast real pe fundal deschis */
.k-footer--light .k-footer{color:var(--k-footer-text)}
.k-footer--light .k-footer a{color:var(--k-footer-text)}
.k-footer--light .k-footer a:hover{color:var(--k-primary)}
.k-footer--light .k-footer .k-brand__name a,
.k-footer--light .k-footer .k-footer__menu-title,
.k-footer--light .k-footer .k-widget__title{color:var(--k-text)}
.k-footer--light .k-footer .custom-logo{filter:none}
.k-footer--light .k-footer__bottom{border-top-color:rgba(var(--k-text-rgb),.1)}
.k-footer--light .k-footer--light .k-anpc__badge{
	background:var(--k-surface);border-color:var(--k-border);color:var(--k-text)
}
.k-footer--light .k-anpc__badge em{opacity:.65}
.k-footer--light .k-cookie-reopen{color:var(--k-muted)}
.k-footer--light .k-cookie-reopen:hover{color:var(--k-primary)}
.k-footer--light .k-social__link{
	background:var(--k-surface);border:1px solid var(--k-border);color:var(--k-muted)
}
.k-footer--light .k-social__link:hover{background:var(--k-primary);border-color:var(--k-primary);color:#fff}

/* Rândul de jos: copyright, rețele sociale, insigne */
.k-footer__legal{min-width:0}
.k-footer__copy{margin:0;font-size:12.5px;line-height:1.6;opacity:.8}
.k-social{display:flex;gap:8px;justify-content:center}
.k-social__link{
	display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
	background:rgba(255,255,255,.1);color:inherit;transition:background .15s,color .15s,border-color .15s
}
.k-social__link:hover{background:rgba(255,255,255,.2)}
.k-footer__badges{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;grid-column:-2/-1;justify-self:end}

@media (max-width:1100px){
	.k-footer__bottom{grid-template-columns:1fr;justify-items:center;text-align:center}
	.k-footer__legal{order:3}
	.k-footer__badges{order:2;justify-content:center;grid-column:1;justify-self:center}
	.k-social{order:1}
	.k-footer__legal-menu{justify-content:center}
}

/* =========================================================================
   20. Ecranul de finalizare, fără distrageri
   ====================================================================== */

.k-header--checkout{background:var(--k-surface);border-bottom:1px solid var(--k-border)}
.k-header__inner--checkout{
	position:relative;display:flex;align-items:center;justify-content:space-between;
	gap:16px;min-height:78px
}
.k-header__inner--checkout .k-brand img,
.k-header__inner--checkout .k-brand .custom-logo{max-height:42px;width:auto}
.k-brand--center{display:flex;justify-content:center}
.k-brand--center img,.k-brand--center .custom-logo{max-height:42px;width:auto}

/* Singura ieșire lăsată în antet: coșul. */
.k-checkout-cart{
	display:flex;align-items:center;gap:10px;flex:0 0 auto;
	padding:8px 10px;border-radius:var(--k-radius-sm);color:inherit
}
.k-checkout-cart:hover{background:rgba(var(--k-text-rgb),.05)}
.k-checkout-cart__text{display:none;line-height:1.25;text-align:left}
.k-checkout-cart__text em{display:block;font-style:normal;font-size:11.5px;color:var(--k-muted)}
.k-checkout-cart__text strong{display:block;font-size:13.5px;font-weight:700;white-space:nowrap}

@media (min-width:520px){
	.k-checkout-cart__text{display:block}
}

/* Subsolul rămâne doar cu partea legală */
.k-bare .k-footer{padding-top:0}
.k-bare .k-footer__bottom{border-top:0}

@media (max-width:640px){
	.k-header__inner--checkout{min-height:62px}
}

/* Secțiunea cu tab-uri fără titlu: tab-urile preiau rolul de antet */
.k-tabs__head--bare{gap:12px}
.k-tabs__head--bare .k-tabs__nav{flex:0 1 auto}
.k-tabs__head--bare .k-section__link{margin-left:auto}

/* O secțiune fără titlu nu are nevoie de spațiul rezervat lui */
.k-section--categories .k-section__head:empty{display:none}