/* Makkah Customer Feedback — public experience */
body.mcf-page-active{background:var(--mcf-bg);color:var(--mcf-navy)}
body.mcf-page-active #page,body.mcf-page-active #content,body.mcf-page-active .site-content,body.mcf-page-active .content-area{width:100%;max-width:none;margin:0;padding:0;background:transparent}
body.mcf-page-active .widget-area,body.mcf-page-active #right-sidebar,body.mcf-page-active #left-sidebar{display:none!important}
.mcf-page{font-family:"Cairo",Tahoma,Arial,sans-serif;background:var(--mcf-bg);color:var(--mcf-navy);overflow:hidden;direction:rtl}
.mcf-page *{box-sizing:border-box}
.mcf-page a{text-decoration:none}
.mcf-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcf-shell{width:min(1210px,calc(100% - 40px));margin-inline:auto}
.mcf-hero{position:relative;min-height:470px;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(4,25,44,.24) 0%,rgba(4,25,44,.78) 52%,rgba(4,25,44,.98) 100%),var(--mcf-hero-image);background-size:cover;background-position:center;isolation:isolate}
.mcf-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(217,168,78,.12),transparent 32%);z-index:-1}
.mcf-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(5,29,49,.42));z-index:-1}
.mcf-hero__inner{width:100%;display:flex;justify-content:flex-start}
.mcf-hero__copy{width:min(640px,58%);padding:72px 0 98px;text-align:right}
.mcf-kicker{display:flex;align-items:center;gap:11px;color:var(--mcf-gold);font-size:15px;font-weight:800;margin:0 0 14px}
.mcf-kicker i{display:block;width:28px;height:1px;background:currentColor}
.mcf-hero h1{color:#fff;font-size:clamp(38px,4vw,60px);line-height:1.28;letter-spacing:-1px;margin:0 0 16px;font-weight:800}
.mcf-hero p{max-width:620px;color:rgba(255,255,255,.88);font-size:17px;line-height:2;margin:0 0 26px}
.mcf-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:9px;background:linear-gradient(135deg,#e3b65c,#c99031);color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 25px rgba(103,65,7,.22);transition:.22s}
.mcf-hero__button:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.05)}
.mcf-hero__button svg{width:20px;height:20px}
.mcf-stats-wrap{position:relative;z-index:4;margin-top:-50px}
.mcf-stats{min-height:102px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:15px 24px;background:#fff;border:1px solid rgba(8,41,68,.08);border-radius:20px;box-shadow:0 14px 34px rgba(8,41,68,.1)}
.mcf-stat{display:flex;align-items:center;justify-content:center;gap:15px;min-height:65px;border-left:1px solid #edf1f4}
.mcf-stat:last-child{border-left:0}
.mcf-stat>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(217,168,78,.11);color:var(--mcf-gold)}
.mcf-stat>span svg{width:22px;height:22px}
.mcf-stat>div{display:flex;flex-direction:column;gap:3px}
.mcf-stat strong{font-size:24px;line-height:1;color:#102a43;font-weight:800}
.mcf-stat small{font-size:11px;color:#718191}
.mcf-feedback-section{padding:74px 0 58px}
.mcf-section-heading{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;margin-bottom:26px}
.mcf-section-heading>span{width:34px;height:1px;background:var(--mcf-gold);position:relative}
.mcf-section-heading>span:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--mcf-gold);top:-1.5px}
.mcf-section-heading>span:first-child:after{left:0}.mcf-section-heading>span:last-child:after{right:0}
.mcf-section-heading small{display:block;color:var(--mcf-gold);font-size:11px;font-weight:800;margin-bottom:3px}
.mcf-section-heading h2{font-size:28px;line-height:1.4;color:#102a43;margin:0;font-weight:800}
.mcf-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:12px;background:#fff;border:1px solid #e4e9ed;border-radius:14px;box-shadow:0 7px 20px rgba(8,41,68,.045)}
.mcf-filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mcf-filter-tabs label{cursor:pointer}
.mcf-filter-tabs input{position:absolute;opacity:0;pointer-events:none}
.mcf-filter-tabs span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #e2e7eb;border-radius:8px;color:#53687a;font-size:12px;transition:.2s}
.mcf-filter-tabs input:checked+span,.mcf-filter-tabs span:hover{background:var(--mcf-navy);border-color:var(--mcf-navy);color:#fff}
.mcf-rating-filter{display:flex;align-items:center;gap:9px;color:#5c7082;font-size:12px}
.mcf-rating-filter select{height:38px;border:1px solid #dfe5ea!important;border-radius:8px!important;background:#fff!important;color:#263c4f;padding:0 10px;font-family:inherit;font-size:12px;box-shadow:none!important}
.mcf-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mcf-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:330px;padding:24px;border-radius:var(--mcf-radius);background:#fff;border:1px solid #e3e8ec;box-shadow:0 8px 24px rgba(8,41,68,.055);overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}
.mcf-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--mcf-gold),#f1d38f);opacity:.88}
.mcf-card:hover{transform:translateY(-4px);border-color:rgba(217,168,78,.38);box-shadow:0 18px 38px rgba(8,41,68,.1)}
.mcf-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.mcf-card__type{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#f4f7f9;color:#486075;font-size:10px;font-weight:800}
.mcf-card__verified{display:inline-flex;align-items:center;gap:5px;color:#18734a;font-size:10px;font-weight:800}
.mcf-card__verified svg{width:14px;height:14px}
.mcf-card__stars{display:flex;gap:2px;color:#d8dee3;font-size:16px;margin-bottom:7px;direction:ltr;justify-content:flex-end}
.mcf-card__stars .is-filled{color:var(--mcf-gold)}
.mcf-card__quote{position:absolute;left:18px;top:40px;color:rgba(217,168,78,.15);font-family:Georgia,serif;font-size:76px;line-height:1}
.mcf-card blockquote{position:relative;z-index:1;border:0;margin:0 0 19px;padding:0;color:#334b5f;font-size:14px;line-height:2;font-style:normal;flex:1}
.mcf-card__footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid #edf1f4}
.mcf-card__avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0b3557,#061f36);display:grid;place-items:center;color:#fff;border:3px solid rgba(217,168,78,.2)}
.mcf-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mcf-card__avatar span{font-size:18px;font-weight:800}
.mcf-card__footer>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.mcf-card__footer strong{font-size:13px;color:#17354e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcf-card__footer small{font-size:10px;color:#8996a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcf-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 0 17px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#0b3557,#061f36);color:#fff}
.mcf-player__play{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:var(--mcf-gold);display:grid;place-items:center;padding:0;cursor:pointer;transition:.2s}
.mcf-player__play:hover{background:var(--mcf-gold);color:#fff;border-color:var(--mcf-gold)}
.mcf-player__play svg{width:19px;height:19px}
.mcf-player__body{display:grid;gap:7px;min-width:0}
.mcf-player__body strong{font-size:10px;color:rgba(255,255,255,.86)}
.mcf-player input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(to left,var(--mcf-gold) var(--mcf-progress,0%),rgba(255,255,255,.22) var(--mcf-progress,0%));outline:0;padding:0;border:0}
.mcf-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.25)}
.mcf-player input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:0;background:#fff;cursor:pointer}
.mcf-player time{font-size:10px;color:rgba(255,255,255,.72);direction:ltr}
.mcf-pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:30px}
.mcf-pagination .page-numbers{min-width:38px;height:38px;padding:0 11px;border-radius:8px;border:1px solid #dfe5ea;background:#fff;color:#53697b;display:grid;place-items:center;font-size:12px;transition:.2s}
.mcf-pagination .page-numbers:hover,.mcf-pagination .current{background:var(--mcf-navy);border-color:var(--mcf-navy);color:#fff}
.mcf-empty{text-align:center;padding:52px 24px;background:#fff;border:1px dashed #ccd7df;border-radius:16px;color:#677a8a}
.mcf-empty>svg{width:42px;height:42px;color:var(--mcf-gold);margin-bottom:10px}.mcf-empty h3{font-size:20px;color:#17354e;margin:0 0 7px}.mcf-empty p{margin:0;font-size:13px}
.mcf-submit-section{padding:65px 0 72px;background:linear-gradient(180deg,var(--mcf-bg),#eef3f6)}
.mcf-submit-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}
.mcf-submit-copy{position:sticky;top:105px;padding:33px;border-radius:18px;background:linear-gradient(145deg,#0b3557,#061f36);color:#fff;box-shadow:0 18px 38px rgba(8,41,68,.13);overflow:hidden}
.mcf-submit-copy:after{content:"";position:absolute;inset:auto -70px -70px auto;width:180px;height:180px;border:1px solid rgba(217,168,78,.16);border-radius:50%}
.mcf-submit-copy .mcf-kicker{font-size:12px}.mcf-submit-copy h2{font-size:29px;line-height:1.45;color:#fff;margin:0 0 12px}.mcf-submit-copy>p{font-size:13px;line-height:1.95;color:rgba(255,255,255,.8);margin:0 0 25px}
.mcf-submit-points{display:grid;gap:13px;position:relative;z-index:2}
.mcf-submit-points>span{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:12px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.mcf-submit-points svg{grid-row:1/3;width:22px;height:22px;color:var(--mcf-gold);margin:auto}.mcf-submit-points b{font-size:12px;color:#fff}.mcf-submit-points small{font-size:9.5px;color:rgba(255,255,255,.68);line-height:1.5}
.mcf-form{background:#fff;border:1px solid #e2e8ed;border-radius:18px;padding:29px;box-shadow:0 12px 32px rgba(8,41,68,.07)}
.mcf-form-message{margin:0 0 18px;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.7}.mcf-form-message.is-success{background:#eaf8f0;color:#167147;border:1px solid #c9ead8}.mcf-form-message.is-error{background:#fff0f0;color:#9c3030;border:1px solid #f0cece}
.mcf-type-selector{border:0;margin:0 0 22px;padding:0}.mcf-type-selector legend{font-size:13px;font-weight:800;color:#17354e;margin-bottom:10px}.mcf-type-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mcf-type-selector legend{grid-column:1/-1}
.mcf-type-selector label{cursor:pointer}.mcf-type-selector input{position:absolute;opacity:0;pointer-events:none}.mcf-type-selector span{height:86px;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:13px;border-radius:12px;border:1px solid #dfe6eb;background:#fbfcfd;transition:.2s}.mcf-type-selector svg{grid-row:1/3;width:26px;height:26px;color:var(--mcf-gold)}.mcf-type-selector b{font-size:12px;color:#17354e}.mcf-type-selector small{font-size:9px;color:#81909d}.mcf-type-selector input:checked+span{border-color:var(--mcf-gold);background:#fffaf0;box-shadow:0 0 0 3px rgba(217,168,78,.1)}
.mcf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.mcf-form-field{display:grid;gap:7px;margin-bottom:15px}.mcf-form-field label{font-size:11.5px;font-weight:700;color:#284155}.mcf-form-field label b{color:#c98e30}
.mcf-form input[type=text],.mcf-form input[type=email],.mcf-form input[type=tel],.mcf-form input[type=date],.mcf-form select,.mcf-form textarea{width:100%;border:1px solid #dbe3e9!important;border-radius:9px!important;background:#fff!important;color:#263d50;padding:0 13px!important;font-family:inherit;font-size:12px;outline:0;box-shadow:none!important;transition:.2s}
.mcf-form input[type=text],.mcf-form input[type=email],.mcf-form input[type=tel],.mcf-form input[type=date],.mcf-form select{height:46px}
.mcf-form textarea{min-height:140px;padding:13px!important;resize:vertical;line-height:1.8}
.mcf-form input:focus,.mcf-form select:focus,.mcf-form textarea:focus{border-color:var(--mcf-gold)!important;box-shadow:0 0 0 3px rgba(217,168,78,.1)!important}
.mcf-rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;min-height:46px;align-items:center;padding:0 12px;border:1px solid #dbe3e9;border-radius:9px}.mcf-rating-input input{position:absolute;opacity:0}.mcf-rating-input label{font-size:25px;color:#d8dee3;cursor:pointer;line-height:1}.mcf-rating-input label:hover,.mcf-rating-input label:hover~label,.mcf-rating-input input:checked~label{color:var(--mcf-gold)}
.mcf-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:3px 0 17px}
.mcf-upload{cursor:pointer}.mcf-upload input{position:absolute;opacity:0;pointer-events:none}.mcf-upload>span{min-height:108px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:center;padding:15px;border:1px dashed #cad5dc;border-radius:12px;background:#f9fbfc;transition:.2s}.mcf-upload:hover>span{border-color:var(--mcf-gold);background:#fffaf1}.mcf-upload svg{grid-row:1/4;width:28px;height:28px;color:var(--mcf-gold);margin:auto}.mcf-upload b{font-size:12px;color:#17354e}.mcf-upload small{font-size:9px;color:#80909d}.mcf-upload em{font-style:normal;font-size:9px;color:#b47b24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcf-upload.has-file>span{border-style:solid;border-color:#65ad86;background:#f0faf5}
.mcf-form-check{display:flex;align-items:flex-start;gap:9px;margin:10px 0;color:#5e7284;font-size:10.5px;line-height:1.75}.mcf-form-check input{flex:0 0 auto;margin-top:4px;accent-color:var(--mcf-gold)}
.mcf-submit-button{width:100%;min-height:50px;border:0;border-radius:9px;background:linear-gradient(135deg,#e3b65c,#c99031);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(173,117,29,.18);transition:.22s}.mcf-submit-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.mcf-submit-button svg{width:19px;height:19px}
.mcf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mcf-form.is-complaint .mcf-rating-field,.mcf-form.is-complaint [data-mcf-publish-consent]{display:none}
@media(max-width:1050px){.mcf-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcf-submit-layout{grid-template-columns:310px minmax(0,1fr)}.mcf-stats{padding-inline:12px}.mcf-stat{gap:9px}}
@media(max-width:850px){.mcf-shell{width:min(100% - 28px,1210px)}.mcf-hero__copy{width:min(620px,78%)}.mcf-stats{grid-template-columns:repeat(2,1fr);gap:0}.mcf-stat:nth-child(2){border-left:0}.mcf-stat:nth-child(-n+2){border-bottom:1px solid #edf1f4}.mcf-feedback-section{padding-top:62px}.mcf-submit-layout{grid-template-columns:1fr}.mcf-submit-copy{position:relative;top:auto}.mcf-submit-points{grid-template-columns:repeat(3,1fr)}.mcf-submit-points>span{grid-template-columns:32px 1fr}.mcf-form{padding:24px}}
@media(max-width:650px){.mcf-hero{min-height:410px;background-image:linear-gradient(90deg,rgba(4,25,44,.75),rgba(4,25,44,.94)),var(--mcf-hero-image)}.mcf-hero__copy{width:100%;padding:55px 0 78px;text-align:center}.mcf-kicker{justify-content:center}.mcf-hero h1{font-size:34px}.mcf-hero p{font-size:14px;line-height:1.9}.mcf-stats-wrap{margin-top:-38px}.mcf-stats{min-height:145px;border-radius:16px}.mcf-stat{min-height:68px}.mcf-stat>span{width:35px;height:35px}.mcf-stat>span svg{width:18px;height:18px}.mcf-stat strong{font-size:19px}.mcf-stat small{font-size:9px}.mcf-section-heading h2{font-size:23px}.mcf-filters{align-items:stretch;flex-direction:column}.mcf-filter-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.mcf-filter-tabs span{width:100%;padding:0 8px}.mcf-rating-filter{justify-content:space-between}.mcf-feedback-grid{grid-template-columns:1fr}.mcf-card{min-height:0}.mcf-submit-section{padding:48px 0}.mcf-submit-copy{padding:25px}.mcf-submit-copy h2{font-size:25px}.mcf-submit-points{grid-template-columns:1fr}.mcf-type-selector{grid-template-columns:1fr}.mcf-type-selector span{height:72px}.mcf-form-grid,.mcf-upload-grid{grid-template-columns:1fr}}
@media(max-width:430px){.mcf-shell{width:min(100% - 20px,1210px)}.mcf-hero h1{font-size:29px}.mcf-stats{padding:8px 4px}.mcf-stat{flex-direction:column;text-align:center;gap:3px}.mcf-stat>span{display:none}.mcf-card{padding:20px}.mcf-form{padding:18px}.mcf-player{grid-template-columns:39px minmax(0,1fr) auto;padding:10px}.mcf-player__play{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.mcf-card,.mcf-submit-button,.mcf-hero__button,.mcf-player__play{transition:none}}


/* Alpha 2 — definitive mobile width containment and theme-shell reset. */
html:has(body.mcf-page-active),body.mcf-page-active{
	max-width:100%!important;
	overflow-x:hidden!important;
}
body.mcf-page-active #page,
body.mcf-page-active #content,
body.mcf-page-active .makkah-v2-page,
body.mcf-page-active .makkah-v2-content{
	display:block!important;
	float:none!important;
	width:100%!important;
	min-width:0!important;
	max-width:100%!important;
	margin-right:0!important;
	margin-left:0!important;
	padding-right:0!important;
	padding-left:0!important;
	overflow:clip!important;
	transform:none!important;
}
body.mcf-page-active main.mcf-page{
	position:relative!important;
	inset:auto!important;
	display:block!important;
	float:none!important;
	width:100%!important;
	min-width:0!important;
	max-width:100%!important;
	margin:0!important;
	padding:0!important;
	overflow-x:clip!important;
	transform:none!important;
}
.mcf-page>section,
.mcf-page .mcf-shell,
.mcf-page .mcf-shell>*{
	min-width:0;
	max-width:100%;
}
.mcf-page .mcf-shell{
	width:calc(100% - 40px)!important;
	max-width:1210px!important;
	margin-right:auto!important;
	margin-left:auto!important;
}
.mcf-feedback-section,
.mcf-submit-section,
.mcf-stats-wrap,
.mcf-hero,
.mcf-stats,
.mcf-filters,
.mcf-feedback-grid,
.mcf-card,
.mcf-submit-layout,
.mcf-submit-copy,
.mcf-form,
.mcf-player{
	max-width:100%;
	min-width:0;
}
.mcf-card blockquote,
.mcf-card__footer>div,
.mcf-player__body,
.mcf-form-field,
.mcf-upload,
.mcf-upload>span{
	min-width:0;
	max-width:100%;
}
@media(max-width:650px){
	body.mcf-page-active{width:100%!important;max-width:100vw!important;}
	.mcf-page .mcf-shell{width:calc(100% - 24px)!important;max-width:none!important;}
	.mcf-page>section{width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important;}
	.mcf-hero__inner,.mcf-stats-wrap .mcf-shell,.mcf-feedback-section .mcf-shell,.mcf-submit-section .mcf-shell{width:calc(100% - 24px)!important;}
	.mcf-filters,.mcf-feedback-grid,.mcf-card,.mcf-player,.mcf-submit-layout,.mcf-form{width:100%!important;}
	.mcf-filter-tabs{width:100%;min-width:0;}
	.mcf-filter-tabs label,.mcf-filter-tabs span{min-width:0;max-width:100%;}
	.mcf-rating-filter select{min-width:0!important;max-width:70%!important;}
	.mcf-player{grid-template-columns:39px minmax(0,1fr) auto!important;}
	.mcf-player time{white-space:nowrap;}
}
@media(max-width:430px){
	.mcf-page .mcf-shell,
	.mcf-hero__inner,
	.mcf-stats-wrap .mcf-shell,
	.mcf-feedback-section .mcf-shell,
	.mcf-submit-section .mcf-shell{width:calc(100% - 20px)!important;}
}