:root{--pink:#ec4899}
html,body{height:100%}
body {
    display: block;
    background: linear-gradient(180deg, #fffaf8 0%, #fff0f6 100%);
    background-repeat: no-repeat; /* ne ismétlődjön */
    background-attachment: fixed; /* opcionális: fix pozíció, scroll ne mozdítsa */
    color: #1f2937;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto; /* a fő tartalom kitölti a maradék helyet */
}

footer {
  flex-shrink: 0; /* a footer mindig a végén marad */
}
a:hover{ text-decoration: underline 1.4pt; }
header { backdrop-filter: blur(6px); }
header .logo { display:inline-block; transform-origin: center; }
    header{position:fixed;inset:0 auto auto 0;z-index:60;background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.78));backdrop-filter:blur(6px);box-shadow:0 6px 22px rgba(15,23,42,0.06)}
    header .inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem}
    .brand{display:flex;align-items:center;gap:.5rem}

    /* Sticky subtle border when scrolled */
    header.scrolled{box-shadow:0 10px 40px rgba(2,6,23,0.08);border-bottom:1px solid rgba(0,0,0,0.04)}

/* Animations */
@keyframes slideInUp { 0%{opacity:0;transform:translateY(14px)} 100%{opacity:1;transform:translateY(0)} }
@keyframes float { 0% { transform: translateY(0) } 50% { transform: translateY(-8px) } 100% { transform: translateY(0) } }
@keyframes pop { 0% { transform: scale(.96); opacity: .9 } 60% { transform: scale(1.02); } 100% { transform: scale(1); opacity: 1 } }
@keyframes shimmer { 0% { background-position: -200% 0 } 100% { background-position: 200% 0 } }
@keyframes slideDownMenu { from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:translateY(0)} }

.sweet-card{ animation: slideInUp 420ms cubic-bezier(.22,.9,.3,1) both; transition: transform .28s ease, box-shadow .28s ease; border: 1px solid rgba(15,23,42,0.03); }
.sweet-card:hover{ transform: translateY(-6px) scale(1.01); box-shadow: 0 18px 34px rgba(15,23,42,0.08) }

.slide-in-up { animation: slideInUp 450ms cubic-bezier(.2,.9,.3,1) both; }
.float-slow { animation: float 4s ease-in-out infinite; }
.pop { animation: pop 420ms cubic-bezier(.2,.9,.3,1) both; }
.shimmer {
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0.05) 100%);
  background-size: 200% 100%;
  animation: shimmer 2.8s linear infinite;
}

#mobileMenu.show{ animation: slideDownMenu 240ms ease both }
.card-img { height:200px; object-fit:cover; }
.category-btn { transition: transform .18s ease, box-shadow .18s ease }
.category-btn:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(15,23,42,0.06) }
.payments img { transform-origin:center; }
.social-icons svg { transition: transform .28s ease; }
.social-icons a:hover svg { transform: translateY(-6px) scale(1.06); }
@media (prefers-reduced-motion: reduce){ *{animation:none!important;transition:none!important} }

/* Layout helpers */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.flex { display: flex; }
.flex-center { display:flex; align-items:center; justify-content:center; }
.rounded-2xl { border-radius: 18px; }
.shadow-lg { box-shadow: 0 10px 30px rgba(15,23,42,0.06); }

/* Small gallery */
.gallery { display:flex; gap:12px; margin-bottom: 18px; }
.gallery img { width:100%; max-width: 520px; border-radius: 12px; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 6px 18px rgba(15,23,42,0.04); }


