/* ============================================================
   La Caféothèque — Accueil refondu (scopé .cafeo-front)
   N'affecte que l'accueil ; le reste du site garde le style mediweb.
   ============================================================ */
.cafeo-front {
	--cream:#fcf3e5; --charcoal:#2c3235; --gold:#ffd17c; --gold-h:#dfa63e;
	--brown:#42240c; --brown-d:#482b13; --brown-deep:#4b2d1f; --kaki:#482b13;
	--rose:#9a7862; --gold-v:#ffd17c; --off:#f9f9f9;
	font-family:'Onest',sans-serif; color:var(--charcoal); background:var(--cream);
}
.cafeo-front, .cafeo-front *, .cafeo-front *::before, .cafeo-front *::after { box-sizing:border-box; }
.cafeo-front img { max-width:100%; }
.cafeo-front a { text-decoration:none; color:inherit; }

.cafeo-front .btn--pill{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--brown);padding:14px 32px;border-radius:30px;font-size:14px;letter-spacing:2.24px;white-space:nowrap;transition:background .2s;width:fit-content;}
.cafeo-front .btn--pill:hover{background:var(--gold-h);}
/* Les libellés de boutons sont saisis en clair dans l'admin (« Découvrir la
   boutique ») : la mise en majuscules est faite ici, comme pour les titres. */
.cafeo-front .btn--pill{text-transform:uppercase;}
/* Bandeau d'accueil en vidéo : même cadre que le diaporama, image recadrée. */
.cafeo-front .cf-hero__video{position:absolute;inset:0;overflow:hidden;}
.cafeo-front .cf-hero__video video,
.cafeo-front .cf-hero__video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;border:0;}
.cafeo-front .cf-h2{font-size:30px;letter-spacing:3px;color:var(--charcoal);font-weight:400;text-transform:uppercase;line-height:1.25;margin:0 0 20px;}
.cafeo-front .cf-h2--light{color:#fff;}
.cafeo-front .cf-lead{font-size:16px;color:var(--charcoal);line-height:1.7;max-width:560px;}
.cafeo-front .cf-eyebrow{font-size:14px;letter-spacing:3px;color:var(--rose);text-transform:uppercase;margin-bottom:14px;}

/* HERO */
.cafeo-front .cf-hero{position:relative;height:90vh;min-height:620px;overflow:hidden;}
.cafeo-front .cf-hero__slides,.cafeo-front .cf-hero__slide{position:absolute;inset:0;}
.cafeo-front .cf-hero__slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;}
.cafeo-front .cf-hero__slide.is-active{opacity:1;}
.cafeo-front .cf-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,14,4,.88) 0%,rgba(28,14,4,.35) 55%,transparent 100%);}
.cafeo-front .cf-hero__inner{position:absolute;bottom:0;left:0;width:52%;padding:0 40px 90px 90px;z-index:2;}
.cafeo-front .cf-hero__eyebrow{font-size:14px;letter-spacing:3px;color:var(--gold);margin-bottom:12px;text-transform:uppercase;}
.cafeo-front .cf-hero__title{font-size:clamp(28px,3.4vw,44px);font-weight:400;letter-spacing:2.5px;color:var(--off);line-height:1.2;margin-bottom:24px;text-transform:uppercase;}
.cafeo-front .cf-hero__dots{position:absolute;bottom:36px;right:90px;z-index:3;display:flex;gap:8px;}
.cafeo-front .cf-hero__dot{width:8px;height:4px;border-radius:2px;background:rgba(255,255,255,.4);border:0;padding:0;cursor:pointer;transition:width .3s,background .3s;}
.cafeo-front .cf-hero__dot.is-active{width:28px;background:var(--gold);}

