/* sacramento-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/sacramento-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('roboto-v51-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v51-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/roboto-v51-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/roboto-v51-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/roboto-v51-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ============ Alap betűtípus az egész oldalra ============ */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #111; } 
h1, .sac, .hero-title {font-family: 'Sacramento', 'Brush Script MT', cursive; }
h1 {font-size: 48px;font-weight: normal;line-height: 1.2;}
.K h1 {text-align: center;text-shadow: -3px 2px 6px rgb(217 155 22 / 74%);} /*Főkategóriák nevei*/
.product-category h1 {font-size: 26px;margin-bottom: 20px;border-bottom: 2px solid #b30000;padding-bottom: 6px;}/* ALKATEGÓRIA LISTA TÁBLÁZATA */
h2 {color: #fc5e0b;font-size: 18px; font-weight: bold;}
h2.center {font-weight: bold;font-size: 25px;} /*hirlevél->  köszönöm és leiratkozás lapokon*/
.product-category h2 {font-size: 20px;margin-bottom: 15px;border-bottom: 2px solid #b30000;padding-bottom: 2px;}/*  FŐKATEGÓRIA LISTA TÁBLÁZATA  */	
h2.ot {color: #000000;font-size: 18px;font-weight: bold;}/* oldaltérképnél */
.O h2 {font-family: 'Sacramento', cursive;font-size: 48px;font-weight: normal;line-height: 1.2;color: #ffffff;}/*Partnereink | Unsere Partner*/
h3 {font-weight: 400; line-height: 1.4;font-family: 'Roboto', Arial, Helvetica, sans-serif;font-style: normal;}/* az alsó menü nevek mérete */
h3.center {font-weight: bold;font-size: 30px;}/* elmúltál már 18? */
h3.UVZ {line-height: 1.4;font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight: 400;font-style: normal;font-size: 19px;text-transform: uppercase;background: url(images/hatter/separator_orange2.png) no-repeat bottom left;padding: 1px;}
h4.newsletter {display: inline-block;background-color: #eb5100;padding: 8px 20px;border-radius: 6px;color: white;font-size: 25px;}/*Hírlevélre feliratkozás*/
.price-table h4 {font-weight: normal;font-size: 14px;margin: 7px;}/*  FŐKATEGÓRIA LISTA TÁBLÁZATA  */
p.intro-author {font-size: 11px;}/*  A weboldal készítője  */
p.csi {text-align: center;font-size: 20px;background-color: #ff633e;padding: 5px;border-radius: 5px;color: #ffffff;}/*mit nem postázunk - infó*/
p.unnep {background: #dc3026;color: #ffffff;padding: 5px;border-radius: 5px;text-align: center;}/*bolt szülinap lapon*/
p.be {padding-left: 15px;}/* A főoldalon a bolt képe alatti szöveghez */
.K p {margin: 8px; }/* A főoldalon a bolt képe feletti h1 sor közötti rész miatt */
.rendeles-blokk .szoveg p {margin: 0 0 10px 0;}/*rendelj 4 lépésben*/
.stars {color: #fbbc04; font-size: 20px;}/* Google-sárga csillagok*/
.center {text-align: center;} /*szöveg középre*/
p.left {text-align: left;padding-left: 10px;}/*játék és megrendelés oldalakon*/
p.right {text-align: right;padding-right: 10px;}/*játék és megrendelés oldalakon*/

/* ============ LINKEK ============ */
a{color: #fc5e0b; text-decoration: none; }
a:hover {color: #c44706;  }/* #d7d6d5 amikor ráviszik az egeret */
a.C-logo {padding: 0px 30px;}
.C-link{position: relative;text-decoration: none;font-size: 15px;text-transform: uppercase;letter-spacing: 0.5px;padding: 8px 10px;transition: 0.3s ease;border-radius: 6px 6px 0px 0px;background: rgb(255 255 255 / 74%);color: #000;font-family: 'Roboto', sans-serif;font-weight: 500;}/* Alap állapot */
.C-link::after{content: "";position: absolute;left: 0;bottom: 0px;width: 100%;height: 2px;background: #999191; transition: 0.3s ease;}/* Alsó csík világosszürke */
.C-link:hover{background: #ff7a00;   color: #fff;}/* Hover állapot narancssárga */
.C-link:hover::after{background: #d3d3d3;}/* hover alatt marad világosszürke */
.C-link.active{background: rgba(0,0,0,0.6);color: #fff;}/* Aktív (megnyitott oldal) */
.C-link.active::after{background: #ff7a00;}/* narancssárga csík */
.back-link a {text-decoration: none;font-size: 14px;color: #b30000;}/* ALKATEGÓRIA LISTA TÁBLÁZATA */
.back-link a:hover {text-decoration: underline;}/* ALKATEGÓRIA LISTA TÁBLÁZATA */

/* ============ GOMBOK ============ */
.age-buttons {display: flex;justify-content: center;gap: 20px;margin-top: 20px;flex-wrap: wrap;}/*min18.html*/
.zoldgomb, .pirosgomb {display: inline-block;padding: 14px 22px;border-radius: 8px;font-weight: 600;text-align: center;text-decoration: none;white-space: nowrap;}/*min18.html*/
a.zoldgomb {background-color: #28d44e;color: #ffffff;}/*min18.html*/
a.pirosgomb {background-color: #ff0000;color: #ffffff;}/*min18.html*/

/* ============ LISTÁK ============ */
ul.newsletter-list li {padding: 5px;}
ul.newsletter-list {margin-right: 10px;}
li, ol li {margin-bottom: 7px;}

/* ============ KÉPEK ============ */
.L img { margin-right: 10px;max-width: 100%;height: auto;}/* a kapcsolat oldalon az ikonok és a szöveg közti hely, a főoldalon a bolt épületének képe miatt, 404 oldal*/
.M img {max-width: 100%;height: auto;}
.N img {width: 50%;height: auto;}
.boltszulinap img {width: 600px;height: auto;}
.rendeles-blokk img {width: 87px;height: auto;}/*rendelj 4 lépésben*/
img.imp { float: left;margin: 0px 10px 30px 0px;}/*Impresszum a logóval*/
.tabs label img {width: 27px;height: auto;} /*a cikk füleken a kis zászlók méretei*/
.col-1 {width: 100%; max-width: 370px; text-align: center;}/* Kapcsolat oldalon a kép oszlop beállítása */
.col-1 img {max-width: 100%;height: auto;border-radius: 8px;} /* kapcsolat-kontakt.html */
.img-wrap img {max-width: 100%;height: auto;display: block;} /* webP képekhez*/

/* ============ A: fix háttérképes fő doboz ============ */
.A {min-height: 100vh;background-image: url("images/hatter/HatterAIDesigner9.jpeg");background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed; padding-bottom: 40px;}/* FIX háttér */

/* ============ B: Főmenüsor mögötti terület félig átlátszó szürke ============ */
.B {width: 100%;margin: 0 auto;}

/* ============ C: menü (desktop nézetben) ============ */
.C {margin-bottom: 26px; }
.C-inner{padding: 25px 10px 30px 10px;background: rgb(0 0 0 / 23%);}
.C-logo img{max-width: 175px;max-height: 175px;display: block;}
.C-desktop{display: flex;align-items: center;justify-content: center;gap: 4px;}

/* ===== Mobilon a főmenü ===== */
.C-mobile{ display: none; } /* desktopon rejtve */
.C-toggle{border: none;background: rgba(255, 255, 255, 0.65);border-radius: 10px;padding: 10px 12px;cursor: pointer;width: 100px;}
.C-toggle span{display: block;width: 75px;height: 2px;background: #544c4c;margin: 10px 0;}
.C-menu{width: 100%;display: none;flex-direction: column;gap: 10px;padding-top: 8px;border-top: 2px solid rgba(0,0,0,0.2);}
.C-menu.is-open{ display: flex; }

/* ============ D/E: hero szöveg blokk csak a főoldalon ============ */
.D {padding: 10px;}
.E {background: rgb(0 0 0 / 23%);border-radius: 10px;padding: 40px;}
.hero-text {text-align: center;line-height: 1.05;}
.hero-line {font-size: 60px;color: #ffffff;font-weight: bold;text-shadow: 1px 6px 6px #000000;}
.hero-big {font-size: 60px;font-weight: 700;}/* nagy, fő sorok (vastagabb, nagyobb) */
.hero-big2 {font-size: 60px;font-weight: 700;margin-bottom: 10px;}
.hero-quote {font-size: 40px;font-weight: 400;opacity: 0.92;margin-top: 20px;margin-bottom: 60px;font-style: italic;}/* idézetek */
.hero-quote2 {font-size: 40px;font-weight: 400;opacity: 0.92;margin-top: 10px;margin-bottom: 10px;font-style: italic;}
.hero-small {font-size: 38px;font-weight: 400;opacity: 0.90;margin-top: 6px;}/* legalsó kiegészítő sor (kisebb) */
.hero-sub {margin-top: 10px; font-size: 18px; font-weight: 700;}

/* ============ F: G + H két virágos hátterű oszlop csak a főoldalon ============ */
.F {width: 70%; margin: 5px auto 0; padding: 16px 18px;}
.F-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.G-list { text-align: right; }
.G {background-image: url("images/hatter/viragbal.webp");background-position: left center;}
.G, .H {padding: 10px;background-color: rgba(255,255,255,0.86);border-radius: 20px;background-repeat: no-repeat;}
.H {background-image: url("images/hatter/viragjobb.webp");background-position: right center;}
.H-list { text-align: left; }
.cat-list {list-style: none;margin: 0;padding: 5px 20px;font-family: "Sacramento", cursive;font-size: 31px;line-height: 1.3;font-weight: bold;}

/* ============ I: ismétlődő Zászló ============ */
.I {width: 100%;margin: 2px auto 0;height: 55px;background: rgba(250, 235, 215, 0.75) url("images/hatter/hu.png");background-repeat: repeat-x;background-size: auto 30px;background-position: top center;}

/* ============ FŐ TARTALMAK HÁTTERE ============ */
.background-wrapper {background: rgba(250, 235, 215, 0.75);margin: 0px 0px -25px 0px;padding: 1px 0px 30px 0px;}

/* ============ J: fő tartalom blokk ============ */
.J {max-width: 80%;margin: 14px auto 0;background: rgb(255 255 255 / 90%);padding: 16px;border-radius: 10px;}

/* ============ K: tartalom blokk ============ */
.K{padding: 5px;margin-bottom: 5px;}

/* ============ L: tartalom blokk ============ */

/* ============ M: tartalom blokk ============ */
.M{padding: 12px;min-height: 220px;}
.M--hidden{display: none;} /*scripthez, az L és M dobozhoz*/

/* ============ JM, L2, M2 tartalom blokkok ============ */
.JM-row{display: grid;grid-template-columns: 1.6fr 0.6fr; gap: 14px;margin-bottom: 14px;}/* L nagy, M kisebb */
.JM-row--single{grid-template-columns: 1fr;}/* Ha nincs jobb modul (M-doboz)*/
.two-col-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}/*ahol két fül van magyar, német leírással*/
.col {font-size: 12px;}/*ahol két fül van magyar, német leírással*/
.two-col-12 {display: flex;flex-direction: column;align-items: center;gap: 30px;max-width: 1000px;margin: 40px auto;padding: 0 20px;}/*kapcsolat-kontakt.html*/
.col-2 {width: 100%;text-align: left; font-size: 14px; line-height: 1.6;    } /* kapcsolat oldalon az adatok doboz */
.tabs input {display: none;}/* CIKK FÜLEK */
.tabs label {display: inline-block;padding: 10px 20px;background: #eee;cursor: pointer;margin-right: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}/* CIKK FÜLEK */
.tabs input:checked + label {background: #FFC107;color: white;}/* CIKK FÜLEK */
.tab-content {display: none;padding: 15px;margin-top: 10px;}/* CIKK FÜLEK */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}/* CIKK FÜLEK */

/* ============ N: tartalom blokk ============ */
.N {padding: 5px;color: #000;}
.boltszulinap {display: flex;align-items: flex-start;gap: 20px;}
.rendeles-blokk {display: flex;align-items: flex-start;gap: 20px;}/*csomag 4 lépésben*/

/* ============ O ============ */
.O {width: 100%;margin: 25px 0px -50px 0px;background: rgb(0 0 0 / 50%);padding: 2px 10px 25px 10px;text-align: center;color: #fff;}

/* ============ P + Q ============ */
.P {max-width: 1100px;margin: 0px auto;background: #ffaa00;padding: 5px 10px 20px 10px;border-radius: 0px 0px 25px 25px;}
.Q {padding: 16px;color: #000;}

/* ============ R: ismétlődő Zászló ============ */
.R {width: 100%;height: 100%;margin: 20px auto 0;background: rgb(64 63 63) url(images/hatter/hu.png);background-repeat: repeat-x;background-size: auto 30px;background-position: top center;padding: 30px 10px 10px 10px;}
.Rline {display:flex;gap: 40px;flex-wrap: wrap;justify-content: center;margin: 15px 0px 0px 0px;padding: 5px;}

/* ============ S: Footer ============ */
.S {width: 100%;margin: 0px auto;background: #2d2c2c;padding: 50px 50px 20px;color: #fff;}
.S-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}

/* ============ T ============ */
.T {background-image: url("images/logo/logo-szurke.webp");background-position: right;background-repeat: no-repeat;background-size: 260px;}

/* ============ T, U, V, Z? ============ */
.T, .U, .V {padding: 5px 15px;min-height: 110px;margin: 0px 5px;color: #eeeeee;}

/* ============ X: legalsó footer sáv ============ */
.X {width: 100%;margin: 0px 0px -40px 0px;background: #161616;padding: 30px 0;}

/* ============ Y: belső tartalom ============ */
.Y {text-align: center;font-size: 14px;line-height: 1.4;color: #aaaaaa;text-transform: uppercase;}

/* ========================================================= */
/* -----------HÍRLEVÉL FELIRATKOZÁS DOBOZ ÉS GOMBOK--------- */
/* ========================================================= */
.dottebox {background-color: rgb(221 221 221 / 29%);border-radius: 5px;border: 3px dotted #795548;}
.newsletter-wrapper {text-align: center;background-color: rgb(221 221 221 / 29%);border-radius: 5px;border: 3px dotted #795548;}
.N label, 
.N input {margin-bottom: 15px;}
.N button#submitBtn {padding: 10px 20px;margin-bottom: 50px;}
form#hirlevelForm {text-align: center;}
#submitBtn {color: white;background-color: #e2e2e2;border-radius: 5px;transition: background-color 0.2s ease;font-weight: bold;font-size: 15px; }
#submitBtn:not(:disabled) {background-color: #0aac12;font-weight: bold;font-size: 15px; }
input#name, input#email {width: 300px;}
.checkbox-group {display: flex;gap: 8px;margin-top: 12px;text-align: center;justify-content: center;}
.checkbox-item {display: flex;gap: 8px;align-items: flex-start;}
img.regimage {max-width: 60%;}/*koszonom.html*/

/* ========================================================= */
/* -----------HÍRLEVÉL LEIRATKOZÁS DOBOZ ÉS GOMBOK--------- */
/* ========================================================= */
.no-newsletter-wrapper {text-align: center;background-color: rgb(221 221 221 / 29%);border-radius: 5px;border: 3px dotted #795548;padding: 30px;}
.no-newsletter-wrapper button#submitBtn {color: #ffffff;background: #606060;padding: 10px 15px;margin-top: 20px;}
.no-newsletter-wrapper #submitBtn:not(:disabled) {background: #ff1100;font-weight: bold;font-size: 15px;padding: 10px 15px;margin-top: 20px;}
.unsubscribe-success {display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;justify-content: center;}
.unsubscribe-text {max-width: 550px;}
.unsubscribe-layout{display: flex;align-items: flex-start;gap: 24px;flex-wrap: wrap;          width: 100%;box-sizing: border-box;}
.no-newsletter-wrapper{flex: 1 1 320px;          min-width: 260px;}
img.palcikaember {max-width: 350px; width: 100%; height: auto;}/*sikeres-leiratkozas.html*/
.unsubscribe-image {flex-shrink: 0;}/*sikeres-leiratkozas.html*/
.unsubscribe-figure{flex: 0 1 200px;max-width: 200px;box-sizing: border-box;text-align: center;}
.unsubscribe-figure img{display: block;max-width: 100%;height: auto;margin: 0 auto;}

/* ========================================================= */
/* ------------- FŐKATEGÓRIA LISTA TÁBLÁZATA --------------- */
/* ========================================================= */
.product-category {margin-bottom: 10px;}
.price-table {width: 100%;border-collapse: collapse;font-size: 15px;}
.price-table th {background: #f5f5f5;text-align: left;padding: 10px;font-weight: 600;}
.price-table td:first-child {font-weight: 700;}
.price-table td {padding: 10px;border-bottom: 1px solid #e6e6e6; vertical-align: top;}
.price-table tr:hover {background: #fafafa;}
.product-image img {max-width: 110px;max-height: 110px;object-fit: cover;border-radius: 10px;display: block;}

/* ======================================================= */
/* ----------- ALKATEGÓRIA LISTA TÁBLÁZATA --------------- */
/* ======================================================= */
.back-link {margin-bottom: 10px;}
.product-name {font-weight: 600;}/* Terméknév stílus */
.product-de {display: block;font-size: 13px;color: #666;font-weight: 400;margin-top: 3px;}

/* ============ Back to top gomb ============ */
.toTop{position: fixed;right: 16px;bottom: 16px;width: 46px;height: 46px;border-radius: 999px;border: 2px solid #000;background: rgba(255,255,255,0.85);font-size: 22px;font-weight: 900;cursor: pointer;display: none;        z-index: 9999;}
.toTop.is-show{display: block;}

/* ==================================================================================== */
/* FRISS HÍREK GALÉRIA - FRISS HÍREK GALÉRIA - FRISS HÍREK GALÉRIA - FRISS HÍREK GALÉRIA*/
/* ==================================================================================== */
.news-gallery-section {width: 100%;}
.news-gallery {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;margin-top: 25px;}
.news-gallery-item {border: 0;padding: 0;margin: 0;background: #f3f3f3;border-radius: 12px;overflow: hidden;cursor: pointer;display: block;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.news-gallery-item:hover {transform: translateY(-3px);box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);}
.news-gallery-item img {width: 100%;height: 360px /*280px*/;display: block;object-fit: cover;}
.news-gallery-item:nth-child(5n) img,
.news-gallery-item:nth-child(7n) img {height: 360px;}/* opcionális: néhány kép lehet magasabb */
/* LIGHTBOX */
.lightbox {position: fixed;inset: 0;display: none;z-index: 9999;}
.lightbox.is-open {display: block;}
.lightbox-backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.82);}
.lightbox-content {position: relative;z-index: 2;width: min(92vw, 1200px);height: min(88vh, 900px);margin: 4vh auto;display: grid;grid-template-columns: 70px 1fr 70px;align-items: center;}
.lightbox-figure {margin: 0;width: 100%;height: 100%;display: grid;grid-template-rows: 1fr auto;align-items: center;justify-items: center;}
.lightbox-image {max-width: 100%;max-height: calc(88vh - 70px);width: auto;height: auto;object-fit: contain;border-radius: 10px;box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35);background: #111;}
.lightbox-caption {margin-top: 14px;color: #ffffff;font-size: 16px;line-height: 1.4;text-align: center;padding: 0 10px;}
.lightbox-close {position: absolute;top: -10px;right: 0;border: 0;background: transparent;color: #ffffff;font-size: 42px;line-height: 1;cursor: pointer;z-index: 3;}
.lightbox-nav {border: 0;background: rgba(255, 255, 255, 0.12);color: #ffffff;width: 52px;height: 52px;border-radius: 50%;cursor: pointer;font-size: 28px;display: grid;place-items: center;margin: 0 auto;transition: background 0.2s ease, transform 0.2s ease;}
.lightbox-nav:hover {background: rgba(255, 255, 255, 0.2);transform: scale(1.05);}


/* ================================================================================= */
/* MOBIL NÉZET - MOBIL NÉZET - MOBIL NÉZET - MOBIL NÉZET - MOBIL NÉZET - MOBIL NÉZET */
/* ================================================================================= */
@media (max-width: 1100px){
.F { width: 100%; }
.F-inner{ grid-template-columns: 1fr; }
.G, .H{ grid-template-columns: 1fr; background-size: 180px;}
.E { width: 100%; margin: 2px; }/* bal-jobb 2px */
.hero-line{ font-size: 34px; }
.hero-big{ font-size: 50px; }
.hero-big2{ font-size: 50px; }
.hero-quote{ font-size: 34px; }
.hero-quote2{ font-size: 34px; }
.hero-small{ font-size: 32px; }
}

@media (max-width: 1000px) {/* 0-1000 pixelig */
.rendeles-blokk {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 20px;}	
.boltszulinap {flex-direction: column;align-items: center;text-align: center; }	
.boltszulinap img {width: 100%;height: auto; }	
}

@media (max-width: 900px){/* 0-900 pixelig */
.C-desktop{ display: none; }  /* mobilon desktop menü rejtve */
.C-mobile{display: flex; flex-direction: column;align-items: center;gap: 10px;}/* mobil menü látszik */
.C-link{width: 100%;text-align: center;padding: 10px 12px;background: rgba(255 255 255 / 74%);border: 1px solid rgba(0,0,0,0.25);}
.JM-row{ grid-template-columns: 1fr; }
.S-inner{ grid-template-columns: 1fr /*1fr;*/ }
.C-toggle{ width: 75px;}
.C-toggle span{ width: 50px; }
.news-gallery {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.news-gallery-item img,
.news-gallery-item:nth-child(5n) img,
.news-gallery-item:nth-child(7n) img {height: 260px;}
input#name, input#email {max-width: 250px;}
 }

@media (max-width: 768px) {/* 0-768 pixelig */
.two-col-row {grid-template-columns:1fr;}
.checkbox-group {display: flex;flex-direction: column;gap: 8px;margin-top: 12px;text-align: center;}/*Hírlevél űrlap mobil nézetben*/
img.regimage {max-width: 100%;}
.age-buttons {flex-direction: column;align-items: center;}
.zoldgomb,
.pirosgomb {width: 100%;max-width: 320px;white-space: normal;}
img.csomag {width: 50%;height: auto;}
img.min18 {width: 100%;height: auto;}/* csomagküldés doboz*/
.price-table thead { display: none;}
.price-table tr {display: block;margin-bottom: 15px;border: 1px solid #e6e6e6;padding: 10px;}
.price-table td {display: block;border: none;padding: 5px 0; }	
.JM-row2{display:grid;grid-template-columns:1fr;gap:30px;}
.unsubscribe-success {flex-direction: column;text-align: center;}
.unsubscribe-layout{flex-direction: column;align-items: center; }
.unsubscribe-figure{max-width: 240px; }
.lightbox-content{width:94vw;height:88vh;grid-template-columns:44px 1fr 44px;}
.lightbox-nav {width: 40px;height: 40px;font-size: 22px;}
.lightbox-close {top: -6px;font-size: 36px;}
.lightbox-caption {font-size: 14px;}
}

@media (max-width: 520px){/* 0-520 pixelig */
.hero-line{ font-size: 30px; }
.hero-big{ font-size: 38px; }
.hero-big2{ font-size: 38px; }
.hero-quote{ font-size: 26px; }
.hero-quote2{ font-size: 26px; }
.hero-small{ font-size: 24px; }
.hero-line{ text-shadow: 1px 4px 5px rgba(0,0,0,0.95); }
.toTop{ width: 54px;height: 54px;font-size: 24px;}/* FEL AZ OLDAL TETEJÉRE GOMB */
.C-mobile{display: flex;flex-direction: column;align-items: center;gap: 10px;}/* mobil menü látszik */
.C-link{width: 100%;text-align: center;padding: 10px 12px;background: rgba(255 255 255 / 74%);border: 1px solid rgba(0,0,0,0.25);}
.C-menu .C-link{ display:block; }
.C-toggle{ width: 55px; }
.C-toggle span{ width: 30px; }
.C-inner{ flex-wrap: wrap; gap: 12px; }
.C-logo img{ height: 100px; width: 100px;}
/*.S-inner{ grid-template-columns: 1fr; }*/
.news-gallery {grid-template-columns: 1fr;gap: 10px;}
.news-gallery-item img,
.news-gallery-item:nth-child(5n) img,
.news-gallery-item:nth-child(7n) img {height: auto;max-height: 500px;object-fit: cover;}
.hero-line{ font-size: 30px; }
.hero-big{ font-size: 38px; }
.hero-big2{ font-size: 38px; }
.hero-quote{ font-size: 26px; }
.hero-quote2{ font-size: 26px; }
.hero-small{ font-size: 24px; }
.hero-line{ text-shadow: 1px 4px 5px rgba(0,0,0,0.95); }
}

@media (max-width: 450px) /*450px alatt nem jelenik meg a két virág háttér*/
{.G,.H {background-image: none;background-size: 0;}}

/* ========================================================= */
/* MINIMUM - MINIMUM - MINIMUM - MINIMUM - MINIMUM - MINIMUM */
/* ========================================================= */
@media (min-width: 1100px){/* 1100 pixeltől bármeddig*/
.E { width: 80%; margin:auto;}
.F { width: 80%; }
}
@media (min-width: 1060px) {/* 1060 pixeltől bármeddig Kapcsolat oldal dobozai  1040px felett egymás mellett */
.two-col-12 {flex-direction: row;align-items: flex-start; justify-content: center; }
.col-1 { flex: 0 0 370px;}
.col-2 {flex: 1;max-width: 500px; padding-left: 40px; font-size: 16px; line-height: 1.8;padding-top: 25px;}
}	
@media (min-width: 768px){/* 768 pixeltől bármeddig */
article.M2 {border-left: 1px solid;}/* játék-ajándék oldalon elválasztja a két oszlopot*/
.JM-row2{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}/* Ha az L és az M egyforma széles*/
.boltszulinap img {width: 70%;height: auto;}
}
/* elvileg nem használt kódok:
.L2 h2, .M2 h2, .M13 h2 {font-family: 'Sacramento', 'Brush Script MT', cursive; font-size: 45px;text-align: center;margin: 10px;}
h3.com {font-size: 30px;}
button.fb-consent-btn {border-radius: 5px;padding: 11px;color: #ffffff;background-color: #0a9210;border: 1px solid #075d0b;}
article.M13 {border-top: 1px solid #ac9191;padding-top: 10px;}
.L2,.M2 {padding: 10px;}
*/