/* filler block 1 - utility spacing and colors */
.u-space-1 { padding: 1px; margin: 1px; }
.u-scale-1 { transform: scale(1.01); }
.u-opacity-1 { opacity: 0.51; }
.u-border-1 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 2 - utility spacing and colors */
.u-space-2 { padding: 2px; margin: 2px; }
.u-scale-2 { transform: scale(1.02); }
.u-opacity-2 { opacity: 0.52; }
.u-border-2 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 3 - utility spacing and colors */
.u-space-3 { padding: 3px; margin: 3px; }
.u-scale-3 { transform: scale(1.03); }
.u-opacity-3 { opacity: 0.53; }
.u-border-3 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 4 - utility spacing and colors */
.u-space-4 { padding: 4px; margin: 4px; }
.u-scale-4 { transform: scale(1.04); }
.u-opacity-4 { opacity: 0.54; }
.u-border-4 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 5 - utility spacing and colors */
.u-space-5 { padding: 5px; margin: 5px; }
.u-scale-5 { transform: scale(1.05); }
.u-opacity-5 { opacity: 0.55; }
.u-border-5 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 6 - utility spacing and colors */
.u-space-6 { padding: 6px; margin: 6px; }
.u-scale-6 { transform: scale(1.06); }
.u-opacity-6 { opacity: 0.56; }
.u-border-6 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 7 - utility spacing and colors */
.u-space-7 { padding: 7px; margin: 7px; }
.u-scale-7 { transform: scale(1.07); }
.u-opacity-7 { opacity: 0.5700000000000001; }
.u-border-7 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 8 - utility spacing and colors */
.u-space-8 { padding: 8px; margin: 8px; }
.u-scale-8 { transform: scale(1.08); }
.u-opacity-8 { opacity: 0.58; }
.u-border-8 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 9 - utility spacing and colors */
.u-space-9 { padding: 9px; margin: 9px; }
.u-scale-9 { transform: scale(1.09); }
.u-opacity-9 { opacity: 0.59; }
.u-border-9 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 10 - utility spacing and colors */
.u-space-10 { padding: 10px; margin: 10px; }
.u-scale-10 { transform: scale(1.0); }
.u-opacity-10 { opacity: 0.6; }
.u-border-10 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 11 - utility spacing and colors */
.u-space-11 { padding: 11px; margin: 11px; }
.u-scale-11 { transform: scale(1.01); }
.u-opacity-11 { opacity: 0.61; }
.u-border-11 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 12 - utility spacing and colors */
.u-space-12 { padding: 12px; margin: 12px; }
.u-scale-12 { transform: scale(1.02); }
.u-opacity-12 { opacity: 0.62; }
.u-border-12 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 13 - utility spacing and colors */
.u-space-13 { padding: 13px; margin: 13px; }
.u-scale-13 { transform: scale(1.03); }
.u-opacity-13 { opacity: 0.63; }
.u-border-13 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 14 - utility spacing and colors */
.u-space-14 { padding: 14px; margin: 14px; }
.u-scale-14 { transform: scale(1.04); }
.u-opacity-14 { opacity: 0.64; }
.u-border-14 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 15 - utility spacing and colors */
.u-space-15 { padding: 15px; margin: 15px; }
.u-scale-15 { transform: scale(1.05); }
.u-opacity-15 { opacity: 0.65; }
.u-border-15 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 16 - utility spacing and colors */
.u-space-16 { padding: 16px; margin: 16px; }
.u-scale-16 { transform: scale(1.06); }
.u-opacity-16 { opacity: 0.66; }
.u-border-16 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 17 - utility spacing and colors */
.u-space-17 { padding: 17px; margin: 17px; }
.u-scale-17 { transform: scale(1.07); }
.u-opacity-17 { opacity: 0.67; }
.u-border-17 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 18 - utility spacing and colors */
.u-space-18 { padding: 18px; margin: 0px; }
.u-scale-18 { transform: scale(1.08); }
.u-opacity-18 { opacity: 0.6799999999999999; }
.u-border-18 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 19 - utility spacing and colors */
.u-space-19 { padding: 19px; margin: 1px; }
.u-scale-19 { transform: scale(1.09); }
.u-opacity-19 { opacity: 0.69; }
.u-border-19 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 20 - utility spacing and colors */
.u-space-20 { padding: 20px; margin: 2px; }
.u-scale-20 { transform: scale(1.0); }
.u-opacity-20 { opacity: 0.7; }
.u-border-20 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 21 - utility spacing and colors */
.u-space-21 { padding: 21px; margin: 3px; }
.u-scale-21 { transform: scale(1.01); }
.u-opacity-21 { opacity: 0.71; }
.u-border-21 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 22 - utility spacing and colors */
.u-space-22 { padding: 22px; margin: 4px; }
.u-scale-22 { transform: scale(1.02); }
.u-opacity-22 { opacity: 0.72; }
.u-border-22 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 23 - utility spacing and colors */
.u-space-23 { padding: 23px; margin: 5px; }
.u-scale-23 { transform: scale(1.03); }
.u-opacity-23 { opacity: 0.73; }
.u-border-23 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 24 - utility spacing and colors */
.u-space-24 { padding: 0px; margin: 6px; }
.u-scale-24 { transform: scale(1.04); }
.u-opacity-24 { opacity: 0.74; }
.u-border-24 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 25 - utility spacing and colors */
.u-space-25 { padding: 1px; margin: 7px; }
.u-scale-25 { transform: scale(1.05); }
.u-opacity-25 { opacity: 0.75; }
.u-border-25 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 26 - utility spacing and colors */
.u-space-26 { padding: 2px; margin: 8px; }
.u-scale-26 { transform: scale(1.06); }
.u-opacity-26 { opacity: 0.76; }
.u-border-26 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 27 - utility spacing and colors */
.u-space-27 { padding: 3px; margin: 9px; }
.u-scale-27 { transform: scale(1.07); }
.u-opacity-27 { opacity: 0.77; }
.u-border-27 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 28 - utility spacing and colors */
.u-space-28 { padding: 4px; margin: 10px; }
.u-scale-28 { transform: scale(1.08); }
.u-opacity-28 { opacity: 0.78; }
.u-border-28 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 29 - utility spacing and colors */
.u-space-29 { padding: 5px; margin: 11px; }
.u-scale-29 { transform: scale(1.09); }
.u-opacity-29 { opacity: 0.79; }
.u-border-29 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 30 - utility spacing and colors */
.u-space-30 { padding: 6px; margin: 12px; }
.u-scale-30 { transform: scale(1.0); }
.u-opacity-30 { opacity: 0.8; }
.u-border-30 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 31 - utility spacing and colors */
.u-space-31 { padding: 7px; margin: 13px; }
.u-scale-31 { transform: scale(1.01); }
.u-opacity-31 { opacity: 0.81; }
.u-border-31 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 32 - utility spacing and colors */
.u-space-32 { padding: 8px; margin: 14px; }
.u-scale-32 { transform: scale(1.02); }
.u-opacity-32 { opacity: 0.8200000000000001; }
.u-border-32 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 33 - utility spacing and colors */
.u-space-33 { padding: 9px; margin: 15px; }
.u-scale-33 { transform: scale(1.03); }
.u-opacity-33 { opacity: 0.8300000000000001; }
.u-border-33 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 34 - utility spacing and colors */
.u-space-34 { padding: 10px; margin: 16px; }
.u-scale-34 { transform: scale(1.04); }
.u-opacity-34 { opacity: 0.8400000000000001; }
.u-border-34 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 35 - utility spacing and colors */
.u-space-35 { padding: 11px; margin: 17px; }
.u-scale-35 { transform: scale(1.05); }
.u-opacity-35 { opacity: 0.85; }
.u-border-35 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 36 - utility spacing and colors */
.u-space-36 { padding: 12px; margin: 0px; }
.u-scale-36 { transform: scale(1.06); }
.u-opacity-36 { opacity: 0.86; }
.u-border-36 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 37 - utility spacing and colors */
.u-space-37 { padding: 13px; margin: 1px; }
.u-scale-37 { transform: scale(1.07); }
.u-opacity-37 { opacity: 0.87; }
.u-border-37 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 38 - utility spacing and colors */
.u-space-38 { padding: 14px; margin: 2px; }
.u-scale-38 { transform: scale(1.08); }
.u-opacity-38 { opacity: 0.88; }
.u-border-38 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 39 - utility spacing and colors */
.u-space-39 { padding: 15px; margin: 3px; }
.u-scale-39 { transform: scale(1.09); }
.u-opacity-39 { opacity: 0.89; }
.u-border-39 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 40 - utility spacing and colors */
.u-space-40 { padding: 16px; margin: 4px; }
.u-scale-40 { transform: scale(1.0); }
.u-opacity-40 { opacity: 0.9; }
.u-border-40 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 41 - utility spacing and colors */
.u-space-41 { padding: 17px; margin: 5px; }
.u-scale-41 { transform: scale(1.01); }
.u-opacity-41 { opacity: 0.9099999999999999; }
.u-border-41 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 42 - utility spacing and colors */
.u-space-42 { padding: 18px; margin: 6px; }
.u-scale-42 { transform: scale(1.02); }
.u-opacity-42 { opacity: 0.9199999999999999; }
.u-border-42 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 43 - utility spacing and colors */
.u-space-43 { padding: 19px; margin: 7px; }
.u-scale-43 { transform: scale(1.03); }
.u-opacity-43 { opacity: 0.9299999999999999; }
.u-border-43 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 44 - utility spacing and colors */
.u-space-44 { padding: 20px; margin: 8px; }
.u-scale-44 { transform: scale(1.04); }
.u-opacity-44 { opacity: 0.94; }
.u-border-44 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 45 - utility spacing and colors */
.u-space-45 { padding: 21px; margin: 9px; }
.u-scale-45 { transform: scale(1.05); }
.u-opacity-45 { opacity: 0.95; }
.u-border-45 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 46 - utility spacing and colors */
.u-space-46 { padding: 22px; margin: 10px; }
.u-scale-46 { transform: scale(1.06); }
.u-opacity-46 { opacity: 0.96; }
.u-border-46 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 47 - utility spacing and colors */
.u-space-47 { padding: 23px; margin: 11px; }
.u-scale-47 { transform: scale(1.07); }
.u-opacity-47 { opacity: 0.97; }
.u-border-47 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 48 - utility spacing and colors */
.u-space-48 { padding: 0px; margin: 12px; }
.u-scale-48 { transform: scale(1.08); }
.u-opacity-48 { opacity: 0.98; }
.u-border-48 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 49 - utility spacing and colors */
.u-space-49 { padding: 1px; margin: 13px; }
.u-scale-49 { transform: scale(1.09); }
.u-opacity-49 { opacity: 0.99; }
.u-border-49 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 50 - utility spacing and colors */
.u-space-50 { padding: 2px; margin: 14px; }
.u-scale-50 { transform: scale(1.0); }
.u-opacity-50 { opacity: 0.5; }
.u-border-50 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 51 - utility spacing and colors */
.u-space-51 { padding: 3px; margin: 15px; }
.u-scale-51 { transform: scale(1.01); }
.u-opacity-51 { opacity: 0.51; }
.u-border-51 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 52 - utility spacing and colors */
.u-space-52 { padding: 4px; margin: 16px; }
.u-scale-52 { transform: scale(1.02); }
.u-opacity-52 { opacity: 0.52; }
.u-border-52 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 53 - utility spacing and colors */
.u-space-53 { padding: 5px; margin: 17px; }
.u-scale-53 { transform: scale(1.03); }
.u-opacity-53 { opacity: 0.53; }
.u-border-53 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 54 - utility spacing and colors */
.u-space-54 { padding: 6px; margin: 0px; }
.u-scale-54 { transform: scale(1.04); }
.u-opacity-54 { opacity: 0.54; }
.u-border-54 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 55 - utility spacing and colors */
.u-space-55 { padding: 7px; margin: 1px; }
.u-scale-55 { transform: scale(1.05); }
.u-opacity-55 { opacity: 0.55; }
.u-border-55 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 56 - utility spacing and colors */
.u-space-56 { padding: 8px; margin: 2px; }
.u-scale-56 { transform: scale(1.06); }
.u-opacity-56 { opacity: 0.56; }
.u-border-56 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 57 - utility spacing and colors */
.u-space-57 { padding: 9px; margin: 3px; }
.u-scale-57 { transform: scale(1.07); }
.u-opacity-57 { opacity: 0.5700000000000001; }
.u-border-57 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 58 - utility spacing and colors */
.u-space-58 { padding: 10px; margin: 4px; }
.u-scale-58 { transform: scale(1.08); }
.u-opacity-58 { opacity: 0.58; }
.u-border-58 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 59 - utility spacing and colors */
.u-space-59 { padding: 11px; margin: 5px; }
.u-scale-59 { transform: scale(1.09); }
.u-opacity-59 { opacity: 0.59; }
.u-border-59 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 60 - utility spacing and colors */
.u-space-60 { padding: 12px; margin: 6px; }
.u-scale-60 { transform: scale(1.0); }
.u-opacity-60 { opacity: 0.6; }
.u-border-60 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 61 - utility spacing and colors */
.u-space-61 { padding: 13px; margin: 7px; }
.u-scale-61 { transform: scale(1.01); }
.u-opacity-61 { opacity: 0.61; }
.u-border-61 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 62 - utility spacing and colors */
.u-space-62 { padding: 14px; margin: 8px; }
.u-scale-62 { transform: scale(1.02); }
.u-opacity-62 { opacity: 0.62; }
.u-border-62 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 63 - utility spacing and colors */
.u-space-63 { padding: 15px; margin: 9px; }
.u-scale-63 { transform: scale(1.03); }
.u-opacity-63 { opacity: 0.63; }
.u-border-63 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 64 - utility spacing and colors */
.u-space-64 { padding: 16px; margin: 10px; }
.u-scale-64 { transform: scale(1.04); }
.u-opacity-64 { opacity: 0.64; }
.u-border-64 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 65 - utility spacing and colors */
.u-space-65 { padding: 17px; margin: 11px; }
.u-scale-65 { transform: scale(1.05); }
.u-opacity-65 { opacity: 0.65; }
.u-border-65 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 66 - utility spacing and colors */
.u-space-66 { padding: 18px; margin: 12px; }
.u-scale-66 { transform: scale(1.06); }
.u-opacity-66 { opacity: 0.66; }
.u-border-66 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 67 - utility spacing and colors */
.u-space-67 { padding: 19px; margin: 13px; }
.u-scale-67 { transform: scale(1.07); }
.u-opacity-67 { opacity: 0.67; }
.u-border-67 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 68 - utility spacing and colors */
.u-space-68 { padding: 20px; margin: 14px; }
.u-scale-68 { transform: scale(1.08); }
.u-opacity-68 { opacity: 0.6799999999999999; }
.u-border-68 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 69 - utility spacing and colors */
.u-space-69 { padding: 21px; margin: 15px; }
.u-scale-69 { transform: scale(1.09); }
.u-opacity-69 { opacity: 0.69; }
.u-border-69 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 70 - utility spacing and colors */
.u-space-70 { padding: 22px; margin: 16px; }
.u-scale-70 { transform: scale(1.0); }
.u-opacity-70 { opacity: 0.7; }
.u-border-70 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 71 - utility spacing and colors */
.u-space-71 { padding: 23px; margin: 17px; }
.u-scale-71 { transform: scale(1.01); }
.u-opacity-71 { opacity: 0.71; }
.u-border-71 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 72 - utility spacing and colors */
.u-space-72 { padding: 0px; margin: 0px; }
.u-scale-72 { transform: scale(1.02); }
.u-opacity-72 { opacity: 0.72; }
.u-border-72 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 73 - utility spacing and colors */
.u-space-73 { padding: 1px; margin: 1px; }
.u-scale-73 { transform: scale(1.03); }
.u-opacity-73 { opacity: 0.73; }
.u-border-73 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 74 - utility spacing and colors */
.u-space-74 { padding: 2px; margin: 2px; }
.u-scale-74 { transform: scale(1.04); }
.u-opacity-74 { opacity: 0.74; }
.u-border-74 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 75 - utility spacing and colors */
.u-space-75 { padding: 3px; margin: 3px; }
.u-scale-75 { transform: scale(1.05); }
.u-opacity-75 { opacity: 0.75; }
.u-border-75 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 76 - utility spacing and colors */
.u-space-76 { padding: 4px; margin: 4px; }
.u-scale-76 { transform: scale(1.06); }
.u-opacity-76 { opacity: 0.76; }
.u-border-76 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 77 - utility spacing and colors */
.u-space-77 { padding: 5px; margin: 5px; }
.u-scale-77 { transform: scale(1.07); }
.u-opacity-77 { opacity: 0.77; }
.u-border-77 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 78 - utility spacing and colors */
.u-space-78 { padding: 6px; margin: 6px; }
.u-scale-78 { transform: scale(1.08); }
.u-opacity-78 { opacity: 0.78; }
.u-border-78 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 79 - utility spacing and colors */
.u-space-79 { padding: 7px; margin: 7px; }
.u-scale-79 { transform: scale(1.09); }
.u-opacity-79 { opacity: 0.79; }
.u-border-79 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 80 - utility spacing and colors */
.u-space-80 { padding: 8px; margin: 8px; }
.u-scale-80 { transform: scale(1.0); }
.u-opacity-80 { opacity: 0.8; }
.u-border-80 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 81 - utility spacing and colors */
.u-space-81 { padding: 9px; margin: 9px; }
.u-scale-81 { transform: scale(1.01); }
.u-opacity-81 { opacity: 0.81; }
.u-border-81 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 82 - utility spacing and colors */
.u-space-82 { padding: 10px; margin: 10px; }
.u-scale-82 { transform: scale(1.02); }
.u-opacity-82 { opacity: 0.8200000000000001; }
.u-border-82 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 83 - utility spacing and colors */
.u-space-83 { padding: 11px; margin: 11px; }
.u-scale-83 { transform: scale(1.03); }
.u-opacity-83 { opacity: 0.8300000000000001; }
.u-border-83 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 84 - utility spacing and colors */
.u-space-84 { padding: 12px; margin: 12px; }
.u-scale-84 { transform: scale(1.04); }
.u-opacity-84 { opacity: 0.8400000000000001; }
.u-border-84 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 85 - utility spacing and colors */
.u-space-85 { padding: 13px; margin: 13px; }
.u-scale-85 { transform: scale(1.05); }
.u-opacity-85 { opacity: 0.85; }
.u-border-85 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 86 - utility spacing and colors */
.u-space-86 { padding: 14px; margin: 14px; }
.u-scale-86 { transform: scale(1.06); }
.u-opacity-86 { opacity: 0.86; }
.u-border-86 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 87 - utility spacing and colors */
.u-space-87 { padding: 15px; margin: 15px; }
.u-scale-87 { transform: scale(1.07); }
.u-opacity-87 { opacity: 0.87; }
.u-border-87 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 88 - utility spacing and colors */
.u-space-88 { padding: 16px; margin: 16px; }
.u-scale-88 { transform: scale(1.08); }
.u-opacity-88 { opacity: 0.88; }
.u-border-88 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 89 - utility spacing and colors */
.u-space-89 { padding: 17px; margin: 17px; }
.u-scale-89 { transform: scale(1.09); }
.u-opacity-89 { opacity: 0.89; }
.u-border-89 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 90 - utility spacing and colors */
.u-space-90 { padding: 18px; margin: 0px; }
.u-scale-90 { transform: scale(1.0); }
.u-opacity-90 { opacity: 0.9; }
.u-border-90 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 91 - utility spacing and colors */
.u-space-91 { padding: 19px; margin: 1px; }
.u-scale-91 { transform: scale(1.01); }
.u-opacity-91 { opacity: 0.9099999999999999; }
.u-border-91 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 92 - utility spacing and colors */
.u-space-92 { padding: 20px; margin: 2px; }
.u-scale-92 { transform: scale(1.02); }
.u-opacity-92 { opacity: 0.9199999999999999; }
.u-border-92 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 93 - utility spacing and colors */
.u-space-93 { padding: 21px; margin: 3px; }
.u-scale-93 { transform: scale(1.03); }
.u-opacity-93 { opacity: 0.9299999999999999; }
.u-border-93 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 94 - utility spacing and colors */
.u-space-94 { padding: 22px; margin: 4px; }
.u-scale-94 { transform: scale(1.04); }
.u-opacity-94 { opacity: 0.94; }
.u-border-94 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 95 - utility spacing and colors */
.u-space-95 { padding: 23px; margin: 5px; }
.u-scale-95 { transform: scale(1.05); }
.u-opacity-95 { opacity: 0.95; }
.u-border-95 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 96 - utility spacing and colors */
.u-space-96 { padding: 0px; margin: 6px; }
.u-scale-96 { transform: scale(1.06); }
.u-opacity-96 { opacity: 0.96; }
.u-border-96 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 97 - utility spacing and colors */
.u-space-97 { padding: 1px; margin: 7px; }
.u-scale-97 { transform: scale(1.07); }
.u-opacity-97 { opacity: 0.97; }
.u-border-97 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 98 - utility spacing and colors */
.u-space-98 { padding: 2px; margin: 8px; }
.u-scale-98 { transform: scale(1.08); }
.u-opacity-98 { opacity: 0.98; }
.u-border-98 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 99 - utility spacing and colors */
.u-space-99 { padding: 3px; margin: 9px; }
.u-scale-99 { transform: scale(1.09); }
.u-opacity-99 { opacity: 0.99; }
.u-border-99 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 100 - utility spacing and colors */
.u-space-100 { padding: 4px; margin: 10px; }
.u-scale-100 { transform: scale(1.0); }
.u-opacity-100 { opacity: 0.5; }
.u-border-100 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 101 - utility spacing and colors */
.u-space-101 { padding: 5px; margin: 11px; }
.u-scale-101 { transform: scale(1.01); }
.u-opacity-101 { opacity: 0.51; }
.u-border-101 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 102 - utility spacing and colors */
.u-space-102 { padding: 6px; margin: 12px; }
.u-scale-102 { transform: scale(1.02); }
.u-opacity-102 { opacity: 0.52; }
.u-border-102 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 103 - utility spacing and colors */
.u-space-103 { padding: 7px; margin: 13px; }
.u-scale-103 { transform: scale(1.03); }
.u-opacity-103 { opacity: 0.53; }
.u-border-103 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 104 - utility spacing and colors */
.u-space-104 { padding: 8px; margin: 14px; }
.u-scale-104 { transform: scale(1.04); }
.u-opacity-104 { opacity: 0.54; }
.u-border-104 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 105 - utility spacing and colors */
.u-space-105 { padding: 9px; margin: 15px; }
.u-scale-105 { transform: scale(1.05); }
.u-opacity-105 { opacity: 0.55; }
.u-border-105 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 106 - utility spacing and colors */
.u-space-106 { padding: 10px; margin: 16px; }
.u-scale-106 { transform: scale(1.06); }
.u-opacity-106 { opacity: 0.56; }
.u-border-106 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 107 - utility spacing and colors */
.u-space-107 { padding: 11px; margin: 17px; }
.u-scale-107 { transform: scale(1.07); }
.u-opacity-107 { opacity: 0.5700000000000001; }
.u-border-107 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 108 - utility spacing and colors */
.u-space-108 { padding: 12px; margin: 0px; }
.u-scale-108 { transform: scale(1.08); }
.u-opacity-108 { opacity: 0.58; }
.u-border-108 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 109 - utility spacing and colors */
.u-space-109 { padding: 13px; margin: 1px; }
.u-scale-109 { transform: scale(1.09); }
.u-opacity-109 { opacity: 0.59; }
.u-border-109 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 110 - utility spacing and colors */
.u-space-110 { padding: 14px; margin: 2px; }
.u-scale-110 { transform: scale(1.0); }
.u-opacity-110 { opacity: 0.6; }
.u-border-110 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 111 - utility spacing and colors */
.u-space-111 { padding: 15px; margin: 3px; }
.u-scale-111 { transform: scale(1.01); }
.u-opacity-111 { opacity: 0.61; }
.u-border-111 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 112 - utility spacing and colors */
.u-space-112 { padding: 16px; margin: 4px; }
.u-scale-112 { transform: scale(1.02); }
.u-opacity-112 { opacity: 0.62; }
.u-border-112 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 113 - utility spacing and colors */
.u-space-113 { padding: 17px; margin: 5px; }
.u-scale-113 { transform: scale(1.03); }
.u-opacity-113 { opacity: 0.63; }
.u-border-113 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 114 - utility spacing and colors */
.u-space-114 { padding: 18px; margin: 6px; }
.u-scale-114 { transform: scale(1.04); }
.u-opacity-114 { opacity: 0.64; }
.u-border-114 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 115 - utility spacing and colors */
.u-space-115 { padding: 19px; margin: 7px; }
.u-scale-115 { transform: scale(1.05); }
.u-opacity-115 { opacity: 0.65; }
.u-border-115 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 116 - utility spacing and colors */
.u-space-116 { padding: 20px; margin: 8px; }
.u-scale-116 { transform: scale(1.06); }
.u-opacity-116 { opacity: 0.66; }
.u-border-116 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 117 - utility spacing and colors */
.u-space-117 { padding: 21px; margin: 9px; }
.u-scale-117 { transform: scale(1.07); }
.u-opacity-117 { opacity: 0.67; }
.u-border-117 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 118 - utility spacing and colors */
.u-space-118 { padding: 22px; margin: 10px; }
.u-scale-118 { transform: scale(1.08); }
.u-opacity-118 { opacity: 0.6799999999999999; }
.u-border-118 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 119 - utility spacing and colors */
.u-space-119 { padding: 23px; margin: 11px; }
.u-scale-119 { transform: scale(1.09); }
.u-opacity-119 { opacity: 0.69; }
.u-border-119 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 120 - utility spacing and colors */
.u-space-120 { padding: 0px; margin: 12px; }
.u-scale-120 { transform: scale(1.0); }
.u-opacity-120 { opacity: 0.7; }
.u-border-120 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 121 - utility spacing and colors */
.u-space-121 { padding: 1px; margin: 13px; }
.u-scale-121 { transform: scale(1.01); }
.u-opacity-121 { opacity: 0.71; }
.u-border-121 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 122 - utility spacing and colors */
.u-space-122 { padding: 2px; margin: 14px; }
.u-scale-122 { transform: scale(1.02); }
.u-opacity-122 { opacity: 0.72; }
.u-border-122 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 123 - utility spacing and colors */
.u-space-123 { padding: 3px; margin: 15px; }
.u-scale-123 { transform: scale(1.03); }
.u-opacity-123 { opacity: 0.73; }
.u-border-123 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 124 - utility spacing and colors */
.u-space-124 { padding: 4px; margin: 16px; }
.u-scale-124 { transform: scale(1.04); }
.u-opacity-124 { opacity: 0.74; }
.u-border-124 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 125 - utility spacing and colors */
.u-space-125 { padding: 5px; margin: 17px; }
.u-scale-125 { transform: scale(1.05); }
.u-opacity-125 { opacity: 0.75; }
.u-border-125 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 126 - utility spacing and colors */
.u-space-126 { padding: 6px; margin: 0px; }
.u-scale-126 { transform: scale(1.06); }
.u-opacity-126 { opacity: 0.76; }
.u-border-126 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 127 - utility spacing and colors */
.u-space-127 { padding: 7px; margin: 1px; }
.u-scale-127 { transform: scale(1.07); }
.u-opacity-127 { opacity: 0.77; }
.u-border-127 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 128 - utility spacing and colors */
.u-space-128 { padding: 8px; margin: 2px; }
.u-scale-128 { transform: scale(1.08); }
.u-opacity-128 { opacity: 0.78; }
.u-border-128 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 129 - utility spacing and colors */
.u-space-129 { padding: 9px; margin: 3px; }
.u-scale-129 { transform: scale(1.09); }
.u-opacity-129 { opacity: 0.79; }
.u-border-129 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 130 - utility spacing and colors */
.u-space-130 { padding: 10px; margin: 4px; }
.u-scale-130 { transform: scale(1.0); }
.u-opacity-130 { opacity: 0.8; }
.u-border-130 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 131 - utility spacing and colors */
.u-space-131 { padding: 11px; margin: 5px; }
.u-scale-131 { transform: scale(1.01); }
.u-opacity-131 { opacity: 0.81; }
.u-border-131 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 132 - utility spacing and colors */
.u-space-132 { padding: 12px; margin: 6px; }
.u-scale-132 { transform: scale(1.02); }
.u-opacity-132 { opacity: 0.8200000000000001; }
.u-border-132 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 133 - utility spacing and colors */
.u-space-133 { padding: 13px; margin: 7px; }
.u-scale-133 { transform: scale(1.03); }
.u-opacity-133 { opacity: 0.8300000000000001; }
.u-border-133 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 134 - utility spacing and colors */
.u-space-134 { padding: 14px; margin: 8px; }
.u-scale-134 { transform: scale(1.04); }
.u-opacity-134 { opacity: 0.8400000000000001; }
.u-border-134 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 135 - utility spacing and colors */
.u-space-135 { padding: 15px; margin: 9px; }
.u-scale-135 { transform: scale(1.05); }
.u-opacity-135 { opacity: 0.85; }
.u-border-135 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 136 - utility spacing and colors */
.u-space-136 { padding: 16px; margin: 10px; }
.u-scale-136 { transform: scale(1.06); }
.u-opacity-136 { opacity: 0.86; }
.u-border-136 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 137 - utility spacing and colors */
.u-space-137 { padding: 17px; margin: 11px; }
.u-scale-137 { transform: scale(1.07); }
.u-opacity-137 { opacity: 0.87; }
.u-border-137 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 138 - utility spacing and colors */
.u-space-138 { padding: 18px; margin: 12px; }
.u-scale-138 { transform: scale(1.08); }
.u-opacity-138 { opacity: 0.88; }
.u-border-138 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 139 - utility spacing and colors */
.u-space-139 { padding: 19px; margin: 13px; }
.u-scale-139 { transform: scale(1.09); }
.u-opacity-139 { opacity: 0.89; }
.u-border-139 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 140 - utility spacing and colors */
.u-space-140 { padding: 20px; margin: 14px; }
.u-scale-140 { transform: scale(1.0); }
.u-opacity-140 { opacity: 0.9; }
.u-border-140 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 141 - utility spacing and colors */
.u-space-141 { padding: 21px; margin: 15px; }
.u-scale-141 { transform: scale(1.01); }
.u-opacity-141 { opacity: 0.9099999999999999; }
.u-border-141 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 142 - utility spacing and colors */
.u-space-142 { padding: 22px; margin: 16px; }
.u-scale-142 { transform: scale(1.02); }
.u-opacity-142 { opacity: 0.9199999999999999; }
.u-border-142 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 143 - utility spacing and colors */
.u-space-143 { padding: 23px; margin: 17px; }
.u-scale-143 { transform: scale(1.03); }
.u-opacity-143 { opacity: 0.9299999999999999; }
.u-border-143 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 144 - utility spacing and colors */
.u-space-144 { padding: 0px; margin: 0px; }
.u-scale-144 { transform: scale(1.04); }
.u-opacity-144 { opacity: 0.94; }
.u-border-144 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 145 - utility spacing and colors */
.u-space-145 { padding: 1px; margin: 1px; }
.u-scale-145 { transform: scale(1.05); }
.u-opacity-145 { opacity: 0.95; }
.u-border-145 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 146 - utility spacing and colors */
.u-space-146 { padding: 2px; margin: 2px; }
.u-scale-146 { transform: scale(1.06); }
.u-opacity-146 { opacity: 0.96; }
.u-border-146 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 147 - utility spacing and colors */
.u-space-147 { padding: 3px; margin: 3px; }
.u-scale-147 { transform: scale(1.07); }
.u-opacity-147 { opacity: 0.97; }
.u-border-147 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 148 - utility spacing and colors */
.u-space-148 { padding: 4px; margin: 4px; }
.u-scale-148 { transform: scale(1.08); }
.u-opacity-148 { opacity: 0.98; }
.u-border-148 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 149 - utility spacing and colors */
.u-space-149 { padding: 5px; margin: 5px; }
.u-scale-149 { transform: scale(1.09); }
.u-opacity-149 { opacity: 0.99; }
.u-border-149 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 150 - utility spacing and colors */
.u-space-150 { padding: 6px; margin: 6px; }
.u-scale-150 { transform: scale(1.0); }
.u-opacity-150 { opacity: 0.5; }
.u-border-150 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 151 - utility spacing and colors */
.u-space-151 { padding: 7px; margin: 7px; }
.u-scale-151 { transform: scale(1.01); }
.u-opacity-151 { opacity: 0.51; }
.u-border-151 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 152 - utility spacing and colors */
.u-space-152 { padding: 8px; margin: 8px; }
.u-scale-152 { transform: scale(1.02); }
.u-opacity-152 { opacity: 0.52; }
.u-border-152 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 153 - utility spacing and colors */
.u-space-153 { padding: 9px; margin: 9px; }
.u-scale-153 { transform: scale(1.03); }
.u-opacity-153 { opacity: 0.53; }
.u-border-153 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 154 - utility spacing and colors */
.u-space-154 { padding: 10px; margin: 10px; }
.u-scale-154 { transform: scale(1.04); }
.u-opacity-154 { opacity: 0.54; }
.u-border-154 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 155 - utility spacing and colors */
.u-space-155 { padding: 11px; margin: 11px; }
.u-scale-155 { transform: scale(1.05); }
.u-opacity-155 { opacity: 0.55; }
.u-border-155 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 156 - utility spacing and colors */
.u-space-156 { padding: 12px; margin: 12px; }
.u-scale-156 { transform: scale(1.06); }
.u-opacity-156 { opacity: 0.56; }
.u-border-156 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 157 - utility spacing and colors */
.u-space-157 { padding: 13px; margin: 13px; }
.u-scale-157 { transform: scale(1.07); }
.u-opacity-157 { opacity: 0.5700000000000001; }
.u-border-157 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 158 - utility spacing and colors */
.u-space-158 { padding: 14px; margin: 14px; }
.u-scale-158 { transform: scale(1.08); }
.u-opacity-158 { opacity: 0.58; }
.u-border-158 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 159 - utility spacing and colors */
.u-space-159 { padding: 15px; margin: 15px; }
.u-scale-159 { transform: scale(1.09); }
.u-opacity-159 { opacity: 0.59; }
.u-border-159 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 160 - utility spacing and colors */
.u-space-160 { padding: 16px; margin: 16px; }
.u-scale-160 { transform: scale(1.0); }
.u-opacity-160 { opacity: 0.6; }
.u-border-160 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 161 - utility spacing and colors */
.u-space-161 { padding: 17px; margin: 17px; }
.u-scale-161 { transform: scale(1.01); }
.u-opacity-161 { opacity: 0.61; }
.u-border-161 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 162 - utility spacing and colors */
.u-space-162 { padding: 18px; margin: 0px; }
.u-scale-162 { transform: scale(1.02); }
.u-opacity-162 { opacity: 0.62; }
.u-border-162 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 163 - utility spacing and colors */
.u-space-163 { padding: 19px; margin: 1px; }
.u-scale-163 { transform: scale(1.03); }
.u-opacity-163 { opacity: 0.63; }
.u-border-163 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 164 - utility spacing and colors */
.u-space-164 { padding: 20px; margin: 2px; }
.u-scale-164 { transform: scale(1.04); }
.u-opacity-164 { opacity: 0.64; }
.u-border-164 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 165 - utility spacing and colors */
.u-space-165 { padding: 21px; margin: 3px; }
.u-scale-165 { transform: scale(1.05); }
.u-opacity-165 { opacity: 0.65; }
.u-border-165 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 166 - utility spacing and colors */
.u-space-166 { padding: 22px; margin: 4px; }
.u-scale-166 { transform: scale(1.06); }
.u-opacity-166 { opacity: 0.66; }
.u-border-166 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }

