/* Prisly: shared styles. Values are the canvas boards' (Main, Search, MobileListing, SearchBox), moved from inline
   styles into classes so every page stays small. Page-specific sheets: product.css, store.css. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#0E1A2B;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}
a{color:#0E1A2B}a:hover{color:#7C2D12}
img{max-width:100%}
button,input,select{font-family:inherit}
:focus-visible{outline:2px solid #2563EB;outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.wrap-l{max-width:1320px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ar{font-family:Archivo,Inter,sans-serif}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#0E1A2B;color:#FFFFFF;padding:10px 16px;border-radius:999px;text-decoration:none}
.skip:focus{left:8px;color:#FFFFFF}
.js .nojs{display:none !important}
html:not(.js) .jsonly{display:none !important}

/* ---- header ---- */
.hd{position:relative;z-index:30;background:#FFFFFF}
.hd-in{border-bottom:1px solid #E3E6EA}
.hd-row{height:76px;display:flex;align-items:center;gap:24px}
.hd-home .hd-row{gap:32px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#0E1A2B;flex:none}
.logo:hover{color:#0E1A2B}
.logo span{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:27px;letter-spacing:-0.035em;line-height:1}
.hd-search{flex:1 1 auto;max-width:620px;min-width:0}
.hd-nav{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:500}
.nav-a{color:#0E1A2B;text-decoration:none;padding:10px 0;display:inline-flex;align-items:center;gap:6px}
.nav-a:hover{color:#7C2D12;text-decoration:underline}
.hd-right{margin-left:auto;display:flex;align-items:center;gap:6px}
.icon-btn{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#0E1A2B;cursor:pointer;text-decoration:none;position:relative}
.icon-btn:hover{background:#F1F3F5;color:#0E1A2B}
.icon-btn .dot{position:absolute;top:6px;right:4px;min-width:18px;height:18px;border-radius:999px;background:#8C2F10;color:#FFFFFF;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 5px}
.icon-btn .dot.on{display:inline-flex}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1px solid #C9CFD6;background:#FFFFFF;font:inherit;font-weight:600;font-size:15px;color:#0E1A2B;cursor:pointer;text-decoration:none}
.btn-outline:hover{border-color:#0E1A2B;color:#0E1A2B}
.btn-sm{padding:0 18px;font-size:14px}
.show-sm,.show-md{display:none !important}

/* ---- "Toate categoriile" + mega-menu (Categories board) ---- */
.mega-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;border:1px solid #C9CFD6;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;color:#0E1A2B;cursor:pointer;text-decoration:none;flex:none}
.mega-btn:hover{color:#0E1A2B;border-color:#0E1A2B}
.mega-btn[aria-expanded=true]{border-color:#0E1A2B;background:#F1F3F5}
.hd-home .mega-btn{border:0;padding:10px 0;height:auto;font-weight:500;background:transparent}
.hd-home .mega-btn:hover{color:#7C2D12;text-decoration:underline}
.mega-box{position:absolute;left:0;right:0;top:70px;z-index:70}
.mega-box[hidden]{display:none}
.mega{display:grid;grid-template-columns:280px minmax(0,1fr);background:#FFFFFF;border:1px solid #E3E6EA;border-radius:20px;box-shadow:0 24px 48px rgba(14,26,43,0.18);overflow:hidden}
.mega-deps{list-style:none;margin:0;padding:10px 0;background:#FAFAFB;border-right:1px solid #E3E6EA;max-height:560px;overflow-y:auto}
.mdep{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 16px;border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:500;text-align:left;cursor:pointer;color:#0E1A2B;text-decoration:none}
.mdep:hover{color:#0E1A2B}
.mdep[aria-current=true]{background:#FFFFFF;font-weight:700}
.mega-pane{padding:20px 26px;max-height:560px;overflow-y:auto}
.mega-pane header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.mega-pane h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:22px}
.mega-pane header a{font-size:14px;font-weight:600}
.msub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px}
.msub a{display:flex;justify-content:space-between;gap:8px;min-height:36px;align-items:center;text-decoration:none;font-size:14px;color:#0E1A2B}
.msub a:hover{text-decoration:underline}
.msub .cnt{font-size:12px;color:#444E5B;white-space:nowrap}
.mega-rest{margin:12px 0 0;font-size:14px}
.mega-rest a{font-weight:600}
@media (max-width:1100px){.msub{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- search box (SearchBox board: hero / header / mobile) ---- */
.sb{position:relative;width:100%;font-family:Inter,system-ui,sans-serif;color:#0E1A2B;font-size:15px;line-height:1.4;text-align:left;margin:0}
.sb-box{display:flex;align-items:center;gap:10px;box-sizing:border-box;border:1px solid}
.sb-box>svg{flex:none}
.sb-in{flex:1 1 auto;min-width:0;height:100%;border:0;outline:none;background:transparent;font-family:Inter,system-ui,sans-serif;color:#0E1A2B;padding:0}
.sb-in::-webkit-search-cancel-button{display:none}
.sb-clear{flex:none;width:36px;height:36px;border-radius:999px;border:0;background:transparent;display:none;align-items:center;justify-content:center;cursor:pointer;color:#3B4656}
.sb.has-q .sb-clear{display:flex}
.sb-go{flex:none;width:44px;height:44px;border-radius:999px;border:0;background:#0E1A2B;display:flex;align-items:center;justify-content:center;color:#FFFFFF;cursor:pointer}
.sb-dd{left:0;right:0;z-index:60;background:#FFFFFF;padding:8px 0;overflow-y:auto;box-sizing:border-box}
.sb-dd[hidden]{display:none}
.sb-hero .sb-box{height:60px;padding:0 8px 0 18px;border-radius:999px;background:#FFFFFF;border-color:#D5DAE0;box-shadow:0 2px 10px rgba(14,26,43,0.14)}
.sb-hero.focus .sb-box{border-color:#FFFFFF}
.sb-hero .sb-in{font-size:17px}
.sb-hero .sb-dd{position:absolute;top:100%;margin-top:10px;border-radius:20px;border:1px solid #E3E6EA;box-shadow:0 20px 44px rgba(14,26,43,0.22),0 2px 6px rgba(14,26,43,0.08);max-height:600px}
.sb-header .sb-box{height:46px;padding:0 6px 0 18px;border-radius:999px;background:#F1F3F5;border-color:#F1F3F5}
.sb-header.focus .sb-box{background:#FFFFFF;border-color:#0E1A2B}
.sb-header .sb-in{font-size:15px}
.sb-header .sb-go{display:none}
.sb-header .sb-dd{position:absolute;top:100%;margin-top:8px;border-radius:16px;border:1px solid #E3E6EA;box-shadow:0 20px 44px rgba(14,26,43,0.20),0 2px 6px rgba(14,26,43,0.08);max-height:560px}
.sb-h{padding:8px 18px 6px;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#444E5B}
.sb-hrow{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 6px}
.sb-hrow .sb-h{padding:0}
.sb-link{border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#0E1A2B;text-decoration:underline;cursor:pointer;padding:6px 0}
.sb-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 18px;border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:15px;color:#0E1A2B;text-align:left;cursor:pointer;text-decoration:none}
.sb-row:hover{color:#0E1A2B}
.sb-row.on{background:#EEF1F4}
.sb-row svg{flex:none}
.sb-row .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-row b{font-weight:700}
.sb-row .mut{color:#444E5B}
.sb-row .pill{flex:none;margin-left:auto;font-size:12px;font-weight:700;color:#064E3B;background:#E3F5EC;padding:3px 8px;border-radius:999px}
.sb-pop{display:flex;flex-wrap:wrap;gap:8px;padding:4px 18px 12px}
.sb-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #D5DAE0;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#0E1A2B;cursor:pointer;text-decoration:none}
.sb-chip:hover{color:#0E1A2B;border-color:#0E1A2B}
.sb-prods{margin-top:6px;border-top:1px solid #EEF0F3;padding-top:6px}
.sb-prod{display:flex;align-items:center;gap:14px;padding:8px 18px;text-decoration:none;color:#0E1A2B}
.sb-prod:hover{color:#0E1A2B}
.sb-prod.on{background:#EEF1F4}
.sb-prod .th{flex:none;width:48px;height:48px;border-radius:10px;background:#F1F3F5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sb-prod .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sb-prod .mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.sb-prod .nm{font-size:14px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-prod .mt{font-size:12px;line-height:16px;color:#444E5B}
.sb-prod .pr{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.sb-prod .pr small{font-size:11px;line-height:14px;color:#444E5B}
.sb-prod .pr strong{font-size:15px;font-weight:700}
.sb-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:12px 18px 6px;border-top:1px solid #EEF0F3;text-decoration:none;color:#0E1A2B;font-size:14px;font-weight:600}
.sb-none{padding:14px 18px 10px}
.sb-none p{margin:0;font-size:15px}
.sb-none p+p{margin:4px 0 10px;font-size:13px;color:#444E5B}
.sb-none a{font-size:14px;font-weight:600;color:#0E1A2B}
.sb-top{display:none}

body.sb-open::after{content:'';position:fixed;inset:0;background:rgba(14,26,43,0.28);z-index:25;pointer-events:none}
body.sb-open .hero{z-index:35}

/* ---- home (Main board) ---- */
.hero{position:relative;z-index:20;padding:4px 24px 0}
.hero-pad{max-width:1392px;margin:0 auto;background:#0E1A2B;border-radius:32px;padding:72px 24px 64px;text-align:center;color:#FFFFFF}
.hero-title{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:64px;line-height:68px;letter-spacing:-0.03em}
.hero-sub{margin:14px auto 0;max-width:640px;font-size:18px;line-height:28px;color:#C9D1DB}
.hero-sb{max-width:660px;margin:32px auto 0;text-align:left}
.hero-why{list-style:none;margin:24px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:#C9D1DB}
.hero-why li{display:flex;align-items:center;gap:8px}
.cats{display:flex;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0}
.cats::-webkit-scrollbar{display:none}
.cat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:12px 6px;border-radius:14px;text-decoration:none;color:#0E1A2B;font-size:13px;font-weight:500;text-align:center}
.cat:hover{background:#F4F5F7;color:#0E1A2B}
.sec{margin-top:48px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.sec-h{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:32px;line-height:38px;letter-spacing:-0.02em}
.sec-sub{margin:6px 0 0;font-size:15px;color:#3B4656}
.sec-more{flex:none;font-weight:600;font-size:15px}
.sec-h+.grid-deals,.nr-h2+.grid-deals{margin-top:18px}
.grid-deals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;list-style:none;margin:0;padding:0}
.card{text-decoration:none;color:#0E1A2B;display:flex;flex-direction:column;gap:8px;min-width:0}
.card:hover{color:#0E1A2B}
.card:hover .card-name{text-decoration:underline}
.card-img{position:relative;aspect-ratio:1 / 1;border-radius:18px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-img img,.pc-img img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.ph{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:14px;letter-spacing:0.08em;color:#444E5B;text-transform:uppercase;text-align:center;padding:0 10px;overflow-wrap:anywhere}
.badge{position:absolute;top:10px;left:10px;background:#FDECEA;color:#7A271A;font-size:12px;line-height:16px;font-weight:700;padding:4px 8px;border-radius:999px}
.badge-g{background:#E3F5EC;color:#064E3B}
.card-cat{font-size:12px;line-height:16px;font-weight:600;color:#444E5B}
.card-name{font-size:14px;line-height:20px;font-weight:500;min-height:40px}
.card-rate{display:flex;align-items:center;gap:4px;font-size:13px;line-height:18px;font-weight:600;color:#0E1A2B}
.card-rate span{font-weight:400;color:#444E5B}
.card-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.card-price span{font-size:13px;color:#3B4656}
.card-price strong{font-size:18px;line-height:24px;font-weight:700}
.card-meta{font-size:13px;line-height:18px;color:#3B4656}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;border:0;background:#8C2F10;color:#FFFFFF;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
.cta:hover{color:#FFFFFF;filter:brightness(0.9)}
.band{display:flex;align-items:center;gap:40px;background:#0E1A2B;color:#FFFFFF;border-radius:28px;padding:44px 48px}
.band h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:34px;line-height:40px;letter-spacing:-0.02em}
.band p{margin:10px 0 0;font-size:16px;line-height:26px;color:#C9D1DB}
.band form{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;gap:10px}
.band input[type=email]{flex:1 1 240px;min-width:0;height:52px;border-radius:999px;border:0;padding:0 22px;font:inherit;font-size:16px;color:#0E1A2B;background:#FFFFFF}
.band .note{flex-basis:100%;margin:0;font-size:13px;color:#C9D1DB}
.band .note a{color:#FFFFFF}
.band .ok{flex-basis:100%;margin:0;font-size:14px;color:#86EFAC}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.rel{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;background:#F4F5F7;color:#0E1A2B;font-size:14px;text-decoration:none}
.rel small{color:#444E5B;margin-left:6px;font-size:12px}
.rel.is-on{background:#0E1A2B;color:#fff;font-weight:600}
.rel.is-on small{color:#C9CFD8}

/* home: buying guides (Main board) */
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide{text-decoration:none;color:#0E1A2B;display:flex;flex-direction:column;gap:12px}
.guide:hover{color:#0E1A2B}
.guide:hover h3{text-decoration:underline}
.guide-img{aspect-ratio:3 / 2;border-radius:20px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.guide-img img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply}
.guide-cat{font-size:13px;font-weight:600;color:#7C2D12}
.guide h3{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:22px;line-height:28px}
.guide-meta{font-size:14px;color:#444E5B}
@media (max-width:900px){.guides{grid-template-columns:1fr}}

/* ---- footer ---- */
.ft{margin-top:88px;border-top:1px solid #E3E6EA;background:#FAFAFB}
.ft-full{padding-top:48px;padding-bottom:40px}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.foot-grid h3{margin:0 0 14px;font-size:14px;font-weight:700}
.fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}
.fl a{color:#3B4656;text-decoration:none}
.fl a:hover{color:#0E1A2B;text-decoration:underline}
.ft-how{margin:40px 0 0;max-width:900px;font-size:13px;line-height:21px;color:#3B4656}
.ft-how strong{color:#0E1A2B}
.ft-legal{margin-top:24px;padding-top:20px;border-top:1px solid #E3E6EA;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#444E5B}
.ft-s{margin-top:64px}
.ft-compact{padding-top:24px;padding-bottom:24px;display:flex;flex-direction:column;gap:10px}
.ft-compact p{margin:0;max-width:900px;font-size:13px;line-height:21px;color:#3B4656}
.ft-compact p strong{color:#0E1A2B}
.ft-compact span{font-size:13px;color:#444E5B}
.ft-compact span a{color:#3B4656}

/* ---- listing (Search + MobileListing boards) ---- */
.crumbs{font-size:13px;color:#444E5B}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:#3B4656}
/* phones: the trail stays on one line and is swiped sideways (owner 2026-11-13: "on mobile the breadcrumbs must be
   whitespace no wrap scrollable"); no scrollbar is drawn; from 901 px it wraps as before (no inner scroll on desktop) */
@media (max-width:900px){
  .crumbs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .crumbs::-webkit-scrollbar{display:none}
  .crumbs ol{flex-wrap:nowrap;white-space:nowrap;width:max-content}
  .crumbs li{flex:none}
}
.h1{margin:12px 0 0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:40px;line-height:46px;letter-spacing:-0.025em}
.lead{margin:6px 0 0;font-size:15px;color:#3B4656;max-width:820px}
.need-h{margin:0 0 8px;font-size:14px;font-weight:700;color:#3B4656}
.themes{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.themes::-webkit-scrollbar,.applied::-webkit-scrollbar{display:none}
.theme{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:8px 14px;border-radius:14px;font-family:Inter,system-ui,sans-serif;cursor:pointer;text-align:left;border:1.5px solid #D5DAE0;background:#FFFFFF;color:#0E1A2B;flex:none;text-decoration:none}
.theme:hover{color:#0E1A2B;border-color:#0E1A2B}
.theme.on{border-color:#0E1A2B;background:#EEF1F4}
.theme strong{font-size:14px}
.theme span{font-size:12px;color:#3B4656}
.layout{display:flex;gap:32px;align-items:flex-start;margin-top:20px}
.filters{flex:0 0 272px;display:flex;flex-direction:column;gap:4px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:6px}
.results{flex:1 1 auto;min-width:0}
.grp{border-bottom:1px solid #E3E6EA;padding:6px 0 12px}
.grp>summary{cursor:pointer;list-style:none}
.grp>summary::-webkit-details-marker{display:none}
.grp-h{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:700;color:#0E1A2B;cursor:pointer;padding:0}
.grp>summary::after{content:'+';font-weight:700}
.grp[open]>summary::after{content:'−'}
.grp-help{margin:0 0 4px;font-size:12px;line-height:17px;color:#444E5B}
.opt{display:flex;align-items:center;gap:10px;min-height:40px;font-size:15px;cursor:pointer}
.opt input{width:20px;height:20px;accent-color:#0E1A2B;flex:none;margin:0}
.back-res{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;margin:0 0 6px}
.opt .cnt{margin-left:auto;font-size:13px;color:#444E5B;padding-left:8px}
/* an option with no product is not faded (faded text fails every contrast rule): same readable grey, no pointer */
.opt.off{color:#444E5B;cursor:default}
.opt.off input{opacity:.5}
.opt a{color:inherit;text-decoration:none}
.fq{display:block;width:100%;height:40px;border-radius:10px;border:1px solid #C9CFD6;padding:0 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;margin:2px 0 6px}
.more{border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#0E1A2B;text-decoration:underline;cursor:pointer;padding:8px 0;display:inline-flex;gap:6px;align-items:center}
.js .more-box[hidden]{display:none}
html:not(.js) .more-box[hidden]{display:block}
.price-in{display:flex;align-items:flex-end;gap:8px;margin-top:8px}
.price-in label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#3B4656}
.price-in input{height:42px;border-radius:10px;border:1px solid #C9CFD6;padding:0 10px;font-family:Inter,system-ui,sans-serif;font-size:15px;width:100%;min-width:0}
.price-note{margin:6px 0 0;font-size:12px;color:#444E5B}
.apply{margin-top:10px;height:44px;border-radius:999px;border:0;background:#0E1A2B;color:#FFFFFF;font-weight:700;font-size:14px;padding:0 18px;cursor:pointer}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.bar .count{margin:0;font-size:15px}
.sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:#3B4656}
.sort select{height:44px;border-radius:999px;border:1px solid #C9CFD6;padding:0 14px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#0E1A2B;background:#FFFFFF;max-width:100%}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.qchip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid #D5DAE0;background:#FFFFFF;color:#0E1A2B;font-family:Inter,system-ui,sans-serif;font-size:14px;cursor:pointer;text-decoration:none}
.qchip:hover{color:#0E1A2B;border-color:#0E1A2B}
.qchip.on{border-color:#0E1A2B;background:#0E1A2B;color:#FFFFFF}
.qchip .qn{font-size:12px;color:#444E5B}
.applied{display:flex;align-items:center;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.achip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:0;background:#E9ECF1;color:#0E1A2B;font-family:Inter,system-ui,sans-serif;font-size:13px;cursor:pointer;text-decoration:none}
.achip:hover{color:#0E1A2B;background:#DDE2E9}
.achip span{color:#3B4656}
.clear{flex:none;border:0;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;text-decoration:underline;color:#0E1A2B;cursor:pointer;padding:8px 4px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;list-style:none;margin:20px 0 0;padding:0}
.pc{display:flex;flex-direction:column;gap:8px;min-width:0}
.pc-img{position:relative;aspect-ratio:1 / 1;border-radius:18px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pc-cover{position:absolute;inset:0;border-radius:18px;z-index:1}
.pc-img .badge{z-index:2}
.save{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:999px;border:0;background:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.save svg{fill:none}
.save[aria-pressed=true] svg{fill:#8C2F10}
.pc-name{margin:0;font-size:15px;line-height:21px;font-weight:600;min-height:42px}
.pname{text-decoration:none;color:#0E1A2B}
.pname:hover{text-decoration:underline;color:#0E1A2B}
.pc-rate{display:flex;align-items:center;gap:4px;font-size:13px;color:#3B4656}
.pc-specs{font-size:13px;line-height:18px;color:#3B4656}
.pc-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pc-price strong{font-size:20px;line-height:26px}
.pc-price span{font-size:13px;color:#3B4656}
.pc-more{font-size:13px;line-height:18px;color:#3B4656}
.pc-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.go{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:999px;background:#8C2F10;color:#FFFFFF;font-weight:700;font-size:14px;text-decoration:none;padding:0 12px;min-width:0}
.go:hover{color:#FFFFFF;filter:brightness(0.9)}
.go .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.go svg{flex:none}
.cmp{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:999px;border:1px solid #C9CFD6;color:#0E1A2B;font-weight:600;font-size:14px;text-decoration:none}
.cmp:hover{border-color:#0E1A2B;color:#0E1A2B}
.pc-cmp{display:flex;align-items:center;gap:8px;font-size:13px;color:#3B4656;cursor:pointer;min-height:36px}
.pc-cmp input{width:18px;height:18px;accent-color:#0E1A2B;margin:0}
.seen{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px}
.seen span{font-size:14px;color:#3B4656}
.seen .track{width:240px;height:4px;border-radius:999px;background:#E3E6EA}
.seen .track div{height:100%;border-radius:999px;background:#0E1A2B}
.seen .btn-outline{margin-top:6px;height:48px;padding:0 28px}
.sr-h1{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:36px;line-height:42px;letter-spacing:-0.02em}
.sr-count{margin:6px 0 0;font-size:15px;color:#3B4656}
.scopes{display:flex;gap:8px;overflow-x:auto;margin-top:14px;padding-bottom:4px;scrollbar-width:none}
.scopes::-webkit-scrollbar{display:none}
.scope{flex:none;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:999px;border:1px solid #D5DAE0;background:#FFFFFF;color:#0E1A2B;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
.scope:hover{color:#0E1A2B;border-color:#0E1A2B}
.scope span{font-weight:400;opacity:0.8}
.scope.on{border-color:#0E1A2B;background:#0E1A2B;color:#FFFFFF}
.scope-note{margin:0 0 8px;font-size:13px;color:#3B4656}
.dym{font-size:14px;color:#3B4656}
.cat-hint{margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#F4F5F7;font-size:15px;color:#0E1A2B;max-width:820px}
.cat-hint a{font-weight:600}
.pc-cat{font-size:12px;font-weight:600;color:#7C2D12}
.load-more{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 28px;border-radius:999px;border:1.5px solid #0E1A2B;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:15px;color:#0E1A2B;cursor:pointer;text-decoration:none}
.load-more:hover{color:#0E1A2B;background:#F4F5F7}
.load-more[aria-busy=true]::before{content:'';width:16px;height:16px;border-radius:999px;border:2px solid #C9CFD6;border-top-color:#0E1A2B;animation:spin 0.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.seen .end{font-size:14px;font-weight:600;color:#0E1A2B}
.none{margin-top:20px;padding:40px 24px;border-radius:20px;background:#F4F5F7;text-align:center}
.none .t{margin:0;font-size:18px;font-weight:600}
.none .s{margin:6px 0 16px;color:#3B4656}
.none .acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sub-h{margin:0 0 12px;font-size:18px;font-weight:700}
.faq{margin-top:44px;border-top:1px solid #E3E6EA;padding-top:28px}
.faq h2{margin:0 0 6px;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:26px}
.faq details{border-bottom:1px solid #E3E6EA;padding:14px 0}
.faq summary{font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:8px 0 0;color:#3B4656}
.cmpbar{position:sticky;bottom:16px;z-index:40;margin:24px auto 0;max-width:880px;padding:0 16px}
.cmpbar[hidden]{display:none}
.cmpbar>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:#0E1A2B;color:#FFFFFF;border-radius:20px;padding:14px 18px;box-shadow:0 12px 32px rgba(14,26,43,0.3)}
.cmpbar strong{font-size:15px}
.cmpbar .names{flex:1 1 200px;min-width:0;font-size:14px;color:#C9D1DB;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmpbar button{border:0;background:transparent;color:#FFFFFF;text-decoration:underline;font-family:Inter,system-ui,sans-serif;font-size:14px;cursor:pointer;padding:8px}
.cmpbar a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:#FFFFFF;color:#0E1A2B;font-weight:700;font-size:15px;text-decoration:none}
.drawer-head,.drawer-foot{display:none}
.fs-body,.fpanes{display:contents}
.fnav{display:none}
.busy{opacity:0.55;transition:opacity .15s}
.catlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 24px;list-style:none;margin:16px 0 0;padding:0}
.catlist a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;text-decoration:none;border-bottom:1px solid #F1F3F5;font-size:15px}
.catlist a span{color:#444E5B;font-size:13px}

@media (max-width:1180px){.grid-deals{grid-template-columns:repeat(4,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catlist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
.hide-md{display:none !important}
.show-md{display:inline-flex !important}
.filters{display:none;position:static}
.filters.open{display:flex;position:fixed;inset:0;z-index:80;background:#FFFFFF;max-height:none;padding:16px 16px 96px;overflow-y:auto}
.filters.open .drawer-foot{display:flex;position:fixed;left:0;right:0;bottom:0;padding:12px 16px;background:#FFFFFF;border-top:1px solid #E3E6EA;gap:10px}
.filters.open .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.drawer-head h2{margin:0;font-size:20px}
.drawer-foot .btn-outline{flex:1}
.drawer-foot .show-n{flex:2;height:48px;border-radius:999px;border:0;background:#0E1A2B;color:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer}
.filters .opt{min-height:48px;font-size:16px;border-bottom:1px solid #F1F3F5}
.filters .opt input{width:22px;height:22px}
html:not(.js) .filters{display:flex;position:static;max-height:none}
html:not(.js) .layout{flex-direction:column}
.catlist{grid-template-columns:repeat(2,minmax(0,1fr))}
body.lock{overflow:hidden}
}
body.lock{overflow:hidden}
body.lock .hero{z-index:200}
@media (max-width:760px){
.wrap,.wrap-l{padding:0 16px}
.hide-sm{display:none !important}
.show-sm{display:inline-flex !important}
.grid-deals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.hero{padding:4px 16px 0}
.hero-pad{padding:40px 16px 44px;border-radius:24px}
.hero-title{font-size:38px;line-height:42px}
.band{flex-direction:column;align-items:stretch;padding:24px;gap:20px}
.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cats{justify-content:flex-start}
.hd-row{gap:12px}
.sec-h{font-size:26px;line-height:32px}
/* search as a full screen (Mobile board) while the field has focus */
.sb.full{position:fixed;inset:0;z-index:100;background:#FFFFFF;overflow-y:auto;padding:0 16px 24px}
.sb.full .sb-top{display:flex;align-items:center;gap:4px;position:sticky;top:0;z-index:5;background:#FFFFFF;margin:0 -16px 10px;padding:12px 16px 8px;border-bottom:1px solid #EEF0F3;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.03em}
.sb.full .sb-top button{flex:none;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#0E1A2B;border:0;background:transparent;cursor:pointer}
.sb.full .sb-box{height:48px;padding:0 4px 0 18px;border-radius:12px;background:#FFFFFF;border-color:#0E1A2B;box-shadow:none}
.sb.full .sb-in{font-size:16px}
.sb.full .sb-go{display:none}
.sb.full .sb-dd{position:static;margin-top:4px;border-radius:0;border:0;box-shadow:none;max-height:none;margin-left:-16px;margin-right:-16px}
}
@media (max-width:640px){
.grid{gap:22px 12px}
.sr-h1{font-size:28px;line-height:34px}
.b-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.save{width:40px;height:40px;top:4px;right:4px}
.h1{font-size:30px;line-height:36px}
.pc-img,.pc-cover{border-radius:14px}
.pc-name{font-size:14px;line-height:19px;min-height:38px}
.pc-price strong{font-size:17px}
.pc-specs,.pc-more,.pc-price span{font-size:12px}
.sort{margin-left:0;flex:1}
.sort select{width:100%;border-radius:12px}
.sort .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bar .show-md{flex:1;border-radius:12px;border-color:#0E1A2B;font-weight:700}
.bar .count{order:3;flex-basis:100%;font-size:14px;color:#3B4656}
.bar .dym{order:4;flex-basis:100%}
.bar{position:sticky;top:0;z-index:5;background:#FFFFFF;padding:8px 0;border-bottom:1px solid #E3E6EA}
.catlist{grid-template-columns:1fr}
}

/* ---- phones: the filter sheet (eMAG's layout, Baymard's rules): filter types on the left with what is ticked,
   the values of the chosen type on the right, one live "Vezi N produse" button ---- */
@media (max-width:900px){
.js .filters.open{display:flex;flex-direction:column;position:fixed;inset:auto 0 0 0;top:max(24px,5vh);z-index:80;background:#FFFFFF;border-radius:20px 20px 0 0;padding:0;max-height:none;overflow:hidden;box-shadow:0 -12px 40px rgba(14,26,43,0.25)}
.js body.lock::after{content:'';position:fixed;inset:0;background:rgba(14,26,43,0.45);z-index:79}
.js .filters.open .drawer-head{display:flex;align-items:center;gap:12px;padding:14px 8px 10px 16px;border-bottom:1px solid #E3E6EA;margin:0}
.js .filters.open .drawer-head h2{flex:1;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:22px}
.fs-clear{font-size:14px;font-weight:600;color:#0E1A2B}
.js .filters.open .fs-body{display:flex;flex:1 1 auto;min-height:0}
.js .filters.open .fnav{display:flex;flex-direction:column;flex:0 0 36%;max-width:150px;background:#F4F5F7;overflow-y:auto;overscroll-behavior:contain}
.fn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:56px;padding:12px 10px 12px 14px;border:0;border-left:4px solid transparent;background:transparent;text-align:left;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.25;color:#0E1A2B;cursor:pointer}
.fn[aria-selected=true]{background:#FFFFFF;border-left-color:#8C2F10}
.fn-s{font-size:12px;font-weight:500;color:#8C2F10;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.js .filters.open .fpanes{display:block;flex:1 1 auto;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 16px}
.js .filters.open .grp{display:none;border:0;padding:0}
.js .filters.open .grp.cur{display:block}
.js .filters.open .grp>summary{display:none}
.js .filters.open .grp .more-box[hidden]{display:block}
.js .filters.open .grp .more{display:none}
.js .filters.open .opt{min-height:52px;font-size:15px;border-bottom:1px solid #F1F3F5;gap:12px}
.js .filters.open .opt input{width:22px;height:22px;border-radius:999px;accent-color:#8C2F10}
.js .filters.open .opt .cnt{min-width:40px;text-align:center;padding:3px 8px;border-radius:999px;background:#F1F3F5;font-size:12px;color:#3B4656}
.js .filters.open .fq{margin:10px 0 4px;height:44px;border-radius:999px;padding:0 16px}
.js .filters.open .drawer-foot{display:flex;position:static;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #E3E6EA;background:#FFFFFF}
.js .filters.open .drawer-foot .show-n{flex:1;height:52px;border-radius:12px;background:#8C2F10;font-size:16px}
.js .filters.open .scope-note{margin:10px 16px 0}
}

/* wordmark: discount.ro */
.logo span em,.m-brand span em,.m-sulogo-t em{font-style:normal;color:#F97316}

/* home: "Coduri de reducere de azi" (one card per featured shop, its best live coupon) */
.hc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.hc{display:flex;flex-direction:column;gap:8px;height:100%;padding:16px;border:1px solid #E3E6EA;border-radius:20px;background:#fff;color:#0E1A2B;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.hc:hover{border-color:#0E1A2B;box-shadow:0 2px 12px rgba(14,26,43,.08)}
.hc-top{display:flex;align-items:center;gap:10px;min-width:0}
.hc-top strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-logo{flex:none;width:40px;height:40px;border-radius:999px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden}
.hc-logo img{width:100%;height:100%;object-fit:contain}
.hc-val{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:26px;line-height:30px;color:#8C2F10}
.hc-t{font-size:14px;line-height:20px;color:#1F2A37;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.hc-meta{margin-top:auto;font-size:12px;font-weight:600;color:#3B4656}
@media (max-width:640px){.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hc{padding:12px}.hc-val{font-size:22px}}

/* phone menu (the header's links are hidden below 640 px): a <details>, works without JavaScript */
.mnav{position:static}
.mnav>summary{list-style:none;cursor:pointer}
.mnav>summary::-webkit-details-marker{display:none}
.mnav-panel{position:absolute;left:0;right:0;top:100%;z-index:60;display:flex;flex-direction:column;padding:8px 16px 16px;background:#fff;border-bottom:1px solid #E3E6EA;box-shadow:0 12px 24px rgba(14,26,43,.12)}
.mnav-panel a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-bottom:1px solid #F0F2F4;color:#0E1A2B;font-weight:600;text-decoration:none}
.mnav-panel a:last-child{border-bottom:0}

/* out of stock (every shop says so): marked, dimmed, listed last */
.badge.oos{background:#3B4656;color:#fff}
.pc.is-oos .pc-img img{opacity:.55;filter:grayscale(.6)}
.pc.is-oos .pc-price strong{color:#3B4656}
.pc-price small{font-size:12px;font-weight:600;color:#444E5B}
.ft-sites{margin:18px 0 0;font-size:13px;color:#3B4656;display:flex;flex-wrap:wrap;gap:4px 14px}
.ft-sites a{color:#3B4656}
.ft-co{display:block;margin:6px 0;font-size:12px;color:#444E5B}
.ft-co a{color:inherit}
.mnav:not([open]) .mnav-panel{display:none}
/* compact footer: main sections + popular shops on every page */
.ft-links,.ft-shops{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:14px}
.ft-links a,.ft-shops a{color:#0E1A2B}
.ft-shops{font-size:13px;color:#3B4656}
.ft-shops a{color:#3B4656}
.ft-shops strong{color:#0E1A2B;margin-right:4px}
.hero-tag{margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FDBA74}

/* header: a label never wraps; links leave as the window narrows and the menu button takes over below 1000 px */
.hd-nav{flex:0 1 auto;min-width:0}
.hd-nav a,.hd-right .btn-outline,.mega-btn{white-space:nowrap}
@media (max-width:1180px){.hd-home .hd-row{gap:20px}.hd-nav{gap:18px}.hd-nav .hide-md{display:none !important}}
@media (max-width:1000px){.hd-right .btn-outline{display:none !important}.hd-right .mnav{display:inline-flex !important}.hd-row{gap:16px}}
@media (max-width:900px){.hd-nav{gap:14px;font-size:14px}.hd-home .mega-btn{font-size:14px}}
/* coupon tiles: the shop's logo in a box that fits wide and square logos alike (a 210 x 36 logo was 7 px tall in the circle) */
.hc-logo{width:84px;height:52px;border-radius:12px;background:#fff;border:1px solid #E9ECF0;padding:2px;box-sizing:border-box}
.hc-logo:not(:has(img)){width:52px;border-radius:999px;background:#F4F5F7;border:0;padding:0;font-size:18px}
@media (max-width:640px){.hc-logo{width:64px;height:40px}.hc-logo:not(:has(img)){width:40px}.hc-top{gap:8px}}

/* inner pages: Coduri reducere + Cataloage next to the search box on wide windows; below 1280 px they live in the menu
   button's panel, which then shows from 1280 px down on these pages */
.hd-in .hd-links{flex:none}
@media (max-width:1280px){.hd-in .hd-links{display:none}.hd-in .hd-right .btn-outline{display:none !important}.hd-in .hd-right .mnav{display:inline-flex !important}}

/* the owner's logo: the wordmark in the header, the first letter alone on phones' inner pages */
.logo img{display:block;height:34px;width:auto}
.logo .logo-mark{height:36px;width:36px}
@media (max-width:760px){.hd-home .logo img{height:30px}}

/* "add to comparison": a round icon under the heart on the product card; filled when the product is in the comparison */
.cmp-ic{position:absolute;top:56px;right:6px;width:44px;height:44px;border-radius:999px;background:#FFFFFF;color:#0E1A2B;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.cmp-ic:hover{background:#F1F3F5}
.cmp-ic:has(input:checked){background:#0E1A2B;color:#FFFFFF}
.cmp-ic:has(input:focus-visible){outline:2px solid #8C2F10;outline-offset:2px}
.cmp-ic:has(input:disabled){opacity:.4;cursor:not-allowed}
@media (max-width:640px){.cmp-ic{width:40px;height:40px;top:48px;right:4px}}

/* cards: shops with a live discount code */
.pc-cup{display:block;font-size:12px;font-weight:600;color:#7C2D12}
.card-cup{color:#7C2D12;font-weight:600}

/* department tiles: the small icon on the row of its name (owner 2026-11-12: icons share the title's row) */
.cat{flex-direction:row;gap:8px;min-width:0;padding:10px 12px;white-space:nowrap;text-align:left}
.cat svg{flex:none;width:22px;height:22px}
.cats{justify-content:flex-start;gap:6px}

/* NO INNER SCROLLS ON DESKTOP (owner 2026-11-13, general rule — CLAUDE.md): from 901 px up nothing scrolls inside the
   page; the page itself is the only scroller. Phones keep their sheets and swipe rows. */
@media (min-width:901px){
  .filters{position:static;max-height:none;overflow:visible;padding-right:0}
  .mega-deps,.mega-pane{max-height:none;overflow:visible}
  .sb-hero .sb-dd,.sb-header .sb-dd{max-height:none;overflow:visible}
  .cats,.themes,.applied,.scopes{flex-wrap:wrap;overflow:visible}
}

/* ---- category menu (2026-11-13; layout studied on pricerunner.com) ------------------------------------------------
   Desktop: the panel is part of the page under the header — a rail of departments, a pane of picture cards. While it
   is open the rest of the page is put away, so the page (never the panel) scrolls. */
.mega-box{position:static;max-width:none;padding:0;border-top:1px solid #E3E6EA;background:#FFFFFF}
html.mega-open .hd ~ *{display:none !important}
.mega{display:grid;grid-template-columns:288px minmax(0,1fr);max-width:1440px;margin:0 auto;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:calc(100vh - 78px)}
.mega-deps{list-style:none;margin:0;padding:10px 0 24px;background:#FFFFFF;border-right:1px solid #E3E6EA}
.mdep{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:0 24px;border:0;background:transparent;font-size:15px;font-weight:500;color:#0E1A2B;text-decoration:none;text-align:left}
.mdep svg{flex:none}
.mdep:hover{background:#F8F9FA;color:#0E1A2B}
.mdep[aria-current=true]{background:#F1F3F5;font-weight:600}
.mdep.acc{color:#8C2F10}
.msep{height:1px;margin:8px 0;background:#E3E6EA}
.mega-pane{padding:28px 36px 48px}
.mega-pane header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}
.mega-pane h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:32px;line-height:38px;letter-spacing:-0.02em}
.mega-pane h2 a{color:inherit;text-decoration:none}
.mega-pane h2 a:hover{text-decoration:underline}
.mega-x{flex:none;width:44px;height:44px;border-radius:999px;border:0;background:transparent;color:#0E1A2B;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mega-x:hover{background:#F1F3F5}
.mcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
.mimg{display:block;aspect-ratio:10 / 7;border-radius:18px;background:#F4F5F7;overflow:hidden}
.mimg img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.mt{display:block;margin:14px 0 4px;font-size:15px;font-weight:700;color:#0E1A2B;text-decoration:none}
.mt:hover{text-decoration:underline}
.mcard ul{list-style:none;margin:0;padding:0}
.mcard li a{display:block;padding:4px 0;font-size:14px;color:#0E1A2B;text-decoration:none}
.mcard li a:hover{text-decoration:underline}
.mn{font-size:13px;color:#444E5B}
.mmore{display:inline-block;margin-top:4px;padding:4px 0;border:0;background:transparent;font:inherit;font-size:14px;color:#7C2D12;cursor:pointer}
.mmore:hover{text-decoration:underline}
.mh3{margin:40px 0 12px;font-size:18px}
.msub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 20px}
.msub a{display:block;min-height:0;padding:6px 0;font-size:14px;color:#0E1A2B;text-decoration:none}
.msub a[hidden]{display:none}
.msub a:hover{text-decoration:underline}
.mega-rest{margin:24px 0 0;font-size:14px}
@media (max-width:1180px){.mega{grid-template-columns:240px minmax(0,1fr)}.mcards,.msub{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-pane{padding:24px 24px 40px}}

/* the menu button: phones and narrow windows (the same widths where the header's links leave) */
.mm-btn{display:none}
.mnav{display:none}
@media (max-width:1000px){.js .mm-btn{display:inline-flex}}
@media (max-width:1280px){.js .hd-in .mm-btn{display:inline-flex}}
/* owner 2026-11-13: where the menu button shows, "Toate categoriile" does not (the button opens the same categories);
   the menu button is a bordered pill so it reads as a button */
@media (max-width:1280px){.js .hd-in .mega-btn{display:none !important}}
@media (max-width:1000px){.js .hd-home .mega-btn{display:none !important}}
.mm-btn{border:1px solid #C9CFD6;background:#FFFFFF;border-radius:12px;flex:none;margin-right:8px}
.mm-btn:hover,.mm-btn[aria-expanded=true]{border-color:#0E1A2B;background:#F1F3F5}
.js .hd-right .mnav{display:none !important}
.hd-search-m{display:none}

/* Phone: the full-screen panel (two levels) */
.mm{position:fixed;inset:0;z-index:120;background:#FFFFFF;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mm[hidden]{display:none}
html.mm-open,html.mm-open body{overflow:hidden}
.mm-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 6px 0 16px;background:#FFFFFF;border-bottom:1px solid #E3E6EA}
.mm-head a{font-size:16px;color:#0E1A2B;text-decoration:none}
.mm-head .hd-out-f{margin:0 auto 0 14px}
/* the signed-in visitor's sign-out, next to the account link (public/account.js) */
.hd-out{font:inherit;font-size:14px;font-weight:600;color:#0E1A2B;background:none;border:0;padding:6px 4px;cursor:pointer;text-decoration:underline}
.hd-out-f{display:inline-flex;align-items:center;margin:0}
@media (max-width:1000px){.hd-right > .hd-out-f{display:none}}   /* where the header's account button gives way to the menu */
.mnav-panel .hd-out-f{display:flex}.mnav-panel .hd-out{padding:0;font-size:inherit;font-weight:inherit;text-decoration:none}
.mm-x{width:48px;height:48px;border:0;border-radius:999px;background:transparent;color:#0E1A2B;display:inline-flex;align-items:center;justify-content:center}
.mm-list{display:flex;flex-direction:column;padding:6px 0 28px}
.mm-row{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 16px;border:0;background:transparent;font:inherit;font-size:17px;color:#0E1A2B;text-decoration:none;text-align:left;cursor:pointer}
.mm-row>span{flex:1 1 auto;min-width:0}
.mm-row svg{flex:none}
.mm-row.acc{color:#8C2F10}
.mm-row:active{background:#F1F3F5}
.mm-cap{margin:16px 16px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#444E5B}
.mm-foot{display:flex;flex-direction:column;margin-top:12px;border-top:8px solid #F1F3F5}
.mm-foot a{display:flex;align-items:center;min-height:52px;padding:0 16px;font-size:16px;color:#0E1A2B;text-decoration:none}
.mm-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;margin-top:4px;padding:0 16px;border:0;background:transparent;font:inherit;font-size:14px;color:#3B4656}
.mm-title{margin:0 16px 12px;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:26px;line-height:32px;color:#0E1A2B;text-decoration:underline;text-underline-offset:4px}
.mm-g{display:block;padding:16px 16px 6px;font-size:19px;font-weight:600;color:#0E1A2B;text-decoration:none}
.mm-s{display:block;padding:9px 16px;font-size:16px;color:#0E1A2B;text-decoration:none}
.mm-all{color:#7C2D12}

/* Phone header: menu button + logo + icons on one row, the search bar full width on the row under it (as on amazon.com) */
@media (max-width:760px){
  .hd-row{flex-wrap:wrap;height:auto;padding-top:6px;padding-bottom:10px;row-gap:6px;column-gap:4px}
  .hd-home .hd-row{column-gap:4px}
  .mm-btn{order:-1;margin-left:0}
  .hd .logo{margin-right:auto}
  .hd .logo img{height:28px}
  .hd-right{margin-left:0}
  .hd-search,.hd-search-m{display:block;order:9;flex:1 0 100%;max-width:none}
  .hero-sb{display:none}
}
.mega-pane header h2 a{font-size:inherit;font-weight:inherit}

/* trust notes (components/trust.mjs): the security line under every e-mail field, the badges in the footers */
.secure{display:flex;align-items:center;gap:6px;flex:1 0 100%;margin:8px 0 0;font-size:12.5px;line-height:18px;color:#14532D;font-weight:500;text-align:left}
.secure svg{flex:none}
.band .secure,.st-nl .secure{color:#BBF7D0}   /* on the dark panels; the coupon window's foot is light: the default dark green */
.band form p.secure{font-size:12.5px;line-height:18px;font-weight:500;margin:10px 0 0}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.trust-b{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border:1px solid #BBF7D0;border-radius:999px;background:#F0FDF4;color:#14532D !important;font-size:13px !important;line-height:18px;text-decoration:none}
.trust-b strong{color:#14532D}
.trust-b svg{flex:none}
.acc-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;max-width:560px}
.acc-in{flex:1 1 260px;height:48px;padding:0 16px;border:1px solid #C9CED6;border-radius:999px;font:inherit}

/* phones: a section's title and its subtitle take the whole row; the "all …" link goes under them (owner 2026-11-13) */
@media (max-width:760px){.sec-head{flex-wrap:wrap;row-gap:8px}.sec-head>div,.sec-head>.sec-h{flex:1 0 100%}}

/* phones: the home page's guides two per row (owner 2026-11-13) */
@media (max-width:900px){.guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.guide{gap:8px}.guide-img{border-radius:16px}.guide-img img{padding:10px}.guide h3{font-size:16px;line-height:22px}.guide-cat{font-size:12px}.guide-meta{font-size:12.5px}}

/* phone search sheet: it opens from the HEADER's search box on every page (the home hero's box is hidden on phones),
   so the header rises above the page's dim layer and above the hero while the sheet is open — the hero used to rise
   instead and covered the suggestions with a layer nothing could be pressed through (owner 2026-11-13) */
body.lock .hero{z-index:20}
body.lock .hero:has(.sb.full){z-index:200}
.hd:has(.sb.full){z-index:210}

/* WCAG contrast (owner 2026-11-13: AA and AAA "all over"; check: test/contrast-sweep.js). Text shades were darkened
   site-wide to reach 7 : 1 on every background they sit on (grey #444E5B, orange #8C2F10 / #7C2D12, green #14532D,
   red #7A271A, blue #1E40AF); these are the pieces a colour swap does not reach. */
::placeholder{color:#444E5B;opacity:1}
.st-stars,.o-stars,.card-rate svg,.pc-rate svg{color:#6B3D05}

/* a shop's logo in the place of its initial (components/ui.mjs shopMark): the same round badge, white, the logo whole */
.has-logo{background:#FFFFFF !important;border:1px solid #E3E6EA;overflow:hidden}
.has-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}

/* the account in the header (owner 2026-11-13): an icon after the heart where the "Intră în cont" button gives way
   (narrow windows, phones); on wide windows the button itself carries the icon. Signed in: a green dot on the icon. */
.acc-ico{display:none}
@media (max-width:1000px){.hd-right .acc-ico{display:inline-flex}}
@media (max-width:1280px){.hd-in .hd-right .acc-ico{display:inline-flex}}
.acc-ico .dot{display:none}
.acc-ico.on .dot{display:block;position:absolute;top:9px;right:9px;width:9px;height:9px;min-width:0;padding:0;border-radius:999px;background:#15803D;border:2px solid #FFFFFF;box-sizing:content-box}
.hd-right .btn-outline[data-acc]::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center/contain no-repeat}

/* the listing's order: a button + a window with big rows (views/listing.mjs sortControl, site.js "sort sheet") */
.sort-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid #C9CFD6;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#3B4656;cursor:pointer;max-width:100%;min-width:0}
.sort-btn strong{color:#0E1A2B;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sort-btn:hover,.sort-btn[aria-expanded=true]{border-color:#0E1A2B}
.sort-btn svg{flex:none}
.sort-sel{display:flex;align-items:center;gap:8px}
.ssheet{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,26,43,.5)}
.ssheet[hidden]{display:none}
.ss-box{width:100%;max-width:440px;background:#FFFFFF;border-radius:20px;box-shadow:0 24px 60px rgba(14,26,43,.28);display:flex;flex-direction:column}
.ss-head{display:flex;align-items:center;gap:12px;padding:14px 8px 10px 20px;border-bottom:1px solid #E3E6EA}
.ss-head h2{flex:1;margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:22px;color:#0E1A2B}
.ss-opts{display:flex;flex-direction:column;padding:8px 12px}
.ss-opt{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 12px;border-radius:14px;font-size:17px;font-weight:500;color:#0E1A2B;cursor:pointer;position:relative}
.ss-opt:hover{background:#F4F5F7}
.ss-opt input{position:absolute;opacity:0;width:1px;height:1px}
.ss-opt span{flex:1;min-width:0}
.ss-opt .ss-ck{flex:none;color:#8C2F10;visibility:hidden}
.ss-opt:has(input:checked){background:#FFF1E8;font-weight:700;color:#7C2D12}
.ss-opt:has(input:checked) .ss-ck{visibility:visible}
.ss-opt:has(input:focus-visible){outline:2px solid #0E1A2B;outline-offset:-2px}
.ss-foot{display:flex;gap:10px;padding:12px 16px 16px;border-top:1px solid #E3E6EA}
.ss-foot .btn-outline{flex:1;height:48px}
.ss-apply{flex:2;height:48px;border-radius:999px;border:0;background:#8C2F10;color:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer}
.ss-apply:hover{background:#7C2D12}
@media (max-width:900px){
.sort-btn{width:100%;justify-content:space-between;border-radius:12px}
.sort-btn .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ssheet{align-items:flex-end;padding:0}
.ss-box{max-width:none;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
}
/* topic clusters (components/topic.mjs): a page's buying guides and the lists it belongs to — cards that wrap, no inner scroll */
.tc{margin-top:44px}
.tc-intro{margin:0 0 14px;font-size:15px;line-height:23px;color:#3B4656}
.tc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.tc-list li{display:flex;flex-direction:column;gap:6px;border:1px solid #E3E6EA;border-radius:16px;padding:16px;min-width:0}
.tc-list li:hover{border-color:#0E1A2B}
.tc-list a{font-weight:600;overflow-wrap:anywhere}
.tc-list span{font-size:14px;line-height:21px;color:#3B4656}
.tc-lead{margin:8px 0 0;font-size:15px;line-height:23px;color:#3B4656}
.tc-lead a{font-weight:600}