/* Čarobna šuma public experience. Every component rule is scoped to the widget root. */
@font-face {
  font-family: "CS Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "CS Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "CS Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/playfair-display-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "CS Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/playfair-display-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Astra and the widget both provide navigation. Hide only Astra's shell on this page. */
body.csuma-full-page #masthead,
body.csuma-full-page header.site-header,
body.csuma-full-page .ast-primary-header-bar,
body.csuma-full-page .main-header-bar,
body.csuma-full-page .ast-builder-header,
body.csuma-full-page .ast-desktop-header,
body.csuma-full-page .ast-mobile-header-wrap,
body.csuma-full-page #colophon,
body.csuma-full-page footer.site-footer {
  display: none !important;
}
body.csuma-full-page #content,
body.csuma-full-page .site-content,
body.csuma-full-page .ast-container,
body.csuma-full-page #primary,
body.csuma-full-page .content-area,
body.csuma-full-page .site-main,
body.csuma-full-page article.page,
body.csuma-full-page .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.csuma-full-page .entry-header {
  display: none !important;
}
body.csuma-full-page .elementor-widget-carobna_suma_homepage,
body.csuma-full-page .elementor-widget-carobna_suma_homepage > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.csuma-site {
  --cs-teal: #46a2a8;
  --cs-teal-deep: #1e756c;
  --cs-ink: #173e36;
  --cs-muted: #66747a;
  --cs-paper: #fffdf8;
  --cs-cream: #fff4df;
  --cs-gold: #f9d071;
  --cs-orange: #ef9f5d;
  --cs-lime: #b6d043;
  --cs-blue: #415393;
  --cs-red: #e05a57;
  --cs-brown: #b59366;
  --cs-line: rgba(36, 52, 58, .12);
  color: var(--cs-ink);
  background: var(--cs-paper);
  font-family: "CS Manrope", Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin: 0;
}
.csuma-site *, .csuma-site *::before, .csuma-site *::after { box-sizing: border-box; }
.csuma-site img { display: block; max-width: 100%; height: auto; }
.csuma-site a { color: inherit; text-decoration: none; }
.csuma-site button { font: inherit; }
.csuma-site [hidden] { display: none !important; }
.csuma-site h1[data-cs-lang], .csuma-site h2[data-cs-lang], .csuma-site h3[data-cs-lang], .csuma-site p[data-cs-lang] { display: block; }
.csuma-site span[data-cs-lang], .csuma-site strong[data-cs-lang], .csuma-site small[data-cs-lang] { display: inline; }
.csuma-site h1, .csuma-site h2, .csuma-site h3, .csuma-site p { padding: 0; border: 0; color: inherit; }
.csuma-site h1, .csuma-site h2 { margin: 0 0 1.25rem; font-family: "CS Playfair Display", "Playfair Display", Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.02; letter-spacing: -.045em; }
.csuma-site h3 { margin: 0 0 .5rem; font-family: "CS Playfair Display", "Playfair Display", Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.08; letter-spacing: -.025em; }
.csuma-site p { margin: 0 0 1rem; font-family: inherit; line-height: 1.65; }
.csuma-site h1 { font-size: clamp(2.8rem, 6vw, 5.8rem); margin-bottom: 1.35rem; max-width: 10ch; }
.csuma-site h2 { font-size: clamp(2.25rem, 4vw, 4.25rem); margin-bottom: 1.25rem; }
.csuma-site h3 { font-size: 1.35rem; margin-bottom: .5rem; }
.csuma-inner { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }

/* Header */
.csuma-header { position: sticky; top: 0; z-index: 20; color: #fff; background: rgba(18,55,47,.95); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(16px); }
.csuma-header__inner { width: min(1240px, calc(100% - 48px)); min-height: 82px; margin-inline: auto; display: flex; align-items: center; gap: 1.75rem; }
.csuma-header__logo { width: 112px; flex: 0 0 112px; }
.csuma-header__logo img { width: 100%; height: 72px; object-fit: contain; object-position: center; filter: brightness(0) invert(1); }
.csuma-nav { display: flex; align-items: center; justify-content: center; gap: clamp(1rem, 2.4vw, 2.25rem); margin-left: auto; }
.csuma-nav a, .csuma-footer nav a { font-size: .78rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; transition: color .2s ease; }
.csuma-nav a:hover, .csuma-footer nav a:hover { color: var(--cs-orange); }
.csuma-header__actions { display: flex; align-items: center; gap: .75rem; margin-left: auto; }
.csuma-language { display: flex; gap: .2rem; padding: .2rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; }
.csuma-language button { border: 0; background: transparent; color: rgba(255,255,255,.58); border-radius: 999px; cursor: pointer; padding: .25rem .5rem; font-size: .67rem; font-weight: 800; letter-spacing: .08em; }
.csuma-language button[aria-pressed="true"] { color: var(--cs-ink); background: #fff; }
.csuma-menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid rgba(255,255,255,.16); background: transparent; border-radius: 50%; cursor: pointer; }
.csuma-menu-toggle span { display: block; height: 2px; margin: 4px 0; background: #fff; }
.csuma-mobile-nav { display: grid; gap: .25rem; padding: 1rem 24px 1.5rem; border-top: 1px solid #dbe4dc; color: var(--cs-ink); background: #f8f5ed; }
.csuma-mobile-nav a:not(.csuma-button) { display: flex; justify-content: space-between; padding: .7rem 0; font-weight: 700; }
.csuma-mobile-nav small { color: var(--cs-orange); }

/* Shared type and controls */
.csuma-eyebrow, .csuma-kicker { display: flex; align-items: center; gap: .45rem; font-size: .72rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.csuma-eyebrow { color: var(--cs-orange); }
.csuma-eyebrow--light { color: var(--cs-gold); }
.csuma-kicker { color: var(--cs-teal-deep); margin-bottom: 1.15rem; }
.csuma-icon { display: inline-block; flex: 0 0 auto; width: 1.15em; height: 1.15em; vertical-align: -.16em; stroke: currentColor; }
.csuma-icon--feature { width: 3.5rem; height: 3.5rem; }
.csuma-section-lead { display: block; max-width: 58ch; margin-bottom: 1.25rem; color: var(--cs-muted); font-size: 1.05rem; line-height: 1.7; }
.csuma-button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 47px; padding: .7rem 1.15rem; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.csuma-button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(36,52,58,.13); }
.csuma-button--gold { color: var(--cs-ink); background: var(--cs-gold); }
.csuma-button--outline { color: currentColor; border-color: currentColor; background: transparent; }
.csuma-button--dark { color: #fff; background: var(--cs-ink); }
.csuma-button--soft { color: var(--cs-ink); background: rgba(255,255,255,.68); }
.csuma-button--cream { color: var(--cs-ink); background: var(--cs-cream); }
.csuma-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.csuma-centred .csuma-kicker { justify-content: center; }
.csuma-menu-box__head strong, .csuma-contact__intro li, .csuma-footer p a { display: inline-flex; align-items: center; gap: .45rem; }
.csuma-about__image > div { display: flex; align-items: center; gap: .45rem; }

/* Hero */
.csuma-hero { position: relative; isolation: isolate; color: #fff; background: #12372f; }
.csuma-hero::before, .csuma-hero::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); opacity: .35; }
.csuma-hero::before { width: 520px; height: 520px; right: -90px; top: -130px; border: 1px solid rgba(255,255,255,.1); background: transparent; }
.csuma-hero::after { width: 300px; height: 300px; left: -100px; bottom: -120px; background: rgba(182,208,67,.28); filter: blur(35px); }
.csuma-hero__grid { min-height: min(720px, calc(100vh - 82px)); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 3rem; padding-block: 5rem; }
.csuma-hero__copy { position: relative; z-index: 1; }
.csuma-hero__copy h1 { color: #fff; }
.csuma-hero__lead { max-width: 48ch; color: rgba(255,255,255,.84); font-size: 1.1rem; margin-bottom: 2rem; }
.csuma-hero__visual { position: relative; min-height: 510px; display: grid; place-items: center; }
.csuma-logo-card { position: relative; z-index: 2; width: min(100%, 510px); padding: 2rem; border: 1px solid rgba(255,255,255,.65); border-radius: 56px; background: radial-gradient(circle at 50% 8%, #fff 0%, #fbf7ee 43%, #eee3d4 100%); box-shadow: 0 35px 90px rgba(0,0,0,.28); }
.csuma-logo-card img { width: 100%; height: auto; filter: drop-shadow(0 14px 20px rgba(64,91,76,.13)); }
.csuma-hero__tag { position: absolute; z-index: 5; display: grid; place-items: center; width: 82px; height: 82px; padding: .55rem; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: #fff; background: var(--cs-red); font-size: .72rem; font-weight: 800; line-height: 1.1; text-align: center; text-transform: none; letter-spacing: .02em; box-shadow: 0 14px 32px rgba(0,0,0,.24); }
.csuma-hero__tag--play { top: 10%; left: -1%; transform: rotate(-7deg); }
.csuma-hero__tag--learn { top: auto; right: -2%; bottom: 24%; width: 96px; height: 96px; color: #fff; background: var(--cs-blue); transform: rotate(7deg); }
.csuma-hero__tag--grow { bottom: 2%; left: 10%; width: 112px; height: 112px; color: var(--cs-ink); background: var(--cs-lime); transform: rotate(-4deg); }

/* Information, groups and menu */
.csuma-section { padding-block: clamp(4.5rem, 9vw, 8rem); }
.csuma-info { background: var(--cs-cream); }
.csuma-info__grid, .csuma-about__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2.5rem, 7vw, 7rem); }
.csuma-info-list { display: grid; gap: 1rem; margin-top: 2rem; }
.csuma-info-list > div, .csuma-info-list > a { display: flex; align-items: center; gap: 1rem; }
.csuma-info-list i { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: var(--cs-teal-deep); background: #fff; font-style: normal; }
.csuma-info-list small, .csuma-meal small, .csuma-group-card small, .csuma-contact__cards small { display: block; color: var(--cs-muted); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.csuma-info-list strong { display: block; font-size: .92rem; }
.csuma-map-card { min-height: 380px; padding: 1rem; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 28px; background: linear-gradient(145deg, #acd5d3, #eaf2d0); box-shadow: 0 20px 45px rgba(36,52,58,.1); }
.csuma-map-placeholder { flex: 1; display: grid; align-content: center; justify-items: center; gap: .7rem; padding: 2rem; color: var(--cs-teal-deep); text-align: center; }
.csuma-map-placeholder i { font-size: 2.25rem; font-style: normal; }
.csuma-map-placeholder h3, .csuma-map-placeholder p { max-width: 27ch; margin-bottom: 0; }
.csuma-map-placeholder p { color: var(--cs-muted); font-size: .9rem; }
.csuma-map-card iframe { width: 100%; min-height: 340px; border: 0; border-radius: 18px; }
.csuma-map-link { align-self: center; margin-top: .7rem; }
.csuma-groups { background: #fff; }
.csuma-heading-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 3rem; margin-bottom: 2.75rem; }
.csuma-heading-grid h2 { max-width: 12ch; }
.csuma-group-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.csuma-group-card { min-height: 240px; padding: 1.35rem; display: flex; flex-direction: column; justify-content: space-between; border-radius: 20px; background: var(--cs-cream); transition: transform .2s ease, box-shadow .2s ease; }
.csuma-group-card:hover { transform: translateY(-5px); box-shadow: 0 14px 28px rgba(36,52,58,.1); }
.csuma-group-card:nth-child(5), .csuma-group-card:nth-child(6), .csuma-group-card:nth-child(7) { min-height: 210px; }
.csuma-group-card__top { display: flex; justify-content: space-between; align-items: center; color: var(--cs-orange); font-size: 1.4rem; }
.csuma-group-card__top span { color: var(--cs-muted); font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.csuma-group-card p { margin-bottom: 0; color: var(--cs-muted); font-size: .86rem; line-height: 1.45; }
.csuma-group-card--teal { background: #e5f3f1; }.csuma-group-card--orange { background: #fff0dc; }.csuma-group-card--lime { background: #f0f5d8; }.csuma-group-card--yellow { background: #fff8d8; }.csuma-group-card--blue { background: #e9ebf7; }.csuma-group-card--red { background: #fae6e3; }.csuma-group-card--brown { background: #f0e8db; }
.csuma-menu-section { background: #eaf1e7; color: var(--cs-ink); }
.csuma-inner--menu { max-width: 930px; }.csuma-centred { text-align: center; margin-inline: auto; max-width: 700px; }.csuma-centred h2 { max-width: 14ch; margin-inline: auto; }.csuma-centred .csuma-section-lead { margin-inline: auto; color: var(--cs-muted); }
.csuma-menu-box { margin-top: 2.75rem; padding: clamp(1rem, 3vw, 2rem); border-radius: 26px; color: var(--cs-ink); background: var(--cs-paper); box-shadow: 0 25px 55px rgba(20,64,68,.2); }
.csuma-menu-box__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid var(--cs-line); }.csuma-menu-box__head small { color: var(--cs-orange); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.csuma-day-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; padding: 1.25rem 0; }.csuma-day-tabs button { flex: 0 1 auto; padding: .55rem .8rem; border: 1px solid var(--cs-line); border-radius: 999px; color: var(--cs-muted); background: transparent; cursor: pointer; font-size: .76rem; font-weight: 750; }.csuma-day-tabs button[aria-selected="true"] { border-color: var(--cs-teal); color: #fff; background: var(--cs-teal); }
.csuma-meals { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }.csuma-meal { min-height: 155px; padding: 1.25rem; border-radius: 16px; background: var(--cs-cream); }.csuma-meal i { display: block; margin-bottom: 1.5rem; color: var(--cs-orange); font-style: normal; }.csuma-meal h3 { font-size: 1.1rem; }.csuma-meal--lunch { background: #e5f3f1; }.csuma-meal--snack { background: #e9ebf7; }.csuma-menu-note { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--cs-line); color: var(--cs-muted); font-size: .82rem; }.csuma-menu-note > :first-child { color: var(--cs-orange); font-size: 1.25rem; }.csuma-menu-note p { margin-bottom: 0; }

/* About, video and contact */
.csuma-about { background: var(--cs-paper); }.csuma-about__image { position: relative; }.csuma-about__image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 28px; }.csuma-about__image > div { position: absolute; right: -18px; bottom: 28px; max-width: 190px; padding: 1rem 1.15rem; border-radius: 16px; color: var(--cs-ink); background: var(--cs-gold); font-size: .8rem; font-weight: 800; line-height: 1.35; transform: rotate(4deg); }.csuma-values { display: grid; gap: .7rem; margin-top: 2rem; }.csuma-values > div { display: flex; align-items: center; gap: .75rem; font-size: .9rem; }.csuma-values i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--cs-teal); font-style: normal; }
.csuma-video-wrap { color: #fff; background: #173e36; }.csuma-video { min-height: 450px; display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: 4rem; }.csuma-video h2 { max-width: 12ch; }.csuma-video__lead { max-width: 52ch; color: rgba(255,255,255,.72); }.csuma-video__icon { width: 180px; height: 180px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: var(--cs-red); font-size: 2rem; transform: rotate(-10deg); }
.csuma-contact { background: var(--cs-orange); }.csuma-contact__box { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3rem; padding: clamp(2rem, 5vw, 4rem); border-radius: 28px; background: #fff8ec; }.csuma-contact__intro ul { display: grid; gap: .45rem; padding: 0; margin: 2rem 0 0; list-style: none; color: var(--cs-muted); font-size: .85rem; }.csuma-contact__cards { display: grid; gap: .75rem; align-content: center; }.csuma-contact__cards > a { display: flex; align-items: center; gap: .8rem; padding: 1rem; border: 1px solid var(--cs-line); border-radius: 16px; background: #fff; transition: transform .2s ease, border-color .2s ease; }.csuma-contact__cards > a:hover { border-color: var(--cs-teal); transform: translateX(4px); }.csuma-contact__cards i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--cs-teal); font-style: normal; }.csuma-contact__cards strong { display: block; font-size: .82rem; word-break: break-word; }.csuma-contact__cards b { margin-left: auto; color: var(--cs-orange); }

/* Footer and consent UI */
.csuma-footer { padding: 3.5rem 0 2rem; color: rgba(255,255,255,.8); background: var(--cs-ink); }.csuma-footer > .csuma-inner { display: flex; justify-content: space-between; gap: 3rem; }.csuma-footer img { width: 130px; height: 92px; object-fit: contain; filter: brightness(0) invert(1); opacity: .92; }.csuma-footer p { max-width: 31ch; margin: .8rem 0 0; font-size: .82rem; }.csuma-footer nav { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }.csuma-footer > .csuma-inner > div:last-child { text-align: right; }.csuma-footer > .csuma-inner > div:last-child p { max-width: none; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem 1rem; }.csuma-footer button { padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; font-size: inherit; }.csuma-mobile-call { display: none; }
.csuma-cookie { position: fixed; z-index: 30; right: 20px; bottom: 20px; width: min(900px, calc(100% - 40px)); display: flex; align-items: center; gap: 1.25rem; padding: 1.15rem 1.3rem; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; color: #fff; background: rgba(16,46,40,.97); box-shadow: 0 20px 55px rgba(9,35,29,.32); backdrop-filter: blur(14px); }.csuma-cookie > div:first-child { flex: 1; }.csuma-cookie strong { display: block; font-family: "CS Playfair Display", "Playfair Display", Georgia, "Times New Roman", serif; font-size: 1.05rem; }.csuma-cookie p { margin: .2rem 0; color: rgba(255,255,255,.68); font-size: .76rem; line-height: 1.45; }.csuma-cookie [data-cs-privacy-open] { padding: 0; border: 0; color: var(--cs-gold); background: transparent; cursor: pointer; font-size: .72rem; text-decoration: underline; }.csuma-cookie__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }.csuma-cookie .csuma-button { min-height: 38px; padding-inline: .85rem; font-size: .65rem; }.csuma-cookie .csuma-button--outline { color: #fff; border-color: rgba(255,255,255,.28); }
.csuma-privacy { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 20px; }.csuma-privacy__backdrop { position: absolute; inset: 0; background: rgba(19,31,35,.66); backdrop-filter: blur(5px); }.csuma-privacy__dialog { position: relative; width: min(760px, 100%); max-height: min(700px, calc(100vh - 40px)); overflow: auto; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 24px; background: var(--cs-paper); box-shadow: 0 25px 80px rgba(0,0,0,.27); }.csuma-privacy__x { position: absolute; top: 15px; right: 18px; width: 36px; height: 36px; border: 1px solid var(--cs-line); border-radius: 50%; color: var(--cs-ink); background: transparent; cursor: pointer; font-size: 1.3rem; }.csuma-privacy__title { padding-right: 2rem; }.csuma-privacy__title [data-cs-lang], .csuma-privacy__intro [data-cs-lang], .csuma-privacy__note [data-cs-lang] { display: block; }.csuma-privacy__intro { color: var(--cs-muted); }.csuma-privacy__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 1.5rem 0; }.csuma-privacy__grid section { padding: 1rem; border-radius: 14px; background: var(--cs-cream); }.csuma-privacy__grid h3 { font-size: 1rem; }.csuma-privacy__grid p { margin-bottom: 0; color: var(--cs-muted); font-size: .82rem; }.csuma-privacy__note { color: var(--cs-muted); font-size: .8rem; }.csuma-privacy__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; margin-top: 1.5rem; }

/* Tablet and mobile */
@media (max-width: 960px) {
  .csuma-nav { gap: 1rem; }.csuma-nav a { font-size: .68rem; }
  .csuma-group-grid { grid-template-columns: repeat(3, 1fr); }.csuma-group-card:nth-child(7) { grid-column: span 3; }
  .csuma-video { gap: 2rem; }
}
@media (max-width: 720px) {
  .csuma-inner, .csuma-header__inner { width: min(100% - 32px, 560px); }
  .csuma-header__inner { min-height: 68px; }.csuma-header__logo { width: 94px; flex-basis: 94px; }.csuma-header__logo img { height: 57px; }.csuma-nav { display: none; }.csuma-header__actions { margin-left: auto; }.csuma-menu-toggle { display: block; }
  .csuma-hero__grid, .csuma-info__grid, .csuma-about__grid, .csuma-heading-grid, .csuma-contact__box { grid-template-columns: 1fr; }.csuma-hero__grid { min-height: auto; gap: 1rem; padding-block: 4rem 3.5rem; }.csuma-hero__visual { min-height: 360px; margin-top: 1rem; }.csuma-logo-card { width: min(100%, 360px); }.csuma-hero__tag--play { left: 0; }.csuma-hero__tag--learn { right: 0; }.csuma-hero__tag--grow { bottom: 0; }
  .csuma-section { padding-block: 4rem; }.csuma-heading-grid { gap: .75rem; margin-bottom: 1.75rem; }.csuma-group-grid { grid-template-columns: repeat(2, 1fr); }.csuma-group-card, .csuma-group-card:nth-child(5), .csuma-group-card:nth-child(6), .csuma-group-card:nth-child(7) { min-height: 210px; }.csuma-group-card:nth-child(7) { grid-column: span 2; }
  .csuma-day-tabs { gap: .4rem; justify-content: center; }.csuma-day-tabs button { padding: .48rem .63rem; font-size: .7rem; }.csuma-meals { grid-template-columns: 1fr; }.csuma-meal { min-height: 0; display: grid; grid-template-columns: 28px 1fr; gap: .75rem; align-items: start; }.csuma-meal i { margin: .15rem 0 0; }
  .csuma-about__image { order: 2; }.csuma-about__image > div { right: 10px; }.csuma-video { min-height: auto; grid-template-columns: 1fr; padding-block: 4rem; }.csuma-video__icon { width: 110px; height: 110px; margin: 0 auto; }.csuma-contact__box { gap: 2rem; padding: 1.5rem; }
  .csuma-footer > .csuma-inner { display: grid; gap: 2rem; }.csuma-footer > .csuma-inner > div:last-child { text-align: left; }.csuma-footer > .csuma-inner > div:last-child p { justify-content: flex-start; }.csuma-footer nav { gap: .8rem 1rem; }
  .csuma-cookie { right: 10px; bottom: 10px; width: calc(100% - 20px); display: block; padding: 1rem; }.csuma-cookie__actions { justify-content: flex-start; margin-top: .8rem; }.csuma-mobile-call { position: fixed; z-index: 25; right: 14px; bottom: 14px; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .65rem 1rem; border-radius: 999px; color: #fff; background: var(--cs-teal-deep); box-shadow: 0 8px 22px rgba(36,52,58,.24); font-size: .72rem; font-weight: 800; text-transform: uppercase; }.csuma-cookie:not([hidden]) ~ .csuma-mobile-call { bottom: 180px; }
  .csuma-privacy__grid { grid-template-columns: 1fr; }.csuma-privacy__actions { justify-content: stretch; }.csuma-privacy__actions .csuma-button { flex: 1 1 auto; }
}
@media (max-width: 390px) {
  .csuma-group-grid { grid-template-columns: 1fr; }.csuma-group-card:nth-child(7) { grid-column: auto; }.csuma-actions .csuma-button { width: 100%; }.csuma-hero h1 { font-size: 2.7rem; }.csuma-day-tabs button { padding-inline: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .csuma-site *, .csuma-site *::before, .csuma-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}