@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700;800&display=swap');
:root{--navy:#061a39;--navy2:#092858;--amber:#ffb400;--coral:#ff604b;--teal:#11bec2;--cream:#fff8e8;--green:#10b94e;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(circle at 14% 26%,#124279 0,transparent 28%),linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%);background-size:auto,38px 38px}img{pointer-events:none;-webkit-user-drag:none;user-drag:none}a{text-decoration:none;color:inherit}button{font:inherit}
.topbar{height:92px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;gap:34px;background:#04152f;border-bottom:1px solid #163866;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:17px;white-space:nowrap}.brand strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:900;letter-spacing:.01em}.brand i{font-style:normal;color:var(--amber);font-size:37px}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{font-size:13px;color:#e8f1ff;font-weight:700;position:relative;padding:34px 0;display:flex;align-items:center;gap:8px}.topbar nav a i{font-style:normal;color:var(--amber);font-size:21px}.topbar nav a:hover{color:var(--amber)}.header-wa{border-radius:10px;background:var(--coral);padding:14px 18px;display:flex;align-items:center;gap:9px;font-size:13px;box-shadow:0 8px 24px #0004}.header-wa span{font-size:18px}.menu-toggle{display:none;color:white;border:0;background:none;font-size:25px}
.hero{min-height:515px;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,55,.34),transparent 57%);z-index:2;pointer-events:none}.hero-map{display:none}.hero-copy{padding:45px 25px 40px clamp(30px,5vw,78px);position:relative;z-index:4;align-self:center}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,6.4vw,100px);line-height:.78;max-width:690px;margin:0 0 18px;letter-spacing:-.035em;text-shadow:0 4px 0 #02112a;transform:rotate(-1deg)}.hero h1 span,.hero h1 em,.hero h1 mark{display:table}.hero h1 span{color:#fff}.hero h1 em{color:var(--amber);font-style:normal}.hero h1 mark{background:#f8f3e8;color:#0b2146;padding:2px 10px 8px;transform:rotate(-2deg);margin-top:8px}.hero-copy>p{font:700 18px 'Barlow Condensed',sans-serif;color:var(--teal);margin:-5px 0 18px 58%;transform:rotate(-7deg)}.hero-wa{display:inline-flex;align-items:center;gap:13px;background:linear-gradient(#22d765,#09a742);border:2px solid #52ed86;border-radius:14px;padding:16px 21px;font-size:18px;box-shadow:0 12px 25px #0008,0 0 22px #16d96433;transition:.2s}.hero-wa:hover{transform:translateY(-2px)}.hero-wa span{font-size:28px}.hero-wa i{font-style:normal;font-size:23px;margin-left:8px}.hero-notes{display:none}
.store-visual{position:absolute;inset:0;overflow:hidden;background:#081a36}.hero-image{position:absolute;inset:0;background:url('/yildirimshop-urban-hero-v2.png') center/cover no-repeat;filter:saturate(1.08) contrast(1.05)}.store-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,55,.2),transparent 45%),linear-gradient(0deg,rgba(3,15,34,.22),transparent 55%)}.store-sign{position:absolute;z-index:2;left:58%;top:8%;font:900 clamp(32px,4vw,67px) 'Barlow Condensed',sans-serif;color:#fff3d1;letter-spacing:.05em;text-shadow:0 0 8px #ffaf19,0 0 22px #ff8f00,3px 4px #241608;transform:rotate(-1deg)}.delivery-badge{position:absolute;z-index:4;right:7%;top:20%;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#072757;border:4px solid var(--teal);color:var(--amber);font-size:28px;text-align:center;box-shadow:0 4px 18px #0008}.delivery-badge small{font:800 10px/1.1 Inter,sans-serif;color:#61f1ef;position:absolute;bottom:12px}
.categories{padding:0 clamp(18px,2.2vw,35px);transform:translateY(-7px);position:relative;z-index:5}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1540px;margin:auto}.category{height:165px;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 9px 20px #0007;border:1px solid rgba(255,255,255,.25);isolation:isolate}.category>img,.category-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category>img{opacity:.88}.category-art{background-image:url('/category-strip-urban-v1.png');background-size:400% 100%;background-repeat:no-repeat}.category-1 .category-art{background-position:0 0}.category-2 .category-art{background-position:33.333% 0}.category-3 .category-art{background-position:66.667% 0}.category-4 .category-art{background-position:100% 0}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,45,.74),rgba(3,18,45,.08) 72%);z-index:-1}.category-copy{height:100%;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.category-copy>span{display:none}.category-copy>div{margin-top:0}.category-copy strong{font:800 clamp(26px,2.2vw,36px) 'Barlow Condensed',sans-serif;display:block;text-shadow:0 2px 6px #0009}.category-copy small{display:none}.category-copy>b{position:absolute;left:24px;bottom:20px;width:35px;height:35px;border:1px solid white;border-radius:50%;display:grid;place-items:center}.category>a{position:absolute;inset:0;z-index:5}
.info-grid{padding:2px clamp(18px,2.2vw,35px) 12px;display:grid;grid-template-columns:1fr 1.05fr 1.35fr;gap:10px;max-width:1605px;margin:auto}.info-grid>article{min-height:192px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#08214a;box-shadow:0 10px 24px #0004}.hours-card{display:flex;align-items:center;padding:24px;gap:22px;position:relative;background:linear-gradient(130deg,#08204a,#071a38)!important}.hours-card:after{content:"";position:absolute;right:-35px;width:180px;height:180px;border:1px solid #4472a555;border-radius:50%}.clock{width:79px;height:79px;border:6px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:47px;flex:none}.hours-card span{font:800 26px 'Barlow Condensed',sans-serif;display:block}.hours-card strong{font:900 29px 'Barlow Condensed',sans-serif;color:var(--amber);display:block}.hours-card p{color:#61dfe3;font:600 14px/1.35 'Barlow Condensed',sans-serif;max-width:190px;margin:8px 0 0}.services-card{padding:20px 24px}.services-card h2{font:800 24px 'Barlow Condensed',sans-serif;margin:0 0 18px}.service-list{display:grid;grid-template-columns:repeat(3,1fr)}.service-list>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 10px}.service-list>div:not(:last-child){border-right:1px solid var(--line)}.service-list i{font-style:normal;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#06204b;font-size:26px}.service-list>div:nth-child(2) i{background:var(--teal)}.service-list>div:nth-child(3) i{background:var(--coral)}.service-list strong{font-size:12px}.service-list small{display:none}.map-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff8e8!important;color:#092047;position:relative}.map-copy{padding:21px;z-index:2}.map-copy>span{font:900 29px 'Barlow Condensed',sans-serif;color:#0a2b58}.map-copy>span:before{content:"●";color:var(--teal);margin-right:8px}.map-copy h2{font:800 22px/1.05 'Barlow Condensed',sans-serif;margin:10px 0 6px}.map-copy p{font-size:10px;margin:0 0 12px}.map-copy a{display:inline-flex;background:#092858;color:white;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:800}.map-frame{min-height:192px}.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.55) contrast(1.05)}
.responsibility{min-height:51px;padding:8px clamp(20px,3vw,50px) 75px;display:flex;align-items:center;gap:12px;color:#d4e3f4;font-size:11px;max-width:1636px;margin:auto}.responsibility strong{width:32px;height:32px;border:1px solid white;border-radius:50%;display:grid;place-items:center}.responsibility span{margin-left:auto;color:#78e9e8}.visitor-counter{position:fixed;left:16px;bottom:14px;z-index:25;background:#04152fe8;border:1px solid #1f4775;border-radius:11px;padding:8px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 7px 20px #0007}.visitor-counter>span{color:var(--teal)}.visitor-counter small{font-size:8px;color:#87a5c6;display:block}.visitor-counter strong{font-size:16px}.floating-wa{display:none;position:fixed;right:18px;bottom:18px;z-index:25;background:#13bd51;border-radius:99px;padding:14px 18px;font-weight:800;box-shadow:0 8px 24px #0008}
@media(max-width:1100px){.topbar{height:75px;padding:0 22px}.topbar nav{display:none;position:absolute;top:75px;left:0;right:0;background:#04152f;flex-direction:column;padding:16px 24px;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:12px}.menu-toggle{display:block;margin-left:auto}.header-wa{font-size:0;padding:10px 13px}.header-wa span{font-size:21px}.info-grid{grid-template-columns:1fr 1fr}.map-card{grid-column:1/-1}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{gap:12px}.brand strong{font-size:27px}.brand i{font-size:25px}.hero{display:block;min-height:700px}.hero-copy{padding:330px 22px 36px}.hero h1{font-size:55px}.hero-copy>p{font-size:16px;margin:5px 0 18px 48%}.hero-wa{font-size:14px;padding:13px 15px}.hero-image{background-position:64% center}.store-visual:after{background:linear-gradient(0deg,var(--navy) 0,rgba(5,24,55,.92) 35%,transparent 70%)}.store-sign{font-size:35px;left:26%;top:8%}.delivery-badge{width:65px;height:65px;right:5%;top:16%}.categories{padding:0 12px}.category-grid{grid-template-columns:1fr}.category{height:135px}.category-copy strong{font-size:31px}.info-grid{grid-template-columns:1fr;padding:5px 12px}.map-card{grid-template-columns:1fr}.map-frame{height:220px}.responsibility{padding:10px 16px 85px;align-items:flex-start;flex-wrap:wrap}.responsibility span{width:100%;margin-left:44px}.visitor-counter{left:12px;bottom:12px}.floating-wa{display:block}.floating-wa span{display:none}}
.hero-image{background-position:center top}.store-sign{left:49.1%;top:11%;width:35.6%;padding:11px 8px 14px;text-align:center;background:linear-gradient(180deg,rgba(11,27,57,.94),rgba(4,13,31,.97));border:2px solid #815725;box-shadow:inset 0 0 0 2px #152c52,0 0 12px #000b;font-size:clamp(25px,3vw,51px);font-weight:900;letter-spacing:.045em;line-height:1;color:#fff1c8;white-space:nowrap;text-shadow:0 2px 0 #9a5310,0 0 5px #fff0b6,0 0 12px #ffae2b,0 0 22px #ff8b00,3px 5px 3px #000c;transform:perspective(700px) rotateX(-2deg) rotateZ(-.8deg);clip-path:polygon(1.5% 2%,100% 0,98.5% 100%,0 98%)}.category-1 .category-art{background-image:url('/category-alcohol-urban-v1.png');background-size:cover;background-position:center}
@media(max-width:680px){.hero-image{background-position:64% top}.store-sign{left:9%;right:9%;top:7.5%;width:auto;padding:9px 5px 12px;font-size:29px;letter-spacing:.02em}}
.hero.hero-poster{display:block;min-height:0;width:100%;aspect-ratio:1783/882;position:relative;overflow:hidden;background:#061a39}.hero-poster-image{display:block;width:100%;height:100%;object-fit:cover}.hero-poster-wa{position:absolute;left:6.8%;top:60.2%;width:32.5%;height:12.5%;z-index:8;border-radius:16px;cursor:pointer}.hero-poster-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-poster-wa:focus-visible{outline:4px solid #fff;outline-offset:4px;box-shadow:0 0 0 8px #10b94e}.hero-poster+.categories{transform:none;padding-top:10px}
@media(max-width:680px){.hero.hero-poster{aspect-ratio:1783/882}.hero-poster-image{object-fit:cover}.hero-poster-wa{left:6.5%;top:59.5%;width:33%;height:14%;border-radius:7px}}
.hero-phone{position:absolute;left:9.2%;top:75.2%;z-index:9;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border:1px solid #16d563;border-radius:999px;background:rgba(3,21,48,.86);color:#fff;font-weight:800;font-size:clamp(12px,1.2vw,19px);letter-spacing:.04em;box-shadow:0 7px 18px #0007}.hero-phone:hover{background:#0aa746}
@media(max-width:680px){.hero-phone{left:6.5%;top:76%;padding:4px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-wa{transition:none}}