/* Prisly: store pages. /magazin/:domain follows the canvas board Store.dc.html (its inline styles moved into the
   st-* classes below, same values); /magazine (the A–Z index, no board) uses the same visual language (sx-*).
   Shared pieces come from site.css: .wrap-l .crumbs .h1 .lead .btn-outline .btn-sm .grid .pc… .chips .rel .seen .none .sub-h */
.st{padding-top:18px}
.st svg{flex:none}

/* ---- hero ---- */
.st-hero{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:18px;padding:28px;border-radius:28px;background:#F4F5F7}
.st-logo{flex:none;width:112px;height:112px;border-radius:999px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:44px;color:#3B4656;text-align:center;line-height:1.1}
.st-hero-t{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}
.st-h1{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:38px;line-height:44px;letter-spacing:-0.02em;overflow-wrap:anywhere}
.st-hero-p{margin:0;font-size:16px;color:#3B4656}
.st-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px}
.st-facts span{display:inline-flex;align-items:center;gap:6px}
.st-facts .ok{color:#064E3B;font-weight:600}
.st-go{display:inline-flex;align-items:center;gap:8px;height:52px;max-width:100%;padding:0 24px;border-radius:999px;background:#8C2F10;color:#FFFFFF;font-weight:700;text-decoration:none}
.st-go:hover{color:#FFFFFF;filter:brightness(0.9)}
.st-go .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- two columns ---- */
.st-layout{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;margin-top:32px}
.st-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:48px}
.st-aside{flex:1 1 300px;max-width:340px;display:flex;flex-direction:column;gap:18px}
.st-h2{margin:0 0 14px;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:28px;line-height:34px;overflow-wrap:anywhere}
.st-sub{margin:0 0 14px;font-size:15px;color:#3B4656}
.st-h2.tight{margin-bottom:4px}
.st-main>section{scroll-margin-top:16px;min-width:0}

/* ---- coupons ---- */
.st-cup-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.st-cup-head .st-h2{margin:0}
.st-cup-list{display:flex;flex-direction:column;gap:12px}
.st-cup{border:1px solid #E3E6EA;border-radius:20px;padding:18px;background:#FFFFFF}
.st-coupon{display:grid;grid-template-columns:96px minmax(0,1fr) 210px;gap:20px;align-items:center}
.st-tile{height:88px;border-radius:16px;background:#EEF0F3;color:#3B4656;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Archivo,Inter,sans-serif;font-weight:800;line-height:1.1}
.st-tile b{font-size:24px;font-weight:800}
.st-tile span{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-top:4px}
.st-cup-t{min-width:0;display:flex;flex-direction:column;gap:6px}
.st-cup-t h3{margin:0;font-size:17px;line-height:23px;font-weight:700;overflow-wrap:anywhere}
.st-cup-t p{margin:0;font-size:13px;color:#3B4656}
.st-c-act{display:flex;flex-direction:column;gap:8px}
.st-c-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 12px;border-radius:999px;border:1.5px solid #8C2F10;color:#8C2F10;font-weight:700;font-size:15px;text-decoration:none;text-align:center}
.st-c-btn:hover{color:#7C2D12;border-color:#7C2D12}

/* ---- "unde e cel mai ieftin" ---- */
.st-tbl{position:relative;overflow-x:auto;border:1px solid #E3E6EA;border-radius:18px}
.st-cheap{width:100%;border-collapse:collapse;min-width:620px}
.st-cheap th,.st-cheap td{text-align:left;padding:12px 14px;border-bottom:1px solid #E3E6EA;font-size:14px;vertical-align:middle}
.st-cheap thead th{font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#444E5B}
.st-cheap tbody th{font-weight:400}
.st-cheap tbody th a{font-weight:600;text-decoration:none}
.st-cheap tbody th a:hover{text-decoration:underline}
.st-cheap td.num{white-space:nowrap}
.st-cheap td.mut{color:#3B4656}
.st-cheap td.act{text-align:right}
.st-cheap td small{display:block;font-size:12px;line-height:17px;color:#444E5B}
.st-cheap thead th:nth-child(3){width:34%}
.st-cheap .btn-outline{height:38px}
.st-low{margin-left:6px;font-size:11px;font-weight:700;color:#064E3B;background:#E3F5EC;padding:2px 7px;border-radius:999px;white-space:nowrap}
.st-empty{margin:0;border:1px solid #E3E6EA;border-radius:18px;padding:18px;font-size:15px;color:#3B4656;background:#FAFAFB}
.st-pager{margin-top:20px}
.st-pager-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.st-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px}
.st-cats{margin-top:28px}

/* ---- steps ---- */
.st-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.st-steps li{background:#F4F5F7;border-radius:18px;padding:18px}
.st-steps li>span{display:inline-flex;width:32px;height:32px;border-radius:999px;background:#0E1A2B;color:#FFFFFF;align-items:center;justify-content:center;font-weight:700}
.st-steps p{margin:10px 0 0;font-size:15px;overflow-wrap:anywhere}

/* ---- about ---- */
.st-info{width:100%;border-collapse:collapse}
.st-info th,.st-info td{text-align:left;padding:12px 16px;border-bottom:1px solid #E3E6EA;font-size:15px;vertical-align:top;overflow-wrap:anywhere}
.st-info th{width:42%;font-weight:500;color:#3B4656}
.st-info tr:last-child th,.st-info tr:last-child td{border-bottom:0}

/* ---- questions ---- */
.st-faq .st-h2{margin-bottom:6px}
.st-faq details{border-bottom:1px solid #E3E6EA}
.st-faq summary{padding:14px 0;font-weight:600;cursor:pointer;list-style:none}
.st-faq summary::-webkit-details-marker{display:none}
.st-faq p{margin:-6px 0 0;padding-bottom:14px;color:#3B4656}

/* ---- shop cards (similar shops, the biggest shops, search results on /magazine) ---- */
.st-stores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.st-stores a{display:flex;align-items:center;gap:12px;height:100%;border:1px solid #E3E6EA;border-radius:16px;padding:14px;text-decoration:none}
.st-stores a:hover{border-color:#0E1A2B;color:#0E1A2B}
.st-stores i{flex:none;width:40px;height:40px;border-radius:999px;background:#EEF0F3;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}
.st-stores span{display:flex;flex-direction:column;min-width:0}
.st-stores strong{font-size:15px;overflow-wrap:anywhere}
.st-stores small{font-size:13px;color:#3B4656;overflow-wrap:anywhere}

/* ---- aside ---- */
.st-toc{border:1px solid #E3E6EA;border-radius:20px;padding:18px}
.st-cap{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#444E5B}
.st-toc ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.st-nl{border-radius:20px;padding:20px;background:#0E1A2B;color:#FFFFFF;display:flex;flex-direction:column;gap:10px}
.st-nl h2{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:20px;line-height:26px;overflow-wrap:anywhere}
.st-nl p{margin:0;font-size:14px;color:#C9D1DB}
.st-nl input[type=email]{height:46px;border-radius:12px;border:0;padding:0 14px;font-family:Inter,system-ui,sans-serif;font-size:15px;color:#0E1A2B;background:#FFFFFF;min-width:0}
.st-nl input[type=email]:focus-visible,.st-nl button:focus-visible{outline-color:#FFFFFF}
.st-nl button{height:46px;border-radius:999px;border:0;background:#8C2F10;color:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer}
.st-nl button:hover{filter:brightness(0.9)}
.st-nl .ok{font-size:13px;color:#86EFAC}
.st-nl .ok:target{display:block}
.st-nl .err{display:none;font-size:13px;color:#FCA5A5}
.st-nl .err:target{display:block}
.st-box{border:1px solid #E3E6EA;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#3B4656}
.st-box strong{color:#0E1A2B;font-size:15px}
.st-box a{overflow-wrap:anywhere}

/* ---- /magazine: the A–Z index ---- */
.sx-form{margin-top:20px;max-width:620px}
.sx-box{display:flex;align-items:center;gap:10px;height:52px;padding:0 4px 0 18px;border-radius:999px;background:#F1F3F5;border:1px solid #F1F3F5}
.sx-box:focus-within{background:#FFFFFF;border-color:#0E1A2B}
.sx-box input{flex:1 1 auto;min-width:0;height:100%;border:0;outline:none;background:transparent;font-family:Inter,system-ui,sans-serif;font-size:16px;color:#0E1A2B;padding:0}
.sx-box input::-webkit-search-cancel-button{display:none}
.sx-box button{flex:none;height:44px;padding:0 20px;border-radius:999px;border:0;background:#0E1A2B;color:#FFFFFF;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer}
.sx-sec{margin-top:44px}
.sx-sec .st-h2 small{margin-left:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:20px;font-weight:400;color:#444E5B;letter-spacing:0}
.sx-top{grid-template-columns:repeat(4,minmax(0,1fr))}
.sx-az{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px;margin-top:44px;padding:10px 0;background:#FFFFFF;border-bottom:1px solid #E3E6EA}
.sx-az a,.sx-az span{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;border:1px solid #D5DAE0;font-weight:600;font-size:15px;text-decoration:none;color:#0E1A2B}
.sx-az a:hover{border-color:#0E1A2B;color:#0E1A2B}
.sx-az a.on{border-color:#0E1A2B;background:#0E1A2B;color:#FFFFFF}
.sx-az span{color:#8A94A3;border-color:#EEF0F3}
.sx-letter{margin-top:36px;scroll-margin-top:76px;content-visibility:auto;contain-intrinsic-size:auto 640px}
.sx-letter .st-h2{margin-bottom:6px}
.sx-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}
.sx-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #F1F3F5;font-size:13px;color:#444E5B}
.sx-list a{flex:1 1 auto;min-width:0;padding:8px 0;font-size:15px;color:#0E1A2B;text-decoration:none;overflow-wrap:anywhere}
.sx-list a:hover{text-decoration:underline;color:#0E1A2B}
.sx-more{margin:12px 0 0;font-size:14px}
.sx-more a{font-weight:600}
.sx-note{margin:36px 0 0;max-width:820px;font-size:14px;color:#3B4656}

@media (max-width:1180px){.sx-list{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-top{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.st-aside{max-width:none}}
@media (max-width:900px){.sx-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
.st-coupon{grid-template-columns:72px minmax(0,1fr)}
.st-c-act{grid-column:1 / -1}
.st-stores{grid-template-columns:repeat(2,minmax(0,1fr))}
.st-h1{font-size:28px;line-height:34px}
.sx-az{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
.sx-az::-webkit-scrollbar{display:none}
}
@media (max-width:640px){.sx-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}
@media (max-width:400px){.st-stores,.sx-list{grid-template-columns:minmax(0,1fr)}}
/* touch screens: every link in a list is at least 44 px tall */
@media (pointer:coarse){
.st-toc ul{gap:0}
.st-toc a,.st-box a{display:flex;align-items:center;min-height:44px}
.st-box{gap:0}
.sx-list a{padding:11px 0}
.st-cheap tbody th a{display:inline-block;padding:11px 0}
.st-cheap .btn-outline{height:44px}
}

/* ---- coupons (Store board) + discount.ro content ---- */
.st-logo-img{overflow:hidden}
.st-logo-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.st-h1 small{font-size:0.55em;font-weight:700;color:#444E5B;white-space:nowrap}
.st-stars{color:#6B3D05;letter-spacing:1px}
.st-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;color:#3B4656}
.st-badges .ok{display:inline-flex;align-items:center;gap:4px;color:#064E3B;font-weight:700}
.st-badges .ok svg{width:14px;height:14px}
.st-badges .ex{color:#4338CA;font-weight:700}
.st-terms summary{font-size:13px;font-weight:600;text-decoration:underline;color:#3B4656;cursor:pointer}
.st-terms p{margin:6px 0 0;font-size:13px;color:#3B4656}
.st-cfilters{display:flex;flex-wrap:wrap;gap:6px}
.st-cfilters button{height:38px;padding:0 14px;border-radius:999px;border:1px solid #D5DAE0;background:#FFFFFF;color:#0E1A2B;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.st-cfilters button span{opacity:.75}
.st-cfilters button[aria-pressed=true]{border-color:#0E1A2B;background:#0E1A2B;color:#FFFFFF}
.st-reveal{display:flex;flex-direction:column;gap:8px}
.st-reveal>summary{list-style:none}
.st-reveal>summary::-webkit-details-marker{display:none}
.st-c-main{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:999px;background:#8C2F10;color:#FFFFFF;font-weight:700;font-size:15px;cursor:pointer}
.st-c-main span{font-family:ui-monospace,monospace;opacity:.85}
.st-reveal[open]>summary{display:none}
.st-code{display:flex;align-items:center;height:48px;border:2px dashed #0E1A2B;border-radius:14px;overflow:hidden}
.st-code span{flex:1 1 auto;min-width:0;text-align:center;font-family:ui-monospace,monospace;font-weight:700;font-size:15px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;user-select:all}
.st-code button{height:100%;padding:0 14px;border:0;background:#0E1A2B;color:#FFFFFF;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.st-c-note{font-size:12px;color:#3B4656;text-align:center}
.st-cup[hidden]{display:none}
.st-desc{line-height:1.65;color:#1F2A37}
.st-desc h2{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:24px;line-height:30px;margin:28px 0 10px;color:#0E1A2B}
.st-desc h3{font-size:18px;margin:20px 0 8px}
.st-desc p{margin:0 0 12px}
.st-desc ul,.st-desc ol{margin:0 0 12px;padding-left:22px}
.st-desc li{margin:4px 0}
.st-desc table{border-collapse:collapse;margin:0 0 12px}
.st-desc td,.st-desc th{border:1px solid #E3E6EA;padding:6px 10px;text-align:left}
.js .st-desc-in.short{max-height:360px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.st-video iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:18px}
.st-faq-a{margin:8px 0 0;color:#3B4656}
.st-faq-a p{margin:0 0 8px}
.st-ticks{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.st-ticks li{display:flex;align-items:center;gap:8px}
.st-ticks svg{width:14px;height:14px;color:#14532D;flex:none}
.st-contact{font-size:14px;color:#3B4656}
.st-contact .ok{display:flex;align-items:center;gap:6px;color:#064E3B}
.st-contact .ok svg{width:15px;height:15px}
.st-contact a{overflow-wrap:anywhere}

/* no inner scrolls on desktop (general rule) */
@media (min-width:901px){.sx-az{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}}
/* desktop: no inner scroll (UI rule 1) */
@media (min-width:901px){.st-tbl{overflow:clip}.st-tbl table{min-width:0}.st-tbl th,.st-tbl td{overflow-wrap:anywhere}}
/* imported "how to apply a code" steps: the number is a badge on its step's row */
.st-desc .st-nsteps{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.st-nsteps li{display:flex;align-items:flex-start;gap:12px;margin:0}
.st-num{flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:#0E1A2B;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}

/* the row's "Compară" button never breaks inside the word: its cell is as wide as the button (owner 2026-11-13) */
.st-cheap td.act{white-space:nowrap;width:1%}
.st-cheap td.act a{white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* the shop's general page and the link box between a shop's two pages (owner 2026-11-13) */
.st-hero-acts{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.st-hero-acts .btn-outline{justify-content:center}
.st-facts a{color:inherit}
.st-shopbox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border:1px solid #E3E6EA;border-radius:20px}
.st-shopbox>div{flex:1 1 320px;min-width:0}
.st-shopbox .st-sub{margin:4px 0 0}
.st-rate{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid #E3E6EA;border-radius:20px}
.st-rate>strong{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:44px;line-height:1;color:#0E1A2B}
.st-rate p{margin:4px 0 0;font-size:14px;color:#3B4656}
.st-rate .st-stars{font-size:18px;color:#8C2F10}
.st-stores img{flex:none;width:40px;height:40px;border-radius:999px;object-fit:contain;background:#fff;border:1px solid #EEF0F3}
@media (max-width:760px){.st-hero-acts{flex:1 0 100%}.st-rate>strong{font-size:36px}}

/* the one-sentence answer above a shop's coupons */
.st-answer{margin:0 0 16px;max-width:760px}   /* plain text, the page's own sub-heading style */