@keyframes cloudFloat{0%{transform:translateX(-100px)}to{transform:translateX(100px)}}@keyframes airplaneFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes contrailFlow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mascotBounce{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(3deg)}75%{transform:scale(.95) rotate(-2deg)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCloud{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}@keyframes loadingBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes loadingProgress{to{width:100%}}@keyframes partnerMarquee{0%{transform:translateX(0)}to{transform:translateX(var(--marquee-translate, -20%))}}@keyframes downloadProgress{0%{left:-100%}to{left:100%}}@keyframes downloadDots{0%,20%,60%,to{opacity:0}40%{opacity:1}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#31AFD9;--secondary-blue:#4BC5E8;--accent-yellow:#FFC118;--dark-brown:#3F3232;--light-gray:#F0EBEB;--white:#FFFFFF;--mascot-mobile-offset:0px;--glass-bg:rgba(255, 255, 255, 0.25);--glass-border:rgba(255, 255, 255, 0.18);--glass-shadow:rgba(31, 38, 135, 0.37);--font-family:'Fira Sans Condensed', sans-serif;--duration-fast:0.3s;--duration-medium:0.5s;--duration-slow:1s;--ease-out:cubic-bezier(0.23, 1, 0.32, 1);--ease-back:cubic-bezier(0.68, -0.55, 0.265, 1.55);--nav-bubble-offset-x:20px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--dark-brown);background-color:#f0ebeb;background-image:url(Kaynak/bulut.png);background-size:1957px;background-blend-mode:luminosity;overflow-x:hidden}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.cloud-layer,body{background-repeat:repeat}.cloud-layer{position:absolute;width:100%;height:100%;background-size:400px 200px;opacity:.1;animation:cloudFloat linear infinite}.cloud-layer-1{background-image:url(Kaynak/bulut1.png);animation-duration:60s;animation-direction:normal}.cloud-layer-2{background-image:url(Kaynak/bulut2.png);animation-duration:80s;animation-direction:reverse;opacity:.08}.cloud-layer-3{background-image:url(Kaynak/bulut.png);animation-duration:120s;animation-direction:normal;opacity:.05}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.nav-container{max-width:1400px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between}.logo-container{flex-shrink:0}.logo{height:60px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform var(--duration-fast) var(--ease-out)}.logo:hover{transform:scale(1.05) rotate(2deg)}.nav-menu-container{flex:1;display:flex;justify-content:center;margin:0 40px}.liquid-glass-nav{position:relative;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:12px 16px;box-shadow:0 8px 32px var(--glass-shadow);overflow:hidden}.nav-bubble{position:absolute;top:50%;transform:translateY(-50%);height:40px;background:linear-gradient(135deg,var(--white) 0%,rgba(255,255,255,.8) 100%);border-radius:40px;transition:all var(--duration-medium) var(--ease-back);box-shadow:0 4px 12px rgba(49,175,217,.3),inset 0 1px 0 rgba(255,255,255,.8),inset 0-1px 0 rgba(0,0,0,.1);opacity:1;width:120px;left:16px;z-index:1;will-change:transform,left,width}.nav-menu{display:flex;list-style:none;z-index:2}.nav-item,.nav-menu{position:relative}.action-buttons,.nav-link{display:flex;align-items:center}.nav-link{justify-content:center;padding:10px 24px;text-decoration:none;color:var(--dark-brown);font-weight:500;font-size:15px;border-radius:40px;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;position:relative;z-index:3;text-align:center;min-height:40px}.nav-item.active .nav-link{color:var(--primary-blue);font-weight:600}.nav-item.active~.nav-bubble,.nav-item:hover .nav-bubble{opacity:1}.nav-link:hover{color:var(--primary-blue);transform:translateY(-1px)}.action-buttons{gap:12px;flex-shrink:0}.btn-destek,.btn-iletisim{padding:12px 24px;text-decoration:none;color:var(--dark-brown);font-weight:600;font-size:15px;border-radius:30px;transition:all var(--duration-fast) var(--ease-out)}.btn-iletisim{border:2px solid transparent;background:0 0}.btn-iletisim:hover{border-color:var(--dark-brown);background:var(--dark-brown);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(63,50,50,.3)}.btn-destek{display:flex;align-items:center;gap:8px;background:var(--accent-yellow);border:2px solid var(--accent-yellow);box-shadow:0 4px 12px rgba(255,193,24,.3)}.btn-destek:hover{background:#ffb000;border-color:#ffb000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,24,.4)}.btn-arrow{transition:transform var(--duration-fast) var(--ease-out)}.btn-destek:hover .btn-arrow{transform:translateX(4px)}.language-fab{position:fixed;right:24px;bottom:32px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;z-index:1100}.language-fab-toggle{width:56px;height:56px;border-radius:50%;border:2px solid rgba(63,50,50,.1);background:var(--white);color:var(--dark-brown);font-weight:700;font-size:14px;letter-spacing:.08em;cursor:pointer;box-shadow:0 12px 28px rgba(63,50,50,.18);position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.language-fab-toggle::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(63,50,50,.08);opacity:.5}.language-fab-toggle:hover,.language-fab.open .language-fab-toggle{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 32px rgba(49,175,217,.5)}.language-fab-short{display:block}.language-fab-menu{background:rgba(255,255,255,.95);border-radius:20px;border:1px solid rgba(63,50,50,.08);padding:10px;box-shadow:0 12px 40px rgba(31,38,135,.25);display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transform:translateY(10px) scale(.95);transform-origin:top right;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.language-fab.open .language-fab-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.language-fab-option{border:0;border-radius:14px;padding:10px 16px;background:0 0;font-size:14px;font-weight:600;color:var(--dark-brown);text-align:right;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.language-fab-option.active{background:rgba(49,175,217,.18);color:var(--primary-blue)}.language-fab-option:focus-visible{outline:2px solid rgba(49,175,217,.3)}.mobile-language-section{margin-top:24px;padding:20px 24px 40px;border-top:1px solid rgba(255,255,255,.2)}.mobile-language-heading{font-size:.9rem;font-weight:600;color:rgba(63,50,50,.8);margin-bottom:12px;letter-spacing:.02em}.mobile-language-switch{position:relative}.mobile-language-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:14px;border:1px solid rgba(63,50,50,.15);background:rgba(255,255,255,.92);color:var(--dark-brown);font-weight:600;padding:12px 16px;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out)}.mobile-language-switch.open .mobile-language-toggle,.mobile-language-toggle:hover{box-shadow:0 8px 20px rgba(63,50,50,.15)}.mobile-language-current{font-size:.95rem}.mobile-language-switch .language-arrow{transition:transform var(--duration-fast) var(--ease-out)}.mobile-language-switch.open .language-arrow{transform:rotate(180deg)}.mobile-language-list{position:absolute;top:calc(100% + 10px);left:0;right:0;border-radius:16px;border:1px solid rgba(63,50,50,.12);background:rgba(255,255,255,.98);list-style:none;margin:0;padding:8px;box-shadow:0 12px 32px rgba(31,38,135,.25);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:50}.mobile-language-switch.open .mobile-language-list{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-language-option{width:100%;border:0;background:0 0;border-radius:12px;padding:10px 12px;text-align:left;font-weight:600;font-size:.95rem;color:var(--dark-brown);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-language-option[aria-checked=true]{background:rgba(49,175,217,.16);color:var(--primary-blue)}.mobile-language-option:focus-visible{outline:2px solid rgba(49,175,217,.3)}.hero-section{min-height:100vh;padding:120px 0 60px;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 180px)}.airplane-container{position:relative;display:flex;justify-content:center;align-items:center}.airplane-wrapper{position:relative;animation:airplaneFloat 7s ease-in-out infinite;z-index:2}.airplane-image{width:800px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));transition:transform var(--duration-medium) var(--ease-out)}.contrail-container{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:360px;height:40px;z-index:1}.contrail{position:absolute;height:3px;rotate:90deg;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.8) 20%,#fff 50%,rgba(255,255,255,.8) 80%,transparent 100%);border-radius:2px;animation:contrailFlow 3s ease-in-out infinite}.contrail-1{top:-70px;width:260px;left:-110px;animation-delay:0s}.contrail-2,.contrail-3{top:-110px;width:220px;left:-30px;animation-delay:.3s}.contrail-3{left:165px;animation-delay:.6s}.contrail-4{top:-90px;width:260px;left:200px;animation-delay:.9s}.hero-content{display:flex;flex-direction:column;gap:30px}.hero-title-section{position:relative}.hero-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--dark-brown);line-height:1.1;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.1);animation:titleSlideIn 1s var(--ease-out) .5s both}.hero-title,.hero-title-bold{font-weight:700}.hero-title-regular{font-weight:300}.mascot-container{position:absolute;top:-20px;right:-40px}.mascot-image{width:220px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.next-event-card{background:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:30px;border-radius:20px;box-shadow:0 20px 40px rgba(49,175,217,.3),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;animation:cardSlideIn 1s var(--ease-out) .7s both}.next-event-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.event-header h3{font-size:1.1rem;font-weight:600;opacity:.9}.airport-code{background:rgba(255,255,255,.2);padding:8px 12px;border-radius:8px;font-weight:700;font-size:1rem;border:1px solid rgba(255,255,255,.3)}.event-date{font-size:1.3rem;font-weight:600;margin-bottom:5px}.event-location{font-size:1.1rem;opacity:.9;margin-bottom:20px}.event-progress{margin:20px 0}.progress-bar,.progress-line{height:12px;border-radius:999px}.progress-bar{position:relative;background:0 0;overflow:visible}.progress-line{position:absolute;top:50%;transform:translateY(-50%);width:0}.progress-left{left:0;background:linear-gradient(90deg,var(--accent-yellow) 0%,#ffb000 100%)}.progress-right{background:#fff}.plane-icon{position:absolute;top:90%;transform:translate(-50%,-65%);width:34px;height:34px;display:flex;align-items:center;justify-content:center}.plane-icon::after{content:"";width:28px;height:28px;background:url(Kaynak/ucak.svg)center/contain no-repeat;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.event-calendar-btn{display:flex;align-items:center;gap:8px;color:var(--white);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--duration-fast) var(--ease-out)}.event-calendar-btn:hover{transform:translateX(5px)}.btn-basvur:hover .btn-arrow,.event-calendar-btn:hover .btn-arrow{transform:translateX(4px)}.description-card{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--dark-brown);color:var(--white);border-radius:16px;box-shadow:0 15px 30px rgba(63,50,50,.3);animation:cardSlideIn 1s var(--ease-out) .9s both}.hat-icon{flex-shrink:0}.hat-image{width:80px;height:auto;filter:brightness(1.2)}.description-text{font-size:1.1rem;line-height:1.6;margin:0}.description-text strong{color:var(--accent-yellow);font-weight:700}.join-team-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:0 0;border:2px solid var(--dark-brown);border-radius:16px;animation:cardSlideIn 1s var(--ease-out) 1.1s both}.board-display,.countdown-board{flex-direction:column;align-items:center}.countdown-board{position:relative;display:flex;flex-shrink:0;margin-top:-20px}.board-display{background:#1a1a1a;padding:8px 10px 10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.board-display,.board-row{display:flex;gap:4px}.board-cell{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 1px 1px,#333 1px,transparent 1px);background-size:3px 3px;background-color:#1e1e1e;border-radius:4px;color:var(--accent-yellow);text-shadow:0 0 10px rgba(255,193,24,.7);font-family:"Fira Sans Condensed",sans-serif}.countdown-digit{font-size:2.2rem;font-weight:700;width:38px;height:52px;letter-spacing:0}.board-label{font-size:.6rem;font-weight:500;color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.join-team-text{font-size:1rem;font-weight:600;color:var(--dark-brown);flex:1}.join-team-light{font-weight:400}.btn-basvur{display:flex;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;color:var(--dark-brown);font-weight:600;font-size:15px;background:var(--accent-yellow);border:0;cursor:pointer;white-space:nowrap;flex-shrink:0;border-radius:30px;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px rgba(255,193,24,.3)}.btn-basvur:hover{background:#ffb000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,24,.4)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-cloud{position:absolute;font-size:2rem;opacity:.3;animation:floatCloud linear infinite}.floating-cloud-1{top:20%;left:-5%;animation-duration:25s;animation-delay:0s}.floating-cloud-2{top:60%;left:-10%;animation-duration:35s;animation-delay:5s}.floating-cloud-3{top:40%;left:-8%;animation-duration:30s;animation-delay:10s}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s var(--ease-out),visibility .5s var(--ease-out),transform .5s var(--ease-out)}.loading-screen.hidden{opacity:0;visibility:hidden;transform:translateY(-100%)}.loading-airplane{margin-bottom:30px}.loading-plane{width:80px;height:auto;animation:loadingBounce 1s ease-in-out infinite;filter:brightness(2)}.loading-text{color:var(--white);font-size:1.2rem;font-weight:600;margin-bottom:30px;animation:textPulse 1.5s ease-in-out infinite}.loading-progress{width:200px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.loading-bar{height:100%;background:var(--accent-yellow);width:0%;border-radius:2px;animation:loadingProgress 2s ease-out forwards}.about-section{position:relative;padding:120px 0;background-image:url(Kaynak/vector.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;overflow:hidden;color:var(--white)}.about-cloud{position:absolute;width:540px;height:540px;background-repeat:no-repeat;background-size:contain;opacity:.2;mix-blend-mode:luminosity;pointer-events:none;z-index:-1}.about-cloud-1{top:150px;left:5%;background-image:url(Kaynak/bulut1.png)}.about-cloud-2{top:40px;right:10%;background-image:url(Kaynak/bulut2.png)}.about-container{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:80px;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:center}.about-info h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:20px}.about-info p{font-size:1.1rem;max-width:520px;line-height:1.7}.about-image{display:flex;justify-content:flex-end;position:relative;z-index:1}.about-image img{width:min(100%,460px);border-radius:32px;box-shadow:0 30px 60px rgba(0,0,0,.25);border:6px solid rgba(255,255,255,.3)}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.value-item h3{font-size:2rem;margin-bottom:0}.value-body{display:flex;gap:30px;align-items:center}.value-body p{font-size:1rem;line-height:1.7}.value-media{padding:10px;border-radius:30px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.15)}.value-media img{display:block;width:min(100%,320px);max-width:100%;border-radius:26px;box-shadow:0 20px 40px rgba(0,0,0,.25);margin:0 auto}.value-vision .value-media{align-self:flex-start;transform:translateY(-30px)}.value-vision .value-body{align-items:flex-start}.partners-section{position:relative;padding:140px 0 120px}.partners-container{max-width:1200px;margin:0 auto;padding:0 40px;text-align:center}.event-card h3,.partners-container h2,.section-inner h2{font-size:2.5rem;margin-bottom:10px;color:var(--dark-brown)}.partners-description{color:rgba(63,50,50,.8);margin-bottom:40px}.partner-marquee{position:relative;overflow:hidden;padding:10px 0;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.partner-track{display:flex;gap:30px;width:max-content;animation:partnerMarquee 18s linear infinite}.partner-logo{width:70px;height:70px;border-radius:20px;background:rgba(63,50,50,.07);display:flex;align-items:center;justify-content:center;font-weight:700;color:rgba(63,50,50,.7);font-size:1.4rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.partner-logo-img{height:60px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(20%);opacity:.85;transition:all .3s ease}.partner-logo-img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.section-inner{max-width:1200px;margin:0 auto;padding:0 40px}.section-inner h2{font-size:2.8rem;text-align:center;margin-bottom:20px}.events-section{padding:20px 0}.events-wrapper{margin-top:50px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:40px}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.event-card,.event-media{display:flex;align-items:center}.event-card{background:var(--white);border-radius:24px;padding:28px 18px;min-height:210px;box-shadow:0 18px 40px rgba(0,0,0,.08);flex-direction:column;text-align:center;gap:16px;transition:transform var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast);border:2px solid #f1edeb}.event-card:hover{background:#fdd041;box-shadow:0 25px 45px rgba(255,193,24,.35);transform:translateY(-4px)}.event-media{width:180px;height:180px;border-radius:26px;background:0 0;box-shadow:none;justify-content:center;font-size:2.4rem;overflow:hidden}.event-media img{width:100%;height:100%;object-fit:contain}.event-card h3{font-size:1.1rem;margin-bottom:4px}.event-card p{font-size:.9rem;color:rgba(63,50,50,.8);line-height:.1;margin-top:0}.event-calendar{border-radius:42px;box-shadow:0 25px 60px rgba(0,0,0,.08);background:#fff;overflow:hidden;display:flex;flex-direction:column}.calendar-top{background:linear-gradient(135deg,#3c2f2d 0,#1f1a19 100%);padding:28px;display:flex;align-items:center;gap:20px;color:#fff}.calendar-top-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.calendar-top-icon img{width:100%;height:auto;display:block}.calendar-top-text h3{margin:0;font-size:1.8rem}.calendar-top-date{margin:4px 0 0;color:rgba(255,255,255,.75);font-size:.95rem}.calendar-top-code{margin-left:auto;font-weight:700;font-size:1.4rem;background:rgba(0,0,0,.2);padding:10px 16px;border-radius:16px}.calendar-label{text-transform:uppercase;letter-spacing:1px;font-size:.75rem;color:rgba(255,255,255,.7);margin:0 0 4px}.calendar-highlight,.calendar-list li{display:flex;justify-content:space-between;align-items:center}.calendar-highlight{padding:22px 28px;background:linear-gradient(90deg,#f6f0ea 0,#fff 100%);border-bottom:1px solid rgba(63,50,50,.05)}.highlight-title{margin:0 0 4px;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;color:rgba(63,50,50,.6)}.highlight-city{margin:0;font-size:1.9rem;font-weight:700;color:var(--dark-brown)}.highlight-date{font-weight:600;font-size:1.05rem;color:rgba(63,50,50,.75)}.calendar-list{list-style:none;margin:0;padding:24px 28px;display:flex;flex-direction:column;gap:16px}.calendar-list li{background:#f7f5f2;border-radius:22px;padding:18px 22px;box-shadow:0 15px 30px rgba(0,0,0,.06)}.calendar-list li:nth-child(even){background:#fff}.calendar-item-city{font-size:1.1rem;font-weight:700;color:var(--dark-brown);margin:0}.calendar-item-school,.google-forms-header p{margin:4px 0 0;font-size:.9rem;color:rgba(63,50,50,.6)}.calendar-date{font-size:.95rem;font-weight:600;color:rgba(63,50,50,.8)}.calendar-actions{display:flex;flex-direction:column;gap:16px;padding:0 28px 32px}.calendar-btn,.calendar-history{border:0;border-radius:22px;font-weight:700;cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.calendar-btn{padding:16px 24px;background:#2f2723;color:#fff}.calendar-btn:hover,.calendar-history:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(47,39,35,.3)}.calendar-history{padding:18px 24px;background:var(--accent-yellow);color:var(--dark-brown);font-size:1rem;display:flex;align-items:center;justify-content:space-between}.calendar-history:hover{box-shadow:0 15px 25px rgba(255,193,24,.4)}.calendar-history-arrow{font-size:1.1rem;line-height:1;font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2000}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:#fff;border-radius:28px;padding:34px;width:min(520px,90%);max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.25);transform:translateY(20px);transition:transform .3s ease}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-close{position:absolute;top:18px;right:18px;border:0;background:0 0;font-size:1.5rem;cursor:pointer;color:rgba(63,50,50,.7)}.application-modal,.team-match-modal{width:min(560px,92%)}.google-forms-section{background:linear-gradient(135deg,rgba(49,175,217,.1),rgba(114,72,185,.1));border-radius:18px;padding:20px;margin-bottom:20px}.google-forms-header{display:flex;gap:14px;align-items:center;margin-bottom:16px}.google-forms-logo{width:48px;height:auto;flex-shrink:0}.google-forms-header h3{margin:0;color:var(--dark-brown);font-size:1.1rem}.google-forms-header p{color:rgba(63,50,50,.7)}.google-forms-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;text-decoration:none;color:#fff;font-weight:600;font-size:1rem;background:var(--accent-yellow);color:var(--dark-brown);border:0;border-radius:14px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px rgba(255,193,24,.3)}.google-forms-btn:hover{background:#ffb000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,24,.4)}.google-forms-btn:hover .btn-arrow{transform:translateX(4px)}.modal-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.modal-divider::after,.modal-divider::before{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--dark-brown),transparent);opacity:.2}.modal-divider-label{padding:6px 16px;background:var(--dark-brown);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:20px;white-space:nowrap}.application-disabled-section{opacity:.5;pointer-events:none;filter:grayscale(100%)}.application-disabled-section .application-input:disabled,.application-disabled-section .application-submit:disabled,.application-disabled-section .team-match-btn:disabled{background:#e5e5e5;cursor:not-allowed}.application-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.maskot-callout{display:flex;gap:16px;align-items:center;background:rgba(49,175,217,.08);border-radius:18px;padding:16px}.maskot-callout-image,.team-match-image{width:72px;height:auto}.maskot-callout-body h3,.modal-event h4{margin:0;color:var(--dark-brown)}.maskot-callout-body p{margin:4px 0 0;color:rgba(63,50,50,.7)}.team-match-btn{border:1px dashed rgba(63,50,50,.4);border-radius:16px;background:0 0;padding:12px 16px;font-weight:600;cursor:pointer;color:var(--dark-brown);transition:all var(--duration-fast)}.team-match-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.application-form,.team-match-form{display:flex;flex-direction:column;gap:12px}.application-label{font-weight:600;color:var(--dark-brown)}.application-input,.team-match-form select{border:1px solid rgba(63,50,50,.2);border-radius:14px;padding:12px 14px;font-size:1rem;font-family:inherit;background:rgba(255,255,255,.9)}.application-submit,.team-match-return,.team-match-submit{border:0;border-radius:16px;padding:14px 20px;font-weight:700;cursor:pointer;background:var(--primary-blue);color:#fff;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.application-submit:hover,.team-match-return:hover,.team-match-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(49,175,217,.35)}.application-success{margin:4px 0 0;padding:10px 14px;border-radius:14px;background:rgba(49,175,217,.1);color:var(--dark-brown);font-weight:600}.team-match-header{display:flex;gap:16px;align-items:center;margin-bottom:16px}.team-match-result{margin-top:16px;padding:16px;border-radius:18px;background:rgba(255,193,24,.15);display:flex;flex-direction:column;gap:12px}.modal-description{color:rgba(63,50,50,.7);margin-top:6px}.modal-event-list{margin-top:20px;display:flex;flex-direction:column;gap:16px}.modal-event{border:1px solid rgba(63,50,50,.1);border-radius:20px;padding:18px 20px;background:#fefcf9}.modal-event h4{margin:0 0 6px}.modal-event p{margin:2px 0;color:rgba(63,50,50,.8);font-size:.95rem}.team-section{padding:150px 0 75px}.team-intro{text-align:center;color:rgba(63,50,50,.8);max-width:700px;margin:0 auto 60px}.team-intro-strong{font-weight:700;color:var(--dark-brown)}.team-full{margin-top:40px;display:flex;justify-content:center;align-items:center;padding:0 20px;position:relative;cursor:zoom-in}.team-full-image{width:100%;max-width:1100px;border-radius:40px;display:block;margin:0 auto;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}.faq-section{padding:70px 0}.faq-header{text-align:center;max-width:720px;margin:0 auto 40px;color:rgba(63,50,50,.85)}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.faq-column{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid rgba(63,50,50,.08);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.05);overflow:hidden;transition:transform var(--duration-fast)}.faq-item.open{transform:translateY(-2px);background:var(--dark-brown);color:#fff}.faq-question{width:100%;border:0;background:0 0;padding:16px 18px;font-size:1rem;font-weight:600;color:var(--dark-brown);display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.faq-icon{font-size:1.2rem;color:var(--accent-yellow);transition:transform var(--duration-fast)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 18px;color:rgba(63,50,50,.75);font-size:.95rem;line-height:1.5;transition:max-height var(--duration-medium) ease,padding var(--duration-medium) ease}.faq-item.open .faq-question{color:#fff}.faq-item.open .faq-answer b,.faq-item.open .faq-answer strong,.faq-item.open .faq-question strong,.faq-item.open b{color:var(--accent-yellow)}.faq-item.open .faq-answer{max-height:220px;padding:0 18px 16px;color:#fff}@media (hover:hover){.team-full:hover .team-full-image{transform:scale(1.02)}}.team-close{position:absolute;top:25px;right:35px;background:rgba(0,0,0,.6);color:#fff;border:0;width:40px;height:40px;border-radius:50%;font-size:1.5rem;display:none;align-items:center;justify-content:center;cursor:pointer}.team-full.expanded{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:3000;padding:40px 20px;cursor:zoom-out}.team-full.expanded .team-full-image{max-width:100%;border-radius:24px}.team-full.expanded .team-close{display:inline-flex}body.team-overlay-open{overflow:hidden}.goals-section{padding:80px 0 150px}.goals-intro{text-align:center;color:rgba(63,50,50,.8);max-width:720px;margin:0 auto 50px}.goals-image-wrapper{max-width:1200px;margin:40px auto 0;padding:0 20px;display:flex;justify-content:center}.goals-image-link{display:inline-flex;border-radius:30px;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.25);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border:0;background:0 0;padding:0;cursor:pointer}.goals-image-link:focus-visible,.goals-image-link:hover{transform:translateY(-4px);box-shadow:0 30px 65px rgba(0,0,0,.3)}.goals-image-link:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:6px}.goals-lightbox{width:min(900px,95%);padding:10px;background:0 0;box-shadow:none}.goals-lightbox img{width:100%;border-radius:24px;display:block;box-shadow:0 30px 60px rgba(0,0,0,.35)}.goals-image{width:100%;max-width:1100px;border-radius:30px;display:block}.goals-actions{margin-top:50px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.download-pill{display:flex;align-items:center;background:rgba(255,255,255,.4);border-radius:999px;padding:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 18px 35px rgba(0,0,0,.08);gap:14px}.download-btn,.download-icon{color:var(--dark-brown);display:flex;align-items:center}.download-icon{width:44px;height:44px;border-radius:50%;justify-content:center;font-size:1.4rem;box-shadow:0 4px 12px rgba(0,0,0,.12)}.download-icon img{width:26px;height:26px;object-fit:contain}.download-btn{border:0;border-radius:999px;padding:14px 28px;background:var(--accent-yellow);font-weight:400;font-size:1rem;font-family:"Fira Sans Condensed",sans-serif;cursor:pointer;gap:.35em;box-shadow:0 12px 28px rgba(255,193,24,.35);transition:transform var(--duration-fast),box-shadow var(--duration-fast);flex:0 0 auto}.download-highlight,.download-text{font-weight:600;white-space:nowrap}.download-text{font-weight:400}.download-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(255,193,24,.45)}.download-btn.loading{pointer-events:none;position:relative;overflow:hidden}.download-btn.loading::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:downloadProgress 1.5s ease-in-out infinite}.download-btn.loading .download-text{opacity:.7}.download-btn.loading .download-highlight::after{content:"...";animation:downloadDots 1.2s infinite}.gallery-section{padding:80px 0;background:#fcbc34}.gallery-intro{text-align:center;max-width:600px;margin:0 auto 40px;color:rgba(63,50,50,.9)}.gallery-main,.gallery-viewer{display:flex;align-items:center}.gallery-viewer{gap:24px;margin-bottom:24px}.gallery-main{flex:1;background:0 0;border-radius:18px;padding:0;min-height:0;justify-content:center}.gallery-main-image{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center center;border-radius:18px}.gallery-nav{border:0;background:0 0;color:#fff;font-size:2.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.gallery-thumbs{display:flex;gap:12px;overflow-x:auto;padding:10px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumbs img{flex:0 0 90px;width:90px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast),transform var(--duration-fast);scroll-snap-align:start}.gallery-thumbs img.active{opacity:1;transform:translateY(-2px);border:2px solid var(--white)}.contact-section{position:relative;padding:80px 0 0;background:#f0ebeb;overflow:hidden}.contact-background{position:absolute;inset:0;background:url(Kaynak/bulut.png);opacity:1;mix-blend-mode:luminosity}.contact-inner{position:relative;text-align:center}.contact-logo-image{height:90px;margin-bottom:10px}.contact-logo h2{margin-bottom:15px}.social-icon,.social-media-icons{align-items:center;justify-content:center}.social-media-icons{display:flex;gap:15px;margin-top:0;margin-bottom:15px}.social-icon{display:inline-flex;color:rgba(63,50,50,.6);transition:color var(--duration-fast);text-decoration:none}.social-icon:hover{color:var(--primary-blue)}.social-icon svg{width:24px;height:24px}.contact-intro{max-width:700px;margin:0 auto 30px;color:rgba(63,50,50,.8)}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.contact-tab{border:1px solid rgba(63,50,50,.4);border-radius:13px;padding:24px 20px;background:0 0;cursor:pointer;font-weight:400;display:flex;flex-direction:column;align-items:center;gap:15px;min-height:200px;transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast);text-align:center}.contact-tab:focus{outline:2px solid var(--accent-yellow);outline-offset:2px}.contact-tab.active,.contact-tab:hover{background:#3f3232;color:#fff;transform:translateY(-4px)}.contact-card-icon{width:90px;height:auto;display:block}.contact-card-text{font-size:1rem;line-height:1.4;font-weight:400;font-family:"Fira Sans","Fira Sans Condensed",sans-serif}.contact-card-strong{font-weight:600;transition:color var(--duration-fast)}.contact-tab.active .contact-card-strong,.contact-tab:hover .contact-card-strong{color:var(--accent-yellow)}.contact-panels{position:relative;overflow:hidden}.contact-panel{background:#fff;border-radius:20px 20px 0 0;padding:20px;display:none;flex-direction:column;gap:15px}.contact-panel.active{display:flex}.contact-rows{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-weight:700}.contact-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--dark-brown);font-weight:700;font-size:15px;transition:all var(--duration-fast) var(--ease-out)}.contact-item:hover{color:var(--primary-blue);transform:translateY(-1px)}.contact-icon{flex-shrink:0;width:14px;height:14px;opacity:.7;transition:all var(--duration-fast)}.contact-item:hover .contact-icon{opacity:1;transform:scale(1.1)}.contact-cta{align-self:center;background:#fcbc34;color:var(--dark-brown);text-decoration:none;font-weight:700;border:0;cursor:pointer;font-family:"Fira Sans Condensed",sans-serif;display:inline-flex;align-items:center;justify-content:center}.contact-cta-pill{padding:14px 32px;border-radius:24px;min-width:230px;white-space:nowrap;flex:0 0 auto}.contact-action-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.contact-download-pill{flex:0 0 auto;max-width:none}.contact-download-btn{justify-content:flex-start;width:auto}.contact-cta:focus-visible{outline:3px solid var(--primary-blue);outline-offset:3px}.contact-action-row .contact-cta{flex:0 0 auto}.contact-panels{margin-bottom:-10px}.contact-footer{margin-top:20px}.contact-crew{width:100%;display:block}.hamburger-line,.mobile-menu-btn{transition:all var(--duration-fast)}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:0 0;border:0;padding:8px;cursor:pointer;border-radius:8px}.mobile-menu-btn:hover{background:rgba(255,255,255,.1)}.hamburger-line{width:24px;height:3px;background:var(--dark-brown);border-radius:2px}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9998;opacity:0;visibility:hidden;transition:all var(--duration-fast)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{position:fixed;top:0;right:-100%;width:340px;max-width:calc(100% - 24px);height:calc(100% - 24px);margin:12px;border-radius:40px;background:rgba(255,255,255,.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9999;padding:30px 32px 40px;transition:right var(--duration-medium) var(--ease-out),opacity var(--duration-medium);overflow-y:auto;box-shadow:0 20px 60px rgba(31,38,135,.35);border:1px solid rgba(255,255,255,.45)}.mobile-nav-menu.active{right:0}.mobile-nav-header{display:flex;align-items:center;justify-content:center;padding:20px 0 10px;margin-bottom:20px;position:relative}.mobile-nav-logo{width:60px;height:auto;object-fit:contain;border-radius:12px}.mobile-nav-close{position:absolute;top:12px;right:4px;border:0;background:rgba(63,50,50,.08);color:var(--dark-brown);width:44px;height:44px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast),transform var(--duration-fast)}.mobile-nav-close:focus-visible,.mobile-nav-close:hover{background:rgba(63,50,50,.18);transform:scale(1.05)}.mobile-nav-close svg{pointer-events:none}.mobile-nav-title{font-size:1.4rem;font-weight:700;color:var(--dark-brown);line-height:1.2;margin:0}.mobile-nav-title span{font-size:1rem;font-weight:500}.mobile-nav-links{display:flex;flex-direction:column;gap:12px;align-items:center}.mobile-nav-menu .nav-link{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0;width:100%;font-size:16px;font-weight:500;color:var(--dark-brown);text-decoration:none;border-bottom:1px solid rgba(63,50,50,.1);border-radius:0;position:relative;background:0 0;margin:0;transition:color var(--duration-fast)}.mobile-nav-menu .nav-link .nav-link-label{flex:1;text-align:center}.mobile-nav-menu .nav-link.active,.mobile-nav-menu .nav-link:hover,.mobile-nav-title span{color:var(--primary-blue)}.nav-icon{width:20px;height:20px;opacity:.7;transition:opacity var(--duration-fast);flex-shrink:0}.mobile-nav-menu .nav-link.active .nav-icon,.mobile-nav-menu .nav-link:hover .nav-icon{opacity:1}@media (max-width:1200px){.nav-container{padding:0 30px}.hero-container{padding:0 30px;gap:60px}.airplane-image{width:850px}.about-container{padding:0 30px}}@media (max-width:992px){.hero-container{grid-template-columns:1fr;gap:50px;text-align:center}.airplane-container{order:2}.hero-content{order:1;align-items:center}.mascot-container{position:static;margin-top:20px}.about-grid{text-align:center}.about-info p{margin:0 auto}.about-grid,.values-grid{grid-template-columns:1fr}.value-body,.value-item h3{text-align:center}.value-body{flex-direction:column}.events-wrapper,.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-container{padding:0 16px;gap:10px;display:flex;align-items:center;justify-content:space-between}.mobile-menu-btn{display:flex;order:1;margin-right:12px}.nav-menu-container{display:none}.action-buttons{order:3;margin-left:12px;display:flex;justify-content:flex-end;flex-shrink:0}.btn-iletisim{display:none}.btn-destek{padding:10px 18px;font-size:14px}.language-fab{display:none}.contact-action-row{flex-wrap:wrap;gap:16px}.contact-cta,.contact-download-pill{flex:initial;max-width:360px}.contact-cta-pill{width:100%;min-width:0}.hero-container{padding:0 20px;gap:20px;grid-template-columns:1fr;text-align:center;min-height:calc(100vh - 120px);position:relative}.airplane-container{display:none}.hero-content{order:1;align-items:center;display:flex;flex-direction:column}.airplane-image{display:none}.hero-title{font-size:2.2rem}.mascot-container{position:static;margin:20px 0 0;z-index:10;order:2;transform:translateY(var(--mascot-mobile-offset));transition:transform var(--duration-fast) var(--ease-out)}.mascot-image{width:160px}.description-card,.join-team-card,.next-event-card{padding:20px;margin:0 10px;width:calc(100% - 20px);max-width:400px;order:3}.description-card,.join-team-card{order:4}.join-team-card{flex-direction:column;text-align:center;gap:12px;padding:16px 18px;order:5}.countdown-board{order:-1}.join-team-text{font-size:.95rem}.btn-basvur{padding:10px 20px;font-size:14px}.event-header{flex-direction:column;gap:10px;text-align:center}.progress-bar{height:8px}.description-card{flex-direction:column;text-align:center;gap:15px;align-items:center}.hat-image{width:60px;align-self:center}.partner-track{gap:20px}.partner-logo{width:60px;height:60px}.partner-logo-img{height:50px;max-width:120px}.about-grid{display:flex;flex-direction:column;gap:30px;text-align:left}.about-image{order:1;justify-content:center}.about-info{order:2}.about-info p{margin:0}.section-inner{padding:0 20px}.event-card{min-height:160px;padding:20px 15px}.event-media{width:120px;height:120px}.event-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.events-wrapper{grid-template-columns:1fr;gap:30px}.calendar-top{padding:20px;gap:15px}.calendar-top-icon{width:50px;height:50px}.calendar-top h3{font-size:1.4rem}.calendar-list{padding:16px 20px}.calendar-list li{flex-direction:column;align-items:flex-start;padding:15px}.team-full-image{border-radius:24px}.goals-image-wrapper,.team-full{padding:0 10px}.goals-actions{flex-direction:column;align-items:center;gap:15px}.download-pill{width:100%;max-width:300px;justify-content:center}.gallery-viewer{flex-direction:column;gap:0;position:relative;padding-bottom:20px}.gallery-main{order:1;width:100%}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);border-radius:50%;width:42px;height:42px;color:#fff;font-size:1.6rem;box-shadow:0 6px 20px rgba(0,0,0,.2)}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.gallery-thumbs{order:2;padding:14px 0 0;gap:14px}.contact-actions{grid-template-columns:1fr}.contact-tab{padding:20px 15px;min-height:auto}.contact-card-icon{width:60px}.contact-rows{gap:15px;flex-direction:column}.contact-item{width:100%;justify-content:center;padding:12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(63,50,50,.2)}.logo-container{order:2;display:flex;justify-content:center;align-items:center;flex:1}.logo{height:52px}}@media (max-width:480px){.hero-section{padding:100px 0 40px}.hero-container{padding:0 15px;gap:20px}.airplane-container,.airplane-image{display:none}.hero-title{font-size:2.5rem;line-height:1.2}.mascot-container{position:static;margin:0 0-110px;order:2}.mascot-image{width:240px}.next-event-card{padding:18px}.description-card,.join-team-card,.next-event-card{margin:0 5px;width:calc(100% - 10px);max-width:350px}.description-card{padding:18px;align-items:center}.join-team-card{padding:14px}.join-team-text{font-size:.85rem}.countdown-board{margin-top:-16px}.countdown-digit{font-size:1.8rem;width:32px;height:44px}.board-label{font-size:.55rem}.event-date{font-size:1.1rem}.about-section{padding:60px 0 80px}.section-inner{padding:0 15px}.section-inner h2{font-size:2.2rem}.partner-logo{width:45px;height:45px;border-radius:14px;font-size:1.2rem}.partner-logo-img{height:40px;max-width:100px}.event-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.event-card{min-height:140px;padding:15px 10px}.event-media{width:100px;height:100px}.event-card h3{font-size:1rem}.calendar-top{padding:15px;gap:10px}.calendar-top h3{font-size:1.2rem}.calendar-highlight{padding:15px 20px}.team-full{padding:0 5px}.goals-actions{gap:12px}.download-pill{padding:6px}.download-btn{padding:12px 20px;font-size:.9rem}.gallery-main{min-height:200px}.gallery-thumbs img{width:70px;aspect-ratio:1/1}.contact-tab{padding:15px 10px}.contact-card-icon{width:50px}.contact-card-text{font-size:.9rem}.mobile-nav-menu{width:100%;padding:80px 20px 20px}.mobile-nav-menu .nav-link{font-size:16px;padding:14px 0}}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}.nav-item:nth-child(6){animation-delay:.6s}.airplane-wrapper,.floating-cloud,.mascot-container{will-change:transform}.liquid-glass-nav{will-change:backdrop-filter}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-destek:focus,.btn-iletisim:focus,.event-calendar-btn:focus,.nav-link:focus{outline:2px solid var(--accent-yellow);outline-offset:2px}@media (prefers-contrast:high){.liquid-glass-nav{background:rgba(255,255,255,.9);border:2px solid var(--dark-brown)}.nav-link{color:var(--dark-brown);font-weight:600}}.collab-section{position:relative;background:#f0ebeb}.collab-section::before{content:"";position:absolute;inset:0;background:url(Kaynak/bulut6.png);opacity:.9;mix-blend-mode:luminosity;pointer-events:none}.collab-content{position:relative;z-index:1}.goals-lightbox .modal-close{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}.open-call-modal{width:min(420px,88%);text-align:center;padding:40px 34px}.open-call-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.open-call-logo{width:72px;height:72px;object-fit:contain;margin-bottom:4px}.open-call-title{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin:0}.open-call-text{font-size:1rem;color:var(--dark-brown);margin:0;line-height:1.5}.open-call-socials{display:flex;gap:16px;margin-top:12px}.open-call-social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(49,175,217,.12),rgba(114,72,185,.12));color:var(--primary-blue);transition:all var(--duration-fast) var(--ease-out)}.open-call-social:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px rgba(49,175,217,.35)}.eshop-preview-section{padding:80px 0 100px}.eshop-preview-intro{text-align:center;color:rgba(63,50,50,.8);max-width:600px;margin:0 auto 50px}.eshop-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:50px}.eshop-preview-card{background:var(--white);border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.08);border:2px solid #f1edeb;text-align:center;transition:transform var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast);cursor:pointer}.eshop-preview-card:hover{background:#fdd041;box-shadow:0 25px 45px rgba(255,193,24,.35);transform:translateY(-6px)}.eshop-preview-media{width:100%;aspect-ratio:1/1;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.eshop-preview-emoji{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.eshop-preview-card h3{font-size:1.1rem;margin-bottom:6px;color:var(--dark-brown)}.eshop-preview-price{font-size:1.3rem;font-weight:700;color:var(--primary-blue);margin:0}.eshop-preview-cta{display:flex;justify-content:center}.eshop-preview-btn{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:var(--accent-yellow);color:var(--dark-brown);text-decoration:none;font-weight:700;font-size:1.1rem;border-radius:30px;box-shadow:0 12px 28px rgba(255,193,24,.35);transition:all var(--duration-fast) var(--ease-out)}.eshop-preview-btn:hover{background:#ffb000;transform:translateY(-3px);box-shadow:0 16px 32px rgba(255,193,24,.45)}.eshop-preview-btn:hover .btn-arrow{transform:translateX(4px)}@media (max-width:992px){.eshop-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.eshop-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eshop-preview-emoji{font-size:3rem}.eshop-preview-card{padding:15px}.eshop-preview-btn{padding:14px 30px;font-size:1rem}}
.eshop-preview-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}

/* ============================================================
   Hızlı Bağış / Destek Ol — Donate Card + Modal
   Mirrors the join-team-card UI (dark scoreboard + yellow CTA)
   ============================================================ */

.donate-card { margin-top: 14px; gap: 18px; align-items: stretch; }
.donate-board { align-self: center; margin-top: -20px; }
.donate-display { min-width: 102px; padding: 10px 14px 12px; }
.donate-display-top {
    display: flex; align-items: baseline; justify-content: center; gap: 2px;
    color: var(--accent-yellow); text-shadow: 0 0 12px rgba(255,193,24,.65);
    font-family: "Fira Sans Condensed", sans-serif;
}
.donate-currency { font-size: 1.1rem; font-weight: 600; opacity: .85; }
.donate-amount-text {
    font-size: 2.2rem; font-weight: 700; letter-spacing: 1px;
    font-variant-numeric: tabular-nums;
    background: radial-gradient(circle at 1px 1px, #333 1px, transparent 1px);
    background-size: 3px 3px; background-color: #1e1e1e;
    padding: 2px 8px; border-radius: 4px; min-width: 64px; text-align: center;
}
.donate-card-body { flex: 1; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.donate-card-head { display: flex; flex-direction: column; gap: 2px; }
.donate-card-title { font-size: 1rem; font-weight: 700; color: var(--dark-brown); }
.donate-card-sub { font-size: .82rem; font-weight: 400; color: rgba(63,50,50,.7); line-height: 1.35; }

.donate-amount-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.donate-chip {
    border: 1.5px solid rgba(63,50,50,.18); background: #fff; color: var(--dark-brown);
    padding: 6px 12px; border-radius: 999px; font-size: .85rem; font-weight: 600;
    cursor: pointer; transition: all .2s var(--ease-out); font-family: inherit;
}
.donate-chip:hover { border-color: var(--accent-yellow); transform: translateY(-1px); }
.donate-chip.is-active {
    background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
    border-color: var(--primary-blue); color: #fff;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(49,175,217,.45), inset 0 1px 0 rgba(255,255,255,.25);
    transform: translateY(-1px);
}
.donate-chip-input {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; cursor: text;
    border: 1.5px solid rgba(63,50,50,.18); background: #fff;
}
.donate-chip-input:focus-within { border-color: var(--accent-yellow); box-shadow: 0 4px 10px rgba(255,193,24,.25); }
.donate-chip-input span { color: rgba(63,50,50,.6); font-weight: 600; }
.donate-chip-input input {
    border: 0; outline: 0; background: transparent; width: 56px;
    font-size: .85rem; font-weight: 600; color: var(--dark-brown); font-family: inherit;
}
.donate-chip-input input::-webkit-outer-spin-button,
.donate-chip-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.donate-cert {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
    font-size: .82rem; color: var(--dark-brown); cursor: pointer;
    padding: 6px 10px; background: rgba(255,193,24,.08); border-radius: 10px;
    border: 1px dashed rgba(255,193,24,.4);
}
.donate-cert input[type="checkbox"] {
    accent-color: var(--accent-yellow); width: 16px; height: 16px; cursor: pointer;
}
.donate-cert-text { font-weight: 600; }
.donate-cert-name {
    flex: 1; min-width: 130px; border: 0; outline: 0; background: transparent;
    border-bottom: 1.5px solid rgba(63,50,50,.25); padding: 2px 4px;
    font-size: .82rem; color: var(--dark-brown); font-family: inherit;
    transition: border-color .2s;
}
.donate-cert-name:focus { border-bottom-color: var(--accent-yellow); }
.donate-cert-name:disabled { opacity: .4; cursor: not-allowed; }

.donate-impact {
    font-size: .82rem; color: rgba(63,50,50,.85); margin: 0;
    padding: 6px 10px; background: rgba(49,175,217,.08);
    border-left: 3px solid var(--primary-blue); border-radius: 6px;
}
.donate-impact strong { color: var(--dark-brown); }

.donate-cta { align-self: center; }

/* Large variant inside Destek Ol section */
.destek-section h2 { text-align: center; }
.destek-donate-wrap {
    max-width: 880px; margin: 0 auto 60px;
    padding: 0 16px;
}
.donate-card-lg {
    padding: 24px 28px; gap: 24px; flex-wrap: wrap;
    background: #fff; border-radius: 24px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    border-color: rgba(63,50,50,.12);
}
.donate-board-lg { margin-top: -28px; }
.donate-display-lg { padding: 14px 18px 16px; }
.donate-display-lg .donate-amount-text {
    font-size: 3rem; min-width: 120px; padding: 4px 12px;
}
.donate-display-lg .donate-currency { font-size: 1.5rem; }
.donate-card-lg .donate-card-title { font-size: 1.35rem; }
.donate-card-lg .donate-card-sub { font-size: .95rem; }
.donate-impact-lg { font-size: .95rem; padding: 10px 14px; }
.donate-cta-lg { padding: 14px 32px; font-size: 1rem; }

.destek-shop-title {
    text-align: center; font-size: 1.6rem; color: var(--dark-brown);
    margin-bottom: 30px; font-weight: 700;
}

/* ============================================================
   Donation Modal
   ============================================================ */

.donate-modal { width: min(640px, 94%); max-height: 88vh; padding: 28px; }
.donate-modal-header {
    display: flex; align-items: center; gap: 14px; margin-bottom: 18px;
    padding-right: 30px;
}
.donate-modal-icon {
    flex-shrink: 0; width: 52px; height: 52px; border-radius: 14px;
    background: linear-gradient(135deg, var(--accent-yellow), #ffb000);
    display: grid; place-items: center; color: var(--dark-brown);
    box-shadow: 0 8px 20px rgba(255,193,24,.35);
}
.donate-modal-title { font-size: 1.4rem; font-weight: 700; color: var(--dark-brown); margin: 0; }
.donate-modal-sub { font-size: .85rem; color: rgba(63,50,50,.7); margin: 2px 0 0; line-height: 1.4; }

.donate-modal-close { color: rgba(63,50,50,.6); text-shadow: none; }

.donate-form-summary {
    background: linear-gradient(135deg, rgba(255,193,24,.12), rgba(49,175,217,.08));
    border-radius: 14px; padding: 12px 16px; margin-bottom: 18px;
    display: flex; flex-direction: column; gap: 6px;
    border: 1px solid rgba(255,193,24,.25);
}
.donate-form-summary-row {
    display: flex; justify-content: space-between; align-items: center;
    font-size: .9rem; color: rgba(63,50,50,.85);
}
.donate-form-summary-row strong { color: var(--dark-brown); font-size: 1rem; }

.donate-form-section { margin-bottom: 18px; }
.donate-form-section-title {
    font-size: .85rem; font-weight: 700; color: var(--dark-brown);
    text-transform: uppercase; letter-spacing: .8px; margin: 0 0 10px;
    display: flex; align-items: center; gap: 8px;
}
.donate-form-section-title::before {
    content: ""; display: block; width: 22px; height: 2px;
    background: var(--accent-yellow); border-radius: 2px;
}

.donate-cert-options {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
}
.donate-cert-option {
    border: 1.5px solid rgba(63,50,50,.15); border-radius: 12px;
    padding: 10px 12px; cursor: pointer; transition: all .2s var(--ease-out);
    display: flex; flex-direction: column; gap: 2px;
    background: #fff;
}
.donate-cert-option:hover { border-color: var(--accent-yellow); }
.donate-cert-option.is-active {
    border-color: var(--accent-yellow); background: rgba(255,193,24,.08);
    box-shadow: 0 4px 10px rgba(255,193,24,.18);
}
.donate-cert-option input { display: none; }
.donate-cert-option-title { font-size: .82rem; font-weight: 700; color: var(--dark-brown); }
.donate-cert-option-sub { font-size: .72rem; color: rgba(63,50,50,.65); }

.donate-cert-details {
    margin-top: 10px; padding: 12px; background: rgba(49,175,217,.05);
    border-radius: 10px; display: flex; flex-direction: column; gap: 10px;
}

.donate-field { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.donate-field > span {
    font-size: .78rem; font-weight: 600; color: rgba(63,50,50,.75);
}
.donate-field input,
.donate-field textarea {
    border: 1.5px solid rgba(63,50,50,.15); border-radius: 10px;
    padding: 10px 12px; font-size: .9rem; color: var(--dark-brown);
    font-family: inherit; background: #fff; outline: 0;
    transition: border-color .2s, box-shadow .2s;
    resize: vertical;
}
.donate-field input:focus,
.donate-field textarea:focus {
    border-color: var(--accent-yellow);
    box-shadow: 0 0 0 3px rgba(255,193,24,.18);
}
.donate-field-row { display: flex; gap: 10px; }

.donate-form-error {
    background: rgba(220,53,69,.08); color: #c0392b;
    border: 1px solid rgba(220,53,69,.3); border-radius: 10px;
    padding: 10px 14px; font-size: .85rem; margin-bottom: 12px;
}

.donate-submit {
    width: 100%; justify-content: center; padding: 14px 24px;
    font-size: 1rem; margin-top: 6px;
}
.donate-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

.donate-form-note {
    text-align: center; font-size: .75rem; color: rgba(63,50,50,.55);
    margin: 10px 0 0;
}

.donate-success { text-align: center; padding: 14px 6px; }
.donate-success-icon {
    width: 88px; height: 88px; margin: 0 auto 14px;
    border-radius: 50%; background: rgba(40,167,69,.12); color: #28a745;
    display: grid; place-items: center;
}
.donate-success h3 { font-size: 1.6rem; color: var(--dark-brown); margin: 0 0 8px; }
.donate-success p { color: rgba(63,50,50,.85); margin: 0 0 6px; }
.donate-success-amount { color: var(--dark-brown); font-size: 1.05rem; margin: 14px 0 18px !important; }
.donate-success-close { display: inline-flex; padding: 12px 32px; }

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 768px) {
    .donate-card-lg { padding: 18px 16px; gap: 16px; }
    .donate-display-lg .donate-amount-text { font-size: 2.4rem; min-width: 100px; }
    .donate-display-lg .donate-currency { font-size: 1.2rem; }
    .donate-card-lg .donate-card-title { font-size: 1.15rem; }
    .donate-cert-options { grid-template-columns: 1fr; }
    .donate-field-row { flex-direction: column; }
    .donate-modal { padding: 22px; }
    .donate-modal-title { font-size: 1.2rem; }
    .destek-shop-title { font-size: 1.3rem; }
}

@media (max-width: 480px) {
    .donate-card .donate-amount-chips { gap: 5px; }
    .donate-chip { padding: 5px 10px; font-size: .8rem; }
    .donate-chip-input input { width: 50px; }
}

/* ============================================================
   Hızlı Bağış — Compact (hero) variant
   ============================================================ */

.donate-card-compact {
    gap: 12px;
    padding: 10px 16px 12px;
    align-items: center;
}
.donate-card-compact .donate-board { margin-top: -16px; }
.donate-card-compact .donate-display { min-width: 86px; padding: 8px 10px 9px; }
.donate-card-compact .donate-amount-text {
    font-size: 1.6rem; min-width: 52px; padding: 1px 6px; letter-spacing: 0;
}
.donate-card-compact .donate-currency { font-size: .9rem; }
.donate-card-compact .board-label { font-size: .55rem; margin-top: 2px; }

.donate-card-compact .donate-card-body {
    gap: 6px; flex: 1; min-width: 0;
}
.donate-card-compact .donate-amount-chips { gap: 4px; }
.donate-card-compact .donate-chip {
    padding: 4px 9px; font-size: .76rem; border-width: 1.2px;
}
.donate-card-compact .donate-chip-input { padding: 3px 8px; }
.donate-card-compact .donate-chip-input input {
    width: 44px; font-size: .76rem;
}

.donate-impact-inline {
    background: transparent;
    border-left: 0;
    border-radius: 0;
    padding: 0;
    font-size: .76rem;
    color: rgba(63,50,50,.7);
    line-height: 1.3;
}
.donate-impact-inline strong { color: var(--accent-yellow); filter: brightness(.78); }

.donate-card-compact .donate-cta {
    padding: 10px 18px; font-size: .85rem; flex-shrink: 0;
}

@media (max-width: 640px) {
    .donate-card-compact { flex-wrap: wrap; padding: 12px 14px 14px; }
    .donate-card-compact .donate-board { margin-top: -22px; }
    .donate-card-compact .donate-card-body { flex-basis: 100%; order: 2; }
    .donate-card-compact .donate-cta { order: 3; align-self: stretch; justify-content: center; }
}

/* ============================================================
   Force-hide [hidden] (override existing display:flex on cards)
   ============================================================ */
[hidden] { display: none !important; }

/* ============================================================
   Hızlı Bağış — Restored compact layout (hero variant)
   ============================================================ */

.donate-card-compact {
    gap: 14px;
    padding: 16px 18px;
    align-items: center;
    margin-top: 12px;
}
.donate-card-compact .donate-board { margin-top: -22px; align-self: center; }
.donate-card-compact .donate-display { min-width: 100px; padding: 10px 12px 11px; }
.donate-card-compact .donate-amount-text {
    font-size: 1.95rem; min-width: 62px; padding: 1px 6px;
}
.donate-card-compact .donate-currency { font-size: 1.05rem; }
.donate-card-compact .board-label { font-size: .6rem; margin-top: 3px; }

.donate-card-compact .donate-card-body {
    gap: 8px; flex: 1; min-width: 0; display: flex; flex-direction: column;
}
.donate-card-compact .donate-card-head { gap: 0; }
.donate-card-compact .donate-card-title { font-size: 1.05rem; line-height: 1.1; }
.donate-card-compact .donate-card-sub { font-size: .78rem; line-height: 1.25; opacity: .75; }

.donate-card-compact .donate-amount-chips { gap: 5px; }
.donate-card-compact .donate-chip {
    padding: 5px 11px; font-size: .82rem; border-width: 1.2px;
}
.donate-card-compact .donate-chip-input { padding: 4px 9px; }
.donate-card-compact .donate-chip-input input { width: 48px; font-size: .82rem; }

.donate-card-compact .donate-card-footer {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin-top: 2px;
}
.donate-cert-mini {
    padding: 4px 8px;
    font-size: .72rem;
    border-radius: 8px;
    gap: 6px;
    flex: 0 1 auto;
}
.donate-cert-mini input[type="checkbox"] { width: 14px; height: 14px; }
.donate-cert-mini .donate-cert-text { font-size: .72rem; }
.donate-cert-mini .donate-cert-name {
    min-width: 70px; max-width: 110px;
    font-size: .72rem; padding: 1px 3px;
}

.donate-card-compact .donate-impact-inline {
    font-size: .76rem;
    padding: 0;
    background: transparent;
    border: 0;
    color: rgba(63,50,50,.7);
    line-height: 1.25;
    flex: 1 1 auto;
    min-width: 120px;
}
.donate-card-compact .donate-impact-inline strong {
    color: var(--dark-brown);
    background: linear-gradient(transparent 60%, rgba(255,193,24,.4) 60%);
    padding: 0 2px;
}

.donate-card-compact .donate-cta {
    padding: 12px 22px; font-size: .95rem; flex-shrink: 0;
    align-self: center;
}

/* Hero donate amount — marker / highlighter style (no dark box) */
.donate-card-compact .donate-board {
    background: transparent !important;
    box-shadow: none !important;
}
.donate-card-compact .board-pole { display: none !important; }
.donate-card-compact .donate-board .board-display {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.donate-card-compact .donate-board .board-display::before,
.donate-card-compact .donate-board .board-display::after {
    display: none !important;
}
.donate-card-compact .donate-display-top {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    position: relative;
    padding: 2px 18px;
    line-height: 1;
    /* Highlighter marker stroke — angled yellow band behind the digits */
    background:
        linear-gradient(105deg,
            transparent 4%,
            rgba(255, 193, 24, 0.92) 6%,
            rgba(255, 193, 24, 0.98) 92%,
            transparent 96%) no-repeat;
    background-size: 100% 70%;
    background-position: 0 65%;
}
.donate-card-compact .donate-display-top::after {
    /* second pass darker bottom stripe = realistic marker bleed */
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: 7%;
    height: 3.5px;
    background: rgba(255, 152, 0, 0.55);
    filter: blur(0.5px);
    border-radius: 2px;
    pointer-events: none;
}
.donate-card-compact .donate-amount-text {
    background: transparent !important;
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 2.5rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em;
    padding: 0 !important;
    min-width: 0 !important;
    line-height: 1 !important;
    position: relative;
    z-index: 1;
}
.donate-card-compact .donate-currency {
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    position: relative;
    z-index: 1;
}
.donate-card-compact .donate-board .board-label {
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    opacity: 0.75;
    margin-top: 3px !important;
}

@media (max-width: 640px) {
    .donate-card-compact { flex-wrap: wrap; padding: 16px; gap: 12px; }
    .donate-card-compact .donate-board { margin-top: -22px; }
    .donate-card-compact .donate-card-body { flex-basis: 100%; }
    .donate-card-compact .donate-cta { order: 3; align-self: stretch; justify-content: center; }
}

/* ============================================================
   Destek Ol — Horizontal grid with rotating gallery
   ============================================================ */

.destek-donate-wrap { max-width: 1100px; margin: 0 auto 60px; padding: 0 16px; }

.destek-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}
.destek-grid .donate-card-lg { margin: 0; height: 100%; }

.destek-gallery {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #1a1a1a;
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
    min-height: 320px;
    border: 2px solid rgba(63,50,50,.12);
}
.destek-gallery-frame { position: absolute; inset: 0; }
.destek-gallery-img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 1.1s ease, transform 6s ease;
    will-change: opacity, transform;
}
.destek-gallery-img.is-active {
    opacity: 1;
    transform: scale(1);
}
.destek-gallery::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.65) 100%);
    pointer-events: none;
}
.destek-gallery-badge {
    position: absolute;
    left: 14px; bottom: 14px;
    z-index: 2;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

@media (max-width: 860px) {
    .destek-grid { grid-template-columns: 1fr; }
    .destek-gallery { min-height: 220px; }
}

/* ============================================================
   Hero card refinements: blue impact + larger board overflowing left
   ============================================================ */

/* Mavi impact */
.donate-card-compact .donate-impact-inline strong {
    color: var(--primary-blue);
    background: linear-gradient(transparent 60%, rgba(49,175,217,.22) 60%);
}

/* Daha büyük board, kartın sol kenarından dışarı taşar */
.donate-card-compact {
    overflow: visible;
    padding-left: 28px;
}
.donate-card-compact .donate-board {
    margin-left: -32px;
    margin-top: -22px;
    margin-bottom: -8px;
    flex-shrink: 0;
}
.donate-card-compact .donate-display {
    min-width: 112px;
    padding: 12px 14px 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
.donate-card-compact .donate-amount-text {
    font-size: 2.4rem;
    min-width: 72px;
    padding: 2px 8px;
    line-height: 1;
}
.donate-card-compact .donate-currency { font-size: 1.2rem; }
.donate-card-compact .board-label { font-size: .58rem; margin-top: 3px; }

/* Sertifika mini sadece checkbox + text */
.donate-cert-mini .donate-cert-name { display: none; }

@media (max-width: 640px) {
    .donate-card-compact { padding-left: 18px; }
    .donate-card-compact .donate-board { margin-left: -18px; }
}

/* ============================================================
   Destek Ol section — wider donate card with stacked left column
   ============================================================ */

/* Full section-inner width, no max-width restriction */
.destek-donate-wrap {
    max-width: none;
    margin: 0 0 60px;
    padding: 0;
}

.destek-grid {
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
    gap: 28px;
}

/* Two-column layout inside the donate card: left (board+cta) | right (text) */
.donate-card-row {
    display: grid !important;
    grid-template-columns: auto 1fr;
    gap: 36px;
    padding: 28px 32px;
    align-items: center;
}

.donate-lg-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
    min-width: 180px;
}
.donate-lg-left .donate-board {
    margin-top: 0;
}
.donate-lg-left .donate-display-lg {
    padding: 16px 22px 18px;
}
.donate-lg-left .donate-display-lg .donate-amount-text {
    font-size: 3.4rem;
    min-width: 130px;
    padding: 4px 14px;
}
.donate-lg-left .donate-display-lg .donate-currency { font-size: 1.7rem; }
.donate-lg-left .donate-cta-lg {
    width: 100%;
    justify-content: center;
    padding: 14px 22px;
}

.donate-lg-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}
.donate-lg-right .donate-card-title {
    font-size: 1.5rem;
    line-height: 1.2;
    white-space: normal;
}
.donate-lg-right .donate-card-sub {
    font-size: 1rem;
    line-height: 1.45;
}
.donate-lg-right .donate-amount-chips { gap: 8px; }
.donate-lg-right .donate-chip {
    padding: 8px 14px;
    font-size: .92rem;
}
.donate-lg-right .donate-chip-input { padding: 6px 12px; }
.donate-lg-right .donate-chip-input input { width: 64px; font-size: .92rem; }

