@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
.mobile-menu[hidden]{display:none}
.brand-logo{display:block;width:150px;height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}
.app-section{position:relative;background:linear-gradient(135deg,#f8fbff 0%,#eaf4ff 48%,#dcecff 100%);color:#15152b}
.app-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:linear-gradient(140deg,#402ddd,#1672e8);right:-180px;top:-210px;opacity:.12}
.app-section:after{content:"PLAY";position:absolute;right:-20px;bottom:-65px;font:800 12rem/1 Manrope,sans-serif;color:#1966d8;opacity:.055;letter-spacing:-.09em}
.app-section .kicker{color:#1764d3}.app-copy{position:relative;z-index:2}.app-copy h2{color:#15152b}.app-copy>p:not(.kicker){color:#555b70;font-size:1.05rem}
.store-buttons{gap:14px}.store-buttons a{min-width:205px;padding:13px 15px;border:1px solid rgba(35,91,190,.18);border-radius:16px;background:#fff;color:#10295f;box-shadow:0 12px 30px rgba(28,86,177,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.store-buttons a:hover{transform:translateY(-3px);border-color:#3078df;box-shadow:0 18px 38px rgba(28,86,177,.17)}.store-buttons svg{width:30px;height:30px;fill:#1764d3;flex:0 0 auto}.store-buttons small{font-size:.67rem;color:#65718c}.store-buttons strong{font-size:1rem;color:#112d63}.store-arrow{margin-left:auto;color:#1764d3;font-size:1rem}.phone-stage{z-index:1}.app-section .phone{box-shadow:0 35px 70px rgba(35,79,160,.25)}.app-section .spark{color:#1764d3}
footer{background:#fff;color:#17142a;padding-top:88px}.footer-logo{display:block;width:215px;height:auto}.footer-grid{grid-template-columns:2.2fr 1fr 1fr 1.25fr}.footer-intro>p{max-width:360px;margin:22px 0 26px;color:#68677a;font-size:.98rem}.footer-grid h3{color:#737185}.footer-grid>div>a:not(.brand){color:#353246}.footer-socials{display:flex;flex-wrap:wrap;gap:9px}.footer-socials a{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e5e8f0;border-radius:99px;color:#343148;font-size:.78rem;font-weight:700;transition:.2s}.footer-socials a:hover{color:#fff;background:#2b40c9;border-color:#2b40c9}.footer-socials span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf2ff;color:#244ac7;font-size:.68rem;font-weight:800}.footer-socials a:hover span{background:rgba(255,255,255,.18);color:#fff}.footer-contact>p{color:#777486;line-height:1.6}.footer-mail{margin-top:20px!important;padding:14px 0;border-top:1px solid #e5e5ec;border-bottom:1px solid #e5e5ec;display:flex!important;justify-content:space-between;font-weight:800!important;color:#273fc4!important}.footer-bottom{color:#898696;border-top-color:#e6e5eb}.footer-bottom a{color:#313044;font-weight:700}
@media(max-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-contact{grid-column:2/-1}}
@media(max-width:640px){.brand-logo{width:125px;height:48px}.store-buttons{display:grid;grid-template-columns:1fr}.store-buttons a{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro,.footer-contact{grid-column:1/-1}.footer-logo{width:185px}.footer-contact{margin-top:10px}}
.phone-stage{height:660px}.phone-stage .phone{width:288px;height:620px;padding:8px;border-radius:48px;background:linear-gradient(145deg,#11131a,#363a46 46%,#0c0d12);border:2px solid #535866;box-shadow:0 38px 75px rgba(22,65,141,.27);overflow:hidden}.phone-stage .phone:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.18);border-radius:43px;z-index:3;pointer-events:none}.phone-stage .phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:38px}.phone-stage .phone-back{left:7%;top:48px;transform:rotate(-8deg)}.phone-stage .phone-front{left:47%;top:0;transform:rotate(6deg)}.dynamic-island{position:absolute;z-index:4;top:18px;left:50%;transform:translateX(-50%);width:86px;height:24px;border-radius:20px;background:#08090d;box-shadow:inset 0 -1px 1px rgba(255,255,255,.12)}.dynamic-island:after{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#111b2d;box-shadow:0 0 0 2px #050609}.footer-phone,.footer-mail{margin-top:12px!important;padding:13px 0;border-top:1px solid #e5e5ec;display:flex!important;justify-content:space-between;font-weight:800!important;color:#273fc4!important}.footer-phone{font:800 1.35rem Manrope,sans-serif!important}.footer-phone+.footer-mail{border-bottom:1px solid #e5e5ec}
@media(max-width:900px){.phone-stage .phone-front{left:43%}}
@media(max-width:640px){.phone-stage{height:600px;width:122%;transform:scale(.78);transform-origin:left top}.phone-stage .phone{width:292px;height:625px}.phone-stage .phone-back{left:0}.phone-stage .phone-front{left:42%}}
.phone-stage{height:690px;display:grid;place-items:center}.phone-stage .phone-single{position:relative;left:auto;top:auto;width:320px;height:auto;aspect-ratio:874/1800;transform:none;padding:8px}.phone-stage .phone-single img{object-fit:cover;object-position:center top;image-rendering:auto;transform:none;backface-visibility:hidden}.phone-stage .phone-single:hover{transform:translateY(-5px);transition:transform .25s ease}.phone-stage .s1{right:16%;top:12%}.phone-stage .s2{left:20%;bottom:10%}
@media(max-width:640px){.phone-stage{height:620px;width:100%;transform:none;margin-top:42px}.phone-stage .phone-single{width:min(292px,86vw);height:auto;left:auto;top:auto;transform:none}.phone-stage .phone-single:hover{transform:none}}
.experience-card{padding:0;min-height:520px;background:#fff;color:#17142a;border:1px solid #e9e7ef;box-shadow:0 16px 42px rgba(35,25,85,.08)}.experience-card:before{display:none}.experience-image{width:100%;height:245px;object-fit:cover;border-radius:27px 27px 0 0}.experience-card>.card-number{position:absolute;top:215px;left:26px;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#3d28dc;box-shadow:0 8px 22px rgba(23,20,42,.16);opacity:1;font-weight:800}.experience-card>div:last-child{padding:34px 28px 26px}.experience-card h3{color:#17142a}.experience-card p{color:#686477;min-height:72px}.detail-button,.brand-concept-grid button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;border:0;border-top:1px solid #e5e3eb;background:transparent;color:#3926d9;font:800 .92rem "DM Sans",sans-serif;cursor:pointer;text-align:left}.detail-button span{font-size:1.1rem}.detail-button:hover,.brand-concept-grid button:hover{color:#ff574d}
.brands-section{padding:120px 0;background:#eff5ff}.brands-heading{margin-bottom:48px}.brand-concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-concept-grid article{min-width:0;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(30,62,123,.09)}.brand-concept-grid img{display:block;width:100%;height:220px;object-fit:cover}.brand-concept-grid article>div{padding:25px}.brand-concept-grid span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#1764d3;font-weight:800}.brand-concept-grid h3{margin:8px 0;font:800 1.65rem Manrope,sans-serif;letter-spacing:-.04em}.brand-concept-grid p{min-height:72px;color:#6d697a;font-size:.9rem}.brand-concept-grid button{margin-top:18px}
.detail-dialog{width:min(1040px,calc(100% - 32px));max-height:min(88vh,820px);padding:0;border:0;border-radius:32px;background:#fff;color:#17142a;box-shadow:0 40px 100px rgba(12,10,40,.4);overflow:auto}.detail-dialog::backdrop{background:rgba(13,10,46,.72);backdrop-filter:blur(8px)}.detail-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.dialog-image-wrap{min-height:650px}.dialog-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.dialog-content{padding:54px 48px;position:relative}.dialog-close{position:fixed;z-index:5;margin:18px 0 0 -74px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#17142a;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.breadcrumb{display:flex;align-items:center;gap:9px;color:#898598;font-size:.75rem;font-weight:700}.breadcrumb b{color:#c2bfca}.breadcrumb strong{color:#3926d9}.dialog-kicker{margin:42px 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#1764d3;font-weight:800}.detail-dialog h2{margin:0 0 20px;font:800 clamp(2.7rem,5vw,4.7rem)/.95 Manrope,sans-serif;letter-spacing:-.06em}.dialog-content>p:not(.dialog-kicker){color:#625e70;font-size:1rem}.dialog-facts{margin:28px 0}.dialog-facts div{padding:13px 0;border-top:1px solid #e6e4eb;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.dialog-facts span{color:#8a8695;font-size:.78rem}.dialog-facts strong{font-size:.84rem}.detail-dialog .button{margin-top:8px}
@media(max-width:900px){.brand-concept-grid{grid-template-columns:1fr 1fr}.brand-concept-grid article:last-child{grid-column:1/-1}.detail-dialog[open]{grid-template-columns:.9fr 1.1fr}.dialog-content{padding:44px 34px}.dialog-close{margin-left:-60px}}
@media(max-width:640px){.experience-card{min-height:500px}.experience-image{height:225px}.experience-card>.card-number{top:198px}.brand-concept-grid{grid-template-columns:1fr}.brand-concept-grid article:last-child{grid-column:auto}.brands-section{padding:78px 0}.detail-dialog{width:calc(100% - 20px);max-height:92vh;border-radius:24px}.detail-dialog[open]{display:block}.dialog-image-wrap{min-height:0;height:250px}.dialog-content{padding:28px 22px 32px}.dialog-close{position:absolute;right:14px;top:14px;margin:0}.dialog-kicker{margin-top:30px}.dialog-facts div{grid-template-columns:1fr;gap:4px}}
.brand-concept-grid .brand-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;margin-top:18px;border-top:1px solid #e5e3eb;color:#3926d9;font-weight:800;font-size:.92rem}.brand-concept-grid .brand-link:hover{color:#ff574d}

/* Tüm sayfalarda ortak Playland menüsü */
.site-header{position:fixed;inset:0 0 auto;z-index:60;width:100%;color:#fff;background:transparent;transition:background .25s ease,color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.site-header .header-inner{width:100%;padding-inline:clamp(20px,4vw,64px)}
.site-header.is-scrolled{background:rgba(255,255,255,.94);color:#17142a;box-shadow:0 8px 30px rgba(25,22,53,.09);backdrop-filter:blur(14px)}
.site-header.is-scrolled .header-inner{border-bottom-color:transparent}
.site-header.is-scrolled .brand-logo{filter:none}
.site-header.is-scrolled .pill-link{border-color:#dcdce6;color:#2d31bd}
.site-header.is-scrolled .desktop-nav a{opacity:.88}
.header-back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(255,255,255,.55);border-radius:100px;font-size:.88rem;font-weight:700}
.header-back:before{content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900}
.site-header.is-scrolled .header-back{border-color:#dcdce6;color:#2d31bd}
.mobile-menu .mobile-back{color:#3926d9}
@media(max-width:980px){.site-header .desktop-nav{display:none}.site-header .menu-button{display:block}.header-back{display:none}}
@media(max-width:640px){.site-header .header-inner{padding-inline:18px}.site-header .pill-link{display:none}}
@media(max-width:900px) and (min-width:641px){.experience-grid .experience-card:last-child{grid-column:auto;min-height:520px}}
.story-visual{display:block;border-radius:32px;background:#251b73}.story-image,.story-image-shade{position:absolute;inset:0;width:100%;height:100%}.story-image{object-fit:cover}.story-image-shade{background:linear-gradient(180deg,rgba(25,17,86,.06),rgba(25,17,86,.46))}.story-visual .story-badge{top:auto;right:24px;bottom:24px;width:155px;height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;background:#fff;color:#3022bd;box-shadow:0 18px 45px rgba(16,11,64,.25);transform:rotate(3deg)}.story-visual .story-badge strong{display:block;font:800 1.55rem/1 Manrope,sans-serif;letter-spacing:-.04em;white-space:nowrap}.story-visual .story-badge small{display:block;font-size:.74rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:640px){.story-visual .story-badge{right:16px;bottom:16px;width:132px;height:132px}.story-visual .story-badge strong{font-size:1.3rem}}
.footer-phone,.footer-mail{justify-content:flex-start!important;gap:10px}.footer-phone .footer-action-icon,.footer-mail .footer-action-icon{margin-left:auto}.contact-item a[href^="tel:"]:before,.contact-item a[href^="mailto:"]:before{display:inline-block;width:1.1em;margin-right:9px;font-family:"Font Awesome 5 Free";font-weight:900;text-align:center}.contact-item a[href^="tel:"]:before{content:"\f095"}.contact-item a[href^="mailto:"]:before{content:"\f0e0"}.footer-socials i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf2ff;color:#244ac7;font-size:.72rem}.footer-socials a:hover i{background:rgba(255,255,255,.18);color:#fff}.footer-phone>i:first-child,.footer-mail>i:first-child{width:18px;color:#273fc4}.footer-bottom a i{margin-left:6px}
.site-footer{background:#fff;color:#17142a;padding:88px 0 24px;border-top:1px solid #ecebf1}.site-footer .shell{width:min(1180px,calc(100% - 40px));padding-inline:0;margin-inline:auto}.site-footer .footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.25fr;gap:50px}.site-footer .footer-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-top:22px;border-top:1px solid #e6e5eb;color:#898696;font-size:.76rem}.site-footer .footer-grid>div>a:not(.brand):not(.footer-brand):not(.footer-phone):not(.footer-mail){display:block;margin:11px 0;color:#353246;font-size:.9rem}.site-footer .footer-socials a{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 11px;border:1px solid #e5e8f0;border-radius:99px;color:#343148!important;font-size:.78rem!important;font-weight:700}.site-footer .footer-socials a:hover{color:#fff!important;background:#2b40c9;border-color:#2b40c9}.site-footer .footer-contact{min-width:0}.site-footer .footer-phone,.site-footer .footer-mail{display:flex!important;align-items:center;min-width:0;color:#273fc4!important}.site-footer .footer-mail{overflow-wrap:anywhere}.site-footer .footer-logo{display:block;width:215px;height:auto}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.site-footer .footer-contact{grid-column:2/-1}}
@media(max-width:640px){.site-footer{padding-top:68px}.site-footer .shell{width:calc(100% - 28px)}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}.site-footer .footer-intro,.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-bottom{gap:20px;flex-direction:column}.site-footer .footer-logo{width:185px}}
.fa-icon{display:inline-block;font-size:.9em;line-height:1;vertical-align:baseline}.icon-diagonal{transform:rotate(45deg)}.spark .fa-icon{font-size:inherit}.play-icon .fa-icon{font-size:.7rem}.search-box .fa-icon{font-size:1rem}.scroll-cue .fa-icon{font-size:1.2rem}
.brand-concept-grid .concept-logo-wrap{height:130px;display:flex;align-items:center;justify-content:center}.brand-concept-grid .concept-logo{display:block;width:auto;max-width:100%;height:86px;max-height:none;object-fit:contain;object-position:center}.brand-concept-grid .concept-logo[src$="playtown_logo.png"]{height:118px}.brand-concept-grid .concept-logo[src$="playbowling_logo.png"]{height:128px}
@media(max-width:640px){.brand-concept-grid .concept-logo-wrap{height:120px}.brand-concept-grid .concept-logo[src$="playtown_logo.png"]{height:108px}.brand-concept-grid .concept-logo[src$="playbowling_logo.png"]{height:118px}}
.app-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:36px}.phone-stage.app-demo{width:100%;height:auto;min-height:690px;margin:0;display:grid;grid-template-columns:minmax(170px,1fr) 320px;gap:24px;align-items:center;justify-content:end;transform:none}.app-demo .phone-single{grid-column:2;grid-row:1;justify-self:end}.app-steps{grid-column:1;grid-row:1;display:grid;gap:24px;margin:0;padding:0;list-style:none}.app-steps li{padding:0 0 20px;border-bottom:1px solid rgba(40,73,154,.16)}.app-steps li:last-child{border-bottom:0}.app-steps li>span{display:block;color:#225ed0;font:800 2rem/1 Manrope,sans-serif;letter-spacing:-.05em}.app-steps strong{display:block;margin:9px 0 5px;color:#17142a;font:800 1rem/1.25 Manrope,sans-serif}.app-steps p{margin:0;color:#5b6378;font-size:.9rem;line-height:1.5}
@media(max-width:1050px){.app-grid{grid-template-columns:1fr;gap:40px}.phone-stage.app-demo{grid-template-columns:minmax(180px,260px) 320px;justify-content:center;min-height:660px}.app-copy>p:not(.kicker){max-width:620px}}
@media(max-width:640px){.phone-stage.app-demo{display:flex;flex-direction:column;align-items:center;gap:36px;min-height:0;margin-top:0}.app-demo .phone-single{order:1;justify-self:auto}.app-steps{order:2;width:100%;grid-template-columns:1fr;gap:16px}.app-steps li{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:0 0 16px}.app-steps li>span{font-size:1.65rem}.app-steps strong{margin:0 0 4px}.app-steps p{font-size:.9rem}}

/* Homepage palette: Playland logo green, with a clean white branch section. */
.hero .eyebrow span{background:#adc90e}
.hero h1 em{color:#adc90e}
.hero .button-primary{background:#adc90e;color:#172013;box-shadow:0 12px 30px rgba(14,31,12,.22);transition:background .2s ease,transform .2s ease}
.hero .button-primary:hover{background:#c3dd34;transform:translateY(-2px)}
.locations-section{background:#fff;color:#17142a}
.locations-section .kicker.light,.locations-section .location-city{color:#1764d3}
.locations-section .city-search label{color:#626a66}
.locations-section .search-box{border:1px solid #dce5f2;box-shadow:0 10px 30px rgba(28,86,177,.06)}
.locations-section .search-box button{background:#1764d3;color:#fff;cursor:pointer}
.locations-section .search-box button:hover{background:#1255b8}
.locations-section .city-pills button{border-color:#d9e2ee;color:#25342b}
.locations-section .city-pills button:hover{border-color:#1764d3}
.locations-section .city-pills button.active{background:#1764d3;border-color:#1764d3;color:#fff}
.locations-section .location-list,.locations-section .location-list article{border-color:#e3e9f2}
.locations-section .location-list a{border-color:#d4dfed;color:#1764d3}
.locations-section .location-list a:hover{background:#edf4ff;border-color:#1764d3}
.locations-section .location-disclaimer{color:#69746d;opacity:1}

/* Alternate the homepage content sections: pale blue-white, then white. */
.experience-section{background:#f4f8ff}
.brands-section{background:#fff}
.story-section{background:#f4f8ff}

/* A denser, quiet Playland texture across every light page background. */
body .brands-section,
body .locations-section,
body .site-footer,
body .page-footer,
body .intro-section,
body .safety,
body > footer{
  background-color:#fff;
  background-image:linear-gradient(rgba(255,255,255,.60),rgba(255,255,255,.60)),url('../images/doku.svg');
  background-repeat:repeat,repeat;
  background-size:auto,340px auto;
}

body .experience-section,
body .story-section,
body .app-section,
body .packages,
body .birthday-contact,
body .activities,
body .detail-cta,
body .legal-content,
body .contact-page,
body .map-section{
  background-color:#f4f8ff;
  background-image:linear-gradient(rgba(244,248,255,.64),rgba(244,248,255,.64)),url('../images/doku.svg');
  background-repeat:repeat,repeat;
  background-size:auto,340px auto;
}

.hero h1{font-family:"Google Sans",sans-serif;font-weight:900;line-height:.94;letter-spacing:-.055em}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:900}