.wp-site-blocks > * + * {
margin-block-start: 0;
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: 2px;
border-radius: var(--wp--custom--radius--sm);
}
:where(a, button, input, select, textarea, summary):focus:not(:focus-visible) {
outline: none;
}
.skip-link {
position: absolute;
left: -9999px;
z-index: 999;
padding: 0.75rem 1.25rem;
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
font-weight: 600;
border-radius: var(--wp--custom--radius--md);
}
.skip-link:focus {
left: 1rem;
top: 1rem;
}
.entry-content a:where(:not(.wp-element-button):not(.wp-block-button__link)) {
text-decoration: underline;
text-underline-offset: 0.15em;
text-decoration-thickness: from-font;
}
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
overflow-wrap: break-word;
}
.entry-content a {
overflow-wrap: anywhere;
}
:lang(de) h1, :lang(de) h2, :lang(de) h3,
:lang(de) h4, :lang(de) h5, :lang(de) h6,
:lang(de) .wp-block-heading,
:lang(de) .entry-content p,
:lang(de) .entry-content li {
-webkit-hyphens: auto;
hyphens: auto;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.wp-block-details {
margin-block: var(--wp--preset--spacing--20);
}
.wp-block-details summary {
cursor: pointer;
font-weight: 600;
color: var(--wp--preset--color--contrast);
list-style: none;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
min-height: 2.75rem;
}
.wp-block-details summary::-webkit-details-marker {
display: none;
}
.wp-block-details summary::after {
content: "+";
flex: 0 0 auto;
font-weight: 400;
font-size: 1.5rem;
line-height: 1;
color: var(--wp--preset--color--accent);
transition: transform var(--wp--custom--transition--fast);
}
.wp-block-details[open] summary::after {
transform: rotate(45deg);
}
img,
video,
iframe {
max-width: 100%;
height: auto;
}
body {
overflow-x: hidden;
}
::selection {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
}
.wp-element-button,
.wp-block-button__link {
min-height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color var(--wp--custom--transition--fast),
transform var(--wp--custom--transition--fast);
}
.wp-element-button:active,
.wp-block-button__link:active {
transform: scale(0.985);
}
.casa-sticky-cta {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: 90;
display: flex;
gap: 0.75rem;
align-items: center;
padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
background: var(--wp--preset--color--base);
background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent);
border-top: 1px solid var(--wp--preset--color--border);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.casa-sticky-cta__text {
flex: 1 1 auto;
min-width: 0;
font-size: 0.8125rem;
line-height: 1.3;
color: var(--wp--preset--color--contrast-3);
}
.casa-sticky-cta__text strong {
display: block;
color: var(--wp--preset--color--contrast);
font-size: 0.9375rem;
}
.casa-sticky-cta__button {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0.7rem 1.15rem;
border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
font-weight: 600;
font-size: 0.9375rem;
text-decoration: none;
transition: background-color var(--wp--custom--transition--fast);
}
.casa-sticky-cta__button:hover,
.casa-sticky-cta__button:focus {
background: var(--wp--preset--color--accent-dark);
color: var(--wp--preset--color--accent-ink);
text-decoration: none;
}
body.casa-has-sticky-cta {
padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 782px) {
.casa-sticky-cta {
display: none;
}
body.casa-has-sticky-cta {
padding-bottom: 0;
}
}
.casa-whatsapp {
position: fixed;
right: 1rem;
bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
z-index: 91;
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
box-shadow: var(--wp--preset--shadow--lift);
transition: transform var(--wp--custom--transition--fast),
background-color var(--wp--custom--transition--fast);
}
.casa-whatsapp:hover,
.casa-whatsapp:focus {
background: var(--wp--preset--color--accent-dark);
transform: translateY(-2px);
}
.casa-whatsapp svg {
width: 1.65rem;
height: 1.65rem;
fill: currentColor;
}
@media (min-width: 782px) {
.casa-whatsapp {
right: 1.5rem;
bottom: 1.5rem;
}
}
.casa-field {
display: flex;
flex-direction: column;
gap: 0.35rem;
margin-block-end: var(--wp--preset--spacing--30);
}
.casa-field > label,
.wp-block-search__label {
font-size: 0.9375rem;
font-weight: 600;
color: var(--wp--preset--color--contrast);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
select,
textarea,
.wp-block-search__input {
width: 100%;
min-height: 2.75rem;
padding: 0.65rem 0.85rem;
background: var(--wp--preset--color--surface);
color: var(--wp--preset--color--contrast);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--sm);
font-family: inherit;
font-size: 1rem;
line-height: 1.4;
transition: border-color var(--wp--custom--transition--fast),
box-shadow var(--wp--custom--transition--fast);
}
input::placeholder,
textarea::placeholder {
color: var(--wp--preset--color--contrast-3);
opacity: 1;
}
input:focus,
select:focus,
textarea:focus,
.wp-block-search__input:focus {
border-color: var(--wp--preset--color--accent);
box-shadow: var(--wp--custom--focus-ring);
outline: none;
}
textarea {
min-height: 8rem;
resize: vertical;
}
.casa-field__hint {
font-size: 0.8125rem;
color: var(--wp--preset--color--contrast-3);
}
.casa-field__error {
display: flex;
align-items: flex-start;
gap: 0.35rem;
font-size: 0.8125rem;
font-weight: 600;
color: var(--wp--preset--color--danger);
}
.casa-field__error::before {
content: "!";
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.05rem;
height: 1.05rem;
border: 1px solid currentColor;
border-radius: var(--wp--custom--radius--pill);
font-size: 0.75rem;
line-height: 1;
}
.casa-field[data-invalid="true"] :where(input, select, textarea) {
border-color: var(--wp--preset--color--danger);
}
.wp-block-search__button {
min-height: 2.75rem;
padding-inline: 1.15rem;
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
border: none;
border-radius: var(--wp--custom--radius--md);
font-weight: 600;
cursor: pointer;
transition: background-color var(--wp--custom--transition--fast);
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
background: var(--wp--preset--color--accent-dark);
}
.wp-block-list.is-style-checks {
list-style: none;
padding-inline-start: 0;
}
.wp-block-list.is-style-checks > li {
position: relative;
padding-inline-start: 1.75rem;
margin-block-end: 0.5rem;
}
.wp-block-list.is-style-checks > li::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0.45em;
width: 0.7rem;
height: 0.4rem;
border-inline-start: 2px solid var(--wp--preset--color--accent);
border-block-end: 2px solid var(--wp--preset--color--accent);
transform: rotate(-45deg);
}
.wp-block-group.is-style-card {
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--md);
}
.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--contrast);
border: 1px solid var(--wp--preset--color--border);
}
.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--wp--preset--color--surface-alt);
color: var(--wp--preset--color--contrast);
border-color: var(--wp--preset--color--contrast-3);
}
.casa-eyebrow {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
margin: 0 0 0.9rem;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--wp--preset--color--accent);
text-align: center;
}
.casa-eyebrow::before {
content: "//";
opacity: 0.7;
font-weight: 400;
}
.casa-eyebrow.is-left {
justify-content: flex-start;
text-align: left;
}
.casa-announce {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.6rem 1rem;
background: linear-gradient(90deg, #1E1B4B 0%, #312E81 50%, #1E1B4B 100%);
border-bottom: 1px solid var(--wp--preset--color--border);
font-size: 0.8125rem;
color: var(--wp--preset--color--contrast-2);
text-align: center;
}
.casa-logo {
display: inline-flex;
align-items: center;
gap: 0.6rem;
text-decoration: none;
color: var(--wp--preset--color--contrast);
}
.casa-logo:hover,
.casa-logo:focus {
text-decoration: none;
color: var(--wp--preset--color--contrast);
}
.casa-logo svg {
width: 2.1rem;
height: 2.1rem;
flex: 0 0 auto;
}
.casa-logo__text {
font-size: 1.2rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1;
}
.casa-logo__text span {
color: var(--wp--preset--color--accent);
}
.casa-hero {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: #0A0A0F;
background-image:
linear-gradient(100deg, rgba(10, 10, 15, 0.96) 0%, rgba(10, 10, 15, 0.88) 38%, rgba(10, 10, 15, 0.52) 68%, rgba(10, 10, 15, 0.38) 100%),
url("images/hero-cool.webp");
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
@media (max-width: 899px) {
.casa-hero {
background-image:
linear-gradient(180deg, rgba(10, 10, 15, 0.93) 0%, rgba(10, 10, 15, 0.86) 55%, rgba(10, 10, 15, 0.94) 100%),
url("images/hero-cool-sm.webp");
background-position: center center;
}
}
.casa-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-image:
linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px),
linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px);
background-size: 68px 68px;
-webkit-mask-image: radial-gradient(80% 70% at 50% 0%, #000 0%, transparent 78%);
mask-image: radial-gradient(80% 70% at 50% 0%, #000 0%, transparent 78%);
}
.casa-hero__inner {
display: flow-root;
}
.casa-hero__copy {
max-width: 34rem;
}
@media (min-width: 900px) {
.casa-hero__copy {
max-width: 38rem;
}
}
@media (min-width: 1200px) {
.casa-hero__copy {
max-width: 46rem;
}
}
.casa-hero__copy h1 {
text-wrap: balance;
}
.casa-hero__copy > p {
max-width: 36rem;
}
.casa-cards {
display: grid;
gap: var(--wp--preset--spacing--40);
grid-template-columns: 1fr;
}
@media (min-width: 640px) {
.casa-cards--2,
.casa-cards--3,
.casa-cards--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 960px) {
.casa-cards--3 { grid-template-columns: repeat(3, 1fr); }
.casa-cards--4 { grid-template-columns: repeat(4, 1fr); }
}
.casa-card {
position: relative;
display: flex;
flex-direction: column;
gap: 0.65rem;
padding: var(--wp--preset--spacing--40);
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--surface);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
transition: border-color var(--wp--custom--transition--base),
background-color var(--wp--custom--transition--base),
transform var(--wp--custom--transition--base);
}
.casa-card:hover {
border-color: rgba(34, 197, 94, 0.55);
background: var(--wp--preset--color--surface-alt);
transform: translateY(-3px);
}
.casa-card__title {
color: var(--wp--preset--color--accent);
}
@media (prefers-reduced-motion: reduce) {
.casa-card:hover { transform: none; }
}
.casa-card__title {
margin: 0;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.25;
color: var(--wp--preset--color--contrast);
}
.casa-card__text {
margin: 0;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--wp--preset--color--contrast-2);
}
.casa-card--link {
cursor: pointer;
}
.casa-card__action {
margin: auto 0 0;
padding-top: 0.35rem;
font-size: 0.9375rem;
line-height: 1.6;
}
.casa-card__link {
font-weight: 600;
color: var(--wp--preset--color--accent);
}
.casa-card__link::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.casa-card__link::after {
content: "\2192";
display: inline-block;
margin-left: 0.3em;
text-decoration: none;
transition: transform var(--wp--custom--transition--base);
}
.casa-card--link:hover .casa-card__link::after {
transform: translateX(0.15rem);
}
.casa-card--link:has(.casa-card__link:focus-visible) {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: 2px;
}
.casa-card--link:has(.casa-card__link) .casa-card__link:focus-visible {
outline: none;
}
@media (prefers-reduced-motion: reduce) {
.casa-card__link::after { transition: none; }
.casa-card--link:hover .casa-card__link::after { transform: none; }
}
.casa-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 12px;
background: rgba(34, 197, 94, 0.12);
border: 1px solid rgba(34, 197, 94, 0.28);
color: var(--wp--preset--color--accent);
flex: 0 0 auto;
}
.casa-icon::before {
content: "";
display: block;
width: 1.35rem;
height: 1.35rem;
background-color: currentColor;
-webkit-mask: var(--casa-icon) center / contain no-repeat;
mask: var(--casa-icon) center / contain no-repeat;
}
.casa-icon--bolt {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h8l-1 8 10-12h-8l1-8Z"/></svg>');
}
.casa-icon--headset {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>');
}
.casa-icon--wrench {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>');
}
.casa-icon--tv {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="15" x="2" y="3" rx="2"/><path d="m17 21-5-4-5 4"/></svg>');
}
.casa-icon--film {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 3v18M17 3v18M3 7.5h4M17 7.5h4M3 12h18M3 16.5h4M17 16.5h4"/></svg>');
}
.casa-icon--trophy {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22M18 2H6v7a6 6 0 0 0 12 0z"/></svg>');
}
.casa-icon--globe {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10zM2 12h20"/></svg>');
}
.casa-icon--clock {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>');
}
.casa-icon--box {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5M12 22V12"/></svg>');
}
.casa-icon--shield {
--casa-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg>');
}
.casa-tile::before {
content: "";
display: block;
width: 1.6rem;
height: 1.6rem;
background-color: var(--wp--preset--color--accent);
-webkit-mask: var(--casa-icon) center / contain no-repeat;
mask: var(--casa-icon) center / contain no-repeat;
}
.casa-step__num {
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--wp--preset--color--accent);
}
.casa-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--wp--preset--spacing--40);
}
@media (min-width: 900px) {
.casa-stats { grid-template-columns: repeat(4, 1fr); }
}
.casa-stat__value {
display: block;
white-space: nowrap;
text-wrap: nowrap;
font-size: clamp(1.65rem, 3.4vw, 2.4rem);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.03em;
color: var(--wp--preset--color--contrast);
}
.casa-stat__label {
display: block;
margin-top: 0.3rem;
font-size: 0.875rem;
color: var(--wp--preset--color--contrast-3);
}
.casa-tiles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
@media (min-width: 640px) { .casa-tiles { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1040px) { .casa-tiles { grid-template-columns: repeat(7, 1fr); } }
.casa-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 6.25rem;
padding: 0.9rem 0.5rem;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--md);
background: rgba(23, 23, 46, 0.75);
color: var(--wp--preset--color--contrast-2);
font-size: 0.8125rem;
font-weight: 500;
text-align: center;
text-decoration: none;
transition: border-color var(--wp--custom--transition--fast),
color var(--wp--custom--transition--fast);
}
.casa-tile:hover,
.casa-tile:focus {
border-color: rgba(34, 197, 94, 0.55);
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.casa-plans {
display: grid;
grid-template-columns: 1fr;
gap: var(--wp--preset--spacing--40);
}
@media (min-width: 640px) { .casa-plans { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .casa-plans { grid-template-columns: repeat(4, 1fr); } }
.casa-plan {
position: relative;
display: flex;
flex-direction: column;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--lg);
background: linear-gradient(180deg, rgba(30, 27, 75, 0.5) 0%, rgba(23, 23, 46, 0.95) 45%);
overflow: hidden;
}
.casa-plan--featured {
border-color: rgba(34, 197, 94, 0.6);
box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.25), var(--wp--preset--shadow--glow);
}
.casa-plan__head {
padding: 0.9rem 1rem;
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
border-bottom: 1px solid transparent;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: -0.01em;
text-align: center;
}
.casa-plan--featured .casa-plan__head {
background: var(--wp--preset--color--accent-dark);
}
.casa-plan__ribbon {
position: absolute;
top: 0.85rem;
inset-inline-end: -2.6rem;
transform: rotate(45deg);
padding: 0.2rem 2.8rem;
background: var(--wp--preset--color--secondary);
color: #fff;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
z-index: 2;
}
.casa-plan__body {
display: flex;
flex-direction: column;
gap: 0.9rem;
padding: var(--wp--preset--spacing--40);
flex: 1 1 auto;
}
.casa-plan__price {
font-size: clamp(1.25rem, 2.1vw, 1.6rem);
overflow-wrap: anywhere;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.05;
color: var(--wp--preset--color--contrast);
text-align: center;
}
.casa-plan__per {
display: block;
margin-top: 0.35rem;
font-size: 0.8125rem;
font-weight: 400;
color: var(--wp--preset--color--contrast-3);
}
.casa-plan__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 0.875rem;
color: var(--wp--preset--color--contrast-2);
}
.casa-plan__list li {
position: relative;
padding-inline-start: 1.5rem;
}
.casa-plan__list li::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0.4em;
width: 0.6rem;
height: 0.34rem;
border-inline-start: 2px solid var(--wp--preset--color--accent);
border-block-end: 2px solid var(--wp--preset--color--accent);
transform: rotate(-45deg);
}
.casa-section {
padding-block: var(--wp--preset--spacing--70);
}
.casa-section--tint {
background:
radial-gradient(70% 100% at 50% 0%, rgba(34, 197, 94, 0.07) 0%, rgba(10, 10, 15, 0) 68%),
#0D0D14;
border-block: 1px solid var(--wp--preset--color--border);
}
.casa-section__title {
margin: 0 auto 0.75rem;
max-width: 22ch;
font-size: clamp(1.9rem, 4.2vw, 2.75rem);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.03em;
color: var(--wp--preset--color--contrast);
text-align: center;
text-wrap: balance;
}
.casa-section__lead {
margin: 0 auto var(--wp--preset--spacing--50);
max-width: 60ch;
font-size: 1.0625rem;
line-height: 1.65;
color: var(--wp--preset--color--contrast-2);
text-align: center;
text-wrap: pretty;
}
.casa-section__more {
margin-top: var(--wp--preset--spacing--50);
text-align: center;
}
.wp-block-details summary {
color: var(--wp--preset--color--accent);
}
.casa-faq__q {
margin: 0;
font-size: inherit;
font-weight: 600;
line-height: inherit;
color: inherit;
display: inline;
}
.wp-block-details {
background: rgba(23, 23, 46, 0.6);
border-color: var(--wp--preset--color--border);
}
.casa-pay {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
.casa-pay p {
margin: 0;
padding: 0.35rem 0.7rem;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--sm);
background: rgba(23, 23, 46, 0.7);
font-size: 0.75rem;
letter-spacing: 0.04em;
color: var(--wp--preset--color--contrast-3);
}
.casa-plan .wp-block-buttons {
margin-top: auto;
width: 100%;
}
.casa-plan .wp-block-button {
width: 100%;
}
.casa-plan .wp-block-button__link {
width: 100%;
justify-content: center;
}
.casa-tile {
position: relative;
margin: 0;
}
.casa-tile a {
color: inherit;
text-decoration: none;
}
.casa-tile a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.casa-tile a:hover,
.casa-tile a:focus {
text-decoration: none;
color: inherit;
}
.casa-cards > *,
.casa-tiles > *,
.casa-plans > *,
.casa-stats > *,
.casa-plan__price {
margin: 0;
}
.casa-plan__head {
margin: 0;
}
.casa-trust {
padding-inline: var(--wp--style--root--padding-left);
}
.casa-pagehead {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: var(--wp--preset--color--base);
background-image: radial-gradient(70% 100% at 50% 0%, rgba(34, 197, 94, 0.09) 0%, rgba(10, 10, 15, 0) 68%);
border-bottom: 1px solid var(--wp--preset--color--border);
text-align: center;
}
.casa-pagehead__title {
margin: 0 auto 0.75rem;
max-width: 20ch;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.03em;
text-wrap: balance;
}
.casa-pagehead__lead {
margin: 0 auto;
max-width: 58ch;
font-size: 1.0625rem;
line-height: 1.65;
color: var(--wp--preset--color--contrast-2);
text-wrap: pretty;
}
.casa-pagehead .wp-block-buttons {
justify-content: center;
margin-top: var(--wp--preset--spacing--40);
}
.casa-pagehead--photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.casa-pagehead--samsung   { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-samsung.webp"); }
.casa-pagehead--lg        { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-lg.webp"); }
.casa-pagehead--firestick { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-firestick.webp"); }
.casa-pagehead--android   { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-android.webp"); }
.casa-pagehead--ios       { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-ios.webp"); }
.casa-pagehead--pc        { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-windows-pc.webp"); }
.casa-pagehead--mag       { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-mag-enigma2.webp"); }
.casa-pagehead--support   { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/support.webp"); }
.casa-steps {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--40);
counter-reset: casa-step;
}
.casa-step {
position: relative;
padding: var(--wp--preset--spacing--40);
padding-inline-start: 4.25rem;
border: 1px solid var(--wp--preset--color--border);
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--surface);
}
.casa-step::before {
counter-increment: casa-step;
content: counter(casa-step);
position: absolute;
inset-inline-start: var(--wp--preset--spacing--40);
top: var(--wp--preset--spacing--40);
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: var(--wp--custom--radius--pill);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent-ink);
font-weight: 700;
font-size: 0.95rem;
}
.casa-step h3 {
margin: 0 0 0.4rem;
font-size: 1.1rem;
color: var(--wp--preset--color--contrast);
}
.casa-step p {
margin: 0;
font-size: 0.9375rem;
color: var(--wp--preset--color--contrast-2);
}
.casa-help {
padding: var(--wp--preset--spacing--50);
border: 1px solid rgba(34, 197, 94, 0.35);
border-radius: var(--wp--custom--radius--lg);
background: rgba(34, 197, 94, 0.07);
text-align: center;
}
.casa-help h2,
.casa-help h3 {
margin-top: 0;
color: var(--wp--preset--color--accent);
}
.casa-help .wp-block-buttons {
justify-content: center;
}
.casa-header__end {
flex: 0 1 auto;
min-width: 0;
}
.casa-header__end .wp-block-navigation {
font-size: 0.875rem;
}
.casa-header__end .wp-block-navigation__container {
gap: 1.05rem;
}
@media (min-width: 782px) and (max-width: 1100px) {
.casa-header__end .wp-block-navigation {
font-size: 0.8125rem;
}
.casa-header__end .wp-block-navigation__container {
gap: 0.8rem;
}
}
@media (max-width: 781px) {
.casa-header__end {
gap: 0.6rem;
}
}
.casa-section .wp-block-details,
.casa-steps,
.casa-help {
max-width: 60rem;
margin-inline: auto;
}
.casa-cards,
.casa-plans,
.casa-tiles,
.casa-stats {
max-width: 1240px;
margin-inline: auto;
}
.casa-country-switcher__label {
color: var(--wp--preset--color--contrast-3);
}
.casa-country-switcher__label::after {
content: " : ";
}
.casa-country-switcher__item {
color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
}
a.casa-country-switcher__item:hover,
a.casa-country-switcher__item:focus-visible {
color: var(--wp--preset--color--contrast);
border-bottom-color: currentColor;
}
[aria-current="true"].casa-country-switcher__item {
color: var(--wp--preset--color--contrast);
font-weight: 600;
}
.casa-announce__countries {
display: none;
}
@media (min-width: 900px) {
.casa-announce__countries {
display: inline;
margin-inline-start: auto;
font-size: 0.75rem;
}
.casa-announce {
justify-content: flex-start;
padding-inline: max(1rem, calc((100% - 1240px) / 2));
}
}
.casa-country-switcher {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
align-items: center;
}
#formules,
#chaines,
#installation,
#appareils,
#faq,
#pourquoi,
#contact {
scroll-margin-top: 1.5rem;
}
@media (min-width: 900px) {
#formules,
#chaines,
#installation,
#appareils,
#faq,
#pourquoi,
#contact {
scroll-margin-top: 2.5rem;
}
}
.casa-announce__lead {
color: var(--wp--preset--color--contrast-3);
}
@media (max-width: 899px) {
.casa-announce {
font-size: 0.75rem;
}
}
.casa-plan__list {
display: flex;
flex-direction: column;
gap: 0.55rem;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.875rem;
line-height: 1.45;
color: var(--wp--preset--color--contrast-2);
text-align: start;
}
.casa-plan__list li {
position: relative;
margin: 0;
padding-inline-start: 1.5rem;
}
.casa-plan__list li::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0.45em;
width: 0.7rem;
height: 0.4rem;
border-inline-start: 2px solid var(--wp--preset--color--accent);
border-block-end: 2px solid var(--wp--preset--color--accent);
transform: rotate(-45deg);
}
.wp-block-navigation .wp-block-navigation-item__content {
padding-block: 0.7rem;
}
.casa-country-switcher__item {
display: inline-block;
padding-block: 0.25rem;
}
.casa-country-switcher .casa-country-switcher__item {
padding-block: 0.5rem;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
padding: 0.625rem;
margin: -0.625rem;
}
.casa-tile {
position: relative;
}
.casa-tile a::after {
content: "";
position: absolute;
inset: 0;
}
footer .wp-block-list {
list-style: none;
padding-inline-start: 0;
}
footer .wp-block-list li {
margin-block-end: 0;
}
footer .wp-block-list a {
display: block;
padding-block: 0.3rem;
}
.casa-section__more a {
display: inline-block;
padding-block: 0.35rem;
}
@media (max-width: 899px) {
.casa-pagehead--samsung { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-samsung-sm.webp"); }
.casa-pagehead--lg { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-lg-sm.webp"); }
.casa-pagehead--firestick { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-firestick-sm.webp"); }
.casa-pagehead--android { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-android-sm.webp"); }
.casa-pagehead--ios { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-ios-sm.webp"); }
.casa-pagehead--pc { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-windows-pc-sm.webp"); }
.casa-pagehead--mag { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/device-mag-enigma2-sm.webp"); }
.casa-pagehead--support { background-image: linear-gradient(180deg, rgba(10,10,15,.86) 0%, rgba(10,10,15,.92) 100%), url("images/support-sm.webp"); }
}
.casa-facts {
margin: 0;
overflow-x: auto;
}
.casa-facts table {
width: 100%;
border-collapse: collapse;
font-size: 0.9375rem;
line-height: 1.6;
}
.casa-facts th,
.casa-facts td {
padding: 0.7rem 0.85rem;
text-align: left;
vertical-align: top;
border: 0;
border-bottom: 1px solid var(--wp--preset--color--border);
}
.casa-facts tr:last-child th,
.casa-facts tr:last-child td {
border-bottom: 0;
}
.casa-facts th[scope="row"] {
width: 34%;
font-weight: 600;
color: var(--wp--preset--color--contrast);
background: var(--wp--preset--color--surface);
}
.casa-facts td {
color: var(--wp--preset--color--contrast-2);
}
.casa-facts figcaption {
margin-top: 0.6rem;
font-size: 0.8125rem;
color: var(--wp--preset--color--contrast-2);
}
.casa-facts__title {
margin: 0 0 0.85rem;
font-size: 1.15rem;
font-weight: 700;
color: var(--wp--preset--color--contrast);
}
@media (max-width: 559px) {
.casa-facts table,
.casa-facts tbody,
.casa-facts tr,
.casa-facts th,
.casa-facts td {
display: block;
width: auto;
}
.casa-facts tr {
padding: 0.55rem 0;
border: 0;
border-bottom: 1px solid var(--wp--preset--color--border);
}
.casa-facts tr:last-child { border-bottom: 0; }
.casa-facts th[scope="row"] {
padding: 0 0 0.2rem;
background: none;
border: 0;
font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--wp--preset--color--accent);
}
.casa-facts td {
padding: 0;
border: 0;
}
}
.casa-legal > *:first-child { margin-top: 0; }
.casa-legal > *:last-child { margin-bottom: 0; }
.casa-legal p,
.casa-legal li {
color: var(--wp--preset--color--contrast-2);
}
.casa-legal ul,
.casa-legal ol {
padding-left: 1.25rem;
}
.casa-quote {
margin: 0;
padding: var(--wp--preset--spacing--40);
border: 1px solid var(--wp--preset--color--border);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--surface);
}
.casa-quote p {
margin: 0 0 0.75rem;
font-size: 1rem;
line-height: 1.6;
color: var(--wp--preset--color--contrast);
}
.casa-quote cite {
font-size: 0.875rem;
font-style: normal;
color: var(--wp--preset--color--accent);
}
.casa-section__lede {
max-width: 62ch;
margin: -0.5rem 0 2rem;
color: var(--wp--preset--color--contrast-2);
font-size: 0.9375rem;
}
.casa-shots__viewport {
overflow: hidden;
border-radius: 12px;
}
.casa-shots__viewport:focus-visible {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: 4px;
}
.casa-shots__track {
display: flex;
width: max-content;
animation: casa-shots-scroll 60s linear infinite;
}
.casa-shots__viewport:hover .casa-shots__track,
.casa-shots__viewport:focus-within .casa-shots__track {
animation-play-state: paused;
}
.casa-shot {
flex: 0 0 clamp(240px, 26vw, 320px);
margin: 0 1.25rem 0 0;
border: 1px solid var(--wp--preset--color--border);
border-radius: 12px;
overflow: hidden;
background: var(--wp--preset--color--base-2, #10131a);
line-height: 0;
}
.casa-shot img {
display: block;
width: 100%;
height: auto;
}
@keyframes casa-shots-scroll {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@media (max-width: 899px) {
.casa-shots__viewport {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
margin-inline: calc(-1 * var(--wp--preset--spacing--30, 1rem));
padding-inline: var(--wp--preset--spacing--30, 1rem);
}
.casa-shots__track {
width: auto;
animation: none;
}
.casa-shot {
flex-basis: min(84vw, 360px);
scroll-snap-align: center;
}
.casa-shot--clone {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.casa-shots__viewport {
overflow-x: auto;
scroll-snap-type: x mandatory;
}
.casa-shots__track {
width: auto;
animation: none;
}
.casa-shot {
scroll-snap-align: center;
}
.casa-shot--clone {
display: none;
}
}
.casa-wide { width: 100%; max-width: 1240px; margin-inline: auto; }
.casa-has-sticky-cta { padding-bottom: 0 !important; }
.wp-site-blocks > .wp-block-template-part:has(> .casa-header) { position: sticky; top: 0; z-index: 100; }
.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .casa-header) { top: 32px; }
.casa-header { padding-block: 12px !important; }
.casa-header > .wp-block-group { flex-wrap: nowrap; gap: 16px; }
.casa-header__end { gap: 16px; }
.casa-header .wp-block-buttons { flex-shrink: 0; }
.casa-header .wp-block-site-title { flex-shrink: 0; }
.casa-header a { white-space: nowrap; }
.casa-header .wp-block-navigation-item__content { min-height: 44px; display: flex; align-items: center; }
.casa-header .wp-block-navigation__responsive-container-open,
.casa-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
.casa-header .wp-block-navigation__responsive-container.is-menu-open { position: fixed; inset: 0; height: 100dvh; max-height: 100dvh; box-sizing: border-box; padding: 20px; overflow-y: auto; background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast) !important; }
.casa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 56px; align-items: stretch; }
.casa-header .is-menu-open .wp-block-navigation__container { align-items: stretch; width: 100%; gap: 8px; }
.casa-header .is-menu-open .wp-block-navigation-item__content { font-size: 18px; padding: 8px 12px; }
html { scroll-padding-top: 96px; }
:where(main section[id], main [id]) { scroll-margin-top: 96px; }
.casa-hero { padding-block: clamp(40px, 6vw, 88px) !important; }
.casa-hero__copy { max-width: 42rem; }
.casa-hero__copy h1 { font-size: clamp(2rem, 4.3vw, 3.5rem) !important; line-height: 1.08; letter-spacing: -.035em; margin-block: 16px 20px; }
.casa-hero__copy > p { font-size: 18px; line-height: 1.55; }
.casa-hero__copy > .casa-eyebrow { font-size: 12px; letter-spacing: .1em; }
.casa-hero__copy > .has-small-font-size { font-size: 16px; }
.casa-hero__copy .wp-block-buttons { margin-block: 24px 16px; }
.casa-card__text, .casa-card__action, .casa-plan__list, .casa-facts, .casa-section__lede { font-size: 16px; }
.casa-plan__head { margin: 0; min-height: 66px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; background: var(--wp--preset--color--surface-alt); color: var(--wp--preset--color--contrast); font-size: 18px; }
.casa-plan--featured .casa-plan__head { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.casa-plan__head small { display: block; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.casa-plan__price { font-size: 32px; margin: 0; line-height: 1.2; }
.casa-plan__per { font-size: 16px; line-height: 1.5; letter-spacing: 0; }
.casa-plan__body { padding: 24px 20px; gap: 20px; }
.casa-plan__list { line-height: 1.45; gap: 10px; }
.casa-plan .wp-element-button { width: 100%; border: 1px solid var(--wp--preset--color--accent); background: transparent; color: var(--wp--preset--color--accent); box-sizing: border-box; text-decoration: none; }
.casa-plan--featured .wp-element-button { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.casa-plan .wp-element-button:hover { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.casa-plan__body > .wp-block-buttons { margin-top: auto; }
.casa-plan__body .wp-block-button { width: 100%; }
.casa-offer-note { text-align: center; max-width: 70ch; margin: 24px auto 0; font-size: 16px; line-height: 1.6; color: var(--wp--preset--color--contrast-2); }
.casa-policy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 12px auto; }
.casa-policy-links a { display: inline-flex; align-items: center; min-height: 44px; }
.casa-trial-strip { max-width: 1240px; box-sizing: border-box; margin: 32px auto 0; padding: 24px; border: 1px solid var(--wp--preset--color--border); border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 24px; background: var(--wp--preset--color--surface); }
.casa-trial-strip p { margin: 4px 0; font-size: 16px; }
.casa-trial-strip h3 { margin: 0; font-size: 22px; }
.casa-trial-strip .wp-element-button { white-space: nowrap; }
.casa-direct-help { margin: 40px auto 0; max-width: 760px; text-align: center; }
.casa-direct-help h3 { font-size: 24px; margin: 0 0 16px; }
.casa-direct-help .wp-block-buttons { justify-content: center; }
.casa-final { max-width: 1240px; margin: 24px auto 56px; padding: 48px 24px; box-sizing: border-box; border-radius: 20px; background: var(--wp--preset--color--primary); text-align: center; }
.casa-final > * { max-width: 680px; margin-inline: auto; }
.casa-final h2 { font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; }
.casa-final p { font-size: 18px; line-height: 1.6; }
.casa-final .wp-block-buttons { justify-content: center; gap: 16px; }
.casa-shots__viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.casa-shots__track { display: flex; width: auto; animation: none; gap: 20px; }
.casa-shot { flex: 0 0 calc((100% - 80px) / 5); box-sizing: border-box; margin: 0; scroll-snap-align: start; }
.casa-shot img { width: 100%; height: auto; }
.casa-gallery-controls { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
.casa-gallery-controls button { min-width: 44px; min-height: 44px; padding: 10px 18px; background: transparent; border: 1px solid var(--wp--preset--color--border); color: var(--wp--preset--color--contrast); border-radius: 8px; cursor: pointer; font: inherit; }
.casa-gallery-controls button:hover { border-color: var(--wp--preset--color--accent); }
.casa-gallery-controls button:disabled { opacity: .4; cursor: default; }
.casa-gallery-controls[hidden] { display: none; }
.casa-gallery-status { text-align: center; color: var(--wp--preset--color--contrast-3); font-size: 14px; min-height: 1.5em; margin: 12px 0 0; }
.casa-section, #faq { padding-block: 48px !important; }
.casa-section__title { margin-block: 12px 20px; }
.casa-section__lead { margin-bottom: 28px; }
.casa-facts td, .casa-facts th { font-size: 16px; line-height: 1.5; padding-block: 12px; }
.casa-facts__title { margin-top: 0; }
@media (max-width: 1100px) {
.casa-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
.casa-header .wp-block-navigation__responsive-container-open { display: flex !important; }
.casa-header__end > .wp-block-navigation { order: 2; }
.casa-header__end > .wp-block-buttons { order: 1; }
.casa-shot { flex-basis: calc((100% - 40px) / 3); }
}
@media (max-width: 599px) {
.casa-header { padding-inline: 16px !important; padding-block: 8px !important; }
.casa-header > .wp-block-group, .casa-header__end { gap: 8px; }
.casa-header .wp-block-button__link { padding: 10px 14px !important; font-size: 14px !important; }
.casa-logo { gap: 6px; }
.casa-logo__text { font-size: 18px; }
.casa-logo svg { width: 28px; height: 28px; }
.casa-hero { padding-block: 32px !important; }
.casa-hero__copy > p { font-size: 16px !important; }
.casa-hero__copy > .casa-eyebrow { font-size: 12px !important; }
.casa-hero__copy h1 { font-size: clamp(30px, 8.5vw, 38px) !important; }
.casa-hero__copy .wp-block-button__link { padding: 12px 18px; }
.casa-hero__copy .wp-block-buttons { gap: 12px; }
.casa-trial-strip { flex-direction: column; align-items: flex-start; gap: 16px; }
.casa-shots__viewport { margin-inline: 0; padding-inline: 0; }
.casa-shot { flex-basis: 100%; }
.casa-final { margin-inline: 16px; padding: 32px 20px; }
.casa-section, #faq { padding-block: 36px !important; }
#installation .casa-card, #pourquoi .casa-card, #chaines .casa-card { padding: 20px; }
#installation .casa-card > .casa-icon, #pourquoi .casa-card > .casa-icon, #chaines .casa-card > .casa-icon { display: none; }
.casa-step__num { margin-top: 0 !important; }
.casa-tile { min-height: 72px; padding: 16px !important; flex-direction: row; justify-content: flex-start; gap: 16px; }
.casa-tile::before { width: 32px; height: 32px; flex-shrink: 0; }
}
@media (max-height: 480px) {
.casa-announce { display: none; }
.casa-header { padding-block: 4px !important; }
.casa-hero { padding-block: 24px !important; }
}
@media (max-width: 782px) { .admin-bar .wp-site-blocks > .wp-block-template-part:has(> .casa-header) { top: 46px; } }