/* FlyerHub v0.3 – theme-independent, responsive flyer cards */
.fh-wrap{--fh-ink:#14243c;--fh-muted:#64748b;--fh-line:#e2e8f0;--fh-bg:#fff;font-family:inherit}.fh-wrap *{box-sizing:border-box}.fh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:24px;margin:24px 0}.fh-card{min-width:0;background:var(--fh-bg);border:1px solid var(--fh-line);border-radius:16px;overflow:hidden;box-shadow:0 9px 30px rgba(20,36,60,.05);transition:box-shadow .18s,transform .18s}.fh-card:hover{box-shadow:0 16px 34px rgba(20,36,60,.11);transform:translateY(-2px)}.fh-image{height:265px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:14px;border-bottom:1px solid #edf0f3}.fh-image img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 12px rgba(0,0,0,.06)}.fh-placeholder{font-size:30px;font-weight:700;letter-spacing:.06em;color:#8a98aa}.fh-content{padding:22px}.fh-company{display:block;color:#486380;font-size:12px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;margin-bottom:9px}.fh-content h3{font-size:20px!important;font-weight:650;line-height:1.32;margin:0 0 12px!important;color:var(--fh-ink)}.fh-date{font-size:13px;margin:0 0 20px!important;color:var(--fh-muted)}.fh-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fh-view,.fh-primary-link{appearance:none;border:0;background:#162b4a!important;color:white!important;border-radius:9px;padding:11px 16px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-decoration:none!important;line-height:1.5}.fh-view:hover,.fh-primary-link:hover{background:#264770!important}.fh-file-link{font-size:13px;text-decoration:none!important;font-weight:600;color:#315477!important}.fh-file-link:hover{text-decoration:underline!important}.fh-empty{color:#64748b;margin:24px 0}.fh-modal[hidden]{display:none!important}.fh-modal{position:fixed;inset:0;z-index:999999;display:flex;justify-content:center;align-items:center;padding:24px}.fh-modal-backdrop{position:absolute;inset:0;background:rgba(7,15,28,.78)}.fh-modal-panel{position:relative;display:flex;flex-direction:column;width:min(1100px,100%);height:min(90vh,900px);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 28px 75px rgba(0,0,0,.35)}.fh-modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#14243c}.fh-modal-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-modal-tools{display:flex;align-items:center;gap:16px;flex-shrink:0}.fh-modal-open{font-size:13px;color:#24496c!important}.fh-modal-close{background:#eef2f6;border:0;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:19px;color:#1e293b}.fh-modal-frame{flex:1;width:100%;height:100%;border:0;background:#f8fafc}body.fh-modal-open-body{overflow:hidden}@media(max-width:600px){.fh-grid{grid-template-columns:1fr;gap:16px}.fh-image{height:240px}.fh-modal{padding:0}.fh-modal-panel{height:100dvh;border-radius:0}.fh-modal-header{padding:10px}.fh-modal-open{font-size:11px}}

/* 0.4 filters */
.fh-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;align-items:end}.fh-filter{display:flex;flex:1 1 190px;min-width:150px;flex-direction:column;gap:6px;color:#334155;font-size:13px;font-weight:600}.fh-filter input,.fh-filter select{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;padding:8px 11px;background:#fff;color:#14243c;font:inherit}.fh-category-label{display:block;color:#64748b;font-size:12px;margin:0 0 9px}.fh-filter-empty{padding:18px;background:#f8fafc;border-radius:10px;color:#475569}.fh-card[hidden]{display:none!important}

/* v0.5 customizable presentation */
.fh-wrap .fh-grid{grid-template-columns:repeat(var(--fh-columns,3),minmax(min(100%,var(--fh-card-min,260px)),1fr))}
.fh-wrap .fh-view,.fh-wrap .fh-primary-link{background:var(--fh-accent,#162b4a)!important}
.fh-wrap .fh-view:hover,.fh-wrap .fh-primary-link:hover{filter:brightness(1.12)}
.fh-wrap .fh-filter-hidden,.fh-wrap.fh-hide-retailer .fh-company,.fh-wrap.fh-hide-category .fh-category-label{display:none!important}
@media(max-width:900px){.fh-wrap .fh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fh-wrap .fh-grid{grid-template-columns:1fr}}

/* v0.6 Händlerprofile */
.fh-retailer-line{display:flex;gap:10px;align-items:center;margin-bottom:9px}.fh-retailer-line .fh-company{margin:0}.fh-retailer-logo{width:38px;height:38px;object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;padding:3px}.fh-retailer-line a.fh-company{text-decoration:none;color:#486380}.fh-retailer-line a.fh-company:hover{text-decoration:underline}.fh-profile{display:flex;align-items:center;gap:24px;padding:22px;margin:0 0 22px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.fh-profile-logo{width:110px;height:100px;object-fit:contain;background:white;border-radius:12px;padding:10px}.fh-profile-details h2{margin:10px 0;font-size:26px}.fh-profile-details a{margin-right:15px}.fh-profile-details .fh-back{font-size:13px}.fh-wrap .fh-view,.fh-wrap .fh-primary-link{color:var(--fh-accent-text,#fff)!important}.fh-wrap.fh-hide-retailer .fh-retailer-line{display:none!important}@media(max-width:600px){.fh-profile{align-items:flex-start;gap:12px;padding:14px}.fh-profile-logo{width:70px;height:70px}}

/* v0.9 mobile usability: scoped to FlyerHub only */
.fh-wrap{max-width:100%;min-width:0}.fh-wrap .fh-card{min-width:0}.fh-wrap .fh-card[hidden]{display:none!important}
.fh-wrap .fh-actions a,.fh-wrap .fh-actions button,.fh-wrap .fh-retailer-filter,.fh-wrap .fh-category-filter,.fh-wrap .fh-search{min-height:44px}
.fh-modal-close{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.fh-modal-open{min-height:44px;display:inline-flex;align-items:center}
.fh-modal-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.fh-modal-frame{display:block;min-height:0}
.fh-wrap .fh-filterbar,.fh-wrap .fh-filters{max-width:100%}
@media(max-width:767px){
 .fh-wrap .fh-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin:16px 0}
 .fh-wrap .fh-image{height:auto;min-height:190px;max-height:300px;aspect-ratio: 4/3;padding:12px}
 .fh-wrap .fh-image img{max-height:275px;max-width:100%;object-fit:contain}
 .fh-wrap .fh-content{padding:18px}
 .fh-wrap .fh-actions{gap:10px}
 .fh-wrap .fh-view,.fh-wrap .fh-primary-link{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
 .fh-wrap .fh-filters,.fh-wrap .fh-filterbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .fh-wrap .fh-filters>*,.fh-wrap .fh-filterbar>*{width:100%!important;min-width:0!important;max-width:100%!important}
 .fh-wrap .fh-search,.fh-wrap select{width:100%;max-width:100%;font-size:16px!important}
 .fh-profile{flex-wrap:wrap}.fh-profile-details{min-width:0;overflow-wrap:anywhere}
 .fh-modal{padding:0!important;align-items:stretch}
 .fh-modal-panel{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0}
 .fh-modal-header{gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));min-height:62px}
 .fh-modal-title{font-size:14px;max-width:38vw}
 .fh-modal-tools{gap:8px}
 .fh-modal-open{font-size:12px;text-align:center;line-height:1.2;max-width:120px}
 .fh-modal-frame{height:100%;min-height:0}
}
@media(max-width:370px){.fh-modal-title{max-width:28vw}.fh-modal-open{max-width:105px;font-size:11px}.fh-modal-header{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.fh-card{transition:none!important}.fh-card:hover{transform:none!important}}

/* Server-side offer pagination (v0.12.2) */
.fh-pagination { margin: 26px 0; }
.fh-pagination .page-numbers { display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0; }
.fh-pagination a,.fh-pagination span { display:inline-block;padding:9px 13px;border:1px solid #d9e1ed;border-radius:8px;text-decoration:none; }
.fh-pagination .current { font-weight:700;background:#edf3fc; }

/* v0.12.3: constrained readable cards and real server-side filters */
.fh-wrap{width:100%;max-width:1440px;margin-inline:auto}
.fh-wrap .fh-grid{grid-template-columns:repeat(var(--fh-columns,3),minmax(0,1fr))}
.fh-wrap .fh-image{height:300px}
.fh-wrap .fh-image img{max-height:100%}
.fh-wrap .fh-toolbar{align-items:end}
.fh-wrap .fh-filter-submit{min-height:44px;padding:9px 18px;border:0;border-radius:9px;background:var(--fh-accent,#162b4a);color:var(--fh-accent-text,#fff);cursor:pointer;font:inherit;font-weight:650}
.fh-wrap .fh-filter-reset{min-height:44px;display:inline-flex;align-items:center;padding:6px 8px}
@media(max-width:900px){.fh-wrap .fh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.fh-wrap .fh-grid{grid-template-columns:1fr!important}.fh-wrap .fh-image{height:260px}}