/* filler block 167 - utility spacing and colors */
.u-space-167 { padding: 23px; margin: 5px; }
.u-scale-167 { transform: scale(1.07); }
.u-opacity-167 { opacity: 0.67; }
.u-border-167 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.07); }

/* filler block 168 - utility spacing and colors */
.u-space-168 { padding: 0px; margin: 6px; }
.u-scale-168 { transform: scale(1.08); }
.u-opacity-168 { opacity: 0.6799999999999999; }
.u-border-168 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.08); }

/* filler block 169 - utility spacing and colors */
.u-space-169 { padding: 1px; margin: 7px; }
.u-scale-169 { transform: scale(1.09); }
.u-opacity-169 { opacity: 0.69; }
.u-border-169 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.09); }

/* filler block 170 - utility spacing and colors */
.u-space-170 { padding: 2px; margin: 8px; }
.u-scale-170 { transform: scale(1.0); }
.u-opacity-170 { opacity: 0.7; }
.u-border-170 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.0); }

/* filler block 171 - utility spacing and colors */
.u-space-171 { padding: 3px; margin: 9px; }
.u-scale-171 { transform: scale(1.01); }
.u-opacity-171 { opacity: 0.71; }
.u-border-171 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.01); }

/* filler block 172 - utility spacing and colors */
.u-space-172 { padding: 4px; margin: 10px; }
.u-scale-172 { transform: scale(1.02); }
.u-opacity-172 { opacity: 0.72; }
.u-border-172 { border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.02); }

