/* |-------------------------------------------------------------------------- | Dosya Adı : style.css | Oluşturulma Tarihi : 08.07.2026 | Değişiklik Tarihi : 08.07.2026 | Oluşturan : Özgür Elibol | Açıklama : Creative Agency.Ad public site ana stil dosyasıdır. Menü kırılımı, mobil menü ve ekran taşması düzeltmelerini içerir. |-------------------------------------------------------------------------- */ *{box-sizing:border-box} html,body{max-width:100%;overflow-x:hidden} body{margin:0;font-family:Inter,Arial,sans-serif;background-color:var(--site-bg,#070711);background-image:linear-gradient(var(--site-bg-overlay,rgba(7,7,17,.86)),var(--site-bg-overlay,rgba(7,7,17,.86))),var(--site-bg-image,none);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .site-header{position:sticky;top:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(7,7,17,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)} .brand{font-size:24px;font-weight:900;letter-spacing:-.04em;display:flex;align-items:center}.brand span{color:var(--primary)}.site-logo{max-height:58px;max-width:220px;object-fit:contain}.main-nav{display:flex;gap:clamp(10px,1.1vw,18px);align-items:center;min-width:0}.main-nav a,.nav-drop span{font-weight:800;font-size:clamp(13px,.82vw,14px);opacity:.95;white-space:nowrap}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));padding:12px 18px;border-radius:999px;box-shadow:0 18px 55px rgba(255,45,117,.25);border:0;color:#fff;font-weight:900}.btn.ghost{background:rgba(255,255,255,.08);box-shadow:none}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px} /* HİZMETLER MENÜSÜ - Ana başlıklar alt alta, alt başlıklar sadece ilgili ana başlıkta sağdan aşağı açılır. */ .nav-drop{position:relative;padding:12px 0;cursor:pointer} .nav-drop>span{display:inline-flex;align-items:center;gap:7px} .nav-drop>span:after{content:'▾';font-size:11px;opacity:.72} .mega-menu{display:none;position:absolute;left:0;top:44px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);overflow:visible;background:linear-gradient(180deg,#17172b,#0d0d19);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:12px;box-shadow:0 28px 90px rgba(0,0,0,.55)} .nav-drop:hover .mega-menu{display:block;animation:fadeUp .22s ease} .mega-group{position:relative;display:block;margin:0 0 8px} .mega-title{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:900;white-space:normal;line-height:1.25} .mega-title:after{content:'›';font-size:18px;opacity:.85;color:var(--accent)} .mega-group:hover .mega-title{background:linear-gradient(135deg,rgba(255,45,117,.26),rgba(124,60,255,.3));border-color:rgba(255,255,255,.22)} .mega-sub{display:none;position:absolute;left:calc(100% + 12px);top:0;width:330px;max-height:72vh;overflow:auto;padding:12px;border-radius:18px;background:linear-gradient(180deg,#241b48,#121226);border:1px solid rgba(0,229,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.55)} .mega-group:hover>.mega-sub{display:grid;gap:7px;animation:fadeRight .18s ease} .mega-sub:before{content:'';position:absolute;left:-12px;top:14px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #241b48} .mega-sub a{display:block;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:800;color:#f3f1ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);line-height:1.25} .mega-sub a:hover{background:rgba(0,229,255,.16);border-color:rgba(0,229,255,.28);color:#fff;transform:translateX(3px)} .vertical-service-menu::-webkit-scrollbar,.mega-sub::-webkit-scrollbar{width:8px}.vertical-service-menu::-webkit-scrollbar-thumb,.mega-sub::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:20px} @keyframes fadeRight{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}} .hero{min-height:72vh;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:80px 6vw;background:radial-gradient(circle at 20% 10%,rgba(255,45,117,.24),transparent 32%),radial-gradient(circle at 80% 40%,rgba(0,229,255,.18),transparent 30%),rgba(7,7,17,.88)}.eyebrow{color:var(--accent);font-weight:1000;text-transform:uppercase;letter-spacing:.14em}h1{font-size:clamp(34px,5.6vw,74px);line-height:.92;margin:15px 0;letter-spacing:-.07em}h2{font-size:clamp(30px,4vw,56px);line-height:1;margin:0 0 20px;letter-spacing:-.05em}.lead{font-size:20px;color:#d8d8e9;max-width:760px}.hero-photo-stack{position:relative;min-height:clamp(330px,34vw,500px)}.hero-photo-stack img{position:absolute;border-radius:34px;object-fit:cover;box-shadow:0 40px 100px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18)}.hero-photo-stack img:first-child{inset:0 8% 18% 0;width:82%;height:82%}.hero-photo-stack img:last-child{right:0;bottom:0;width:62%;height:48%}.section{padding:90px 6vw;background:rgba(7,7,17,.62)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#111122;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:28px;transition:.25s;overflow:hidden}.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.24);box-shadow:0 30px 80px rgba(0,0,0,.25)}.card h3{font-size:24px;margin:0 0 12px}.badge{display:inline-block;margin:4px 6px 4px 0;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px}.service-grid .service-card{padding:0}.service-card img{width:100%;height:230px;object-fit:cover}.service-card-body{padding:26px}.page-hero{min-height:62vh;background-image:linear-gradient(90deg,rgba(5,5,12,.92),rgba(5,5,12,.45)),var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:end}.page-hero-overlay{padding:110px 6vw 70px;max-width:980px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.content-box{background:#fff;color:#141421;border-radius:32px;padding:40px}.content-box h1,.content-box h2,.content-box h3{color:#080812}.detail-layout{grid-template-columns:1.1fr .9fr}.detail-content{font-size:18px}.detail-side{display:grid;gap:20px}.detail-side>img{width:100%;height:420px;object-fit:cover;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.side-card{background:#111122;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:26px}.form{display:grid;gap:14px}input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#101020;color:#fff}textarea{min-height:130px}label{font-weight:800;font-size:13px;color:#e9e9f7}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:60px 6vw;background:#030307;border-top:1px solid rgba(255,255,255,.1)}.map-box iframe{width:100%;height:180px;border:0;border-radius:18px}.notice{padding:14px 18px;border-radius:14px;background:rgba(0,229,255,.15);border:1px solid rgba(0,229,255,.25)}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} /* Orta ekranlarda masaüstü menü yazıları ve hero alanı taşma yapmasın diye sıkıştırılır. */ @media(max-width:1320px){ .site-header{padding:12px 3vw} .site-logo{max-height:50px;max-width:160px} .hero{gap:28px;padding:62px 4vw} h1{font-size:clamp(36px,5vw,66px)} .lead{font-size:18px} } /* Tablet ve küçük masaüstünde klasik yatay menü yerine hamburger açılır menü kullanılır. */ @media(max-width:1180px){ .site-header{min-height:74px;padding:10px 18px} .site-logo{max-height:52px;max-width:160px} .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:27px;line-height:1;cursor:pointer} .main-nav{display:none;position:absolute;left:0;right:0;top:74px;width:100%;max-height:calc(100vh - 74px);overflow:auto;padding:16px 18px 22px;background:linear-gradient(180deg,#090914,#111126);flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.45)} .main-nav.open{display:flex} .main-nav>a,.nav-drop>span{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);font-size:14px} .nav-cta{justify-content:center!important;background:linear-gradient(135deg,var(--primary),var(--secondary))!important} .nav-drop{width:100%;padding:0} .nav-drop>span:after{content:'▾'} .mega-menu{display:none;position:static;left:auto;right:auto;top:auto;width:100%;max-width:none;max-height:none;margin-top:8px;overflow:visible;padding:10px;background:linear-gradient(180deg,#15152a,#0d0d19);border-radius:18px;box-shadow:none} .nav-drop.open .mega-menu{display:block;animation:fadeUp .16s ease} .mega-group{position:relative;margin:0 0 8px} .mega-title{min-height:44px;padding:12px 14px;font-size:14px} .mega-sub{display:none;position:static;left:auto;right:auto;top:auto;width:100%;max-height:none;overflow:visible;margin:8px 0 0;padding:9px;background:linear-gradient(180deg,#241b48,#17172c);box-shadow:none;border-radius:15px} .mega-sub:before{display:none} .mega-group.open>.mega-sub{display:grid;gap:7px;animation:fadeUp .16s ease} .mega-group:hover>.mega-sub{display:none} .mega-group.open:hover>.mega-sub{display:grid} .mega-sub a{font-size:13px;padding:11px 12px} .hero{grid-template-columns:1fr;min-height:auto;padding:52px 22px 70px;gap:28px} .hero-photo-stack{min-height:360px;max-width:760px;width:100%} .hero-photo-stack img:first-child{width:72%;height:78%} .hero-photo-stack img:last-child{width:58%;height:50%} h1{font-size:clamp(38px,8vw,62px);line-height:.96} .lead{font-size:17px} .grid{grid-template-columns:repeat(2,1fr)} } @media(min-width:1181px){ .nav-drop:hover .mega-menu{display:block;animation:fadeUp .22s ease} .mega-group:hover>.mega-sub{display:grid;gap:7px;animation:fadeRight .18s ease} } @media(max-width:760px){ .site-header{padding:9px 14px} .site-logo{max-height:46px;max-width:140px} .main-nav{top:66px;max-height:calc(100vh - 66px)} .hero{padding:38px 18px 54px} h1{font-size:clamp(34px,12vw,48px)} h2{font-size:clamp(27px,8vw,40px)} .hero-photo-stack{min-height:310px} .hero-photo-stack img:first-child{inset:0 2% 18% 0;width:82%;height:75%} .hero-photo-stack img:last-child{width:66%;height:48%} .split,.site-footer,.detail-layout{grid-template-columns:1fr} .grid{grid-template-columns:1fr} .section{padding:60px 18px} .page-hero{min-height:48vh} .page-hero-overlay{padding:90px 18px 48px} } /* CAA_UPGRADE_V1_9_CONTACT_START */ .homepage-contact-section{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,229,255,.05)),rgba(7,7,17,.72)} .contact-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.contact-info-card{background:#fff;color:#101020;border-radius:32px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.contact-info-card h3{color:#080812;font-size:30px;margin:0 0 12px}.contact-mini-list{display:grid;gap:10px;margin:20px 0}.contact-mini-list p{margin:0;padding:14px 16px;border-radius:18px;background:#f2f2f7;color:#161626}.contact-map-card{min-height:360px;background:#101020;border:1px solid rgba(255,255,255,.12);border-radius:32px;overflow:hidden}.contact-map-card iframe{width:100%;height:100%;min-height:360px;border:0}.contact-page-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:start}.contact-form-box .btn{width:max-content}.contact-side-panel{display:grid;gap:22px}.contact-info-panel p{margin:16px 0 0}.contact-map-panel{padding:0;overflow:hidden;min-height:360px}.contact-map-panel iframe{width:100%;height:360px;border:0}.error-notice{background:rgba(255,45,117,.14);border-color:rgba(255,45,117,.28)}.footer-contact-link{color:var(--accent);font-weight:900}.main-nav>a[href="/contact.php"]{white-space:nowrap} @media(max-width:900px){.contact-preview-grid,.contact-page-grid{grid-template-columns:1fr}.contact-info-card{padding:26px}.contact-map-card,.contact-map-card iframe,.contact-map-panel,.contact-map-panel iframe{min-height:300px;height:300px}.contact-form-box .btn{width:100%}} /* CAA_UPGRADE_V1_9_CONTACT_END */ /* CAA_UPGRADE_V2_0_HOME_CONTACT_LEGAL_START */ html{scroll-behavior:smooth}.homepage-contact-section{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,229,255,.05)),rgba(7,7,17,.72)}.contact-map-wide{width:100%;min-height:320px;margin:0 0 44px;border-radius:30px;overflow:hidden;background:#111122;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.28)}.contact-map-wide iframe{width:100%;height:360px;display:block;border:0}.contact-home-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:start}.contact-info-card,.contact-form-card{background:#fff;color:#101020;border-radius:32px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.contact-info-card h3,.contact-form-card h3{color:#080812;font-size:30px;margin:0 0 12px}.contact-mini-list{display:grid;gap:10px;margin:20px 0}.contact-mini-list p{margin:0;padding:14px 16px;border-radius:18px;background:#f2f2f7;color:#161626}.contact-form-card .form label{color:#17172a}.contact-form-card input,.contact-form-card textarea,.contact-form-card select{background:#f7f7fb;color:#111;border:1px solid #ddd}.legal-check{display:flex!important;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(0,229,255,.25);border-radius:18px;background:rgba(0,229,255,.07);font-size:13px;line-height:1.5}.legal-check input{width:auto!important;margin-top:4px;min-width:18px}.legal-check a{color:#0a58ca;font-weight:900;text-decoration:underline}.legal-links a,.footer-contact-link{color:var(--accent);font-weight:800;text-decoration:none}.legal-links a:hover,.footer-contact-link:hover{text-decoration:underline}.legal-page{max-width:980px}.legal-content{background:#fff;color:#111;border-radius:30px;padding:34px}.legal-content p{font-size:17px;line-height:1.8}.error-notice{background:rgba(255,45,117,.14)!important;border-color:rgba(255,45,117,.28)!important}.site-footer .map-box{display:none!important} @media(max-width:900px){.contact-home-grid{grid-template-columns:1fr}.contact-info-card,.contact-form-card{padding:24px;border-radius:24px}.contact-map-wide,.contact-map-wide iframe{min-height:280px;height:280px}.contact-form-card .btn{width:100%}} /* CAA_UPGRADE_V2_0_HOME_CONTACT_LEGAL_END */ /* CAA_UPGRADE_V4_0_STATUS_START */ @import url('/assets/css/caa-application-status-v3-9.css?v=4.0'); /* CAA_UPGRADE_V4_0_STATUS_END */ /* CAA_UPGRADE_V5_6_MEMBER_REGISTER_START */ @import url('member-register-v5-6.css?v=5.6'); /* CAA_UPGRADE_V5_6_MEMBER_REGISTER_END */ /* CAA_UPGRADE_V5_7_MEMBER_REGISTER_START */ @import url('member-register-v5-7.css?v=5.7'); /* CAA_UPGRADE_V5_7_MEMBER_REGISTER_END */ /* CAA_UPGRADE_V5_8_MEMBER_REGISTER_START */ @import url('member-register-v5-8.css?v=5.8'); /* CAA_UPGRADE_V5_8_MEMBER_REGISTER_END */ /* CAA_REGISTER_WIDTH_FIX_V5_13 */ @import url('/assets/css/member-register-v5-13.css?v=5.13'); /* CAA_UPGRADE_V5_15_PHONE_FORMAT_START */ @import url('member-phone-validation-v5-15.css?v=5.15'); /* CAA_UPGRADE_V5_15_PHONE_FORMAT_END */ /* CAA_UPGRADE_V5_16_PHONE_VALIDATION_START */ @import url('member-phone-v5-16.css?v=5.16'); /* CAA_UPGRADE_V5_16_PHONE_VALIDATION_END */ /* CAA_UPGRADE_V5_19_PHONE_MESSAGE_FIX_START */ @import url('member-phone-v5-19.css?v=5.19'); /* CAA_UPGRADE_V5_19_PHONE_MESSAGE_FIX_END */ /* CAA_UPGRADE_V5_31_PASSWORD_CARD_FIX_START */ @import url('/assets/css/member-password-v5-31.css?v=5.31'); /* CAA_UPGRADE_V5_31_PASSWORD_CARD_FIX_END */ /* CAA_UPGRADE_V5_32_MEMBER_ACCOUNT_CSS */ @import url('/assets/css/member-account-v5-32.css?v=5.32'); /* CAA_UPGRADE_V5_33_REGISTER_SUCCESS_IMPORT */ @import url('/assets/css/member-register-success-v5-33.css?v=5.33'); /* CAA_UPGRADE_V5_36_ACCOUNT_NAV_START */ @import url('/assets/css/member-account-nav-v5-36.css?v=5.36'); /* CAA_UPGRADE_V5_36_ACCOUNT_NAV_END */ /* CAA_UPGRADE_V5_37_MEMBER_ACCOUNT_MENU_START */ @import url('/assets/css/member-account-menu-v5-37.css?v=5.37'); /* CAA_UPGRADE_V5_37_MEMBER_ACCOUNT_MENU_END */ /* CAA_UPGRADE_V5_43_LOGGED_MEMBER_UI_START */ @import url('/assets/css/member-logged-ui-v5-43.css?v=5.43'); /* CAA_UPGRADE_V5_43_LOGGED_MEMBER_UI_END */ /* CAA_UPGRADE_V5_51_CONTENT_TOP_SPACE_FIX */ @import url('/assets/css/content-pages-v5-51.css?v=5.51'); /* CAA_ADMIN_CONTENT_FORM_V5_69 */ @import url('/assets/css/admin-content-form-v5-69.css?v=5.69'); /* CAA_NAV_FINAL_V5_73 */ @import url('/assets/css/nav-final-v5-73.css?v=5.73'); /* CAA_NAV_FONT_FIX_V5_76 */ @import url('/assets/css/nav-font-fix-v5-76.css?v=5.76'); /* CAA_LOGO_SITE_LOGO_FIX_V5_85 */ @import url('/assets/css/logo-site-logo-fix-v5-85.css?v=5.85'); /* CAA_ADMIN_COLORS_V5_86 */ @import url('/assets/css/admin-colors-v5-86.css?v=5.86'); /* CAA_PUBLIC_CONTENT_PAGES_V5_92 */ @import url('/assets/css/public-content-pages-v5-92.css?v=5.92'); /* CAA_PUBLIC_CONTENT_CARDS_V5_93 */ @import url('/assets/css/public-content-cards-v5-93.css?v=5.93'); /* CAA_PUBLIC_CONTENT_HERO_V5_94 */ @import url('/assets/css/public-content-hero-v5-94.css?v=5.94'); /* CAA_PUBLIC_CONTENT_FOUR_CARDS_V5_95 */ @import url('/assets/css/public-content-four-cards-v5-95.css?v=5.95'); /* CAA_THREE_COLUMN_ADS_V5_99 */ @import url('/assets/css/three-column-ads-v5-99.css?v=5.99');