@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--blue:#009cc6;--dark:#12374a;--red:#db0921;--soft:#eff8fb;--yellow:#ffdf76}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{font-family:'Outfit',sans-serif;letter-spacing:-.045em}h2{font-size:clamp(30px,4vw,48px);margin:10px 0 15px;line-height:1.13}.header{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px clamp(20px,5vw,60px);max-width:1440px;margin:auto}.brand{display:flex;align-items:center}.brand img{height:62px;width:62px;object-fit:contain}.header nav{display:flex;align-items:center;gap:clamp(12px,2vw,31px);font-size:13px;font-weight:700}.header nav>a:not(.contact-top):hover{color:var(--blue)}.contact-top{display:flex;align-items:center;gap:8px;background:var(--red);border-radius:99px;padding:13px 17px;color:white;white-space:nowrap}.contact-top svg{width:17px;height:17px;fill:currentColor}
.hero{background:linear-gradient(135deg,#05a8ca,#007eaf);color:white;min-height:550px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#fff2 0,#ffffff00 45%);z-index:-2}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;pointer-events:none;z-index:-1}.hero-copy{align-self:center;padding:65px 25px 70px max(35px,calc((100vw - 1160px)/2));position:relative;z-index:2}.tag,.section-heading>span,.visit span,.section-overline{font-size:11px;letter-spacing:.16em;font-weight:800}.hero h1{font-size:clamp(48px,6vw,86px);margin:22px 0 18px;line-height:1.01}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:16px;line-height:1.85;max-width:490px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--red);color:white;border-radius:13px;padding:16px 24px;font-size:14px;font-weight:800;margin-top:22px;min-height:50px}.button:hover{filter:brightness(.94)}.button-outline{background:transparent;border:2px solid #005b7b;color:var(--dark)}.hero-art{display:grid;place-items:center;position:relative;min-height:340px}.ring{width:min(31vw,410px);height:min(31vw,410px);border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 45px #ffffff0c,0 0 0 85px #ffffff08}.ring img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 22px 38px #00253644)}.star{position:absolute;color:var(--yellow);font-size:55px}.one{top:18%;left:15%}.two{bottom:15%;right:17%}
.benefits{max-width:1200px;padding:94px 26px;margin:auto}.section-heading{text-align:center}.section-heading>span,.section-overline,.visit span{color:var(--blue)}.section-heading p{color:#667d8b;font-size:15px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}.feature-grid article{background:#f1f9fc;padding:32px;border-radius:18px}.feature-icon{color:var(--blue);font:800 30px Outfit}.feature-grid h3{font-size:23px;margin:21px 0 10px}.feature-grid p{font-size:14px;line-height:1.7;color:#64808c}
.visit{background:var(--soft);padding:85px max(26px,calc((100vw - 1170px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px}.visit p{font-size:20px;line-height:1.7}.visit-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.visit .button{white-space:nowrap}.map-frame{height:350px;min-width:0;overflow:hidden;background:#dbedf3;border:1px solid #cde4ed;border-radius:22px;box-shadow:0 12px 35px #003e5013}.map-frame iframe{width:100%;height:100%;border:0;display:block}.hours-section{max-width:1200px;padding:82px 26px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin:auto}.hours-section p{color:#647d88}.hours-card{background:#f2f9fc;border-radius:18px;padding:24px 28px}.hours-card>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0}.hours-card>div+div{border-top:1px solid #dcebf0}.hours-card span{color:#567580}
.reviews-section{background:#f4fafc;padding:83px 26px 90px}.reviews-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.6fr);gap:20px;max-width:1150px;margin:40px auto 0;align-items:stretch}.reviews-summary{background:#fff;border:1px solid #e2ecf1;border-radius:19px;padding:29px;display:flex;flex-direction:column;align-items:flex-start}.google-mark{width:52px;height:52px;display:grid;place-items:center;background:#f5f8fb;border-radius:14px}.google-mark span{font:800 33px Outfit;background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.reviews-label{font-weight:800;font-size:14px;margin:22px 0 10px}.reviews-rating{font:700 24px Outfit}.reviews-count{color:#66818b;font-size:13px;margin-top:7px}.reviews-summary .button{margin-top:auto;margin-bottom:0}.review-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.review-card,.review-placeholder{background:white;border:1px solid #e3eef3;padding:27px;border-radius:19px;min-width:0}.review-placeholder{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.review-placeholder svg{width:35px;height:35px;stroke:#e8a61b;fill:none;stroke-width:1.8}.review-placeholder h3{font-size:24px;margin:18px 0 0}.review-placeholder p{color:#637f8d;font-size:14px;line-height:1.7;max-width:420px}.review-placeholder a,.review-card a{font-weight:800;color:#007ea8;font-size:13px}.review-stars{color:#e99a0b;font-size:21px;letter-spacing:2px}.review-card p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.review-card a{display:inline-block;margin-top:15px}
.follow-section{max-width:1200px;margin:auto;padding:74px 26px;display:flex;align-items:center;justify-content:space-between;gap:35px}.follow-section p{color:#647f8c;font-size:15px;line-height:1.7}.follow-actions{display:flex;gap:12px;flex-wrap:wrap}.social-circle{display:flex;align-items:center;gap:10px;border-radius:12px;padding:14px 18px;background:#101722;color:white;font-weight:800;font-size:14px}.social-circle.facebook-icon{background:#1769c4}.social-circle svg,.footer-social svg{width:23px;height:23px;fill:currentColor}
.footer{background:#102e40;color:#fff;padding:60px max(26px,calc((100vw - 1160px)/2)) 0}.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.footer-brand{display:flex;align-items:flex-start;gap:13px}.footer-brand img{width:65px;height:65px;object-fit:contain}.footer-brand p{margin:6px 0 0;font-size:16px;font-weight:800;line-height:1.55}.footer-brand p span{font-size:12px;font-weight:400;color:#bfd3db}.footer-col{display:flex;flex-direction:column;gap:11px;font-size:13px;line-height:1.75}.footer-col b{font-size:14px}.footer-col p{color:#bed3de;margin:0}.footer-col a{color:#d7e8ef}.footer-col a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-social{display:flex;gap:10px}.footer-social a{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#ffffff20}.footer-bottom{margin-top:55px;border-top:1px solid #ffffff2a;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#bed4dc;font-size:12px}.footer-bottom a{color:white;font-weight:700}
@media(max-width:950px){.header{padding-inline:20px}.header nav{gap:15px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-layout{grid-template-columns:1fr 1.5fr}.hero-copy{padding-left:35px}}
@media(max-width:760px){.header{min-height:73px}.header nav>a:not(.contact-top){display:none}.brand img{width:53px;height:53px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 24px 35px}.hero h1{font-size:clamp(46px,11vw,74px)}.hero-art{min-height:245px}.ring{height:195px;width:195px}.benefits{padding:65px 22px}.feature-grid{grid-template-columns:1fr}.visit{grid-template-columns:1fr;padding:65px 22px}.map-frame{height:310px}.hours-section{grid-template-columns:1fr;padding:60px 22px}.reviews-layout{grid-template-columns:1fr}.reviews-summary .button{margin-top:22px}.follow-section{flex-direction:column;align-items:flex-start;padding:60px 22px}}
@media(max-width:480px){.header{gap:4px}.contact-top{padding:12px 13px;font-size:12px}.contact-top svg{width:15px;height:15px}.visit-actions .button{width:100%}.reviews-section{padding:65px 18px}.review-cards{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer{padding:47px 22px 0}.footer-bottom{margin-top:35px}.footer-brand img{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}html{scroll-behavior:auto}}

.reviews-section{overflow:hidden;padding:76px 0 75px;background:#f0f8fb}
.reviews-section>.section-heading{padding:0 22px}
.reviews-summary-line{max-width:1190px;margin:34px auto 26px;padding:0 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.reviews-summary-line .google-mark{width:44px;height:44px;border-radius:12px;background:white;border:1px solid #e2edf2;flex:none}
.reviews-summary-line .google-mark span{font-size:29px}
.reviews-summary-copy{display:flex;flex-direction:column;gap:3px}
.reviews-summary-copy strong{font-size:14px}
.reviews-all-link{margin-left:auto;font-size:13px;font-weight:800;color:#007da6;text-decoration:underline;text-underline-offset:4px}
.reviews-scroller{width:100%;overflow:hidden;position:relative;min-height:230px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.reviews-track{display:flex;align-items:stretch;gap:16px;width:max-content;padding:8px 0 17px;will-change:transform}
.reviews-track.is-running{animation:merhaba-reviews-scroll var(--reviews-duration,60s) linear infinite}
.reviews-scroller:hover .reviews-track,.reviews-scroller:focus-within .reviews-track{animation-play-state:paused}
@keyframes merhaba-reviews-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--reviews-distance,50%)))}}
.reviews-track .review-card{width:min(370px,calc(100vw - 54px));min-height:210px;flex:none;display:flex;flex-direction:column;padding:23px 25px;border-radius:17px;box-shadow:0 8px 22px #1c425208}
.review-card .review-stars{font-size:18px;margin-bottom:10px}
.review-card p{font-size:14px;color:#244659;line-height:1.6;margin:0 0 18px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}
.review-card a{margin-top:auto;font-size:13px}
.review-card time{font-size:11px;color:#7795a5;display:block;margin-top:9px}
.review-card .review-author{font-weight:800;color:#173c51;font-size:13px}
.reviews-unavailable{background:white;border:1px solid #dfeef3;border-radius:19px;max-width:600px;min-width:min(540px,calc(100vw - 45px));padding:28px;margin:0 auto;white-space:normal}
.reviews-unavailable h3{margin:8px 0 6px;font-size:22px}
.reviews-unavailable p{font-size:14px;line-height:1.7;color:#587785}
.reviews-unavailable a{color:#007da6;font-size:13px;font-weight:800;text-decoration:underline;display:inline-block;margin-top:12px}
.follow-actions .tiktok-follow{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#10141c;color:#fff;padding:16px 23px;border-radius:14px;font-size:15px;font-weight:800;box-shadow:0 8px 22px #13192520;transition:transform .2s ease,box-shadow .2s ease}
.follow-actions .tiktok-follow:hover{transform:translateY(-2px);box-shadow:0 12px 28px #13192530}
.follow-actions .tiktok-mark{width:25px;height:25px;fill:#fff;flex:none}
.footer-social a svg{fill:currentColor}
@media(max-width:760px){.reviews-summary-line{padding:0 20px;gap:10px}.reviews-all-link{margin-left:0;flex-basis:100%;padding:5px 0 0}.reviews-scroller{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.reviews-track .review-card{min-height:225px}}
@media(prefers-reduced-motion:reduce){.reviews-track.is-running{animation:none}.reviews-scroller{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.follow-actions .tiktok-follow:hover{transform:none}}

.tiktok-mark{filter:drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}

.header nav a[data-scroll-target]{cursor:pointer}
.footer-brand>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-brand .halal-footer-mark{width:72px;height:72px;object-fit:contain;margin-top:7px;opacity:.95}
.follow-actions .tiktok-mark{width:34px;height:34px;object-fit:contain;filter:none}
.footer-social a img{width:25px;height:25px;object-fit:contain}
.review-card-top{display:flex;align-items:center;gap:11px;min-height:44px;margin-bottom:15px}
.review-card-top>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.review-card-top strong{font-size:14px;line-height:1.15;color:#153a4c}
.review-origin{font-size:11px;color:#6b8796}
.review-avatar{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:50%;background:#dfecf1;color:#234859;font-weight:800}
.google-glyph{margin-left:auto;font-size:23px;font-weight:900;background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.review-source-link{color:#007da6 !important;font-weight:700}
.reviews-track .review-card{min-height:270px}
.reviews-track .review-card p{white-space:pre-line;-webkit-line-clamp:6;line-clamp:6}
@media(max-width:500px){.review-card-top strong{font-size:13px}.reviews-track .review-card{min-height:300px}}

.menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid #d8e6eb;background:#fff;border-radius:12px;color:var(--dark);width:46px;height:46px;cursor:pointer}
.menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.visit-hours{margin-top:24px;padding:20px 22px;max-width:410px;border-radius:16px;background:#fff;border:1px solid #d4e8ef;scroll-margin-top:96px}
.visit-hours-title{font-family:'Outfit',sans-serif;font-size:18px;font-weight:700;margin-bottom:12px}
.visit-hours-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px}
.visit-hours-row+.visit-hours-row{border-top:1px solid #e2eff3}
.visit .visit-hours-row span{letter-spacing:0;font-weight:500;font-size:13px;color:#506978}
.visit-hours-row strong{font-size:13px;white-space:nowrap}
.reviews-section,.visit,.benefits,.follow-section{scroll-margin-top:24px}
.footer-hours-group{display:grid;grid-template-columns:minmax(120px,1fr) 116px;align-items:start;gap:14px;min-width:0}
.halal-stamp-wrap{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:15px;padding:8px;box-shadow:0 6px 22px #00182422}
.halal-stamp-wrap img{display:block;width:100%;max-width:110px;height:auto;object-fit:contain}
@media(max-width:950px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .header{position:relative;z-index:20;background:#fff;min-height:76px}
 .menu-toggle{display:flex;margin-left:auto;flex:none}
 .header nav{display:none;position:absolute;top:calc(100% - 1px);right:14px;left:14px;flex-direction:column;align-items:stretch;gap:0;padding:10px 13px 14px;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 18px 30px #06293826;border:1px solid #e1eef1;z-index:30}
 .header nav.is-open{display:flex}
 .header nav>a:not(.contact-top){display:flex;align-items:center;min-height:49px;padding:12px 10px;font-size:15px;border-bottom:1px solid #f0f5f7}
 .header nav .contact-top{display:flex;justify-content:center;min-height:48px;margin-top:12px;padding:14px;font-size:14px}
 .header nav .contact-top svg{width:18px;height:18px}
 .footer-hours-group{max-width:330px}
}
@media(max-width:480px){
 .header{padding-inline:18px}
 .footer-hours-group{grid-template-columns:minmax(110px,1fr) 108px;gap:10px}
 .halal-stamp-wrap{padding:6px}
 .visit-hours{padding:17px}
 .visit-hours-row{font-size:12px}
 .visit .visit-hours-row span{font-size:12px}
 .visit-hours-row strong{font-size:12px}
}
@media(max-width:480px){.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-hours-group{width:100%;max-width:330px;grid-template-columns:minmax(0,1fr) 108px}}

@media(min-width:951px){.footer-inner{grid-template-columns:1.2fr .8fr .8fr 1.3fr}}

@media(min-width:761px) and (max-width:1000px){
 .header{position:relative;z-index:20;background:#fff}
 .menu-toggle{display:flex;margin-left:auto;flex:none}
 .header nav{display:none;position:absolute;top:calc(100% - 1px);right:20px;left:auto;width:min(390px,calc(100vw - 40px));flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 16px;border-radius:0 0 18px 18px;background:white;box-shadow:0 18px 30px #06293826;border:1px solid #e1eef1;z-index:30}
 .header nav.is-open{display:flex}
 .header nav>a:not(.contact-top){display:flex;align-items:center;min-height:49px;padding:12px 10px;font-size:15px;border-bottom:1px solid #f0f5f7}
 .header nav .contact-top{display:flex;justify-content:center;min-height:48px;margin-top:12px;padding:14px;font-size:14px}
}