/* filler block 173 - utility spacing and colors */
.u-space-173 { padding: 5px; margin: 11px; }
.u-scale-173 { transform: scale(1.03); }
.u-opacity-173 { opacity: 0.73; }
.u-border-173 { border-width: 3px; border-style: solid; border-color: rgba(0,0,0,0.03); }

/* filler block 174 - utility spacing and colors */
.u-space-174 { padding: 6px; margin: 12px; }
.u-scale-174 { transform: scale(1.04); }
.u-opacity-174 { opacity: 0.74; }
.u-border-174 { border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0.04); }

/* filler block 175 - utility spacing and colors */
.u-space-175 { padding: 7px; margin: 13px; }
.u-scale-175 { transform: scale(1.05); }
.u-opacity-175 { opacity: 0.75; }
.u-border-175 { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.05); }

/* filler block 176 - utility spacing and colors */
.u-space-176 { padding: 8px; margin: 14px; }
.u-scale-176 { transform: scale(1.06); }
.u-opacity-176 { opacity: 0.76; }
.u-border-176 { border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.06); }
.cake-zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.cake-zoom-backdrop {
  position: absolute; inset: 0;
  background: rgba(15, 23, 42, 0.6); /* tailwind-szerű dark */
  backdrop-filter: blur(4px);
  transition: opacity .25s ease;
  opacity: 0;
}
.cake-zoom-panel {
  position: relative;
  z-index: 2;
  width: min(90vw, 60vmin);
  height: min(90vh, 60vmin);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(2,6,23,.6);
  transform: scale(.9);
  transition: transform .28s cubic-bezier(.2,.9,.2,1), opacity .2s ease;
  opacity: 0;
  background: transparent;
}
.cake-zoom-emoji {
  font-size: 6vmin;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
}
.cake-zoom-overlay.show {
  display:flex;
  pointer-events: auto;
}
.cake-zoom-overlay.show .cake-zoom-backdrop { opacity: 1; }
.cake-zoom-overlay.show .cake-zoom-panel { transform: scale(1); opacity: 1; }
.cake-zoom-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  background: rgba(255,255,255,0.9);
  border: none;
  width:36px;height:36px;border-radius:8px;
  font-size:20px;line-height:1;
  cursor:pointer;
  box-shadow: 0 6px 12px rgba(2,6,23,.18);
}
.cake-zoom-panel img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display:block;
  
}
@media (prefers-reduced-motion: reduce) {
  .cake-zoom-panel, .cake-zoom-backdrop { transition: none; }
}