/* Discount.ro: retail catalogues (/cataloage/, /magazin/<shop>/catalog/, the viewer). kimbino.ro's layout in the
   site's visual language: cover cards with validity + page count, one page at a time with arrows and thumbnails. */
.lf{padding-top:18px;padding-bottom:48px}
.lf-head{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.lf-sec{margin-top:40px}
.lf-hero .st-logo img{width:96px;height:96px;object-fit:contain;border-radius:999px}
.lf-hero .st-facts a{font-weight:600}
.lf-body{display:flex;flex-direction:column}

/* retailer chips */
.lf-shopnav{margin-top:22px}
.lf-shopnav ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lf-shopnav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #E3E6EA;border-radius:999px;background:#fff;color:#0E1A2B;font-weight:600;text-decoration:none}
.lf-shopnav a:hover{border-color:#0E1A2B}
.lf-shopnav a span{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#C2410C;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}

/* cover cards */
.lf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;margin:0;padding:0;list-style:none}
.lf-grid.small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.lf-card a{display:flex;flex-direction:column;gap:10px;color:#0E1A2B;text-decoration:none}
.lf-cover{position:relative;display:block;aspect-ratio:360/510;border-radius:14px;overflow:hidden;background:#F4F5F7;border:1px solid #E3E6EA}
.lf-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.lf-card a:hover .lf-cover img{transform:scale(1.03)}
.lf-card.is-old .lf-cover img{filter:grayscale(.85);opacity:.75}
.lf-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.lf-meta strong{font-size:15px;line-height:20px;overflow-wrap:anywhere}
.lf-meta small{font-size:13px;color:#3B4656}
.lf-shop{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#C2410C}
.lf-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:#0E1A2B}
.lf-badge.new{background:#C2410C}
.lf-badge.soon{background:#065F46}
.lf-badge.last{background:#B42318}
.lf-badge.old{background:#6B7280}
.lf-vfacts .lf-badge{position:static}

/* retailer list */
.lf-shops{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.lf-shops a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #E3E6EA;border-radius:16px;color:#0E1A2B;text-decoration:none}
.lf-shops a:hover{border-color:#0E1A2B}
.lf-shops i{flex:none;width:40px;height:40px;border-radius:999px;background:#F4F5F7;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.lf-shops span{display:flex;flex-direction:column;min-width:0}
.lf-shops small{color:#3B4656}
.lf-text{max-width:860px;line-height:1.65;color:#1F2A37}
.lf-text h2,.lf-text h3{font-family:Archivo,Inter,sans-serif;line-height:1.25}

/* viewer */
.lf-vhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}
.lf-h1{margin:0;font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:30px;line-height:36px;overflow-wrap:anywhere}
.lf-h1 span{color:#C2410C}
.lf-vfacts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 0;font-size:14px;color:#3B4656}
.lf-warn{margin:16px 0 0;padding:12px 16px;border-radius:14px;background:#FDECEA;color:#7A1C12}
.lf-reader{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;margin-top:18px;padding:16px;border-radius:24px;background:#F4F5F7}
.lf-page{margin:0;display:flex;justify-content:center}
.lf-page img{max-width:100%;height:auto;max-height:calc(100vh - 140px);width:auto;border-radius:6px;box-shadow:0 2px 14px rgba(14,26,43,.14);background:#fff}
.lf-nav{width:56px;height:56px;border-radius:999px;background:#fff;color:#0E1A2B;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 6px rgba(14,26,43,.12)}
.lf-nav:hover{background:#0E1A2B;color:#fff}
.lf-nav[aria-disabled="true"]{opacity:.35;pointer-events:none}
.lf-count{grid-column:1/-1;margin:0;text-align:center;font-weight:700;font-size:14px}
.lf-thumbs{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lf-thumbs ol{display:flex;gap:10px;margin:0;padding:4px 2px 10px;list-style:none}
.lf-thumbs a{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;color:#3B4656;font-size:12px;text-decoration:none}
.lf-thumbs img{width:84px;height:auto;aspect-ratio:120/170;object-fit:cover;border-radius:6px;border:2px solid transparent;background:#F4F5F7}
.lf-thumbs a[aria-current="page"] img{border-color:#C2410C}
.lf-thumbs a[aria-current="page"]{color:#C2410C;font-weight:700}
.lf-ptext{margin-top:18px;border:1px solid #E3E6EA;border-radius:16px;padding:12px 16px}
.lf-ptext summary{cursor:pointer;font-weight:600;min-height:28px}
.lf-ptext pre{white-space:pre-wrap;font:13px/1.5 Inter,system-ui,sans-serif;color:#1F2A37;max-height:420px;overflow:auto}

@media (max-width:640px){
  .lf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .lf-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lf-h1{font-size:24px;line-height:30px}
  .lf-reader{grid-template-columns:minmax(0,1fr);padding:8px;border-radius:16px}
  .lf-page{grid-row:1}
  .lf-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;opacity:.9}
  .lf-nav.prev{left:6px}
  .lf-nav.next{right:6px}
  .lf-page img{max-height:none}
}