/* discount.ro's imported pages (server/views/discount.mjs): categories, store lists, guides, Black Friday, site map,
   static pages. Builds on site.css + store.css; mobile first, nothing wider than the screen at 375 px. */
.dr{padding-bottom:48px}
.dr .h1{overflow-wrap:anywhere}
.dr .lead{margin-top:10px}
.dr-sec{margin-top:36px}
.dr-sec .st-h2 small{margin-left:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:#5B6675;letter-spacing:0}
.dr-chips{margin-top:18px}
.chips .rel.on{background:#0E1A2B;color:#FFFFFF}

/* layout: main column + aside (categories) */
.dr-layout{display:flex;flex-direction:column;gap:32px;margin-top:24px}
.dr-main{min-width:0;flex:1 1 auto}
.dr-aside{min-width:0}
@media (min-width:1000px){.dr-layout{flex-direction:row;align-items:flex-start}.dr-aside{flex:0 0 300px;position:sticky;top:12px}}

/* store tiles */
.dr-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dr-tiles a{display:flex;align-items:center;gap:12px;height:100%;border:1px solid #E3E6EA;border-radius:16px;padding:12px;text-decoration:none;color:#0E1A2B;background:#FFFFFF}
.dr-tiles a:hover{border-color:#0E1A2B;color:#0E1A2B}
.dr-tiles img,.dr-tiles i{flex:none;width:56px;height:56px;border-radius:12px;object-fit:contain;background:#FFFFFF;border:1px solid #EEF0F3}
.dr-tiles i{display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:20px;background:#EEF0F3}
.dr-tiles span{display:flex;flex-direction:column;min-width:0;gap:2px}
.dr-tiles strong{font-size:15px;overflow-wrap:anywhere}
.dr-tiles small{font-size:13px;color:#065F46;font-weight:600}
.dr-tiles em{font-style:normal;font-size:13px;color:#3B4656}
@media (min-width:560px){.dr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.dr-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.dr-main .dr-tiles,.dr>.dr-sec .dr-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dr-aside .dr-tiles,.dr-tiles-s{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px) and (max-width:999px){.dr-aside .dr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dr-tiles-s img,.dr-tiles-s i{width:40px;height:40px;border-radius:10px}
.dr-tiles-s a{padding:10px}

/* coupon cards: the store under the title */
.dr-cup-store{font-size:13px;color:#3B4656;font-weight:600}

/* recommended logos */
.dr-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dr-logos a{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid #E3E6EA;border-radius:16px;padding:10px;background:#FFFFFF;text-decoration:none}
.dr-logos a:hover{border-color:#0E1A2B}
.dr-logos img{width:100%;height:100%;object-fit:contain}
.dr-logos i{font-style:normal;font-weight:800;font-size:24px}
@media (min-width:640px){.dr-logos{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1100px){.dr-logos{grid-template-columns:repeat(8,minmax(0,1fr))}}
.dr-az{margin:0 0 18px}

/* guide cards */
.dr-cards{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.dr-cards a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#0E1A2B}
.dr-cards a:hover strong{text-decoration:underline}
.dr-card-img{display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#F4F5F7}
.dr-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.dr-cards strong{font-size:17px;line-height:23px}
.dr-cards small{font-size:13px;color:#5B6675}
@media (min-width:600px){.dr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.dr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* article + static text */
.dr-art,.dr-static{max-width:1000px}
.dr-art-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;font-size:14px;color:#5B6675}
.dr-art-img{display:block;width:100%;max-width:660px;height:auto;margin-top:20px;border-radius:16px}
.dr-art-grid{display:flex;flex-direction:column;gap:24px;margin-top:28px}
.dr-toc{min-width:0}
@media (min-width:1000px){.dr-art-grid{flex-direction:row;align-items:flex-start}.dr-toc{flex:0 0 240px;position:sticky;top:12px}}
.dr-text{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.dr-text p{margin:0 0 14px}
.dr-text ul,.dr-text ol{margin:0 0 14px;padding-left:22px}
.dr-text li{margin:4px 0}
.dr-text h2:first-child,.dr-text h3:first-child{margin-top:0}
.dr-text h4{font-size:16px;margin:18px 0 6px}
.dr-text img{display:block;height:auto;border-radius:12px;margin:12px 0}
.dr-text iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:12px 0}
.dr-text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 16px;font-size:14px}
.dr-text td,.dr-text th{border:1px solid #E3E6EA;padding:8px 10px;vertical-align:top}
.dr-static .dr-text{margin-top:20px}
.dr-faq{margin-top:40px}

/* all categories */
.dr-catlist{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dr-catlist a{display:flex;flex-direction:column;gap:2px;border:1px solid #E3E6EA;border-radius:16px;padding:14px 16px;text-decoration:none;color:#0E1A2B}
.dr-catlist a:hover{border-color:#0E1A2B;color:#0E1A2B}
.dr-catlist small{font-size:13px;color:#5B6675}
@media (min-width:560px){.dr-catlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.dr-catlist{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* site map */
.dr-map{list-style:none;margin:0;padding:0;columns:2;column-gap:20px;font-size:14px}
.dr-map li{break-inside:avoid;padding:4px 0}
.dr-map a{color:#3B4656;overflow-wrap:anywhere}
@media (min-width:700px){.dr-map{columns:3}}
@media (min-width:1100px){.dr-map{columns:4}.dr-map-l{columns:5}}
.dr-faq summary .faq-q{display:inline;margin:0;font:inherit}