/* ABOUT */
.cafeo-front .cf-about{padding:100px max(100px, calc(50vw - 620px));display:flex;align-items:flex-start;gap:80px;}
.cafeo-front .cf-about__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;}
.cafeo-front .cf-about__text p{font-size:16px;line-height:1.7;max-width:520px;margin:0;}
.cafeo-front .cf-about__contact{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
.cafeo-front .cf-about__contact p{display:flex;align-items:center;gap:12px;}
.cafeo-front .cf-about__media{width:560px;flex-shrink:0;height:460px;border-radius:20px;background:#2a1005 url('../img/deco/about.png') center/cover no-repeat;}
/* Image éditée dans l'admin (about_image) sur son arrière-plan (about_bg) : illustration affichée entière */
.cafeo-front .cf-about__media--custom{background-color:#fcf3e5;background-image:none;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;}
.cafeo-front .cf-about__media--custom img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}

/* SHOP */
.cafeo-front .cf-shop{padding:36px max(100px, calc(50vw - 620px)) 90px;}
.cafeo-front .cf-shop__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px;flex-wrap:wrap;}
.cafeo-front .cf-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
/* Cartes produit IDENTIQUES à l'archive Boutique (.bo-card) */
.cafeo-front .bo-card{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s;color:inherit;}
.cafeo-front .bo-card:hover{box-shadow:0 8px 32px rgba(44,50,53,.12);}
.cafeo-front .bo-card__media{height:230px;position:relative;overflow:hidden;background:linear-gradient(135deg,#2a1005,#5a2a10);}
.cafeo-front .bo-card__media img{width:100%;height:100%;object-fit:cover;object-position:30% top;display:block;}
.cafeo-front .bo-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(252,243,229,.9) 0%,transparent 38%);pointer-events:none;}
.cafeo-front .bo-card__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.cafeo-front .bo-card__ph svg{stroke:rgba(255,209,124,.3);}
.cafeo-front .bo-card__ph span{font-size:14px;letter-spacing:2px;color:rgba(255,209,124,.4);text-transform:uppercase;}
.cafeo-front .bo-card__oos{position:absolute;top:14px;right:14px;z-index:2;background:rgba(44,50,53,.85);color:#f9f9f9;font-size:14px;letter-spacing:1.5px;padding:4px 12px;border-radius:10px;}
.cafeo-front .bo-card__body{padding:20px 22px 26px;display:flex;flex-direction:column;gap:8px;flex:1;}
.cafeo-front .bo-card__origin{font-size:14px;letter-spacing:2px;color:#9a7862;text-transform:uppercase;margin:0;}
.cafeo-front .bo-card__title{font-size:18px;font-weight:400;color:#2c3235;margin:0;}
.cafeo-front .bo-card__price{font-size:15px;color:#482b13;font-weight:500;flex:1;margin:0;}
.cafeo-front .bo-card__price del{color:#9a7862;font-weight:400;margin-right:6px;}
.cafeo-front .bo-card__price ins{text-decoration:none;}
.cafeo-front .bo-card__btn{background:#ffd17c;color:#42240c;border:0;padding:11px 24px;border-radius:20px;font-size:14px;letter-spacing:1.5px;cursor:pointer;font-family:'Onest',sans-serif;width:fit-content;margin-top:8px;transition:background .2s;}
.cafeo-front .bo-card__btn:hover{background:#dfa63e;}
.cafeo-front .cf-card{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s;}
.cafeo-front .cf-card:hover{box-shadow:0 8px 32px rgba(44,50,53,.12);}
.cafeo-front .cf-card__img{height:260px;background-size:cover;background-position:30% top;background-color:#f0e9de;}
.cafeo-front .cf-card__img--ph{background:#efe6d6 center/54px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='74' viewBox='0 0 180 220'%3E%3Cellipse cx='90' cy='110' rx='70' ry='100' fill='none' stroke='%239a7862' stroke-width='6' opacity='.4'/%3E%3Cpath d='M90 10 Q130 60 90 110 Q50 160 90 210' stroke='%239a7862' stroke-width='6' fill='none' opacity='.4'/%3E%3C/svg%3E");}
.cafeo-front .cf-card__body{padding:20px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1;}
.cafeo-front .cf-card__eyebrow{font-size:14px;letter-spacing:2px;color:var(--rose);text-transform:uppercase;margin:0;}
.cafeo-front .cf-card__title{font-size:19px;font-weight:400;color:var(--charcoal);margin:0 0 12px;}
.cafeo-front .cf-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;}
.cafeo-front .cf-card__price{font-size:16px;color:var(--charcoal);}
.cafeo-front .cf-card__price .amount{font-weight:500;}
.cafeo-front .cf-card__add{background:var(--gold);color:var(--brown);padding:9px 20px;border-radius:20px;font-size:14px;letter-spacing:1.5px;}

/* DISCOVER */
/* Hauteur alignée sur la bannière « Notre sélection » (386px) ; photo arrondie
   et légèrement insérée, comme les autres photos du site. */
.cafeo-front .cf-discover{display:grid;grid-template-columns:1fr 1fr;min-height:386px;}
.cafeo-front .cf-discover__media{background:#1c0c04 url('../img/deco/discover.png') center/cover no-repeat;border-radius:20px;margin:24px;}
.cafeo-front .cf-discover__text{padding:80px 72px;display:flex;flex-direction:column;justify-content:center;gap:24px;}

/* LEARN */
/* Gradient inversé verticalement (45deg = miroir du 135deg de « Notre sélection »)
   → le bas de « Se former » raccorde sans couture avec le haut de « Notre
   sélection » : une seule surface de gradient continue sur les deux sections. */
.cafeo-front .cf-learn{padding:100px max(100px, calc(50vw - 620px));background:#4b2d1f;}
.cafeo-front .cf-learn__head{display:flex;align-items:flex-start;gap:136px;margin-bottom:60px;}
.cafeo-front .cf-learn__head .cf-h2{width:500px;flex-shrink:0;margin:0;}
.cafeo-front .cf-learn__head p{flex:1 1 0;min-width:0;font-size:16px;color:#fff;line-height:1.7;margin:0;}
@media(max-width:900px){.cafeo-front .cf-learn__head{flex-direction:column;gap:20px;}.cafeo-front .cf-learn__head .cf-h2{width:auto;}}
.cafeo-front .cf-learn__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.cafeo-front .cf-learn__card{border-radius:10px;overflow:hidden;transition:opacity .2s;}
.cafeo-front .cf-learn__card:hover{opacity:.92;}
.cafeo-front .cf-learn__card-media{height:300px;background:linear-gradient(135deg,#4a2a10,#6a3a1a);}
.cafeo-front .cf-learn__card:nth-child(1) .cf-learn__card-media{background:#3a1a0a url('../img/deco/ateliers.png') center/cover no-repeat;}
.cafeo-front .cf-learn__card:nth-child(2) .cf-learn__card-media{background:linear-gradient(135deg,#2a1a08,#4a2e12);}
.cafeo-front .cf-learn__card:nth-child(3) .cf-learn__card-media{background:linear-gradient(135deg,#3a1a0a,#5a2e14);}
.cafeo-front .cf-learn__card-label{background:rgba(0,0,0,.18);padding:20px 24px;font-size:22px;color:#fff;}

/* COMMIT */
/* Bannière « Notre sélection & engagements » — fond brun + sceau embossé */
.cafeo-front .cf-commit{position:relative;overflow:hidden;background:linear-gradient(135deg,#1c0c04 0%,#3a1a08 35%,#6b3818 70%,#a35e14 100%);min-height:386px;display:flex;align-items:center;justify-content:space-between;gap:80px;padding:90px max(100px, calc(50vw - 620px));}
.cafeo-front .cf-commit__grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;}
.cafeo-front .cf-commit__inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:40px;max-width:700px;}
.cafeo-front .cf-commit .cf-h2{color:var(--off);}
.cafeo-front .cf-commit__seal{position:relative;z-index:2;flex-shrink:0;width:250px;height:250px;border-radius:50%;border:6px solid #ffd17c;background:#ffd17c;box-shadow:0 14px 40px rgba(0,0,0,.45),0 3px 10px rgba(0,0,0,.35),inset 0 -4px 10px rgba(0,0,0,.25),inset 0 3px 6px rgba(255,255,255,.25);}
.cafeo-front .cf-commit__seal img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
.cafeo-front .cf-commit__seal-gloss{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.35),transparent 45%);pointer-events:none;}
@media(max-width:900px){.cafeo-front .cf-commit{flex-direction:column;text-align:center;gap:48px;}.cafeo-front .cf-commit__inner{align-items:center;max-width:none;}.cafeo-front .cf-commit__seal{width:200px;height:200px;}}

/* NEWS */
.cafeo-front .cf-news{padding:96px max(100px, calc(50vw - 620px));}
.cafeo-front .cf-news__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:56px;flex-wrap:wrap;}
.cafeo-front .cf-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.cafeo-front .cf-news__card{background:#fff;border-radius:10px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s;}
.cafeo-front .cf-news__card:hover{box-shadow:0 8px 32px rgba(44,50,53,.1);}
.cafeo-front .cf-news__badge{align-self:flex-start;font-size:14px;letter-spacing:2px;color:#fff;text-transform:uppercase;padding:4px 12px;border-radius:10px;}
.cafeo-front .cf-news__title{font-size:20px;font-weight:400;color:var(--charcoal);line-height:1.35;margin:0;}
.cafeo-front .cf-news__excerpt{font-size:14px;color:var(--rose);line-height:1.7;margin:0;flex:1;}
.cafeo-front .cf-news__more{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--brown-d);}

/* ACCESS */
.cafeo-front .cf-access{padding:100px max(100px, calc(50vw - 620px));}
.cafeo-front .cf-access__grid{display:flex;gap:0;margin-top:40px;flex-wrap:wrap;}
.cafeo-front .cf-access__map{flex:1;min-width:300px;min-height:400px;position:relative;background:repeating-linear-gradient(0deg,#e8e4dd,#e8e4dd 59px,#d8d3ca 60px),repeating-linear-gradient(90deg,#e8e4dd,#e8e4dd 59px,#d8d3ca 60px);border-radius:8px 0 0 8px;}
.cafeo-front .cf-access__pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:8px 16px;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.12);font-size:14px;white-space:nowrap;}
.cafeo-front .cf-access__maplink{position:absolute;bottom:16px;right:16px;background:var(--brown-d);color:var(--gold);font-size:14px;letter-spacing:1.5px;padding:10px 18px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;}
.cafeo-front .cf-access__info{width:489px;flex-shrink:0;padding:0 40px;}
.cafeo-front .cf-access__h3{font-size:22px;font-weight:400;color:var(--charcoal);margin:28px 0 12px;}
.cafeo-front .cf-access__h3:first-child{margin-top:0;}
.cafeo-front .cf-access__info p{margin:4px 0;font-size:16px;}
.cafeo-front .cf-access__hours{display:flex;flex-direction:column;gap:2px;}
.cafeo-front .cf-access__hrow{display:flex;gap:20px;font-size:15px;}
.cafeo-front .cf-access__hrow span:first-child{width:110px;}
.cafeo-front .cf-access__hrow.is-today{color:var(--rose);font-weight:500;}
.cafeo-front .cf-access__transport{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.cafeo-front .cf-access__transport li{font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cafeo-front .cf-transport__place{color:var(--charcoal);}
/* Icône de mode (M / RER / bus) — foncée, sur la charte. */
.cafeo-front .cf-mode{display:inline-flex;align-items:center;justify-content:center;flex:none;background:#1c0c04;color:#fff;font-weight:700;font-family:'Onest',sans-serif;}
.cafeo-front .cf-mode--metro{width:23px;height:23px;border-radius:50%;font-size:15px;line-height:1;}
.cafeo-front .cf-mode--rer{height:21px;padding:0 7px;border-radius:4px;font-size:11px;letter-spacing:.5px;}
.cafeo-front .cf-mode--bus{width:26px;height:21px;border-radius:4px;}
.cafeo-front .cf-mode--bus svg{width:17px;height:17px;}
/* Pastilles de lignes. */
.cafeo-front .cf-lines{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;}
.cafeo-front .cf-line{display:inline-flex;align-items:center;justify-content:center;flex:none;font-weight:700;font-size:13px;font-family:'Onest',sans-serif;line-height:1;}
.cafeo-front .cf-line--metro{width:23px;height:23px;border-radius:50%;}
.cafeo-front .cf-line--rer{min-width:23px;height:23px;padding:0 5px;border-radius:5px;}
.cafeo-front .cf-line--bus{min-width:28px;height:23px;padding:0 7px;border-radius:6px;background:#fff;border:1.5px solid #c69a6b;color:#42240c;}

/* Adresse (lien Google Maps) + téléphone (tel:) cliquables. Hover réservé au
   desktop (@media hover) ; sur mobile le tap ouvre la carte / lance l'appel. */
.cafeo-front .cf-access__addr,
.cafeo-front .cf-access__tel{color:inherit;text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease;}
@media (hover:hover){
	.cafeo-front .cf-access__addr:hover,
	.cafeo-front .cf-access__tel:hover{color:#dfa63e;text-decoration:underline;text-decoration-color:#ffd17c;text-underline-offset:3px;}
}

/* RESPONSIVE */
@media(max-width:1080px){
	.cafeo-front .cf-about,.cafeo-front .cf-shop,.cafeo-front .cf-learn,.cafeo-front .cf-news,.cafeo-front .cf-access,.cafeo-front .cf-commit{padding:64px 48px;}
	.cafeo-front .cf-about{flex-direction:column;}.cafeo-front .cf-about__media{width:100%;}
	.cafeo-front .cf-shop__grid,.cafeo-front .cf-news__grid,.cafeo-front .cf-learn__grid{grid-template-columns:repeat(2,1fr);}
	.cafeo-front .cf-discover{grid-template-columns:1fr;}.cafeo-front .cf-discover__media{min-height:300px;}
	.cafeo-front .cf-hero__inner{width:auto;right:0;padding:0 40px 64px;}
	.cafeo-front .cf-access__info{width:100%;padding:32px 0 0;}
}
@media(max-width:680px){
	.cafeo-front .cf-shop__grid,.cafeo-front .cf-news__grid,.cafeo-front .cf-learn__grid{grid-template-columns:1fr;}
	.cafeo-front .cf-hero__inner{padding:0 24px 48px;}
	.cafeo-front .cf-about,.cafeo-front .cf-shop,.cafeo-front .cf-learn,.cafeo-front .cf-news,.cafeo-front .cf-access,.cafeo-front .cf-commit,.cafeo-front .cf-discover__text{padding-left:24px;padding-right:24px;}
	.cafeo-front .cf-hero__dots{right:24px;}
}

/* Carte Google Maps intégrée (section Accès) — remplit le bloc, coins arrondis
   hérités ; le bouton « Ouvrir dans Maps » reste cliquable au-dessus de l'iframe. */
.cafeo-front .cf-access__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;display:block;}
.cafeo-front .cf-access__map .cf-access__maplink{z-index:2;}

/* ── Vidéo pleine largeur (entre « Sélection & engagements » et les actus) ──
   Bord à bord, au format 16:9. L'aperçu laisse la place au lecteur au clic. */
.cafeo-front .cf-video{position:relative;width:100%;background:#1c0c04;line-height:0;}
.cafeo-front .cf-video__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:pointer;}
.cafeo-front .cf-video__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cafeo-front .cf-video__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,12,4,.15) 0%,rgba(28,12,4,.45) 100%);transition:background .3s;}
.cafeo-front .cf-video__frame:hover .cf-video__veil{background:linear-gradient(180deg,rgba(28,12,4,.05) 0%,rgba(28,12,4,.35) 100%);}
.cafeo-front .cf-video__title{position:absolute;left:max(40px,calc(50vw - 620px));bottom:56px;margin:0;z-index:2;
	font-size:clamp(24px,2.6vw,38px);font-weight:400;letter-spacing:3px;text-transform:uppercase;line-height:1.2;color:#f9f9f9;
	text-shadow:0 2px 18px rgba(0,0,0,.5);max-width:min(720px,70%);}
.cafeo-front .cf-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
	width:92px;height:92px;border-radius:50%;border:0;cursor:pointer;background:#ffd17c;
	display:flex;align-items:center;justify-content:center;padding-left:6px;
	box-shadow:0 10px 34px rgba(0,0,0,.45);transition:transform .2s,background .2s;}
.cafeo-front .cf-video__play:hover{background:#f5bf60;transform:translate(-50%,-50%) scale(1.07);}
.cafeo-front .cf-video__frame.is-playing .cf-video__cover,
.cafeo-front .cf-video__frame.is-playing .cf-video__veil,
.cafeo-front .cf-video__frame.is-playing .cf-video__title,
.cafeo-front .cf-video__frame.is-playing .cf-video__play{display:none;}
.cafeo-front .cf-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media(max-width:700px){
	.cafeo-front .cf-video__play{width:66px;height:66px;}
	.cafeo-front .cf-video__title{left:24px;right:24px;bottom:28px;max-width:none;}
}

/* La vidéo ne doit jamais dépasser l'écran : on plafonne sa hauteur à la place
   réellement disponible sous le bandeau de livraison et l'en-tête, qui restent
   collés en haut (41 + 84 px). En 16:9 pleine largeur elle ferait ~900 px de
   haut, soit plus que la fenêtre. L'aperçu se recadre ; à la lecture, le
   lecteur garde le format 16:9 et se centre, pour que rien ne soit rogné. */
.cafeo-front .cf-video__frame{max-height:calc(100vh - 130px);}
.cafeo-front .cf-video__frame.is-playing{display:flex;align-items:center;justify-content:center;background:#1c0c04;}
.cafeo-front .cf-video__frame iframe{position:relative;inset:auto;width:auto;height:100%;aspect-ratio:16/9;max-width:100%;max-height:100%;border:0;}