/* HERO CONTAINER */
.hero_banner {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #000;
}

.slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	display: flex;
	align-items: center;
	transition: visibility 0s 1.5s;
}

.slide.active { opacity: 1; visibility: visible; z-index: 2; transition: visibility 0s 0s; }

.bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 1; }
.bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.banner-content { position: relative; z-index: 10; padding: 0 8%; pointer-events: none; color: #fff;}
.banner-content * { pointer-events: auto; }

.small-title-banner { font-size: clamp(12px, 2vw, 16px); text-transform: uppercase; letter-spacing: clamp(2px, 1vw, 5px); margin-bottom: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.8); }
.title-banner { font-size: clamp(34px, 8vw, 70px); line-height: 1.1; font-weight: 600; margin-bottom: 40px; text-wrap: balance; }
@media(min-width: 1190px) {.title-banner{max-width:840px;} html:lang(ar).title-banner{max-width:800px;}}


/* BUTTONS */
.btn-custom {
	display: inline-block;
	padding: clamp(10px, 2vw, 14px) clamp(24px, 4vw, 40px);
	border-radius: 50px;
	text-decoration: none;
	font-weight: 500;
	font-size: clamp(14px, 1.5vw, 18px);
	border: 2px solid transparent;
	border: 1px solid #000;
}