.donate-lg-right .donate-cert {
    align-self: flex-start;
    padding: 8px 14px;
}
.donate-lg-right .donate-impact {
    color: rgba(63,50,50,.85);
}
.donate-lg-right .donate-impact strong {
    color: var(--primary-blue);
}

@media (max-width: 960px) {
    .donate-card-row {
        grid-template-columns: 1fr;
        padding: 24px;
        gap: 22px;
    }
    .donate-lg-left { flex-direction: row; min-width: 0; justify-content: space-between; }
    .donate-lg-left .donate-cta-lg { width: auto; }
}

@media (max-width: 640px) {
    .destek-grid { gap: 16px; grid-template-columns: 1fr !important; }
    .destek-donate-wrap { padding: 0 12px; }
    /* Mobile order: donate card FIRST (prominent), gallery as thin accent below */
    .destek-grid > .donate-card-lg,
    .destek-grid > .donate-card-row { order: 1 !important; }
    .destek-grid > .destek-gallery { order: 2 !important; min-height: 0 !important; }
    .destek-gallery { max-width: 100%; min-height: 0 !important; }
    .destek-gallery-frame { aspect-ratio: 16 / 9 !important; min-height: 0 !important; height: auto !important; }
    .destek-gallery-img { object-fit: cover; object-position: center 38%; }
    .destek-gallery-badge { left: 10px; bottom: 10px; padding: 5px 10px; font-size: 0.7rem; }

    /* ── Mobile layout: SCOREBOARD (big amount) at top, chips 3x3, CTA at bottom ── */
    .donate-card-row {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-areas:
            "head"
            "board"
            "chips"
            "extras"
            "impact"
            "cta";
        gap: 14px !important;
        padding: 18px 16px !important;
    }
    /* Spread the lg-left / lg-right wrappers so their children become grid items */
    .donate-card-row > .donate-lg-right,
    .donate-card-row > .donate-lg-left { display: contents; }

    .donate-card-row .donate-card-head { grid-area: head; }
    .donate-card-row .donate-board, .donate-card-row .donate-board-lg { grid-area: board; margin: 0 !important; }
    .donate-card-row .donate-amount-chips-stretch { grid-area: chips; }
    .donate-card-row .donate-amount-chips-bottom { grid-area: extras; }
    .donate-card-row .donate-impact, .donate-card-row .donate-impact-lg { grid-area: impact; margin: 0; }
    .donate-card-row .donate-cta, .donate-card-row .donate-cta-lg { grid-area: cta; }

    .donate-lg-right .donate-card-title { font-size: 1.15rem; }
    .donate-lg-right .donate-card-sub { font-size: 0.86rem; line-height: 1.4; }

    /* SCOREBOARD — big & prominent at top */
    .donate-board-lg { margin: 0 auto !important; width: 100%; max-width: 320px; }
    .donate-board-lg .board-pole { display: none !important; }
    .donate-board-lg .donate-display-lg {
        padding: 20px 24px !important;
        border-radius: 18px !important;
    }
    .donate-display-lg .donate-amount-text {
        font-size: 3.6rem !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }
    .donate-display-lg .donate-currency {
        font-size: 1.8rem !important;
        opacity: 0.85;
    }
    .donate-display-lg .donate-display-top {
        gap: 4px;
    }
    .donate-board-lg .board-label {
        font-size: 0.78rem;
        letter-spacing: 0.1em;
        margin-top: 6px;
        opacity: 0.85;
    }

    /* Chips 3x3 grid */
    .donate-amount-chips-stretch {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 7px !important;
        margin: 0 !important;
    }
    .donate-amount-chips-stretch .donate-chip {
        font-size: 0.92rem;
        padding: 12px 4px;
        text-align: center;
        justify-content: center;
        font-weight: 800;
    }

    /* Custom + Sertifika 1x2 */
    .donate-amount-chips-bottom {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 7px !important;
        margin: 0 !important;
    }
    .donate-chip-input, .donate-chip-cert { flex: 1 0 auto; }

    /* Impact text */
    .donate-impact-lg { font-size: 0.82rem; padding: 10px 14px; }

    /* CTA — full-width, prominent at bottom */
    .donate-cta-lg {
        width: 100% !important;
        justify-content: center !important;
        padding: 16px 22px !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        border-radius: 999px !important;
    }
}

