Bears & Play – Spécial Halloween

/ Bears & Play — Spécial Halloween /

.lto-halloween {
--lto-orange: #ffad55;
--lto-dark: #281a30;
--lto-text: #352839;
max-width: 1100px;
margin: 0 auto;
padding: 24px 18px;
color: var(--lto-text);
line-height: 1.7;
}

.lto-halloween,
.lto-halloween * {
box-sizing: border-box;
}

.lto-halloween h2,
.lto-halloween h3 {
margin: 0 0 16px;
color: inherit;
line-height: 1.25;
}

.lto-halloween p {
margin: 0 0 16px;
}

.lto-halloween p:last-child {
margin-bottom: 0;
}

/ Bandeau /

.lto-halloween-hero {
padding: 48px 36px;
border-radius: 28px;
background:
radial-gradient(
circle at top right,
rgba(255, 173, 85, 0.22),
transparent 55%
),
linear-gradient(135deg, #281a30, #49304c);
color: #fff;
}

.lto-halloween-label {
display: block;
margin-bottom: 18px;
color: #ffd3a3;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.lto-halloween-hero h2 {
color: #fff;
font-size: clamp(30px, 5vw, 50px);
}

.lto-halloween-hero > p {
max-width: 720px;
color: #f0e7f1;
font-size: 18px;
}

.lto-halloween-infos {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 26px 0;
}

.lto-halloween-infos span {
padding: 9px 16px;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: #fff;
font-size: 14px;
font-weight: 600;
}

.lto-halloween a.lto-halloween-button {
display: inline-block;
padding: 14px 24px;
border-radius: 999px;
background: var(--lto-orange);
color: var(--lto-dark);
font-weight: 700;
text-align: center;
text-decoration: none;
transition: background 0.2s ease;
}

.lto-halloween a.lto-halloween-button:hover {
background: #ffc487;
color: var(--lto-dark);
}

.lto-halloween a:focus-visible {
outline: 3px solid #d87820;
outline-offset: 5px;
}

/ Visuel /

.lto-halloween-visual {
margin: 28px 0;
overflow: hidden;
border-radius: 24px;
background: var(--lto-dark);
}

.lto-halloween-visual img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}

.lto-halloween-visual figcaption {
padding: 16px 22px;
color: #ffd3a3;
font-size: 15px;
text-align: center;
line-height: 1.5;
}

/ Déguisements et jeux à apporter /

.lto-halloween-costume,
.lto-halloween-games {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 28px;
border-radius: 22px;
}

.lto-halloween-costume {
border: 1px solid #f1d6b9;
background: #fff3e5;
}

.lto-halloween-costume h2 {
font-size: clamp(24px, 3vw, 30px);
}

.lto-halloween-games {
margin-top: 24px;
border: 1px solid #eadfe8;
background: #faf6fa;
}

.lto-halloween-games h3 {
font-size: 22px;
}

.lto-halloween-costume > .lto-halloween-icon,
.lto-halloween-games > .lto-halloween-icon {
flex-shrink: 0;
margin: 4px 0 0;
}

/ Contenu et cartes /

.lto-halloween-section {
padding: 34px 6px;
}

.lto-halloween-section h2,
.lto-halloween-price h2,
.lto-halloween-booking h2 {
font-size: clamp(24px, 3vw, 30px);
}

.lto-halloween-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}

.lto-halloween-card {
padding: 28px;
border: 1px solid #eadfe8;
border-radius: 22px;
background: #faf6fa;
}

.lto-halloween-icon {
display: block;
margin-bottom: 16px;
font-size: 32px;
line-height: 1;
}

.lto-halloween-card h3 {
font-size: 22px;
}

/ Tarif /

.lto-halloween-price {
display: flex;
align-items: center;
gap: 30px;
margin-top: 24px;
padding: 30px;
border: 1px solid #f1d6b9;
border-radius: 22px;
background: #fff3e5;
}

.lto-halloween-amount {
flex-shrink: 0;
text-align: center;
}

.lto-halloween-amount strong {
display: block;
color: #623804;
font-size: 48px;
line-height: 1.1;
}

.lto-halloween-amount span {
display: block;
margin-top: 6px;
font-size: 14px;
}

.lto-halloween-price h2 {
margin-bottom: 10px;
}

/ Lieu /

.lto-halloween a.lto-halloween-map {
display: inline-block;
margin-top: 16px;
color: #623804;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
}

/ Réservation /

.lto-halloween-booking {
padding: 34px;
border-radius: 22px;
background: var(--lto-dark);
color: #fff;
text-align: center;
scroll-margin-top: 120px;
}

.lto-halloween-booking h2 {
color: #fff;
}

.lto-halloween-booking p {
max-width: 680px;
margin: 0 auto;
color: #f0e7f1;
}

/ Tablette /

@media (max-width: 900px) {
.lto-halloween-grid {
grid-template-columns: 1fr;
}
}

/ Mobile /

@media (max-width: 600px) {
.lto-halloween {
padding: 16px 12px;
}

.lto-halloween-hero {
padding: 30px 22px;
border-radius: 22px;
}

.lto-halloween-hero > p {
font-size: 16px;
}

.lto-halloween-infos {
gap: 8px;
}

.lto-halloween-infos span {
padding: 8px 13px;
font-size: 13px;
}

.lto-halloween a.lto-halloween-button {
width: 100%;
}

.lto-halloween-visual {
margin: 20px 0;
border-radius: 18px;
}

.lto-halloween-visual figcaption {
padding: 14px 16px;
font-size: 14px;
}

.lto-halloween-card,
.lto-halloween-booking,
.lto-halloween-costume,
.lto-halloween-games {
padding: 24px;
}

.lto-halloween-costume,
.lto-halloween-games {
flex-direction: column;
gap: 16px;
}

.lto-halloween-price {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 24px;
}

.lto-halloween-amount {
text-align: left;
}
}

La Tanière de l’Ouest présente

Bears & PlaySpécial Halloween 🎃

Une soirée Halloween bear à Nantes, entre Ours et amis des Ours : rejoins Bears & Play pour des jeux de société, des déguisements, un buffet et le plaisir de se retrouver !…