.btn-white { background: #fff; color: #000 !important; }
.btn-white:hover { background: #000; color: #fff !important; border-color: #fff; }
.btn-black { background: #000; color: #fff !important; }
.btn-black:hover { background: #fff; color: #000 !important; border-color: #000; }

.progress-wrap { position: absolute; bottom: 40px; left: 8%; width: clamp(100px, 20vw, 200px); height: 2px; background: rgba(255, 255, 255, 0.2); z-index: 20; }
.progress-bar { width: 0%; height: 100%; background: #fff; }

/* SECTIONS */
.section-title { font-size: clamp(36px, 5vw, 48px); font-weight: 700; color: #212121; margin-bottom: 0; }
/* .reveal { opacity: 0; filter: blur(10px); } */

/* DATES SECTION */
.important-dates { padding: 40px 0; }
.date-card { position: relative; min-height: clamp(630px, 60vh, 720px); overflow: hidden; cursor: pointer; display:flex; flex:1; }
.card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 1.3s ease; }
/* .card-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, .95) 100%); } */
.card-content { flex:1; position: relative; padding: clamp(25px, 5vw, 5px); display: flex; flex-direction: column; justify-content: flex-start; z-index: 2; color: #222; }
.deadline {  font-size: clamp(14px, 1.8vw, 20px); }
.date-card:hover .card-bg { transform: scale(1.08); }

/* SPECIAL TRACKS */
.special-tracks-section { position: relative; background-size: cover; background-position: center; padding: clamp(40px, 8vw, 80px) 0; overflow: hidden;border-radius: 20px;padding: 30px 24px;border: 1px solid #e6e6e6;    background: #f6f7f8; }
.tracks-deadlines li { font-size: clamp(16px, 2vw, 20px); margin-bottom: 12px; color: #333; list-style: none; }
.tracks-list { list-style: none; text-align: right; }
.tracks-list li { font-size: clamp(18px, 2.5vw, 24px); margin-bottom: 24px; color: #333; line-height: 1.4; }

/* REGISTRATION */
.registration-section { background: #fff; padding: clamp(40px, 8vw, 80px) 0; }
.reg-card { background: #F6F7F8; border-radius: 20px; overflow: hidden; height: 100%; transition: transform 0.3s ease; }
.reg-card-img { width: 100%; height: clamp(290px, 30vh, 220px); object-fit: cover; }
.reg-card-body { padding: clamp(25px, 4vw, 30px); }
.reg-icon-box { width: 45px; height: 45px; background: #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; color: #444; }
.reg-card-title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; line-height: 1.2; margin-bottom: 20px; color: #222; }
.reg-status { font-size: clamp(14px, 1.5vw, 18px); color: #212121; }

/* ORGANIZATIONS */
.orgs-section { background: #f8f9fa; padding: clamp(50px, 10vw, 100px) 0; }
.orgs-title { font-size: clamp(24px, 4vw, 42px); font-weight: 700; color: #222; margin-bottom: 10px; }
.hosts-label { font-size: clamp(18px, 2vw, 24px); color: #333; margin-bottom: 40px; }
.logo-grid { justify-items: center; gap:10px }
.logo-card { background: #fff; padding: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 200px; height: clamp(100px, 15vh, 160px); }
.logo-card img { max-width: 80%; max-height: 80%; object-fit: contain; }
.logo-card img[src*="zayed-university"] { max-width: 62%; }

@media(max-width: 991px) {
	.tracks-list { text-align: left; padding: 0; margin-top: 30px; }
	.banner-content { padding: 0 15px; }
	.date-card { margin-bottom: 10px; }
	body {
		font-size: 14px;
	}
	
}
@media(max-width: 787px) {
	.date-card {  width: auto !important; margin-bottom: 15px; min-height:inherit; }
	.special-tracks-section { margin: 0px 15px !important; width: auto !IMPORTANT; }
}

@media(max-width: 768px) {
	.registration-section .d-flex { flex-direction: column; align-items: flex-start !important; gap: 20px; }
}

/* Footer */
p.foot_para span {
    color: #7A7A7A;
}
.fb-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #7A7A7A;
    border-top: 1px solid #212121;
    padding: 20px 0;
}

.fb-links a {
    color: #7A7A7A;
}

.fb-links a:hover {
    color: #fff;
}
html:lang(ar) .deadline {
    left: auto;
    right: clamp(25px, 5vw, 45px);
}


@media (min-width: 1300px) {
  html .container {
    max-width: 1200px !important;
  }
}


@media (min-width: 1500px) {
  html .container {
    max-width: 1400px !important;
  }
}


@media (min-width: 1600px) {
  html .container {
    max-width: 1500px !important;
  }
}


@media (min-width: 1700px) {
  .container {
    max-width: 1600px !important;
  }
}


/* About */
.isea-about-section { background-color: #F6F7F8; }
.logo-card-about { background-color: #ffffff; border-radius: 12px;}
.badge-about { font-weight: 400; font-size: 0.9rem; background: #E9EBED; border-radius: 40px; padding: 10px 24px; display: inline-flex; align-items: center; color: #212121;}
section.isea-about-section p { color: #212121; }
.mission-section { background-color: #fff; padding-bottom: 100px !important; }
.mission-text { font-size: 1.25rem;  color: #212121; }
.mission-img { width: 100%; object-fit: cover; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.img-tall { height: 450px; }
.img-square { height: 300px; }
.img-medium { height: 350px; }
.img-extra-tall { height: 500px; }
@media (max-width: 768px) { .mission-img { height: 300px !important; margin-bottom: 15px; }.mission-text { font-size: 1rem;} }

.activity-section { background-size: cover !important; background-position: center; min-height: 46vh; /* Takes full screen height */ position: relative; }
.description-text { font-size: 0.95rem; line-height: 1.5; color:#fff; }
@media (max-width: 992px) { .activity-section { min-height: auto; gap: 100px; } .fb-links { font-size: 12px; }}

/* Introduction Themes */

.main-theme-section{background:#fff;}
.theme-header{max-width:780px;margin:0 auto;}
.theme-intro{font-size:18px;line-height:1.6;color:#212121;}
.theme-card{background:#000;color:#fff;padding:50px;border-radius:26px;height:100%;}
.theme-card-title{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:25px;}
.theme-card-text{color:#d6d6d6;line-height:1.7;font-size:16px;margin-bottom:30px;}
.theme-btn{background:#fff;color:#000;padding:12px 26px;border-radius:40px;font-weight:600;transition:0.3s;}
.theme-btn:hover{background:#eaeaea;color:#000;}
.theme-image-wrapper{border-radius:26px;overflow:hidden;height:100%;}
.theme-image{width:100%;height:100%;object-fit:cover;min-height:460px; }
.why-elyah-section{background:#F6F7F8;}
.elyah-images{display:flex;gap:18px;justify-content:center;}
.why-content{max-width:560px;}
.section-title-small{font-size:36px;font-weight:700;}
.why-text{color:#555;line-height:1.7;font-size:16px;}
span.badge-about.badge-light { background: #E9EBED; }
@media(max-width:991px){
.elyah-images{gap:12px;}
.slice{height:260px;}
/* .section-title{font-size:26px;} */
	h2.sub-title-card { font-size: 22px; }
}

.elyah-img img{max-width:100%;height:auto;}


@media (max-width:991px){
	.theme-card{padding:30px 20px 20px 20px;}
	.theme-card-title{font-size:28px;}
	.theme-image{min-height:320px;}
	.section-title-small{font-size:28px;}
}

.themes-section{background:#fff;}
.theme-box{padding:40px;border-radius:0;min-height: calc(100% - 30px);}
.dark-theme{background:#000;color:#fff;}
.light-theme{background:#F6F7F8;color:#111;}
.theme-icon{width:44px;height:44px;background:#2b2b2b;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;}
.light-theme .theme-icon{background:#dcdcdc;}
.theme-icon img{width:20px;}
.theme-title{font-size:clamp(36px,5vw,46px);font-weight:700;margin-bottom:20px;}
.theme-desc{color:#fff;margin-bottom:25px;     font-size: 18px;}
.light-theme .theme-desc{color:#444;}
.theme-box hr{border-color:#E9EAEC;margin:35px 0;}
.light-theme hr{border-color:#d5d5d5;}
.discover{;margin-bottom:20px;}
.questions .q{display:flex;gap:20px;margin-bottom:18px;}
.q span{font-size:36px;opacity:.6;min-width:40px;}
.tags{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;}
.tags span{padding:10px 18px;border-radius:30px;background:#1c1c1c;font-size:14px;}
.light-theme .tags span{background:#E9EAEC;}
.questions { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; /* space between columns */ }
.theme-box.dark-theme .questions .q { color: #A3A3A3; }
.theme-box.dark-theme .questions .q span { color: transparent; -webkit-text-stroke: 1px #ffffff; }
.theme-box.light-theme .questions .q span { color: transparent; -webkit-text-stroke: 1px #000000; }
html:lang(ar) .q span { font-size: 30px; min-width: 60px; }

.section-container { padding: 10px 0; }
.custom-rounded { border-radius: 20px; overflow: hidden; }
.economy-card { background-color: #F6F7F8; border-radius: 16px; padding: 30px 30px; height: 100%; }
.icon-box { background-color: #E9ECEF; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: 20px; }
.city-image { width: 100%; height: 100%; object-fit: cover; min-height: 300px; border-radius: 20px; }
.content-text { color: #212121; }
@media(max-width:1300px){
.questions { display: grid; grid-template-columns: 1fr ; }
}
@media(max-width:991px){
.theme-box{padding:20px;}
.theme-title{font-size:28px;}
	.economy-card {  border-radius: 0 0 16px 16px;  }

}
.top-bg-badge { background-size: cover; height: 30px; background-position: center; width: 100%;}
@media(max-width:767px){
	.logo-card {width: 25%; max-width: inherit; height: inherit; }
	.card-content { padding: 10px;}
}

.top-bg-badge.top_bg_1, .top-bg-badge.top_bg_4 {
	background-image:url(../images/top_image.webp);
}

.top-bg-badge.top_bg_2 {
	background-image:url(../images/top_image2.webp);
}
.top-bg-badge.top_bg_3 {
	background-image:url(../images/top_image3.webp);
}
.top-bg-badge.top_bg_4 {
	background-image:url(../images/top_image4.webp);
}

.info-section{background:#ffffff;}
.info-card{background:#F6F7F8;padding:32px;height:100%;border-radius:18px;transition:0.25s ease;}
.info-card:hover{transform:translateY(-4px);}
.info-head{display:flex;align-items:flex-start;gap:14px;}
.icon-box{width:46px;height:46px;min-width:46px;border-radius:12px;background:#E9EBED;display:flex;align-items:center;justify-content:center;}
.info-card h2{color:#212121;}
.info-card p{color:#212121;margin-top:4px;}
@media(max-width:991px){.info-card{padding:26px;}.info-card h2{font-size:22px;}}




.emergency-title{color:#212121;}
.emergency-sub{color:#212121;font-size:22px;margin-bottom:26px;}
.emergency-list{display:flex;flex-direction:column;gap:22px;}
.emergency-item{display:flex;align-items:center;gap:18px;}
.num-box{background:#F6F7F8;padding:12px 18px;border-radius:12px;font-weight:normal;color:#212121;min-width:140px;text-align:center;font-size:18px;    direction: ltr;}
.num-box a { color: #212121; }
.num-label{font-size:22px;color:#0b2a23;font-weight:normal;}
@media(max-width:991px){.emergency-title{font-size:32px;}.col-6{width:100%;}.num-box{min-width:70px; font-size: 14px;} .num-label { font-size: 14px; } .emergency-sub { font-size: 18px; margin: 20px 0; }}



/* Student */
.apply-wrapper{border-radius:22px;overflow:hidden;background:#F6F7F8;}

.apply-hero{background:#000;color:#fff;padding:48px 48px 40px;}

.apply-hero .small-title{margin-bottom:10px;}

.apply-hero h1{font-size:48px;font-weight:700;margin:0;}

.apply-body{padding:50px 48px 60px;}

.apply-body h2{font-size:32px;font-weight:700;margin:0px 0 18px;}

.apply-body h3{font-size:22px;font-weight:700;margin:18px 0 14px;}

.custom-list{padding-left:34px;margin-bottom:25px;}

.custom-list li{margin-bottom:8px;list-style: disc;}

.tags_s{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;}

.tags_s span{background:#e9e9e9;padding:8px 16px;border-radius:999px;font-size:15px;}

.format-card{background:#E9EAEC80;border-radius:16px;padding:26px 26px 28px;height:100%;}

.format-card .icon-box{width:42px;height:42px;background:#e0e0e0;border-radius:10px;margin-bottom:14px;}

.format-card p{line-height:1.6;}

.format-card ul{padding-left:18px;margin:16px 0 18px;}

.format-card li{margin-bottom:6px;list-style: disc;}

.selection{margin-top:18px;}

.faq-btn{display:inline-block;margin-top:20px;background:#000;color:#fff;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:.2s;}

.faq-btn:hover{background:#222;color:#fff;}
.st-title-4 { font-size: 28px; margin: 30px 0;}
.st-title-3 { font-weight: normal; }

@media(max-width:991px){.apply-hero{padding:36px 26px;}.apply-hero h1{font-size:36px;}.apply-body{padding:15px;}.apply-body h2{font-size:26px;}}

@media(max-width:575px){.apply-hero h1{font-size:30px;}.apply-body h2{font-size:24px;}}


main.intro-page.student-template{}
main.intro-page.student-template .student-banner{min-height:inherit;height:100%;}
main.intro-page.student-template .student-banner .inner-banner-wrapper{ padding-top:70px; position:inherit;min-height:100vh; justify-content: center;      display: flex;   flex-direction: column;}
main.intro-page.student-template .inner-banner-text{margin-top:0;}
.st-title-1{font-size:50px;font-weight:300;}
main.intro-page.student-template .inner-banner-text h1{font-size:90px;line-height:1;margin:30px 0; font-size: clamp(1.75rem, -1.9643rem + 5.8036vw, 5rem);}



.event-meta{background:#0000004f;color:#fff;padding:38px 0;position:relative;overflow:hidden;width:100%;border-top:1px solid #ffffff45;margin-top:auto;}

.event-meta::after{content:"";position:absolute;right:-120px;top:-60px;width:380px;height:380px;background:radial-gradient(circle at center,rgba(255,80,0,0.35),rgba(0,200,255,0.15),transparent 70%);filter:blur(40px);}

.meta-item{padding-right:20px;}

.meta-label{font-size:18px;margin-bottom:6px;}

.meta-value{font-size:22px;font-weight:700;margin:0;line-height:1.35;}

.ar span.btn_arrow{transform:scaleX(-1);display:inline-block;}

.st-title-5{font-size:18px;}

@media(max-width:991px){.meta-value{font-size:20px;}.st-title-5{font-size:16px;}.theme-desc { font-size: 14px; } }

@media(max-width:1025px){.city-image { border-radius: 20px 20px 0px 0px; }         border-radius: 0px 0px 20px 20px;}

@media(max-width:575px){.event-meta{padding:28px 0;}.meta-item{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:16px;}.meta-item:last-child{border-bottom:none;}.meta-value{font-size:18px;}}


.rtl .custom-list {
    padding-right: 34px !important;
    margin-bottom: 25px !important;
}
.rtl .custom-list li {
    margin: 0 !important;
    padding: 0 !important;
}
.rtl .format-card li {
   padding-right: 0px !important;
}
.rtl .format-card ul {
    padding-right: 18px !important;
	padding-left: 0px !important;
}


.rtl .section-title {
    font-size: clamp(28px, 5vw, 48px);
}



/* Loader */

#preloader {
	position: fixed;
	inset: 0;
	background-color: #080808;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* 1. Logo Area */
.logo-container {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-wrapper { position: relative; width: 260px; height: auto; }

@media(max-width:991px){
	.logo-wrapper {  width: 160px;  }
}

.base-svg { opacity: 0.05; width: 100%; height: auto; }
.fill-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Sequential Fill Logic */
.fill-letter { clip-path: inset(100% 0% 0% 0%); will-change: clip-path; }

/* 2. Odometer UI */
.bottom-ui {
	padding-bottom: 8vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.odometer-container {
	display: flex;
	justify-content: center;
	height: 5.5rem; 
	overflow: hidden;
	margin-bottom: 12px;
	direction:ltr;
}

.odo-column {
	display: flex;
	flex-direction: column;
	will-change: transform;
	direction:ltr;
}

.digit {
	font-size: 5rem;
	font-weight: bold;
	line-height: 5.5rem;
	height: 5.5rem;
	letter-spacing: -2px;
	width: 1.1ch;
	text-align: center;
	font-family: sans-serif;
	background: linear-gradient(180deg, #333 0%, #fff 50%, #333 100%);
	background-size: 100% 200%;
	background-position: 0% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	direction:ltr;
}

.symbol {
	font-size: 1.5rem;
	font-weight: bold;
	color: rgba(255,255,255,0.2);
	margin-left: 2px;
	line-height: 5.5rem;
	direction:ltr;
}

.progress-border {
	height: 1px;
	background: rgba(255,255,255,0.1);
	position: relative;
}

#progress-fill {
	position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #fff;
}

/* html body{
	background-color:black !important;
} */

/* Floating notice */
.isea-floating-notice {
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: max(16px, env(safe-area-inset-bottom));
	z-index: 2500;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.isea-floating-notice__panel {
	width: min(400px, calc(100vw - 24px));
	min-height: 0;
	background: #0b1220 url("/wp-content/uploads/2026/02/home_page-banner-bg-scaled.webp") center/cover no-repeat;
	border: 1px solid #efb97e;
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
	padding: 0;
	position: relative;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	color: #1f2937;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.isea-floating-notice__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(8, 14, 24, 0.62);
	pointer-events: none;
	z-index: 0;
}

.isea-floating-notice__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(17, 24, 39, 0.12);
	position: relative;
	z-index: 1;
}

.isea-floating-notice__agent {
	display: flex;
	align-items: center;
	gap: 10px;
}

.isea-floating-notice__avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #ffffff;
	color: #0f172a;
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	flex: 0 0 auto;
}

.isea-floating-notice__agent-meta strong {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
}

.isea-floating-notice__thread {
	flex: 1 1 auto;
	padding: 14px 16px 16px;
	position: relative;
	z-index: 1;
}

.isea-floating-notice__bubble {
	background: rgba(11, 17, 28, 0.68);
	border-radius: 26px;
	padding: 16px 18px;
	font-size: 16px;
	line-height: 1.45;
	color: #f8fafc;
	max-width: 100%;
}

.isea-floating-notice__bubble,
.isea-floating-notice__bubble p,
.isea-floating-notice__bubble strong,
.isea-floating-notice__bubble b,
.isea-floating-notice__bubble span,
.isea-floating-notice__bubble a {
	color: #ffffff !important;
}

.isea-floating-notice__meta {
	color: #c4ceda;
	font-size: 13px;
	margin-top: 8px;
}

.isea-floating-notice.is-ar .isea-floating-notice__panel {
	direction: rtl;
}

.isea-floating-notice.is-ar .isea-floating-notice__bubble,
.isea-floating-notice.is-ar .isea-floating-notice__meta {
	text-align: right;
}

.isea-floating-notice__close {
	border: 0;
	background: transparent;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	line-height: 0.9;
	color: #ffffff;
	cursor: pointer;
	padding: 0;
}

.isea-floating-notice__fab {
	border: 1px solid #FFCA90;
	border-radius: 50%;
	background: #162329;
	color: #111827;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

.isea-floating-notice__fab-icon {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.isea-floating-notice__fab-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.isea-floating-notice__fab-text {
	display: none;
}

.isea-floating-notice.is-collapsed .isea-floating-notice__panel {
	display: none;
}

.isea-floating-notice:not(.is-collapsed) .isea-floating-notice__fab {
	display: none;
}

@media (max-width: 767px) {
	.isea-floating-notice {
		right: max(10px, env(safe-area-inset-right));
		bottom: max(10px, env(safe-area-inset-bottom));
	}

	.isea-floating-notice__panel {
		width: calc(100vw - 24px);
		min-height: 0;
	}
}