/* Very small phones */
@media (max-width: 420px) {
    .destek-gallery-frame { aspect-ratio: 5 / 3 !important; }
}

/* ============================================================
   Layout flip: text left, board+CTA right (both cards)
   ============================================================ */

/* ---- HERO compact card ---- */
.donate-card-compact {
    padding: 14px 24px 14px 22px;
    gap: 22px;
    align-items: center;
}
/* Body takes most of the room on the left */
.donate-card-compact .donate-card-body {
    flex: 1 1 0%;
    min-width: 0;
    padding-right: 4px;
}

/* Right column: board on top, CTA below */
.donate-hero-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
/* Cancel the negative-left overflow we had; let board hang to the RIGHT instead */
.donate-card-compact .donate-board {
    margin-left: 0;
    margin-right: -18px;
    margin-top: -10px;
}
.donate-hero-side .donate-cta {
    width: 100%;
    justify-content: center;
    margin-right: -8px;
}

@media (max-width: 640px) {
    .donate-card-compact { flex-wrap: wrap; gap: 14px; padding: 14px; }
    .donate-card-compact .donate-card-body { flex-basis: 100%; }
    .donate-card-compact .donate-board { margin-right: 0; margin-top: -22px; }
    .donate-hero-side { flex-direction: row; width: 100%; justify-content: space-between; align-items: center; }
    .donate-hero-side .donate-cta { width: auto; margin-right: 0; }
}

