/* [serviciiwebsite] Redesign deScris — stiluri peste Journal3 3.1.6 */
:root {
  --sw-paper: #FAF8F3;
  --sw-paper-2: #F1EDE3;
  --sw-ink: #18211C;
  --sw-muted: #5B635D;
  --sw-line: #E3DED2;
  --sw-green: #0E4D3A;
  --sw-green-2: #0A3A2C;
  --sw-night: #10241C;
  --sw-brass: #6B5320;
  --sw-sale: #B3261E;
  --sw-serif: 'Fraunces', Georgia, serif;
  --sw-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

body { background: var(--sw-paper); color: var(--sw-ink); font-family: var(--sw-sans); -webkit-font-smoothing: antialiased; }
h1, h2, h3, .title, .page-title, .module-title { font-family: var(--sw-serif); font-weight: 500; letter-spacing: -0.01em; }

/* ---------- Bara de sus ---------- */
.header-classic .top-bar { background: var(--sw-paper-2); border-bottom: 1px solid var(--sw-line); min-height: 0; height: auto; }
.sw-topbar { max-width: 1280px; margin: 0 auto; padding: 8px 24px; display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; align-items: center; font: 400 13px/1.4 var(--sw-sans); color: #3C443F; width: 100%; }
.sw-topbar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.sw-topbar a { color: #3C443F; text-decoration: none; }
.sw-topbar a:hover { color: var(--sw-green); text-decoration: underline; }
.sw-topbar__phone { font-weight: 600; color: var(--sw-green) !important; }
.header-classic .top-bar .third-menu:empty { display: none; }

/* ---------- Logo, cautare, cos ---------- */
.header-classic .mid-bar { background: var(--sw-paper); max-width: 1280px; margin: 0 auto; padding: 14px 24px; gap: 28px; }
.header-classic .desktop-search-wrapper .header-search { background: #FFFFFF; border: 1px solid #D9D3C4; border-radius: 999px; overflow: hidden; }
.header-classic .desktop-search-wrapper .header-search input { font: 400 15px var(--sw-sans); color: var(--sw-ink); background: transparent; }
.header-classic .desktop-search-wrapper .search-button { background: var(--sw-green) !important; color: #FFFFFF !important; border-radius: 0 999px 999px 0; }
.header-classic .desktop-search-wrapper .search-button:hover { background: var(--sw-green-2) !important; }
.desktop-cart-wrapper #cart > a, .desktop-cart-wrapper #cart > .dropdown-toggle { background: var(--sw-green) !important; color: #FFFFFF !important; border-radius: 999px !important; }
.desktop-cart-wrapper #cart > a:hover { background: var(--sw-green-2) !important; }
.desktop-cart-wrapper #cart .count-badge { background: var(--sw-sale); color: #FFFFFF; }

/* ---------- Meniu principal ---------- */
.desktop-main-menu-wrapper { background: var(--sw-green) !important; position: relative; }
.desktop-main-menu-wrapper::before { display: none !important; }
.sw-menu { max-width: 1280px; margin: 0 auto; padding: 0 12px; position: static; width: 100%; }
.sw-menu__bar { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; }
.sw-menu__item { position: static; }
.sw-menu__link { display: flex; align-items: center; gap: 8px; padding: 15px 14px; font: 600 15px/1.2 var(--sw-sans); color: #FFFFFF !important; text-decoration: none !important; white-space: nowrap; }
.sw-menu__item--all > .sw-menu__link { background: var(--sw-green-2); }
.sw-menu__item--sale > .sw-menu__link { color: #F2C4BE !important; }
.sw-menu__item:hover > .sw-menu__link, .sw-menu__item:focus-within > .sw-menu__link { background: #FFFFFF; color: var(--sw-green) !important; }
.sw-menu__badge { background: #D9C38F; color: var(--sw-night); font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.sw-menu__chev { transition: transform .15s ease; }
.sw-menu__item:hover .sw-menu__chev, .sw-menu__item:focus-within .sw-menu__chev { transform: rotate(180deg); }

.sw-menu__panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; background: #FFFFFF; border-bottom: 1px solid var(--sw-line); box-shadow: 0 24px 48px rgba(16, 36, 28, .14); visibility: hidden; opacity: 0; transform: translateY(6px); transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s; }
.sw-menu__item--panel:hover > .sw-menu__panel, .sw-menu__item--panel:focus-within > .sw-menu__panel { visibility: visible; opacity: 1; transform: none; transition-delay: .08s, .08s, 0s; }
.sw-menu__cols { max-width: 1280px; margin: 0 auto; padding: 30px 24px 32px; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 26px 32px; }
.sw-menu__col { display: flex; flex-direction: column; gap: 8px; }
.sw-menu__title { font: 700 13px/1.3 var(--sw-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--sw-green) !important; text-decoration: none !important; padding-bottom: 4px; }
.sw-menu__sub { font: 400 15px/1.35 var(--sw-sans); color: #33403A !important; text-decoration: none !important; }
.sw-menu__sub:hover { color: var(--sw-green) !important; text-decoration: underline !important; }
.sw-menu__foot { background: var(--sw-paper); border-top: 1px solid #ECE7DB; }
.sw-menu__foot { display: flex; justify-content: space-between; gap: 16px; padding: 14px max(24px, calc((100% - 1232px) / 2)); font: 400 14px var(--sw-sans); color: #4F5751; }
.sw-menu__foot a { color: var(--sw-green); font-weight: 600; text-decoration: none; }

/* ---------- Footer ---------- */
footer { background: var(--sw-night); }
.sw-footer { background: var(--sw-night); color: #C9D3CC; font: 400 14px/1.6 var(--sw-sans); }
.sw-footer a { color: #E4ECE6; text-decoration: none; }
.sw-footer a:hover { color: #FFFFFF; text-decoration: underline; }
.sw-footer__inner { max-width: 1280px; margin: 0 auto; padding: 56px 24px 28px; display: flex; flex-direction: column; gap: 36px; }
.sw-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 32px; }
.sw-footer__name { font: 500 26px/1.2 var(--sw-serif); color: #FFFFFF; margin-bottom: 12px; }
.sw-footer__brand p { margin: 0 0 10px; }
.sw-footer__title { color: #FFFFFF; font-weight: 600; font-size: 15px; margin-bottom: 12px; }
.sw-footer__col { display: flex; flex-direction: column; gap: 8px; }
.sw-footer__social { list-style: none; margin: 14px 0 0; padding: 0; display: flex; gap: 8px; }
.sw-footer__social a { width: 40px; height: 40px; border-radius: 999px; border: 1px solid #2A4237; display: flex; align-items: center; justify-content: center; color: #E4ECE6; }
.sw-footer__social a:hover { background: #1B3A2E; text-decoration: none; }
.sw-footer__trust { display: flex; flex-wrap: wrap; gap: 20px 32px; justify-content: space-between; align-items: center; padding: 24px 0; border-top: 1px solid #2A4237; border-bottom: 1px solid #2A4237; }
.sw-footer__anpc { display: flex; flex-wrap: wrap; gap: 12px; }
.sw-footer__anpc img { display: block; width: 200px; height: auto; border-radius: 6px; background: #FFFFFF; }
.sw-footer__pay { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sw-footer__pay img { display: block; height: 32px; width: auto; background: #FFFFFF; border-radius: 6px; padding: 3px 6px; }
.sw-footer__cod { font-size: 13px; color: #C9D3CC; margin-left: 6px; }
.sw-footer__legal { display: flex; flex-wrap: wrap; gap: 8px 28px; justify-content: space-between; font-size: 13px; color: #A9B7AE; }

@media (max-width: 1024px) {
  .sw-footer__inner { padding: 40px 16px 24px; }
}

/* ---------- Carduri de produs (grid) ---------- */
.product-grid .product-layout .product-thumb,
.main-products.product-grid .product-thumb { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
.product-grid .product-thumb .image { background: #F5F2EA; border-radius: 20px; overflow: hidden; }
.product-grid .product-thumb .image img { mix-blend-mode: multiply; }
.product-grid .product-thumb .caption { padding: 4px 2px 0 !important; display: flex; flex-direction: column; gap: 6px; background: transparent !important; }
.product-grid .product-thumb .stats,
.product-grid .product-thumb .description,
.product-grid .product-thumb .price-tax,
.product-grid .product-thumb .rating.no-rating,
.product-grid .product-thumb .stepper,
.product-grid .product-thumb .wish-group,
.product-grid .product-thumb .extra-group { display: none !important; }
.product-grid .product-thumb .name a { font: 500 15px/1.4 var(--sw-sans) !important; color: var(--sw-ink) !important; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-grid .product-thumb .name a:hover { color: var(--sw-green) !important; }
.product-grid .product-thumb .price { margin: 2px 0 0 !important; }
.product-grid .product-thumb .price > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.product-grid .product-thumb .price-normal { font: 600 18px var(--sw-sans) !important; color: var(--sw-ink) !important; }
.product-grid .product-thumb .price-new { font: 600 18px var(--sw-sans) !important; color: var(--sw-sale) !important; }
.product-grid .product-thumb .price-old { font: 400 14px var(--sw-sans) !important; color: #6E746F !important; text-decoration: line-through; }
.product-grid .product-thumb .buttons-wrapper { margin-top: auto; }
.product-grid .product-thumb .button-group, .product-grid .product-thumb .cart-group { display: flex; width: 100%; }
.product-grid .product-thumb .btn-cart { flex: 1 1 auto; background: transparent !important; color: var(--sw-green) !important; border: 1px solid var(--sw-green) !important; border-radius: 999px !important; padding: 11px 14px !important; font: 600 14px var(--sw-sans) !important; box-shadow: none !important; }
.product-grid .product-thumb .btn-cart::before { display: none !important; }
.product-grid .product-thumb .btn-cart .btn-text { display: inline !important; }
.product-grid .product-thumb:hover .btn-cart { background: var(--sw-green) !important; color: #FFFFFF !important; }
.product-grid .product-thumb .product-labels { top: 12px !important; left: 12px !important; }
.product-grid .product-thumb .product-label b { border-radius: 999px !important; font: 600 12px var(--sw-sans) !important; padding: 5px 10px !important; box-shadow: none !important; }
.product-grid .product-thumb .quickview-button .btn-quickview { border-radius: 999px !important; background: rgba(250, 248, 243, .94) !important; color: var(--sw-green) !important; }

/* ---------- Titluri module ---------- */
.module-title, .title.module-title { font: 500 34px/1.15 var(--sw-serif) !important; color: var(--sw-ink) !important; letter-spacing: -0.01em; }
.page-title { font: 500 44px/1.1 var(--sw-serif) !important; color: var(--sw-ink) !important; }
.breadcrumb { background: transparent !important; }
.breadcrumb a { color: var(--sw-muted) !important; }

/* ---------- Corecturi header (v1.0.1) ---------- */
.header-classic .top-bar { max-width: none !important; height: auto !important; padding: 0 !important; display: block !important; }
.sw-topbar { flex-wrap: nowrap; white-space: nowrap; }
.sw-topbar ul { flex-wrap: nowrap; }
@media (max-width: 1240px) { .sw-topbar__info li:nth-child(n+2) { display: none; } }
.desktop-cart-wrapper #cart-total, .desktop-cart-wrapper #cart .fa { color: #FFFFFF !important; font: 600 14px var(--sw-sans); }
.desktop-cart-wrapper #cart > a { padding: 0 18px !important; height: 46px; display: flex !important; align-items: center; gap: 10px; }
.header-classic .mid-bar #logo img { width: auto; height: 64px; }
.header-classic .secondary-menu a, .header-classic .secondary-menu .links-text { color: var(--sw-ink) !important; font: 500 14px var(--sw-sans) !important; }
.header-classic .desktop-main-menu-wrapper { top: 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
.sw-topbar { width: 100% !important; box-sizing: border-box; }
.header-classic .mid-bar { box-sizing: border-box; }
.sw-topbar__info, .sw-topbar__links { display: flex; gap: 6px 20px; align-items: center; }
.sw-topbar__info span, .sw-topbar__links a { position: static !important; float: none !important; }
@media (max-width: 1240px) { .sw-topbar__info span:nth-child(n+2) { display: none; } }

/* ---------- Carduri: specificitate peste stilurile de modul Journal3 (v1.0.4) ---------- */
html body .product-grid .product-thumb .cart-group .btn.btn-cart { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; justify-content: center; border-radius: 999px !important; text-transform: none !important; letter-spacing: 0 !important; height: 44px !important; }
html body .product-grid .product-thumb .cart-group .btn.btn-cart .btn-text { text-transform: none !important; font: 600 14px var(--sw-sans) !important; }
html body .product-grid .product-thumb .product-labels { right: auto !important; left: 12px !important; align-items: flex-start !important; }
html body .product-grid .product-thumb .product-label b { border-radius: 999px !important; }
html body .product-grid .product-thumb .name a { text-transform: none !important; }
html body .product-grid .product-thumb .image, html body .product-grid .product-thumb .product-img { border-radius: 20px !important; }

/* Tab-uri module produse: pastile */
html body .tabs-container .nav-tabs { border: 0 !important; background: var(--sw-paper-2); border-radius: 999px; padding: 5px; display: inline-flex; gap: 4px; }
html body .tabs-container .nav-tabs > li > a { border: 0 !important; border-radius: 999px !important; font: 600 14px var(--sw-sans) !important; text-transform: none !important; letter-spacing: 0 !important; padding: 10px 18px !important; background: transparent !important; color: #3C443F !important; }
html body .tabs-container .nav-tabs > li.active > a { background: var(--sw-green) !important; color: #FFFFFF !important; }
html body .tabs-container .nav-tabs > li > a::after, html body .tabs-container .nav-tabs > li.active > a::before { display: none !important; }

/* =====================================================================
   v1.1.0 — pagina de produs, blog, categorie, formulare, cos/checkout
   ===================================================================== */

/* ---------- Buton "Toate produsele" ---------- */
.sw-menu__item--all { display: flex; align-items: center; padding: 6px 8px 6px 0; }
.sw-menu__item--all > .sw-menu__link { border-radius: 999px; padding: 9px 18px; }
.sw-menu__item:not(.sw-menu__item--all) > .sw-menu__link { border-radius: 10px 10px 0 0; }

/* ---------- Butoane si formulare ---------- */
html body .btn-primary, html body #button-cart, html body .buttons .btn-primary, html body #button-confirm, html body .quick-checkout-wrapper .btn-primary {
  background: var(--sw-green) !important; border: 1px solid var(--sw-green) !important; color: #FFFFFF !important; border-radius: 999px !important;
  font: 600 15px var(--sw-sans) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; padding: 12px 24px !important; }
html body .btn-primary:hover, html body #button-cart:hover { background: var(--sw-green-2) !important; border-color: var(--sw-green-2) !important; }
html body .btn-default, html body .buttons .btn-default { background: #FFFFFF !important; border: 1px solid #CFC8B6 !important; color: var(--sw-ink) !important; border-radius: 999px !important; font: 600 15px var(--sw-sans) !important; text-transform: none !important; box-shadow: none !important; }
html body .form-control, html body select.form-control, html body textarea.form-control { border: 1px solid #D9D3C4 !important; border-radius: 12px !important; background: #FFFFFF !important; font: 400 15px var(--sw-sans) !important; color: var(--sw-ink) !important; box-shadow: none !important; min-height: 46px; }
html body .form-control:focus { border-color: var(--sw-green) !important; outline: 2px solid rgba(14, 77, 58, .18); outline-offset: 0; }
html body .alert { border-radius: 14px !important; font: 500 14px var(--sw-sans) !important; }

/* ---------- Pagina de produs ---------- */
html body #product-product .product-left .main-image, html body #product-product .product-image .swiper-container { border-radius: 28px !important; overflow: hidden; background: #F5F2EA; }
html body #product-product .product-image .swiper-slide img { border-radius: 0; }
html body #product-product .product-labels .product-label b { border-radius: 999px !important; font: 600 12px var(--sw-sans) !important; padding: 5px 11px !important; }

html body #product .page-title { font: 500 34px/1.15 var(--sw-serif) !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--sw-ink) !important; border: 0 !important; padding: 0 0 6px !important; margin: 0 0 10px !important; }
html body #product .page-title::after, html body #product .page-title::before { display: none !important; }
html body #product .rating-page { margin: 0 0 18px !important; font: 400 14px var(--sw-sans); color: var(--sw-muted); }
html body #product .rating-page a { color: var(--sw-muted) !important; }

html body #product .product-price-group { border: 0 !important; border-top: 1px solid var(--sw-line) !important; padding: 18px 0 !important; margin: 0 !important; display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
html body #product .product-price, html body #product .product-price-new { font: 600 34px var(--sw-sans) !important; color: var(--sw-ink) !important; letter-spacing: -0.01em; }
html body #product .product-price-new { color: var(--sw-sale) !important; }
html body #product .product-price-old { font: 400 18px var(--sw-sans) !important; color: #6E746F !important; }
html body #product .product-tax { display: none !important; }
html body #product .price-wrapper { border: 0 !important; padding: 0 !important; }
html body #product .product-stats { border: 0 !important; padding: 0 !important; margin: 0 !important; font: 400 13px var(--sw-sans); color: var(--sw-muted); }
html body #product .product-stats .product-stock { font: 600 13px var(--sw-sans) !important; text-transform: none !important; background: #E4ECE6; color: var(--sw-green) !important; padding: 6px 12px; border-radius: 999px; display: inline-flex; gap: 6px; align-items: center; }
html body #product .product-stats .product-stock.out-of-stock { background: #F6E3E1; color: var(--sw-sale) !important; }
html body #product .product-stats ul { list-style: none; padding: 0; margin: 6px 0 0; }
html body #product .product-stats li::before { display: none !important; }

html body #product .button-group-page { border: 0 !important; padding: 18px 0 0 !important; background: transparent !important; box-shadow: none !important; }
html body #product .buttons-wrapper { display: flex; flex-direction: column; gap: 12px; }
html body #product .stepper-group { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; width: 100%; }
html body #product .stepper { border: 1px solid #CFC8B6 !important; border-radius: 999px !important; background: #FFFFFF !important; overflow: hidden; height: 54px !important; width: 116px !important; flex: 0 0 116px; }
html body #product .stepper input.form-control { border: 0 !important; min-height: 0; height: 52px !important; text-align: center; font: 600 16px var(--sw-sans) !important; background: transparent !important; }
html body #product .stepper span { border: 0 !important; }
html body #product #button-cart { flex: 1 1 200px; height: 54px !important; font-size: 16px !important; padding: 0 28px !important; display: flex !important; align-items: center; justify-content: center; gap: 10px; }
html body #product .extra-group { flex: 1 1 100%; width: 100%; }
html body #product .extra-group .btn { width: 100% !important; background: transparent !important; color: var(--sw-green) !important; border: 1px solid var(--sw-green) !important; border-radius: 999px !important; height: 48px; font: 600 14px var(--sw-sans) !important; text-transform: none !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; }
html body #product .extra-group .btn:hover { background: #E4ECE6 !important; }
html body #product .extra-group .btn .btn-text { text-transform: none !important; }
html body #product .wishlist-compare { display: flex; gap: 18px; padding-top: 4px; border: 0 !important; }
html body #product .wishlist-compare .btn { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 0 !important; color: #3C443F !important; font: 500 14px var(--sw-sans) !important; text-transform: none !important; }
html body #product .wishlist-compare .btn:hover { color: var(--sw-green) !important; }

.sw-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0 6px; }
.sw-trust__item { display: flex; gap: 12px; align-items: flex-start; background: var(--sw-paper-2); border-radius: 14px; padding: 14px 16px; color: var(--sw-green); }
.sw-trust__item svg { flex: 0 0 auto; margin-top: 2px; }
.sw-trust__item div { display: flex; flex-direction: column; gap: 2px; }
.sw-trust__item strong { font: 600 14px var(--sw-sans); color: var(--sw-ink); }
.sw-trust__item span { font: 400 13px/1.4 var(--sw-sans); color: var(--sw-muted); }
.sw-trust__item a { color: var(--sw-green); text-decoration: underline; }
@media (max-width: 520px) { .sw-trust { grid-template-columns: 1fr; } }

html body #product-product .product_tabs .nav-tabs { border-bottom: 1px solid var(--sw-line) !important; background: transparent !important; }
html body #product-product .product_tabs .nav-tabs > li > a { font: 600 15px var(--sw-sans) !important; text-transform: none !important; color: var(--sw-muted) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 14px 18px !important; }
html body #product-product .product_tabs .nav-tabs > li.active > a { color: var(--sw-green) !important; border-bottom-color: var(--sw-green) !important; }
html body #product-product .block-content { font: 400 16px/1.7 var(--sw-sans); color: #33403A; }

/* ---------- Carduri blog ---------- */
html body .post-grid .post-thumb { background: transparent !important; border: 0 !important; box-shadow: none !important; display: flex; flex-direction: column; gap: 14px; text-align: left !important; }
html body .post-grid .post-thumb .image { border-radius: 20px !important; overflow: hidden; position: relative; }
html body .post-grid .post-thumb .image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .3s ease; }
html body .post-grid .post-thumb:hover .image img { transform: scale(1.03); }
html body .post-grid .post-thumb .p-date-image { top: 14px !important; left: 14px !important; background: rgba(250, 248, 243, .96) !important; color: var(--sw-green) !important; border-radius: 12px !important; font: 700 18px/1 var(--sw-serif) !important; padding: 8px 11px !important; text-align: center; box-shadow: none !important; }
html body .post-grid .post-thumb .p-date-image i { display: block; font: 600 11px var(--sw-sans) !important; font-style: normal; text-transform: uppercase; letter-spacing: .06em; color: var(--sw-brass); margin-top: 3px; }
html body .post-grid .post-thumb .caption { background: transparent !important; padding: 0 2px !important; display: flex; flex-direction: column; gap: 10px; text-align: left !important; }
html body .post-grid .post-thumb .name { order: 1; }
html body .post-grid .post-thumb .name a { font: 500 22px/1.25 var(--sw-serif) !important; color: var(--sw-ink) !important; white-space: normal !important; text-overflow: clip !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left !important; text-decoration: none; }
html body .post-grid .post-thumb .name a:hover { color: var(--sw-green) !important; }
html body .post-grid .post-thumb .post-stats { order: 2; background: transparent !important; justify-content: flex-start !important; padding: 0 !important; font: 400 13px var(--sw-sans) !important; color: var(--sw-muted) !important; gap: 14px; display: flex; }
html body .post-grid .post-thumb .post-stats span, html body .post-grid .post-thumb .post-stats span::before { color: var(--sw-muted) !important; }
html body .post-grid .post-thumb .description { order: 3; font: 400 15px/1.6 var(--sw-sans) !important; color: #4F5751 !important; text-align: left !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body .post-grid .post-thumb .button-group { order: 4; justify-content: flex-start !important; padding: 0 !important; }
html body .post-grid .post-thumb .btn-read-more { background: transparent !important; border: 0 !important; color: var(--sw-green) !important; font: 600 14px var(--sw-sans) !important; text-transform: none !important; padding: 4px 0 !important; box-shadow: none !important; }
html body .post-grid .post-thumb .btn-read-more:hover { text-decoration: underline !important; }

/* ---------- Pagina de categorie / cautare / brand ---------- */
html body #product-category .page-title, html body #product-manufacturer .page-title, html body #product-search .page-title, html body #product-special .page-title, html body #information-information .page-title, html body #journal3-blog-post .page-title { font: 500 46px/1.08 var(--sw-serif) !important; letter-spacing: -0.02em !important; text-transform: none !important; border: 0 !important; }
html body .page-title::after { background: var(--sw-green) !important; }
html body .category-description { font: 400 16px/1.6 var(--sw-sans); color: #4F5751; max-width: 760px; }
html body .refine-categories .refine-item a, html body .refine-links a { background: var(--sw-paper-2) !important; border: 0 !important; border-radius: 999px !important; color: var(--sw-ink) !important; font: 500 14px var(--sw-sans) !important; padding: 9px 16px !important; box-shadow: none !important; }
html body .refine-categories .refine-item a:hover, html body .refine-links a:hover { background: var(--sw-green) !important; color: #FFFFFF !important; }
html body .products-filter { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--sw-line) !important; border-radius: 0 !important; padding: 0 0 14px !important; box-shadow: none !important; }
html body .products-filter .form-control { border-radius: 10px !important; min-height: 40px; }
html body .pagination { gap: 8px; display: flex !important; flex-wrap: wrap; }
html body .pagination > li > a, html body .pagination > li > span { border-radius: 999px !important; min-width: 44px; height: 44px; display: flex !important; align-items: center; justify-content: center; border: 1px solid #D9D3C4 !important; background: #FFFFFF !important; color: var(--sw-ink) !important; font: 600 14px var(--sw-sans) !important; margin: 0 !important; }
html body .pagination > li.active > span, html body .pagination > li.active > a { background: var(--sw-green) !important; border-color: var(--sw-green) !important; color: #FFFFFF !important; }

html body .module-filter { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body .module-filter .panel { background: transparent !important; border: 0 !important; border-top: 1px solid var(--sw-line) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
html body .module-filter .panel-heading, html body .module-filter .panel-title, html body .module-filter .panel-title a { background: transparent !important; border: 0 !important; font: 600 15px var(--sw-sans) !important; color: var(--sw-ink) !important; text-transform: none !important; }
html body .module-filter .panel-body { background: transparent !important; }
html body .module-filter label { font: 400 15px var(--sw-sans) !important; color: #33403A !important; text-transform: none !important; }
html body .module-filter input[type=checkbox], html body .module-filter input[type=radio] { accent-color: var(--sw-green); width: 17px; height: 17px; }
html body .module-filter .count-badge { background: var(--sw-paper-2) !important; color: var(--sw-muted) !important; border-radius: 999px !important; font: 500 12px var(--sw-sans) !important; }
html body #column-left .module-title, html body #column-right .module-title { font: 600 18px var(--sw-sans) !important; text-transform: none !important; border: 0 !important; }

/* ---------- Cos, checkout, cont ---------- */
html body #checkout-cart .table, html body #checkout-checkout .table { background: #FFFFFF; border-radius: 16px; overflow: hidden; border: 1px solid var(--sw-line) !important; }
html body .table > thead > tr > td, html body .table > thead > tr > th { background: var(--sw-paper-2) !important; font: 600 13px var(--sw-sans) !important; color: #3C443F !important; text-transform: none !important; border-color: var(--sw-line) !important; }
html body .table > tbody > tr > td { border-color: var(--sw-line) !important; vertical-align: middle !important; }
html body .quick-checkout-wrapper .section-title, html body .quick-checkout-wrapper .title { font: 500 22px var(--sw-serif) !important; text-transform: none !important; }
html body .well { background: #FFFFFF !important; border: 1px solid var(--sw-line) !important; border-radius: 18px !important; box-shadow: none !important; }

/* ---------- v1.1.1: corecturi produs + mobil ---------- */
html body #product-product .page-title { font: 500 36px/1.15 var(--sw-serif) !important; letter-spacing: -0.01em !important; text-transform: none !important; border: 0 !important; max-width: 1100px; }
html body #product-product .page-title::after, html body #product-product .title-wrapper::after { display: none !important; }
html body #product-product .title-wrapper { border: 0 !important; }
html body #product .product-stats { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
html body #product .product-stats .product-stock { width: auto !important; align-self: flex-start; }
html body .breadcrumb > li, html body .breadcrumb > li a { font: 400 13px var(--sw-sans) !important; text-transform: none !important; color: var(--sw-muted) !important; }

@media (max-width: 1024px) {
  html body #product .button-group-page { position: static !important; transform: none !important; bottom: auto !important; left: auto !important; right: auto !important; width: auto !important; z-index: auto !important; background: transparent !important; padding: 16px 0 0 !important; }
  html body #product-product .page-title { font-size: 26px !important; }
  html body #product .product-price, html body #product .product-price-new { font-size: 28px !important; }
  html body #product-product .product-info { display: block; }
  html body #product-product .product-left, html body #product-product .product-right { width: 100% !important; max-width: 100% !important; }
}

/* ---------- v1.1.2: recenzii (CI Review Pro) + tab-uri produs ---------- */
html body #product-product .product_tabs .nav-tabs > li > a { box-shadow: none !important; }
html body #product-product .product_tabs .nav-tabs > li > a::before, html body #product-product .product_tabs .nav-tabs > li > a::after, html body #product-product .product_tabs .nav-tabs > li::after { display: none !important; }
html body .cireview-wrap { background: #FFFFFF; border: 1px solid var(--sw-line); border-radius: 20px; padding: 28px; margin-top: 12px; }
html body .cireview-wrap .cireview-aggerate-title, html body .cireview-wrap .cireview-aggerate-title a { background: transparent !important; border: 0 !important; padding: 0 0 12px !important; margin: 0 !important; font: 500 24px/1.25 var(--sw-serif) !important; text-transform: none !important; text-decoration: none !important; color: var(--sw-ink) !important; }
html body .cireview-wrap .cireview-aggerate { background: transparent !important; border: 0 !important; }
html body .cireview-wrap .fa-star, html body .cireview-wrap .fa-star-o, html body .cireview-wrap .fa-star-half-o { color: #B8893B !important; }
html body .cireview-wrap .progress { background: var(--sw-paper-2) !important; border-radius: 999px !important; box-shadow: none !important; height: 8px; }
html body .cireview-wrap .progress-bar { background: var(--sw-green) !important; }
html body .cireview-wrap a { color: var(--sw-green) !important; }
html body .cireview-write { margin-top: 8px; }
html body .cireview-wrap h3, html body .cireview-wrap h4, html body .cireview-wrap .cireview-label { font-family: var(--sw-sans) !important; text-transform: none !important; }

/* ---------- v1.1.3: blog + tab-uri module ---------- */
html body .post-grid .post-thumb .caption { display: flex !important; flex-direction: column !important; }
html body .post-grid .post-thumb .description { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; max-height: 4.8em; }

html body .module-products .nav-tabs, html body .module-blog_posts .nav-tabs { border: 0 !important; background: var(--sw-paper-2) !important; border-radius: 999px !important; padding: 5px !important; display: inline-flex !important; gap: 4px; width: auto !important; }
html body .module-products .nav-tabs > li, html body .module-blog_posts .nav-tabs > li { border: 0 !important; margin: 0 !important; }
html body .module-products .nav-tabs > li::after, html body .module-blog_posts .nav-tabs > li::after,
html body .module-products .nav-tabs > li::before, html body .module-blog_posts .nav-tabs > li::before { display: none !important; }
html body .module-products .nav-tabs > li > a, html body .module-blog_posts .nav-tabs > li > a { border: 0 !important; border-radius: 999px !important; font: 600 14px var(--sw-sans) !important; text-transform: none !important; letter-spacing: 0 !important; padding: 10px 18px !important; background: transparent !important; color: #3C443F !important; box-shadow: none !important; }
html body .module-products .nav-tabs > li.active > a, html body .module-blog_posts .nav-tabs > li.active > a,
html body .module-products .nav-tabs > li > a:hover, html body .module-blog_posts .nav-tabs > li > a:hover { background: var(--sw-green) !important; color: #FFFFFF !important; }
html body .module-products .tab-container > .nav-tabs, html body .module-blog_posts .tab-container > .nav-tabs { margin-left: auto !important; margin-right: auto !important; }
html body .module-products .tab-container, html body .module-blog_posts .tab-container { text-align: center; }
html body .module-products .tab-content, html body .module-blog_posts .tab-content { text-align: left; }

/* ---------- v1.1.4: recenzii (layout complet) ---------- */
html body #product-product .product_tabs .nav-tabs > li > a { padding: 12px 0 !important; margin-right: 24px; font: 500 26px var(--sw-serif) !important; color: var(--sw-ink) !important; border-bottom: 0 !important; }
html body #product-product .product_tabs .nav-tabs { border-bottom: 0 !important; margin-bottom: 8px !important; }

html body #cireview-graph { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; background: #FFFFFF; border: 1px solid var(--sw-line); border-radius: 20px; padding: 24px 28px; margin-bottom: 16px; }
html body #cireview-graph .cireviewgraph { flex: 1 1 360px; }
html body #cireview-graph .cireview-stars .rating { margin: 0 !important; display: flex; flex-direction: column; gap: 8px; }
html body #cireview-graph .cirating-filter { display: grid !important; grid-template-columns: 110px minmax(0, 1fr) 44px; align-items: center; gap: 14px; cursor: pointer; font: 500 13px var(--sw-sans); color: var(--sw-muted) !important; }
html body #cireview-graph .cirating-filter * { color: inherit; }
html body #cireview-graph .cirating-filter .fa, html body #cireview-graph .cirating-filter i { color: #B8893B !important; font-size: 15px !important; }
html body #cireview-graph .cirating-filter .fa-star-o, html body #cireview-graph .cirating-filter i[class*=star-o] { color: #D9D3C4 !important; }
html body #cireview-graph .cirating-filter .progress { margin: 0 !important; height: 8px !important; border-radius: 999px !important; background: var(--sw-paper-2) !important; box-shadow: none !important; }
html body #cireview-graph .cirating-filter .progress-bar { background: var(--sw-green) !important; border-radius: 999px !important; }
html body #cireview-graph .cirating-filter a, html body #cireview-graph .cirating-filter span { color: var(--sw-muted) !important; text-decoration: none !important; }
html body #cireview-graph > .btn { flex: 0 0 auto; height: 50px; padding: 0 26px !important; }

html body .cireview-wrap { padding: 24px 28px !important; }
html body .cireview-wrap .cireview-aggerate-title, html body .cireview-wrap .cireview-aggerate-title a { font: 600 17px/1.4 var(--sw-sans) !important; color: var(--sw-ink) !important; padding-bottom: 6px !important; }
html body .cireview-wrap .average { text-align: left !important; display: flex; align-items: center; gap: 12px; margin: 6px 0 14px !important; font: 500 14px var(--sw-sans); color: var(--sw-muted); }
html body .cireview-wrap .average .fa { font-size: 22px !important; }
html body .cireview-wrap .all-rating { font: 500 14px var(--sw-sans); color: #33403A; }
html body .cireview-wrap .all-rating .fa { font-size: 15px !important; }
html body .cireview-wrap .xl-70 { font: 400 14px/1.6 var(--sw-sans); color: var(--sw-muted); }
html body #cireview .cireview-wrap { text-align: center; padding: 22px !important; font: 400 15px var(--sw-sans); color: var(--sw-muted); background: var(--sw-paper-2) !important; border: 0 !important; }
html body .cireview-wrap .row { margin: 0 !important; }

/* ---------- v1.1.4: ferestre popup + formulare Journal3 ---------- */
html body .popup-wrapper .popup-container { border-radius: 22px !important; overflow: hidden; box-shadow: 0 30px 80px rgba(16, 36, 28, .28) !important; background: var(--sw-paper) !important; border: 0 !important; }
html body .popup-wrapper .popup-close { width: 40px !important; height: 40px !important; border-radius: 999px !important; background: var(--sw-paper-2) !important; top: 14px !important; right: 14px !important; color: var(--sw-ink) !important; z-index: 5; }
html body .popup-wrapper .popup-close:hover { background: #E4ECE6 !important; }
html body .popup-wrapper .popup-body, html body .popup-wrapper .popup-inner-body { background: var(--sw-paper) !important; border-radius: 22px; }
html body.popup, html body.popup-module { background: var(--sw-paper) !important; }

html body .module-form .module-title, html body.popup .module-title { font: 500 28px/1.2 var(--sw-serif) !important; text-transform: none !important; color: var(--sw-ink) !important; padding: 0 48px 6px 0 !important; margin: 0 0 6px !important; border: 0 !important; }
html body .module-form .module-title::after, html body .module-form .title-divider { display: none !important; }
html body .module-form .module-body { padding: 0 !important; }
html body .module-form .form-group { display: flex !important; flex-direction: column; gap: 6px; margin: 0 0 14px !important; }
html body .module-form .form-group > .control-label, html body .module-form .form-group > label { width: 100% !important; max-width: 100% !important; flex: none !important; text-align: left !important; padding: 0 !important; font: 600 14px var(--sw-sans) !important; color: #33403A !important; }
html body .module-form .form-group > div[class*=col-] { width: 100% !important; max-width: 100% !important; flex: none !important; padding: 0 !important; }
html body .module-form .form-control { min-height: 48px; padding: 12px 16px !important; }
html body .module-form textarea.form-control { min-height: 120px; resize: vertical; }
html body .module-form .required > .control-label::after, html body .module-form .required .control-label::before { color: var(--sw-sale) !important; }
html body .module-form .buttons { display: flex; justify-content: flex-start; border: 0 !important; padding: 6px 0 0 !important; margin: 0 !important; background: transparent !important; }
html body .module-form .buttons .pull-right { float: none !important; width: 100%; }
html body .module-form .buttons .btn { width: 100%; height: 52px; background: var(--sw-green) !important; color: #FFFFFF !important; border: 0 !important; border-radius: 999px !important; font: 600 15px var(--sw-sans) !important; text-transform: none !important; box-shadow: none !important; }
html body .module-form .buttons .btn:hover { background: var(--sw-green-2) !important; }
html body .module-form .captcha { margin-top: 4px !important; }
html body .module-form .text-danger { font: 500 13px var(--sw-sans); color: var(--sw-sale) !important; }

/* ---------- v1.1.5: stele recenzii ---------- */
html body #cireview-graph .cirating-filter { grid-template-columns: auto 52px !important; justify-content: start; gap: 16px !important; }
html body .cireviews .rating-stars, html body #cireview-graph .rating-stars, html body .cireview-wrap .average li { white-space: nowrap !important; display: inline-flex !important; align-items: center; gap: 3px; }
html body .cireviews .fa-stack, html body #cireview-graph .fa-stack { width: 18px !important; height: 18px !important; line-height: 18px !important; display: inline-block !important; vertical-align: middle; }
html body .cireviews .fa-stack-2x, html body #cireview-graph .fa-stack-2x { font-size: 16px !important; line-height: 18px !important; }
html body #cireview-graph .fa-star-o { color: #CFC8B6 !important; }
html body #cireview-graph .rating-value { font: 600 13px var(--sw-sans) !important; color: var(--sw-muted) !important; }
html body .cireview-wrap .average { justify-content: flex-start !important; }
html body .cireview-wrap .average li { gap: 6px; }
html body .cireview-wrap .average .control-label { font: 600 14px var(--sw-sans) !important; color: #33403A !important; margin-right: 8px; padding: 0 !important; }
html body .cireview-wrap .average .fa-stack { width: 24px !important; height: 24px !important; }
html body .cireview-wrap .average .fa-stack-2x { font-size: 22px !important; line-height: 24px !important; }
html body .cireview-wrap .fa-star-o { color: #B8893B !important; }
html body #product-product .product_tabs .nav-tabs > li > a { padding: 0 !important; }

/* ---------- v1.1.6: popup inaltime + inchidere ---------- */
html body .popup-wrapper .popup-container { height: auto !important; max-height: 92vh !important; width: min(560px, calc(100vw - 32px)) !important; display: flex !important; flex-direction: column; }
html body .popup-wrapper .popup-body { overflow: auto !important; max-height: 92vh; padding: 28px 28px 20px !important; }
html body .popup-wrapper .popup-inner-body iframe { min-height: 600px; }
html body .popup-wrapper .popup-close { display: flex !important; align-items: center; justify-content: center; position: absolute !important; opacity: 1 !important; visibility: visible !important; }
html body .popup-wrapper .popup-close::before { content: '\00D7' !important; font: 400 26px/1 var(--sw-sans) !important; color: var(--sw-ink) !important; }
html body.popup .site-wrapper, html body.popup #content { background: var(--sw-paper) !important; padding: 0 !important; }

/* v1.1.7: popup - inaltime dupa continut */
html body .popup-wrapper .popup-inner-body { height: auto !important; max-height: none !important; overflow: visible !important; }
html body .popup-wrapper .popup-inner-body iframe { min-height: 0 !important; display: block; }
html body .popup-wrapper .popup-body { height: auto !important; }

/* v1.1.8: etichete produs - toate ca pastile (fara panglici diagonale) */
html body .product-thumb .product-labels, html body #product-product .product-labels { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 6px; }
html body .product-thumb .product-label, html body #product-product .product-label { position: static !important; transform: none !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; }
html body .product-thumb .product-label b, html body #product-product .product-label b { position: static !important; transform: none !important; width: auto !important; min-width: 0 !important; display: inline-flex !important; align-items: center; gap: 4px; white-space: nowrap; line-height: 1.2 !important; text-transform: none !important; }
html body .module-filter .module-title .btn, html body .module-filter .filter-reset, html body .module-filter a.btn { border-radius: 999px !important; background: var(--sw-paper-2) !important; color: var(--sw-green) !important; border: 0 !important; font: 600 12px var(--sw-sans) !important; text-transform: none !important; box-shadow: none !important; }

/* =====================================================================
   v1.2.0 — checkout (Journal3 quick checkout)
   ===================================================================== */
html body .quick-checkout-wrapper .checkout-section,
html body .quick-checkout-wrapper .left > div > div,
html body .quick-checkout-wrapper .section-cart,
html body .quick-checkout-wrapper .section-comments,
html body .quick-checkout-wrapper .section-coupons { background: #FFFFFF !important; border: 1px solid var(--sw-line) !important; border-radius: 20px !important; box-shadow: none !important; }
html body .quick-checkout-wrapper .checkout-section { padding: 22px 24px !important; margin-bottom: 18px !important; }
html body .quick-checkout-wrapper .section-title, html body .quick-checkout-wrapper .title.section-title { font: 500 22px/1.25 var(--sw-serif) !important; text-transform: none !important; letter-spacing: -0.01em !important; color: var(--sw-ink) !important; border: 0 !important; padding: 0 0 14px !important; margin: 0 !important; background: transparent !important; }
html body .quick-checkout-wrapper .section-title::after, html body .quick-checkout-wrapper .section-title::before { display: none !important; }
html body .quick-checkout-wrapper .section-body { padding: 0 !important; border: 0 !important; background: transparent !important; }
html body .quick-checkout-wrapper .shipping-payment { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
html body .quick-checkout-wrapper .shipping-payment > div { border: 0 !important; padding: 0 !important; background: transparent !important; }
html body .quick-checkout-wrapper .ship-wrapper > p { font: 700 12px var(--sw-sans) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--sw-muted) !important; margin: 0 0 8px !important; }
html body .quick-checkout-wrapper .shipping-payment::before, html body .quick-checkout-wrapper .section-shipping::before { display: none !important; }
html body .quick-checkout-wrapper .section-shipping .section-body > div > div::before, html body .quick-checkout-wrapper .shippings::before { display: none !important; }

/* Optiuni livrare/plata ca "carduri" selectabile */
html body .quick-checkout-wrapper .shipping-payment .radio { margin: 0 0 10px !important; padding: 0 !important; }
html body .quick-checkout-wrapper .shipping-payment .radio label { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px 12px; width: 100%; min-height: 54px; padding: 12px 16px !important; border: 1px solid #D9D3C4; border-radius: 14px; background: #FFFFFF; cursor: pointer; font: 500 15px var(--sw-sans) !important; color: var(--sw-ink) !important; transition: border-color .12s ease, background .12s ease; }
html body .quick-checkout-wrapper .shipping-payment .radio label:hover { border-color: var(--sw-green); }
html body .quick-checkout-wrapper .shipping-payment .radio.sw-checked label { border: 2px solid var(--sw-green); background: #F3F7F4; padding: 11px 15px !important; }
html body .quick-checkout-wrapper .shipping-payment .radio input[type=radio] { position: static !important; margin: 0 !important; width: 18px; height: 18px; accent-color: var(--sw-green); flex: 0 0 auto; }
html body .quick-checkout-wrapper .shipping-payment .radio label > span { flex: 1 1 auto; }
html body .quick-checkout-wrapper .shipping-payment .section-body > div > .radio label img, html body .quick-checkout-wrapper .shipping-payment i.fa { color: var(--sw-green) !important; }
html body .quick-checkout-wrapper #showLockerMap { flex: 1 1 100%; margin: 4px 0 0 30px !important; width: auto; max-width: calc(100% - 30px); height: 44px; padding: 0 20px !important; font-size: 14px !important; }
html body .quick-checkout-wrapper #showLockerDetails:not(:empty) { flex: 1 1 100%; margin-left: 30px; font: 500 13px var(--sw-sans); color: var(--sw-green); }
html body .quick-checkout-wrapper #showLockerDetails strong { font-weight: 600; }

/* Campuri formular */
html body .quick-checkout-wrapper .form-group { margin-bottom: 14px !important; }
html body .quick-checkout-wrapper .control-label { font: 600 14px var(--sw-sans) !important; color: #33403A !important; text-transform: none !important; padding: 0 0 6px !important; }
html body .quick-checkout-wrapper .form-control { min-height: 48px !important; padding: 12px 16px !important; }
html body .quick-checkout-wrapper .radio-inline, html body .quick-checkout-wrapper .checkbox label { font: 500 14px var(--sw-sans) !important; color: #33403A !important; }
html body .quick-checkout-wrapper input[type=radio], html body .quick-checkout-wrapper input[type=checkbox] { accent-color: var(--sw-green); }

/* Login / Register / Guest ca pastile */
html body .quick-checkout-wrapper .section-login .radio-inline, html body .quick-checkout-wrapper .login-options label { border: 1px solid #D9D3C4; border-radius: 999px; padding: 8px 14px 8px 32px !important; margin: 0 6px 6px 0 !important; position: relative; }
html body .quick-checkout-wrapper .section-login .radio-inline input, html body .quick-checkout-wrapper .login-options label input { left: 12px !important; margin-left: 0 !important; }

/* Cupoane */
html body .quick-checkout-wrapper .section-coupons .input-group, html body .quick-checkout-wrapper .coupon-group { display: flex; gap: 10px; }
html body .quick-checkout-wrapper .input-group-btn .btn, html body .quick-checkout-wrapper .section-coupons .btn { border-radius: 999px !important; height: 48px; padding: 0 22px !important; text-transform: none !important; }

/* Tabel cos */
html body .quick-checkout-wrapper .table { border: 0 !important; }
html body .quick-checkout-wrapper .table img { border-radius: 12px; background: #F5F2EA; }
html body .quick-checkout-wrapper .table td.text-left a { color: var(--sw-ink) !important; font: 500 14px/1.4 var(--sw-sans); text-transform: none; }
html body .quick-checkout-wrapper .table tfoot td, html body .quick-checkout-wrapper .cart-total td { font: 500 15px var(--sw-sans) !important; border-color: var(--sw-line) !important; }
html body .quick-checkout-wrapper .table tfoot tr:last-child td { font: 700 18px var(--sw-sans) !important; color: var(--sw-ink) !important; }

/* Confirmare */
html body #quick-checkout-button-confirm, html body .quick-checkout-wrapper .buttons .btn-primary { width: 100%; height: 58px; font-size: 17px !important; border-radius: 999px !important; }
html body .quick-checkout-wrapper .buttons { border: 0 !important; background: transparent !important; padding: 8px 0 0 !important; }
html body .quick-checkout-wrapper .buttons .pull-right { float: none !important; width: 100%; }
html body .quick-checkout-wrapper .checkbox, html body .quick-checkout-wrapper .agree { font: 400 14px var(--sw-sans) !important; color: #4F5751 !important; }

/* v1.2.1: checkout - latime coloane livrare/plata */
html body .quick-checkout-wrapper .shipping-payment > .section-shipping, html body .quick-checkout-wrapper .shipping-payment > .section-payment { width: auto !important; max-width: none !important; flex: none !important; float: none !important; }
html body .quick-checkout-wrapper .shipping-payment .section-body > div { width: 100% !important; align-items: flex-start; gap: 10px; }
html body .quick-checkout-wrapper .shipping-payment .section-body > div > .radio, html body .quick-checkout-wrapper .shipping-payment .shippings, html body .quick-checkout-wrapper .shipping-payment .ship-wrapper { flex: 1 1 auto !important; width: 100% !important; min-width: 0; }
html body .quick-checkout-wrapper .shipping-payment .section-body > div::before { margin-top: 16px; }

/* v1.2.2: checkout - radio pe acelasi rand cu textul */
html body .quick-checkout-wrapper .shipping-payment .radio label > span { flex: 1 1 0 !important; min-width: 0; }
html body .quick-checkout-wrapper .section-title, html body .quick-checkout-wrapper .checkout-section > .title, html body .quick-checkout-wrapper h2, html body .quick-checkout-wrapper legend { font: 500 22px/1.25 var(--sw-serif) !important; text-transform: none !important; letter-spacing: -0.01em !important; border: 0 !important; }

/* =====================================================================
   v1.2.4 — tabel produse in checkout + pagina cos
   ===================================================================== */
html body .quick-checkout-wrapper .table-responsive, html body #checkout-cart .table-responsive { border: 0 !important; overflow-x: auto; }
html body .quick-checkout-wrapper .table.table-bordered, html body #checkout-cart .table.table-bordered { border: 0 !important; border-collapse: separate !important; border-spacing: 0; background: transparent !important; margin: 0 !important; }
html body .quick-checkout-wrapper .table.table-bordered > thead > tr > td, html body #checkout-cart .table.table-bordered > thead > tr > td,
html body .quick-checkout-wrapper .table.table-bordered > thead > tr > th, html body #checkout-cart .table.table-bordered > thead > tr > th {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--sw-line) !important; font: 600 12px var(--sw-sans) !important; letter-spacing: .08em; text-transform: uppercase !important; color: var(--sw-muted) !important; padding: 0 12px 12px !important; }
html body .quick-checkout-wrapper .table.table-bordered > tbody > tr > td, html body #checkout-cart .table.table-bordered > tbody > tr > td {
  border: 0 !important; border-bottom: 1px solid var(--sw-line) !important; background: transparent !important; padding: 16px 12px !important; vertical-align: middle !important; }
html body .quick-checkout-wrapper .table > tbody > tr:hover > td, html body #checkout-cart .table > tbody > tr:hover > td { background: #FCFBF8 !important; }

/* imagine */
html body .quick-checkout-wrapper .td-image, html body #checkout-cart .td-image { width: 88px; }
html body .quick-checkout-wrapper .td-image img, html body #checkout-cart .td-image img { width: 64px !important; height: 64px !important; object-fit: cover; border: 0 !important; padding: 0 !important; border-radius: 14px !important; background: #F5F2EA !important; box-shadow: none !important; }

/* nume + model */
html body .quick-checkout-wrapper .td-product a, html body #checkout-cart .td-product a { font: 500 15px/1.4 var(--sw-sans) !important; color: var(--sw-ink) !important; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 360px; }
html body .quick-checkout-wrapper .td-product a:hover, html body #checkout-cart .td-product a:hover { color: var(--sw-green) !important; }
html body .quick-checkout-wrapper .td-product small, html body #checkout-cart .td-product small { display: block; font: 400 13px var(--sw-sans); color: var(--sw-muted); margin-top: 4px; }
html body .quick-checkout-wrapper .td-model, html body #checkout-cart .td-model { font: 400 13px var(--sw-sans) !important; color: var(--sw-muted) !important; white-space: nowrap; }

/* cantitate: stepper pastila + butoane icon discrete */
html body .quick-checkout-wrapper .td-qty .input-group, html body #checkout-cart .td-qty .input-group { display: flex !important; align-items: center; gap: 6px; max-width: none !important; width: auto !important; }
html body .quick-checkout-wrapper .td-qty .stepper, html body #checkout-cart .td-qty .stepper { width: 96px !important; height: 42px !important; border: 1px solid #CFC8B6 !important; border-radius: 999px !important; background: #FFFFFF !important; overflow: hidden; flex: 0 0 96px; }
html body .quick-checkout-wrapper .td-qty .stepper input, html body #checkout-cart .td-qty .stepper input { border: 0 !important; height: 40px !important; min-height: 0 !important; text-align: center; padding: 0 22px 0 8px !important; font: 600 15px var(--sw-sans) !important; background: transparent !important; }
html body .quick-checkout-wrapper .td-qty .stepper span, html body #checkout-cart .td-qty .stepper span { border: 0 !important; right: 10px !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn, html body #checkout-cart .td-qty .input-group-btn { display: flex !important; gap: 4px; width: auto !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn .btn, html body #checkout-cart .td-qty .input-group-btn .btn {
  width: 38px !important; height: 38px !important; min-width: 0 !important; padding: 0 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; justify-content: center;
  background: transparent !important; border: 1px solid transparent !important; box-shadow: none !important; color: var(--sw-muted) !important; margin: 0 !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn .btn-primary:hover, html body #checkout-cart .td-qty .input-group-btn .btn-primary:hover { background: #E4ECE6 !important; color: var(--sw-green) !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn .btn-danger:hover, html body #checkout-cart .td-qty .input-group-btn .btn-danger:hover { background: #F6E3E1 !important; color: var(--sw-sale) !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn .btn i, html body #checkout-cart .td-qty .input-group-btn .btn i { font-size: 15px !important; color: inherit !important; }
html body .quick-checkout-wrapper .td-qty .input-group-btn .btn::before, html body #checkout-cart .td-qty .input-group-btn .btn::before { display: none !important; }

/* preturi */
html body .quick-checkout-wrapper .td-price, html body .quick-checkout-wrapper .td-total,
html body #checkout-cart .td-price, html body #checkout-cart .td-total { white-space: nowrap; text-align: right !important; font: 500 15px var(--sw-sans) !important; color: #4F5751 !important; }
html body .quick-checkout-wrapper .td-total, html body #checkout-cart .td-total { font-weight: 700 !important; color: var(--sw-ink) !important; }

/* totaluri ca rezumat */
html body .quick-checkout-wrapper .table-responsive + .table-responsive .table, html body .quick-checkout-wrapper .section-body > .table, html body .quick-checkout-wrapper table:not(:first-of-type) tfoot,
html body #checkout-cart .cart-total .table { margin-left: auto !important; max-width: 420px; }
html body .quick-checkout-wrapper .table tfoot td, html body #checkout-cart .cart-total .table td { border: 0 !important; background: transparent !important; padding: 8px 12px !important; font: 400 15px var(--sw-sans) !important; color: #4F5751 !important; }
html body .quick-checkout-wrapper .table tfoot td strong, html body #checkout-cart .cart-total .table td strong { font-weight: 500 !important; color: #4F5751 !important; }
html body .quick-checkout-wrapper .table tfoot tr:last-child td, html body #checkout-cart .cart-total .table tr:last-child td { border-top: 1px solid var(--sw-line) !important; padding-top: 14px !important; font: 700 20px var(--sw-sans) !important; color: var(--sw-ink) !important; }
html body .quick-checkout-wrapper .table tfoot tr:last-child td strong, html body #checkout-cart .cart-total .table tr:last-child td strong { font: 600 16px var(--sw-sans) !important; color: var(--sw-ink) !important; }

@media (max-width: 760px) {
  html body .quick-checkout-wrapper .td-model, html body #checkout-cart .td-model,
  html body .quick-checkout-wrapper thead .td-model, html body .quick-checkout-wrapper .td-price, html body #checkout-cart .td-price { display: none !important; }
  html body .quick-checkout-wrapper .td-product a, html body #checkout-cart .td-product a { max-width: 180px; font-size: 14px !important; }
}

/* ---------- v1.2.5: login options pe un rand + text locker pe un rand ---------- */
html body .quick-checkout-wrapper .login-options { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; margin: 0 !important; }
html body .quick-checkout-wrapper .login-options .radio { margin: 0 !important; padding: 0 !important; flex: 1 1 0; min-width: 0; }
html body .quick-checkout-wrapper .login-options .radio label { display: flex !important; align-items: center; justify-content: center; gap: 6px; width: 100%; border: 1px solid #D9D3C4 !important; border-radius: 999px !important; padding: 8px 10px !important; margin: 0 !important; font: 500 13px var(--sw-sans) !important; white-space: nowrap; cursor: pointer; background: #FFFFFF; }
html body .quick-checkout-wrapper .login-options .radio label input { position: static !important; margin: 0 !important; width: 15px; height: 15px; accent-color: var(--sw-green); }
html body .quick-checkout-wrapper .login-options .radio.sw-checked label { border-color: var(--sw-green) !important; background: #F3F7F4; color: var(--sw-green) !important; font-weight: 600 !important; }

html body .quick-checkout-wrapper .shipping-payment .radio label > .shipping-quote-title { flex: 1 1 auto !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .quick-checkout-wrapper #showLockerDetails:has(> strong:empty) { display: none !important; }
html body .quick-checkout-wrapper #showLockerDetails { flex: 1 1 100%; margin-left: 30px; }

/* ---------- v1.2.6: checkout pe latimi medii ---------- */
html body .quick-checkout-wrapper .login-options .radio label { flex-direction: row !important; }
html body .quick-checkout-wrapper .login-options .radio label input { order: 0; }
html body .quick-checkout-wrapper .shipping-payment .radio label > .shipping-quote-title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; flex: 1 1 0 !important; min-width: 0; }
html body .quick-checkout-wrapper .checkout-section:empty, html body .quick-checkout-wrapper .left > div > div:empty, html body .quick-checkout-wrapper .right > div > div:empty { display: none !important; }
html body .quick-checkout-wrapper .table.table-bordered { min-width: 0 !important; width: 100% !important; }
@media (max-width: 1280px) {
  html body .quick-checkout-wrapper .td-model { display: none !important; }
}
@media (max-width: 1100px) {
  html body .quick-checkout-wrapper .td-price { display: none !important; }
  html body .quick-checkout-wrapper .td-image { width: 72px; }
  html body .quick-checkout-wrapper .td-image img { width: 56px !important; height: 56px !important; }
}

/* v1.2.7: Login / Register / Guest ca selector segmentat pe un rand */
html body .quick-checkout-wrapper .login-options { background: var(--sw-paper-2); border-radius: 999px; padding: 4px !important; gap: 2px !important; }
html body .quick-checkout-wrapper .login-options .radio label { position: relative; border: 0 !important; background: transparent !important; padding: 9px 6px !important; font: 600 13px var(--sw-sans) !important; color: #3C443F !important; }
html body .quick-checkout-wrapper .login-options .radio label input { position: absolute !important; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
html body .quick-checkout-wrapper .login-options .radio.sw-checked label { background: var(--sw-green) !important; color: #FFFFFF !important; }
html body .quick-checkout-wrapper .login-options .radio label:has(input:focus-visible) { outline: 2px solid var(--sw-green); outline-offset: 2px; }

/* v1.2.8: totaluri pe un rand + sectiunea tehnica Payment Details fara card */
html body .quick-checkout-wrapper .table tfoot td.text-right:last-child, html body .quick-checkout-wrapper .td-total { white-space: nowrap !important; }
html body .quick-checkout-wrapper .checkout-payment-details { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
html body .quick-checkout-wrapper .checkout-payment-details > .section-title { display: none !important; }

/* =====================================================================
   v1.3.0 — carduri blog (redesign complet)
   ===================================================================== */
html body .post-grid .post-layout { height: auto; display: flex; }
html body .post-grid .post-thumb { background: #FFFFFF !important; border: 1px solid var(--sw-line) !important; border-radius: 24px !important; overflow: hidden !important; gap: 0 !important; height: 100%; width: 100%; transition: transform .25s ease, box-shadow .25s ease; }
html body .post-grid .post-thumb:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(16, 36, 28, .10) !important; }
html body .post-grid .post-thumb .image { border-radius: 0 !important; margin: 0 !important; }
html body .post-grid .post-thumb .image a { display: block; }
html body .post-grid .post-thumb .image img { aspect-ratio: 16 / 9 !important; height: auto !important; width: 100% !important; object-fit: cover !important; display: block; }
html body .post-grid .post-thumb:hover .image img { transform: scale(1.04); }

/* data: eticheta mica, discreta */
html body .post-grid .post-thumb .p-date-image { top: 14px !important; left: 14px !important; padding: 6px 10px !important; border-radius: 10px !important; font: 700 15px/1 var(--sw-serif) !important; background: rgba(255, 255, 255, .95) !important; box-shadow: 0 4px 12px rgba(16, 36, 28, .12) !important; }
html body .post-grid .post-thumb .p-date-image i { font-size: 10px !important; margin-top: 2px; }

/* continut in card */
html body .post-grid .post-thumb .caption { padding: 20px 22px 22px !important; gap: 10px !important; flex: 1 1 auto; }
html body .post-grid .post-thumb .post-stats { order: 1 !important; gap: 0 !important; margin: 0 !important; }
html body .post-grid .post-thumb .post-stats .p-comment, html body .post-grid .post-thumb .post-stats .p-view { display: none !important; }
html body .post-grid .post-thumb .post-stats .p-author { font: 600 12px var(--sw-sans) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--sw-brass) !important; }
html body .post-grid .post-thumb .post-stats .p-author::before { display: none !important; }
html body .post-grid .post-thumb .name { order: 2 !important; margin: 0 !important; }
html body .post-grid .post-thumb .name a { font: 500 21px/1.28 var(--sw-serif) !important; min-height: 2.56em; }
html body .post-grid .post-thumb .description { order: 3 !important; padding: 0 !important; margin: 0 !important; -webkit-line-clamp: 2 !important; max-height: 3.2em !important; font-size: 15px !important; line-height: 1.6 !important; color: #5B635D !important; }
html body .post-grid .post-thumb .button-group { order: 4 !important; margin-top: auto !important; padding-top: 6px !important; border-top: 0 !important; }
html body .post-grid .post-thumb .btn-read-more { font: 600 14px var(--sw-sans) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--sw-green) !important; display: inline-flex !important; align-items: center; gap: 6px; }
html body .post-grid .post-thumb .btn-read-more::after { content: ''; display: none; }
html body .post-grid .post-thumb .btn-read-more::before { display: none !important; }

/* sageti carusel blog / produse */
html body .module-blog_posts .swiper-buttons div, html body .module-products .swiper-buttons div { width: 44px !important; height: 44px !important; background: #FFFFFF !important; border: 1px solid var(--sw-line) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(16, 36, 28, .10); }
html body .module-blog_posts .swiper-buttons div::before, html body .module-products .swiper-buttons div::before { color: var(--sw-green) !important; }
html body .module-blog_posts .swiper-buttons div:not(.swiper-button-disabled):hover, html body .module-products .swiper-buttons div:not(.swiper-button-disabled):hover { background: var(--sw-green) !important; border-color: var(--sw-green) !important; }
html body .module-blog_posts .swiper-buttons div:not(.swiper-button-disabled):hover::before, html body .module-products .swiper-buttons div:not(.swiper-button-disabled):hover::before { color: #FFFFFF !important; }
html body .module-blog_posts .swiper-container { padding-bottom: 36px !important; }

/* v1.3.1: blog - spatiere si "Citește" fara majuscule */
html body .post-grid .post-thumb .caption { padding: 22px 24px 24px !important; gap: 12px !important; }
html body .post-grid .post-thumb .btn-read-more, html body .post-grid .post-thumb .btn-read-more .btn-text, html body .post-grid .post-thumb .btn-read-more span { text-transform: none !important; letter-spacing: 0 !important; font: 600 14px var(--sw-sans) !important; }
html body .post-grid .post-thumb .button-group { padding-top: 10px !important; }
html body .post-grid .post-thumb .btn-read-more .btn-text { display: inline-block; text-transform: lowercase !important; }
html body .post-grid .post-thumb .btn-read-more .btn-text::first-letter { text-transform: uppercase; }

/* ---------- v1.3.3: subcategorii (refine) cu imagine — carduri albe, nu ovale ---------- */
html body .refine-categories .refine-item > a { display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px; background: #FFFFFF !important; border: 1px solid var(--sw-line) !important; border-radius: 18px !important; padding: 12px 12px 14px !important; height: 100%; text-align: center; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
html body .refine-categories .refine-item > a:hover { border-color: var(--sw-green) !important; box-shadow: 0 10px 24px rgba(16, 36, 28, .08) !important; transform: translateY(-2px); background: #FFFFFF !important; }
html body .refine-categories .refine-item > a img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; border-radius: 10px; background: #FFFFFF; }
html body .refine-categories .refine-item .refine-name, html body .refine-categories .refine-item .links-text { font: 500 13px/1.3 var(--sw-sans) !important; color: var(--sw-ink) !important; text-transform: none !important; white-space: normal !important; }
html body .refine-categories .refine-item > a:hover .refine-name, html body .refine-categories .refine-item > a:hover .links-text { color: var(--sw-green) !important; }
/* fara logo: afisam numele brandului elegant in locul imaginii implicite */
html body .refine-categories .refine-item > a:has(img[src*="placeholder"]) img { display: none !important; }
html body .refine-categories .refine-item > a:has(img[src*="placeholder"]) { justify-content: center; aspect-ratio: auto; min-height: 100%; }
html body .refine-categories .refine-item > a:has(img[src*="placeholder"]) .refine-name,
html body .refine-categories .refine-item > a:has(img[src*="placeholder"]) .links-text { font: 500 18px/1.2 var(--sw-serif) !important; }
/* subcategorii doar text (fara imagini): pastile */
html body .refine-links .refine-item > a, html body .refine-categories.refine-text .refine-item > a { flex-direction: row; border-radius: 999px !important; padding: 9px 16px !important; }