/* ==========================================================================
   Akciós Újság – egyedi stíluslap
   ========================================================================== */

[x-cloak]{display:none!important}
html{scroll-behavior:smooth;font-size:18px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.55}

/* Görgetősáv */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}

/* Szöveg levágás */
.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ==========================================================================
   FELÜLÍRT TAILWIND MÉRETEK – sokkal nagyobbak
   ========================================================================== */

.text-xs   { font-size: 0.875rem !important; line-height: 1.25rem !important; }
.text-sm   { font-size: 1rem !important;     line-height: 1.5rem !important; }
.text-base { font-size: 1.125rem !important; line-height: 1.75rem !important; }
.text-lg   { font-size: 1.25rem !important;  line-height: 1.875rem !important; }
.text-xl   { font-size: 1.5rem !important;   line-height: 2rem !important; }
.text-2xl  { font-size: 1.75rem !important;  line-height: 2.25rem !important; }
.text-3xl  { font-size: 2rem !important;     line-height: 2.5rem !important; }
.text-4xl  { font-size: 2.5rem !important;   line-height: 3rem !important; }
.text-5xl  { font-size: 3rem !important;     line-height: 3.5rem !important; }

.text-\[11px\] { font-size: 13px !important; }
.text-\[10px\] { font-size: 12px !important; }

h1 { font-size: 2rem; line-height: 2.5rem; font-weight: 800; }
h2 { font-size: 1.625rem; line-height: 2rem; font-weight: 800; }
h3 { font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; }
h4 { font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; }

input, select, textarea, button { font-size: 1rem; line-height: 1.5rem; }
input::placeholder, textarea::placeholder { font-size: 1rem; }

table { font-size: 1rem; }
thead th { font-size: 0.875rem; }

aside nav a { font-size: 1rem; }

.toast p { font-size: 1rem; }

.product-card img { width: 60px; height: 60px; }

@media print {
    header, footer, aside, .no-print { display: none !important; }
}

@media (max-width: 640px) {
    html { font-size: 17px; }
    .text-3xl { font-size: 1.75rem !important; line-height: 2rem !important; }
    .text-4xl { font-size: 2.125rem !important; line-height: 2.5rem !important; }
    .text-5xl { font-size: 2.25rem !important; line-height: 2.75rem !important; }
    h1 { font-size: 1.75rem; line-height: 2.25rem; }
    h2 { font-size: 1.5rem; line-height: 1.875rem; }
}

#fb-wrap[data-fs="1"] { padding: 4px !important; border-radius: 0 !important; background: #0f172a; }
#fb-wrap[data-fs="1"] .fb-arrow { display: none !important; }
#fb-wrap[data-fs="1"] #fb-zoom-badge { top: 8px; right: 8px; }
#fb-wrap[data-fs="1"] > div > div > div.flex { gap: 0 !important; }