/* ---- DESTEK OL section card: swap columns (text 1fr left, board+cta auto right) ---- */
.donate-card-row {
    grid-template-columns: minmax(0, 1fr) auto;
}
.donate-lg-right { padding-right: 8px; }
.donate-lg-left { min-width: 200px; }

@media (max-width: 960px) {
    .donate-card-row { grid-template-columns: 1fr; }
    .donate-lg-right { padding-right: 0; order: 1; }
    .donate-lg-left { order: 2; min-width: 0; }
}

/* ============================================================
   Hero card v3: bigger board (top-right overflow) + big CTA
   + Sertifika as pill chip next to Özel
   ============================================================ */

.donate-card-compact {
    padding: 22px 26px;
    gap: 28px;
    overflow: visible;
    align-items: stretch;
    position: relative;
}
.donate-card-compact .donate-card-body {
    gap: 12px;
    padding-top: 4px;
}
.donate-card-compact .donate-card-title { font-size: 1.1rem; }
.donate-card-compact .donate-card-sub { font-size: .78rem; }

/* Right column: board sticks to top-right, CTA fills below */
.donate-hero-side {
    flex-direction: column;
    gap: 14px;
    align-items: stretch;
    min-width: 180px;
    margin-right: -8px;
}
.donate-card-compact .donate-board {
    margin-top: -28px;
    margin-right: -18px;
    align-self: flex-end;
    margin-left: auto;
}
.donate-card-compact .donate-display {
    min-width: 150px;
    padding: 14px 16px 14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
    border: 2px solid rgba(0,0,0,.4);
}
.donate-card-compact .donate-amount-text {
    font-size: 2.6rem;
    min-width: 96px;
    padding: 2px 10px;
    line-height: 1;
}
.donate-card-compact .donate-currency { font-size: 1.3rem; }
.donate-card-compact .board-label { font-size: .62rem; margin-top: 4px; letter-spacing: .8px; }

/* Big CTA */
.donate-card-compact .donate-cta {
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    font-size: 1rem;
    border-radius: 32px;
    box-shadow: 0 8px 20px rgba(255,193,24,.4);
}

/* Sertifika pill chip */
.donate-chip-cert {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    cursor: pointer;
    user-select: none;
    background: #fff;
    border: 1.5px solid rgba(63,50,50,.18);
    border-radius: 999px;
    transition: all .2s var(--ease-out);
}
.donate-chip-cert:hover { border-color: var(--accent-yellow); }
.donate-chip-cert input[type="checkbox"] {
    accent-color: var(--accent-yellow);
    width: 14px; height: 14px;
    cursor: pointer;
}
.donate-chip-cert span { font-size: .8rem; font-weight: 600; color: var(--dark-brown); }
.donate-chip-cert:has(input:checked) {
    background: rgba(255,193,24,.15);
    border-color: var(--accent-yellow);
    box-shadow: 0 3px 8px rgba(255,193,24,.25);
}

/* Impact: keep blue, single line */
.donate-card-compact .donate-impact-inline {
    margin-top: 2px;
    font-size: .8rem;
}

@media (max-width: 640px) {
    .donate-card-compact { flex-wrap: wrap; padding: 20px; gap: 16px; }
    .donate-card-compact .donate-card-body { flex-basis: 100%; }
    .donate-card-compact .donate-board {
        margin-top: -22px;
        margin-right: 0;
        align-self: center;
    }
    .donate-hero-side { width: 100%; margin-right: 0; flex-direction: column; }
}

/* ============================================================
   Hero card v4: VERTICAL stack
   - Text body on top
   - Bağış Yap button centered in card (stroke middle)
   - Money panel centered at bottom (can overflow below)
   ============================================================ */

.donate-card-compact {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 18px 22px 36px !important;
    gap: 14px !important;
    overflow: visible !important;
    position: relative;
}

.donate-card-compact .donate-card-body {
    flex: initial;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 0;
}

.donate-card-compact .donate-card-head { gap: 2px; }
.donate-card-compact .donate-card-title { font-size: 1.05rem; }
.donate-card-compact .donate-card-sub { font-size: .78rem; }

.donate-card-compact .donate-amount-chips { gap: 6px; }
.donate-card-compact .donate-chip { padding: 6px 12px; font-size: .82rem; }
.donate-card-compact .donate-chip-input { padding: 4px 10px; }
.donate-card-compact .donate-chip-input input { width: 56px; font-size: .82rem; }

.donate-card-compact .donate-card-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.donate-cert-mini {
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .76rem;
    gap: 6px;
}
.donate-cert-mini input[type="checkbox"] { width: 14px; height: 14px; }
.donate-cert-mini .donate-cert-text { font-size: .76rem; }

.donate-card-compact .donate-impact-inline {
    margin: 0;
    font-size: .82rem;
    flex: 1;
}
.donate-card-compact .donate-impact-inline strong {
    color: var(--primary-blue);
    background: linear-gradient(transparent 60%, rgba(49,175,217,.22) 60%);
}

/* Bağış Yap centered in the card middle */
.donate-cta-stroke {
    align-self: center;
    margin: 6px auto 0;
    padding: 14px 36px !important;
    font-size: 1.05rem !important;
    border-radius: 32px;
    min-width: 220px;
    justify-content: center;
    box-shadow: 0 8px 22px rgba(255,193,24,.4);
}

/* Money panel at bottom-center (can overflow below) */
.donate-board-bottom {
    align-self: center;
    margin: 0 auto -28px !important;
    flex-shrink: 0;
}
.donate-board-bottom .donate-display {
    min-width: 160px;
    padding: 12px 18px 12px;
    box-shadow: 0 12px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
    border: 2px solid rgba(0,0,0,.4);
}
.donate-board-bottom .donate-amount-text {
    font-size: 2.2rem;
    min-width: 88px;
    padding: 2px 10px;
    line-height: 1;
}
.donate-board-bottom .donate-currency { font-size: 1.15rem; }
.donate-board-bottom .board-label {
    font-size: .58rem;
    margin-top: 3px;
    letter-spacing: .8px;
}
.donate-board-bottom .board-pole { display: none; }

/* Reset old hero-side stuff in case it's still cached */
.donate-hero-side { display: none !important; }

@media (max-width: 640px) {
    .donate-card-compact { padding: 16px 16px 30px !important; }
    .donate-card-compact .donate-card-footer { gap: 8px; }
    .donate-board-bottom .donate-amount-text { font-size: 1.9rem; min-width: 78px; }
}

/* ============================================================
   Hero card v5: text left + money panel right
   + Bağış Yap button straddling the bottom-center stroke
   ============================================================ */

.donate-card-compact {
    flex-direction: row !important;
    align-items: center !important;
    padding: 22px 26px 22px 24px !important;
    gap: 24px !important;
    position: relative;
    overflow: visible !important;
}

.donate-card-compact .donate-card-body {
    flex: 1 1 0% !important;
    min-width: 0;
    padding-right: 0 !important;
}

/* Money panel docked to right, vertically centered */
.donate-board-right {
    margin: 0 !important;
    margin-top: -10px !important;
    margin-right: -14px !important;
    align-self: center !important;
    flex-shrink: 0;
}
.donate-board-right .donate-display {
    min-width: 132px;
    padding: 12px 16px;
    box-shadow: 0 10px 22px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
    border: 2px solid rgba(0,0,0,.4);
}
.donate-board-right .donate-amount-text {
    font-size: 2.2rem;
    min-width: 84px;
    padding: 2px 8px;
    line-height: 1;
}
.donate-board-right .donate-currency { font-size: 1.15rem; }
.donate-board-right .board-label {
    font-size: .58rem;
    margin-top: 3px;
    letter-spacing: .8px;
}

/* Bağış Yap button: sits ON the bottom-center stroke (half-overflowing) */
.donate-cta-stroke {
    position: absolute !important;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    margin: 0 !important;
    padding: 13px 32px !important;
    font-size: 1rem !important;
    min-width: 200px;
    border-radius: 32px;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(255,193,24,.45);
    z-index: 5;
    background: var(--accent-yellow);
}
.donate-cta-stroke:hover {
    transform: translate(-50%, calc(50% - 2px));
    box-shadow: 0 14px 28px rgba(255,193,24,.5);
}

/* Reset previous variants */
.donate-board-bottom { display: none !important; }
.donate-hero-side { display: none !important; }

/* Card needs bottom padding to make space for overflowed button visually */
.donate-card-compact { padding-bottom: 22px !important; }
/* But also expand container's margin so the half-out button isn't clipped by the next card */
.donate-card.donate-card-compact { margin-bottom: 36px; }

@media (max-width: 640px) {
    .donate-card-compact {
        flex-wrap: wrap;
        padding: 20px 16px 20px !important;
        gap: 16px !important;
    }
    .donate-card-compact .donate-card-body { flex-basis: 100%; order: 1; }
    .donate-board-right {
        order: 2;
        margin: 0 auto !important;
        align-self: center !important;
    }
    .donate-cta-stroke {
        min-width: 180px;
        padding: 12px 28px !important;
    }
    .donate-card.donate-card-compact { margin-bottom: 32px; }
}

/* ============================================================
   Hero card v6 final
   - text body left, impact + panel right
   - sertifika pill inline next to Özel
   - Bağış Yap on bottom-center stroke, narrower
   ============================================================ */

.donate-card-compact .donate-card-body {
    gap: 12px !important;
}

/* Right column: impact text above the panel */
.donate-right-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: center;
}
.donate-impact-overpanel {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: .85rem !important;
    color: rgba(63,50,50,.8) !important;
    line-height: 1.2;
    text-align: center;
    max-width: 180px;
}
.donate-impact-overpanel strong {
    color: var(--primary-blue) !important;
    background: linear-gradient(transparent 60%, rgba(49,175,217,.22) 60%) !important;
    padding: 0 2px;
}

/* Sertifika pill chip (inline w/ chips) */
.donate-chip-cert {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    cursor: pointer;
    user-select: none;
    background: #fff !important;
    border: 1.5px solid rgba(63,50,50,.18) !important;
    border-radius: 999px !important;
    transition: all .2s var(--ease-out);
    font-size: .82rem !important;
    color: var(--dark-brown) !important;
    font-weight: 600 !important;
}
.donate-chip-cert:hover { border-color: var(--accent-yellow) !important; }
.donate-chip-cert input[type="checkbox"] {
    accent-color: var(--accent-yellow);
    width: 14px; height: 14px;
    cursor: pointer;
    margin: 0;
}
.donate-chip-cert:has(input:checked) {
    background: rgba(255,193,24,.15) !important;
    border-color: var(--accent-yellow) !important;
    box-shadow: 0 3px 8px rgba(255,193,24,.25);
}

/* Custom input chip needs higher specificity now (it's a <label>) */
.donate-card-compact .donate-chip-input {
    cursor: text;
    padding: 4px 10px !important;
    margin: 0;
}
.donate-card-compact .donate-chip-input input {
    border: 0; outline: 0; background: transparent;
    width: 50px; font-size: .82rem; font-weight: 600;
    color: var(--dark-brown); font-family: inherit; padding: 0;
}

/* Shrink Bağış Yap CTA by ~20% width */
.donate-cta-stroke {
    min-width: 160px !important;
    padding: 11px 24px !important;
    font-size: .95rem !important;
}

/* Slightly more padding-bottom so the half-out button keeps clear of content */
.donate-card-compact { padding-bottom: 26px !important; }
.donate-card.donate-card-compact { margin-bottom: 40px; }

@media (max-width: 640px) {
    .donate-right-stack { align-self: center; }
    .donate-cta-stroke { min-width: 150px !important; }
}

/* ============================================================
   Hero card v7: shrink CTA + callout-style impact badge
   ============================================================ */

