:root{--red:#e31b3c;--red-d:#b0132d;--ink:#333;--mute:#777;--bg:#f4f4f4;--card:#fff;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:15px/1.5 "Open Sans",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
:focus-visible{outline:3px solid #111;outline-offset:2px}

/* felső sáv */
.top{background:#fafafa;border-bottom:1px solid #e5e5e5;font-size:13px;color:var(--mute)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:6px 18px;flex-wrap:wrap;padding-top:4px;padding-bottom:4px}

/* logó */
.logo{padding:18px 0 14px}
.logo a{display:inline-block}
.logo img{height:80px;width:auto}

/* menü */
.nav{background:var(--red);position:relative}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap}
.nav li{position:relative;flex:1 1 auto}
.nav a{display:block;padding:15px clamp(6px,1.1vw,16px);color:#fff;font-family:Arial,sans-serif;font-size:clamp(12px,1.25vw,15px);white-space:nowrap;text-align:center;text-transform:uppercase}
.nav li:hover>a,.nav li.active>a,.nav li:focus-within>a{background:var(--red-d)}
.nav .sub{display:none;position:absolute;left:0;top:100%;min-width:230px;background:var(--red-d);z-index:30;box-shadow:0 6px 14px rgba(0,0,0,.25)}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
.nav .sub a{font-size:14px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.15)}
.nav .sub a:hover{background:#8f0f24}
.has-sub>a::after{content:" ▾";font-size:11px}
.nav .burger{display:none;width:100%;padding:14px 16px;background:none;border:0;color:#fff;font:16px Arial,sans-serif;text-align:left;text-transform:uppercase;cursor:pointer}
.nav li:last-child .sub{left:auto;right:0}

/* slider */
.slider{position:relative;margin-top:20px;overflow:hidden;background:var(--bg)}   /* a magasságot a banner képek saját aránya adja – nincs szürke csík */
.slides{display:flex;align-items:stretch;transition:transform .7s ease}
.slide{flex:0 0 100%}
.slide a,.slide img{display:block;width:100%;height:100%;object-fit:cover}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:22px;cursor:pointer}
.arrow:hover{background:rgba(0,0,0,.7)}
.prev{left:12px}.next{right:12px}
.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:#fff}

/* tartalom */
.main{display:grid;grid-template-columns:minmax(0,1fr) 20%;gap:20px;margin:22px 0}
.col-wide{display:grid;gap:20px;align-content:start;min-width:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--card);box-shadow:0 1px 4px rgba(0,0,0,.12);padding:20px}
.card.poster{padding:30px}
.card h3{margin:0 0 4px;font:italic 400 15px Georgia,serif;text-align:center}
.card p{color:var(--mute);margin:.6em 0;text-align:justify}
.card .more{display:inline-block;margin-top:8px;color:#888;font-size:18px;text-transform:uppercase}
.card .more:hover{color:var(--red)}
.side{display:grid;gap:20px;align-content:start}
.side a{display:block;background:#fff;overflow:hidden}
.side a:hover img{filter:brightness(1.05)}
.tile-label{background:var(--red);color:#fff;font:700 21px Arial,sans-serif;text-align:center;padding:6px;text-transform:uppercase}
.banner{display:block;overflow:hidden}
.card img,.side img,.banner img{width:100%;height:auto}
.banner img{transition:transform .4s}
.banner:hover img{transform:scale(1.03)}

/* lábléc */
footer{background:#222;color:#999;margin-top:30px;font-size:14px}
footer .wrap{padding-top:22px;padding-bottom:26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-end}
footer ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0}
footer li+li{border-left:1px solid #555;margin-left:14px;padding-left:14px}
footer a:hover{color:#fff}
.social{display:flex;gap:8px}
.social a{width:48px;height:48px;display:grid;place-items:center;color:#fff;font:700 20px Arial}
.social a:nth-child(1){background:#e00}.social a:nth-child(2){background:#3b5998}.social a:nth-child(3){background:#d6249f}

/* reszponzív */
@media (max-width:900px){
  .main{grid-template-columns:1fr}
  .col-wide{grid-column:1/-1}
  .side{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (max-width:1024px){
  .nav .burger{display:block}
  .nav ul{display:none;flex-direction:column}
  .nav.open ul{display:flex}
  .nav a{text-align:left;font-size:16px;padding:14px 18px;white-space:normal}
  .nav .sub{position:static;display:none;box-shadow:none}
  .nav li.expanded>.sub{display:block}
  .nav li:hover>.sub{display:none}
  .nav li.expanded:hover>.sub{display:block}
}
@media (max-width:760px){
  .arrow{width:36px;height:36px}
  .logo img{height:60px}
}
@media (max-width:600px){
  .main,.row2{grid-template-columns:1fr}
  .card.poster{padding:16px}
}
@media (prefers-reduced-motion:reduce){.slides{transition:none}}

/* dokumentum megjelenítő */
[hidden]{display:none!important}
#viewer{margin:20px 0 0}
.viewer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;padding:12px 16px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.viewer-bar h2{margin:0;font:700 18px Arial,sans-serif;flex:1;min-width:200px}
.viewer-bar a,.viewer-bar button{background:var(--red);color:#fff;border:0;padding:9px 16px;font:14px Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.viewer-bar a.alt{background:#666}
.viewer-bar a:hover,.viewer-bar button:hover{filter:brightness(.9)}
#viewer iframe{display:block;width:100%;height:calc(100vh - 150px);min-height:600px;border:0;background:#fff;margin-top:12px}
#viewer img{display:block;max-width:100%;height:auto;margin:12px auto 0;background:#fff}

/* akciós újság */
.page-title{margin:26px 0 0;padding-bottom:10px;border-bottom:3px solid var(--red);font:700 26px Arial,sans-serif}
.np-status{text-align:center;color:var(--mute);padding:40px 0}
.reader{position:relative;max-width:960px;margin:22px auto 0;padding:0 64px;min-height:300px}
.reader figure{margin:0;text-align:center}
.reader img{display:block;margin:0 auto;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:zoom-in}
.reader figcaption{margin-top:10px;color:var(--mute);font-size:14px}
.np-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.np-btn:hover:not(:disabled){background:var(--red-d)}
.np-btn:disabled{background:#bbb;cursor:default}
.np-prev{left:0}.np-next{right:0}
.np-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 8px}
.np-pages button{min-width:36px;height:36px;border:1px solid #ccc;background:#fff;font:14px Arial,sans-serif;cursor:pointer}
.np-pages button:hover{border-color:var(--red)}
.np-pages button[aria-current="true"]{background:var(--red);border-color:var(--red);color:#fff}

/* lightbox */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}
.lb img{max-width:92vw;max-height:92vh;object-fit:contain;background:#fff}
.lb-btn,.lb-close{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}
.lb-btn{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:34px;line-height:1}
.lb-prev{left:16px}.lb-next{right:16px}
.lb-close{top:14px;right:16px;width:44px;height:44px;font-size:28px;line-height:1}
.lb-btn:hover:not(:disabled),.lb-close:hover{background:rgba(255,255,255,.35)}
.lb-btn:disabled{opacity:.25;cursor:default}
.lb-count{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font:14px Arial,sans-serif}
@media (max-width:700px){
  .reader{padding:0}
  .np-btn{width:42px;height:42px;font-size:26px;background:rgba(227,27,60,.85)}
  .np-prev{left:6px}.np-next{right:6px}
  .lb-btn{width:44px;height:44px;font-size:28px}
  .lb-prev{left:6px}.lb-next{right:6px}
}

/* Facebook bejegyzések */
.fb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 10px}
.fb-card{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.fb-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.fb-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
a.fb-img:hover img{transform:scale(1.03)}
.fb-body{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}
.fb-body time{color:var(--mute);font-size:13px}
.fb-text{margin:0;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.fb-body .more{margin-top:auto;padding-top:6px;color:var(--red);font-size:15px;text-transform:none}
.fb-body .more:hover{color:var(--red-d)}
.fb-more{text-align:center;margin:10px 0 0}
.fb-more a{color:var(--red);font-size:16px}
.np-status a{color:var(--red);text-decoration:underline}
@media (max-width:1000px){.fb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.fb-grid{grid-template-columns:1fr}}

/* felső sáv: gyorslinkek + éjjel-nappal panel */
.quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 18px}
.quick a,.quick button{padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-appearance:none;appearance:none;color:#555;font:13px Arial,sans-serif;white-space:nowrap;cursor:pointer}
.quick a:hover,.quick button:hover{color:var(--red)}
.quick button.night{color:var(--red);font-weight:700}
.quick button.night:hover{color:var(--red-d)}
dialog.stores{width:calc(100% - 32px);max-width:460px;padding:0;border:0;box-shadow:0 10px 40px rgba(0,0,0,.35)}
dialog.stores::backdrop{background:rgba(0,0,0,.6)}
.stores-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:var(--red);color:#fff}
.stores-head h2{margin:0;font:700 17px Arial,sans-serif}
.stores-close{border:0;background:none;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.stores ul{margin:0;padding:6px 18px 12px;list-style:none}
.stores li{padding:14px 0;border-bottom:1px solid #eee}
.stores li:last-child{border-bottom:0}
.stores strong{display:block;font-size:17px}
.stores small{color:var(--mute)}
.stores a{color:var(--red)}
@media (max-width:600px){
  #datum{display:none}
  .top .wrap{justify-content:center;flex-wrap:nowrap}
  .quick{flex-wrap:nowrap;justify-content:center;gap:0 14px}
  .quick a,.quick button{font-size:12.5px}
}
@media (max-width:380px){
  .quick{gap:0 9px}
  .quick a,.quick button{font-size:12px}
}

/* a menüsáv magassága a betöltés alatt se ugorjon */
.nav{min-height:52px}

/* tartalmi oldalak */
.content{margin:0 0 10px}
.content p{margin:1em 0;color:var(--mute);text-align:justify}
.content b{color:var(--ink)}
.content a{color:var(--red);text-decoration:underline}
.infobox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin:36px 0 10px;padding:22px 26px;background:#e9eef0;border:1px solid #cfd8dc;border-radius:4px}
.info-text{display:flex;align-items:flex-start;gap:14px;font-size:13px;color:var(--mute)}
.info-icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b8bec2;color:#fff;font:700 17px Georgia,serif}
.infobox address{font-style:normal;line-height:1.9}
.infobox img{height:64px;width:auto;max-width:100%}
.content p.center{text-align:center;margin:26px 0}
.content p.center img{display:inline-block;max-width:100%;height:auto}
.content ul{margin:1em 0;padding-left:1.4em;color:var(--mute)}
.content li{margin:3px 0}
.content address.contact{margin:1.6em 0;font-style:normal;line-height:1.7;color:var(--mute)}
.content address.contact em{color:var(--red)}
.owner{margin:44px 0 30px;text-align:center;color:var(--mute)}
.owner strong{display:block;color:var(--ink)}
.owner img{display:block;max-width:100%;height:auto;margin:8px auto}
.owner address{font-style:normal;line-height:1.7}

/* üzlethálózat lista */
.store-head{padding:6px;font-size:20px;color:var(--mute);border-bottom:1px solid #ddd}
.store-list{margin:0;padding:0;list-style:none}
.store-list li{border-bottom:1px solid #ddd}
.store-list li:nth-child(odd){background:rgba(0,0,0,.045)}
.store-list a{display:block;padding:9px 6px;color:var(--red-d)}
.store-list a:hover,.store-list a:focus-visible{background:var(--red);color:#fff}
.news-title{margin:0;font:700 17px/1.35 Arial,sans-serif;color:var(--ink)}
.content img.wide{width:100%}
.lead-title{margin:34px 0 10px;font:700 16px Arial,sans-serif;text-transform:uppercase;color:var(--ink)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}
.gallery img{display:block;width:100%;height:auto}
.content p.quote{margin-top:26px}
.cta-title{margin:44px 0 14px;text-align:center;font:300 28px Arial,sans-serif;color:var(--ink)}
.content p.cta-red{margin:28px 0;text-align:center;color:var(--red);font:400 34px Arial,sans-serif}
.tax-id{display:inline-block;margin-top:4px;font:700 22px Arial,sans-serif;color:var(--ink)}
.content p.reports{margin-top:28px;font-weight:700}
.content p.reports a{color:var(--red-d);text-decoration:none}
.content p.reports a:hover{text-decoration:underline}
@media (max-width:760px){.gallery{grid-template-columns:1fr}.content p.cta-red{font-size:26px}}

/* ===== üzlet oldal ===== */
.ic{width:20px;height:20px;fill:currentColor;flex:none}
.ic-sm{width:18px;height:18px}
.ic-lg{width:56px;height:56px;opacity:.45}
.store-hero{position:relative;overflow:hidden;margin:22px 0 4px;padding:30px 32px 28px;border-radius:6px;color:#fff;background:linear-gradient(120deg,var(--red-d) 0%,var(--red) 55%,#ee5470 100%);box-shadow:0 8px 24px rgba(176,19,45,.28)}
.store-hero::before,.store-hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.store-hero::before{width:300px;height:300px;right:-80px;top:-120px}
.store-hero::after{width:180px;height:180px;right:140px;bottom:-110px}
.store-badge{display:inline-block;padding:4px 14px;border-radius:16px;background:rgba(255,255,255,.2);font:700 13px Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.store-hero h1{position:relative;margin:12px 0 18px;font:700 32px/1.2 Arial,sans-serif}
.store-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.status{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:22px;background:#fff;color:var(--ink);font:700 14px Arial,sans-serif}
.status::before{content:"";width:11px;height:11px;border-radius:50%;background:#9aa0a6}
.status.open::before{background:#1fa64a;box-shadow:0 0 0 4px rgba(31,166,74,.2)}
.status.closed::before{background:#d93a3a;box-shadow:0 0 0 4px rgba(217,58,58,.18)}
.sbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:2px solid rgba(255,255,255,.75);border-radius:22px;background:transparent;color:#fff;font:700 14px Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.sbtn:hover{background:#fff;color:var(--red-d)}

.store-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);grid-template-rows:auto 1fr;gap:20px}
.store-visual{grid-row:1 / span 2;position:relative;display:grid;place-items:center;align-self:start;aspect-ratio:3/5;padding:0;overflow:hidden;border-radius:6px;background:linear-gradient(160deg,#fdeef1 0%,#f6d3da 100%);box-shadow:inset 0 0 0 1px rgba(176,19,45,.12)}
.store-visual img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:center;border-radius:3px}
.vis-empty{display:grid;justify-items:center;gap:6px;text-align:center;color:var(--red-d)}
.vis-empty small{color:var(--mute);font-size:11px;word-break:break-all}
.store-visual.has-image .vis-empty{display:none}

.st-slider{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:16/10;background:#e3e5e8;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.st-track{display:flex;height:100%;transition:transform .6s ease}
.st-slide{flex:0 0 100%;height:100%}
.st-slide img{display:block;width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.st-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#7a7f85;text-align:center}
.st-count{position:absolute;top:12px;right:12px;padding:3px 11px;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;font:700 12px Arial,sans-serif}
.st-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.st-arrow:hover{background:rgba(0,0,0,.7)}
.st-prev{left:12px}.st-next{right:12px}
.st-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.st-dots button{width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.st-dots button[aria-current="true"]{background:#fff}

.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.info-card{padding:20px 22px;border-radius:6px;border-top:3px solid var(--red);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.info-card h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 16px Arial,sans-serif;text-transform:uppercase;color:var(--red-d)}
.contact-list{margin:0;padding:0;list-style:none}
.contact-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eee;color:var(--mute)}
.contact-list li:last-child{border-bottom:0}
.contact-list a{color:var(--red-d);overflow-wrap:anywhere}
.contact-list a:hover{text-decoration:underline}
.contact-list address{margin-bottom:2px;font-style:normal;color:var(--ink)}
.contact-list .ic{color:var(--red)}
.pin{flex:none;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--red);color:#fff;cursor:pointer;box-shadow:0 3px 8px rgba(176,19,45,.35);transition:transform .15s,background .15s}
.pin:hover{background:var(--red-d);transform:scale(1.07)}
.pin .ic{color:#fff;width:24px;height:24px}
.hours{margin:0;padding:0;list-style:none}
.hours li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:4px;color:var(--mute)}
.hours li+li{margin-top:2px}
.hours li.today{background:#fdecef;color:var(--red-d);font-weight:700}
.hours b{color:inherit;font-weight:700}
.hours-note{margin:12px 0 0;color:var(--mute);font-size:12px}

dialog.map-dialog{max-width:900px}
.map-dialog iframe{display:block;width:100%;height:min(65vh,520px);border:0;background:#eee}
.map-foot{margin:0;padding:12px 18px;text-align:right}

@media (max-width:900px){
  .store-grid{grid-template-columns:1fr}
  .store-visual{grid-row:auto;align-self:auto;aspect-ratio:auto!important;min-height:300px;padding:8px}
  .store-visual.has-image{min-height:0}
  .store-visual img{position:static;width:100%;height:auto;object-fit:contain}
}
@media (max-width:700px){
  .info-grid{grid-template-columns:1fr}
  .store-hero{padding:24px 20px}
  .store-hero h1{font-size:24px}
}
.hours-block + .hours-block{margin-top:14px}
.hours-from{margin:0 0 6px;font:700 13px Arial,sans-serif;color:var(--red-d)}
.hours-unmanned{margin-top:14px;padding:12px 14px;border-radius:4px;background:#f3f6f8}
.hours-plain li{padding:5px 0;border-radius:0}

/* ===== Főoldal – modern megjelenés (csak a #home:where(#home) elemre érvényes) ===== */
:root{--r:16px;--shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.08);--shadow-h:0 2px 4px rgba(16,24,40,.06),0 18px 40px rgba(16,24,40,.15)}

/* slider */
:where(#home) .slider{margin-top:24px;border-radius:calc(var(--r) + 4px);box-shadow:var(--shadow-h);isolation:isolate}
:where(#home) .slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to top,rgba(0,0,0,.32),transparent);pointer-events:none;z-index:1}
:where(#home) .slider .arrow,:where(#home) .slider .dots{z-index:2}
:where(#home) .arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:24px;transition:background .2s,transform .2s}
:where(#home) .arrow:hover{background:rgba(255,255,255,.42);transform:translateY(-50%) scale(1.07)}
:where(#home) .dots{bottom:16px;gap:8px}
:where(#home) .dots button{width:10px;height:10px;border:0;background:rgba(255,255,255,.55);transition:width .3s,background .3s}
:where(#home) .dots button[aria-current="true"]{width:28px;border-radius:6px;background:#fff}

/* rács és térközök */
:where(#home) .main{gap:24px;margin:28px 0}
:where(#home) .col-wide,:where(#home) .row2,:where(#home) .side{gap:24px}

/* kártyák */
:where(#home) .card{padding:26px;border:1px solid rgba(16,24,40,.05);border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
:where(#home) .card.poster{display:flex;align-items:center;justify-content:center;padding:22px}
:where(#home) .card.poster a{display:block;width:100%}
:where(#home) .card.poster img{border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.2)}
:where(#home) .card > img:first-child{padding:12px 14px;border:1px solid #eceff2;border-radius:12px;background:#fff}
:where(#home) .card h3{margin:20px 0 10px;text-align:left;font:600 15px/1.5 "Segoe UI",Arial,sans-serif;font-style:normal;color:var(--ink)}
:where(#home) .card h3::before{content:"";display:block;width:38px;height:4px;margin-bottom:12px;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff6b81)}
:where(#home) .card p{text-align:left;line-height:1.65}
:where(#home) .card .more{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:11px 22px;border-radius:999px;background:var(--red);color:#fff;font:700 13px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px rgba(227,27,60,.3);transition:transform .2s,box-shadow .2s,background .2s}
:where(#home) .card .more:hover{background:var(--red-d);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,27,60,.38)}

/* bannerek és oldalsó csempék */
:where(#home) .banner,:where(#home) .side a{position:relative;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
:where(#home) .banner::after,:where(#home) .side a::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(16,24,40,.07);pointer-events:none}
:where(#home) .banner img,:where(#home) .side img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){
  :where(#home) .card:hover,:where(#home) .banner:hover,:where(#home) .side a:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
  :where(#home) .banner:hover img,:where(#home) .side a:hover img{transform:scale(1.045)}
}

/* belépő animáció (csak ha a felhasználó nem kért kevesebb mozgást) */
@keyframes pg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  :where(#home) .slider,:where(#home) .card,:where(#home) .banner,:where(#home) .side a{animation:pg-rise .7s cubic-bezier(.2,.7,.2,1) backwards}
  :where(#home) .card:nth-child(2){animation-delay:.08s}
  :where(#home) .col-wide > .banner{animation-delay:.14s}
  :where(#home) .row2:last-child .banner:nth-child(2){animation-delay:.2s}
  :where(#home) .side a:nth-child(1){animation-delay:.08s}
  :where(#home) .side a:nth-child(2){animation-delay:.14s}
  :where(#home) .side a:nth-child(3){animation-delay:.2s}
  :where(#home) .side a:nth-child(4){animation-delay:.26s}
  :where(#home) .side a:nth-child(5){animation-delay:.32s}
}

@media (max-width:600px){
  :root{--r:12px}
  :where(#home) .main,:where(#home) .col-wide,:where(#home) .row2,:where(#home) .side{gap:18px}
  :where(#home) .card{padding:20px}
  :where(#home) .arrow{width:40px;height:40px;font-size:20px}
}

/* ===== Üzlethálózat – a lista modern megjelenése (a #home:where(#home) réteg része) ===== */
:where(#home) .page-title{position:relative;margin:30px 0 0;padding-bottom:16px;border-bottom:0;font-size:30px;letter-spacing:-.01em}
:where(#home) .page-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff6b81)}
:where(#home) .store-head{margin-bottom:-24px;padding:16px 22px;border:1px solid rgba(16,24,40,.05);border-bottom:1px solid #eef0f2;border-radius:var(--r) var(--r) 0 0;background:#fff;box-shadow:var(--shadow);color:var(--mute);font:600 12px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
:where(#home) .store-list{padding:4px 0;border:1px solid rgba(16,24,40,.05);border-top:0;border-radius:0 0 var(--r) var(--r);background:#fff;box-shadow:var(--shadow);overflow:hidden}
:where(#home) .store-list li{border-bottom:1px solid #f0f2f4}
:where(#home) .store-list li:nth-child(odd){background:transparent}
:where(#home) .store-list li:last-child{border-bottom:0}
:where(#home) .store-list a{position:relative;display:block;padding:13px 52px 13px 22px;color:var(--ink);font-weight:500;transition:background .2s,color .2s,padding-left .2s}
:where(#home) .store-list a::after{content:"›";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#c3c8ce;font-size:22px;line-height:1;transition:transform .2s,color .2s}
:where(#home) .store-list a:hover,:where(#home) .store-list a:focus-visible{padding-left:28px;background:linear-gradient(90deg,rgba(227,27,60,.09),rgba(227,27,60,.02));color:var(--red-d)}
:where(#home) .store-list a:hover::after,:where(#home) .store-list a:focus-visible::after{color:var(--red);transform:translate(4px,-50%)}
@media (prefers-reduced-motion:no-preference){
  :where(#home) .store-head,:where(#home) .store-list{animation:pg-rise .7s cubic-bezier(.2,.7,.2,1) backwards}
  :where(#home) .store-list{animation-delay:.06s}
}
@media (max-width:600px){
  :where(#home) .page-title{font-size:24px}
  :where(#home) .store-list a{padding:12px 40px 12px 16px}
  :where(#home) .store-head{padding:14px 16px}
}

/* ===== Üzletoldalak – a főoldali modern megjelenés (a .store elemre érvényes, a HTML-ekhez nem kell nyúlni) ===== */
.store{--r:16px;--shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.08);--shadow-h:0 2px 4px rgba(16,24,40,.06),0 18px 40px rgba(16,24,40,.15)}
.store .store-hero{border-radius:calc(var(--r) + 4px)}
.store .main,.store .store-grid,.store .info-grid,.store .side{gap:24px}
.store .main{margin:28px 0}

/* kártyák: marketing panel, fotó-slider, elérhetőség, nyitvatartás */
.store .store-visual,.store .st-slider,.store .info-card{border:1px solid rgba(16,24,40,.05);border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.store .info-card{padding:24px}
.store .info-card h2{margin-bottom:16px}
.store .info-card h2 .ic{box-sizing:content-box;width:20px;height:20px;padding:7px;border-radius:10px;background:rgba(227,27,60,.1);color:var(--red)}
.store .hours li{border-radius:8px}
.store .hours li.today{background:linear-gradient(90deg,rgba(227,27,60,.14),rgba(227,27,60,.04))}

/* slider vezérlők: üveghatású nyilak, pill alakú aktív pötty, alsó sötétítés */
.store .st-slider{isolation:isolate}
.store .st-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none;z-index:1}
.store .st-arrow,.store .st-dots,.store .st-count{z-index:2}
.store .st-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.store .st-arrow:hover{background:rgba(255,255,255,.42);transform:translateY(-50%) scale(1.07)}
.store .st-count{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.store .st-dots{bottom:14px}
.store .st-dots button{width:10px;height:10px;border:0;background:rgba(255,255,255,.55);transition:width .3s,background .3s}
.store .st-dots button[aria-current="true"]{width:26px;border-radius:6px;background:#fff}

/* jobb oldali három csempe */
.store .side a{position:relative;overflow:hidden;border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.store .side a::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(16,24,40,.07);pointer-events:none}
.store .side img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){
  .store .info-card:hover,.store .side a:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
  .store .side a:hover img{transform:scale(1.045)}
}

/* belépő animáció */
@media (prefers-reduced-motion:no-preference){
  .store .store-hero,.store .store-visual,.store .st-slider,.store .info-card,.store .side a{animation:pg-rise .7s cubic-bezier(.2,.7,.2,1) backwards}
  .store .store-visual{animation-delay:.06s}
  .store .st-slider{animation-delay:.1s}
  .store .info-card:nth-child(1){animation-delay:.16s}
  .store .info-card:nth-child(2){animation-delay:.22s}
  .store .side a:nth-child(1){animation-delay:.1s}
  .store .side a:nth-child(2){animation-delay:.16s}
  .store .side a:nth-child(3){animation-delay:.22s}
}

@media (max-width:600px){
  .store{--r:12px}
  .store .main,.store .store-grid,.store .info-grid,.store .side{gap:18px}
  .store .info-card{padding:20px}
}

/* ===== Rólunk-oldalak (.content) és az Akciós újság (#paper) – modern megjelenés ===== */
.content,#paper{--r:16px;--shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.08);--shadow-h:0 2px 4px rgba(16,24,40,.06),0 18px 40px rgba(16,24,40,.15)}
.content .page-title,#paper .page-title{position:relative;margin:0 0 6px;padding-bottom:16px;border-bottom:0;font-size:34px;line-height:1.2;letter-spacing:-.01em}
#paper .page-title{margin-top:30px}
.content .page-title::after,#paper .page-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff6b81)}

/* szöveges oldal: egy lekerekített, árnyékos kártya, középre igazított olvasható oszloppal */
.content{margin:26px 0 10px;padding:40px 44px 44px;border:1px solid rgba(16,24,40,.05);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
article.content.content > *{max-width:980px;margin-left:auto;margin-right:auto}   /* nagyobb specificitás, hogy a korábbi margin: ... 0 szabályokat felülírja */
.content p{margin-top:1em;margin-bottom:1em;color:#4b5563;font-size:16px;line-height:1.75;text-align:left}
.content p b,.content p strong{color:var(--ink)}
.content a{color:var(--red-d);text-underline-offset:3px;text-decoration-thickness:1px}
.content a:hover{color:var(--red)}
.content p.center{text-align:center}
.content p.center img{border-radius:12px}
.content img.wide{border-radius:14px;box-shadow:var(--shadow)}

/* listák: piros pöttyös, vékony elválasztóval */
.content ul{margin-top:1em;margin-bottom:1em;padding:0;list-style:none;color:#4b5563}
.content ul li{position:relative;margin:0;padding:10px 0 10px 28px;border-bottom:1px solid #f0f2f4;line-height:1.6}
.content ul li:last-child{border-bottom:0}
.content ul li::before{content:"";position:absolute;left:6px;top:1.15em;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(227,27,60,.12)}

/* kiemelt blokkok */
.content address.contact{margin-top:1.6em;margin-bottom:1.6em;padding:18px 22px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#fafbfc;font-style:normal;line-height:1.8}
.content .owner{margin-top:40px;margin-bottom:34px;padding:26px 22px;border:1px solid rgba(176,19,45,.1);border-radius:14px;background:linear-gradient(160deg,#fdf6f7,#f8e8eb)}
.content .infobox{border:1px solid #dbe3e8;border-radius:var(--r);background:linear-gradient(160deg,#f7f9fb,#e9eef2);box-shadow:none}
.content .lead-title{margin-top:38px;margin-bottom:12px;font-size:15px;letter-spacing:.08em}
.content p.quote{padding:20px 24px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#fafbfc;font-size:16.5px}
.content .gallery img{border-radius:12px;box-shadow:var(--shadow)}
.content .cta-title{font-weight:600}
.content p.reports a{display:inline-block;margin:4px 8px 4px 0;padding:9px 18px;border-radius:999px;background:rgba(227,27,60,.08);color:var(--red-d);font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.content p.reports a:hover{background:var(--red);color:#fff}

/* Akciós újság */
#paper .reader{padding:0 72px}
#paper .reader img{border-radius:14px;box-shadow:0 14px 40px rgba(16,24,40,.22);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){#paper .reader img:hover{transform:scale(1.012)}}
#paper .reader figcaption{display:block;width:max-content;margin:16px auto 0;padding:5px 16px;border:1px solid rgba(16,24,40,.06);border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.08);color:var(--ink);font:600 13px Arial,sans-serif}
#paper .np-btn{width:54px;height:54px;border:1px solid rgba(16,24,40,.06);background:#fff;color:var(--red);box-shadow:0 8px 22px rgba(16,24,40,.18);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
#paper .np-btn:hover:not(:disabled){background:var(--red);color:#fff;transform:translateY(-50%) scale(1.07);box-shadow:0 12px 26px rgba(227,27,60,.35)}
#paper .np-btn:disabled{background:#fff;color:#c3c8ce;opacity:.6;box-shadow:none}
#paper .np-pages{gap:8px;margin-top:22px}
#paper .np-pages button{width:40px;min-width:0;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.1);color:var(--ink);font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
#paper .np-pages button:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(16,24,40,.16);color:var(--red)}
#paper .np-pages button[aria-current="true"]{background:linear-gradient(135deg,var(--red),#f0546e);color:#fff;box-shadow:0 6px 16px rgba(227,27,60,.35)}
.lb{background:rgba(10,12,16,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lb img{border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb-btn,.lb-close{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lb-count{display:block;width:max-content;margin:0 auto;padding:4px 14px;border-radius:999px;background:rgba(0,0,0,.4);left:0;right:0}

@media (prefers-reduced-motion:no-preference){
  .content,#paper .reader,#paper .np-pages{animation:pg-rise .7s cubic-bezier(.2,.7,.2,1) backwards}
  #paper .np-pages{animation-delay:.1s}
}
@media (max-width:760px){
  .content{padding:26px 20px 30px}
  .content .page-title,#paper .page-title{font-size:26px}
  #paper .reader{padding:0}
  #paper .np-btn{width:44px;height:44px}
}

/* ===== Coop hírek (és az azonos kártyákat használó Aktuális oldal) – modern megjelenés ===== */
#news .page-title,#fb .page-title{position:relative;margin:30px 0 0;padding-bottom:16px;border-bottom:0;font-size:34px;line-height:1.2;letter-spacing:-.01em}
#news .page-title::after,#fb .page-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff6b81)}
.fb-grid{--r:16px;--shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.08);--shadow-h:0 2px 4px rgba(16,24,40,.06),0 18px 40px rgba(16,24,40,.15);gap:24px;margin:28px 0 14px}
.fb-grid .fb-card{overflow:hidden;border:1px solid rgba(16,24,40,.05);border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.fb-grid .fb-img{aspect-ratio:16/9}
.fb-grid .fb-img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fb-grid a.fb-img:hover img{transform:scale(1.05)}
.fb-grid .fb-body{gap:10px;padding:22px}
.fb-grid .fb-body time{align-self:flex-start;padding:3px 12px;border-radius:999px;background:rgba(227,27,60,.08);color:var(--red-d);font:700 12px Arial,sans-serif;letter-spacing:.02em}
.fb-grid .news-title{font-size:18px;line-height:1.35;color:var(--ink)}
.fb-grid .fb-text{color:#4b5563;line-height:1.65}
.fb-grid .fb-body .more{align-self:flex-start;padding:4px 0 6px;color:var(--red-d);font-weight:700;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s,color .2s}
.fb-grid .fb-body .more:hover,.fb-grid .fb-body .more:focus-visible{color:var(--red);background-size:100% 2px}
.fb-more{margin:18px 0 0}
.fb-more a{display:inline-flex;align-items:center;padding:12px 28px;border:2px solid var(--red);border-radius:999px;color:var(--red);font:700 14px Arial,sans-serif;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.fb-more a:hover{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(227,27,60,.3)}
@media (hover:hover){
  .fb-grid .fb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
}
@media (prefers-reduced-motion:no-preference){
  .fb-grid .fb-card{animation:pg-rise .6s cubic-bezier(.2,.7,.2,1) backwards}
  .fb-grid .fb-card:nth-child(2){animation-delay:50ms}
  .fb-grid .fb-card:nth-child(3){animation-delay:100ms}
  .fb-grid .fb-card:nth-child(4){animation-delay:150ms}
  .fb-grid .fb-card:nth-child(5){animation-delay:200ms}
  .fb-grid .fb-card:nth-child(6){animation-delay:250ms}
  .fb-grid .fb-card:nth-child(7){animation-delay:300ms}
  .fb-grid .fb-card:nth-child(8){animation-delay:350ms}
  .fb-grid .fb-card:nth-child(9){animation-delay:400ms}
  .fb-grid .fb-card:nth-child(10){animation-delay:450ms}
  .fb-grid .fb-card:nth-child(11){animation-delay:500ms}
  .fb-grid .fb-card:nth-child(12){animation-delay:550ms}
  .fb-grid .fb-card:nth-child(13){animation-delay:600ms}
  .fb-grid .fb-card:nth-child(14){animation-delay:650ms}
  .fb-grid .fb-card:nth-child(15){animation-delay:700ms}
}
@media (max-width:600px){
  #news .page-title,#fb .page-title{font-size:26px}
  .fb-grid{gap:18px}
  .fb-grid .fb-body{padding:18px}
}

/* ===== Általános komponensek a jövőbeli oldalakhoz ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border:2px solid var(--red);border-radius:999px;background:var(--red);color:#fff;font:700 13px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(227,27,60,.28);transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.btn:hover,.btn:focus-visible{border-color:var(--red-d);background:var(--red-d);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,27,60,.36)}
.btn.ghost{background:transparent;color:var(--red);box-shadow:none}
.btn.ghost:hover,.btn.ghost:focus-visible{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 10px 22px rgba(227,27,60,.3)}
.chip{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(227,27,60,.08);color:var(--red-d);font:700 12px Arial,sans-serif;letter-spacing:.02em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:28px 0}

/* PDF / kép megjelenítő (lábléc dokumentumok): a gombok és a keret követi a modern megjelenést */
#viewer{margin:26px 0 0}
.viewer-bar{gap:12px;padding:14px 20px;border:1px solid rgba(16,24,40,.05);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.viewer-bar h2{position:relative;padding-left:16px;font:700 18px Arial,sans-serif;color:var(--ink)}
.viewer-bar h2::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--red),#ff6b81)}
.viewer-bar a,.viewer-bar button{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:2px solid var(--red);border-radius:999px;background:var(--red);color:#fff;font:700 13px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(227,27,60,.28);transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.viewer-bar a.alt{background:transparent;color:var(--red);box-shadow:none}
.viewer-bar a:hover,.viewer-bar button:hover,.viewer-bar a:focus-visible,.viewer-bar button:focus-visible{filter:none;border-color:var(--red-d);background:var(--red-d);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,27,60,.36)}
.viewer-bar a.alt:hover,.viewer-bar a.alt:focus-visible{border-color:var(--red);background:var(--red);box-shadow:0 10px 22px rgba(227,27,60,.3)}
#viewer iframe{margin-top:18px;border:1px solid rgba(16,24,40,.06);border-radius:var(--r);box-shadow:var(--shadow)}
#viewer img{margin-top:18px;border-radius:var(--r);box-shadow:var(--shadow)}
@media (prefers-reduced-motion:no-preference){
  #viewer:not([hidden]){animation:pg-rise .5s cubic-bezier(.2,.7,.2,1) backwards}
}
@media (max-width:600px){
  .viewer-bar{padding:12px 14px}
  .viewer-bar a,.viewer-bar button{flex:1 1 auto;justify-content:center}
}

/* ===== Menüsáv – modern megjelenés ===== */
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nav{min-height:64px;border-radius:calc(var(--r) + 4px);background:linear-gradient(120deg,var(--red-d) 0%,var(--red) 55%,#ee5470 100%);box-shadow:0 8px 24px rgba(176,19,45,.28)}
.nav ul{padding:6px;gap:4px}
.nav > ul > li > a{border-radius:12px;font-weight:600;letter-spacing:.03em;transition:background .2s,box-shadow .2s}
.nav > ul > li:hover > a,.nav > ul > li:focus-within > a{background:rgba(255,255,255,.16)}
.nav > ul > li.active > a{background:rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.has-sub > a::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;opacity:.85;transform:rotate(45deg);transition:transform .2s}
.has-sub:hover > a::after,.has-sub:focus-within > a::after,.has-sub.expanded > a::after{transform:rotate(225deg) translate(-1px,-1px)}

/* legördülő almenü: lebegő, lekerekített piros kártya fehér szöveggel (a mobil nézettel azonos színvilág) */
.nav .sub{top:calc(100% + 10px);min-width:260px;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(160deg,var(--red-d) 0%,var(--red) 100%);box-shadow:0 18px 40px rgba(176,19,45,.35)}
.nav .sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav .sub a{padding:10px 14px;border-top:0;border-radius:10px;color:#fff;font-size:14.5px;font-weight:500;text-align:left;text-transform:none;white-space:normal}
.nav .sub a:hover,.nav .sub a:focus-visible{background:rgba(255,255,255,.2);color:#fff}
@media (prefers-reduced-motion:no-preference){
  .nav li:hover > .sub,.nav li:focus-within > .sub{animation:menu-in .18s ease both}
}

/* mobil menü (hamburger) */
@media (max-width:1024px){
  .nav{min-height:0}
  .nav .burger{padding:16px 22px;font-weight:700;letter-spacing:.06em}
  .nav.open .burger{border-bottom:1px solid rgba(255,255,255,.2)}
  .nav > ul > li > a{padding:13px 16px}
  .nav .has-sub > a{display:flex;align-items:center;justify-content:space-between}
  .nav .sub{top:auto;min-width:0;margin:2px 4px 8px;padding:6px;border:0;border-radius:12px;background:rgba(255,255,255,.14);box-shadow:none}
  .nav .sub::before{display:none}
  .nav li:hover > .sub,.nav li:focus-within > .sub{animation:none}
  .nav .sub a{color:#fff}
  .nav .sub a:hover,.nav .sub a:focus-visible{background:rgba(255,255,255,.2);color:#fff}
}

/* ===== Felugró ablakok (éjjel-nappal nyitva panel, térkép) – modern megjelenés ===== */
@keyframes dlg-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
dialog.stores{overflow:hidden;border-radius:calc(var(--r) + 4px);background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(16,24,40,.4)}
dialog.stores::backdrop{background:rgba(10,12,16,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (prefers-reduced-motion:no-preference){dialog.stores[open]{animation:dlg-in .28s cubic-bezier(.2,.7,.2,1)}}
.stores-head{padding:18px 22px;background:linear-gradient(120deg,var(--red-d) 0%,var(--red) 60%,#ee5470 100%)}
.stores-head h2{font-size:18px;letter-spacing:.01em}
.stores-close{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.16);font-size:22px;transition:background .2s,transform .25s}
.stores-close:hover,.stores-close:focus-visible{background:rgba(255,255,255,.32);transform:rotate(90deg)}
.stores ul{padding:8px 22px 18px}
.stores li{padding:16px 0;border-bottom:1px solid #f0f2f4;line-height:1.5}
.stores strong{margin-bottom:2px;color:var(--ink)}
.stores small{display:inline-block;margin:6px 0 10px;padding:2px 11px;border-radius:999px;background:rgba(31,166,74,.12);color:#17692f;font-weight:700}
.stores li a,.map-foot a{display:inline-flex;align-items:center;padding:7px 16px;border:2px solid var(--red);border-radius:999px;color:var(--red);font:700 12.5px Arial,sans-serif;letter-spacing:.03em;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.stores li a:hover,.stores li a:focus-visible,.map-foot a:hover,.map-foot a:focus-visible{background:var(--red);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(227,27,60,.3)}
.map-foot{padding:14px 22px;border-top:1px solid #eef0f2;background:#fafbfc}
@media (max-width:600px){
  dialog.stores{width:calc(100% - 24px)}
  .stores-head{padding:16px 18px}
  .stores ul{padding:6px 18px 14px}
}

/* ===== Coop Klub oldal ===== */
.klub-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.klub-links a{padding:8px 16px;border:1px solid rgba(16,24,40,.08);border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.06);color:var(--ink);font:600 13px Arial,sans-serif;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s}
.klub-links a:hover,.klub-links a:focus-visible{border-color:var(--red);color:var(--red);transform:translateY(-1px);box-shadow:0 6px 14px rgba(227,27,60,.16)}
.klub-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin:26px 0;padding:34px;border-radius:calc(var(--r) + 4px);color:#fff;background:linear-gradient(120deg,var(--red-d) 0%,var(--red) 55%,#ee5470 100%);box-shadow:0 8px 24px rgba(176,19,45,.28)}
.klub-hero::before{content:"";position:absolute;right:-90px;top:-130px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.klub-hero > *{position:relative}
.klub-hero h2{margin:0 0 10px;font:700 30px/1.2 Arial,sans-serif}
.klub-hero p{margin:0 0 20px;opacity:.95}
.klub-hero .btn{margin:0 8px 8px 0;border-color:#fff;background:#fff;color:var(--red-d);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.klub-hero .btn:hover,.klub-hero .btn:focus-visible{background:rgba(255,255,255,.88);color:var(--red-d)}
.klub-hero img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.28)}
.klub-section{margin:38px 0}
.klub-section > h2{position:relative;margin:0 0 8px;padding-bottom:14px;font:700 24px Arial,sans-serif;color:var(--ink)}
.klub-section > h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red),#ff6b81)}
.deal-meta{margin:6px 0 0}
.deals{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:22px}
.deal{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border:1px solid rgba(16,24,40,.05);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);transition:box-shadow .3s,transform .3s}
.deal img{width:100%;height:auto;border-radius:12px}
.deal h3{margin:0;font:700 17px/1.4 Arial,sans-serif;color:var(--ink)}
.deal p{margin:0}
.deal-old{color:var(--mute);text-decoration:line-through}
.deal-price{color:var(--red);font:800 42px/1 Arial,sans-serif}
.deal-price small{font:700 14px Arial,sans-serif;color:var(--red-d)}
.deal-note{color:var(--mute);font-size:13px;line-height:1.55}
.deal-link{margin-top:auto;padding:4px 0 6px;color:var(--red-d);font-weight:700;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s,color .2s}
.deal-link:hover,.deal-link:focus-visible{color:var(--red);background-size:100% 2px}
.deal-actions{margin:22px 0 0}
.deal-actions .btn{margin:0 8px 8px 0}
.klub-app-body img,.partner-banner img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--shadow)}
.partner-banner{margin:18px 0}
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.partners a{position:relative;display:flex;align-items:center;min-height:56px;padding:14px 40px 14px 18px;border:1px solid rgba(16,24,40,.06);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.06);color:var(--ink);font-weight:600;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s}
.partners a::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#c3c8ce;font-size:22px;line-height:1;transition:transform .2s,color .2s}
.partners a:hover,.partners a:focus-visible{border-color:var(--red);color:var(--red-d);transform:translateY(-2px);box-shadow:0 10px 20px rgba(16,24,40,.12)}
.partners a:hover::after{color:var(--red);transform:translate(4px,-50%)}
@media (hover:hover){.deal:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}}
@media (prefers-reduced-motion:no-preference){
  .klub-hero,.deal,.partners a{animation:pg-rise .6s cubic-bezier(.2,.7,.2,1) backwards}
  .deal:nth-child(2){animation-delay:.08s}
}
@media (max-width:760px){
  .klub-hero{grid-template-columns:1fr;padding:26px 22px}
  .klub-hero h2{font-size:24px}
}

/* a szülő menüpont saját oldala az almenüben: csak mobilon látszik */
.nav .sub .sub-self{display:none}
@media (max-width:1024px){.nav .sub .sub-self{display:block;font-weight:700}}


/* számozott lista (Filozófiánk) és elválasztó vonal a szöveges oldalakon */
.content ol{margin-top:1em;margin-bottom:1em;padding:0;list-style:none;counter-reset:pont;color:#4b5563}
.content ol li{position:relative;counter-increment:pont;margin:0;padding:18px 0 18px 58px;border-bottom:1px solid #f0f2f4;line-height:1.7}
.content ol li:last-child{border-bottom:0}
.content ol li::before{content:counter(pont);position:absolute;left:0;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--red),#f0546e);color:#fff;font:700 15px Arial,sans-serif;box-shadow:0 6px 14px rgba(227,27,60,.28)}
.content ol li b{color:var(--ink)}
.content hr{height:1px;margin-top:34px;margin-bottom:34px;border:0;background:#e8ebee}

/* Kereskedelem – általános információk: elfogadott kártyák és települések */
.content .pay-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.pay-logos img{display:block;width:auto;height:62px;max-width:170px;padding:8px 14px;border:1px solid #eceff2;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.06);object-fit:contain}
.content .town-chips{display:flex;flex-wrap:wrap;gap:8px}
.town-chips a{padding:6px 14px;border-radius:999px;background:rgba(227,27,60,.08);color:var(--red-d);font:700 13px Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s}
.town-chips a:hover,.town-chips a:focus-visible{background:var(--red);color:#fff}

/* Coop márkatermékek */
.marka-intro{max-width:980px;margin:18px 0 0;color:#4b5563;font-size:16px;line-height:1.75}
.marka-intro b{color:var(--ink)}
.families{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:26px 0}
.family{padding:22px 18px;border:1px solid rgba(176,19,45,.1);border-radius:var(--r);background:linear-gradient(160deg,#fdf6f7,#f8e8eb);color:var(--red-d);font:700 17px Arial,sans-serif;text-align:center;box-shadow:var(--shadow)}
.deals.compact{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.deals.compact .deal{padding:18px}
.deals.compact .deal h3{font-size:15px}
.deals.compact .deal-price{font-size:34px}
.deals.compact .deal img{aspect-ratio:4/3;object-fit:contain;background:#fff}