/* Cele trei componente aprobate. Regulile sunt limitate la noua prezentare. */
@font-face { font-family: PCInter; font-style: normal; font-weight: 400; font-display: swap; src: url(refresh-fonts/inter-400.ttf) format('truetype'); }
@font-face { font-family: PCInter; font-style: normal; font-weight: 600; font-display: swap; src: url(refresh-fonts/inter-600.ttf) format('truetype'); }
@font-face { font-family: PCFraunces; font-style: normal; font-weight: 600; font-display: swap; src: url(refresh-fonts/fraunces-600.ttf) format('truetype'); }
.pc-refresh { --pc-teal: #3a92ae; --pc-teal-dark: #2f7c95; --pc-navy: #044565; --pc-ink: #173843; --pc-wine: #7c2533; background: #f9f6f1; }
.pc-refresh .pc-shell { width: calc(100% - 48px); max-width: 1280px; margin: 0 auto; font-family: PCInter, Arial, sans-serif; }
.pc-refresh .pc-shell *, .pc-refresh .pc-promotions *, .pc-refresh .pc-subcategories * { box-sizing: border-box; }
.pc-refresh .pc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.pc-refresh .pc-shell a:focus-visible, .pc-refresh .pc-shell button:focus-visible, .pc-refresh .pc-subcategories a:focus-visible { outline: 3px solid #da6c27; outline-offset: 3px; }
.pc-refresh #pagina { margin-top: 24px; }

/* Campanie si legaturile utilitare: datele sunt in continuare cele ale site-ului. */
.pc-refresh #mesajtopsus { background: var(--pc-navy); min-height: 40px; height: auto; padding: 0; font-family: PCInter, Arial, sans-serif; }
.pc-refresh #mesajtopsus .mesajtop { width: calc(100% - 48px); max-width: 1280px; display: flex; align-items: center; gap: 20px; min-height: 40px; }
.pc-refresh #mesajtopsus .mesajtext { float: none !important; width: auto !important; flex: 1; margin: 0; padding: 8px 0; font-size: 13px; line-height: 1.5; }
.pc-refresh #ceastop { float: none !important; width: auto !important; flex: 0 0 auto; }
.pc-refresh #mesajtopsus .mesajtext a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.pc-refresh #mesajtopsus .mesajtext a::after { content: ' →'; }
.pc-refresh #meniutop { height: auto; min-height: 38px; background: transparent; color: #53666d; font-family: PCInter, Arial, sans-serif; z-index: 100; }
.pc-refresh #meniutop .topmeniu { width: calc(100% - 48px); max-width: 1280px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 4px 0; border-bottom: 1px solid #e8e4de; }
.pc-refresh #meniutop .pc-utility-label { font-size: 12px; text-align: left; }
.pc-refresh #meniutop ul.st { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 20px; float: none; padding: 0; margin: 0; }
.pc-refresh #meniutop ul.st li { display: block; float: none; margin: 0; padding: 0; line-height: 1.5; }
.pc-refresh #meniutop ul.st li a { color: #53666d; font: 12px/1.5 PCInter, Arial, sans-serif; }
.pc-refresh #meniutop ul.st li a:hover { color: var(--pc-navy); text-decoration: underline; }
.pc-refresh #meniutop .clear, .pc-refresh #mesajtopsus .mesajtop > .clear { display: none; }

/* Antet: logo, cautare, telefon, cont si cosul nativ. */
.pc-refresh #header.pc-header { display: flex; align-items: center; gap: 24px; width: 100%; margin: 0; padding: 12px 0; color: var(--pc-ink); }
.pc-refresh #header .pc-logo { flex: 0 0 275px; color: #152d34; text-decoration: none; }
.pc-refresh #header .pc-logo img { display: block; width: 100%; height: auto; }
.pc-refresh #header .pc-logo > span { display: block; font-size: 10.5px; font-weight: 600; line-height: 1.25; letter-spacing: 0; white-space: nowrap; margin-top: 4px; }
.pc-refresh #header .cautainsite { display: block; flex: 1; min-width: 150px; float: none; margin: 0; padding: 0; }
.pc-refresh #header .cautainsite form { display: flex; width: 100%; height: 44px; border: 1px solid #d6e0e3; border-radius: 5px; background: #f8fafb; }
.pc-refresh #header .cautainsite form:focus-within { border-color: var(--pc-navy); box-shadow: 0 0 0 2px #04456520; }
.pc-refresh #header .formacauta { display: block; flex: 1; width: 100%; min-width: 0; height: 42px; padding: 8px 14px; border: 0; border-radius: 5px; background: transparent; color: var(--pc-ink); font: 14px PCInter, Arial, sans-serif; text-indent: 0; }
.pc-refresh #header .butoncauta { position: static; width: 44px; height: 42px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 0 4px 4px 0; background: var(--pc-navy); color: white; font-size: 18px; cursor: pointer; }
.pc-refresh #header #ppcautare { left: 0; top: 46px; width: 100%; }
.pc-refresh .pc-phone { display: flex; flex-direction: column; gap: 3px; flex-shrink: 0; color: var(--pc-ink); text-decoration: none; }
.pc-refresh .pc-phone span, .pc-refresh .pc-phone small { color: #53666d; font-size: 11px; }
.pc-refresh .pc-phone strong { color: var(--pc-navy); font-size: 19px; }
.pc-refresh .pc-header-actions { display: flex; align-items: center; gap: 18px; flex-shrink: 0; }
.pc-refresh .pc-account { position: relative; }
.pc-refresh .pc-account-toggle, .pc-refresh .pc-account-link { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 0; border: 0; color: var(--pc-ink); background: none; font: 13px PCInter, Arial, sans-serif; cursor: pointer; }
.pc-refresh .pc-account-toggle i, .pc-refresh .pc-account-link i { font-size: 23px; }
.pc-refresh #aratalinkcont .bcont { display: none; position: absolute; right: 0; top: 100%; z-index: 1001; width: 230px; padding: 8px; background: #fff; border: 1px solid #e2e6e7; border-radius: 8px; box-shadow: 0 12px 30px #17384320; }
.pc-refresh #aratalinkcont.pc-open .bcont { display: block; }
.pc-refresh #aratalinkcont .bcont a { display: block; padding: 10px; color: var(--pc-ink); font-size: 13px; }
.pc-refresh #aratalinkcont .bcont a:hover { background: #f1f4f4; }
.pc-refresh #header #licosmt { position: relative; float: none; margin: 0; }
.pc-refresh #header #costop { float: none; margin: 0; padding: 0; min-width: 115px; color: var(--pc-ink); z-index: 110; }
.pc-refresh #header #costop > a { display: flex; align-items: center; gap: 8px; min-height: 44px; color: var(--pc-ink); }
.pc-refresh #header #costop > a .st { position: relative; display: flex; align-items: center; height: auto; padding: 0; float: none; }
.pc-refresh #header #costop > a .st span:first-child { display: none; }
.pc-refresh #header #costop > a .st span { display: block; margin: 0; width: 25px; min-width: 25px; line-height: 1; }
.pc-refresh #header #costop > a .st i { position: static; font-size: 23px; color: var(--pc-ink); }
.pc-refresh #header #costop > a .dr { float: none; height: auto; font: 11px/1.6 PCInter, Arial, sans-serif; }
.pc-refresh #header #costop .item_no { display: inline-block; padding: 1px 5px; min-width: 18px; border-radius: 12px; background: var(--pc-navy); color: white; text-align: center; }
.pc-refresh #header #costop > a > .clear { display: none; }
.pc-refresh #header #cosinstant { top: 100%; right: 0; left: auto; max-width: calc(100vw - 32px); text-align: left; }
@media (min-width: 641px) { .pc-refresh #header #bcmobil { display: none !important; } }

/* Meniul Teal rafinat. Selectori expliciti pentru compatibilitate cu tema veche. */
.pc-refresh #meniuprincipal.pc-nav { position: relative; z-index: 90; font-family: PCInter, Arial, sans-serif; background: var(--pc-teal-dark); border-radius: 8px; text-align: left; }
.pc-refresh #meniuprincipal > ul.navprincipal { display: flex; align-items: stretch; width: 100%; margin: 0; padding: 0; list-style: none; }
.pc-refresh #meniuprincipal > ul.navprincipal > li { display: block; position: relative; width: auto; min-width: 0; height: auto; margin: 0; padding: 0; background: transparent; border: 0; }
.pc-refresh #meniuprincipal > ul.navprincipal > li > a, .pc-refresh #meniuprincipal .pc-nav-toggle { display: flex; align-items: center; gap: 8px; position: relative; height: 50px; min-height: 44px; padding: 0 24px; border: 0; background: transparent; color: white; font: 600 15px PCInter, Arial, sans-serif; text-transform: uppercase; text-decoration: none; cursor: pointer; white-space: nowrap; }
.pc-refresh #meniuprincipal > ul.navprincipal > li > a::after, .pc-refresh #meniuprincipal .pc-nav-toggle::after { content: ''; position: absolute; left: 24px; right: 24px; bottom: 9px; height: 2px; background: #fff; transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.pc-refresh #meniuprincipal > ul.navprincipal > li:hover > a::after, .pc-refresh #meniuprincipal .pc-nav-toggle:hover::after, .pc-refresh #meniuprincipal > ul.navprincipal > li.vi > a::after, .pc-refresh #meniuprincipal > ul.navprincipal > li.vi > .pc-nav-toggle::after, .pc-refresh #meniuprincipal .pc-open > .pc-nav-toggle::after { transform: scaleX(1); }
.pc-refresh #meniuprincipal > ul.navprincipal > li.vi { background: #ffffff18; }
.pc-refresh #meniuprincipal > ul.navprincipal > #ulcategorii { background: var(--pc-navy); border-radius: 8px 0 0 8px; }
.pc-refresh #meniuprincipal > ul.navprincipal > li.navreduceri { background: #bd4900; }
.pc-refresh #meniuprincipal > ul.navprincipal > .pc-wishlist { margin-left: auto; }
.pc-refresh #meniuprincipal .pc-wishlist i { font-size: 20px; }
.pc-refresh #meniuprincipal #ulcategorii ul, .pc-refresh #meniuprincipal #ulachizitii ul { display: none; position: static; opacity: 1; visibility: visible; height: auto; width: auto; min-width: 0; max-width: none; margin: 0; padding: 0; border: 0; column-count: auto; transform: none; transition: none; background: white; overflow: visible; float: none; }
.pc-refresh #meniuprincipal #ulachizitii > ul { position: absolute; left: 0; top: 100%; width: 340px; max-width: calc(100vw - 48px); max-height: min(65vh, 650px); overflow-y: auto; overscroll-behavior: contain; padding: 8px; border: 1px solid #e2e6e7; border-radius: 0 0 8px 8px; box-shadow: 0 14px 32px #17384324; z-index: 100; }
.pc-refresh #meniuprincipal #ulcategorii.pc-open > ul, .pc-refresh #meniuprincipal #ulachizitii.pc-open > ul, .pc-refresh #meniuprincipal #ulcategorii li.pc-open > ul { display: block; }
/* Grila, nu coloane CSS: la expandarea unei categorii, celelalte nu sar dintr-o coloana in alta. */
.pc-refresh #meniuprincipal #ulcategorii.pc-open > ul, .pc-refresh #meniuprincipal:not(.pc-enhanced) #ulcategorii:hover > ul, .pc-refresh #meniuprincipal:not(.pc-enhanced) #ulcategorii:focus-within > ul { display: grid; }
.pc-refresh #meniuprincipal:not(.pc-enhanced) #ulachizitii:hover > ul, .pc-refresh #meniuprincipal:not(.pc-enhanced) #ulachizitii:focus-within > ul, .pc-refresh #meniuprincipal:not(.pc-enhanced) #ulcategorii li:hover > ul, .pc-refresh #meniuprincipal:not(.pc-enhanced) #ulcategorii li:focus-within > ul { display: block; }
.pc-refresh #meniuprincipal #ulcategorii ul li, .pc-refresh #meniuprincipal #ulachizitii ul li { display: block; float: none; position: relative; width: 100%; min-width: 0; height: auto; min-height: 44px; padding: 0; border: 0; line-height: 1.5; background: white; list-style: none; text-align: left; }
.pc-refresh #meniuprincipal #ulcategorii ul li > i, .pc-refresh #meniuprincipal #ulcategorii ul .clear { display: none; }
.pc-refresh #meniuprincipal #ulcategorii ul li > a, .pc-refresh #meniuprincipal #ulachizitii ul li > a { display: block; float: none; width: auto; height: auto; min-height: 44px; margin: 0; padding: 12px 42px 12px 12px; color: var(--pc-ink); font: 400 13px/1.5 PCInter, Arial, sans-serif; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.pc-refresh #meniuprincipal #ulcategorii ul li > a:hover, .pc-refresh #meniuprincipal #ulachizitii ul li > a:hover { background: #f1f4f4; color: var(--pc-wine); }
.pc-refresh #meniuprincipal #ulcategorii ul li > ul { margin: 0 0 4px 12px; border-left: 2px solid #dce5e7; }
.pc-refresh #meniuprincipal .pc-subcategory-toggle { position: absolute; right: 0; top: 0; width: 40px; height: 44px; padding: 0; border: 0; border-radius: 5px; background: #eef5f6; color: var(--pc-navy); font-size: 22px; cursor: pointer; }

/* Panoul Categorii (preview_homepage .category-panel), suprapus peste banner pe toata latimea meniului. */
.pc-refresh #meniuprincipal > ul.navprincipal > #ulcategorii { position: static; }
.pc-refresh #meniuprincipal #ulcategorii > ul { position: absolute; left: 0; right: 0; top: 100%; width: auto; max-height: min(75vh, 720px); overflow-y: auto; overscroll-behavior: contain; padding: 18px 30px 26px; border: 1px solid #dce5e7; border-radius: 0 0 8px 8px; background: #f8fafb; box-shadow: 0 18px 40px #17384330; z-index: 100; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 30px; align-items: start; }
.pc-refresh #meniuprincipal #ulcategorii ul li { background: transparent; }
.pc-refresh #meniuprincipal #ulcategorii > ul > li { min-height: 0; padding: 6px 0; border-bottom: 1px solid #dce5e7; }
.pc-refresh #meniuprincipal #ulcategorii > ul > li > a { padding: 10px 44px 10px 0; color: var(--pc-ink); font: 600 15px/1.45 PCInter, Arial, sans-serif; }
.pc-refresh #meniuprincipal #ulcategorii ul li > ul { margin: 0 0 6px; padding-left: 12px; border-left: 0; background: transparent; }
.pc-refresh #meniuprincipal #ulcategorii ul li > ul li > a { min-height: 0; padding: 8px 44px 8px 4px; font-size: 14px; }
.pc-refresh #meniuprincipal #ulcategorii ul li > a:hover { background: transparent; color: var(--pc-navy); text-decoration: underline; }
/* Numarul din „Nume (N)” e separat de refresh.js; categoriile fara produse raman afisate, dar mai discret. */
.pc-refresh #meniuprincipal #ulcategorii ul li > a.pc-cat-link { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.pc-refresh #meniuprincipal .pc-cat-nr { flex: none; color: #53666d; font-size: 12px; font-weight: 400; font-variant-numeric: tabular-nums; }
.pc-refresh #meniuprincipal #ulcategorii ul li.pc-cat-zero > a { color: #53666d; font-weight: 400; }
.pc-refresh #meniuprincipal #ulcategorii .pc-subcategory-toggle { top: 6px; height: 40px; background: transparent; color: var(--pc-ink); font-size: 0; }
.pc-refresh #meniuprincipal #ulcategorii ul li > ul .pc-subcategory-toggle { top: 0; height: 37px; }
.pc-refresh #meniuprincipal #ulcategorii .pc-subcategory-toggle::before { content: ''; display: inline-block; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.pc-refresh #meniuprincipal #ulcategorii .pc-subcategory-toggle[aria-expanded="true"]::before { transform: translateY(2px) rotate(-135deg); }
.pc-refresh #meniuprincipal #ulcategorii .pc-subcategory-toggle:hover { background: #eef5f6; }
.pc-refresh #meniuprincipal #ulcategorii > ul > li.pc-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; grid-column: 1 / -1; margin-bottom: 6px; padding: 0; border: 0; }
.pc-refresh #meniuprincipal .pc-panel-heading > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.pc-refresh #meniuprincipal .pc-panel-heading .pc-eyebrow { order: 2; margin: 0; font-size: 11px; }
.pc-refresh #meniuprincipal .pc-panel-heading h2 { margin: 0; color: var(--pc-ink); font: 600 20px/1.2 PCFraunces, Georgia, serif; }
.pc-refresh #meniuprincipal .pc-panel-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid #dce5e7; border-radius: 50%; background: #fff; color: var(--pc-ink); font: 400 26px/1 Arial, sans-serif; cursor: pointer; }
.pc-refresh #meniuprincipal .pc-panel-close:hover { border-color: var(--pc-navy); }

/* Promotii: imagini reale, fara texte sau preturi preluate din demonstratie. */
.pc-refresh .pc-promotions { display: grid; grid-template-columns: minmax(0, 1fr); width: calc(100% - 48px); max-width: 1280px; gap: 24px; align-items: start; margin: 10px auto 0; font-family: PCInter, Arial, sans-serif; }
.pc-refresh .pc-promotions.pc-has-sides { max-width: 1280px; grid-template-columns: 150px minmax(0, 1fr) 150px; grid-template-areas: 'left main right'; }
.pc-refresh .pc-has-sides .pc-promo-main { grid-area: main; }
.pc-refresh .pc-promo-main { min-width: 0; }
.pc-refresh .pc-eyebrow { margin: 0 0 10px; color: #53666d; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.pc-refresh .pc-promo-main #afisbtop { display: block; float: none; width: 100%; height: auto; margin: 0; border: 0; }
.pc-refresh .pc-promo-main #afisbtop > a, .pc-refresh .pc-promo-main picture { display: block; }
.pc-refresh .pc-promo-main #afisbtop img { display: block; width: 100%; height: auto; border-radius: 6px; }
.pc-refresh .pc-promo-side { width: 150px; border-radius: 6px; background: white; }
.pc-refresh .pc-promo-side a { display: block; }
.pc-refresh .pc-promo-side img { display: block; width: 150px; height: auto; border-radius: 6px; }
.pc-refresh .pc-promo-left { grid-area: left; }
.pc-refresh .pc-promo-right { grid-area: right; }
.pc-refresh #afisbtop.pc-map-fallback { display: block; float: none; min-width: 0; margin: 24px auto; border: 0; }

/* Cardurile sunt comune tuturor tipurilor de produse. */
.pc-refresh #continutdr .subcategoriitop.pc-subcategories { display: block; margin: 12px 0 20px 24px; font-family: PCInter, Arial, sans-serif; }
.pc-refresh .pc-subcategories h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; color: #555; font: 600 15px PCFraunces, Georgia, serif; }
.pc-refresh .pc-subcategories h2::after { content: ''; flex: 1; height: 1px; background: #e7e2dd; }
.pc-refresh .pc-subcategory-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pc-refresh #continutdr .pc-subcategories a.pc-subcategory { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; float: none; width: auto; height: auto; min-height: 84px; margin: 0; padding: 14px 12px; border: 1px solid #ece7e1; border-radius: 10px; background: #fbf9f6; color: #333; text-align: center; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.pc-refresh #continutdr .pc-subcategories a.pc-subcategory:hover { border-color: var(--pc-wine); transform: translateY(-2px); box-shadow: 0 10px 20px -14px #7c253380; }
.pc-refresh #continutdr .pc-subcategory .pc-subcategory-name { color: #2a2a2a; font-size: 14px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.pc-refresh #continutdr .pc-subcategory .pc-subcategory-count { display: inline-block; padding: 3px 16px; border-radius: 999px; background: #bd490018; color: #bd4900; font-size: 13px; font-weight: 600; line-height: 1.5; }

/* Card produs (preview_homepage .product). #site ridica specificitatea peste regulile #afisareproduse din style.css. */
.pc-refresh #site div:not(.sugestiicos):has(> .produs.pc-card) { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-flow: row dense; gap: 20px 16px; float: none; }
.pc-refresh #site div:not(.sugestiicos):has(> .produs.pc-card) > :not(.produs) { grid-column: 1 / -1; }
.pc-refresh #site .produs.pc-card { position: relative; display: flex; flex-direction: column; float: none; width: auto; min-width: 0; height: auto !important; max-height: none; margin: 0; padding: 14px; border: 1px solid #e2e8eb; border-radius: 8px; background: #fff; box-shadow: 0 1px 3px #0445650a; color: var(--pc-ink); font-family: PCInter, Arial, sans-serif; text-align: left; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pc-refresh #site .produs.pc-card:hover, .pc-refresh #site .produs.pc-card:focus-within { border-color: #abc6d0; box-shadow: 0 8px 22px #0445651c; transform: translateY(-4px); }
.pc-refresh #site .produs.pc-card > a.hover-image { position: relative; display: flex; align-items: center; justify-content: center; height: 190px; padding: 10px 12px; border-radius: 5px; background: #f5f8f9; overflow: visible; }
.pc-refresh #site .produs.pc-card .hover-image picture { display: block; width: 100%; }
.pc-refresh #site .produs.pc-card .hover-image > img, .pc-refresh #site .produs.pc-card .imagineprodus { display: block; width: 100%; height: 190px; margin: 0 auto; border: 0; border-radius: 2px; object-fit: contain; filter: drop-shadow(4px 6px 4px #17384325); transition: transform .3s ease; }
.pc-refresh #site .produs.pc-card:hover .imagineprodus, .pc-refresh #site .produs.pc-card:focus-within .imagineprodus { transform: scale(1.04); }
/* Panglicile originale (style.css:2035-2067): reducere.png cu procentul peste ea si prodnou.png, in coltul dreapta-sus. */
.pc-refresh #site .produs.pc-card .prodredus, .pc-refresh #site .produs.pc-card .proderedus { position: absolute; top: -4px; right: -4px; left: auto; z-index: 2; display: block; }
.pc-refresh #site .produs.pc-card .prodprocent, .pc-refresh #site .produs.pc-card .prodeprocent { position: absolute; top: -4px; right: -4px; left: auto; z-index: 3; display: block; box-sizing: content-box; width: 42px; height: 37px; padding: 10px 0 0; border-radius: 0; background: none; color: #fff; font: 700 14px/1.2 Arial, sans-serif; text-align: center; }
.pc-refresh #site .produs.pc-card .prodnou, .pc-refresh #site .produs.pc-card .prodenou { position: absolute; top: -4px; right: -6px; left: auto; z-index: 2; }
.pc-refresh #site .produs.pc-card .prodind, .pc-refresh #site .produs.pc-card .prodeind { position: absolute; left: 6px; top: 6px; z-index: 2; }
.pc-refresh #site .produs.pc-card .prodredus img, .pc-refresh #site .produs.pc-card .proderedus img, .pc-refresh #site .produs.pc-card .prodnou img, .pc-refresh #site .produs.pc-card .prodenou img { display: block; max-width: none; height: auto; border: 0; }
.pc-refresh #site .produs.pc-card .prodind img, .pc-refresh #site .produs.pc-card .prodeind img { display: block; max-width: 56px; height: auto; border: 0; }
.pc-refresh #site .produs.pc-card .hover-image span.detalii { position: absolute; left: 50%; right: auto; top: auto; bottom: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; margin: 0; padding: 5px 12px; border-radius: 20px; background: var(--pc-navy); color: #fff; font: 600 13px/1.4 PCInter, Arial, sans-serif; white-space: nowrap; opacity: 0; transform: translate(-50%, 6px); transition: opacity .2s ease, transform .2s ease; pointer-events: none; }
.pc-refresh #site .produs.pc-card .hover-image span.detalii .fa { display: none; }
.pc-refresh #site .produs.pc-card .hover-image span.detalii::after { content: '→'; }
.pc-refresh #site .produs.pc-card:hover .hover-image span.detalii, .pc-refresh #site .produs.pc-card:focus-within .hover-image span.detalii { opacity: 1; transform: translate(-50%, 0); }
.pc-refresh #site .produs.pc-card .titlull { display: block; width: auto; height: auto; min-height: 2.8em; margin: 10px 0 6px; overflow: visible; text-align: left; line-height: 1.4; }
.pc-refresh #site .produs.pc-card .titlull a { display: -webkit-box; color: var(--pc-ink); font: 600 16px/1.4 PCInter, Arial, sans-serif; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.pc-refresh #site .produs.pc-card .titlull a:hover { text-decoration: underline; }
.pc-refresh #site .produs.pc-card .pc-autor { display: block; margin: 0 0 12px; color: #53666d; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.pc-refresh #site .produs.pc-card .stocll { display: block; height: auto; margin-top: auto; color: #1a7f4b; font-size: 12px; font-weight: 600; text-transform: lowercase; }
.pc-refresh #site .produs.pc-card .stocll::first-letter { text-transform: uppercase; }
.pc-refresh #site .produs.pc-card .pretll { display: flex; flex-wrap: wrap; align-items: baseline; margin: 6px 0 0; padding: 0; color: var(--pc-navy); font-size: 0; font-weight: 400; text-align: left; }
.pc-refresh #site .produs.pc-card .pretll.redus > span:first-child { order: 2; margin-left: 9px; }
.pc-refresh #site .produs.pc-card .pretll pret { color: var(--pc-navy); font: 700 20px PCInter, Arial, sans-serif; }
.pc-refresh #site .produs.pc-card .pretll moneda { margin-left: 4px; color: var(--pc-navy); font-size: 12px; font-weight: 600; }
.pc-refresh #site .produs.pc-card .pretll strike { color: #53666d; font-size: 13px; font-weight: 400; }
.pc-refresh #site .produs.pc-card .pretll.redus pret, .pc-refresh #site .produs.pc-card .pretll.redus moneda { color: #bd4900; }
.pc-refresh #site .produs.pc-card .incos { margin-top: 12px; }
.pc-refresh #site .produs.pc-card .incos form { margin: 0; }
/* Modelul original din liste (cap.php:574, style.css:2948): corp teal, colt portocaliu in dreapta cu cosul; -webkit-linear-gradient(150deg) = 300deg standard. */
.pc-refresh #site .produs.pc-card .adaugaincos { display: flex; align-items: center; justify-content: space-between; gap: 7px; width: 100%; min-width: 0; max-width: none; height: auto; min-height: 36px; margin: 0; padding: 9px 13px 9px 14px; border: 0; border-radius: 6px; background-color: #3a92ae; background-image: linear-gradient(300deg, #da6c27 40px, #3a92ae 40px); color: #fff; font: 600 13px/1.4 PCInter, Arial, sans-serif; letter-spacing: .02em; text-align: left; cursor: pointer; font-size: 15px; }
.pc-refresh #site .produs.pc-card .adaugaincos:hover, .pc-refresh #site .produs.pc-card .adaugaincos:focus-visible { background-color: #bd4900; background-image: linear-gradient(300deg, #0b7090 40px, #bd4900 40px); color: #fff; }
.pc-refresh #site .produs.pc-card .adaugaincos .fa { float: none; margin: 0; font-size: 15px; line-height: 1; }
.pc-refresh #site .produs.pc-card .adaugaincos .clear { display: none; }
.pc-refresh #site .produs.pc-card a:focus-visible, .pc-refresh #site .produs.pc-card button:focus-visible { outline: 3px solid #da6c27; outline-offset: 3px; }

/* Filtre stanga — Varianta C, card cu bara laterala (preview_filtre .vc). */
.pc-refresh #continutst { font-family: PCInter, Arial, sans-serif; }
.pc-refresh #continutst .titlu-filtre { margin: 0 3% 12px; color: #000; font-size: 14px; font-weight: 700; line-height: 1.5; }
.pc-refresh #continutst .filtre { box-sizing: border-box; width: 94%; max-height: none; margin: 0 3% 12px; padding: 12px 14px; overflow: visible; border: 1px solid #d9dede; border-left: 3px solid #3a92ae; border-radius: 8px; background: #fff; color: #33414a; }
.pc-refresh #continutst .filtre .titlu { display: block; margin: 0 0 10px; color: #1f3a44; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; cursor: default; }
.pc-refresh #continutst .filtre .fdiv { max-height: 200px; }
.pc-refresh #continutst .filtre .filtru { display: flex; align-items: center; gap: 6px; width: auto; padding: 3px 16px 3px 2px; color: #33414a; font-size: 13.5px; line-height: 1.4; }
.pc-refresh #continutst .filtre .filtru > .fa { flex: none; width: 15px; color: #3a92ae; font-size: 15px; }
.pc-refresh #continutst .filtre .filtru .pc-nm { display: block; flex: 1; min-width: 0; overflow: hidden; font-size: 13.5px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.pc-refresh #continutst .filtre .filtru .pc-nr { display: block; flex: none; color: #53666d; font-size: 12px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.pc-refresh #continutst .filtre .filtru:hover .pc-nm { color: #2f7c95; }
.pc-refresh #continutst .filtre .filtru.x1 .pc-nr, .pc-refresh #continutst .filtre .filtru.v1 .pc-nr { color: #2f7c95; }
.pc-refresh #continutst .filtre .filtru.x1, .pc-refresh #continutst .filtre .filtru.v1 { border-radius: 4px; background: #3a92ae1a; font-weight: 600; }
.pc-refresh #continutst .filtre .filtru:focus-visible, .pc-refresh #continutst .filtre .vezimaimult:focus-visible { outline: 3px solid #da6c27; outline-offset: -2px; }
.pc-refresh #continutst .filtre-pret-lista .filtru .pc-nm { white-space: normal; }
.pc-refresh #continutst .filtre .vezimaimult { width: auto; height: auto; margin: 8px 0 0; border: 0; border-radius: 0; background: none; color: #2f7c95; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: center; }
.pc-refresh #continutst .filtre .vezimaimult:hover { background: none; text-decoration: underline; }
.pc-refresh #continutst .filtre-pret, .pc-refresh #continutst .filtre-anap { height: auto; }
.pc-refresh #continutst .filtre .scroll-element .scroll-bar { background-color: var(--pc-teal); border-radius: 6px; opacity: 1; }
.pc-refresh #continutst .filtre .scroll-element .scroll-element_track { background-color: #e8eef0; border-radius: 6px; opacity: 1; }
.pc-refresh #continutst .filtre .scroll-wrapper::after { content: ''; position: absolute; left: 0; right: 16px; bottom: 0; height: 16px; background: linear-gradient(#fff0, #fff); pointer-events: none; }
@media (pointer: coarse) {
    .pc-refresh #continutst .filtre .filtru { box-sizing: border-box; min-height: 32px; padding-block: 4px; font-size: 14px; }
    .pc-refresh #continutst .filtre .filtru .pc-nm { font-size: 14px; }
    .pc-refresh #continutst .filtre .vezimaimult { padding: 10px 0; }
}

/* Footer (preview_homepage .footer), cu spatiere redusa intre linkuri. */
.pc-refresh #footer.pc-footer { margin-top: 40px; padding: 0; border-top: 1px solid #dce5e7; background: #f2f5f5; color: var(--pc-ink); font-family: PCInter, Arial, sans-serif; text-align: left; }
.pc-refresh #footer.pc-footer * { box-sizing: border-box; }
.pc-refresh #footer .pc-footer-intro, .pc-refresh #footer .pc-footer-grid, .pc-refresh #footer .pc-footer-bottom { width: calc(100% - 48px); max-width: 1280px; margin: 0 auto; }
.pc-refresh #footer .pc-footer-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 36px 0; border-bottom: 1px solid #d3dfe1; }
.pc-refresh #footer .pc-footer-logo { display: block; width: 213px; }
.pc-refresh #footer .pc-footer-logo img { display: block; width: 100%; height: auto; }
.pc-refresh #footer .pc-footer-intro p { margin: 12px 0 0; color: #53666d; font-size: 14px; }
.pc-refresh #footer a.pc-footer-phone { color: var(--pc-ink); text-align: right; text-decoration: none; }
.pc-refresh #footer .pc-footer-phone small, .pc-refresh #footer .pc-footer-phone strong { display: block; }
.pc-refresh #footer .pc-footer-phone small { color: #53666d; font-size: 13px; }
.pc-refresh #footer .pc-footer-phone strong { color: var(--pc-ink); font-size: 23px; letter-spacing: .02em; }
.pc-refresh #footer .pc-footer-grid { display: grid; grid-template-columns: 1.3fr 1.2fr 1fr 1fr; gap: 32px; padding: 32px 0; }
.pc-refresh #footer .pc-footer-grid h3 { margin: 0 0 12px; color: var(--pc-ink); font: 600 16px/1.4 PCInter, Arial, sans-serif; }
.pc-refresh #footer .pc-footer-grid ul { margin: 0; padding: 0; list-style: none; }
.pc-refresh #footer .pc-footer-grid li { margin: 0; padding: 0; background: none; }
.pc-refresh #footer .pc-footer-grid a, .pc-refresh #footer .pc-footer-grid p { color: #53666d; font-size: 15px; line-height: 1.5; }
.pc-refresh #footer .pc-footer-grid li > a { display: inline-block; padding-block: 2px; }
.pc-refresh #footer .pc-footer-grid p { margin: 0 0 10px; }
.pc-refresh #footer .pc-footer-payments { display: block; max-width: 200px; height: auto; margin: 4px 0 14px; }
.pc-refresh #footer .pc-footer-grid a.pc-footer-social { display: inline-flex; align-items: center; min-height: 44px; color: var(--pc-navy); }
.pc-refresh #footer a:hover { color: var(--pc-navy); text-decoration: underline; }
.pc-refresh #footer .pc-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-top: 1px solid #d3dfe1; color: #53666d; font-size: 14px; }
.pc-refresh #footer .pc-footer-bottom a { color: #53666d; font-size: 14px; }
.pc-refresh #footer.pc-footer p, .pc-refresh #footer.pc-footer a, .pc-refresh #footer.pc-footer small, .pc-refresh #footer.pc-footer .pc-footer-bottom span { font: 400 var(--pc-footer-fs, 15px)/1.5 PCInter, Arial, sans-serif; }

/* Bara de beneficii (bannercombinat(), date din BO): carduri cu insigna. Bate stilurile inline de latime/inaltime/culoare. */
.pc-refresh #lbdpp { box-sizing: border-box; width: 100% !important; height: auto !important; max-width: 1280px; margin: 12px auto; background: transparent; overflow: visible; font-family: PCInter, Arial, sans-serif; }
.pc-refresh #lbdpp .fc { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); box-sizing: border-box; width: 100%; border: 1px solid #e8e4de; border-radius: 10px; background: #fff; }
.pc-refresh #lbdpp .fc > .clear { display: none; }
.pc-refresh #lbdpp .parte { box-sizing: border-box; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-content: center; column-gap: 10px; float: none; width: auto !important; height: auto !important; padding: 8px 12px; border: 0 !important; background: transparent; text-align: left; }
.pc-refresh #lbdpp .parte + .parte { border-left: 1px solid #e8e4de !important; }
.pc-refresh #lbdpp .span-i { display: grid; place-items: center; grid-row: span 2; align-self: center; width: 28px; height: 28px; margin: 0; border-radius: 50%; background: #3a92ae1a; }
.pc-refresh #lbdpp .span-i i { color: var(--pc-navy) !important; font-size: 14px !important; line-height: 1 !important; }
.pc-refresh #lbdpp .span-t, .pc-refresh #lbdpp .span-d { display: block; margin: 0; text-align: left; overflow-wrap: anywhere; }
.pc-refresh #lbdpp .span-t { align-self: end; color: var(--pc-ink) !important; font: 600 12px/1.3 PCInter, Arial, sans-serif !important; }
.pc-refresh #lbdpp .span-d { align-self: start; margin-top: 3px; color: #53666d !important; font-size: 12px !important; line-height: 1.4 !important; }
.pc-refresh #lbdpp .span-d:empty { display: none; }
.pc-refresh #lbdpp .parte:has(> .span-d:empty) > .span-t { grid-row: span 2; align-self: center; }
/* In listari bara e un rand al grilei de carduri (#afisareproduse). */
.pc-refresh #afisareproduse #lbdpp { margin: 4px 0; }
/* Homepage: 10px intre meniu, banner, bara de beneficii si lista de carti. */
.pc-refresh.pc-home #pagina { margin-top: 10px; }
.pc-refresh.pc-home #continut { margin-top: 0; }
.pc-refresh.pc-home #continut > #lbdpp { margin: 0 auto 8px; }
/* Alte editii (produs.php::listaeditii): grila de carduri pe toata latimea, fara cutia veche de 350px. Cu >=6 editii, local.js ruleaza
   jquery.scrollbar, care invaluie .diveditii intr-un .scroll-wrapper cu aceleasi clase (inline-block, latime cat un card). */
.pc-refresh #afisareeditii { height: auto; overflow: visible; }
.pc-refresh #afisareeditii .diveditii, .pc-refresh #afisareeditii .scroll-wrapper { display: block; width: 100%; max-height: none; overflow: visible; white-space: normal; border: 0; border-radius: 0; }
/* Doar primul rand de carduri e vizibil, restul se deruleaza nativ; refresh.js masoara randul in --pc-editii-rand. */
.pc-refresh #afisareeditii .diveditii:has(> .pc-card) { height: auto !important; max-height: var(--pc-editii-rand, none) !important; margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; }
.pc-refresh #afisareeditii .diveditii > .clear { display: none; }
/* jquery.scrollbar.css ascunde bara nativa (::-webkit-scrollbar 0x0); o bara stilizata ramane mereu vizibila si arata ca mai sunt editii. */
.pc-refresh #afisareeditii .diveditii:has(> .pc-card) { box-sizing: border-box !important; padding-right: 8px; }
.pc-refresh #afisareeditii .diveditii:has(> .pc-card)::-webkit-scrollbar { width: 10px; height: 0; }
.pc-refresh #afisareeditii .diveditii:has(> .pc-card)::-webkit-scrollbar-track { border-radius: 5px; background: #e8eef0; }
.pc-refresh #afisareeditii .diveditii:has(> .pc-card)::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--pc-teal); }
.pc-refresh #afisareeditii .diveditii:has(> .pc-card)::-webkit-scrollbar-thumb:hover { background: var(--pc-teal-dark); }
@supports not selector(::-webkit-scrollbar) {
    .pc-refresh #afisareeditii .diveditii:has(> .pc-card) { scrollbar-width: thin; scrollbar-color: var(--pc-teal) #e8eef0; }
}
.pc-refresh #afisareeditii .scroll-element { display: none !important; }
/* Butonul flotant „sus” (pagina.php, pagina_fixate.php) in dreapta; linkul din footer a fost scos. */
.pc-refresh #pagina .gotop { left: auto; right: 3%; }

/* Continutul util la latimea antetului si a footerului; sub 1060px style.css e deja fluid. */
@media (min-width: 1061px) {
    .pc-refresh #pagina { width: calc(100% - 48px); max-width: 1280px; }
    .pc-refresh #continutst { box-sizing: border-box; width: 230px; }
    .pc-refresh #continutdr { box-sizing: border-box; width: calc(100% - 246px); }
    .pc-refresh #continut1col, .pc-refresh #continut2col, .pc-refresh #calemagazin.produs { box-sizing: border-box; width: 100%; }
}
/* Bannerele laterale (150x400) nu mai dicteaza inaltimea randului: se scaleaza la inaltimea bannerului central. */
@media (min-width: 1100px) {
    .pc-refresh .pc-promotions.pc-has-sides { position: relative; }
    .pc-refresh .pc-has-sides .pc-promo-side { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; }
    .pc-refresh .pc-has-sides .pc-promo-side a { height: 100%; }
    .pc-refresh .pc-has-sides .pc-promo-side img { width: 100%; height: 100%; object-fit: contain; }
}
/* Bannerele laterale #anstdr stau la 151px in afara #pagina; local.js le afiseaza inline peste 1060px. Au loc doar de la 1600px. */
@media (max-width: 1599px) {
    .pc-refresh #anstdr { display: none !important; }
}
@media (max-width: 1150px) {
    .pc-refresh #header.pc-header { gap: 18px; }
    .pc-refresh #header .pc-logo { flex-basis: 275px; }
    .pc-refresh #header .pc-phone { display: none; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a, .pc-refresh #meniuprincipal .pc-nav-toggle { padding-inline: 18px; font-size: 14px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a::after, .pc-refresh #meniuprincipal .pc-nav-toggle::after { left: 18px; right: 18px; }
    .pc-refresh #lbdpp .parte { padding: 8px; column-gap: 8px; }
}
@media (max-width: 1099px) {
    .pc-refresh .pc-promotions.pc-has-sides { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: 'main main' 'left right'; }
    .pc-refresh .pc-promo-side { margin-top: 0; justify-self: center; }
}
@media (max-width: 1023px) {
    .pc-refresh #meniuprincipal #ulcategorii > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-refresh #footer .pc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 25px; }
    .pc-refresh .pc-subcategory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-refresh #header .pc-account-toggle > span, .pc-refresh #header .pc-account-link > span { display: none; }
}
@media (max-width: 800px) {
    .pc-refresh #meniutop .pc-utility-label { display: none; }
    .pc-refresh #meniutop .topmeniu { justify-content: flex-end; }
    .pc-refresh #meniuprincipal > ul.navprincipal { flex-wrap: wrap; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li { flex: 1 0 30%; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a, .pc-refresh #meniuprincipal .pc-nav-toggle { justify-content: center; width: 100%; height: 44px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > .pc-wishlist { margin-left: 0; }
    .pc-refresh #meniuprincipal #ulachizitii > ul { width: 340px; }
    .pc-refresh #header.pc-header { flex-wrap: wrap; gap: 18px; }
    .pc-refresh #header .pc-logo { flex: 0 0 275px; }
    .pc-refresh #header .pc-header-actions { margin-left: auto; }
    .pc-refresh #header .cautainsite { order: 3; flex-basis: 100%; }
    .pc-refresh #ceastop { display: none; }
}
@media (max-width: 640px) {
    .pc-refresh #meniuprincipal #ulcategorii > ul { grid-template-columns: minmax(0, 1fr); padding: 16px 20px 20px; }
    .pc-refresh #header #licosmt { display: none; }
    .pc-refresh #header #bcmobil { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; color: var(--pc-ink); text-decoration: none; }
    .pc-refresh #header #bcmobil > i { color: var(--pc-ink); font-size: 24px; }
    .pc-refresh #header #bcmobil .pincos { position: absolute; left: auto; right: -2px; top: 0; width: auto; min-width: 18px; padding: 2px 4px; border-radius: 12px; background: var(--pc-navy); color: white; font-size: 10px; text-align: center; }
    .pc-refresh #header #bcmobil .totalcm { position: absolute; right: 0; bottom: -5px; width: auto; font-size: 9px; white-space: nowrap; }
    .pc-refresh #header #bcmobil .pincos span, .pc-refresh #header #bcmobil .totalcm span { padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; }
}
@media (max-width: 599px) {
    .pc-refresh .pc-shell, .pc-refresh #meniutop .topmeniu, .pc-refresh #mesajtopsus .mesajtop { width: calc(100% - 32px); }
    .pc-refresh #header.pc-header { padding: 10px 0; gap: 10px; }
    .pc-refresh #header .pc-logo { flex-basis: 165px; }
    .pc-refresh #header .pc-logo > span { white-space: normal; }
    .pc-refresh .pc-header-actions { gap: 16px; }
    .pc-refresh #meniutop ul.st { gap: 6px 12px; }
    .pc-refresh #meniutop ul.st li a { font-size: 11px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a, .pc-refresh #meniuprincipal .pc-nav-toggle { padding-inline: 6px; font-size: 13px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a::after, .pc-refresh #meniuprincipal .pc-nav-toggle::after { left: 8px; right: 8px; bottom: 9px; }
    .pc-refresh #meniuprincipal #ulcategorii > ul, .pc-refresh #meniuprincipal #ulachizitii > ul { max-width: calc(100vw - 32px); }
    .pc-refresh .pc-promotions, .pc-refresh .pc-promotions.pc-has-sides { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); grid-template-areas: 'main'; margin-top: 10px; }
    .pc-refresh .pc-promo-side { display: none; }
    .pc-refresh .pc-subcategory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .pc-refresh #continutdr .pc-subcategories a.pc-subcategory { min-height: 72px; padding: 10px 4px; gap: 6px; }
    .pc-refresh #continutdr .pc-subcategory .pc-subcategory-name { font-size: clamp(12px, 3.2vw, 13px); hyphens: auto; }
    .pc-refresh #continutdr .pc-subcategory .pc-subcategory-count { padding: 2px 10px; font-size: 12px; }
    .pc-refresh #continutdr .subcategoriitop.pc-subcategories { margin: 12px 16px 20px; }
    .pc-refresh #site div:not(.sugestiicos):has(> .produs.pc-card) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    .pc-refresh #site .produs.pc-card { padding: 5px; container-type: inline-size; }
    .pc-refresh #site .produs.pc-card > a.hover-image { box-sizing: border-box; height: auto; aspect-ratio: 3 / 4; padding: 0; }
    .pc-refresh #site .produs.pc-card .hover-image picture { height: 100%; }
    .pc-refresh #site .produs.pc-card .imagineprodus, .pc-refresh #site .produs.pc-card .hover-image > img { height: 100%; }
    .pc-refresh #site .produs.pc-card .hover-image span.detalii { display: none; }
    .pc-refresh #site .produs.pc-card .titlull { min-height: 2.6em; margin: 6px 0 4px; }
    .pc-refresh #site .produs.pc-card .pc-autor { margin-bottom: 8px; }
    .pc-refresh #site .produs.pc-card .pretll { margin-top: 4px; }
    .pc-refresh #site .produs.pc-card .incos { margin-top: 8px; }
    .pc-refresh #site .produs.pc-card .titlull a { font-size: 15px; }
    .pc-refresh #site .produs.pc-card .pretll pret { font-size: 18px; }
    .pc-refresh #site .produs.pc-card .adaugaincos { min-height: 34px; padding-inline: 8px 11px; font-size: 14px; }
    .pc-refresh #footer .pc-footer-intro, .pc-refresh #footer .pc-footer-grid, .pc-refresh #footer .pc-footer-bottom { width: calc(100% - 32px); }
    .pc-refresh #footer .pc-footer-intro { flex-wrap: wrap; align-items: flex-start; gap: 18px; padding: 28px 0; }
    .pc-refresh #footer .pc-footer-logo { width: 160px; }
    .pc-refresh #footer a.pc-footer-phone { text-align: left; }
    .pc-refresh #footer .pc-footer-phone strong { font-size: 20px; }
    .pc-refresh #footer .pc-footer-grid { gap: 24px 20px; padding: 28px 0; }
    .pc-refresh #footer .pc-footer-grid a, .pc-refresh #footer .pc-footer-grid p { font-size: 14px; overflow-wrap: anywhere; }
    .pc-refresh #footer .pc-footer-grid li > a { padding-block: 4px; }
    .pc-refresh #footer .pc-footer-bottom { flex-wrap: wrap; gap: 10px; }
    .pc-refresh #footer.pc-footer { --pc-footer-fs: 14px; }
}
@media (hover: none), (max-width: 599px) {
    .pc-refresh #site .produs.pc-card .hover-image span.detalii { opacity: 1; transform: translate(-50%, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .pc-refresh #meniuprincipal a::after, .pc-refresh #meniuprincipal button::after, .pc-refresh #continutdr .pc-subcategories a.pc-subcategory { transition: none; transform: none; }
    .pc-refresh #meniuprincipal #ulcategorii .pc-subcategory-toggle::before, .pc-refresh #site .produs.pc-card, .pc-refresh #site .produs.pc-card .imagineprodus { transition: none; }
    .pc-refresh #site .produs.pc-card:hover, .pc-refresh #site .produs.pc-card:focus-within, .pc-refresh #site .produs.pc-card:hover .imagineprodus { transform: none; }
}

/* Audit UI/UX 2026-11-05 — ierarhie, grila homepage, text final, pagina de produs. Doar prezentare. */
.pc-refresh .titlupagina h6, .pc-refresh #continut h1.titlumaimult { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; padding: 0; color: var(--pc-navy); font: 600 24px/1.25 PCFraunces, Georgia, serif; text-indent: 0; }
.pc-refresh .titlupagina h6::after, .pc-refresh #continut h1.titlumaimult::after { content: ''; flex: 1; height: 1px; background: #e7e2dd; }
.pc-refresh .artprimapagina { padding: 24px; font-family: PCInter, Arial, sans-serif; color: var(--pc-ink); }
.pc-refresh .artprimapagina font { font: inherit; color: inherit; }
.pc-refresh .artprimapagina > * { max-width: 75ch; line-height: 1.6; }
.pc-refresh #continut .artprimapagina h1 { color: var(--pc-navy); font: 600 24px/1.25 PCFraunces, Georgia, serif; }
/* #continut era display:table, cu min-width:422px inline din PHP: pe mobil iesea din ecran si taia pagina de produs. */
.pc-refresh #continut { display: flow-root; width: 100%; min-width: 0 !important; }
.pc-refresh.pc-home #calemagazin { height: 18px; padding-top: 0; }
.pc-refresh.pc-home .titlupagina h6 { margin-bottom: 6px; }
@media (min-width: 1061px) {
    .pc-refresh.pc-home #site #afisareproduse { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

.pc-refresh #afisareprodus { width: 100%; padding-top: 0; border: 0; font-family: PCInter, Arial, sans-serif; color: var(--pc-ink); text-align: left; }
.pc-refresh #afisareprodus .divprodus { display: block; box-sizing: border-box; width: 100%; padding: 8px 15px; }
.pc-refresh #afisareprodus h1.titluprodus, .pc-refresh #afisareprodus h1.tprodnstoc { max-width: none; margin: 0 0 16px; color: var(--pc-navy); font: 600 28px/1.2 PCFraunces, Georgia, serif; }
.pc-refresh #afisareprodus .pret { margin: 0 0 8px; color: #53666d; font-size: 13px; font-weight: 400; }
.pc-refresh #afisareprodus .pret pret { color: var(--pc-navy); font: 700 30px/1.1 PCInter, Arial, sans-serif; }
.pc-refresh #afisareprodus .pret moneda { margin-left: 4px; color: var(--pc-navy); font-size: 14px; font-weight: 600; }
.pc-refresh #afisareprodus .pret.redus pret, .pc-refresh #afisareprodus .pret.redus moneda { color: #bd4900; }
.pc-refresh #afisareprodus .pret strike { margin-right: 6px; font-size: 14px; }
.pc-refresh #afisareprodus .divcumpara > div:not([class]) { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.pc-refresh #afisareprodus .spstoc, .pc-refresh #afisareprodus .spcantitate { width: auto; color: #53666d; font-size: 15px; font-weight: 400; }
.pc-refresh #afisareprodus .spdstoc, .pc-refresh #afisareprodus .spdcantitate { width: auto; color: var(--pc-ink); font-size: 15px; font-weight: 600; text-align: right; }
.pc-refresh #afisareprodus .sp0stoc, .pc-refresh #afisareprodus .sp0cantitate { width: auto; color: #53666d; font-size: 15px; font-weight: 400; }
.pc-refresh #afisareprodus .spd0stoc, .pc-refresh #afisareprodus .spd0cantitate { width: auto; color: var(--pc-wine); font-size: 15px; font-weight: 600; }
.pc-refresh #afisareprodus .divdescrieri { font-size: 15px; }
.pc-refresh #calemagazin, .pc-refresh #calemagazin a { font-size: 14px; }
.pc-refresh #afisareprodus .product_details.no-stock .divcumpara > div:not([class]) { justify-content: flex-start; }
.pc-refresh #afisareprodus .stoc_unu { position: relative; margin: 12px 0 0; padding: 8px 10px 8px 34px; border-left: 3px solid var(--pc-wine); background: #7c253314; color: var(--pc-wine); font-size: 13px; font-weight: 600; line-height: 1.4; text-align: left; }
.pc-refresh #afisareprodus .stoc_unu::before { content: '\f06a'; position: absolute; left: 10px; top: 9px; font: 16px/1 FontAwesome; }
.pc-refresh #afisareprodus .divdescrieri { float: none; box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0; border: 0; color: var(--pc-ink); font: 400 14px/1.5 PCInter, Arial, sans-serif; }
.pc-refresh #afisareprodus .pc-attr { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; padding: 7px 0; border-bottom: 1px solid #edf0f1; }
.pc-refresh #afisareprodus .pc-attr-l { color: #53666d; font-size: 13px; }
.pc-refresh #afisareprodus .pc-attr-full { grid-template-columns: minmax(0, 1fr); }
.pc-refresh #afisareprodus .pc-attr-key .pc-attr-v { color: var(--pc-navy); font-weight: 600; }
.pc-refresh #afisareprodus .prod_buttons { float: none; width: 100%; margin: 0; text-align: left; }
.pc-refresh #afisareprodus .prod_buttons_new { position: static; width: auto; margin: 0; padding: 0; }
.pc-refresh #afisareprodus .prod_buttons .incos, .pc-refresh #wishlist_form { width: 100%; margin: 12px 0 0; padding: 0; }
.pc-refresh #afisareprodus .prod_buttons .adaugaincos { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; max-width: none; height: 48px; padding: 0 16px; background-image: linear-gradient(300deg, #3a92ae 44px, #da6c27 44px); font: 600 15px/1.2 PCInter, Arial, sans-serif; letter-spacing: .02em; text-align: left; }
.pc-refresh #afisareprodus .prod_buttons .adaugaincos:hover { background-image: linear-gradient(300deg, #0b7090 44px, #bd4900 44px); }
.pc-refresh #afisareprodus .prod_buttons .adaugaincos .fa { float: none; margin: 0; line-height: 1; }
.pc-refresh #afisareprodus .prod_buttons .adaugaincos .clear { display: none; }
.pc-refresh #afisareprodus .wishlist { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: none; height: 44px; padding: 0 16px; font: 600 14px/1.2 PCInter, Arial, sans-serif; text-align: left; }
.pc-refresh #wishlist_form .fa.fa-heart { float: none; margin: 0; line-height: 1; }
.pc-refresh #afisareprodus .divimagini { float: none; width: 100%; border: 0; }
.pc-refresh #afisareprodus .prodimgmare { position: relative; }
.pc-refresh #afisareprodus .prodimgmare img { display: block; width: 100%; height: auto; margin: 0 auto; }
@media (min-width: 961px) {
    .pc-refresh #afisareprodus .divprodus { display: grid; grid-template-columns: 280px minmax(0, 1fr); column-gap: 28px; align-items: start; }
    .pc-refresh #afisareprodus .divprodus > :not(.divimagini):not(.product_details) { grid-column: 1 / -1; }
    .pc-refresh #afisareprodus .divprodus > .clear, .pc-refresh #afisareprodus .product_details > .clear, .pc-refresh #afisareprodus .divcumpara > .clear, .pc-refresh #afisareprodus .divcumpara > br { display: none; }
    /* Atributele in stanga; pretul, stocul si butoanele intr-un singur bloc in dreapta. display:contents aduce copiii .divcumpara in grila. */
    .pc-refresh #afisareprodus .product_details:not(.no-stock) { display: grid; float: none; grid-template-columns: minmax(0, 1fr) 300px; grid-template-rows: auto auto auto auto auto 1fr; column-gap: 28px; width: 100%; margin: 0; padding: 0; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock)::before { content: ''; grid-column: 2; grid-row: 2 / 6; border: 1px solid #e2e8eb; border-radius: 8px; background: #f8fafb; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) > h1 { grid-column: 1 / -1; grid-row: 1; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) > .divcumpara { display: contents; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divdescrieri { grid-column: 1; grid-row: 2 / -1; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .pret { position: relative; grid-column: 2; grid-row: 2; margin: 0; padding: 16px 16px 8px; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divcumpara > div:not([class]) { position: relative; grid-column: 2; margin: 0 16px; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divcumpara > div:not([class]):nth-of-type(2) { grid-row: 3; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divcumpara > div:not([class]):nth-of-type(3) { grid-row: 4; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .prod_buttons { position: relative; align-self: start; grid-column: 2; grid-row: 5; box-sizing: border-box; padding: 0 16px 16px; }
    .pc-refresh #afisareprodus .product_details.no-stock { float: none; display: block; width: 100%; margin: 0; }
    .pc-refresh #afisareprodus .product_details.no-stock .divcumpara { float: none; width: 100%; margin: 0; }
}
@media (max-width: 960px) {
    .pc-refresh #afisareprodus .divprodus { display: block; }
    .pc-refresh #afisareprodus .divcumpara { float: none; width: 100%; margin: 0; }
    /* style.css foloseste column-reverse pe mobil, deci butoanele apareau inaintea pretului. */
    .pc-refresh #afisareprodus .product_details:not(.no-stock) { display: flex; flex-direction: column; width: 100%; margin: 0; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) > .divcumpara { display: contents; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) > h1 { order: 1; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .pret { order: 2; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divcumpara > div:not([class]) { order: 3; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .prod_buttons { order: 4; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .divdescrieri { order: 5; }
    .pc-refresh #afisareprodus .product_details:not(.no-stock) .clear, .pc-refresh #afisareprodus .divcumpara > br { display: none; }
    .pc-refresh #afisareprodus .prod_buttons { margin: 8px 0 20px; }
    .pc-refresh #afisareprodus h1.titluprodus, .pc-refresh #afisareprodus h1.tprodnstoc { margin: 12px 0; font-size: 24px; }
    .pc-refresh #afisareprodus .divimagini { max-width: 280px; margin: 0 auto; }
}
@media (max-width: 599px) {
    .pc-refresh .titlupagina h6, .pc-refresh #continut h1.titlumaimult { font-size: 20px; }
    .pc-refresh .artprimapagina { padding: 16px; }
}
@media (max-width: 359px) {
    .pc-refresh .pc-subcategory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Mobil: „Filtreaza” si „Ordoneaza” pe acelasi rand, mai mici. Pragul 1043px = cel din local.js::filtrepemobil(). */
@media (max-width: 1043px) {
    .pc-refresh #butonfiltrem, .pc-refresh #sortare { box-sizing: border-box; top: 12px; width: min(220px, calc(50% - 20px)); height: 40px; margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 40px; }
    .pc-refresh #butonfiltrem { left: 16px; }
    .pc-refresh #sortare { right: 16px; }
    .pc-refresh #sortare .cesorteaza { line-height: 40px; }
    .pc-refresh #sortare select, .pc-refresh #sortare form { height: 40px; }
    .pc-refresh #continut:has(#butonfiltrem[style*="block"]) { padding-top: 64px !important; }
}
/* Mobil: harta-fallback (fara banner activ) ca inaltime de banner, nu 300px. */
@media (max-width: 599px) {
    .pc-refresh #afisbtop.pc-map-fallback { margin: 10px auto; }
    .pc-refresh #afisbtop.pc-map-fallback iframe { display: block; height: 160px; }
}
/* Mobil: titlul paginii aliniat cu marginea meniului (16px); containerul incepe la 1vw si are padding 5px (#continutdr) / 2px (#continut1col). */
@media (max-width: 599px) {
    .pc-refresh #continutdr .titlupagina { margin-inline: calc(11px - 1vw); }
    .pc-refresh #continut1col .titlupagina { margin-left: calc(14px - 1vw); margin-right: calc(8px - 1vw); }
}
/* Wishlist, mobil: „X Sterge” devine buton rotund in coltul imaginii (pastila „Vezi detalii” e ascunsa aici); textul ramane pentru cititoare de ecran. */
@media (max-width: 599px) {
    .pc-refresh #site .produs.pc-card .stergeprodus { position: absolute; top: calc(133.333cqw - 28px); right: 10px; float: none; width: 28px; height: 28px; margin: 0; font-size: 0; }
    .pc-refresh #site .produs.pc-card .stergeprodus a { position: relative; display: block; width: 28px; height: 28px; border: 1px solid #d6e0e3; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #17384330; color: #bd4900; font-size: 0; text-decoration: none; }
    .pc-refresh #site .produs.pc-card .stergeprodus a::before { content: '\00d7'; position: absolute; left: 0; right: 0; top: 0; font-size: 22px; line-height: 26px; text-align: center; }
    .pc-refresh #site .produs.pc-card .stergeprodus a:hover, .pc-refresh #site .produs.pc-card .stergeprodus a:focus-visible { background: #bd4900; border-color: #bd4900; color: #fff; }
    .pc-refresh #site .produs.pc-card .pretll { min-height: 0; }
}
@media (max-width: 359px) {
    .pc-refresh #site .produs.pc-card .adaugaincos { gap: 4px; padding-inline: 6px 8px; font-size: 12.5px; }
}
/* Mobil: „Filtreaza” / „Ordoneaza” aliniate cu marginile meniului (16px); #continut porneste la 1vw. */
@media (max-width: 599px) {
    .pc-refresh #butonfiltrem, .pc-refresh #sortare { width: calc((100vw - 40px) / 2); }
    .pc-refresh #butonfiltrem { left: calc(16px - 1vw); }
    .pc-refresh #sortare { right: calc(16px - 1vw); }
}
/* Tablete (600-1060px, fara bara laterala): titlul aliniat cu meniul (24px). #continutdr: 1vw + padding 5px; #continut1col: padding 2px pana la 760px, 15px de la 761px (latimea containerului depaseste ecranul, deci latimea titlului e data din ecran). */
@media (min-width: 600px) and (max-width: 1060px) {
    .pc-refresh #continutdr .titlupagina { margin-inline: calc(19px - 1vw); }
}
@media (min-width: 600px) and (max-width: 760px) {
    .pc-refresh #continut1col .titlupagina { margin-left: calc(22px - 1vw); margin-right: calc(16px - 1vw); }
}
@media (min-width: 761px) and (max-width: 1060px) {
    .pc-refresh #continut1col .titlupagina { width: calc(100vw - 48px); margin-left: calc(9px - 1vw); }
}
/* Varianta B mobil (2026-11-14): ☰ + meniu lateral (acelasi #meniuprincipal) + rand de scurtaturi .pc-chips. Pragul 640px = cel la care #bcmobil inlocuieste #licosmt. */
.pc-refresh .pc-burger, .pc-refresh .pc-wish-icon, .pc-refresh .pc-chips, .pc-refresh #meniuprincipal .pc-drawer-head, .pc-refresh .pc-drawer-backdrop { display: none; }
@media (max-width: 640px) {
    .pc-refresh #header.pc-header { flex-wrap: wrap; gap: 8px 6px; padding: 8px 0 10px; }
    .pc-refresh #header .pc-burger { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin-left: -10px; padding: 0; border: 0; background: none; color: var(--pc-ink); font-size: 22px; cursor: pointer; }
    .pc-refresh #header .pc-logo { flex: 1 1 0; max-width: 165px; min-width: 0; }
    .pc-refresh #header .pc-logo > span { display: none; }
    .pc-refresh #header .pc-header-actions { gap: 0; margin-left: auto; margin-right: -8px; }
    .pc-refresh #header .pc-wish-icon, .pc-refresh #header .pc-account-link, .pc-refresh #header .pc-account-toggle { display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; color: var(--pc-ink); text-decoration: none; }
    .pc-refresh #header .pc-wish-icon i { font-size: 22px; }

    .pc-refresh .pc-chips { display: flex; gap: 8px; margin: 0 -16px; padding: 0 16px 10px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .pc-refresh .pc-chips::-webkit-scrollbar { display: none; }
    .pc-refresh .pc-chips .pc-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border: 1px solid #d6e0e3; border-radius: 20px; background: #fff; color: var(--pc-ink); font: 600 14px PCInter, Arial, sans-serif; white-space: nowrap; text-decoration: none; cursor: pointer; }
    .pc-refresh .pc-chips .pc-chip-promo, .pc-refresh .pc-chips a.pc-chip-promo:hover { border-color: #bd4900; background: #bd4900; color: #fff; }
    .pc-refresh .pc-chips .pc-chip-sell { border: 1.5px solid var(--pc-navy); color: var(--pc-navy); }
    .pc-refresh .pc-chips .pc-chip[aria-current="page"] { border-color: var(--pc-navy); background: var(--pc-navy); color: #fff; }

    .pc-refresh #meniuprincipal.pc-nav { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1200; width: min(86vw, 340px); border-radius: 0; background: #fff; overflow-y: auto; overscroll-behavior: contain; box-shadow: 4px 0 24px #17384340; transform: translateX(-100%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
    .pc-refresh.pc-drawer-open #meniuprincipal.pc-nav { transform: none; visibility: visible; transition: transform .25s ease; }
    .pc-refresh.pc-drawer-open { overflow: hidden; }
    .pc-refresh.pc-drawer-open .pc-drawer-backdrop { display: block; position: fixed; inset: 0; z-index: 1150; background: #0b2f4566; }
    .pc-refresh #meniuprincipal .pc-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; top: 0; z-index: 2; padding: 8px 6px 8px 20px; background: #fff; border-bottom: 1px solid #dce5e7; }
    .pc-refresh #meniuprincipal .pc-drawer-logo { display: block; width: 165px; }
    .pc-refresh #meniuprincipal .pc-drawer-logo img { display: block; width: 100%; height: auto; }
    .pc-refresh #meniuprincipal .pc-drawer-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--pc-ink); font: 400 30px/1 Arial, sans-serif; cursor: pointer; }
    .pc-refresh #meniuprincipal > ul.navprincipal { flex-direction: column; flex-wrap: nowrap; padding: 8px 0 24px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li, .pc-refresh #meniuprincipal > ul.navprincipal > #ulcategorii, .pc-refresh #meniuprincipal > ul.navprincipal > li.navreduceri { flex: none; width: 100%; background: transparent; border-radius: 0; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li + li { border-top: 1px solid #eef1f2; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li.vi { background: #eef5f6; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a, .pc-refresh #meniuprincipal .pc-nav-toggle { justify-content: space-between; width: 100%; height: 52px; padding: 0 20px; color: var(--pc-ink); font-size: 15px; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li > a::after, .pc-refresh #meniuprincipal .pc-nav-toggle::after { display: none; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li.navreduceri > a { color: #bd4900; }
    .pc-refresh #meniuprincipal > ul.navprincipal > li.pc-wishlist > a { justify-content: flex-start; gap: 10px; }
    .pc-refresh #meniuprincipal #ulachizitii ul li > a { min-height: 48px; padding: 13px 12px; font-size: 16px; font-weight: 500; line-height: 1.4; }
    .pc-refresh .pc-shell a:focus-visible, .pc-refresh .pc-shell button:focus-visible { outline: none; }
    .pc-refresh #meniuprincipal a:focus-visible, .pc-refresh #meniuprincipal button:focus-visible { background-color: #eef5f6; }
    .pc-refresh #meniuprincipal #ulcategorii ul li > ul li > a { font-size: 15px; }
    .pc-refresh #afisareprodus .pret { font-size: 14px; }
    .pc-refresh #meniuprincipal #ulcategorii > ul, .pc-refresh #meniuprincipal #ulachizitii > ul { position: static; width: auto; max-width: none; max-height: none; overflow: visible; padding: 0 20px 8px; border: 0; border-radius: 0; box-shadow: none; background: #f8fafb; }
    .pc-refresh #meniuprincipal #ulcategorii > ul > li.pc-panel-heading { display: none; }

    .pc-refresh #butonfiltrem, .pc-refresh #sortare .cesorteaza { border-radius: 8px; background: #fff; color: var(--pc-navy); box-shadow: inset 0 0 0 1px #d6e0e3; font-weight: 600; }
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
    .pc-refresh #meniuprincipal.pc-nav, .pc-refresh.pc-drawer-open #meniuprincipal.pc-nav { transition: none; }
}
/* Prima pagina, mobil (2026-11-15): bannerul promotiei apare doar ca panou jos (promotii.php + refresh.js::promoSheet), o data pe campanie. */
.pc-refresh .pc-promo-sheet { display: none; }
@media (max-width: 640px) {
    .pc-refresh .pc-promotions { display: none; }
    .pc-refresh .pc-promo-sheet:not([hidden]) { display: flex; align-items: flex-end; position: fixed; inset: 0; z-index: 1100; background: #0b2f4500; transition: background .3s ease; }
    .pc-refresh .pc-promo-sheet.pc-in { background: #0b2f4566; }
    .pc-refresh .pc-promo-sheet-panel { position: relative; box-sizing: border-box; width: 100%; padding: 18px 16px calc(16px + env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; background: #fff; box-shadow: 0 -8px 30px #17384330; font-family: PCInter, Arial, sans-serif; transform: translateY(100%); transition: transform .3s ease; }
    .pc-refresh .pc-promo-sheet.pc-in .pc-promo-sheet-panel { transform: none; }
    .pc-refresh .pc-promo-sheet-title { margin: 0 48px 12px 0; color: var(--pc-navy); font: 600 18px/1.3 PCFraunces, Georgia, serif; }
    .pc-refresh .pc-promo-sheet-close { position: absolute; top: 6px; right: 6px; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--pc-ink); font: 400 30px/1 Arial, sans-serif; cursor: pointer; }
    .pc-refresh .pc-promo-sheet-img { display: block; border-radius: 8px; overflow: hidden; }
    .pc-refresh .pc-promo-sheet-img img { display: block; width: 100%; height: auto; }
    .pc-refresh .pc-promo-sheet-cta, .pc-refresh a.pc-promo-sheet-cta:hover { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 12px; border-radius: 8px; background: var(--pc-navy); color: #fff; font: 700 16px PCInter, Arial, sans-serif; text-decoration: none; }
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
    .pc-refresh .pc-promo-sheet, .pc-refresh .pc-promo-sheet-panel { transition: none; }
}
/* Mobil (2026-11-15): bara de promotie #mesajtopsus (meniutop.php) devine card plutitor jos, cu counter compact si × (refresh.js::promoBar). Ascunsa pana cand JS-ul decide sa o arate. */
.pc-refresh .pc-bara-close { display: none; }
@media (max-width: 640px) {
    .pc-refresh #mesajtopsus { display: none; position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 1000; width: auto; min-height: 0; padding: 0; border-radius: 12px; box-shadow: 0 6px 24px #17384359; text-align: left; }
    .pc-refresh.pc-bara-promo #mesajtopsus { display: block; }
    .pc-refresh.pc-bara-promo { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
    .pc-refresh #mesajtopsus .mesajtop { box-sizing: border-box; width: 100%; margin: 0; padding: 8px 48px 8px 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-height: 0; color: #fff; }
    .pc-refresh #mesajtopsus .mesajtext { flex: 1 1 150px; padding: 0; font-size: 13px; line-height: 1.35; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .pc-refresh #ceastop { display: block; flex: 0 0 auto; margin: 0; }
    .pc-refresh #ceastop:empty { display: none; }
    .pc-refresh #ceastop .ceaspromo { display: flex; gap: 4px; width: auto; margin: 0; float: none; }
    .pc-refresh #ceastop .ceaspromo > .clear, .pc-refresh #ceastop .tore > .clear, .pc-refresh #ceastop > .clear { display: none; }
    .pc-refresh #ceastop .tore { float: none; width: 38px; margin: 0; padding: 2px 0; border: 1px solid #ffffff59; border-radius: 6px; text-align: center; font-size: 9px; line-height: 1.2; }
    .pc-refresh #ceastop .tore span { float: none; display: block; width: auto; }
    .pc-refresh #ceastop .tore span:first-child { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
    .pc-refresh #mesajtopsus .pc-bara-close { display: block; position: absolute; top: 50%; right: 6px; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 50%; background: #ffffff26; color: #fff; font: 400 22px/36px Arial, sans-serif; text-align: center; cursor: pointer; }
}