/* HARD OVERRIDE the legacy width:100% that older rules put on the CTA */
.donate-card-compact .donate-cta,
.donate-cta-stroke {
    width: auto !important;
    max-width: 200px !important;
    min-width: 0 !important;
}
.donate-cta-stroke {
    padding: 10px 22px !important;
    font-size: .9rem !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(255,193,24,.4);
}
.donate-cta-stroke .btn-arrow { width: 14px; height: 14px; }

/* Callout-style impact badge pointing down to the panel */
.donate-impact-overpanel {
    position: relative;
    background: linear-gradient(135deg, rgba(49,175,217,.18), rgba(49,175,217,.08)) !important;
    border: 1px solid rgba(49,175,217,.35) !important;
    border-radius: 14px !important;
    padding: 7px 14px !important;
    font-size: .8rem !important;
    color: var(--dark-brown) !important;
    line-height: 1.25;
    text-align: center;
    max-width: 200px !important;
    box-shadow: 0 4px 12px rgba(49,175,217,.12);
}
.donate-impact-overpanel strong {
    color: var(--primary-blue) !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: 700;
}
.donate-impact-overpanel::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 11px;
    height: 11px;
    background: linear-gradient(135deg, rgba(49,175,217,.18), rgba(49,175,217,.18));
    border-right: 1px solid rgba(49,175,217,.35);
    border-bottom: 1px solid rgba(49,175,217,.35);
    transform: translateX(-50%) rotate(45deg);
}

/* ============================================================
   Hero card v8
   - Impact callout sits ON TOP-center stroke (mirror of CTA)
   - CTA slightly wider
   - subtitle removed via HTML (no CSS needed)
   ============================================================ */

/* Impact callout — top stroke */
.donate-impact-top {
    position: absolute !important;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 5;
    max-width: 240px !important;
    background: linear-gradient(135deg, rgba(49,175,217,.95), rgba(75,197,232,.95)) !important;
    border: 0 !important;
    color: #fff !important;
    padding: 8px 16px !important;
    font-size: .82rem !important;
    box-shadow: 0 8px 20px rgba(49,175,217,.35);
}
.donate-impact-top strong {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
    padding: 1px 6px !important;
    border-radius: 6px;
}
.donate-impact-top::after {
    background: linear-gradient(135deg, rgba(75,197,232,.95), rgba(75,197,232,.95)) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    bottom: -5px;
    width: 10px; height: 10px;
}

/* The old donate-right-stack no longer needs the impact slot */
.donate-right-stack > .donate-impact-overpanel { display: none; }

/* Card needs top padding for the badge to overhang */
.donate-card-compact {
    padding-top: 30px !important;
}

/* Slightly larger Bağış Yap */
.donate-cta-stroke {
    max-width: 240px !important;
    padding: 12px 30px !important;
    font-size: 1rem !important;
}

/* ============================================================
   Cloud-masked photos floating around the plane
   ============================================================ */

.airplane-container { position: relative; }
.airplane-wrapper { position: relative; }

.cloud-photo {
    position: absolute;
    width: 110px;
    aspect-ratio: 1 / 0.85;
    z-index: 3;
    pointer-events: none;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.18));
    animation: cloudPhotoFloat 7s ease-in-out infinite;
}
.cloud-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: url(#cloudClip);
    -webkit-clip-path: url(#cloudClip);
}

.cloud-photo-1 { top: 6%;   left: 4%;   width: 130px; animation-delay: 0s;   }
.cloud-photo-2 { top: 18%;  right: 8%;  width: 100px; animation-delay: -1.5s;}
.cloud-photo-3 { top: 48%;  left: 6%;   width: 115px; animation-delay: -3s;  }
.cloud-photo-4 { top: 58%;  right: 4%;  width: 125px; animation-delay: -4.5s;}
.cloud-photo-5 { top: 78%;  left: 14%;  width: 95px;  animation-delay: -2s;  }
.cloud-photo-6 { top: 82%;  right: 14%; width: 105px; animation-delay: -5.5s;}

@keyframes cloudPhotoFloat {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50%      { transform: translateY(-14px) rotate(1.5deg); }
}

@media (max-width: 900px) {
    .cloud-photo { width: 80px !important; }
    .cloud-photo-1 { top: 4%; left: 2%; }
    .cloud-photo-6 { top: 84%; right: 6%; }
}
@media (max-width: 640px) {
    .cloud-photo { display: none; }
}

/* ============================================================
   Hero card v9: extra breathing room between chips and CTA
   + hide cloud-photo styles (HTML removed but CSS may still apply)
   ============================================================ */

.cloud-photo { display: none !important; }

/* More space between content and the bottom-stroke button */
.donate-card-compact {
    padding-bottom: 44px !important;
}
.donate-card.donate-card-compact { margin-bottom: 48px; }

@media (max-width: 640px) {
    .donate-card-compact { padding-bottom: 38px !important; }
}

/* ============================================================
   Description card — tighter height
   ============================================================ */
.description-card {
    padding: 16px 22px !important;
    gap: 16px !important;
    align-items: center !important;
}
.hat-image {
    width: 56px !important;
}
.description-text {
    font-size: .95rem !important;
    line-height: 1.45 !important;
}

@media (max-width: 768px) {
    .description-card { padding: 14px 18px !important; }
    .hat-image { width: 48px !important; }
    .description-text { font-size: .9rem !important; }
}

/* ============================================================
   Destek Ol section — sertifika as inline chip, reduce height
   ============================================================ */
.donate-card-lg.donate-card-row { padding: 20px 26px !important; gap: 26px !important; }
.donate-lg-right { gap: 10px !important; }
.donate-lg-right .donate-card-title { font-size: 1.3rem !important; }
.donate-lg-right .donate-card-sub { font-size: .9rem !important; line-height: 1.35 !important; }
.donate-lg-right .donate-amount-chips { gap: 6px !important; }
.donate-lg-right .donate-chip { padding: 7px 12px !important; font-size: .85rem !important; }
.donate-lg-right .donate-chip-input { padding: 4px 10px !important; }
.donate-lg-right .donate-chip-input input { width: 52px !important; font-size: .85rem !important; }
.donate-lg-right .donate-impact-lg { font-size: .88rem !important; padding: 7px 12px !important; margin: 0 !important; }

.donate-lg-right .donate-chip-cert {
    padding: 7px 12px !important;
    font-size: .85rem !important;
}
.donate-lg-right .donate-chip-cert input[type="checkbox"] {
    width: 14px; height: 14px;
}

.donate-lg-left { gap: 12px !important; }
.donate-lg-left .donate-display-lg { padding: 14px 18px !important; }
.donate-lg-left .donate-display-lg .donate-amount-text { font-size: 2.8rem !important; min-width: 110px !important; }
.donate-lg-left .donate-cta-lg { padding: 12px 22px !important; font-size: .95rem !important; }

/* ============================================================
   Destek Ol section — split chips into 2 rows, breathing room
   ============================================================ */
.donate-card-lg.donate-card-row { padding: 26px 30px !important; gap: 28px !important; }
.donate-lg-right { gap: 16px !important; }
.donate-amount-chips-bottom {
    margin-top: 2px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px !important;
}
.donate-chip-grow {
    flex: 1 1 0%;
    min-width: 140px;
    justify-content: center;
}
.donate-amount-chips-bottom .donate-chip-input { flex: 1 1 140px; }
.donate-amount-chips-bottom .donate-chip-input input { flex: 1; width: auto !important; min-width: 60px; }
.donate-amount-chips-bottom .donate-chip-cert {
    flex: 1 1 180px;
    padding: 9px 14px !important;
    font-size: .88rem !important;
}
.donate-lg-right .donate-impact-lg { padding: 12px 16px !important; font-size: .92rem !important; }

@media (max-width: 640px) {
    .donate-chip-grow { min-width: 100% !important; flex-basis: 100%; }
}

/* ============================================================
   Games section
   ============================================================ */
.games-section { padding: 70px 0 90px; }
.games-section h2 { text-align: center; margin-bottom: 14px; }
.games-intro {
    text-align: center;
    color: rgba(63,50,50,.78);
    max-width: 640px;
    margin: 0 auto 48px;
    font-size: 1rem;
    line-height: 1.5;
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 22px;
    margin-bottom: 44px;
}

.game-card {
    background: #fff;
    border: 2px solid #f1edeb;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s;
}
.game-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 44px rgba(49,175,217,.18);
    border-color: var(--secondary-blue);
}
.game-card.is-coming-soon { opacity: .92; }
.game-card.is-coming-soon:hover { transform: translateY(-2px); }

.game-media {
    position: relative;
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, #f5f2f0, #ece6e1);
    display: grid;
    place-items: center;
    overflow: hidden;
}
.game-media img {
    width: 78%;
    height: 78%;
    object-fit: contain;
    transition: transform .4s var(--ease-out);
}
.game-card:hover .game-media img { transform: scale(1.06) rotate(-2deg); }

.game-badge {
    position: absolute;
    top: 10px; left: 10px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
}
.game-badge-live { background: rgba(40,167,69,.95); color: #fff; }
.game-badge-soon { background: rgba(63,50,50,.85); color: #fff; }

.game-info {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.game-info h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dark-brown);
    margin: 0;
}
.game-info p {
    font-size: .85rem;
    color: rgba(63,50,50,.72);
    margin: 0;
    line-height: 1.4;
    flex: 1;
}

.game-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.platform-icons {
    display: flex;
    gap: 6px;
}
.platform-icon {
    width: 28px; height: 28px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}
.platform-icon.is-active {
    background: rgba(49,175,217,.12);
    color: var(--primary-blue);
}
.platform-icon.is-disabled {
    background: rgba(63,50,50,.06);
    color: rgba(63,50,50,.35);
}

.game-play-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 14px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    border: 0;
    border-radius: 999px;
    font-weight: 700;
    font-size: .82rem;
    cursor: pointer;
    font-family: inherit;
    transition: all .2s var(--ease-out);
    box-shadow: 0 4px 12px rgba(255,193,24,.3);
}
.game-play-btn:hover {
    background: #ffb000;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(255,193,24,.45);
}
.game-play-btn.is-disabled,
.game-play-btn:disabled {
    background: rgba(63,50,50,.1);
    color: rgba(63,50,50,.45);
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.games-cta-wrap {
    display: flex;
    justify-content: center;
}
.games-other-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--dark-brown);
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 700;
    font-size: 1rem;
    transition: all .25s var(--ease-out);
    box-shadow: 0 10px 24px rgba(63,50,50,.25);
}
.games-other-btn:hover {
    background: #2b2222;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(63,50,50,.35);
}
.games-other-btn:hover .btn-arrow { transform: translateX(4px); }

@media (max-width: 768px) {
    .games-section { padding: 50px 0 70px; }
    .games-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
    .game-info { padding: 12px 14px 14px; }
    .games-other-btn { padding: 12px 26px; font-size: .92rem; }
}

/* ============================================================
   Games grid — fixed 4 columns on desktop
   ============================================================ */
.games-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 960px) {
    .games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
    .games-grid { grid-template-columns: 1fr !important; }
}

/* ============================================================
   Destek Ol right column — symmetric panel + CTA (same width,
   button bottom aligns with left-column impact text bottom)
   ============================================================ */
.donate-card-row { align-items: stretch !important; }
.donate-lg-right { justify-content: space-between !important; }
.donate-lg-left {
    justify-content: space-between !important;
    width: 240px !important;
    min-width: 0 !important;
    align-items: stretch !important;
    gap: 14px !important;
}
.donate-lg-left .donate-board {
    width: 100%;
    align-self: stretch;
}
.donate-lg-left .donate-display-lg {
    width: 100% !important;
    padding: 14px 18px !important;
    box-sizing: border-box;
}
.donate-lg-left .donate-display-lg .donate-amount-text {
    font-size: 2.6rem !important;
    min-width: 0 !important;
}
.donate-lg-left .donate-cta-lg {
    width: 100% !important;
    justify-content: center;
    padding: 13px 22px !important;
}

@media (max-width: 960px) {
    .donate-lg-left { width: 100% !important; flex-direction: row !important; align-items: center !important; }
    .donate-lg-left .donate-board { width: auto; }
    .donate-lg-left .donate-cta-lg { width: auto !important; }
}

/* ============================================================
   Destek Ol section — refined spacing v2
   ============================================================ */

/* Title -> sub breathing room */
.donate-lg-right .donate-card-head { gap: 6px !important; margin-bottom: 6px !important; }
.donate-lg-right .donate-card-sub { margin-top: 4px; }

/* Chips row: 7 equal-width buttons stretched to full row, matching sertifika row.
   Desktop only — mobile gets a 3x3 grid layout in the @media (max-width: 640px) block above. */
@media (min-width: 641px) {
    .donate-amount-chips-stretch {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100%;
    }
    .donate-amount-chips-stretch .donate-chip {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding: 9px 4px !important;
        text-align: center;
        justify-content: center;
        font-size: .82rem !important;
    }
}

/* Panel grows vertically — flex:1 fills space, button stays pinned at bottom */
.donate-lg-left { gap: 14px !important; }
.donate-lg-left .donate-board {
    flex: 1 1 auto !important;
    display: flex;
    align-items: stretch;
}
.donate-lg-left .donate-display-lg {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: 160px;
    padding: 18px 20px !important;
}
.donate-lg-left .donate-display-lg .donate-display-top {
    flex: 0 0 auto;
}

/* Auto-shrink the amount font when number grows (set via JS class on .donate-display) */
.donate-board-right .donate-display.amt-len-5 .donate-amount-text { font-size: 2.1rem; min-width: 0; padding: 2px 8px; }
.donate-board-right .donate-display.amt-len-6 .donate-amount-text { font-size: 1.7rem; min-width: 0; padding: 2px 6px; }
.donate-board-right .donate-display.amt-len-7 .donate-amount-text { font-size: 1.35rem; min-width: 0; padding: 2px 6px; letter-spacing: 0; }

/* Hero compact card also gets the same auto-shrink for its top-right board */
.donate-card-compact .donate-display.amt-len-5 .donate-amount-text { font-size: 1.7rem; padding: 1px 6px; }
.donate-card-compact .donate-display.amt-len-6 .donate-amount-text { font-size: 1.4rem; padding: 1px 5px; }
.donate-card-compact .donate-display.amt-len-7 .donate-amount-text { font-size: 1.1rem; padding: 1px 5px; }

/* Tighter mobile chip row */
@media (max-width: 640px) {
    .donate-amount-chips-stretch .donate-chip { font-size: .75rem !important; padding: 8px 2px !important; }
}

/* ============================================================
   Money panel v3 — bigger amount, pure-black surround
   ============================================================ */

/* Outer panel surround: pitch black */
.donate-lg-left .donate-display-lg,
.donate-board-right .donate-display {
    background: #000 !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow:
        0 18px 40px rgba(0,0,0,0.55),
        inset 0 1px 0 rgba(255,255,255,0.04),
        inset 0 0 60px rgba(255,193,24,0.06) !important;
}

/* Inner number tile: solid black, no dot pattern, bigger number */
.donate-lg-left .donate-display-lg .donate-amount-text,
.donate-board-right .donate-display .donate-amount-text {
    background: #000 !important;
    background-image: none !important;
    text-shadow: 0 0 18px rgba(255,193,24,0.7), 0 0 4px rgba(255,193,24,0.4) !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Bigger amount text in the destek section */
.donate-lg-left .donate-display-lg .donate-amount-text {
    font-size: 4rem !important;
    line-height: 1 !important;
    letter-spacing: 1px;
}
.donate-lg-left .donate-display-lg .donate-currency {
    font-size: 2rem !important;
    margin-right: 4px;
}
.donate-lg-left .donate-display-lg .donate-display-top {
    gap: 6px;
    align-items: baseline;
}
.donate-lg-left .donate-display-lg .board-label {
    font-size: .7rem !important;
    letter-spacing: 1.6px;
    margin-top: 12px !important;
    opacity: .85;
}

/* When digits grow, soften the bigger font */
.donate-board-right .donate-display.amt-len-5 .donate-amount-text { font-size: 3rem !important; }
.donate-board-right .donate-display.amt-len-6 .donate-amount-text { font-size: 2.4rem !important; }
.donate-board-right .donate-display.amt-len-7 .donate-amount-text { font-size: 1.9rem !important; }

/* Hide the pole on the section card variant (cleaner) */
.donate-lg-left .donate-board > .board-pole { display: none; }

@media (max-width: 640px) {
    .donate-lg-left .donate-display-lg .donate-amount-text { font-size: 3rem !important; }
    .donate-lg-left .donate-display-lg .donate-currency { font-size: 1.5rem !important; }
}

/* ============================================================
   Galeri + SSS sections — blue background
   ============================================================ */
.gallery-section {
    background: var(--primary-blue) !important;
}
.faq-section {
    background: var(--primary-blue) !important;
    padding: 70px 0 !important;
}

/* Light text on blue */
.gallery-section h2,
.faq-section h2 { color: #fff !important; }
.gallery-section .gallery-intro,
.faq-section .faq-header p {
    color: rgba(255,255,255,0.92) !important;
}
.gallery-section .gallery-intro b,
.faq-section .faq-header p strong { color: #fff !important; }

/* FAQ items on blue: keep white question cards for legibility */
.faq-section .faq-item {
    background: #fff;
    border-radius: 14px;
}
.faq-section .faq-question {
    color: var(--dark-brown);
}

/* ============================================================
   Galeri back to yellow (only SSS stays blue)
   ============================================================ */
.gallery-section { background: #fcbc34 !important; }
.gallery-section h2 { color: var(--dark-brown) !important; }
.gallery-section .gallery-intro { color: rgba(63,50,50,0.85) !important; }
.gallery-section .gallery-intro b { color: var(--dark-brown) !important; }

/* ============================================================
   FAQ: open state should turn the whole item BROWN with white text
   (our earlier .faq-section .faq-item white rule was clobbering it)
   ============================================================ */
.faq-section .faq-item {
    background: #fff;
    border-radius: 18px;
}
.faq-section .faq-item.open {
    background: var(--dark-brown) !important;
    color: #fff !important;
}
.faq-section .faq-item.open .faq-question { color: #fff !important; }
.faq-section .faq-item.open .faq-answer {
    color: #fff !important;
    background: var(--dark-brown);
}
.faq-section .faq-item.open .faq-answer strong,
.faq-section .faq-item.open .faq-answer b { color: var(--accent-yellow) !important; }

/* ============================================================
   Money panel — bring back the dot-pattern screen with bezel
   Inner tile is slightly smaller than the panel (pure black bezel)
   ============================================================ */
.donate-lg-left .donate-display-lg,
.donate-board-right .donate-display {
    position: relative;
    background: #000 !important;
    overflow: hidden;
}
.donate-lg-left .donate-display-lg::before,
.donate-board-right .donate-display::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 10px;
    background-color: #050505;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,193,24,0.10) 1px, transparent 1.4px);
    background-size: 4px 4px;
    pointer-events: none;
    z-index: 0;
    box-shadow: inset 0 0 60px rgba(255,193,24,0.05);
}
.donate-lg-left .donate-display-lg > *,
.donate-board-right .donate-display > * {
    position: relative;
    z-index: 1;
}
/* Hide pole inside inner tile so it doesn't show in front of bezel */
.donate-lg-left .donate-display-lg ~ .board-pole,
.donate-board-right .donate-display ~ .board-pole { display: none; }

/* ============================================================
   Money panel — remove the heavy drop shadow (keep inset only)
   ============================================================ */
.donate-lg-left .donate-display-lg,
.donate-board-right .donate-display {
    box-shadow: none !important;
}

/* ============================================================
   Donate modal — 2-step redesign
   ============================================================ */
.donate-modal-2step {
    padding: 0 !important;
    width: min(700px, 96%) !important;
    overflow: hidden;
}
.donate-modal-2step > .donate-modal-close {
    position: absolute;
    top: 16px; right: 18px;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
    z-index: 12;
    font-size: 1.6rem;
}

/* ---- Stepper ---- */
.donate-stepper {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 24px 0;
    justify-content: center;
}
.donate-step-dot {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(63,50,50,0.08);
    color: rgba(63,50,50,0.55);
    font-size: .82rem;
    font-weight: 700;
}
.donate-step-dot span {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: rgba(63,50,50,0.18);
    color: #fff;
    display: grid; place-items: center;
    font-size: .78rem;
}
.donate-step-dot.is-active {
    background: var(--accent-yellow);
    color: var(--dark-brown);
}
.donate-step-dot.is-active span {
    background: var(--dark-brown);
    color: var(--accent-yellow);
}
.donate-step-line {
    width: 40px; height: 2px;
    background: rgba(63,50,50,0.18);
    border-radius: 2px;
}

/* ---- Steps container ---- */
.donate-step { display: none; padding: 18px 24px 22px; }
.donate-step.is-active { display: block; }

/* ---- Hero banner (step 1) ---- */
.donate-hero-banner {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 18px;
    aspect-ratio: 16 / 7;
}
.donate-hero-img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.donate-hero-banner::after {
    content: "";
    position: absolute; inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.78) 100%);
    pointer-events: none;
}
.donate-hero-title {
    position: absolute;
    top: 14px; left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    border-radius: 999px;
    font-weight: 800;
    font-size: .9rem;
    z-index: 2;
}
.donate-hero-overlay {
    position: absolute;
    bottom: 14px; left: 18px;
    display: flex;
    gap: 22px;
    z-index: 2;
    color: #fff;
}
.donate-hero-stat { display: flex; flex-direction: column; }
.donate-hero-label {
    font-size: .72rem;
    color: rgba(255,255,255,0.78);
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 600;
}
.donate-hero-value {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--accent-yellow);
    line-height: 1.1;
}

/* ---- Cert cards ---- */
.donate-cert-cards { gap: 10px !important; }
.donate-cert-cards .donate-cert-option {
    padding: 14px 12px !important;
    text-align: center;
    align-items: center;
    gap: 6px !important;
}
.donate-cert-illu {
    width: 60px; height: 60px;
    margin: 0 auto 6px;
    background: rgba(255,193,24,0.12);
    color: var(--dark-brown);
    border-radius: 14px;
    display: grid;
    place-items: center;
    transition: all .2s var(--ease-out);
}
.donate-cert-option.is-active .donate-cert-illu {
    background: var(--accent-yellow);
    transform: scale(1.05);
}
.donate-cert-option.is-active .donate-cert-illu svg { stroke: var(--dark-brown); }
.donate-cert-option-title { text-align: center; }
.donate-cert-option-sub { text-align: center; }

/* ---- Next button (step 1) ---- */
.donate-next-btn {
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    margin-top: 10px;
    font-size: 1rem;
}

/* ---- Payment grid (step 2) ---- */
.donate-pay-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 16px;
}
.donate-pay-title {
    margin: 0 0 14px;
    font-size: 1.25rem;
    color: var(--dark-brown);
    font-weight: 800;
}

