/* Prisly product page. Values are the canvas board's (Product.dc.html), moved from inline styles into classes.
   Shared pieces (wrap-l, crumbs, h1, btn-outline, go, badge, save, faq, clamp2, ph …) come from site.css. */
.p-head{padding-top:18px}
.p-top{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 340px;gap:36px;align-items:start;scroll-margin-top:12px}
.go{padding:0 18px;white-space:nowrap}
.go-sm{height:40px;padding:0 14px}
.go-lg{height:52px;font-size:16px}
.btn-outline.ctr{justify-content:center}
.st{font-weight:600;color:#444E5B}
.st.in{color:#14532D}
.st.out{color:#7A271A}

/* ---- gallery ---- */
.p-gal{position:relative;display:flex;gap:14px;min-width:0}
.p-thumbs{position:relative;flex:none;width:64px}
.p-thumbs>div{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none}
.p-thumbs>div::-webkit-scrollbar{display:none}
.p-thumbs label{flex:none;display:block;width:64px;height:64px;border-radius:12px;background:#F4F5F7;border:2px solid transparent;cursor:pointer;overflow:hidden}
.p-thumbs img{display:block;width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:multiply}
.p-main{position:relative;flex:1 1 auto;min-width:0;aspect-ratio:1 / 1;border-radius:22px;background:#F4F5F7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden}
.p-main img{display:none;width:100%;height:100%;object-fit:contain;padding:28px;mix-blend-mode:multiply}
.p-gal.one .p-main img{display:block}
.p-gal input:nth-of-type(1):checked~.p-main img:nth-of-type(1),
.p-gal input:nth-of-type(2):checked~.p-main img:nth-of-type(2),
.p-gal input:nth-of-type(3):checked~.p-main img:nth-of-type(3),
.p-gal input:nth-of-type(4):checked~.p-main img:nth-of-type(4),
.p-gal input:nth-of-type(5):checked~.p-main img:nth-of-type(5){display:block}
.p-gal input:nth-of-type(1):checked~.p-thumbs label:nth-of-type(1),
.p-gal input:nth-of-type(2):checked~.p-thumbs label:nth-of-type(2),
.p-gal input:nth-of-type(3):checked~.p-thumbs label:nth-of-type(3),
.p-gal input:nth-of-type(4):checked~.p-thumbs label:nth-of-type(4),
.p-gal input:nth-of-type(5):checked~.p-thumbs label:nth-of-type(5){border-color:#0E1A2B}
.p-gal input:nth-of-type(1):focus-visible~.p-thumbs label:nth-of-type(1),
.p-gal input:nth-of-type(2):focus-visible~.p-thumbs label:nth-of-type(2),
.p-gal input:nth-of-type(3):focus-visible~.p-thumbs label:nth-of-type(3),
.p-gal input:nth-of-type(4):focus-visible~.p-thumbs label:nth-of-type(4),
.p-gal input:nth-of-type(5):focus-visible~.p-thumbs label:nth-of-type(5){outline:2px solid #2563EB;outline-offset:2px}
.p-ph{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:22px;letter-spacing:0.08em;color:#444E5B;text-transform:uppercase;text-align:center;padding:0 16px;overflow-wrap:anywhere}
.p-ph-s{font-size:13px;color:#444E5B}
.p-main .badge{top:14px;left:14px;font-size:13px;line-height:1.5;padding:5px 10px}
.p-main .save{top:10px;right:10px}

/* ---- name, facts, top offers ---- */
.p-info{display:flex;flex-direction:column;gap:14px;min-width:0}
.p-h1{margin:0;font-size:34px;line-height:40px;letter-spacing:-0.02em;overflow-wrap:anywhere}
.p-rate{display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:none;margin-top:-6px;align-self:flex-start}
.p-rate svg{flex:none}
.p-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.p-acts .pc-cmp{min-height:44px;padding:0 6px}
.p-facts{margin:0;font-size:15px;color:#3B4656}
.p-range{margin:0;font-size:15px}
.p-savebox{display:flex;align-items:flex-start;gap:12px;border:1px solid #C7E8D6;background:#F1FAF5;border-radius:16px;padding:14px 16px;font-size:15px;line-height:22px}
.p-savebox svg{flex:none;margin-top:1px}
.p-chips{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
.p-chips span{display:inline-flex;align-items:center;gap:6px;background:#F4F5F7;border-radius:999px;padding:6px 12px}
.p-top3{border:1px solid #E3E6EA;border-radius:16px;overflow:hidden}
.p-top3-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;background:#FAFAFB;font-size:13px}
.p-top3-h h2{margin:0;font-size:14px}
.p-top3-h a{font-weight:600}
.p-top3-r{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #E3E6EA}
.p-top3-r .s{flex:1 1 auto;min-width:0;line-height:1.3;font-size:12px;overflow-wrap:anywhere}
.p-top3-r .s strong{font-size:15px}
.p-top3-r .sh{color:#444E5B}
.p-top3-r .pr{font-size:16px;white-space:nowrap}

/* ---- best price box ---- */
.p-best{border:1px solid #E3E6EA;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(14,26,43,0.06)}
.p-best .lbl{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#14532D}
.p-best .big{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:40px;line-height:44px;letter-spacing:-0.02em}
.p-best .at{font-size:15px;color:#3B4656;overflow-wrap:anywhere}
.p-best .at strong,.p-best .at a{color:#0E1A2B}
.p-best .note{margin:0;font-size:12px;line-height:18px;color:#444E5B}
.p-level{display:flex;flex-direction:column;gap:4px}
.p-level .bar{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#86EFAC 0%,#FDE68A 50%,#FCA5A5 100%)}
.p-level .bar span{position:absolute;top:-4px;width:4px;height:16px;background:#0E1A2B;border-radius:2px}
.p-level .lg{display:flex;justify-content:space-between;font-size:12px;color:#3B4656}
.p-level .tx{font-size:13px}

/* ---- sticky section bar ---- */
.p-tabs{position:sticky;top:0;z-index:20;background:#FFFFFF;border-bottom:1px solid #E3E6EA;margin-top:36px}
.p-tabs>div{display:flex;gap:28px;overflow-x:auto}
.p-tabs a{flex:none;display:inline-flex;align-items:center;height:52px;padding:0 2px;color:#3B4656;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}
.p-tabs a:hover{color:#0E1A2B}
.p-tabs a.on{color:#0E1A2B;font-weight:700;border-bottom-color:#0E1A2B}
.p-tabs a.go{height:40px;padding:0 16px;color:#FFFFFF;font-weight:700;border-bottom:0}
.p-tabs a.go:hover{color:#FFFFFF}
.p-tabs-r{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none;font-size:14px;color:#3B4656}
.p-tabs-r strong{color:#0E1A2B}
#preturi,#istoric,#specificatii,#intrebari,#recenzii,#similare{scroll-margin-top:64px}

/* ---- offers ---- */
.p-prices{background:#F4F5F7;padding:28px 0 40px}
.p-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}
.tgl{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid #C9CFD6;background:#FFFFFF;color:#0E1A2B;font-size:14px;font-weight:500;cursor:pointer;user-select:none}
input:checked+.tgl{border-color:#0E1A2B;background:#0E1A2B;color:#FFFFFF}
input:disabled+.tgl{opacity:0.45;cursor:default}
input:focus-visible+.tgl{outline:2px solid #2563EB;outline-offset:2px}
.p-tools{position:relative}
.p-tools .cnt{font-size:14px;color:#3B4656}
.p-tools .ord{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:#3B4656}
.p-tools select{height:40px;border-radius:999px;border:1px solid #C9CFD6;padding:0 14px;font-size:14px;background:#FFFFFF;color:#0E1A2B}
.p-single{margin:0 0 16px;font-size:15px;color:#3B4656}
.p-single:empty{display:none}
.p-offers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.o{position:relative;background:#FFFFFF;border:1px solid #E3E6EA;border-radius:16px;padding:16px 18px}
.o.best{border-color:#14532D}
.o[hidden]{display:none}
.js .p-offers:not(.all) .o.x{display:none}
.o:not(.best) .o-flag{display:none}
.o-flag{position:absolute;top:-11px;right:18px;background:#14532D;color:#FFFFFF;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}
.p-offer{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,1.1fr) minmax(104px,auto) minmax(158px,auto);gap:16px;align-items:center}
.o-shop{display:flex;align-items:center;gap:12px;min-width:0}
.o-shop .ini{flex:none;width:40px;height:40px;border-radius:999px;background:#EEF0F3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.o-shop .nm{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.o-shop a{text-decoration:none}
.o-shop a:hover{text-decoration:underline}
.o-rate{display:block;font-weight:400;font-size:12px;color:#444E5B;white-space:nowrap}
.o-stars{color:#7C4A03;letter-spacing:1px}
.o-trust{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;background:#E7F6EC;color:#14532D;font-size:11px;font-weight:600}
.o-title{font-size:14px;color:#3B4656;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
a.o-title{color:#1E40AF}
.o-ship{font-size:13px;line-height:18px;color:#3B4656}
.o-ship time{color:#444E5B}
.o-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.o-price strong{font-size:18px;white-space:nowrap}
.o-price span{font-size:12px;color:#444E5B}
.o-nogo{font-size:12px;color:#444E5B;text-align:center}
.p-none{margin:10px 0 0;background:#FFFFFF;border-radius:16px;padding:18px;font-size:15px}
.p-none[hidden]{display:none}
.p-shown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;background:#FFFFFF;border-radius:16px;padding:14px 18px;font-size:14px;color:#3B4656}
.p-shown [hidden]{display:none}
.p-sus{margin-top:22px}
.p-sus-n{margin:0 0 10px;font-size:14px;color:#3B4656}
.p-sus-n strong{color:#7C2D12}
.o.sus{border-style:dashed}
.p-legal{margin:14px 0 0;font-size:12px;line-height:18px;color:#444E5B}

/* ---- sections ---- */
.p-sec{padding-top:48px}
.p-h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:28px;line-height:34px;overflow-wrap:anywhere}
.p-h2.mb6{margin-bottom:6px}.p-h2.mb14{margin-bottom:14px}.p-h2.mb16{margin-bottom:16px}

/* ---- price history (a line per shop + the lowest of all shops) ---- */
.p-hist{padding-top:44px}
.p-hist-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.p-pills{display:flex;gap:6px;background:#F4F5F7;padding:4px;border-radius:999px;overflow-x:auto;scrollbar-width:none}
.p-pills a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;color:#3B4656;font-size:14px;font-weight:600;text-decoration:none}
.p-pills a.on{background:#FFFFFF;color:#0E1A2B}
[data-hist].busy{opacity:0.55;transition:opacity .15s}
.p-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0 0}
.p-stats div{background:#F4F5F7;border-radius:14px;padding:14px 16px}
.p-stats div.lo{background:#F1FAF5}
.p-stats dt{font-size:13px;color:#3B4656}
.p-stats dd{margin:2px 0 0;font-size:20px;font-weight:700}
.p-stats dd.wh{margin:0;font-size:12px;font-weight:400;color:#3B4656;overflow-wrap:anywhere}
.p-legend{margin:18px 0 0;border:0;padding:0;min-width:0}
.p-legend legend{font-size:13px;font-weight:700;color:#3B4656;margin-bottom:8px;padding:0}
.p-legend>div{display:flex;flex-wrap:wrap;gap:8px}
.p-legend label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid #D5DAE0;background:#FFFFFF;font-size:14px;max-width:100%}
.js .p-legend label{cursor:pointer}
.p-legend label.on{border-color:#0E1A2B}
.js .p-legend label:not(.on){opacity:0.55}
.p-legend input{width:18px;height:18px;margin:0;accent-color:#0E1A2B;flex:none}
.p-legend svg{flex:none}
.p-legend .nm{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-legend label>span:last-child{color:#3B4656;white-space:nowrap}
.p-legend label:focus-within{outline:2px solid #2563EB;outline-offset:2px}
.p-fig{margin:16px 0 0}
.p-chart{position:relative;height:320px;border:1px solid #E3E6EA;border-radius:18px;background:#FFFFFF}
.p-chart .yl span{position:absolute;left:10px;transform:translateY(-50%);font-size:12px;color:#444E5B;white-space:nowrap}
.p-chart .plot{position:absolute;left:84px;right:18px;top:16px;bottom:30px;outline-offset:6px}
.js .p-chart .plot[tabindex]{cursor:crosshair}
.p-chart .plot>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.p-chart .dot{position:absolute;right:-6px;width:12px;height:12px;margin-top:-6px;border-radius:999px;background:#FFFFFF;border:3px solid #0E1A2B}
.p-chart .xl{position:absolute;left:84px;right:18px;bottom:8px;display:flex;justify-content:space-between;font-size:12px;color:#444E5B}
.p-chart .cur{position:absolute;top:0;bottom:0;width:1px;background:#0E1A2B;opacity:0.35;pointer-events:none}
.p-chart .hd{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:999px;background:#FFFFFF;border:3px solid #0E1A2B;pointer-events:none}
.p-chart .tip{position:absolute;top:4px;z-index:5;min-width:250px;max-width:calc(100% - 8px);background:#FFFFFF;border:1px solid #E3E6EA;border-radius:14px;box-shadow:0 12px 28px rgba(14,26,43,0.16);padding:12px 14px;pointer-events:none}
.p-chart .tip[hidden]{display:none}
.p-chart .tip b{display:block;font-size:13px;margin-bottom:6px}
.p-chart .tip div{display:flex;align-items:center;gap:8px;min-height:26px;font-size:13px}
.p-chart .tip div span:nth-child(2){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-chart .tip div em{font-style:normal;font-size:11px;font-weight:700;color:#064E3B}
.p-chart .tip div.lw{font-weight:700}
.p-fig figcaption{margin-top:8px;font-size:12px;color:#444E5B}
.p-changes{margin-top:8px;font-size:14px}
.p-changes summary{cursor:pointer;font-weight:600;min-height:44px;display:inline-flex;align-items:center;list-style:none}
.p-changes summary::-webkit-details-marker{display:none}
.p-changes .tw{overflow-x:auto;margin-top:4px}
.p-changes table{border-collapse:collapse;font-size:13px;min-width:520px}
.p-changes th,.p-changes td{text-align:left;padding:6px 10px;border-bottom:1px solid #F1F3F5;font-weight:400}
.p-changes thead th{font-weight:600;border-bottom-color:#E3E6EA}
.p-nohist{margin:14px 0 0;font-size:15px;color:#3B4656;max-width:720px}
.p-hist-a{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* ---- specifications ---- */
.p-specs-w{overflow-x:auto;border:1px solid #E3E6EA;border-radius:18px}
.p-specs{width:100%;border-collapse:collapse;min-width:480px}
.p-specs th,.p-specs td{text-align:left;padding:12px 16px;border-bottom:1px solid #E3E6EA;font-size:15px;vertical-align:top}
.p-specs th{width:38%;font-weight:500;color:#3B4656}
.p-specs tr:nth-child(even) th,.p-specs tr:nth-child(even) td{background:#FAFAFB}
.p-specs tr:last-child th,.p-specs tr:last-child td{border-bottom:0}

/* ---- questions, rating ---- */
.p-faq{margin-top:0;border-top:0;padding-top:0}
.p-rev{display:flex;flex-direction:column;gap:6px}
.p-rev strong{font-family:Archivo,Inter,sans-serif;font-size:44px;line-height:48px}
.p-rev span{color:#3B4656}
.p-rev+.p-legal{margin-top:12px}

/* ---- similar products ---- */
.p-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.p-sim{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#0E1A2B;min-width:0}
.p-sim:hover{color:#0E1A2B}
.p-sim:hover .nm{text-decoration:underline}
.p-sim .im{aspect-ratio:4 / 3;border-radius:16px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.p-sim .im img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}
.p-sim .nm{font-weight:600;font-size:15px}
.p-sim .rt{display:flex;align-items:center;gap:4px;font-size:13px;color:#3B4656}
.p-sim .rt svg{width:14px;height:14px}
.p-sim .pr{font-size:14px;color:#3B4656;overflow-wrap:anywhere}
.p-sim .pr strong{color:#0E1A2B}
.p-sim .df{font-size:14px;font-weight:700;color:#7C2D12}
.p-sim .df.dn{color:#14532D}

/* ---- mobile click-out bar ---- */
body.lock{overflow:hidden}
.p-mbar{display:none;align-items:center;gap:12px;background:#FFFFFF;border-top:1px solid #E3E6EA;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px rgba(14,26,43,0.08)}
.p-mbar>span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.p-mbar strong{font-size:18px}
.p-mbar>span span{font-size:12px;color:#3B4656;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-mbar .go{height:48px}

.p-mbar.off{transform:translateY(110%)}
@media (prefers-reduced-motion:no-preference){.p-mbar{transition:transform .2s}}

/* ---- one offer (ProductThin board) ---- */
.t-top{margin-top:18px;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:40px;align-items:start;scroll-margin-top:12px}
.t-info{display:flex;flex-direction:column;gap:16px;min-width:0}
.t-pill{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#3B4656;background:#F1F3F5;padding:4px 10px;border-radius:999px;overflow-wrap:anywhere}
.t-info .p-rate{margin:-6px 0 0}
.t-offer{border:2px solid #0E1A2B;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px}
.t-offer h2{margin:0;font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#3B4656}
.t-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.t-price>strong{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:40px;line-height:44px}
.t-price span{font-size:16px;overflow-wrap:anywhere}
.t-price a{color:#0E1A2B}
.t-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px}
.mut{color:#444E5B}
.t-go{height:56px;padding:0 28px;font-size:17px;gap:8px;white-space:normal;text-align:center}
.t-offer .note{margin:0;font-size:12px;line-height:18px;color:#444E5B}
.t-status{display:flex;gap:12px;align-items:flex-start;background:#EEF4FF;border:1px solid #C7D7FE;border-radius:16px;padding:14px 16px}
.t-status svg{flex:none;margin-top:1px}
.t-status p{margin:0;font-size:15px}
.t-status span{color:#3B4656}
.t-notify{position:relative}
.t-anchor{display:block;height:0;scroll-margin-top:90px}
.t-notify form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0}
.t-notify label{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;min-width:0}
.t-notify input[type=email]{height:48px;border-radius:12px;border:1px solid #C9CFD6;padding:0 14px;font-size:16px;font-weight:400;color:#0E1A2B;background:#FFFFFF;width:100%}
.t-notify input.bad{border-color:#7A271A}
.t-notify button{height:48px;padding:0 20px;border-radius:999px;border:1px solid #0E1A2B;background:#FFFFFF;font-weight:700;font-size:15px;cursor:pointer;color:#0E1A2B}
.t-notify button[disabled]{opacity:0.6;cursor:default}
.t-notify .al-err{flex-basis:100%}
.t-done{display:none;margin:0;color:#064E3B;font-weight:600}
#alerta-ok:target~form,.t-notify.done form{display:none}
#alerta-ok:target~.t-done,.t-notify.done .t-done{display:block}
#alerta-eroare:target~form .al-err,.t-notify.err .al-err{display:block}
.t-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0;font-size:14px}
.t-facts dt{color:#3B4656}
.t-facts dd{margin:0;overflow-wrap:anywhere}
.t-more{align-self:flex-start;font-size:14px;font-weight:600}
.t-sim{padding-top:56px}
.t-h2{font-size:26px;margin-bottom:6px}
.t-sub{margin:0 0 16px;color:#3B4656}
.p-sim .im.sq{aspect-ratio:1 / 1}

/* ---- price alert dialog (opens by :target without scripts, by class with them) ---- */
.p-anchor{position:fixed;top:0;left:0;width:0;height:0}
.p-modal{display:none;position:fixed;inset:0;z-index:80;background:rgba(14,26,43,0.55);align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.p-modal:target,.p-modal.open,#alerta-ok:target~.p-modal,#alerta-eroare:target~.p-modal{display:flex}
.p-modal .dlg{width:100%;max-width:460px;background:#FFFFFF;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.p-modal .hd2{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.p-modal h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:24px;line-height:30px}
.al-form{display:flex;flex-direction:column;gap:14px;margin:0}
.al-form p{margin:0;color:#3B4656;font-size:15px}
.al-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.al-form input[type=text],.al-form input[type=email]{height:48px;border-radius:12px;border:1px solid #C9CFD6;padding:0 14px;font-size:16px;color:#0E1A2B;background:#FFFFFF;width:100%}
.al-form input.bad{border-color:#7A271A}
.al-form button{height:50px;border-radius:999px;border:0;background:#0E1A2B;color:#FFFFFF;font-weight:700;font-size:16px;cursor:pointer}
.al-form button[disabled]{opacity:0.6;cursor:default}
.al-err{display:none;font-size:13px;color:#7A271A}
#alerta-eroare:target~.p-modal .al-err,.p-modal.err .al-err{display:block}
.al-done{display:none;flex-direction:column;gap:12px}
.al-done p{margin:0;font-size:16px}
#alerta-ok:target~.p-modal .al-done,.p-modal.done .al-done{display:flex}
#alerta-ok:target~.p-modal .al-form,.p-modal.done .al-form{display:none}

@media (max-width:1180px){
.p-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.p-best{grid-column:1 / -1}
}
@media (max-width:900px){
.t-top{grid-template-columns:1fr}
.p-offer{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
.o-title,.o-ship{grid-column:1 / -1}
.o-title:empty{display:none}
.o-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.o-nogo{text-align:right}
.p-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.p-top{grid-template-columns:1fr}
.p-h1{font-size:26px;line-height:32px}
.p-thumbs{width:52px}
.p-thumbs label{width:52px;height:52px}
.p-main img{padding:18px}
.p-tabs>div{gap:22px}
.p-tools .ord{margin-left:0;flex:1 1 100%}
.p-tools select{flex:1 1 auto;min-width:0}
.p-chart{height:280px}
.p-chart .yl span{left:8px;font-size:11px}
.p-chart .plot,.p-chart .xl{left:64px;right:12px}
.p-chart .tip{min-width:0;left:4px !important;right:4px !important}
.t-price>strong{font-size:34px;line-height:40px}
.p-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50}
.ft{padding-bottom:76px}
.p-modal{align-items:flex-end;padding:0}
.p-modal .dlg{border-radius:22px 22px 0 0;max-width:none;padding:22px 16px calc(22px + env(safe-area-inset-bottom,0px))}
}
@media (pointer:coarse){
.tgl,.p-tools select,.go-sm,.p-tabs a.go,.p-pills a,.p-legend label{min-height:44px}
.p-pills{border-radius:999px}
}
@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
}

/* ---- phones: PriceRunner-style offers (a whole row / a full-width button is the target, never a narrow pill) ---- */
@media (max-width:760px){
.p-gal{gap:0}
.p-thumbs{display:none}
.p-main{aspect-ratio:auto;height:min(64vw,260px);border-radius:18px}
.p-main img{padding:14px}
.p-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p-acts>*{width:100%;justify-content:center;padding:0 8px;font-size:13px;white-space:nowrap}
/* the alert and the compare buttons share one row on a phone (owner 2026-11-13); the compare text is shorter there */
.p-acts .pc-cmp{grid-column:1 / -1}
.p-acts .cmp-long{display:none}
/* top 3: the whole row opens the shop; price and a chevron on the right */
.p-top3-r{position:relative;min-height:64px;padding:12px 14px}
.p-top3-r .s strong{font-size:16px}
.p-top3-r .pr{font-size:18px}
.p-top3-r .go-sm{position:static;width:28px;min-height:0;height:28px;padding:0;background:transparent;color:#0E1A2B;font-size:0;flex:none;filter:none}
.p-top3-r .go-sm::before{content:'›';font-size:30px;line-height:28px;font-weight:400;color:#0E1A2B}
.p-top3-r .go-sm::after{content:'';position:absolute;inset:0;border-radius:inherit}
.p-top3-r:active{background:#F4F5F7}
.p-top3-r .go-sm:focus-visible{outline:none}
.p-top3-r:focus-within{outline:2px solid #2563EB;outline-offset:-2px}
/* offer cards: shop + price on one line, then the facts, then a full-width button */
.p-offer{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
.o-shop{gap:10px}
.o-shop .ini{width:36px;height:36px;font-size:14px}
.o-shop .nm{white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.25}
.o-price{grid-column:2;grid-row:1}
.o-price strong{font-size:20px}
.p-offer .go,.p-offer .o-nogo{grid-column:1 / -1;width:100%;height:48px;font-size:15px}
.p-offer .o-nogo{height:auto;text-align:left}
}
.p-oos{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#EEF0F3;color:#1F2A37;font-size:14px}
.p-oos a{font-weight:600}

/* the shop's rating wraps instead of running under the price; the trust badge takes its own line on phones */
.o-shop{min-width:0}
.o-shop .nm{min-width:0}
.o-rate{white-space:normal;line-height:1.4}
.o-trust{white-space:nowrap}
@media (max-width:760px){.o-price{min-width:max-content}}
/* a shop's discount codes under its offer: closed by default, opens in place */
/* the coupon preview is a row of its own UNDER the offer: last in the grid whatever its place in the markup, so the
   price and the button stay on the offer's row (it sat before them and pushed them down a row) */
.o-cup{grid-column:1 / -1;order:9;font-size:13px;color:#3B4656}
.o-cup summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#FFF4EC;color:#7C2D12;font-weight:600;list-style:none}
.o-cup summary::-webkit-details-marker{display:none}
.o-cup summary::before{content:"%";display:inline-flex;width:18px;height:18px;border-radius:999px;background:#8C2F10;color:#fff;font-size:11px;align-items:center;justify-content:center}
.o-cup ul{margin:8px 0 6px;padding:0 0 0 2px;list-style:none;display:grid;gap:4px}
.o-cup li strong{color:#8C2F10}
.o-cup-k{display:inline-block;padding:0 6px;border-radius:999px;background:#EEF0F3;font-size:11px;font-weight:600}
.o-cup a{font-weight:600}

/* shop name + trust badge on one row (the badge wraps under the name when the column is narrow, never clipped) */
.o-shop .nm{white-space:normal;overflow:visible}
.nm-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.nm-top a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.o-trust{margin-left:0;flex:none}

/* no inner scrolls on desktop (general rule): the thumbnails column never scrolls, the tab row and pills wrap */
.p-thumbs>div{overflow:hidden}
@media (min-width:901px){.p-tabs>div,.p-pills{flex-wrap:wrap;overflow:visible}}

/* "Compară cu altele" adds the product to the comparison list (owner 2026-11-13): a toggle, filled when it is in */
.cmp-btn{cursor:pointer}
.cmp-btn .on{display:none}
.cmp-btn:has(input:checked){background:#0E1A2B;border-color:#0E1A2B;color:#FFFFFF}
.cmp-btn:has(input:checked) .on{display:inline}
.cmp-btn:has(input:checked) .off{display:none}
.cmp-btn:has(input:focus-visible){outline:2px solid #8C2F10;outline-offset:2px}
/* desktop: no inner scroll (UI rule 1) — tables fit their box, cells wrap */
@media (min-width:901px){.p-changes .tw{overflow:visible}.p-specs-w{overflow:clip}.p-specs{min-width:0}.p-specs th,.p-specs td,.p-changes .tw th,.p-changes .tw td{overflow-wrap:anywhere}}

/* tablets (761–900 px): the tab row has no room for the "best price" button on its right — it ran out of the window
   and made the page scroll sideways (layout sweep 2026-11-13); the bottom bar carries that button there */
@media (max-width:900px){.p-tabs-r{display:none !important}}

/* the line over the same-product chips */
.p-note{color:#444E5B;font-size:15px;line-height:22px;margin:0 0 12px;max-width:70ch}
.p-note.mt16{margin-top:16px}

/* paid positions above the price list (views/product.mjs, merchant/billing-lib.mjs): always labelled "Promovat" */
.p-promo{display:grid;gap:10px;margin-bottom:14px}
.pp{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border:1px solid #E3E6EA;border-radius:16px;background:#F8F9FA}
.pp-tag{flex:none;padding:3px 9px;border-radius:999px;background:#0E1A2B;color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:.02em}
.pp .ini{flex:none;width:36px;height:36px;border-radius:999px;background:#EEF0F3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.pp-shop{font-weight:700;color:#0E1A2B;min-width:0;overflow-wrap:anywhere}
.pp-price{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.pp-price strong{font-size:18px;color:#0E1A2B}
.pp-price small{font-size:13px;color:#444E5B}
.pp-go{flex:none;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;background:#8C2F10;color:#FFFFFF;font-weight:700;font-size:15px;text-decoration:none}
.pp-go:hover{background:#7C2D12;color:#FFFFFF}
@media (max-width:560px){.pp-price{margin-left:0;align-items:flex-start;flex:1 1 auto}.pp-go{width:100%}}