/* ---- Visa-style card visual ---- */
.donate-card-visual {
    position: relative;
    aspect-ratio: 1.6 / 1;
    background: linear-gradient(135deg, #2a2222 0%, #3f3232 55%, #5a4848 100%);
    border-radius: 18px;
    padding: 20px 22px;
    color: #fff;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(63,50,50,0.35);
    align-self: center;
}
.donate-card-visual::before {
    content: "";
    position: absolute;
    top: -40%; right: -20%;
    width: 70%; height: 180%;
    background: radial-gradient(circle, rgba(255,193,24,0.18), transparent 60%);
    pointer-events: none;
}
.donate-card-chip {
    width: 36px; height: 26px;
    border-radius: 5px;
    background: linear-gradient(135deg, #d4a946, #f3cc56);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);
    margin-bottom: 18px;
}
.donate-card-brand {
    position: absolute;
    top: 18px; right: 20px;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--accent-yellow);
}
.donate-card-number {
    font-family: 'Fira Sans', monospace;
    font-size: 1.15rem;
    letter-spacing: 2px;
    margin-bottom: 18px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.donate-card-meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.donate-card-meta > div { display: flex; flex-direction: column; }
.donate-card-meta-label {
    font-size: .58rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.55);
}
.donate-card-meta-value {
    font-size: .82rem;
    font-weight: 700;
    margin-top: 2px;
}
.donate-card-plane {
    position: absolute;
    bottom: -8px; right: -8px;
    color: rgba(255,193,24,0.18);
    transform: rotate(-15deg);
    pointer-events: none;
}

.donate-pay-form { display: flex; flex-direction: column; gap: 10px; }

/* ---- Summary on step 2 ---- */
.donate-pay-summary {
    background: rgba(255,193,24,0.08);
    border: 1px solid rgba(255,193,24,0.28);
    border-radius: 14px;
    padding: 12px 16px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.donate-pay-sum-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: .9rem;
    color: rgba(63,50,50,0.85);
}
.donate-pay-sum-row strong { color: var(--dark-brown); }
.donate-pay-sum-total {
    padding-top: 6px;
    border-top: 1px dashed rgba(63,50,50,0.18);
    margin-top: 4px;
    font-size: 1rem;
}
.donate-pay-sum-total strong { font-size: 1.2rem; color: var(--primary-blue); }

.donate-pay-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.donate-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    color: rgba(63,50,50,0.7);
    cursor: pointer;
    font-family: inherit;
    font-weight: 600;
    font-size: .92rem;
    padding: 12px 4px;
}
.donate-back-btn:hover { color: var(--dark-brown); }
.donate-pay-btn {
    flex: 1;
    justify-content: center;
    padding: 14px 22px;
    font-size: 1rem;
}

/* Mobile */
@media (max-width: 640px) {
    .donate-pay-grid { grid-template-columns: 1fr; }
    .donate-hero-overlay { gap: 14px; }
    .donate-hero-value { font-size: 1.1rem; }
    .donate-cert-cards { grid-template-columns: 1fr; }
    .donate-cert-cards .donate-cert-option { padding: 10px 14px !important; }
    .donate-cert-illu { width: 44px; height: 44px; }
}

/* ============================================================
   Donate modal v3 — accordions, card cleanup, brand logo,
   basılı extra, success banner photo
   ============================================================ */

/* Accordion */
.donate-acc {
    border: 1.5px solid rgba(63,50,50,0.12);
    border-radius: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color .2s;
    background: #fff;
}
.donate-acc.is-open { border-color: var(--accent-yellow); }
.donate-acc-head {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}
.donate-acc-num {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 8px;
    background: rgba(63,50,50,0.08);
    color: var(--dark-brown);
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: .9rem;
}
.donate-acc.is-open .donate-acc-num {
    background: var(--accent-yellow);
    color: var(--dark-brown);
}
.donate-acc-title {
    flex: 1;
    font-weight: 700;
    color: var(--dark-brown);
    font-size: 1rem;
}
.donate-acc-status {
    color: rgba(63,50,50,0.6);
    font-size: .82rem;
    font-weight: 600;
}
.donate-acc-status.is-ok { color: #28a745; }
.donate-acc-chev {
    color: rgba(63,50,50,0.5);
    transition: transform .25s var(--ease-out);
}
.donate-acc.is-open .donate-acc-chev { transform: rotate(180deg); color: var(--dark-brown); }
.donate-acc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease, padding .35s ease;
    padding: 0 16px;
}
.donate-acc.is-open .donate-acc-body {
    max-height: 1500px;
    padding: 4px 16px 16px;
}

/* Cert note */
.donate-cert-note {
    margin: 10px 0 0;
    padding: 8px 12px;
    background: rgba(255,193,24,0.12);
    border-left: 3px solid var(--accent-yellow);
    border-radius: 8px;
    font-size: .82rem;
    color: var(--dark-brown);
}
.donate-cert-note strong { color: var(--dark-brown); }

/* Card visual v3: solid color, no gradient, no plane */
.donate-card-visual {
    background: #2a2222 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.25) !important;
}
.donate-card-visual::before { display: none !important; }
.donate-card-plane { display: none !important; }
.donate-card-brand { display: none !important; }

/* Top row in card */
.donate-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.donate-card-top .donate-card-chip { margin-bottom: 0; }

/* Brand logo slot */
.donate-card-brand-logo {
    height: 30px;
    display: flex;
    align-items: center;
    color: #fff;
}
.donate-card-brand-logo .cb { display: none; height: 26px; }
.donate-card-brand-logo .cb-default {
    display: inline-block;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.55);
}
.donate-card-brand-logo[data-brand="default"] .cb-default,
.donate-card-brand-logo:not([data-brand]) .cb-default { display: inline-block; }
.donate-card-brand-logo[data-brand="visa"] .cb-default,
.donate-card-brand-logo[data-brand="mc"] .cb-default,
.donate-card-brand-logo[data-brand="amex"] .cb-default,
.donate-card-brand-logo[data-brand="troy"] .cb-default { display: none; }
.donate-card-brand-logo[data-brand="visa"] .cb-visa { display: inline-block; color: #fff; height: 22px; }
.donate-card-brand-logo[data-brand="mc"] .cb-mc { display: inline-block; height: 30px; }
.donate-card-brand-logo[data-brand="amex"] .cb-amex { display: inline-block; color: #3FB1E1; height: 22px; }
.donate-card-brand-logo[data-brand="troy"] .cb-troy { display: inline-block; color: #00B95C; height: 22px; }

/* Step 2 amount accordion compact */
.donate-step-2 .donate-acc { margin-bottom: 14px; }

/* Success banner with child photo */
.donate-success {
    text-align: center;
    padding: 0 22px 22px;
}
.donate-success-banner {
    position: relative;
    height: 160px;
    margin: -14px -22px 16px;
    overflow: hidden;
    border-radius: 0;
}
.donate-success-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.donate-success-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.55) 100%);
}
.donate-success-icon-bubble {
    position: absolute;
    left: 50%;
    bottom: -22px;
    transform: translateX(-50%);
    width: 56px; height: 56px;
    border-radius: 50%;
    background: #28a745;
    color: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 6px 16px rgba(40,167,69,0.4);
    z-index: 2;
}
.donate-success h3 { margin-top: 28px; }
.donate-success-mail {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(49,175,217,0.1);
    color: var(--primary-blue);
    border-radius: 999px;
    padding: 6px 14px;
    margin: 8px 0 16px;
    font-size: .82rem;
    font-weight: 600;
}
.donate-success-mail strong { color: var(--primary-blue); }

/* ============================================================
   Donate modal v4 — 2-col + categories + cert templates + preview
   ============================================================ */
.donate-modal-wide {
    width: min(1080px, 96%) !important;
    max-height: 92vh !important;
}
.donate-2col {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 0;
    height: 92vh;
    max-height: 92vh;
    min-height: 0;
}
.donate-form-panel {
    overflow-y: auto;
    padding: 0 24px 22px;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    max-height: 92vh;
}
.donate-preview-panel {
    background: #f6f0e6;
    border-left: 1px solid rgba(63,50,50,0.08);
    overflow-y: auto;
    padding: 18px 22px 22px;
    min-height: 0;
    max-height: 92vh;
}
.donate-preview-sticky {
    position: sticky;
    top: 0;
}
.donate-preview-eyebrow {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: rgba(63,50,50,0.55);
    margin: 0 0 10px;
}

/* Stepper inside form panel */
.donate-form-panel .donate-stepper {
    padding: 18px 0 0;
    margin-bottom: 4px;
}

/* ---- Categories grid ---- */
.donate-categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
    max-height: 440px;
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(63,50,50,0.25) transparent;
}
.donate-categories::-webkit-scrollbar { width: 6px; }
.donate-categories::-webkit-scrollbar-thumb {
    background: rgba(63,50,50,0.25);
    border-radius: 999px;
}
.donate-categories::-webkit-scrollbar-track { background: transparent; }
.donate-cat {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    border: 1.5px solid rgba(63,50,50,0.12);
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    transition: transform .2s, border-color .2s, box-shadow .2s;
    text-align: left;
}
.donate-cat:hover {
    transform: translateY(-2px);
    border-color: var(--secondary-blue);
    box-shadow: 0 8px 18px rgba(49,175,217,0.15);
}
.donate-cat.is-active {
    border-color: var(--accent-yellow);
    box-shadow: 0 8px 22px rgba(255,193,24,0.25);
}
.donate-cat-media {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.donate-cat-media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .35s;
}
.donate-cat:hover .donate-cat-media img { transform: scale(1.05); }
.donate-cat h4 {
    font-size: .92rem;
    font-weight: 800;
    color: var(--dark-brown);
    margin: 8px 12px 2px;
}
.donate-cat p {
    font-size: .76rem;
    color: rgba(63,50,50,0.65);
    margin: 0 12px 10px;
    line-height: 1.3;
}

/* ---- Cert template cards ---- */
.donate-cert-templates {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}
.donate-tpl {
    cursor: pointer;
    border: 1.5px solid rgba(63,50,50,0.15);
    border-radius: 12px;
    padding: 6px;
    text-align: center;
    transition: all .2s;
    background: #fff;
}
.donate-tpl:hover { border-color: var(--accent-yellow); }
.donate-tpl.is-active {
    border-color: var(--accent-yellow);
    background: rgba(255,193,24,0.10);
    box-shadow: 0 4px 12px rgba(255,193,24,0.2);
}
.donate-tpl input { display: none; }
.donate-tpl-preview {
    aspect-ratio: 4 / 5;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 6px;
    font-size: .65rem;
    overflow: hidden;
}
.donate-tpl-name {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    color: var(--dark-brown);
    margin-top: 5px;
}
.dpc-mini-line {
    width: 70%; height: 3px;
    background: currentColor;
    opacity: .35;
    border-radius: 2px;
}
.dpc-mini-line.short { width: 40%; }
.dpc-mini-name {
    font-size: .58rem;
    font-weight: 800;
    color: currentColor;
    letter-spacing: .3px;
}
.dpc-mini-eyebrow {
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: currentColor;
    text-transform: uppercase;
    opacity: .8;
}
.dpc-mini-wings { font-size: 1.4rem; }
.dpc-mini-cloud, .dpc-mini-plane { font-size: 1rem; }
.dpc-mini-ribbon {
    width: 28px; height: 6px;
    background: currentColor;
    border-radius: 2px;
}

.donate-tpl-preview-none { background: #f2eee8; color: rgba(63,50,50,0.4); }
.donate-tpl-preview-klasik {
    background: linear-gradient(180deg, #fff 0%, #f3eedf 100%);
    color: var(--primary-blue);
    border: 1.5px solid var(--primary-blue);
}
.donate-tpl-preview-pilot {
    background: #3F3232;
    color: var(--accent-yellow);
    border: 1.5px solid var(--accent-yellow);
}
.donate-tpl-preview-cocuk {
    background: linear-gradient(180deg, #FFD685 0%, #FFE6B3 100%);
    color: var(--dark-brown);
}
.donate-tpl-preview-ani {
    background: #fff;
    color: var(--dark-brown);
    border: 1.5px solid var(--dark-brown);
}

/* ---- Delivery options ---- */
.donate-cert-delivery {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.donate-cert-delivery-label {
    font-size: .78rem;
    font-weight: 700;
    color: rgba(63,50,50,0.75);
}
.donate-cert-delivery-options {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.donate-cert-delivery-opt {
    flex: 1 1 0;
    min-width: 150px;
    padding: 9px 14px;
    border: 1.5px solid rgba(63,50,50,0.15);
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    font-size: .85rem;
    font-weight: 600;
    color: var(--dark-brown);
    transition: all .2s;
}
.donate-cert-delivery-opt:hover { border-color: var(--accent-yellow); }
.donate-cert-delivery-opt.is-active {
    background: rgba(255,193,24,0.15);
    border-color: var(--accent-yellow);
    box-shadow: 0 3px 8px rgba(255,193,24,0.2);
}
.donate-cert-delivery-opt input { display: none; }

/* ---- Live preview cert frame ---- */
.donate-preview-cert {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    aspect-ratio: 3 / 4;
    max-width: 320px;
    margin: 0 auto 18px;
    box-shadow: 0 14px 28px rgba(63,50,50,0.15);
    border: 1px solid rgba(63,50,50,0.08);
    position: relative;
}
.dpc-frame {
    padding: 22px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: var(--dark-brown);
}
.dpc-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: rgba(63,50,50,0.45);
    text-align: center;
    height: 100%;
}
.dpc-empty p { font-size: .85rem; margin: 0; }
.dpc-deco-top, .dpc-deco-bottom {
    width: 50%;
    height: 3px;
    margin: 0 auto;
    background: currentColor;
    opacity: .4;
    border-radius: 2px;
}
.dpc-deco-top { margin-bottom: 14px; }
.dpc-deco-bottom { margin-top: 14px; }
.dpc-eyebrow {
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 0 0 4px;
    opacity: .75;
}
.dpc-title {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0 0 14px;
}
.dpc-intro { font-size: .82rem; margin: 2px 0; opacity: .8; }
.dpc-name {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 6px 0;
    letter-spacing: .3px;
    color: currentColor;
}
.dpc-divider {
    width: 36px;
    height: 2px;
    background: currentColor;
    opacity: .4;
    margin: 10px auto;
    border-radius: 2px;
}
.dpc-amount {
    font-size: .8rem;
    line-height: 1.4;
    margin: 6px 0 0;
    opacity: .9;
}
.dpc-amount strong { color: currentColor; }
.dpc-cat {
    margin-top: 10px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .65;
}

/* Cert preview design variants */
.donate-preview-cert[data-tpl-active="klasik"] .dpc-frame {
    background: linear-gradient(180deg, #fff 0%, #f3eedf 100%);
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
}
.donate-preview-cert[data-tpl-active="klasik"] .dpc-name { color: var(--dark-brown); }

.donate-preview-cert[data-tpl-active="pilot"] .dpc-frame {
    background: linear-gradient(180deg, #3F3232 0%, #2a2222 100%);
    color: var(--accent-yellow);
}
.donate-preview-cert[data-tpl-active="pilot"] .dpc-name { color: #fff; }
.donate-preview-cert[data-tpl-active="pilot"]::before {
    content: "✈";
    position: absolute;
    top: 14px; left: 50%;
    transform: translateX(-50%);
    font-size: 1.8rem;
    color: var(--accent-yellow);
}
.donate-preview-cert[data-tpl-active="pilot"] .dpc-eyebrow { margin-top: 28px; }

.donate-preview-cert[data-tpl-active="cocuk"] .dpc-frame {
    background: linear-gradient(180deg, #FFD685 0%, #FFE6B3 50%, #B9E7FF 100%);
    color: var(--dark-brown);
}
.donate-preview-cert[data-tpl-active="cocuk"]::before {
    content: "🛫";
    position: absolute;
    top: 10px; right: 14px;
    font-size: 1.6rem;
}
.donate-preview-cert[data-tpl-active="cocuk"]::after {
    content: "☁️";
    position: absolute;
    bottom: 10px; left: 14px;
    font-size: 1.4rem;
}

.donate-preview-cert[data-tpl-active="ani"] .dpc-frame {
    background: #fff;
    color: var(--dark-brown);
    border: 3px double var(--dark-brown);
}
.donate-preview-cert[data-tpl-active="ani"] .dpc-name {
    font-family: 'Fira Sans', serif;
    font-style: italic;
}

/* Preview summary */
.donate-preview-summary {
    background: #fff;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid rgba(63,50,50,0.08);
}
.dps-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: .82rem;
    color: rgba(63,50,50,0.75);
}
.dps-row strong { color: var(--dark-brown); }

@media (max-width: 860px) {
    .donate-2col { grid-template-columns: 1fr; max-height: 88vh; }
    .donate-preview-panel { border-left: 0; border-top: 1px solid rgba(63,50,50,0.08); padding: 16px; }
    .donate-preview-cert { max-width: 260px; aspect-ratio: 4 / 5; }
    .donate-categories { grid-template-columns: repeat(2, 1fr); }
    .donate-cert-templates { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
    .donate-categories { grid-template-columns: 1fr; }
    .donate-cert-templates { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   Modal v4 — fix preview panel visibility + lower breakpoint
   Override any earlier .donate-modal-2step width restriction
   ============================================================ */
.modal-content.donate-modal-2step.donate-modal-wide {
    width: min(1100px, 96vw) !important;
    max-width: 1100px !important;
    max-height: 94vh !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.donate-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 1fr);
    max-height: 94vh;
}

/* Stack only on truly small screens (640px) */
@media (max-width: 760px) {
    .donate-2col { grid-template-columns: 1fr !important; }
    .donate-preview-panel { border-left: 0 !important; border-top: 1px solid rgba(63,50,50,0.08) !important; }
}

/* ============================================================
   Validation error focus — highlighted input + glowing border
   ============================================================ */
.donate-field input.has-error,
.donate-field textarea.has-error {
    border-color: #d9534f !important;
    box-shadow: 0 0 0 3px rgba(217,83,79,0.18) !important;
    animation: donateShake .35s ease;
}
@keyframes donateShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}
.donate-form-error {
    margin: 10px 0;
}

/* ============================================================
   Step 2 — fix card visual layout (was cramped at 2-col)
   Stack vertically inside form panel: card on top centered, form below
   ============================================================ */
.donate-pay-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.donate-card-visual {
    width: 100% !important;
    max-width: 360px !important;
    align-self: center !important;
    aspect-ratio: 1.6 / 1 !important;
    padding: 18px 22px !important;
}

.donate-card-top {
    margin-bottom: 14px !important;
}

.donate-card-number {
    font-size: 1.25rem !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 14px !important;
    white-space: nowrap;
    overflow: hidden;
}

.donate-card-meta {
    display: flex !important;
    justify-content: space-between !important;
    gap: 30px;
}

.donate-card-meta > div {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
}

.donate-card-meta-label {
    font-size: .55rem !important;
    letter-spacing: 0.8px !important;
    color: rgba(255,255,255,0.55) !important;
}

.donate-card-meta-value {
    font-size: .82rem !important;
    color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}

.donate-pay-form {
    width: 100% !important;
}

@media (max-width: 480px) {
    .donate-card-visual { max-width: 100% !important; }
    .donate-card-number { font-size: 1.1rem !important; }
}

/* ============================================================
   Galeri: "Tüm Etkinlik Fotoğraflarına Ulaş" CTA button
   ============================================================ */
.gallery-cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}
.gallery-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: var(--dark-brown);
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 700;
    font-size: 1rem;
    transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s;
    box-shadow: 0 10px 24px rgba(63,50,50,0.25);
}
.gallery-cta-btn:hover {
    background: #2b2222;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(63,50,50,0.35);
}
.gallery-cta-btn:hover .btn-arrow { transform: translateX(4px); }
.gallery-cta-btn svg { flex-shrink: 0; }

@media (max-width: 640px) {
    .gallery-cta-btn { padding: 12px 22px; font-size: .92rem; }
    .gallery-cta-wrap { margin-top: 24px; }
}

/* ============================================================
   Galeri: yan yana iki CTA (Etkinlik + Veli Galeri)
   ============================================================ */
.gallery-cta-wrap {
    flex-wrap: wrap;
    gap: 14px;
}
.gallery-cta-secondary {
    background: transparent !important;
    color: var(--dark-brown) !important;
    border: 2px solid var(--dark-brown);
    box-shadow: none !important;
}
.gallery-cta-secondary:hover {
    background: var(--dark-brown) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(63,50,50,0.25) !important;
}

@media (max-width: 640px) {
    .gallery-cta-wrap { flex-direction: column; align-items: stretch; padding: 0 16px; }
    .gallery-cta-btn { justify-content: center; }
}

/* Hide AR Uçaklar card on desktop, show only on mobile */
.game-card-mobile-only { display: none; }
@media (max-width: 768px) {
    .game-card-mobile-only { display: flex; }
}

/* ============================================================
   Donate success — celebratory thank-you panel
   ============================================================ */
.donate-success {
    text-align: center;
    padding: 0 6px 18px;
}

/* Banner with image + gradient overlay */
.donate-success-banner {
    position: relative;
    margin: -14px -24px 0;
    height: 220px;
    overflow: hidden;
    border-radius: 22px 22px 0 0;
}
.donate-success-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.donate-success-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(49,175,217,0.35) 0%, rgba(49,175,217,0) 35%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
    pointer-events: none;
}

/* Confetti */
.donate-success-confetti {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 2;
}
.donate-success-confetti span {
    position: absolute;
    width: 10px;
    height: 14px;
    border-radius: 2px;
    opacity: 0;
    animation: dsConfettiFall 2.2s ease-out forwards;
    transform-origin: center;
}
.donate-success-confetti span:nth-child(1)  { left:  6%; background: #FFC118; animation-delay: 0.05s; }
.donate-success-confetti span:nth-child(2)  { left: 14%; background: #31AFD9; animation-delay: 0.20s; }
.donate-success-confetti span:nth-child(3)  { left: 22%; background: #4BC5E8; animation-delay: 0.10s; }
.donate-success-confetti span:nth-child(4)  { left: 32%; background: #FFC118; animation-delay: 0.35s; }
.donate-success-confetti span:nth-child(5)  { left: 41%; background: #2E7D32; animation-delay: 0.15s; }
.donate-success-confetti span:nth-child(6)  { left: 50%; background: #FFC118; animation-delay: 0.45s; }
.donate-success-confetti span:nth-child(7)  { left: 59%; background: #31AFD9; animation-delay: 0.25s; }
.donate-success-confetti span:nth-child(8)  { left: 68%; background: #FF6F61; animation-delay: 0.30s; }
.donate-success-confetti span:nth-child(9)  { left: 77%; background: #FFC118; animation-delay: 0.55s; }
.donate-success-confetti span:nth-child(10) { left: 85%; background: #4BC5E8; animation-delay: 0.40s; }
.donate-success-confetti span:nth-child(11) { left: 92%; background: #FFC118; animation-delay: 0.20s; }
.donate-success-confetti span:nth-child(12) { left: 96%; background: #31AFD9; animation-delay: 0.60s; }
@keyframes dsConfettiFall {
    0%   { transform: translateY(-20px) rotate(0deg);   opacity: 0; }
    15%  { opacity: 1; }
    100% { transform: translateY(240px) rotate(540deg); opacity: 0; }
}

/* Icon bubble — floats over banner */
.donate-success-icon-bubble {
    position: absolute;
    left: 50%;
    bottom: -34px;
    transform: translateX(-50%);
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2E7D32, #4CAF50);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 26px rgba(46,125,50,0.42), 0 0 0 6px #fff;
    z-index: 3;
    animation: dsBubblePop .6s cubic-bezier(0.68,-0.55,0.265,1.55) both;
}
@keyframes dsBubblePop {
    0%   { transform: translateX(-50%) scale(0.3); opacity: 0; }
    60%  { transform: translateX(-50%) scale(1.12); opacity: 1; }
    100% { transform: translateX(-50%) scale(1); }
}

/* Eyebrow with sparkles */
.donate-success-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 46px 0 8px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 2.2px;
    color: var(--primary-blue);
    padding: 6px 14px;
    background: rgba(49,175,217,0.10);
    border-radius: 999px;
}
.ds-spark {
    font-size: .85rem;
    animation: dsSparkle 1.8s ease-in-out infinite;
}
.ds-spark:last-child { animation-delay: .9s; }
@keyframes dsSparkle {
    0%, 100% { transform: scale(1) rotate(0deg);   opacity: 1; }
    50%      { transform: scale(1.3) rotate(20deg); opacity: 0.75; }
}

.donate-success h3 {
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--dark-brown);
    margin: 6px 0 10px;
    letter-spacing: -0.4px;
}
.donate-success-lead {
    color: rgba(63,50,50,.78);
    font-size: .98rem;
    margin: 0 auto 22px;
    max-width: 380px;
    line-height: 1.55;
}
.donate-success-lead strong { color: var(--dark-brown); }

/* Impact stats */
.donate-success-impact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 18px 14px;
    margin: 0 auto 18px;
    max-width: 420px;
    background: linear-gradient(135deg, rgba(255,193,24,0.12), rgba(49,175,217,0.08));
    border: 1.5px solid rgba(255,193,24,0.25);
    border-radius: 18px;
}
.ds-stat { display: flex; flex-direction: column; gap: 2px; align-items: center; }
.ds-stat-num {
    font-size: 1.7rem;
    font-weight: 900;
    color: var(--dark-brown);
    line-height: 1;
    letter-spacing: -0.5px;
}
.ds-stat-label {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    color: rgba(63,50,50,0.65);
}
.ds-stat-divider {
    width: 1px;
    height: 36px;
    background: rgba(63,50,50,0.12);
}

/* Mail confirmation pill */
.donate-success-mail {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(49,175,217,0.08);
    border-radius: 999px;
    color: rgba(63,50,50,0.85);
    font-size: .88rem;
    margin: 0 0 22px;
    max-width: 100%;
}
.donate-success-mail svg { color: var(--primary-blue); flex-shrink: 0; }
.donate-success-mail strong { color: var(--primary-blue); word-break: break-all; }

/* Share section */
.donate-success-share {
    margin: 0 0 22px;
    padding: 14px 0 0;
    border-top: 1px dashed rgba(63,50,50,0.12);
}
.ds-share-label {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(63,50,50,0.65);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
}
.ds-share-btns {
    display: inline-flex;
    gap: 10px;
}
.ds-share-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s;
    color: #fff;
}
.ds-share-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,0.18); }
.ds-share-wa { background: #25D366; }
.ds-share-tw { background: #000; }
.ds-share-link {
    background: rgba(63,50,50,0.08);
    color: var(--dark-brown);
}
.ds-share-link:hover { background: rgba(63,50,50,0.15); }
.ds-share-link.is-copied { background: #2E7D32; color: #fff; }

/* Final close button */
.donate-success-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 13px 38px !important;
    font-size: 1rem;
    font-weight: 700;
}

@media (max-width: 640px) {
    .donate-success-banner { height: 170px; margin: -14px -16px 0; }
    .donate-success-icon-bubble { width: 64px; height: 64px; bottom: -28px; }
    .donate-success-icon-bubble svg { width: 36px; height: 36px; }
    .donate-success-eyebrow { margin-top: 40px; }
    .donate-success h3 { font-size: 1.4rem; }
    .donate-success-impact { gap: 14px; padding: 14px 10px; }
    .ds-stat-num { font-size: 1.4rem; }
}

/* ===========================
   Hero Gallery (3-tile mosaic, replaces airplane)
   =========================== */
.hero-gallery-container {
    width: 100%;
    align-self: stretch;
    padding: 12px 0;
}

.hero-gallery {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 1.6fr 2.2fr 2.2fr;
    gap: 14px;
    width: 100%;
    max-width: 580px;
    aspect-ratio: 1 / 1.30;
    margin: 0 auto;
    position: relative;
    animation: heroGalleryIn 0.9s cubic-bezier(0.23, 1, 0.32, 1) both;
}

/* Banner tile — spans full width on top, 3:1 ratio */
.hero-gallery-banner {
    grid-row: 1;
    grid-column: 1 / -1;
    transform: rotate(0.8deg);
}
.hero-gallery-banner img { object-position: center 78%; }
.hero-gallery-banner:hover {
    transform: rotate(0.8deg) translateY(-4px);
    box-shadow: 0 22px 50px rgba(31, 38, 135, 0.22);
}
.hero-gallery-tile[data-slot="1"] {
    grid-row: 2 / span 2;
    grid-column: 1;
    transform: rotate(-1.2deg);
}
.hero-gallery-tile[data-slot="2"] { grid-row: 2; grid-column: 2; transform: rotate(1.4deg); }
.hero-gallery-tile[data-slot="3"] { grid-row: 3; grid-column: 2; transform: rotate(-0.8deg); }
.hero-gallery-tile[data-slot="1"]:hover { transform: rotate(-1.2deg) translateY(-6px); box-shadow: 0 22px 50px rgba(31, 38, 135, 0.22); }

/* Slot 1 (big left tile) — bias crop window slightly down */
.hero-gallery-tile[data-slot="1"] img { object-position: center 65%; }

@keyframes heroGalleryIn {
    0% { opacity: 0; transform: translateY(24px) scale(0.96); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.hero-gallery-tile {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 12px 32px rgba(31, 38, 135, 0.14), 0 2px 8px rgba(63, 50, 50, 0.06);
    transition: transform 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out);
    border: 3px solid rgba(255, 255, 255, 0.95);
    text-decoration: none;
    display: block;
}

.hero-gallery-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s var(--ease-out);
}

.hero-gallery-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(63, 50, 50, 0) 55%, rgba(63, 50, 50, 0.28) 100%);
    opacity: 0;
    transition: opacity 0.35s var(--ease-out);
    pointer-events: none;
}

.hero-gallery-tile:hover img { transform: scale(1.06); }
.hero-gallery-tile:hover::after { opacity: 1; }

/* Slot 2/3 hover overrides (rotations preserved) */
.hero-gallery-tile[data-slot="2"]:hover { transform: rotate(1.4deg) translateY(-6px); box-shadow: 0 22px 50px rgba(31, 38, 135, 0.22); }
.hero-gallery-tile[data-slot="3"]:hover { transform: rotate(-0.8deg) translateY(-6px); box-shadow: 0 22px 50px rgba(31, 38, 135, 0.22); }

.hero-gallery-cta {
    position: absolute;
    bottom: -18px;
    right: -8px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(255, 193, 24, 0.45), 0 2px 8px rgba(63, 50, 50, 0.08);
    transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
    border: 3px solid var(--white);
    white-space: nowrap;
}

.hero-gallery-cta svg { transition: transform 0.3s var(--ease-out); }

.hero-gallery-cta:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 14px 32px rgba(255, 193, 24, 0.55), 0 4px 12px rgba(63, 50, 50, 0.12);
}

.hero-gallery-cta:hover svg { transform: translateX(3px); }

@media (max-width: 1200px) {
    .hero-gallery { max-width: 540px; gap: 10px; }
}

@media (max-width: 992px) {
    .hero-gallery { max-width: 460px; }
}

@media (max-width: 768px) {
    /* Hero gallery collage — visible on mobile too, JS repositions it
       between the blue (Sıradaki Etkinlik) and brown (kar amacı) cards.
       !important needed because .airplane-container { display: none } in
       the minified bundle competes on the same element (it has both classes). */
    .airplane-container.hero-gallery-container,
    .hero-gallery-container {
        display: block !important;
        width: 100%;
        max-width: 360px;
        margin: -16px auto 32px !important;
        padding: 4px 0 28px;
        order: 0 !important;
        align-self: center !important;
        justify-self: center !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 2;
    }
    .hero-gallery-container .hero-gallery {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Tüm Galeri CTA — center under the gallery on mobile */
    .hero-gallery-container .hero-gallery-cta {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        bottom: -10px !important;
        transform: translateX(-50%) !important;
    }
    /* Hero title — show "Eğitim Derneği" on mobile via prefix */
    .hero-title .hero-title-regular::before {
        content: "Eğitim ";
    }
    .hero-gallery {
        max-width: 100%;
        aspect-ratio: 1 / 1.05;
        gap: 8px;
    }
    .hero-gallery-banner { transform: rotate(0.6deg); }
    .hero-gallery-tile[data-slot="1"] { transform: rotate(-0.8deg); }
    .hero-gallery-tile[data-slot="2"] { transform: rotate(1deg); }
    .hero-gallery-tile[data-slot="3"] { transform: rotate(-0.6deg); }
    .hero-gallery-cta {
        bottom: -14px;
        right: 4px;
        padding: 9px 16px;
        font-size: 0.84rem;
        border-width: 2px;
    }
    .hero-gallery-tile { border-width: 2px; border-radius: 16px; }
}

@media (max-width: 420px) {
    .hero-gallery-container { max-width: 300px; margin: 4px auto 22px; }
    .hero-gallery { gap: 7px; }
    .hero-gallery-cta { padding: 7px 14px; font-size: 0.78rem; }
}

/* ===========================
   Ürünlerle Destekle — yatay carousel (minimal, blends with bg)
   =========================== */
.eshop-preview-wrap {
    position: relative;
    margin: 0 -4px 8px;
}
.eshop-preview-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 24px;
    padding: 18px 24px 24px;
    margin: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    grid-template-columns: none !important;
}
.eshop-preview-scroll::-webkit-scrollbar { display: none; }
.eshop-preview-scroll .eshop-preview-card,
.eshop-preview-scroll .eshop-preview-card:hover {
    flex: 0 0 200px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 0;
    transform: none;
    cursor: default;
}
.eshop-preview-scroll .eshop-preview-card {
    position: relative;
    padding-top: 18px;
}
.eshop-preview-impact {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -10%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px 5px 5px;
    background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
    color: var(--white);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(49, 175, 217, 0.32);
    white-space: nowrap;
    pointer-events: none;
}
.eshop-preview-impact::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--secondary-blue);
}
.eshop-preview-impact strong {
    background: var(--white);
    color: var(--primary-blue);
    font-weight: 800;
    font-size: 0.72rem;
    padding: 3px 8px;
    border-radius: 999px;
}

.eshop-preview-scroll .eshop-preview-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.55);
    overflow: hidden;
    text-decoration: none;
    border: 1px solid rgba(63, 50, 50, 0.05);
    transition: transform 0.35s var(--ease-out), background 0.3s;
    margin-bottom: 10px;
}
.eshop-preview-scroll .eshop-preview-card:hover .eshop-preview-media {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.85);
}
.eshop-preview-scroll .eshop-preview-img {
    width: 86%;
    height: 86%;
    object-fit: contain;
    transition: transform 0.4s var(--ease-out);
}
.eshop-preview-scroll .eshop-preview-card:hover .eshop-preview-img { transform: scale(1.04); }

.eshop-preview-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 4px;
}
.eshop-preview-top {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 3.6em;
}
.eshop-preview-scroll .eshop-preview-card h3 {
    font-size: 0.92rem;
    line-height: 1.25;
    margin: 0;
    color: var(--dark-brown);
    font-weight: 600;
}
.eshop-preview-scroll .eshop-preview-price {
    margin: 0;
    font-weight: 800;
    color: var(--primary-blue);
    font-size: 1.1rem;
    letter-spacing: -0.01em;
}
.eshop-preview-buttons {
    display: flex;
    align-items: stretch;
    gap: 6px;
}
.eshop-preview-add {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border: 0;
    border-radius: 999px;
    background: var(--dark-brown);
    color: var(--white);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
    font-family: inherit;
    box-shadow: 0 6px 14px rgba(63, 50, 50, 0.18);
}
.eshop-preview-add:hover {
    background: var(--primary-blue);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(49, 175, 217, 0.32);
}
.eshop-preview-add.is-added {
    background: #4CAF50;
    box-shadow: 0 8px 18px rgba(76, 175, 80, 0.35);
    pointer-events: none;
}
.eshop-preview-add-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    text-align: center;
}

/* ===========================
   Size selector modal (t-shirts)
   =========================== */
.size-modal-overlay {
    position: fixed; inset: 0;
    background: rgba(63,50,50,0.55);
    backdrop-filter: blur(4px);
    z-index: 9000;
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.22s var(--ease-out);
}
.size-modal-overlay.open { opacity: 1; }
.size-modal {
    background: var(--white);
    border-radius: 22px;
    padding: 24px 26px 22px;
    width: 100%;
    max-width: 380px;
    position: relative;
    box-shadow: 0 24px 60px rgba(0,0,0,0.25);
    transform: translateY(20px) scale(0.97);
    transition: transform 0.28s cubic-bezier(.23,1,.32,1);
}
.size-modal-overlay.open .size-modal { transform: translateY(0) scale(1); }
.size-modal-close {
    position: absolute;
    top: 12px; right: 12px;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: rgba(63,50,50,0.08);
    border: 0;
    font-size: 1.2rem;
    color: var(--dark-brown);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}
.size-modal-close:hover { background: rgba(63,50,50,0.18); transform: scale(1.08); }
.size-modal-head {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}
.size-modal-head img {
    width: 64px; height: 64px;
    object-fit: contain;
    border-radius: 14px;
    background: #F4F0EA;
    padding: 4px;
}
.size-modal-head h3 {
    font-size: 1rem;
    line-height: 1.2;
    margin: 0;
    color: var(--dark-brown);
    font-weight: 700;
}
.size-modal-head p {
    margin: 4px 0 0;
    font-size: 0.85rem;
    color: rgba(63,50,50,0.6);
}
.size-modal-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    margin-bottom: 16px;
}
.size-chip {
    padding: 10px 0;
    border: 1.5px solid rgba(63,50,50,0.18);
    background: var(--white);
    color: var(--dark-brown);
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s var(--ease-out);
    font-family: inherit;
}
.size-chip:hover {
    border-color: var(--primary-blue);
    transform: translateY(-1px);
}
.size-chip.is-active {
    background: var(--dark-brown);
    color: var(--white);
    border-color: var(--dark-brown);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(63,50,50,0.25);
}
.size-modal-add {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border: 0;
    border-radius: 999px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s var(--ease-out);
    font-family: inherit;
    box-shadow: 0 8px 18px rgba(255,193,24,0.35);
}
.size-modal-add:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(255,193,24,0.45);
}
.size-modal-add:disabled {
    background: rgba(63,50,50,0.15);
    color: rgba(63,50,50,0.4);
    cursor: not-allowed;
    box-shadow: none;
}

/* ===========================
   Product info modal (index — same-page popup)
   =========================== */
.product-info-overlay {
    position: fixed; inset: 0;
    background: rgba(63,50,50,0.55);
    backdrop-filter: blur(4px);
    z-index: 9001;
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.22s var(--ease-out);
}
.product-info-overlay.open { opacity: 1; }
.product-info-modal {
    background: var(--white);
    border-radius: 22px;
    width: 100%;
    max-width: 520px;
    max-height: 92vh;
    overflow: hidden;
    position: relative;
    box-shadow: 0 24px 60px rgba(0,0,0,0.25);
    transform: translateY(20px) scale(0.97);
    transition: transform 0.28s cubic-bezier(.23,1,.32,1);
    display: grid;
    grid-template-columns: 1fr 1.2fr;
}
.product-info-overlay.open .product-info-modal { transform: translateY(0) scale(1); }
.product-info-close {
    position: absolute;
    top: 12px; right: 12px;
    width: 34px; height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.85);
    border: 0;
    font-size: 1.3rem;
    color: var(--dark-brown);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    z-index: 2;
}
.product-info-close:hover { background: rgba(255,255,255,1); transform: scale(1.08); }
.product-info-media {
    background: linear-gradient(180deg, #F4F0EA, #E9E3DA);
    display: flex; align-items: center; justify-content: center;
    padding: 24px;
    min-height: 220px;
}
.product-info-media img {
    width: 100%; max-height: 240px;
    object-fit: contain;
}
.product-info-body {
    padding: 24px 26px;
    display: flex;
    flex-direction: column;
}
.product-info-body h3 {
    font-size: 1.15rem;
    line-height: 1.25;
    margin: 0 0 4px;
    color: var(--dark-brown);
    font-weight: 700;
}
.product-info-price {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-blue);
    margin: 0 0 12px;
    letter-spacing: -0.01em;
}
.product-info-desc {
    font-size: 0.9rem;
    color: rgba(63,50,50,0.72);
    line-height: 1.5;
    margin: 0 0 18px;
    flex: 1;
}
.product-info-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    background: var(--accent-yellow);
    color: var(--dark-brown);
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    font-family: inherit;
    box-shadow: 0 8px 18px rgba(255,193,24,0.35);
}
.product-info-add:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(255,193,24,0.45);
}
@media (max-width: 540px) {
    .product-info-modal { grid-template-columns: 1fr; max-width: 360px; }
    .product-info-media { min-height: 180px; padding: 18px; }
    .product-info-media img { max-height: 170px; }
}

/* ===========================
   Donate amount text — force transparent (override legacy #000 rule)
   =========================== */
.donate-card-compact .donate-board .donate-display .donate-amount-text,
.donate-card-compact .donate-board-right .donate-display .donate-amount-text,
.donate-card-compact .donate-display-top .donate-amount-text,
.donate-lg-left .donate-display-lg .donate-amount-text,
.donate-lg-left .donate-board-lg .donate-amount-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    font-weight: 900 !important;
}

/* ===========================
   Large donate panel — apply marker style (same as hero compact)
   =========================== */
.donate-lg-left .donate-board,
.donate-lg-left .donate-board-lg {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.donate-lg-left .board-pole { display: none !important; }
.donate-lg-left .donate-board .board-display,
.donate-lg-left .donate-board-lg .board-display {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.donate-lg-left .donate-board .board-display::before,
.donate-lg-left .donate-board .board-display::after,
.donate-lg-left .donate-board-lg .board-display::before,
.donate-lg-left .donate-board-lg .board-display::after {
    display: none !important;
}
.donate-lg-left .donate-display-top {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    position: relative;
    padding: 4px 22px;
    line-height: 1;
    background:
        linear-gradient(105deg,
            transparent 4%,
            rgba(255, 193, 24, 0.92) 6%,
            rgba(255, 193, 24, 0.98) 92%,
            transparent 96%) no-repeat;
    background-size: 100% 70%;
    background-position: 0 65%;
}
.donate-lg-left .donate-display-top::after {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    bottom: 8%;
    height: 4px;
    background: rgba(255, 152, 0, 0.55);
    filter: blur(0.5px);
    border-radius: 2px;
    pointer-events: none;
}
.donate-lg-left .donate-amount-text {
    background: transparent !important;
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 3.8rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em;
    padding: 0 !important;
    min-width: 0 !important;
    line-height: 1 !important;
    position: relative;
    z-index: 1;
}
.donate-lg-left .donate-currency {
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    position: relative;
    z-index: 1;
}
.donate-lg-left .board-label {
    color: var(--dark-brown) !important;
    text-shadow: none !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.18em !important;
    font-weight: 800 !important;
    opacity: 0.72;
    text-transform: uppercase;
    margin-top: 0 !important;
}
.eshop-preview-info {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(63, 50, 50, 0.08);
    color: var(--dark-brown);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s, color 0.2s;
}
.eshop-preview-info:hover {
    background: var(--accent-yellow);
    color: var(--dark-brown);
    transform: translateY(-2px);
}

/* Prev/Next chevrons — softer */
.eshop-preview-nav {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(6px);
    color: var(--dark-brown);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    z-index: 4;
    transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s;
}
.eshop-preview-nav:hover:not(:disabled) { transform: translateY(-50%) scale(1.08); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); }
.eshop-preview-nav:disabled { opacity: 0.25; cursor: default; }
.eshop-preview-nav-prev { left: -4px; }
.eshop-preview-nav-next { right: -4px; }

/* Soft fade at scroll edges so cut-off cards blend in */
.eshop-preview-wrap::before,
.eshop-preview-wrap::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0;
    width: 32px;
    pointer-events: none;
    z-index: 3;
}
.eshop-preview-wrap::before {
    left: 0;
    background: linear-gradient(90deg, rgba(240, 235, 235, 0.95), rgba(240, 235, 235, 0));
}
.eshop-preview-wrap::after {
    right: 0;
    background: linear-gradient(270deg, rgba(240, 235, 235, 0.95), rgba(240, 235, 235, 0));
}

@media (max-width: 768px) {
    .eshop-preview-scroll .eshop-preview-card { flex: 0 0 160px; }
    .eshop-preview-nav { width: 32px; height: 32px; }
    .eshop-preview-add { font-size: 0.78rem; padding: 9px 12px; }
}

/* Push "Mağazaya Git" CTA further below the carousel so it stands separate */
.eshop-preview-cta {
    margin-top: 24px !important;
    padding-top: 8px;
    display: flex;
    justify-content: center;
}

/* ===========================
   Hero right column — narrower
   =========================== */
@media (min-width: 993px) {
    .hero-section .hero-container > .hero-content {
        max-width: 460px;
        width: 100%;
        justify-self: center;
    }
}

/* ===========================
   AR Uçaklar (and other coming-soon) — grayscale cover image
   =========================== */
.game-card.is-coming-soon .game-media img {
    filter: grayscale(100%);
    opacity: 0.78;
    transition: filter 0.35s var(--ease-out), opacity 0.35s var(--ease-out);
}
.game-card.is-coming-soon:hover .game-media img {
    filter: grayscale(85%);
    opacity: 0.86;
}

/* ===========================
   Game icon images — slightly smaller, centered, transparent backdrop
   =========================== */
.game-media:has(> .game-icon-img) {
    background: linear-gradient(180deg, #F4F0EA 0%, #ECE5DB 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.game-icon-img {
    width: 86% !important;
    height: 86% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 18px rgba(63, 50, 50, 0.16));
    transition: transform 0.4s var(--ease-out);
}
.game-card:hover .game-icon-img { transform: translateY(-4px) scale(1.03); }
@media (max-width: 768px) {
    .game-media:has(> .game-icon-img) { padding: 14px; }
    .game-icon-img { width: 88% !important; height: 88% !important; }
}

/* ============================================================
   ★ MOBILE DESTEK OL OVERRIDE — appended last so it always wins ★
   Earlier rules (lines 1418+) target .donate-lg-right .donate-chip
   etc. unscoped with !important, which would otherwise override
   the @media (max-width: 640px) block higher in the file.
   ============================================================ */
@media (max-width: 640px) {
    /* Chips: 3x3 grid layout */
    .donate-card-row .donate-amount-chips-stretch,
    .donate-lg-right .donate-amount-chips-stretch {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .donate-card-row .donate-amount-chips-stretch .donate-chip,
    .donate-lg-right .donate-amount-chips-stretch .donate-chip {
        font-size: 0.92rem !important;
        padding: 13px 4px !important;
        text-align: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        flex: none !important;
        min-width: 0 !important;
    }

    /* Custom + sertifika row: 1x2 grid */
    .donate-card-row .donate-amount-chips-bottom,
    .donate-lg-right .donate-amount-chips-bottom {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .donate-amount-chips-bottom .donate-chip-input,
    .donate-amount-chips-bottom .donate-chip-cert {
        flex: none !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 12px 12px !important;
        font-size: 0.88rem !important;
        justify-content: flex-start !important;
    }
    .donate-amount-chips-bottom .donate-chip-input input {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 !important;
    }

    /* BIG scoreboard — prominent at top */
    .donate-lg-left .donate-display-lg {
        padding: 22px 26px !important;
        border-radius: 18px !important;
    }
    .donate-lg-left .donate-display-lg .donate-amount-text,
    .donate-display-lg .donate-amount-text {
        font-size: 3.4rem !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        min-width: 0 !important;
    }
    .donate-lg-left .donate-display-lg .donate-currency,
    .donate-display-lg .donate-currency {
        font-size: 1.7rem !important;
    }
    .donate-board-lg .board-label {
        font-size: 0.78rem !important;
        margin-top: 6px !important;
    }

    /* CTA — full width at bottom */
    .donate-lg-left .donate-cta-lg,
    .donate-cta-lg {
        width: 100% !important;
        justify-content: center !important;
        padding: 16px 22px !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
    }
}

/* ============================================================
   Donate modal — mobile UX: shrink certificate preview, enlarge
   the chips/inputs so user-facing action area dominates.
   ============================================================ */
@media (max-width: 760px) {
    /* Compact preview panel — collapses cert into a thin strip */
    .donate-preview-panel {
        padding: 10px 12px 14px !important;
    }
    .donate-preview-sticky {
        position: static !important;
        max-height: none !important;
        padding: 0 !important;
    }
    .donate-preview-eyebrow {
        font-size: 0.7rem !important;
        margin: 0 0 6px !important;
        letter-spacing: 0.08em !important;
        opacity: 0.65 !important;
    }
    .donate-preview-cert {
        max-width: 100% !important;
        aspect-ratio: auto !important;
        min-height: 0 !important;
        padding: 8px !important;
        border-radius: 12px !important;
    }
    .donate-preview-cert .dpc-frame {
        padding: 14px 12px !important;
        min-height: 0 !important;
    }
    .donate-preview-cert .dpc-empty {
        padding: 14px 8px !important;
        gap: 6px !important;
    }
    .donate-preview-cert .dpc-empty svg {
        width: 26px !important;
        height: 26px !important;
        opacity: 0.55 !important;
    }
    .donate-preview-cert .dpc-empty p {
        font-size: 0.78rem !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }
    .donate-preview-cert .dpc-content {
        gap: 6px !important;
    }
    .donate-preview-cert .dpc-title { font-size: 1.05rem !important; margin: 2px 0 !important; }
    .donate-preview-cert .dpc-name { font-size: 0.95rem !important; }
    .donate-preview-cert .dpc-amount { font-size: 0.82rem !important; line-height: 1.35 !important; }
    .donate-preview-cert .dpc-eyebrow,
    .donate-preview-cert .dpc-intro,
    .donate-preview-cert .dpc-cat { font-size: 0.72rem !important; }
    .donate-preview-cert .dpc-divider { margin: 4px 0 !important; }

    .donate-preview-summary {
        margin-top: 10px !important;
        padding-top: 10px !important;
    }
    .dps-row {
        padding: 5px 0 !important;
        font-size: 0.8rem !important;
    }

    /* Enlarge form panel — chips & inputs become the prominent area */
    .donate-form-panel {
        padding: 16px 14px !important;
    }
    .donate-form-panel .donate-step-card {
        padding: 14px 12px !important;
        border-radius: 14px !important;
    }
    .donate-form-panel .donate-step-title,
    .donate-form-panel .donate-step-header {
        font-size: 1rem !important;
    }
    /* Amount chips — bigger tap targets, clear 3-col grid */
    .donate-form-panel .donate-amount-chips {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
    .donate-form-panel .donate-amount-chips .donate-chip,
    .donate-form-panel .donate-amount-chips .donate-chip-input {
        padding: 14px 10px !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        min-height: 48px !important;
    }
    .donate-form-panel .donate-amount-chips .donate-chip-input {
        grid-column: 1 / -1;
    }
    .donate-form-panel .donate-amount-chips .donate-chip-input input {
        font-size: 1rem !important;
        font-weight: 700 !important;
    }
    /* Category cards & template cards — slightly more breathing room */
    .donate-categories .donate-cat-card {
        padding: 10px !important;
    }
    /* Step 1 dropdown / kind picker — bigger touch area */
    .donate-kind-trigger,
    .donate-form-panel select,
    .donate-form-panel input[type="text"],
    .donate-form-panel input[type="email"],
    .donate-form-panel input[type="tel"] {
        padding: 12px 14px !important;
        font-size: 1rem !important;
        border-radius: 12px !important;
    }

    /* Canlı önizleme paneli: yalnızca bir sertifika şablonu seçilince görünsün.
       Boş "önizleme görürsün" durumu mobilde yer kaplamasın. */
    .donate-preview-panel { display: none !important; }
    .donate-preview-panel.is-cert-active { display: block !important; max-height: 42vh; overflow-y: auto; }

    /* Form panelini dikey doldur ki açılan boşlukta buton en dibe insin.
       Grid yerine flex kolon: panel kalan yüksekliği doldurur, içerik kısa
       olsa bile alt boşluk oluşur ve buton margin-top:auto ile dibe iner. */
    .donate-2col { display: flex !important; flex-direction: column; height: 88vh; max-height: 88vh; }
    .donate-form-panel { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
    .donate-preview-panel { flex: 0 0 auto; }
    .donate-form { display: flex; flex-direction: column; flex: 1 0 auto; }
    .donate-step-1.is-active { display: flex; flex-direction: column; flex: 1 0 auto; }

    /* "Kart Bilgilerine Geç" — formun altına yapışık sabit bar.
       Kaydırırken hep görünür; sertifika seçenekleri/inputlar üstünde
       kayabilir, butonun arkasında saklanmaz (sticky yer ayırır). */
    .donate-form-panel .donate-next-btn,
    .donate-form-panel .donate-pay-actions {
        position: sticky;
        bottom: 0;
        z-index: 5;
        width: calc(100% + 28px) !important;
        margin-left: -14px !important;
        margin-right: -14px !important;
        box-shadow: 0 -8px 18px rgba(63,50,50,0.12);
    }
    /* Adım 1 butonu: boşluk varsa en dibe it (margin-top:auto), altın bar */
    .donate-form-panel .donate-next-btn {
        margin-top: auto !important;
        border-radius: 0 !important;
        padding: 16px 24px !important;
    }
    /* Adım 2 aksiyon satırı: butonların arkasına krem zemin */
    .donate-form-panel .donate-pay-actions {
        margin-top: 14px !important;
        padding: 12px 16px !important;
        background: #f9f4ea;
        border-top: 1px solid rgba(63,50,50,0.10);
    }
}

/* ============================================================
   MEGA MENU — navbar dropdown'ları (2026-06)
   Mevcut "liquid glass" pill navbar'ı bozmadan üst başlıkların
   altına hover ile açılan menüler ekler. Saf CSS (JS gerekmez).
   ============================================================ */

/* Pill dropdown'ı dışarı taşıyabilsin diye taşmayı serbest bırak.
   (nav-bubble pill içinde küçük kaldığı için görünümü etkilemez.) */
.liquid-glass-nav { overflow: visible; }

/* Logo artık ana sayfaya tıklanabilir link */
.logo-container .logo-link { display: inline-flex; align-items: center; text-decoration: none; }

/* Dropdown'lu üst başlık + caret */
.nav-link.nav-parent { gap: 5px; }
.nav-caret { transition: transform var(--duration-fast) var(--ease-out); opacity: .7; flex-shrink: 0; }
.nav-item.has-mega:hover .nav-caret { transform: rotate(180deg); opacity: 1; }

/* Mega dropdown paneli */
.nav-mega {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    margin-top: 14px;
    min-width: 230px;
    max-width: min(360px, 92vw);
    display: flex;
    flex-direction: column;
    padding: 10px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    box-shadow: 0 18px 48px rgba(31, 38, 135, 0.28), inset 0 1px 0 rgba(255, 255, 255, .7);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out),
                visibility var(--duration-fast);
    z-index: 60;
}
.nav-mega.nav-mega-wide { min-width: 290px; }

/* Pill ile dropdown arasında hover kopmasın diye görünmez köprü */
.nav-mega::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -18px;
    height: 18px;
}

/* Açılış (hover) */
.nav-item.has-mega:hover .nav-mega,
.nav-item.has-mega:focus-within .nav-mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* Dropdown linkleri */
.nav-mega .mega-link {
    display: block;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--dark-brown);
    text-decoration: none;
    transition: background var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
}
.nav-mega a.mega-link:hover {
    background: rgba(49, 175, 217, 0.12);
    color: var(--primary-blue);
    transform: translateX(3px);
}

/* "Yakında" placeholder (henüz sayfası yok) */
.nav-mega .mega-link.is-soon {
    color: rgba(63, 50, 50, 0.45);
    cursor: default;
    display: flex;
    align-items: center;
    gap: 8px;
}
.mega-soon {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--primary-blue);
    background: rgba(49, 175, 217, 0.12);
    padding: 2px 7px;
    border-radius: 999px;
}

/* Anchor hedefleri sabit header altında kalmasın */
#ana-sayfa, #hakkimizda, #isbirlikleri, #etkinlik, #etkinlik-takvimi,
#ekibimiz, #galeri, #eshop, #oyunlarimiz, #sss, #hedefler, #iletisim {
    scroll-margin-top: 110px;
}

/* ---------- Mobil akordeon (details/summary) ---------- */
.mobile-nav-links .m-group { border-bottom: 1px solid rgba(63, 50, 50, 0.1); }
.mobile-nav-links .m-summary {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--dark-brown);
    cursor: pointer;
    list-style: none;
    transition: color var(--duration-fast);
}
.mobile-nav-links .m-summary::-webkit-details-marker { display: none; }
.mobile-nav-links .m-summary .nav-link-label { flex: 1; text-align: left; }
.mobile-nav-links .m-caret { flex-shrink: 0; transition: transform var(--duration-fast) var(--ease-out); opacity: .6; }
.mobile-nav-links details[open] > .m-summary { color: var(--primary-blue); }
.mobile-nav-links details[open] > .m-summary .m-caret { transform: rotate(180deg); opacity: 1; }
.mobile-nav-links .m-summary:hover { color: var(--primary-blue); }

.mobile-nav-links .m-sub {
    display: flex;
    flex-direction: column;
    padding: 2px 0 12px 36px;
}
.mobile-nav-links .m-sub .mega-link {
    padding: 10px 0;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(63, 50, 50, 0.78);
    text-decoration: none;
    transition: color var(--duration-fast);
}
.mobile-nav-links .m-sub a.mega-link:hover,
.mobile-nav-links .m-sub a.mega-link:active { color: var(--primary-blue); }
.mobile-nav-links .m-sub .mega-link.is-soon { color: rgba(63, 50, 50, .4); display: flex; align-items: center; gap: 8px; }