body {font-family: "Urbanist", sans-serif; overflow-x: hidden; padding:0; background: #fff;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0; } a, button, input, select, textarea, [tabindex] { -webkit-tap-highlight-color:transparent; } a, a:hover, a:focus, a:active, a:visited { text-decoration:none !important; } a { color:inherit; } a:hover, a:focus { color:inherit; } a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus { outline:none !important; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; } ::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;} ::-webkit-scrollbar-thumb {background-color: #000101;} ::-webkit-scrollbar-thumb:hover {background-color: #000101;} html {scroll-behavior:smooth;} .container { max-width: 1600px;} :root { --kurumsal:#243D3D; --altin:#CA9E67; --koyu:#272727; } .ustmenu { width:100%; position:absolute; left:0; top:0; z-index:50; padding:22px 0 70px; } .ustmenu.ustmenu-sabit { position:fixed; transition:padding .35s ease,background-color .35s ease,box-shadow .35s ease; } .ustmenu.ustmenu-sabit:before { transition:opacity .35s ease; } .ustmenu.ustmenu-kaydirildi { padding:14px 0 20px; background:rgba(36,61,61,.68); box-shadow:0 5px 24px rgba(0,0,0,.12); } .ustmenu.ustmenu-kaydirildi:before { opacity:0; } .ustmenu.ustmenu-kaydirildi .ustmenuicerik:after { display:none; } @media (prefers-reduced-motion:reduce) { .ustmenu.ustmenu-sabit, .ustmenu.ustmenu-sabit:before { transition:none; } } .ustmenu:before { content:""; width:100%; height:165px; position:absolute; left:0; top:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(39,39,39,.68) 0%,rgba(39,39,39,.48) 27%,rgba(39,39,39,.25) 54%,rgba(39,39,39,.08) 76%,rgba(39,39,39,0) 100%); } .ustmenuicerik { width:100%; position:relative; display:flex; align-items:center; justify-content:space-between; gap:35px; } .ustmenuicerik:after { content:""; position:absolute; left:0; right:0; bottom:-20px; height:1px; background:rgba(255,255,255,.5); pointer-events:none; } .ustmenulogo { width:255px; flex:0 0 255px; display:block; } .ustmenulogo img { width:100%; height:auto; display:block; } .ustmenulogo { animation:sliderMetinGiris 1s cubic-bezier(.22,1,.36,1) .15s both; } @media (prefers-reduced-motion:reduce) { .ustmenulogo { animation:none; } } .ustmenunav { display:flex; align-items:center; justify-content:center; gap:25px; margin-left:auto; } .ustmenunav a { position:relative; color:#ffffff; font-size:15px; line-height:1; font-weight:500; text-decoration:none; white-space:nowrap; transition:opacity .3s ease; } .ustmenunav a:after { content:""; width:0; height:1px; position:absolute; left:50%; bottom:-8px; background:#CA9E67; transform:translateX(-50%); transition:width .3s ease; } .ustmenunav a:hover { opacity:1; color:#ffffff; } .ustmenunav a:hover:after { width:18px; } @media (min-width:1101px) { .ustmenunav a:before { content:""; position:absolute; inset:-14px -8px; cursor:pointer; } } .ustmenugecis { position:relative; display:inline-block; height:1.35em; line-height:1.35; vertical-align:middle; overflow:hidden; } .ustmenugecissatir { display:block; white-space:pre; } .ustmenugecissatir + .ustmenugecissatir { position:absolute; left:0; top:100%; } .ustmenugecisharf { display:inline-block; transition:transform .32s cubic-bezier(.76,0,.24,1); transition-delay:calc(var(--harf-gecikme,0ms) * .6); } .ustmenunav a:is(:hover,:focus-visible) .ustmenugecisharf { transform:translateY(-100%); } @media (prefers-reduced-motion:reduce) { .ustmenugecisharf { transition:none; } .ustmenunav a:is(:hover,:focus-visible) .ustmenugecisharf { transform:none; } } .ustmenusag { display:flex; align-items:center; gap:13px; margin-left:auto; } .diller { position:relative; z-index:1; } .dillerbuton { height:43px; padding:0 19px; border:1px solid rgba(255,255,255,.82); border-radius:50px; outline:0; background:rgba(255,255,255,.025); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:9px; font-family:inherit; font-size:13px; cursor:pointer; transition:background .3s ease,border-color .3s ease; } .dillerbuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; } .dillerbuton img { width:10px; height:10px; display:block; object-fit:contain; transition:transform .3s ease; } .dillermenu { width:160px; position:absolute; right:0; top:calc(100% + 11px); padding:7px; border:1px solid rgba(36,61,61,.12); border-radius:13px; background:#ffffff; box-shadow:0 18px 35px rgba(0,0,0,.15); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .25s ease,visibility .25s ease,transform .25s ease; } .dillermenu:before { content:""; width:100%; height:13px; position:absolute; left:0; top:-13px; } .dillermenu a { width:100%; display:block; padding:10px 12px; border-radius:7px; color:#243D3D; font-size:13px; line-height:1; text-decoration:none; transition:background .25s ease,color .25s ease; } .dillermenu a:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; } .diller:hover .dillermenu { opacity:1; visibility:visible; transform:translateY(0); } .diller:hover .dillerbuton img { transform:rotate(180deg); } .ozelturbuton { height:43px; padding:0 20px 0 23px; border:1px solid rgba(255,255,255,.82); border-radius:50px; color:#ffffff; display:flex; align-items:center; justify-content:center; gap:14px; font-size:13px; line-height:1; text-decoration:none; white-space:nowrap; transition:background .3s ease,color .3s ease,border-color .3s ease; } .ozelturbuton img { width:11px; height:11px; display:block; object-fit:contain; transition:transform .3s ease; } .ozelturbuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; } .ozelturbuton:hover img { transform:translate(2px,-2px); } .slideralani { width:100%; height:848px; min-height:720px; position:relative; overflow:hidden; border-radius:0 0 22px 22px; background:#272727; } .sliderliste { width:100%; height:100%; position:absolute; left:0; top:0; } .slideritem { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .85s cubic-bezier(.4,0,.2,1),visibility .85s ease; } .slideritem.aktif { z-index:2; opacity:1; visibility:visible; pointer-events:auto; } .slidergorsel { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1.045); transition:transform 1.8s cubic-bezier(.2,.65,.25,1); } .slideritem.aktif .slidergorsel { transform:scale(1); } .sliderkarartma { width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg,rgba(39,39,39,.45) 0%,rgba(39,39,39,.20) 38%,rgba(39,39,39,.04) 68%,rgba(39,39,39,.08) 100%); } .slidericerik { width:100%; height:100%; position:absolute; left:0; top:0; z-index:4; pointer-events:none; } .slidericerik .container { height:100%; position:relative; } .slidermetin { width:800px; position:absolute; left:0; bottom:120px; color:#ffffff; opacity:0; transform:translateY(20px); transition:opacity .6s ease .18s,transform .75s cubic-bezier(.2,.7,.2,1) .18s; } .slideritem.aktif .slidermetin { opacity:1; transform:translateY(0); } .sliderustbaslik { display:block; margin-bottom:3px; color:#ffffff; font-size:43px; line-height:1; font-weight:300; letter-spacing:-1.5px; } .slideranabaslik { margin:0; font-size:110px; line-height:.95; font-weight:900; letter-spacing:-3px; text-transform:uppercase; } .slideranabaslik span { display:inline-block; padding-top:.18em; margin-top:-.18em; padding-bottom:.08em; margin-bottom:-.08em; background:linear-gradient(180deg,#ffffff 0%,#ffffff 40%,rgba(255,255,255,.58) 72%,rgba(255,255,255,.06) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; } .slideraciklama { max-width:720px; margin:92px 0 0 10px; color:rgba(255,255,255,.86); font-size:17px; line-height:1.45; font-weight:300; } /* İlk açılışta ve slayt değişiminde metinler sırayla görünür. */ @keyframes sliderMetinGiris { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:translateY(0); } } .slideritem.aktif .sliderustbaslik { animation:sliderMetinGiris .8s cubic-bezier(.22,1,.36,1) .15s both; } .slideritem.aktif .slideranabaslik { animation:sliderMetinGiris 1s cubic-bezier(.22,1,.36,1) .32s both; } .slideritem.aktif .slideraciklama { animation:sliderMetinGiris .9s cubic-bezier(.22,1,.36,1) .55s both; } @media (prefers-reduced-motion:reduce) { .slideritem.aktif :is(.sliderustbaslik, .slideranabaslik, .slideraciklama) { animation:none; } .slidermetin { transition:none; } } .slidersecim { width:660px; position:absolute; right:0; bottom:48px; z-index:12; } .sliderkucukliste { width:100%; display:flex; align-items:flex-end; gap:6px; } .sliderkucukkart { width:103px; height:157px; flex:0 0 103px; position:relative; padding:0; overflow:hidden; border:0; border-radius:10px; outline:0; background:#ffffff; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.08); transform:translateY(0); transition:width .42s cubic-bezier(.2,.7,.2,1),height .42s cubic-bezier(.2,.7,.2,1),flex-basis .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1),border-radius .3s ease,box-shadow .3s ease; } .sliderkucukkart:after { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(36,61,61,.07); opacity:0; transition:opacity .3s ease; pointer-events:none; } .sliderkucukkart:hover:after { opacity:1; } .sliderkucukkart:hover { background:#ffffff; } .sliderkucukkart:hover .sliderkucukad { color:#272727; } .sliderkucukkart img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; } .sliderkucukkart:hover img { transform:none; } .sliderkucukkart.aktif { width:143px; height:190px; flex-basis:143px; padding:6px 6px 31px; border-radius:12px; transform:translateY(-1px); box-shadow:0 12px 30px rgba(0,0,0,.16); } .sliderkucukkart.aktif:after { display:none; } .sliderkucukkart.aktif img { height:100%; border-radius:7px; } .sliderkucukad { width:100%; height:30px; position:absolute; left:0; bottom:0; z-index:3; padding:0 5px; display:flex; align-items:center; justify-content:center; color:#272727; font-size:13px; font-weight:600; line-height:1; opacity:0; transform:translateY(5px); visibility:hidden; transition:opacity .3s ease .1s,transform .3s ease .1s,visibility .3s ease; } .sliderkucukkart.aktif .sliderkucukad { opacity:1; transform:translateY(0); visibility:visible; } .sliderkontrol { width:100%; display:flex; align-items:center; margin-top:24px; } .slideroklar { display:flex; align-items:center; gap:8px; flex:0 0 auto; } .sliderok { width:39px; height:39px; padding:0; border:1px solid rgba(255,255,255,.82); border-radius:50%; outline:0; background:rgba(255,255,255,.02); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease,border-color .25s ease,transform .25s ease; } .sliderok:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .sliderok img { width:11px; height:11px; display:block; object-fit:contain; } .slidercizgi { width:100%; height:1px; margin-left:15px; background:rgba(255,255,255,.75); } @media (max-width:1450px) { .ustmenulogo { width:220px; flex-basis:220px; } .ustmenuicerik { gap:25px; } .ustmenunav { gap:19px; } .ustmenunav a { font-size:13px; } .slideralani { height:780px; } .slidermetin { width:630px; bottom:105px; } .sliderustbaslik { font-size:38px; } .slideranabaslik { font-size:78px; } .slideraciklama { max-width:610px; margin-top:70px; font-size:15px; } .slidersecim { width:590px; } .sliderkucukkart { width:90px; height:142px; flex-basis:90px; } .sliderkucukkart.aktif { width:126px; height:174px; flex-basis:126px; } } @media (max-width:1100px) { .ustmenunav { display:none; } .ustmenulogo { width:220px; flex-basis:220px; } .slideralani { height:760px; } .slidermetin { width:580px; bottom:245px; } .sliderustbaslik { font-size:34px; } .slideranabaslik { font-size:68px; } .slideraciklama { margin-top:45px; font-size:15px; } .slidersecim { width:610px; left:0; right:auto; bottom:35px; } } @media (max-width:768px) { .ustmenu { padding:18px 0 55px; } .ustmenulogo { width:180px; flex-basis:180px; } .ozelturbuton { display:none; } .dillerbuton { height:39px; padding:0 15px; } .slideralani { height:720px; min-height:720px; border-radius:0 0 16px 16px; } .sliderkarartma { background:linear-gradient(180deg,rgba(39,39,39,.08) 0%,rgba(39,39,39,.12) 35%,rgba(39,39,39,.65) 100%); } .slidermetin { width:100%; bottom:260px; padding-right:20px; } .sliderustbaslik { font-size:29px; } .slideranabaslik { font-size:55px; letter-spacing:-2px; } .slideraciklama { max-width:520px; margin:30px 0 0; font-size:14px; } .slidersecim { width:100%; bottom:24px; overflow:hidden; } .sliderkucukliste { align-items:flex-end; overflow-x:auto; padding-top:10px; padding-right:20px; scrollbar-width:none; } .sliderkucukliste::-webkit-scrollbar { display:none; } .sliderkucukkart { width:83px; height:125px; flex-basis:83px; } .sliderkucukkart.aktif { width:112px; height:155px; flex-basis:112px; padding:5px 5px 27px; } .sliderkucukad { height:27px; font-size:11px; } .sliderkontrol { margin-top:14px; padding-right:20px; } .sliderok { width:34px; height:34px; } } @media (max-width:576px) { .ustmenu { padding:15px 0 50px; } .ustmenulogo { width:155px; flex-basis:155px; } .dillerbuton { height:36px; padding:0 12px; font-size:11px; } .slideralani { height:680px; min-height:680px; } .slidermetin { bottom:235px; } .sliderustbaslik { font-size:24px; } .slideranabaslik { font-size:43px; line-height:1; } .slideraciklama { margin-top:23px; padding-right:15px; font-size:13px; line-height:1.5; } .sliderkucukliste { gap:5px; } .sliderkucukkart { width:72px; height:108px; flex-basis:72px; } .sliderkucukkart.aktif { width:97px; height:137px; flex-basis:97px; } .sliderkontrol { margin-top:10px; } .sliderok { width:32px; height:32px; } } .anasayfahakkimizda { width:calc(100% - 88px); min-height:657px; position:relative; margin:0 44px; padding:158px 0 105px; overflow:visible; clip-path:inset(0 -44px 0 0); border-radius:0 0 28px 28px; background:#f8f8f8; } .anasayfahakkimizda .container { position:relative; z-index:3; } .anasayfahakkimizdamobilalt:empty { display:none; } .anasayfahakkimizdamobilalt:not(:empty) { margin-top:30px; } .anasayfahakkimizdaicerik { width:49.5%; max-width:790px; position:relative; z-index:5; } .anasayfahakkimizdabaslik { margin:0 0 38px; color:#243D3D; font-size:40px; line-height:1.15; font-weight:600; letter-spacing:-1.4px; } .anasayfahakkimizdametin { width:100%; color:#272727; font-size:14px; line-height:1.78; font-weight:400; } .anasayfahakkimizdametin p { margin:0 0 25px; } .anasayfahakkimizdametin p:last-child { margin-bottom:0; } .anasayfahakkimizdacizgi { width:100%; height:1px; margin:48px 0 49px; background:rgba(36,61,61,.23); } .anasayfahakkimizdaalt { width:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; } .anasayfahakkimizdasosyal { display:flex; align-items:center; gap:6px; } .anasayfahakkimizdasosyal a { width:43px; height:43px; border:1px solid #243D3D; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,transform .3s ease; } .anasayfahakkimizdasosyal a:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .anasayfahakkimizdasosyal img { width:14px; height:14px; display:block; object-fit:contain; } @supports (mask-image:url("")) { .anasayfahakkimizdasosyal a { position:relative; } .anasayfahakkimizdasosyal a:before { content:""; position:absolute; width:14px; height:14px; background-color:#243D3D; mask:var(--sosyal-ikon) center/contain no-repeat; transition:background-color .3s ease; } .anasayfahakkimizdasosyal a:has(img[src$="ikon-facebook-koyu.svg"]) { --sosyal-ikon:url("../img/ikon/ikon-facebook-koyu.svg"); } .anasayfahakkimizdasosyal a:has(img[src$="ikon-instagram-koyu.svg"]) { --sosyal-ikon:url("../img/ikon/ikon-instagram-koyu.svg"); } .anasayfahakkimizdasosyal a:has(img[src$="ikon-linkedin-koyu.svg"]) { --sosyal-ikon:url("../img/ikon/ikon-linkedin-koyu.svg"); } .anasayfahakkimizdasosyal img { visibility:hidden; } .anasayfahakkimizdasosyal a:hover:before { background-color:#ffffff; } } .anasayfahakkimizdabutonlar { display:flex; align-items:center; justify-content:flex-end; gap:10px; } .anasayfahakkimizdabuton { height:43px; padding:0 20px; border:1px solid #243D3D; border-radius:50px; color:#243D3D; display:flex; align-items:center; justify-content:center; gap:10px; font-size:14px; line-height:1; text-decoration:none; white-space:nowrap; transition:background .3s ease,color .3s ease,border-color .3s ease; } .anasayfahakkimizdabuton img { width:11px; height:11px; display:block; object-fit:contain; transition:transform .3s ease; } .anasayfahakkimizdabuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; } .anasayfahakkimizdabuton:hover img { transform:translate(2px,-2px); } .anasayfahakkimizdabuton.ozeltur { min-width:212px; } .anasayfahakkimizdabuton.hakkimizda { min-width:129px; } .anasayfahakkimizdagorselalani { width:calc(45% + 44px); height:416px; position:absolute; right:-44px; top:133px; z-index:4; } .anasayfahakkimizdagorsel { width:100%; height:100%; position:relative; overflow:visible; } .anasayfahakkimizdagorselzemin { width:100%; height:100%; position:relative; overflow:hidden; border-radius:18px 0 0 18px; } .anasayfahakkimizdagorselzemin img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .anasayfahakkimizdakadin { height:472px; width:auto; position:absolute; right:20.4%; bottom:0; z-index:5; pointer-events:none; } .anasayfahakkimizdakadin img { width:auto; height:100%; display:block; object-fit:contain; object-position:center bottom; } .anasayfahakkimizdafiligran { position:absolute; left:-36px; bottom:-22px; z-index:1; color:rgba(36,61,61,.09); font-size:190px; line-height:1; font-weight:900; letter-spacing:6px; pointer-events:none; user-select:none; } @supports (background-clip:text) or (-webkit-background-clip:text) { .anasayfahakkimizdafiligran { background:linear-gradient(180deg,rgba(36,61,61,.13) 0%,rgba(36,61,61,.055) 48%,rgba(36,61,61,0) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; } } @media (max-width:1450px) { .anasayfahakkimizda { min-height:610px; padding:130px 0 90px; } .anasayfahakkimizdaicerik { width:50%; max-width:660px; } .anasayfahakkimizdabaslik { margin-bottom:30px; font-size:36px; } .anasayfahakkimizdametin { font-size:13px; line-height:1.75; } .anasayfahakkimizdacizgi { margin:38px 0 40px; } .anasayfahakkimizdagorselalani { width:calc(44% + 44px); height:385px; top:112px; } .anasayfahakkimizdakadin { height:455px; right:13%; top:-57px; bottom:-13px; } .anasayfahakkimizdafiligran { font-size:160px; } } @media (max-width:1100px) { .anasayfahakkimizda { min-height:0; padding:95px 0 80px; } .anasayfahakkimizdasosyal { display:none; } .anasayfahakkimizdaicerik { width:100%; max-width:none; padding-right:0; } .anasayfahakkimizdabaslik { font-size:35px; } .anasayfahakkimizdagorselalani { width:calc(100% + 44px); height:440px; position:relative; right:auto; left:0; top:auto; margin-top:70px; } .anasayfahakkimizdagorselzemin { border-radius:18px 0 0 18px; } .anasayfahakkimizdakadin { height:510px; right:12%; top:-58px; bottom:-12px; } .anasayfahakkimizdafiligran { bottom:410px; } } @media (max-width:768px) { .anasayfahakkimizda { width:calc(100% - 30px); margin:0 15px; padding:70px 0 60px; clip-path:inset(0 -15px 0 0); border-radius:0 0 20px 20px; } .anasayfahakkimizdabaslik { margin-bottom:25px; font-size:31px; } .anasayfahakkimizdametin { font-size:13px; line-height:1.7; } .anasayfahakkimizdametin p { margin-bottom:20px; } .anasayfahakkimizdacizgi { margin:32px 0; } .anasayfahakkimizdaalt { align-items:flex-start; flex-direction:column; gap:24px; } .anasayfahakkimizdabutonlar { width:100%; justify-content:flex-start; } .anasayfahakkimizdagorselalani { width:calc(100% + 15px); height:350px; margin-top:60px; } .anasayfahakkimizdakadin { height:405px; right:5%; top:-47px; bottom:-8px; } .anasayfahakkimizdafiligran { left:-15px; bottom:325px; font-size:110px; } } @media (max-width:576px) { .anasayfahakkimizda { padding:55px 0 45px; } .anasayfahakkimizdabaslik { font-size:27px; line-height:1.2; letter-spacing:-.8px; } .anasayfahakkimizdametin { font-size:12px; line-height:1.75; } .anasayfahakkimizdasosyal a { width:39px; height:39px; } .anasayfahakkimizdabutonlar { flex-direction:column; align-items:stretch; } .anasayfahakkimizdabuton { width:100%; min-width:0 !important; } .anasayfahakkimizdagorselalani { height:285px; margin-top:50px; } .anasayfahakkimizdagorselzemin { border-radius:14px 0 0 14px; } .anasayfahakkimizdakadin { height:330px; right:-2%; top:-40px; bottom:-5px; } .anasayfahakkimizdafiligran { bottom:263px; font-size:80px; letter-spacing:3px; } } /* Hakkımızda: yerleşimi değiştirmeden, görünür alana girince açılır. */ .anasayfahakkimizda .hakkimizda-giris { opacity:0; transform:translate3d(0,36px,0); transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1); transition-delay:var(--giris-gecikme,0ms); } .anasayfahakkimizdakadin { top:auto; bottom:0; } .anasayfahakkimizda .anasayfahakkimizdakadin.hakkimizda-giris, .anasayfahakkimizda .anasayfahakkimizdagorselzemin.hakkimizda-giris { transform:none; transition:opacity 1.1s ease; } .anasayfahakkimizda .hakkimizda-giris.gorundu { opacity:1; transform:translate3d(0,0,0); } .anasayfahakkimizdakadin.hakkimizda-giris img { filter:blur(2px); transition:filter 1.4s ease; } .anasayfahakkimizdakadin.hakkimizda-giris.gorundu img { filter:blur(0); } .anasayfahakkimizdafiligran { transform:translate3d(var(--filigran-kayma,0px),0,0); opacity:var(--filigran-opaklik,1); transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s ease; } @media (prefers-reduced-motion:reduce) { .anasayfahakkimizda .hakkimizda-giris { opacity:1; transform:none !important; transition:none; } .anasayfahakkimizdakadin.hakkimizda-giris img { filter:none; transition:none; } .anasayfahakkimizdafiligran { transform:none; opacity:1; transition:none; } } .anasayfaturlar { width:100%; padding:88px 0 110px; background:#ffffff; } .anasayfaturlarust { width:100%; display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:80px; margin-bottom:55px; } .anasayfaturlarbaslik { max-width:620px; margin:0; color:#243D3D; font-size:40px; line-height:1.12; font-weight:600; letter-spacing:-1.4px; } .anasayfaturlaraciklama { max-width:540px; margin-left:auto; color:#272727; font-size:14px; line-height:1.8; font-weight:400; } .anasayfaturlarliste { width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .anasayfaturlarkart { width:100%; height:512px; position:relative; overflow:hidden; border-radius:20px; display:block; text-decoration:none; background:transparent; } .anasayfaturlarkartgorsel { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; } .anasayfaturlarkartgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .7s cubic-bezier(.2,.65,.25,1); } .anasayfaturlarkartvideo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; opacity:0; transition:opacity .35s ease; } .anasayfaturlarkart.video-oynuyor .anasayfaturlarkartvideo, .turlistekart.video-oynuyor .anasayfaturlarkartvideo { opacity:1; } .anasayfaturlar .tur-giris { opacity:0; transition:opacity .8s ease; transition-delay:var(--tur-gecikme,0ms); } .anasayfaturlar .tur-giris.gorundu { opacity:1; } @media (prefers-reduced-motion:reduce) { .anasayfaturlar .tur-giris { opacity:1; transition:none; } .anasayfaturlarkartvideo { transition:none; } } .anasayfaturlarkartgolge { width:100%; height:58%; position:absolute; left:0; bottom:0; z-index:2; background:linear-gradient(180deg,rgba(39,39,39,0) 0%,rgba(39,39,39,.13) 28%,rgba(39,39,39,.62) 73%,rgba(39,39,39,.88) 100%); pointer-events:none; } .anasayfaturlarkarticerik { width:100%; position:absolute; left:0; bottom:28px; z-index:3; padding:0 28px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; } .anasayfaturlarmetin { min-width:0; } .anasayfaturlarkucukbaslik { display:block; margin-bottom:3px; color:rgba(255,255,255,.9); font-size:14px; line-height:1; font-weight:400; } .anasayfaturlarkartbaslik { margin:0; color:#ffffff; font-size:26px; line-height:1.05; font-weight:500; letter-spacing:-.7px; } .anasayfaturlarok { width:43px; height:43px; flex:0 0 43px; border:1px solid rgba(255,255,255,.88); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,transform .3s ease; } .anasayfaturlarok img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .anasayfaturlarkart:hover .anasayfaturlarkartgorsel img { transform:scale(1.035); } .anasayfaturlarkart:hover .anasayfaturlarok { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .anasayfaturlarkart:hover .anasayfaturlarok img { transform:translate(2px,-2px); } @media (max-width:1450px) { .anasayfaturlar { padding:80px 0 100px; } .anasayfaturlarust { margin-bottom:45px; gap:60px; } .anasayfaturlarbaslik { max-width:540px; font-size:36px; } .anasayfaturlaraciklama { max-width:500px; font-size:13px; } .anasayfaturlarkart { height:460px; } .anasayfaturlarkarticerik { bottom:24px; padding:0 22px; } .anasayfaturlarkucukbaslik { font-size:13px; } .anasayfaturlarkartbaslik { font-size:23px; } .anasayfaturlarok { width:40px; height:40px; flex-basis:40px; } } @media (max-width:1100px) { .anasayfaturlarust { grid-template-columns:1fr 1fr; gap:40px; } .anasayfaturlarbaslik { font-size:34px; } .anasayfaturlarliste { grid-template-columns:repeat(2,1fr); gap:16px; } .anasayfaturlarkart { height:500px; } } @media (max-width:768px) { .anasayfaturlar { padding:65px 0 75px; } .anasayfaturlarust { grid-template-columns:1fr; gap:25px; margin-bottom:38px; } .anasayfaturlarbaslik { max-width:520px; font-size:31px; } .anasayfaturlaraciklama { max-width:100%; margin-left:0; font-size:13px; line-height:1.7; } .anasayfaturlarkart { height:430px; border-radius:16px; } .anasayfaturlarkarticerik { bottom:22px; padding:0 20px; } .anasayfaturlarkartbaslik { font-size:22px; } } @media (max-width:576px) { .anasayfaturlar { padding:55px 0 65px; } .anasayfaturlarbaslik { font-size:28px; line-height:1.12; letter-spacing:-.9px; } .anasayfaturlarliste { grid-template-columns:1fr; gap:14px; } .anasayfaturlarkart { height:440px; } .anasayfaturlarkucukbaslik { font-size:12px; } .anasayfaturlarkartbaslik { font-size:23px; } .anasayfaturlarok { width:39px; height:39px; flex-basis:39px; } } .anasayfaslogan { width:100%; padding:0 0 0; background:#ffffff; } .anasayfasloganalan { width:calc(100% - 88px); min-height:716px; position:relative; margin:0 44px; padding:74px 82px 68px; overflow:hidden; border-radius:24px; background:#272727; } .anasayfasloganzemin { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } .anasayfasloganzemin img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .anasayfasloganoverlay { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:linear-gradient(180deg,rgba(39,39,39,.08) 0%,rgba(39,39,39,.04) 24%,rgba(39,39,39,.10) 56%,rgba(39,39,39,.18) 100%); } .anasayfasloganicerik { width:100%; position:relative; z-index:4; } .anasayfasloganbaslik { max-width:980px; margin:0 auto; color:#ffffff; font-size:56px; line-height:1.18; font-weight:300; letter-spacing:-2.2px; text-align:center; } .anasayfasloganortaikon { width:118px; height:118px; position:absolute; left:50%; top:246px; z-index:5; transform:translateX(-50%); border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(202,158,103,.94); box-shadow:0 14px 35px rgba(0,0,0,.08); } .anasayfasloganortaikon img { width:118px; height:118px; display:block; object-fit:contain; } .anasayfaslogankartlar { width:100%; position:relative; z-index:4; margin-top:225px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .anasayfaslogankart { width:100%; min-height:210px; padding:34px 20px 28px; border-radius:22px; background:#ffffff; display:flex; align-items:center; justify-content:center; text-align:center; transition:transform .35s ease,box-shadow .35s ease; } .anasayfaslogankart:hover { --slogan-hover-y:-4px; transform:translateY(-4px); box-shadow:0 20px 35px rgba(39,39,39,.08); } .anasayfaslogankarticerik { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; } .anasayfasloganikon { width:74px; height:74px; margin-bottom:22px; display:flex; align-items:center; justify-content:center; } .anasayfasloganikon img { width:58px; height:58px; display:block; object-fit:contain; } .anasayfaslogankartbaslik { margin:0; color:#272727; font-size:21px; line-height:1.25; font-weight:500; letter-spacing:-.3px; } @media (max-width:1450px) { .anasayfaslogan { padding-bottom:95px; } .anasayfasloganalan { min-height:675px; padding:68px 60px 58px; } .anasayfasloganbaslik { max-width:900px; font-size:50px; } .anasayfasloganortaikon { top:232px; } .anasayfaslogankartlar { margin-top:305px; gap:16px; } .anasayfaslogankart { min-height:195px; padding:30px 18px 25px; border-radius:20px; } .anasayfasloganikon { margin-bottom:18px; } .anasayfasloganikon img { width:54px; height:54px; } .anasayfaslogankartbaslik { font-size:20px; } } @media (max-width:1100px) { .anasayfasloganalan { width:calc(100% - 40px); min-height:0; margin:0 20px; padding:62px 30px 38px; } .anasayfasloganbaslik { max-width:760px; font-size:42px; } .anasayfasloganortaikon { width:105px; height:105px; top:206px; } .anasayfasloganortaikon img { width:105px; height:105px; } .anasayfaslogankartlar { margin-top:280px; grid-template-columns:repeat(2,1fr); gap:16px; } .anasayfaslogankart { min-height:180px; } } @media (max-width:768px) { .anasayfaslogan { padding-bottom:75px; } .anasayfasloganalan { width:calc(100% - 30px); margin:0 15px; padding:52px 20px 28px; border-radius:20px; } .anasayfasloganbaslik { max-width:100%; font-size:34px; line-height:1.2; letter-spacing:-1.2px; } .anasayfasloganortaikon { width:94px; height:94px; top:190px; } .anasayfasloganortaikon img { width:94px; height:94px; } .anasayfaslogankartlar { margin-top:245px; grid-template-columns:1fr 1fr; gap:12px; } .anasayfaslogankart { min-height:160px; padding:26px 15px 22px; border-radius:16px; } .anasayfasloganikon { width:60px; height:60px; margin-bottom:14px; } .anasayfasloganikon img { width:46px; height:46px; } .anasayfaslogankartbaslik { font-size:19px; } } @media (max-width:576px) { .anasayfaslogan { padding-bottom:60px; } .anasayfasloganalan { padding:42px 15px 18px; border-radius:16px; } .anasayfasloganbaslik { font-size:28px; line-height:1.22; letter-spacing:-.8px; } .anasayfasloganortaikon { width:84px; height:84px; top:180px; } .anasayfasloganortaikon img { width:84px; height:84px; } .anasayfaslogankartlar { margin-top:220px; grid-template-columns:1fr; gap:10px; } .anasayfaslogankart { min-height:145px; padding:24px 15px 20px; border-radius:14px; } .anasayfasloganikon { margin-bottom:12px; } .anasayfaslogankartbaslik { font-size:18px; } } /* Slogan: kaydırmaya bağlı derinlik, iki yandan kart girişi ve sabit merkezli rozet. */ .anasayfasloganalan.slogan-efekt .anasayfasloganzemin { inset:-60px 0; height:calc(100% + 120px); transform:translate3d(0,var(--slogan-zemin,0px),0); } .anasayfasloganalan.slogan-efekt .anasayfasloganbaslik { opacity:0; transform:perspective(900px) translateY(35px) rotateX(-35deg); transform-origin:50% 0; transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1); } .anasayfasloganalan.slogan-efekt .anasayfasloganbaslik.gorundu { opacity:1; transform:perspective(900px) translateY(0) rotateX(0); } .anasayfasloganalan.slogan-efekt .anasayfaslogankart { opacity:var(--slogan-kart-opaklik,0); transform:translate3d(calc(var(--slogan-kart-yon,1) * var(--slogan-kart-kayma,70px)),var(--slogan-hover-y,0px),0); transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1),box-shadow .35s ease; } .anasayfasloganalan.slogan-efekt .anasayfaslogankart:nth-child(-n+2) { --slogan-kart-yon:-1; } .anasayfaslogankart { position:relative; } .anasayfasloganortaikon > img { mask-image:radial-gradient(circle,transparent 32%,#000 33%); -webkit-mask-image:radial-gradient(circle,transparent 32%,#000 33%); animation:sloganRozetDonus 24s linear infinite; animation-play-state:paused; } .anasayfasloganalan.slogan-gorunur .anasayfasloganortaikon > img { animation-play-state:running; } .slogan-sabit-ok { position:absolute; inset:0; width:100%; height:100%; color:#fff; pointer-events:none; } @keyframes sloganRozetDonus { to { transform:rotate(360deg); } } @media (max-width:768px) { .anasayfasloganalan.slogan-efekt .anasayfasloganzemin { inset:-30px 0; height:calc(100% + 60px); } } @media (prefers-reduced-motion:reduce) { .anasayfasloganalan.slogan-efekt .anasayfasloganzemin { transform:none; transition:none; } .anasayfasloganalan.slogan-efekt .anasayfasloganbaslik, .anasayfasloganalan.slogan-efekt .anasayfaslogankart { opacity:1; transform:none; transition:none; } .anasayfasloganortaikon > img { animation:none; } } .anasayfasloganmetin { width:100%; padding:72px 0; background:#ffffff; overflow:hidden; } .anasayfasloganmetinicerik { width:100%; height:86px; position:relative; overflow:hidden; display:flex; align-items:center; } .anasayfasloganmetinicerik:before { content:""; width:150px; height:100%; position:absolute; left:0; top:0; z-index:5; pointer-events:none; background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.70) 55%,rgba(255,255,255,0) 100%); } .anasayfasloganmetinicerik:after { content:""; width:150px; height:100%; position:absolute; right:0; top:0; z-index:5; pointer-events:none; background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.70) 55%,rgba(255,255,255,0) 100%); } .anasayfasloganmetinkayan { width:max-content; display:flex; align-items:center; will-change:transform; animation:anasayfaslogankay 22s linear infinite; } .anasayfasloganmetingrup { flex:0 0 auto; display:flex; align-items:center; gap:30px; padding-right:30px; white-space:nowrap; } .anasayfasloganmetingrup span { color:rgba(36,61,61,.055); font-size:90px; line-height:1; font-weight:900; letter-spacing:.3px; text-transform:uppercase; } .anasayfasloganmetingrup i { width:15px; height:15px; flex:0 0 15px; border-radius:50%; display:block; background:rgba(36,61,61,.065); } @keyframes anasayfaslogankay { 0% { transform:translate3d(0,0,0); } 100% { transform:translate3d(-50%,0,0); } } @media (max-width:1450px) { .anasayfasloganmetin { padding:65px 0; } .anasayfasloganmetinicerik { height:76px; } .anasayfasloganmetingrup span { font-size:68px; } .anasayfasloganmetinicerik:before,.anasayfasloganmetinicerik:after { width:120px; } } @media (max-width:1100px) { .anasayfasloganmetin { padding:58px 0; } .anasayfasloganmetinicerik { height:68px; } .anasayfasloganmetingrup span { font-size:58px; } .anasayfasloganmetingrup { gap:24px; padding-right:24px; } .anasayfasloganmetingrup i { width:12px; height:12px; flex-basis:12px; } .anasayfasloganmetinicerik:before,.anasayfasloganmetinicerik:after { width:90px; } } @media (max-width:768px) { .anasayfasloganmetin { padding:48px 0; } .anasayfasloganmetinicerik { height:58px; } .anasayfasloganmetingrup span { font-size:48px; } .anasayfasloganmetinicerik:before,.anasayfasloganmetinicerik:after { width:65px; } } @media (max-width:576px) { .anasayfasloganmetin { padding:40px 0; } .anasayfasloganmetinicerik { height:47px; } .anasayfasloganmetingrup span { font-size:38px; } .anasayfasloganmetingrup { gap:18px; padding-right:18px; } .anasayfasloganmetingrup i { width:9px; height:9px; flex-basis:9px; } .anasayfasloganmetinicerik:before,.anasayfasloganmetinicerik:after { width:45px; } } .anasayfaharita { width:100%; padding:0 0; background:#ffffff; overflow:hidden; } .anasayfaharitaalan { width:calc(100% - 145px); min-height:830px; position:relative; margin-left:145px; padding:88px 0 54px 36px; overflow:hidden; border-radius:20px 0 0 20px; background:#fafafa; } .anasayfaharitaicerik { width:100%; display:grid; grid-template-columns:minmax(0,865px) minmax(460px,1fr); gap:60px; align-items:start; } .anasayfaharitasol { width:100%; } .anasayfaharitaust { width:100%; position:relative; min-height:145px; padding-right:10px; } .anasayfaharitabilgi { width:100%; transition:opacity .25s ease,transform .35s ease; } .anasayfaharitabilgi.degisiyor { opacity:0; transform:translateY(8px); } .anasayfaharitabaslik { margin:0 0 24px; color:#243D3D; font-size:37px; line-height:1.1; font-weight:500; letter-spacing:-1.4px; } .anasayfaharitaaciklama { max-width:860px; padding-right:20px; color:#243D3D; font-size:13px; line-height:1.8; font-weight:400; } .anasayfaharitaaciklama p { margin:0; } .anasayfaharitabuton { height:40px; position:absolute; right:0; top:4px; padding:0 22px 0 26px; border-radius:50px; background:#243D3D; color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; font-size:13px; line-height:1; text-decoration:none; white-space:nowrap; transition:background .3s ease,transform .3s ease; } .anasayfaharitabuton img { width:11px; height:11px; display:block; object-fit:contain; transition:transform .3s ease; } .anasayfaharitabuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .anasayfaharitabuton:hover img { transform:translate(2px,-2px); } .anasayfaharitagorsel { width:100%; height:510px; margin-top:30px; overflow:hidden; border-radius:18px; background:#ececec; } .anasayfaharitagorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; opacity:1; transform:scale(1); transition:opacity .35s ease,transform .65s cubic-bezier(.2,.7,.2,1); } .anasayfaharitagorsel img.degisiyor { opacity:0; transform:scale(1.02); } .anasayfaharitasag { width:100%; height:690px; position:relative; margin-top:-60px; } .anasayfaharitacizim { width:570px; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); } .anasayfaharitacizim > img { width:100%; height:100%; display:block; object-fit:contain; object-position:center center; opacity:.62; pointer-events:none; } .anasayfaharitakonum { width:30px; height:42px; position:absolute; z-index:4; padding:0; border:0; outline:0; background:transparent; cursor:pointer; transform:translate(-50%,-100%); transition:transform .3s cubic-bezier(.2,.7,.2,1); } .anasayfaharitakonum > img { width:100%; height:100%; display:block; object-fit:contain; transition:transform .3s ease,filter .3s ease; } .anasayfaharitakonum:hover { transform:translate(-50%,-100%) translateY(-4px); } .anasayfaharitakonum.aktif { z-index:10; transform:translate(-50%,-100%) translateY(-4px); } .anasayfaharitakonum.aktif > img { transform:scale(1.08); } .anasayfaharitakonumadi { height:23px; position:absolute; left:38px; top:9px; padding:0 19px; border-radius:20px; background:#243D3D; color:#ffffff; display:flex; align-items:center; justify-content:center; font-size:11px; line-height:1; font-weight:400; white-space:nowrap; opacity:0; visibility:hidden; transform:translateX(-7px); transition:opacity .25s ease,transform .3s ease,visibility .25s ease; pointer-events:none; } .anasayfaharitakonum.aktif .anasayfaharitakonumadi { opacity:1; visibility:visible; transform:translateX(0); } .anasayfaharitakonum:hover .anasayfaharitakonumadi { background:#243D3D; color:#ffffff; } /* Harita efektleri, konumların mevcut koordinat ve hover dönüşümlerinden bağımsızdır. */ .harita-efekt .anasayfaharitaust, .harita-efekt .anasayfaharitagorsel { opacity:0; transition:opacity .9s ease; } .harita-efekt .anasayfaharitaust.harita-gorundu, .harita-efekt .anasayfaharitagorsel.harita-gorundu { opacity:1; } .harita-efekt .anasayfaharitacizim > img { opacity:0; transition:opacity 1.1s ease; } .harita-efekt .harita-gorundu .anasayfaharitacizim > img { opacity:.62; } .harita-efekt .anasayfaharitakonum { opacity:0; } .harita-efekt .harita-gorundu .anasayfaharitakonum { animation:haritaPinGiris .55s cubic-bezier(.22,1,.36,1) var(--pin-gecikme,0ms) both; } @keyframes haritaPinGiris { 0% { opacity:0; translate:0 -24px; } 65% { opacity:1; translate:0 3px; } 100% { opacity:1; translate:0 0; } } @media (prefers-reduced-motion:reduce) { .harita-efekt .anasayfaharitaust, .harita-efekt .anasayfaharitagorsel, .harita-efekt .anasayfaharitakonum { opacity:1; transition:none; } .harita-efekt .harita-gorundu .anasayfaharitakonum { animation:none; } .harita-efekt .anasayfaharitacizim > img { opacity:.62; transition:none; } } .anasayfaharitakonum.k1 { left:50%; top:15%; } .anasayfaharitakonum.k2 { left:44%; top:30%; } .anasayfaharitakonum.k3 { left:42%; top:44%; } .anasayfaharitakonum.k4 { left:54%; top:26%; } .anasayfaharitakonum.k5 { left:61%; top:33%; } .anasayfaharitakonum.k6 { left:70%; top:38%; } .anasayfaharitakonum.k7 { left:72%; top:53%; } .anasayfaharitakonum.k8 { left:30%; top:56%; } .anasayfaharitakonum.k9 { left:36%; top:50%; } .anasayfaharitakonum.k10 { left:55%; top:56%; } .anasayfaharitakonum.k11 { left:68%; top:68%; } .anasayfaharitakonum.k12 { left:58%; top:65%; } .anasayfaharitakonum.k13 { left:35%; top:78%; } .anasayfaharitakonum.k14 { left:39%; top:88%; } .anasayfaharitakonum.k15 { left:15%; top:95%; } .anasayfaharitakonum.k16 { left:65%; top:94%; } @media (max-width:1450px) { .anasayfaharita { padding-bottom:95px; } .anasayfaharitaalan { width:calc(100% - 100px); min-height:760px; margin-left:100px; padding:75px 0 45px 32px; } .anasayfaharitaicerik { grid-template-columns:minmax(0,760px) minmax(400px,1fr); gap:45px; } .anasayfaharitabaslik { font-size:34px; } .anasayfaharitaaciklama { font-size:12px; } .anasayfaharitagorsel { height:460px; } .anasayfaharitasag { height:640px; } .anasayfaharitacizim { width:510px; } } @media (max-width:1100px) { .anasayfaharitaalan { width:calc(100% - 40px); margin-left:40px; padding:65px 35px 55px; } .anasayfaharitaicerik { grid-template-columns:1fr; gap:35px; } .anasayfaharitaust { min-height:0; } .anasayfaharitaaciklama { max-width:720px; padding-right:180px; } .anasayfaharitagorsel { height:480px; margin-top:40px; } .anasayfaharitasag { height:650px; margin-top:0; } .anasayfaharitacizim { width:540px; } } @media (max-width:768px) { .anasayfaharita { padding-bottom:75px; } .anasayfaharitaalan { width:calc(100% - 15px); margin-left:15px; padding:52px 20px 40px; } .anasayfaharitabaslik { margin-bottom:20px; font-size:31px; } .anasayfaharitaaciklama { max-width:100%; padding-right:0; font-size:13px; line-height:1.7; } .anasayfaharitabuton { position:relative; right:auto; top:auto; display:inline-flex; margin-top:25px; } .anasayfaharitagorsel { height:370px; margin-top:35px; border-radius:15px; } .anasayfaharitasag { height:520px; } .anasayfaharitacizim { width:430px; } .anasayfaharitakonum { width:25px; height:35px; } .anasayfaharitakonumadi { left:31px; top:6px; height:21px; padding:0 14px; font-size:10px; } } @media (max-width:576px) { .anasayfaharita { padding-bottom:60px; } .anasayfaharitaalan { padding:42px 15px 30px; } .anasayfaharitabaslik { font-size:28px; } .anasayfaharitaaciklama { font-size:12px; } .anasayfaharitagorsel { height:290px; margin-top:30px; } .anasayfaharitasag { height:420px; } .anasayfaharitacizim { width:340px; } .anasayfaharitakonum { width:21px; height:30px; } .anasayfaharitakonumadi { left:27px; top:4px; height:19px; padding:0 11px; font-size:9px; } } .anasayfayorum { width:100%; padding:90px 0 0; background:#ffffff; overflow:hidden; } .google-yorum-baslik { text-align:center; margin-bottom:28px; } .google-yorum-baslik h2 { color:#243d3d; font-size:clamp(25px,3vw,36px); font-weight:500; margin:0; } .google-yorum-bos { max-width:900px; margin:0 auto; padding:46px 24px; text-align:center; border:1px solid #e8e4dc; border-radius:24px; background:linear-gradient(135deg,#faf9f6,#f5f8f6); } .google-yorum-bos-ikon { display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin:0 auto 20px; border-radius:50%; background:#e8efeb; color:#243d3d; } .google-yorum-bos h3 { margin:0 0 10px; font-size:clamp(18px,2vw,22px); font-weight:500; line-height:1.5; color:#243d3d; } .google-yorum-bos p { margin:0; color:#657572; font-size:14px; line-height:1.7; } .google-yorum-siralama { text-align:center; color:#657572; font-size:13px; margin-bottom:24px; } .google-yorum-atif { display:flex; justify-content:center; gap:12px; margin-top:28px; color:#5e5e5e; font:400 14px Arial,sans-serif; } .google-yorum-atif span { white-space:nowrap; } .anasayfayorumisim a { color:inherit; } .anasayfayorumprofil span { display:grid; place-items:center; width:100%; height:100%; color:white; font-size:24px; } .anasayfayorumyildiz span { color:#d6d6d6; font-size:19px; } .anasayfayorumyildiz span.dolu { color:#c39551; } .google-yorum-kaynak { margin-top:14px; font-size:12px; color:#243d3d; text-decoration:underline; } .anasayfayorumslider { width:100%; margin:0 -12px; } .anasayfayorumslider .slick-list { overflow:hidden; padding:24px 0 48px; margin:-24px 0 -48px; } .anasayfayorumslider .slick-track { display:flex; } .anasayfayorumslider .slick-slide { height:auto; padding:0 12px; } .anasayfayorumslider .slick-slide > div { height:100%; } .anasayfayorumkart { width:100%; min-height:378px; padding:38px 28px 34px; border:1px solid rgba(39,39,39,.14); border-radius:25px; background:#ffffff; display:flex !important; flex-direction:column; align-items:center; text-align:center; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; } .anasayfayorumkart:hover { transform:translateY(-4px); border-color:rgba(202,158,103,.38); box-shadow:0 16px 35px rgba(39,39,39,.05); } .anasayfayorumprofil { width:60px; height:60px; margin-bottom:30px; overflow:hidden; border-radius:50%; background:#272727; } .anasayfayorumprofil img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .anasayfayorumisim { margin:0 0 7px; color:#272727; font-size:16px; line-height:1.2; font-weight:600; } .anasayfayorumyildiz { display:flex; align-items:center; justify-content:center; gap:5px; margin-bottom:22px; } .anasayfayorumyildiz img { width:17px; height:17px; display:block; object-fit:contain; } .anasayfayorummetni { max-width:245px; margin:0 auto; color:#272727; font-size:13px; line-height:1.35; font-weight:400; } .anasayfayorumtarih { margin-top:auto; padding-top:28px; color:#272727; font-size:12px; line-height:1; font-weight:400; } @media (max-width:1450px) { .anasayfayorum { padding:80px 0 95px; } .anasayfayorumslider { margin:0 -10px; } .anasayfayorumslider .slick-slide { padding:0 10px; } .anasayfayorumkart { min-height:360px; padding:34px 24px 30px; } .anasayfayorumprofil { width:58px; height:58px; margin-bottom:26px; } .anasayfayorumisim { font-size:15px; } .anasayfayorummetni { font-size:12px; } } @media (max-width:1100px) { .anasayfayorum { padding:70px 0 85px; } .anasayfayorumkart { min-height:350px; } } @media (max-width:768px) { .anasayfayorum { padding:60px 0 70px; } .anasayfayorumslider { margin:0 -7px; } .anasayfayorumslider .slick-slide { padding:0 7px; } .anasayfayorumkart { min-height:340px; padding:30px 22px 28px; border-radius:20px; } .anasayfayorumprofil { width:54px; height:54px; margin-bottom:24px; } } @media (max-width:576px) { .anasayfayorum { padding:50px 0 60px; } .anasayfayorumslider { margin:0; } .anasayfayorumslider .slick-slide { padding:0 5px; } .anasayfayorumkart { min-height:330px; padding:28px 20px 25px; } .anasayfayorummetni { max-width:260px; } } .yorumaltislogan { width:100%; padding:72px 0; background:#ffffff; overflow:hidden; } .yorumaltisloganicerik { width:100%; height:86px; position:relative; overflow:hidden; display:flex; align-items:center; } .yorumaltisloganicerik:before { content:""; width:150px; height:100%; position:absolute; left:0; top:0; z-index:5; pointer-events:none; background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.70) 55%,rgba(255,255,255,0) 100%); } .yorumaltisloganicerik:after { content:""; width:150px; height:100%; position:absolute; right:0; top:0; z-index:5; pointer-events:none; background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.70) 55%,rgba(255,255,255,0) 100%); } .yorumaltislogankayan { width:max-content; display:flex; align-items:center; will-change:transform; animation:yorumaltislogankay 22s linear infinite; } .yorumaltislogangrup { flex:0 0 auto; display:flex; align-items:center; gap:30px; padding-right:30px; white-space:nowrap; } .yorumaltislogangrup span { color:rgba(36,61,61,.055); font-family:"Oswald",sans-serif; font-size:78px; line-height:1; font-weight:700; letter-spacing:.3px; text-transform:uppercase; } .yorumaltislogangrup i { width:15px; height:15px; flex:0 0 15px; border-radius:50%; display:block; background:rgba(36,61,61,.065); } @keyframes yorumaltislogankay { 0% { transform:translate3d(0,0,0); } 100% { transform:translate3d(-50%,0,0); } } @media (max-width:1450px) { .yorumaltislogan { padding:65px 0; } .yorumaltisloganicerik { height:76px; } .yorumaltislogangrup span { font-size:68px; } .yorumaltisloganicerik:before,.yorumaltisloganicerik:after { width:120px; } } @media (max-width:1100px) { .yorumaltislogan { padding:58px 0; } .yorumaltisloganicerik { height:68px; } .yorumaltislogangrup span { font-size:58px; } .yorumaltislogangrup { gap:24px; padding-right:24px; } .yorumaltislogangrup i { width:12px; height:12px; flex-basis:12px; } .yorumaltisloganicerik:before,.yorumaltisloganicerik:after { width:90px; } } @media (max-width:768px) { .yorumaltislogan { padding:48px 0; } .yorumaltisloganicerik { height:58px; } .yorumaltislogangrup span { font-size:48px; } .yorumaltisloganicerik:before,.yorumaltisloganicerik:after { width:65px; } } @media (max-width:576px) { .yorumaltislogan { padding:40px 0; } .yorumaltisloganicerik { height:47px; } .yorumaltislogangrup span { font-size:38px; } .yorumaltislogangrup { gap:18px; padding-right:18px; } .yorumaltislogangrup i { width:9px; height:9px; flex-basis:9px; } .yorumaltisloganicerik:before,.yorumaltisloganicerik:after { width:45px; } } .altbilgi { width:100%; position:relative; padding:0 0 22px; overflow:hidden; background:url("../img/genel/altbilgi.jpg") center bottom/cover no-repeat;} .altbilgi:before { content:""; width:100%; height:220px; position:absolute; left:0; bottom:38px; z-index:1; pointer-events:none; } .altbilgiicerik { width:100%; position:relative; z-index:3; padding:72px 0 44px; border-top:1px solid rgba(39,39,39,.16); display:grid; grid-template-columns:1fr 430px; gap:80px; align-items:start; } .altbilgisol { width:100%; } .altbilgilogo { width:108px; display:block; margin-bottom:18px; } .altbilgilogo img { width:100%; height:auto; display:block; } .altbilgiaciklama { max-width:580px; color:#272727; font-size:13px; line-height:1.7; font-weight:400; } .altbilgiaciklama p { margin:0; } .altbilgisosyal { display:flex; align-items:center; gap:8px; margin-top:30px; } .altbilgisosyal a { width:34px; height:34px; border:1px solid #272727; border-radius:6px; display:flex; align-items:center; justify-content:center; transition:background .3s ease,border-color .3s ease,transform .3s ease; } .altbilgisosyal a:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .altbilgisosyal img { width:14px; height:14px; display:block; object-fit:contain; } .altbilgisag { width:100%; padding-top:7px; } .altbilgibaslik { margin:0 0 28px; color:#272727; font-size:14px; line-height:1; font-weight:500; } .altbilgiadress { margin-bottom:12px; color:#272727; font-size:13px; line-height:1.6; } .altbilgiiletisim { display:flex; align-items:center; flex-wrap:wrap; gap:25px; } .altbilgiiletisim a { color:#272727; font-size:13px; line-height:1.4; text-decoration:none; transition:color .3s ease; } .altbilgiiletisim a:hover { color:#CA9E67; } .altbilgitursab { width:163px; margin-top:25px; display:block; } .altbilgitursab img { width:100%; height:auto; display:block; } .altbilgialt { width:100%; position:relative; z-index:3; padding-top:18px; border-top:1px solid rgba(39,39,39,.13); display:flex; align-items:center; justify-content:space-between; gap:30px; } .altbilgitelif { color:#272727; font-size:12px; line-height:1.4; } .altbilgiweb { display:flex; align-items:center; gap:8px; color:#272727; font-size:12px; line-height:1; } .altbilgiweb img { height:18px; width:auto; display:block; object-fit:contain; } @media (max-width:1450px) { .altbilgiicerik { padding:62px 0 40px; grid-template-columns:1fr 390px; gap:60px; } .altbilgilogo { width:100px; } .altbilgiaciklama { max-width:520px; font-size:12px; } .altbilgisag { padding-top:5px; } .altbilgitursab { width:150px; } } @media (max-width:1100px) { .altbilgiicerik { grid-template-columns:1fr 330px; gap:45px; } .altbilgiaciklama { max-width:470px; } .altbilgiiletisim { gap:16px; } } @media (max-width:768px) { .altbilgi { padding-bottom:18px; } .altbilgi:before { height:180px; bottom:46px; } .altbilgiicerik { padding:52px 0 35px; grid-template-columns:1fr; gap:45px; } .altbilgisag { padding-top:0; } .altbilgibaslik { margin-bottom:20px; } .altbilgialt { align-items:flex-start; flex-direction:column; gap:14px; } } @media (max-width:576px) { .altbilgiicerik { padding:42px 0 30px; gap:38px; } .altbilgilogo { width:92px; } .altbilgiaciklama { font-size:12px; line-height:1.65; } .altbilgisosyal { margin-top:24px; } .altbilgisosyal a { width:32px; height:32px; } .altbilgiadress,.altbilgiiletisim a { font-size:12px; } .altbilgitursab { width:140px; } .altbilgialt { padding-top:15px; } .altbilgitelif,.altbilgiweb { font-size:11px; } } .icsayfaust { width:100%; position:relative; overflow:hidden; background:#243D3D; } .icsayfaustgorsel { width:100%; height:430px; position:absolute; left:0; top:0; z-index:1; } .icsayfaustgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .icsayfaustoverlay { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:linear-gradient(180deg,rgba(36,61,61,.72) 0%,rgba(36,61,61,.56) 36%,rgba(36,61,61,.64) 100%); } .icsayfaust:after { content:""; width:100%; height:120px; position:absolute; left:0; top:0; z-index:3; background:linear-gradient(180deg,rgba(39,39,39,.28) 0%,rgba(39,39,39,.12) 48%,rgba(39,39,39,0) 100%); pointer-events:none; } .icsayfaust .container { position:relative; z-index:4; } .icsayfausticerik { width:100%; min-height:430px; padding:175px 0 72px; display:flex; align-items:flex-end; } .icsayfaustsol { width:100%; max-width:760px; } .icsayfaustyol { width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:18px; } .icsayfaustyol a { color:rgba(255,255,255,.82); font-size:13px; line-height:1; text-decoration:none; transition:color .3s ease,opacity .3s ease; } .icsayfaustyol a:hover { color:#CA9E67; opacity:1; } .icsayfaustyol span { color:rgba(255,255,255,.68); font-size:13px; line-height:1; } .icsayfaustyol .aktif { color:#CA9E67; } .icsayfaustetiket { width:100%; display:flex; align-items:center; gap:10px; margin-bottom:16px; } .icsayfaustetiket i { width:34px; height:1px; display:block; background:#CA9E67; } .icsayfaustetiket span { color:#ffffff; font-size:13px; line-height:1; font-weight:500; letter-spacing:1.6px; text-transform:uppercase; } .icsayfaustbaslik { margin:0; color:#ffffff; font-size:64px; line-height:.95; font-weight:500; letter-spacing:-2px; } @media (max-width:1450px) { .icsayfaustgorsel { height:390px; } .icsayfausticerik { min-height:390px; padding:160px 0 62px; } .icsayfaustbaslik { font-size:56px; } } @media (max-width:1100px) { .icsayfaustgorsel { height:350px; } .icsayfausticerik { min-height:350px; padding:145px 0 52px; } .icsayfaustsol { max-width:620px; } .icsayfaustbaslik { font-size:48px; } } @media (max-width:768px) { .icsayfaustgorsel { height:310px; } .icsayfausticerik { min-height:310px; padding:130px 0 42px; } .icsayfaustyol { gap:8px; margin-bottom:14px; } .icsayfaustyol a,.icsayfaustyol span { font-size:12px; } .icsayfaustetiket { margin-bottom:12px; } .icsayfaustetiket span { font-size:12px; letter-spacing:1.2px; } .icsayfaustbaslik { font-size:40px; line-height:1; } } @media (max-width:576px) { .icsayfaustgorsel { height:270px; } .icsayfausticerik { min-height:270px; padding:118px 0 34px; } .icsayfaustetiket i { width:24px; } .icsayfaustbaslik { font-size:32px; letter-spacing:-1px; } } .icsayfaust { width:100%; position:relative; overflow:hidden; background:#243D3D; border-radius: 0 0 20px 20px;} .icsayfaustgorsel { width:100%; height:400px; position:absolute; left:0; top:0; z-index:1; } .icsayfaustgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .icsayfaustoverlay { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:linear-gradient(180deg,rgba(36,61,61,.72) 0%,rgba(36,61,61,.0) 36%,rgba(36,61,61,.64) 100%); } .icsayfaust:after { content:""; width:100%; height:120px; position:absolute; left:0; top:0; z-index:3; background:linear-gradient(180deg,rgba(39,39,39,.28) 0%,rgba(39,39,39,.12) 48%,rgba(39,39,39,0) 100%); pointer-events:none; } .icsayfaust .container { position:relative; z-index:4; } .icsayfausticerik { width:100%; min-height:400px; padding:175px 0 72px; display:flex; align-items:flex-end; } .icsayfaustsol { width:100%; max-width:760px; } .icsayfaustyol { width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:18px; } .icsayfaustyol a { color:rgba(255,255,255,.82); font-size:13px; line-height:1; text-decoration:none; transition:color .3s ease,opacity .3s ease; } .icsayfaustyol a:hover { color:#CA9E67; opacity:1; } .icsayfaustyol span { color:rgba(255,255,255,.68); font-size:13px; line-height:1; } .icsayfaustyol .aktif { color:#CA9E67; } .icsayfaustetiket { width:100%; display:flex; align-items:center; gap:10px; margin-bottom:16px; } .icsayfaustetiket i { width:34px; height:1px; display:block; background:#CA9E67; } .icsayfaustetiket span { color:#ffffff; font-size:13px; line-height:1; font-weight:500; letter-spacing:1.6px; text-transform:uppercase; } .icsayfaustbaslik { margin:0; color:#ffffff; font-size:50px; line-height:.95; font-weight:500; letter-spacing:-2px; } @media (max-width:1450px) { .icsayfaustgorsel { height:390px; } .icsayfausticerik { min-height:390px; padding:160px 0 62px; } .icsayfaustbaslik { font-size:56px; } } @media (max-width:1100px) { .icsayfaustgorsel { height:350px; } .icsayfausticerik { min-height:350px; padding:145px 0 52px; } .icsayfaustsol { max-width:620px; } .icsayfaustbaslik { font-size:48px; } } @media (max-width:768px) { .icsayfaustgorsel { height:310px; } .icsayfausticerik { min-height:310px; padding:130px 0 42px; } .icsayfaustyol { gap:8px; margin-bottom:14px; } .icsayfaustyol a,.icsayfaustyol span { font-size:12px; } .icsayfaustetiket { margin-bottom:12px; } .icsayfaustetiket span { font-size:12px; letter-spacing:1.2px; } .icsayfaustbaslik { font-size:40px; line-height:1; } } @media (max-width:576px) { .icsayfaustgorsel { height:270px; } .icsayfausticerik { min-height:270px; padding:118px 0 34px; } .icsayfaustetiket i { width:24px; } .icsayfaustbaslik { font-size:32px; letter-spacing:-1px; } } .icsayfahakkimizda { width:100%; padding:110px 0 125px; background:#ffffff; overflow:hidden; } .icsayfahakkimizdaicerik { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 610px; gap:95px; align-items:center; } .icsayfahakkimizdametin { width:100%; max-width:720px; } .icsayfahakkimizdaetiket { display:flex; align-items:center; gap:12px; margin-bottom:22px; } .icsayfahakkimizdaetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .icsayfahakkimizdaetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .icsayfahakkimizdabaslik { max-width:620px; margin:0 0 34px; color:#243D3D; font-size:48px; line-height:1.08; font-weight:500; letter-spacing:-1.8px; } .icsayfahakkimizdaaciklama { width:100%; color:#272727; font-size:14px; line-height:1.85; font-weight:400; } .icsayfahakkimizdaaciklama p { margin:0 0 22px; } .icsayfahakkimizdaaciklama p:last-child { margin-bottom:0; } .icsayfahakkimizdaalt { width:100%; margin-top:38px; padding-top:30px; border-top:1px solid rgba(36,61,61,.16); display:flex; align-items:center; gap:50px; } .icsayfahakkimizdaaltitem { display:flex; flex-direction:column; gap:6px; } .icsayfahakkimizdaaltitem strong { color:#243D3D; font-size:15px; line-height:1.2; font-weight:600; } .icsayfahakkimizdaaltitem span { color:rgba(39,39,39,.66); font-size:12px; line-height:1.4; } .icsayfahakkimizdagorsel { width:100%; height:620px; position:relative; } .icsayfahakkimizdagorselresim { width:100%; height:100%; overflow:hidden; border-radius:22px; } .icsayfahakkimizdagorselresim img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .8s cubic-bezier(.2,.65,.25,1); } .icsayfahakkimizdagorsel:hover .icsayfahakkimizdagorselresim img { transform:scale(1.025); } .icsayfahakkimizdadecor { width:150px; height:150px; position:absolute; left:-38px; bottom:-38px; z-index:-1; border-radius:50%; background:#CA9E67; opacity:.10; } @media (max-width:1450px) { .icsayfahakkimizda { padding:95px 0 110px; } .icsayfahakkimizdaicerik { grid-template-columns:minmax(0,1fr) 520px; gap:70px; } .icsayfahakkimizdabaslik { font-size:43px; } .icsayfahakkimizdaaciklama { font-size:13px; } .icsayfahakkimizdagorsel { height:550px; } } @media (max-width:1100px) { .icsayfahakkimizda { padding:80px 0 90px; } .icsayfahakkimizdaicerik { grid-template-columns:1fr 430px; gap:50px; } .icsayfahakkimizdabaslik { font-size:38px; } .icsayfahakkimizdagorsel { height:500px; } .icsayfahakkimizdaalt { gap:35px; } } @media (max-width:768px) { .icsayfahakkimizda { padding:65px 0 75px; } .icsayfahakkimizdaicerik { grid-template-columns:1fr; gap:50px; } .icsayfahakkimizdametin { max-width:100%; } .icsayfahakkimizdabaslik { max-width:550px; margin-bottom:26px; font-size:34px; } .icsayfahakkimizdaaciklama { font-size:13px; line-height:1.75; } .icsayfahakkimizdaalt { margin-top:30px; padding-top:25px; } .icsayfahakkimizdagorsel { height:470px; } .icsayfahakkimizdadecor { width:120px; height:120px; left:-20px; bottom:-20px; } } @media (max-width:576px) { .icsayfahakkimizda { padding:55px 0 65px; } .icsayfahakkimizdaetiket { margin-bottom:18px; } .icsayfahakkimizdaetiket i { width:28px; } .icsayfahakkimizdabaslik { font-size:30px; line-height:1.12; letter-spacing:-1px; } .icsayfahakkimizdaaciklama { font-size:12px; } .icsayfahakkimizdaalt { align-items:flex-start; flex-direction:column; gap:18px; } .icsayfahakkimizdagorsel { height:360px; } .icsayfahakkimizdagorselresim { border-radius:17px; } } .turliste { width:100%; padding:100px 0 120px; background:#ffffff; } .turlisteust { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:60px; margin-bottom:50px; } .turlistebaslikalani { max-width:620px; } .turlisteetiket { display:flex; align-items:center; gap:12px; margin-bottom:18px; } .turlisteetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .turlisteetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .turlistebaslik { margin:0; color:#243D3D; font-size:46px; line-height:1.08; font-weight:500; letter-spacing:-1.7px; } .turlisteaciklama { max-width:570px; color:#272727; font-size:14px; line-height:1.8; font-weight:400; } .turlisteaciklama p { margin:0; } .turlisteicerik { width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } .turlistekart { width:100%; height:510px; position:relative; overflow:hidden; border-radius:20px; display:block; background:transparent; text-decoration:none; } .turlistekartgorsel { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; } .turlistekartgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .8s cubic-bezier(.2,.65,.25,1); } .turlistekartgolge { width:100%; height:65%; position:absolute; left:0; bottom:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,rgba(39,39,39,0) 0%,rgba(39,39,39,.12) 28%,rgba(39,39,39,.60) 72%,rgba(39,39,39,.90) 100%); } .turlistekarticerik { width:100%; position:absolute; left:0; bottom:27px; z-index:3; padding:0 26px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; } .turlistekartmetin { min-width:0; } .turlistekartetiket { display:block; margin-bottom:5px; color:rgba(255,255,255,.85); font-size:13px; line-height:1; font-weight:400; } .turlistekartbaslik { margin:0; color:#ffffff; font-size:25px; line-height:1.08; font-weight:500; letter-spacing:-.7px; } .turlistekartok { width:43px; height:43px; flex:0 0 43px; border:1px solid rgba(255,255,255,.85); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,transform .3s ease; } .turlistekartok img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .turlistekart:hover .turlistekartgorsel img { transform:scale(1.04); } .turlistekart:hover .turlistekartok { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .turlistekart:hover .turlistekartok img { transform:translate(2px,-2px); } @media (max-width:1450px) { .turliste { padding:90px 0 105px; } .turlisteust { margin-bottom:42px; } .turlistebaslik { font-size:41px; } .turlisteaciklama { max-width:500px; font-size:13px; } .turlisteicerik { gap:16px; } .turlistekart { height:465px; } .turlistekarticerik { bottom:24px; padding:0 22px; } .turlistekartbaslik { font-size:23px; } .turlistekartok { width:40px; height:40px; flex-basis:40px; } } @media (max-width:1100px) { .turliste { padding:80px 0 90px; } .turlisteust { align-items:flex-start; flex-direction:column; gap:25px; } .turlisteaciklama { max-width:720px; } .turlisteicerik { grid-template-columns:repeat(2,1fr); } .turlistekart { height:500px; } } @media (max-width:768px) { .turliste { padding:65px 0 75px; } .turlisteust { margin-bottom:35px; } .turlistebaslik { font-size:35px; } .turlisteaciklama { font-size:13px; line-height:1.7; } .turlisteicerik { gap:14px; } .turlistekart { height:430px; border-radius:17px; } .turlistekarticerik { bottom:22px; padding:0 20px; } .turlistekartbaslik { font-size:22px; } } @media (max-width:576px) { .turliste { padding:55px 0 65px; } .turlisteetiket { margin-bottom:15px; } .turlisteetiket i { width:28px; } .turlistebaslik { font-size:30px; letter-spacing:-1px; } .turlisteaciklama { font-size:12px; } .turlisteicerik { grid-template-columns:1fr; } .turlistekart { height:440px; } .turlistekartetiket { font-size:12px; } .turlistekartbaslik { font-size:23px; } } .turdetay { width:100%; padding:100px 0 125px; background:#ffffff; } .turdetayust { width:100%; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr); gap:70px; align-items:start; } .turdetaygorsel { width:100%; height:620px; overflow:hidden; border-radius:22px; } .turdetaygorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .8s cubic-bezier(.2,.65,.25,1); } .turdetaygorsel:hover img { transform:scale(1.025); } .turgaleri-mozaik { min-width:0; height:620px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; } .turgaleri-kare { position:relative; display:block; min-width:0; min-height:0; overflow:hidden; border-radius:16px; background:transparent; } .turgaleri-kare:first-child { grid-column:span 2; grid-row:span 2; } .turgaleri-bos { border:1px solid #e8e8e5; } .turgaleri-kare img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease,filter .55s ease; } .turgaleri-kare:hover img { transform:scale(1.025); filter:brightness(1.04); } .turgaleri-kare:focus-visible { outline:2px solid #CA9E67; outline-offset:3px; } .turgaleri-adet-4 .turgaleri-kare:last-child { grid-column:span 2; } .turgaleri-adet-3 .turgaleri-kare:not(:first-child) { grid-column:span 2; } .turgaleri-adet-2 .turgaleri-kare:last-child { grid-column:span 2; grid-row:span 2; } .turgaleri-adet-1 { width:100%; } .turgaleri-adet-1 .turgaleri-kare { grid-column:1/-1; } .utopiq-fancybox { --f-button-bg:rgba(255,255,255,.08); --f-button-hover-bg:#CA9E67; --f-button-color:#fff; --f-button-hover-color:#fff; --f-button-border-radius:50%; --f-thumb-selected-border-color:#CA9E67; } .utopiq-fancybox .fancybox__backdrop { background:rgba(18,30,30,.96); } .utopiq-fancybox .fancybox__content img { border-radius:12px; } .utopiq-fancybox .f-button:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); color:#fff; } .utopiq-fancybox .f-counter { font-family:Urbanist,sans-serif; font-variant-numeric:tabular-nums; letter-spacing:2px; } @media(max-width:1399px) { .turgaleri-mozaik { height:560px; } } @media(max-width:1199px) { .turgaleri-mozaik { height:500px; } } @media(max-width:991px) { .turgaleri-mozaik { height:440px; } } @media(max-width:575px) { .turgaleri-mozaik { height:auto; gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; grid-auto-rows:auto; } .turgaleri-kare { aspect-ratio:1/1; border-radius:12px; } .turgaleri-kare:first-child { grid-column:1/-1; grid-row:auto; } .turgaleri-adet-2 .turgaleri-kare:last-child { grid-row:auto; } .turgaleri-adet-3 .turgaleri-kare:not(:first-child) { grid-column:auto; } .turgaleri-adet-4 .turgaleri-kare:last-child { aspect-ratio:2/1; } } @media(prefers-reduced-motion:reduce) { .turgaleri-kare img { transition:none; } } .turdetaybilgi { width:100%; padding-top:10px; } .turdetayetiket { display:flex; align-items:center; gap:12px; margin-bottom:20px; } .turdetayetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .turdetayetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .turdetaybaslik { margin:0 0 28px; color:#243D3D; font-size:48px; line-height:1.08; font-weight:500; letter-spacing:-1.8px; } .turdetayaciklama { color:#272727; font-size:14px; line-height:1.85; font-weight:400; } .turdetayaciklama p { margin:0 0 20px; } .turdetayaciklama p:last-child { margin-bottom:0; } .turdetayozellikler { width:100%; margin-top:36px; padding:28px 0; border-top:1px solid rgba(36,61,61,.16); border-bottom:1px solid rgba(36,61,61,.16); display:grid; grid-template-columns:1fr 1fr; gap:24px 30px; } .turdetayozellik { display:flex; align-items:center; gap:13px; } .turdetayozellikikon { width:38px; height:38px; flex:0 0 38px; border:1px solid rgba(36,61,61,.18); border-radius:50%; display:flex; align-items:center; justify-content:center; } .turdetayozellikikon img { width:17px; height:17px; display:block; object-fit:contain; } .turdetayozellikmetin { min-width:0; } .turdetayozellikmetin span { display:block; margin-bottom:4px; color:rgba(39,39,39,.55); font-size:11px; line-height:1; } .turdetayozellikmetin strong { display:block; color:#243D3D; font-size:13px; line-height:1.25; font-weight:500; } .turdetaybutonlar { display:flex; align-items:center; gap:10px; margin-top:34px; } .turdetaybuton { height:45px; padding:0 24px; border:1px solid #243D3D; border-radius:50px; display:flex; align-items:center; justify-content:center; gap:11px; color:#243D3D; font-size:13px; line-height:1; text-decoration:none; transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease; } .turdetaybuton img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .turdetaybuton.aktif { background:#243D3D; color:#ffffff; } .turdetaybuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .turdetaybuton:hover img { transform:translate(2px,-2px); } .turdetaybuton[aria-disabled="true"] { opacity:.5; pointer-events:none; } .turdetayalt { width:100%; margin-top:90px; display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:90px; align-items:start; } .turdetayicerik { width:100%; } .turdetayicerikbaslik { margin:0 0 26px; color:#243D3D; font-size:34px; line-height:1.15; font-weight:500; letter-spacing:-1px; } .turdetayicerikmetin { color:#272727; font-size:14px; line-height:1.85; } .turdetayicerikmetin p { margin:0 0 20px; } .turdetayicerikmetin p:last-child { margin-bottom:0; } .turdetayprogram { width:100%; margin-top:42px; } .turdetayprogrambaslik { margin:0 0 24px; color:#243D3D; font-size:28px; line-height:1.2; font-weight:500; } .turdetayprogramitem { width:100%; position:relative; padding:0 0 28px 34px; border-left:1px solid rgba(36,61,61,.18); } .turdetayprogramitem:last-child { padding-bottom:0; border-left-color:transparent; } .turdetayprogramitem:before { content:""; width:11px; height:11px; position:absolute; left:-6px; top:5px; border-radius:50%; background:#CA9E67; } .turdetayprogramitem h4 { margin:0 0 8px; color:#243D3D; font-size:16px; line-height:1.3; font-weight:600; } .turdetayprogramitem p { margin:0; color:#272727; font-size:13px; line-height:1.7; } .turdetayyan { width:100%; position:sticky; top:95px; } .turdetayyangorsel { width:100%; height:290px; overflow:hidden; border-radius:20px; } .turdetayyangorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; } .turdetayyannot { margin-top:25px; padding-top:24px; border-top:1px solid rgba(36,61,61,.16); color:#272727; font-size:13px; line-height:1.75; } .turdetayyannot strong { display:block; margin-bottom:8px; color:#243D3D; font-size:15px; font-weight:600; } @media (max-width:1450px) { .turdetay { padding:90px 0 110px; } .turdetayust { grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr); gap:55px; } .turdetaygorsel { height:560px; } .turdetaybaslik { font-size:43px; } .turdetayaciklama { font-size:13px; } .turdetayalt { margin-top:80px; grid-template-columns:minmax(0,1fr) 370px; gap:65px; } } @media (max-width:1100px) { .turdetay { padding:80px 0 95px; } .turdetayust { grid-template-columns:1fr 380px; gap:40px; } .turdetaygorsel { height:500px; } .turdetaybaslik { font-size:38px; } .turdetayozellikler { grid-template-columns:1fr; gap:18px; } .turdetayalt { grid-template-columns:minmax(0,1fr) 320px; gap:45px; } } @media (max-width:768px) { .turdetay { padding:65px 0 75px; } .turdetayust { grid-template-columns:1fr; gap:45px; } .turdetaygorsel { height:440px; border-radius:18px; } .turdetaybilgi { padding-top:0; } .turdetaybaslik { font-size:34px; } .turdetayaciklama { font-size:13px; line-height:1.75; } .turdetayozellikler { grid-template-columns:1fr 1fr; } .turdetayalt { margin-top:65px; grid-template-columns:1fr; gap:45px; } .turdetayyan { position:relative; top:auto; } .turdetayyangorsel { height:380px; } } @media (max-width:576px) { .turdetay { padding:55px 0 65px; } .turdetaygorsel { height:340px; border-radius:16px; } .turdetayetiket i { width:28px; } .turdetaybaslik { margin-bottom:22px; font-size:30px; letter-spacing:-1px; } .turdetayaciklama { font-size:12px; } .turdetayozellikler { grid-template-columns:1fr; } .turdetaybutonlar { align-items:stretch; flex-direction:column; } .turdetaybuton { width:100%; } .turdetayalt { margin-top:55px; } .turdetayicerikbaslik { font-size:28px; } .turdetayicerikmetin { font-size:12px; } .turdetayprogrambaslik { font-size:24px; } .turdetayyangorsel { height:290px; } } .destinasyonlar { width:100%; padding:100px 0 125px; background:#ffffff; } .destinasyonlarust { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:70px; margin-bottom:52px; } .destinasyonlarbaslikalani { max-width:650px; } .destinasyonlaretiket { display:flex; align-items:center; gap:12px; margin-bottom:18px; } .destinasyonlaretiket i { width:38px; height:1px; display:block; background:#CA9E67; } .destinasyonlaretiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .destinasyonlarbaslik { margin:0; color:#243D3D; font-size:46px; line-height:1.08; font-weight:500; letter-spacing:-1.7px; } .destinasyonlaraciklama { max-width:560px; color:#272727; font-size:14px; line-height:1.8; font-weight:400; } .destinasyonlaraciklama p { margin:0; } .destinasyonlarliste { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .destinasyonkart { width:100%; height:480px; position:relative; overflow:hidden; border-radius:20px; display:block; background:#272727; text-decoration:none; } .destinasyonkartgorsel { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; } .destinasyonkartgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .8s cubic-bezier(.2,.65,.25,1); } .destinasyonkartgolge { width:100%; height:65%; position:absolute; left:0; bottom:0; z-index:2; background:linear-gradient(180deg,rgba(39,39,39,0) 0%,rgba(39,39,39,.08) 28%,rgba(39,39,39,.58) 74%,rgba(39,39,39,.88) 100%); pointer-events:none; } .destinasyonkarticerik { width:100%; position:absolute; left:0; bottom:26px; z-index:3; padding:0 26px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; } .destinasyonkartmetin { min-width:0; } .destinasyonkartkucukbaslik { display:block; margin-bottom:5px; color:rgba(255,255,255,.82); font-size:13px; line-height:1; font-weight:400; } .destinasyonkartbaslik { margin:0; color:#ffffff; font-size:27px; line-height:1.08; font-weight:500; letter-spacing:-.8px; } .destinasyonkartok { width:43px; height:43px; flex:0 0 43px; border:1px solid rgba(255,255,255,.85); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,border-color .3s ease,transform .3s ease; } .destinasyonkartok img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .destinasyonkart:hover .destinasyonkartgorsel img { transform:scale(1.04); } .destinasyonkart:hover .destinasyonkartok { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .destinasyonkart:hover .destinasyonkartok img { transform:translate(2px,-2px); } @media (max-width:1450px) { .destinasyonlar { padding:90px 0 110px; } .destinasyonlarust { margin-bottom:45px; } .destinasyonlarbaslik { font-size:41px; } .destinasyonlaraciklama { max-width:500px; font-size:13px; } .destinasyonlarliste { gap:16px; } .destinasyonkart { height:440px; } .destinasyonkartbaslik { font-size:24px; } } @media (max-width:1100px) { .destinasyonlar { padding:80px 0 95px; } .destinasyonlarust { align-items:flex-start; flex-direction:column; gap:25px; } .destinasyonlaraciklama { max-width:720px; } .destinasyonlarliste { grid-template-columns:repeat(2,1fr); } .destinasyonkart { height:460px; } } @media (max-width:768px) { .destinasyonlar { padding:65px 0 75px; } .destinasyonlarust { margin-bottom:36px; } .destinasyonlarbaslik { font-size:35px; } .destinasyonlaraciklama { font-size:13px; line-height:1.7; } .destinasyonlarliste { gap:14px; } .destinasyonkart { height:410px; border-radius:17px; } .destinasyonkarticerik { bottom:22px; padding:0 20px; } .destinasyonkartbaslik { font-size:22px; } .destinasyonkartok { width:40px; height:40px; flex-basis:40px; } } @media (max-width:576px) { .destinasyonlar { padding:55px 0 65px; } .destinasyonlaretiket { margin-bottom:15px; } .destinasyonlaretiket i { width:28px; } .destinasyonlarbaslik { font-size:30px; letter-spacing:-1px; } .destinasyonlaraciklama { font-size:12px; } .destinasyonlarliste { grid-template-columns:1fr; } .destinasyonkart { height:420px; } .destinasyonkartkucukbaslik { font-size:12px; } .destinasyonkartbaslik { font-size:23px; } } .destinasyondetay { width:100%; padding:100px 0 125px; background:#ffffff; } .destinasyondetayust { width:100%; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr); gap:75px; align-items:center; } .destinasyondetaygorsel { width:100%; height:610px; overflow:hidden; border-radius:22px; } .destinasyondetaygorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .8s cubic-bezier(.2,.65,.25,1); } .destinasyondetaygorsel:hover img { transform:scale(1.025); } .destinasyondetaybilgi { width:100%; } .destinasyondetayetiket { display:flex; align-items:center; gap:12px; margin-bottom:20px; } .destinasyondetayetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .destinasyondetayetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .destinasyondetaybaslik { margin:0 0 28px; color:#243D3D; font-size:48px; line-height:1.08; font-weight:500; letter-spacing:-1.8px; } .destinasyondetayaciklama { color:#272727; font-size:14px; line-height:1.85; font-weight:400; } .destinasyondetayaciklama p { margin:0 0 20px; } .destinasyondetayaciklama p:last-child { margin-bottom:0; } .destinasyondetaycizgi { width:100%; height:1px; margin:35px 0 29px; background:rgba(36,61,61,.15); } .destinasyondetaykisa { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; } .destinasyondetaykisaitem { display:flex; align-items:center; gap:12px; } .destinasyondetaykisaitem img { width:18px; height:18px; flex:0 0 18px; display:block; object-fit:contain; } .destinasyondetaykisaitem span { color:#243D3D; font-size:13px; line-height:1.4; font-weight:500; } .destinasyondetaybuton { height:45px; display:inline-flex; align-items:center; justify-content:center; gap:11px; margin-top:35px; padding:0 24px; border-radius:50px; background:#243D3D; color:#ffffff; font-size:13px; line-height:1; text-decoration:none; transition:background .3s ease,transform .3s ease; } .destinasyondetaybuton img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .destinasyondetaybuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .destinasyondetaybuton:hover img { transform:translate(2px,-2px); } .destinasyondetayalt { width:100%; margin-top:95px; padding-top:80px; border-top:1px solid rgba(36,61,61,.14); display:grid; grid-template-columns:360px minmax(0,1fr); gap:100px; align-items:start; } .destinasyondetayaltbaslik { width:100%; } .destinasyondetayaltbaslik h3 { max-width:330px; margin:0; color:#243D3D; font-size:34px; line-height:1.16; font-weight:500; letter-spacing:-1.1px; } .destinasyondetaymetin { width:100%; max-width:840px; } .destinasyondetaymetin p { margin:0 0 22px; color:#272727; font-size:14px; line-height:1.85; } .destinasyondetaymetin p:last-child { margin-bottom:0; } .destinasyondetayikiligorsel { width:100%; margin-top:55px; display:grid; grid-template-columns:1fr 1fr; gap:18px; } .destinasyondetayikiligorsel div { width:100%; height:350px; overflow:hidden; border-radius:20px; } .destinasyondetayikiligorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .7s cubic-bezier(.2,.65,.25,1); } .destinasyondetayikiligorsel div:hover img { transform:scale(1.025); } .destinasyondetayyerler { width:100%; margin-top:65px; } .destinasyondetayyerlerbaslik { margin:0 0 28px; color:#243D3D; font-size:28px; line-height:1.2; font-weight:500; letter-spacing:-.7px; } .destinasyondetayyerlerliste { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:0 35px; } .destinasyondetayyer { padding:19px 0; border-bottom:1px solid rgba(36,61,61,.13); display:flex; align-items:center; gap:12px; } .destinasyondetayyer i { width:7px; height:7px; flex:0 0 7px; display:block; border-radius:50%; background:#CA9E67; } .destinasyondetayyer span { color:#243D3D; font-size:13px; line-height:1.4; font-weight:500; } @media (max-width:1450px) { .destinasyondetay { padding:90px 0 110px; } .destinasyondetayust { grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:60px; } .destinasyondetaygorsel { height:550px; } .destinasyondetaybaslik { font-size:43px; } .destinasyondetayaciklama { font-size:13px; } .destinasyondetayalt { margin-top:80px; padding-top:70px; grid-template-columns:320px minmax(0,1fr); gap:75px; } .destinasyondetayaltbaslik h3 { font-size:31px; } .destinasyondetaymetin p { font-size:13px; } .destinasyondetayikiligorsel div { height:320px; } } @media (max-width:1100px) { .destinasyondetay { padding:80px 0 95px; } .destinasyondetayust { grid-template-columns:1fr 390px; gap:45px; } .destinasyondetaygorsel { height:500px; } .destinasyondetaybaslik { font-size:38px; } .destinasyondetaykisa { grid-template-columns:1fr; gap:17px; } .destinasyondetayalt { grid-template-columns:280px minmax(0,1fr); gap:50px; } .destinasyondetayikiligorsel div { height:290px; } .destinasyondetayyerlerliste { grid-template-columns:repeat(2,1fr); } } @media (max-width:768px) { .destinasyondetay { padding:65px 0 75px; } .destinasyondetayust { grid-template-columns:1fr; gap:45px; } .destinasyondetaygorsel { height:450px; border-radius:18px; } .destinasyondetaybaslik { font-size:34px; } .destinasyondetayaciklama { font-size:13px; line-height:1.75; } .destinasyondetaykisa { grid-template-columns:1fr 1fr; } .destinasyondetayalt { margin-top:65px; padding-top:55px; grid-template-columns:1fr; gap:28px; } .destinasyondetayaltbaslik h3 { max-width:520px; font-size:29px; } .destinasyondetaymetin { max-width:100%; } .destinasyondetayikiligorsel { margin-top:45px; gap:14px; } .destinasyondetayikiligorsel div { height:260px; border-radius:17px; } } @media (max-width:576px) { .destinasyondetay { padding:55px 0 65px; } .destinasyondetaygorsel { height:340px; border-radius:16px; } .destinasyondetayetiket i { width:28px; } .destinasyondetaybaslik { margin-bottom:24px; font-size:30px; letter-spacing:-1px; } .destinasyondetayaciklama { font-size:12px; } .destinasyondetaykisa { grid-template-columns:1fr; } .destinasyondetaybuton { width:100%; } .destinasyondetayalt { margin-top:55px; padding-top:45px; } .destinasyondetayaltbaslik h3 { font-size:27px; } .destinasyondetaymetin p { font-size:12px; } .destinasyondetayikiligorsel { grid-template-columns:1fr; } .destinasyondetayikiligorsel div { height:280px; } .destinasyondetayyerler { margin-top:50px; } .destinasyondetayyerlerbaslik { font-size:24px; } .destinasyondetayyerlerliste { grid-template-columns:1fr; } } .hizmetler { width:100%; padding:100px 0 125px; background:#ffffff; } .hizmetlerust { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:70px; margin-bottom:52px; } .hizmetlerbaslikalani { max-width:650px; } .hizmetleretiket { display:flex; align-items:center; gap:12px; margin-bottom:18px; } .hizmetleretiket i { width:38px; height:1px; display:block; background:#CA9E67; } .hizmetleretiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .hizmetlerbaslik { margin:0; color:#243D3D; font-size:46px; line-height:1.08; font-weight:500; letter-spacing:-1.7px; } .hizmetleraciklama { max-width:560px; color:#272727; font-size:14px; line-height:1.8; font-weight:400; } .hizmetleraciklama p { margin:0; } .hizmetlerliste { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:52px 22px; } .hizmetkart { width:100%; display:block; color:#272727; text-decoration:none; } .hizmetkartgorsel { width:100%; height:330px; overflow:hidden; border-radius:20px; background:#f4f4f4; } .hizmetkartgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .8s cubic-bezier(.2,.65,.25,1); } .hizmetkartalt { width:100%; padding:23px 2px 0; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; } .hizmetkartmetin { min-width:0; max-width:390px; } .hizmetkartbaslik { margin:0 0 10px; color:#243D3D; font-size:23px; line-height:1.15; font-weight:500; letter-spacing:-.6px; } .hizmetkartaciklama { color:rgba(39,39,39,.72); font-size:13px; line-height:1.7; font-weight:400; } .hizmetkartok { width:42px; height:42px; flex:0 0 42px; margin-top:1px; border:1px solid rgba(36,61,61,.45); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,border-color .3s ease,transform .3s ease; } .hizmetkartok img { width:11px; height:11px; display:block; object-fit:contain; transition:transform .3s ease; } .hizmetkart:hover .hizmetkartgorsel img { transform:scale(1.035); } .hizmetkart:hover .hizmetkartok { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .hizmetkart:hover .hizmetkartok img { transform:translate(2px,-2px); } @media (max-width:1450px) { .hizmetler { padding:90px 0 110px; } .hizmetlerust { margin-bottom:45px; } .hizmetlerbaslik { font-size:41px; } .hizmetleraciklama { max-width:500px; font-size:13px; } .hizmetlerliste { gap:45px 18px; } .hizmetkartgorsel { height:300px; } .hizmetkartbaslik { font-size:21px; } } @media (max-width:1100px) { .hizmetler { padding:80px 0 95px; } .hizmetlerust { align-items:flex-start; flex-direction:column; gap:25px; } .hizmetleraciklama { max-width:720px; } .hizmetlerliste { grid-template-columns:repeat(2,1fr); } .hizmetkartgorsel { height:320px; } } @media (max-width:768px) { .hizmetler { padding:65px 0 75px; } .hizmetlerust { margin-bottom:38px; } .hizmetlerbaslik { font-size:35px; } .hizmetleraciklama { font-size:13px; line-height:1.7; } .hizmetlerliste { gap:38px 14px; } .hizmetkartgorsel { height:280px; border-radius:17px; } .hizmetkartalt { padding-top:18px; gap:18px; } .hizmetkartbaslik { font-size:20px; } .hizmetkartaciklama { font-size:12px; } .hizmetkartok { width:39px; height:39px; flex-basis:39px; } } @media (max-width:576px) { .hizmetler { padding:55px 0 65px; } .hizmetleretiket { margin-bottom:15px; } .hizmetleretiket i { width:28px; } .hizmetlerbaslik { font-size:30px; letter-spacing:-1px; } .hizmetleraciklama { font-size:12px; } .hizmetlerliste { grid-template-columns:1fr; gap:36px; } .hizmetkartgorsel { height:310px; } .hizmetkartbaslik { font-size:21px; } } .hizmetdetay { width:100%; padding:100px 0 125px; background:#ffffff; } .hizmetdetayust { width:100%; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr); gap:75px; align-items:center; } .hizmetdetaygorsel { width:100%; height:610px; overflow:hidden; border-radius:22px; } .hizmetdetaygorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1); transition:transform .8s cubic-bezier(.2,.65,.25,1); } .hizmetdetaygorsel:hover img { transform:scale(1.025); } .hizmetdetaybilgi { width:100%; } .hizmetdetayetiket { display:flex; align-items:center; gap:12px; margin-bottom:20px; } .hizmetdetayetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .hizmetdetayetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .hizmetdetaybaslik { margin:0 0 30px; color:#243D3D; font-size:48px; line-height:1.08; font-weight:500; letter-spacing:-1.8px; } .hizmetdetayaciklama { color:#272727; font-size:14px; line-height:1.85; font-weight:400; } .hizmetdetayaciklama p { margin:0 0 21px; } .hizmetdetayaciklama p:last-child { margin-bottom:0; } .hizmetdetaycizgi { width:100%; height:1px; margin:36px 0 30px; background:rgba(36,61,61,.16); } .hizmetdetayvurgu { width:100%; display:flex; align-items:flex-start; gap:17px; } .hizmetdetayvurguikon { width:46px; height:46px; flex:0 0 46px; border:1px solid rgba(36,61,61,.18); border-radius:50%; display:flex; align-items:center; justify-content:center; display: none;} .hizmetdetayvurguikon img { width:19px; height:19px; display:block; object-fit:contain; } .hizmetdetayvurgumetin strong { display:block; margin-bottom:6px; color:#243D3D; font-size:15px; line-height:1.3; font-weight:600; } .hizmetdetayvurgumetin span { display:block; max-width:400px; color:rgba(39,39,39,.68); font-size:12px; line-height:1.65; } .hizmetdetaybutonlar { display:flex; align-items:center; gap:10px; margin-top:34px; } .hizmetdetaybuton { height:45px; padding:0 24px; border:1px solid #243D3D; border-radius:50px; color:#243D3D; display:flex; align-items:center; justify-content:center; gap:11px; font-size:13px; line-height:1; text-decoration:none; transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease; } .hizmetdetaybuton img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .hizmetdetaybuton.aktif { background:#243D3D; color:#ffffff; } .hizmetdetaybuton:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .hizmetdetaybuton:hover img { transform:translate(2px,-2px); } .hizmetdetayalt { width:100%; margin-top:95px; padding-top:80px; border-top:1px solid rgba(36,61,61,.14); display:grid; grid-template-columns:380px minmax(0,1fr); gap:100px; align-items:start; } .hizmetdetayaltbaslik { width:100%; } .hizmetdetayaltbaslik h3 { max-width:330px; margin:0; color:#243D3D; font-size:34px; line-height:1.16; font-weight:500; letter-spacing:-1.1px; } .hizmetdetaymetin { width:100%; max-width:820px; } .hizmetdetaymetin p { margin:0 0 22px; color:#272727; font-size:14px; line-height:1.85; } .hizmetdetaymetin p:last-child { margin-bottom:0; } .hizmetdetayozellikler { width:100%; margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:0 45px; } .hizmetdetayozellik { width:100%; padding:20px 0; border-bottom:1px solid rgba(36,61,61,.13); display:flex; align-items:center; gap:14px; } .hizmetdetayozellik img { width:18px; height:18px; flex:0 0 18px; display:block; object-fit:contain; } .hizmetdetayozellik span { color:#243D3D; font-size:13px; line-height:1.4; font-weight:500; } @media (max-width:1450px) { .hizmetdetay { padding:90px 0 110px; } .hizmetdetayust { grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); gap:60px; } .hizmetdetaygorsel { height:550px; } .hizmetdetaybaslik { font-size:43px; } .hizmetdetayaciklama { font-size:13px; } .hizmetdetayalt { margin-top:80px; padding-top:70px; grid-template-columns:330px minmax(0,1fr); gap:75px; } .hizmetdetayaltbaslik h3 { font-size:31px; } .hizmetdetaymetin p { font-size:13px; } } @media (max-width:1100px) { .hizmetdetay { padding:80px 0 95px; } .hizmetdetayust { grid-template-columns:1fr 390px; gap:45px; } .hizmetdetaygorsel { height:500px; } .hizmetdetaybaslik { font-size:38px; } .hizmetdetayalt { grid-template-columns:280px minmax(0,1fr); gap:50px; } .hizmetdetayozellikler { gap:0 30px; } } @media (max-width:768px) { .hizmetdetay { padding:65px 0 75px; } .hizmetdetayust { grid-template-columns:1fr; gap:45px; } .hizmetdetaygorsel { height:450px; border-radius:18px; } .hizmetdetaybaslik { font-size:34px; } .hizmetdetayaciklama { font-size:13px; line-height:1.75; } .hizmetdetayalt { margin-top:65px; padding-top:55px; grid-template-columns:1fr; gap:28px; } .hizmetdetayaltbaslik h3 { max-width:520px; font-size:29px; } .hizmetdetaymetin { max-width:100%; } .hizmetdetayozellikler { margin-top:32px; } } @media (max-width:576px) { .hizmetdetay { padding:55px 0 65px; } .hizmetdetaygorsel { height:340px; border-radius:16px; } .hizmetdetayetiket i { width:28px; } .hizmetdetaybaslik { margin-bottom:24px; font-size:30px; letter-spacing:-1px; } .hizmetdetayaciklama { font-size:12px; } .hizmetdetaybutonlar { align-items:stretch; flex-direction:column; } .hizmetdetaybuton { width:100%; } .hizmetdetayalt { margin-top:55px; padding-top:45px; } .hizmetdetayaltbaslik h3 { font-size:27px; } .hizmetdetaymetin p { font-size:12px; } .hizmetdetayozellikler { grid-template-columns:1fr; gap:0; } } .iletisim { width:100%; padding:100px 0 125px; background:#ffffff; } .iletisimicerik { width:100%; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:110px; align-items:start; } .iletisimbilgi { width:100%; padding-top:6px; } .iletisimetiket { display:flex; align-items:center; gap:12px; margin-bottom:20px; } .iletisimetiket i { width:38px; height:1px; display:block; background:#CA9E67; } .iletisimetiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .iletisimbaslik { max-width:500px; margin:0 0 25px; color:#243D3D; font-size:46px; line-height:1.1; font-weight:500; letter-spacing:-1.7px; } .iletisimaciklama { max-width:530px; margin-bottom:45px; color:#272727; font-size:14px; line-height:1.8; font-weight:400; } .iletisimbilgiler { width:100%; border-top:1px solid rgba(36,61,61,.14); } .iletisimbilgiitem { width:100%; padding:25px 0; border-bottom:1px solid rgba(36,61,61,.14); display:flex; align-items:flex-start; gap:17px; } .iletisimbilgiikon { width:43px; height:43px; flex:0 0 43px; border:1px solid rgba(36,61,61,.18); border-radius:50%; display:flex; align-items:center; justify-content:center; } .iletisimbilgiikon img { width:17px; height:17px; display:block; object-fit:contain; } .iletisimbilgimetin { padding-top:2px; } .iletisimbilgimetin span { display:block; margin-bottom:7px; color:rgba(39,39,39,.55); font-size:11px; line-height:1; } .iletisimbilgimetin p { margin:0; max-width:380px; color:#243D3D; font-size:14px; line-height:1.55; font-weight:500; } .iletisimbilgimetin a { display:block; color:#243D3D; font-size:14px; line-height:1.55; font-weight:500; text-decoration:none; transition:color .3s ease; } .iletisimbilgimetin a:hover { color:#CA9E67; } .iletisimsosyal { display:flex; align-items:center; gap:8px; margin-top:30px; } .iletisimsosyal a { width:38px; height:38px; border:1px solid rgba(36,61,61,.35); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background .3s ease,border-color .3s ease,transform .3s ease; } .iletisimsosyal a img { width:14px; height:14px; display:block; object-fit:contain; } .iletisimsosyal a:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .iletisimformalan { width:100%; padding:48px 50px 52px; border-radius:22px; background:#f8f8f8; } .iletisimformbaslik { margin:0 0 12px; color:#243D3D; font-size:30px; line-height:1.15; font-weight:500; letter-spacing:-.8px; } .iletisimformaciklama { margin-bottom:32px; color:rgba(39,39,39,.68); font-size:13px; line-height:1.7; } .iletisimform { width:100%; } .iletisimformsatir { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:16px; } .iletisimformgrup { width:100%; margin-bottom:16px; } .iletisimformgrup label { display:block; margin:0 0 8px 3px; color:#243D3D; font-size:12px; line-height:1; font-weight:500; } .iletisimformgrup input,.iletisimformgrup select,.iletisimformgrup textarea { width:100%; border:1px solid rgba(36,61,61,.15); outline:0; border-radius:12px; background:#ffffff; color:#272727; font-family:inherit; font-size:13px; transition:border-color .3s ease,box-shadow .3s ease; } .iletisimformgrup input,.iletisimformgrup select { height:52px; padding:0 17px; } .iletisimformgrup textarea { height:145px; padding:16px 17px; resize:none; } .iletisimformgrup input::placeholder,.iletisimformgrup textarea::placeholder { color:rgba(39,39,39,.42); } .iletisimformgrup input:focus,.iletisimformgrup select:focus,.iletisimformgrup textarea:focus { border-color:rgba(202,158,103,.7); box-shadow:0 0 0 3px rgba(202,158,103,.08); } .iletisimformalt { width:100%; display:flex; align-items:center; justify-content:flex-end; margin-top:8px; } .iletisimgonder { height:46px; padding:0 25px; border:0; border-radius:50px; background:#243D3D; color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; font-family:inherit; font-size:13px; cursor:pointer; transition:background .3s ease,transform .3s ease; } .iletisimgonder img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .iletisimgonder:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .iletisimgonder:hover img { transform:translate(2px,-2px); } .iletisimharita { width:100%; height:520px; margin-top:85px; overflow:hidden; border-radius:22px; background:#f4f4f4; } .iletisimharita iframe { width:100%; height:100%; display:block; border:0; } @media (max-width:1450px) { .iletisim { padding:90px 0 110px; } .iletisimicerik { gap:80px; } .iletisimbaslik { font-size:41px; } .iletisimaciklama { font-size:13px; } .iletisimformalan { padding:42px 42px 46px; } .iletisimharita { height:470px; margin-top:75px; } } @media (max-width:1100px) { .iletisim { padding:80px 0 95px; } .iletisimicerik { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:50px; } .iletisimbaslik { font-size:37px; } .iletisimformalan { padding:38px 35px 42px; } .iletisimformsatir { grid-template-columns:1fr; gap:0; } .iletisimharita { height:430px; } } @media (max-width:768px) { .iletisim { padding:65px 0 75px; } .iletisimicerik { grid-template-columns:1fr; gap:50px; } .iletisimbaslik { font-size:34px; } .iletisimaciklama { max-width:100%; margin-bottom:35px; font-size:13px; line-height:1.7; } .iletisimformalan { padding:35px 28px 38px; border-radius:18px; } .iletisimformbaslik { font-size:27px; } .iletisimharita { height:370px; margin-top:60px; border-radius:18px; } } @media (max-width:576px) { .iletisim { padding:55px 0 65px; } .iletisimetiket i { width:28px; } .iletisimbaslik { font-size:30px; letter-spacing:-1px; } .iletisimaciklama { font-size:12px; } .iletisimbilgiitem { padding:21px 0; } .iletisimbilgiikon { width:40px; height:40px; flex-basis:40px; } .iletisimbilgimetin p,.iletisimbilgimetin a { font-size:13px; } .iletisimformalan { padding:30px 20px 32px; } .iletisimformbaslik { font-size:25px; } .iletisimformaciklama { font-size:12px; } .iletisimformgrup input,.iletisimformgrup select { height:49px; } .iletisimformgrup textarea { height:130px; } .iletisimformalt { justify-content:stretch; } .iletisimgonder { width:100%; } .iletisimharita { height:300px; margin-top:50px; border-radius:16px; } } .customtour { width:100%; padding:100px 0 125px; background:#ffffff; } .customtourust { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:70px; margin-bottom:52px; } .customtourbaslikalani { max-width:680px; } .customtouretiket { display:flex; align-items:center; gap:12px; margin-bottom:18px; } .customtouretiket i { width:38px; height:1px; display:block; background:#CA9E67; } .customtouretiket span { color:#CA9E67; font-size:12px; line-height:1; font-weight:500; letter-spacing:1.8px; text-transform:uppercase; } .customtourbaslik { margin:0; color:#243D3D; font-size:46px; line-height:1.08; font-weight:500; letter-spacing:-1.7px; } .customtouraciklama { max-width:560px; color:#272727; font-size:14px; line-height:1.8; } .customtouraciklama p { margin:0; } .customtouricerik { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:70px; align-items:start; } .customtourformalan { width:100%; } .customtourbolum { width:100%; padding:0 0 42px; margin-bottom:42px; border-bottom:1px solid rgba(36,61,61,.14); } .customtourbolum:last-child { margin-bottom:0; } .customtourbolumbaslik { margin:0 0 8px; color:#243D3D; font-size:24px; line-height:1.2; font-weight:500; letter-spacing:-.5px; } .customtourbolumaciklama { margin-bottom:25px; color:rgba(39,39,39,.62); font-size:13px; line-height:1.65; } .customtourbolgeler { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .customtourbolge { position:relative; cursor:pointer; } .customtourbolge input { position:absolute; opacity:0; pointer-events:none; } .customtourbolgekutu { width:100%; min-height:96px; padding:18px; border:1px solid rgba(36,61,61,.15); border-radius:14px; background:#ffffff; display:flex; flex-direction:column; justify-content:space-between; transition:border-color .3s ease,background .3s ease,transform .3s ease; } .customtourbolgead { color:#243D3D; font-size:15px; line-height:1.25; font-weight:500; } .customtourbolgefiyat { margin-top:13px; color:rgba(39,39,39,.52); font-size:11px; line-height:1; } .customtourbolge input:checked + .customtourbolgekutu { border-color:#CA9E67; background:rgba(202,158,103,.07); transform:translateY(-2px); } .customtourbolge input:checked + .customtourbolgekutu .customtourbolgead { color:#243D3D; } .customtourformgrid { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:16px; } .customtourformgrup { width:100%; } .customtourformgrup label { display:block; margin:0 0 9px 2px; color:#243D3D; font-size:12px; line-height:1; font-weight:500; } .customtourformgrup input,.customtourformgrup select { width:100%; height:52px; padding:0 17px; border:1px solid rgba(36,61,61,.15); outline:0; border-radius:12px; background:#ffffff; color:#272727; font-family:inherit; font-size:13px; transition:border-color .3s ease,box-shadow .3s ease; } .customtourformgrup input:focus,.customtourformgrup select:focus { border-color:rgba(202,158,103,.75); box-shadow:0 0 0 3px rgba(202,158,103,.08); } .customtourkisiler { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:16px; } .customtourkisi { width:100%; min-height:82px; padding:16px 17px; border:1px solid rgba(36,61,61,.15); border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .customtourkisiad strong { display:block; margin-bottom:5px; color:#243D3D; font-size:14px; line-height:1.2; font-weight:500; } .customtourkisiad span { display:block; color:rgba(39,39,39,.5); font-size:11px; line-height:1.3; } .customtoursayac { display:flex; align-items:center; gap:13px; } .customtoursayac button { width:32px; height:32px; padding:0; border:1px solid rgba(36,61,61,.22); border-radius:50%; background:#ffffff; color:#243D3D; display:flex; align-items:center; justify-content:center; font-family:inherit; font-size:18px; line-height:1; cursor:pointer; transition:background .3s ease,color .3s ease,border-color .3s ease; } .customtoursayac button:hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; } .customtoursayac span { min-width:20px; color:#243D3D; font-size:15px; line-height:1; font-weight:500; text-align:center; } .customtourozeti { width:100%; position:sticky; top:90px; padding:34px 32px; border-radius:20px; background:#243D3D; } .customtourozetiust { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,.14); } .customtourozetiust span { display:block; margin-bottom:8px; color:#CA9E67; font-size:11px; line-height:1; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; } .customtourozetiust h3 { margin:0; color:#ffffff; font-size:26px; line-height:1.2; font-weight:500; letter-spacing:-.6px; } .customtourozetisatir { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; color:rgba(255,255,255,.7); font-size:12px; line-height:1.45; } .customtourozetisatir strong { max-width:230px; color:#ffffff; font-size:12px; line-height:1.45; font-weight:500; text-align:right; } .customtourozetisatir:last-child { margin-bottom:0; } .customtourfiyat { width:100%; margin-top:27px; padding-top:25px; border-top:1px solid rgba(255,255,255,.14); display:flex; align-items:flex-end; justify-content:space-between; gap:20px; } .customtourfiyat span { color:rgba(255,255,255,.68); font-size:12px; line-height:1.3; } .customtourfiyat strong { color:#ffffff; font-size:32px; line-height:1; font-weight:500; letter-spacing:-1px; } .customtourdevam { width:100%; height:48px; margin-top:25px; border:0; border-radius:50px; background:#CA9E67; color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; font-family:inherit; font-size:13px; cursor:pointer; transition:background .3s ease,transform .3s ease,opacity .3s ease; } .customtourdevam img { width:12px; height:12px; display:block; object-fit:contain; transition:transform .3s ease; } .customtourdevam:not(:disabled):hover { background:linear-gradient(120deg,#AF7B43 0%,#CA9E67 52%,#DEB985 100%); border-color:#CA9E67; color:#ffffff; transform:translateY(-2px); } .customtourdevam:hover img { transform:translate(2px,-2px); } .customtourdevam:disabled { opacity:.42; cursor:not-allowed; transform:none; } .customtourbilgi { margin-top:15px; color:rgba(255,255,255,.48); font-size:10px; line-height:1.55; text-align:center; } @media (max-width:1450px) { .customtour { padding:90px 0 110px; } .customtourust { margin-bottom:45px; } .customtourbaslik { font-size:41px; } .customtouraciklama { max-width:500px; font-size:13px; } .customtouricerik { grid-template-columns:minmax(0,1fr) 380px; gap:55px; } .customtourbolgeler { grid-template-columns:repeat(3,1fr); } .customtourozeti { padding:30px 28px; } } @media (max-width:1100px) { .customtour { padding:80px 0 95px; } .customtourust { align-items:flex-start; flex-direction:column; gap:25px; } .customtouraciklama { max-width:720px; } .customtouricerik { grid-template-columns:minmax(0,1fr) 340px; gap:40px; } .customtourbolgeler { grid-template-columns:repeat(2,1fr); } .customtourkisiler { grid-template-columns:1fr; } .customtourformgrid { grid-template-columns:1fr; } } @media (max-width:768px) { .customtour { padding:65px 0 75px; } .customtourust { margin-bottom:38px; } .customtourbaslik { font-size:35px; } .customtouraciklama { font-size:13px; line-height:1.7; } .customtouricerik { grid-template-columns:1fr; gap:45px; } .customtourozeti { position:relative; top:auto; } .customtourbolum { padding-bottom:34px; margin-bottom:34px; } .customtourbolumbaslik { font-size:22px; } .customtourbolgeler { grid-template-columns:repeat(2,1fr); } } @media (max-width:576px) { .customtour { padding:55px 0 65px; } .customtouretiket i { width:28px; } .customtourbaslik { font-size:30px; letter-spacing:-1px; } .customtouraciklama { font-size:12px; } .customtourbolgeler { grid-template-columns:1fr; } .customtourkisiler { grid-template-columns:1fr; } .customtourbolgekutu { min-height:86px; } .customtourozeti { padding:27px 22px; border-radius:17px; } .customtourozetiust h3 { font-size:23px; } .customtourfiyat strong { font-size:28px; } } /* Buton ikonları hover zemininde beyaz kalır; kart fotoğrafları etkilenmez. */ :is(.dillerbuton, .ozelturbuton, .sliderok, .anasayfahakkimizdabuton, .anasayfaharitabuton, .turdetaybuton, .destinasyondetaybuton, .hizmetdetaybuton, .iletisimgonder, .customtourdevam):not(:disabled):hover img, :is(.anasayfahakkimizdasosyal, .altbilgisosyal, .iletisimsosyal) a:hover img, .anasayfaturlarkart:hover .anasayfaturlarok img, .turlistekart:hover .turlistekartok img, .destinasyonkart:hover .destinasyonkartok img, .hizmetkart:hover .hizmetkartok img { filter:brightness(0) invert(1); } /* Son bölümler: sabit dış alan izlenir; slider ve hover dönüşümleri korunur. */ .son-giris .son-giris-parca { opacity:0; translate:0 22px; } .son-giris.son-gorundu .son-giris-parca { animation:sonBolumGiris .85s cubic-bezier(.22,1,.36,1) var(--son-gecikme,0ms) both; } @keyframes sonBolumGiris { from { opacity:0; translate:0 22px; } to { opacity:1; translate:0 0; } } @media (prefers-reduced-motion:reduce) { .son-giris .son-giris-parca, .son-giris.son-gorundu .son-giris-parca { opacity:1; translate:none; animation:none; } } /* Sabit WhatsApp bağlantısı; Fancybox ve menü katmanlarının altında kalır. */ .whatsapp-sabit { position:fixed; right:24px; bottom:calc(24px + env(safe-area-inset-bottom,0px)); z-index:90; display:flex; flex-direction:column; align-items:center; gap:10px; } .whatsapp-sabit-etiket { position:relative; padding:9px 18px; border-radius:24px; background:#fff; color:#239D47; box-shadow:0 5px 24px rgba(24,57,34,.12); font-size:12px; line-height:1.3; font-weight:600; } .whatsapp-sabit-etiket::after { content:''; position:absolute; bottom:-6px; left:calc(50% - 6px); width:12px; height:12px; background:#fff; transform:rotate(45deg); } .whatsapp-sabit-buton { min-width:180px; min-height:49px; padding:12px 24px; border:0; border-radius:100px; display:flex; justify-content:center; align-items:center; gap:10px; background:linear-gradient(115deg,#0E9D2C,#4CC360); box-shadow:0 6px 20px rgba(28,135,53,.22); color:#fff; font-family:inherit; font-size:16px; font-weight:650; line-height:1.3; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; } .whatsapp-sabit-buton svg { width:21px; height:21px; flex:none; fill:currentColor; } .whatsapp-sabit-buton:not(:disabled):hover { color:#fff; text-decoration:none; transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 9px 24px rgba(28,135,53,.3); } .whatsapp-sabit-buton:focus-visible { outline:2px solid #243D3D; outline-offset:4px; } .whatsapp-sabit-buton:disabled { cursor:default; } @media(max-width:575px) { .whatsapp-sabit { right:14px; bottom:calc(14px + env(safe-area-inset-bottom,0px)); gap:9px; } .whatsapp-sabit-buton { min-width:150px; min-height:45px; padding:11px 18px; font-size:14px; border-radius:14px; } .whatsapp-sabit-etiket { padding:8px 14px; font-size:11px; } } @media(prefers-reduced-motion:reduce) { .whatsapp-sabit-buton { transition:none; } } /* Tur rezervasyonu */ .rezervasyon-popup { width:min(1040px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:1px solid rgba(202,158,103,.2); border-radius:26px; background:#fff; color:#243D3D; overflow-y:auto; overscroll-behavior:contain; box-shadow:0 30px 100px rgba(0,0,0,.24); font-family:Urbanist,sans-serif; scrollbar-width:thin; } .rezervasyon-popup::backdrop { background:rgba(16,32,32,.72); backdrop-filter:blur(7px); } .rezervasyon-popup { scrollbar-color:#b6aaa0 transparent; clip-path:inset(0 round 26px); } @supports selector(::-webkit-scrollbar) { .rezervasyon-popup { scrollbar-width:auto; scrollbar-color:auto; } .rezervasyon-popup::-webkit-scrollbar { width:10px; } .rezervasyon-popup::-webkit-scrollbar-track { background:transparent; margin-block:26px; } .rezervasyon-popup::-webkit-scrollbar-thumb { min-height:48px; border:3px solid #fff; border-radius:10px; background:#b6aaa0; background-clip:padding-box; } .rezervasyon-popup::-webkit-scrollbar-thumb:hover { background-color:#aa7c46; } .rezervasyon-popup::-webkit-scrollbar-button { display:none; width:0; height:0; } .rezervasyon-popup::-webkit-scrollbar-corner { background:transparent; } } .rezervasyon-popup:not([open]) { display:none; } .rezervasyon-popup[open] { animation:rezervasyonGiris .35s cubic-bezier(.22,1,.36,1); } .rezervasyon-baslik-alani { position:sticky; top:0; z-index:2; background:rgba(255,255,255,.97); display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 34px; border-bottom:1px solid #eee9e2; } .rezervasyon-ustetiket { display:block; color:#a47742; font-size:10px; letter-spacing:2px; font-weight:650; text-transform:uppercase; line-height:1.5; } .rezervasyon-baslik-alani h2 { font-size:24px; font-weight:550; letter-spacing:-.5px; line-height:1.2; margin:0; } .rezervasyon-baslik-alani p { font-size:13px; color:#7a8380; margin:0; line-height:1.6; } .rezervasyon-kapat { flex:0 0 36px; height:36px; display:grid; place-items:center; padding:0; border:1px solid #e5e8e5; border-radius:50%; background:#fff; color:#243D3D; font-size:25px; cursor:pointer; } .rezervasyon-duzen { display:grid; grid-template-columns:minmax(0,1fr) 325px; } .rezervasyon-secimler { padding:26px 34px 32px; min-width:0; } .rezervasyon-secenekler { border:0; padding:0; margin:0 0 26px; min-width:0; } .rezervasyon-popup legend,.rezervasyon-popup .rezervasyon-tarih-kisi h3 { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:650; margin:0 0 14px; padding:0; line-height:1.4; } .rezervasyon-popup legend > span,.rezervasyon-tarih-kisi h3 > span { color:#aa7c46; font-size:10px; font-weight:600; letter-spacing:1px; } .rezervasyon-tarih-kisi { display:grid; grid-template-columns:minmax(0,1fr) 155px; gap:24px; } .rezervasyon-takvim { border:1px solid #e7e9e6; border-radius:14px; padding:12px; } .rezervasyon-takvim-ust { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .rezervasyon-takvim-ust strong { font-size:13px; font-weight:600; text-transform:capitalize; } .rezervasyon-takvim-ust button { width:28px; height:28px; border:0; background:#f6f6f2; color:#243D3D; border-radius:50%; padding:0; line-height:1; font-size:22px; cursor:pointer; } .rezervasyon-hafta,.rezervasyon-gunler { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; } .rezervasyon-hafta { color:#89908b; font-size:9px; margin-bottom:7px; } .rezervasyon-gunler button { min-width:0; height:29px; padding:0; border:1px solid transparent; background:transparent; border-radius:7px; font-size:11px; color:#243D3D; cursor:pointer; } .rezervasyon-gunler button[aria-current="date"] { border-color:#d8c3a6; } .rezervasyon-gunler button[aria-pressed="true"] { background:#243D3D; color:#fff; } .rezervasyon-popup button:disabled { cursor:default; } .rezervasyon-gunler button:disabled,.rezervasyon-takvim-ust button:disabled,.rezervasyon-sayac button:disabled { opacity:.25; } .rezervasyon-sayac { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:9px; border:1px solid #e7e9e6; border-radius:12px; } .rezervasyon-sayac button { flex:0 0 28px; height:30px; border:0; background:#f6f6f2; color:#243D3D; border-radius:7px; font-size:18px; padding:0; cursor:pointer; } .rezervasyon-sayac input { width:40px; min-width:0; border:0; background:transparent; text-align:center; font-family:inherit; font-size:18px; font-weight:600; color:#243D3D; appearance:textfield; -moz-appearance:textfield; } .rezervasyon-sayac input::-webkit-inner-spin-button,.rezervasyon-sayac input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } .rezervasyon-musaitlik { font-size:11px; color:#8a918a; line-height:1.7; margin:15px 0 0; } .rezervasyon-ozet { background:#f6f7f3; border-left:1px solid #e9ece4; padding:24px; min-width:0; } .rezervasyon-kapak { display:block; width:100%; height:115px; border-radius:12px; object-fit:cover; } .rezervasyon-ozet-ic { padding-top:21px; } .rezervasyon-ozet h3 { font-size:24px; line-height:1.2; font-weight:550; margin:8px 0 6px; letter-spacing:-.4px; } .rezervasyon-secilen-tur { margin:0 0 23px; color:#7d877d; font-size:12px; line-height:1.5; } .rezervasyon-ozet-satirlar { margin:0; } .rezervasyon-ozet-satirlar > div { display:flex; justify-content:space-between; gap:14px; margin-bottom:13px; font-size:12px; line-height:1.5; } .rezervasyon-ozet-satirlar dt { color:#7d877d; font-weight:400; } .rezervasyon-ozet-satirlar dd { text-align:right; margin:0; font-weight:600; } .rezervasyon-para-satir { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px 0; } .rezervasyon-para-satir label { font-size:12px; color:#7d877d; margin:0; } .rezervasyon-para-satir select { max-width:130px; border:1px solid #dce1d8; border-radius:8px; background:#fff; padding:6px 9px; font-family:inherit; font-size:12px; color:#243D3D; } .rezervasyon-toplam { padding-top:19px; border-top:1px solid #dfe5db; display:flex; flex-direction:column; gap:6px; } .rezervasyon-toplam > span { font-size:12px; color:#6d7e6d; } .rezervasyon-toplam strong { font-size:25px; font-weight:600; letter-spacing:-.5px; line-height:1.3; overflow-wrap:anywhere; } .rezervasyon-kur-notu { color:#839080; font-size:10px; line-height:1.6; margin:9px 0 0; } .rezervasyon-ode { width:100%; display:flex; justify-content:space-between; align-items:center; padding:14px 19px; margin-top:20px; border:0; border-radius:30px; background:#243D3D; color:#fff; font-family:inherit; font-size:14px; font-weight:600; } .rezervasyon-ode:disabled { opacity:.5; } .rezervasyon-odeme-notu { font-size:10px; line-height:1.7; color:#7d877d; text-align:center; margin:11px 0; } .rezervasyon-iletisim { display:block; text-align:center; color:#243D3D; font-size:12px; text-decoration:underline; text-underline-offset:4px; } .rezervasyon-iletisim:hover { color:#aa7c46; } .rezervasyon-popup :is(button,select,input):focus-visible { outline:2px solid #CA9E67; outline-offset:3px; } .rezervasyon-popup :is(.rezervasyon-kapat,.rezervasyon-takvim-ust button,.rezervasyon-gunler button,.rezervasyon-sayac button,.rezervasyon-ode):not(:disabled):hover { background:linear-gradient(120deg,#AF7B43,#CA9E67 52%,#DEB985); color:#fff; } @keyframes rezervasyonGiris { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } } @media(max-width:900px) { .rezervasyon-duzen { grid-template-columns:minmax(0,1fr) 280px; } .rezervasyon-secimler { padding:24px; } .rezervasyon-tarih-kisi { grid-template-columns:1fr; gap:22px; } .rezervasyon-sayac { max-width:180px; } } @media(max-width:650px) { .rezervasyon-popup { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); border-radius:20px; clip-path:inset(0 round 20px); } .rezervasyon-baslik-alani { padding:13px 20px; gap:10px; } .rezervasyon-baslik-alani h2 { font-size:22px; } .rezervasyon-duzen { grid-template-columns:1fr; } .rezervasyon-secimler { padding:22px 20px; } .rezervasyon-ozet { border-left:0; border-top:1px solid #e9ece4; padding:22px 20px; } .rezervasyon-takvim { max-width:none; } .rezervasyon-gunler button { height:36px; font-size:13px; } .rezervasyon-kapak { height:140px; } .rezervasyon-kapat { position:sticky; top:10px; } } @media(prefers-reduced-motion:reduce) { .rezervasyon-popup[open] { animation:none; } .rezervasyon-secenek { transition:none; } } #rezervasyon-secenek { display:block; width:100%; min-height:48px; border:1px solid #d8c3a6; border-radius:12px; padding:12px 38px 12px 15px; background-color:#fffdf9; color:#243D3D; font-family:inherit; font-size:14px; cursor:pointer; } .rezervasyon-secenek-aciklama { color:#7d877d; font-size:12px; line-height:1.65; margin:10px 0 0; } .rezervasyon-misafir { border:0; padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #e9ece4; min-width:0; } .rezervasyon-misafir-alanlar { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .rezervasyon-misafir-alanlar label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:#637568; font-weight:500; margin:0; } .rezervasyon-misafir-alanlar input { display:block; width:100%; min-width:0; height:44px; border:1px solid #dfe5dc; border-radius:10px; background:#fff; padding:10px 12px; font-family:inherit; color:#243D3D; font-size:14px; } .rezervasyon-misafir-alanlar small { font-size:10px; font-weight:400; color:#859080; } .rezervasyon-eposta { grid-column:1/-1; } .rezervasyon-arac { margin-top:20px; } .rezervasyon-arac > label { font-size:12px; font-weight:600; margin-bottom:9px; } .rezervasyon-arac[hidden],.rezervasyon-arac-ozet[hidden] { display:none; } @media(max-width:650px) { .rezervasyon-misafir-alanlar { grid-template-columns:1fr; } } .icerik-altbolum { margin-top:32px; padding-top:24px; border-top:1px solid rgba(202,158,103,.25); } .icerik-altbolum h3 { margin:0 0 20px; color:#243D3D; font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.4px; } .icerik-altbolum p strong { display:block; margin-bottom:5px; color:#243D3D; font-size:15px; font-weight:650; } @media(max-width:575px) { .icerik-altbolum h3 { font-size:21px; } .icerik-altbolum p strong { font-size:14px; } } /* Mobil navigasyon ve iki sütunlu kart düzeni. */ .mobil-menu-buton, .ustmenunav .mobil-ozeltur { display:none; } .diller.diller-acik .dillermenu { opacity:1; visibility:visible; transform:translateY(0); } .diller.diller-acik .dillerbuton img { transform:rotate(180deg); } @media (max-width:1100px) { .ustmenuicerik { gap:16px; } .ustmenusag { gap:10px; } .mobil-menu-buton { width:44px; height:44px; flex:0 0 44px; padding:11px; border:1px solid rgba(255,255,255,.65); border-radius:50%; background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; cursor:pointer; } .mobil-menu-buton span { display:block; width:20px; height:1px; background:#fff; transition:transform .25s ease,opacity .25s ease; } .mobil-menu-acik .mobil-menu-buton span:nth-child(1) { transform:translateY(6px) rotate(45deg); } .mobil-menu-acik .mobil-menu-buton span:nth-child(2) { opacity:0; } .mobil-menu-acik .mobil-menu-buton span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); } .ustmenunav { display:flex; position:absolute; top:calc(100% + 20px); left:0; right:0; z-index:3; margin:0; padding:16px; flex-direction:column; align-items:stretch; gap:0; background:#243D3D; border:1px solid rgba(255,255,255,.15); border-radius:0 0 18px 18px; box-shadow:0 18px 32px rgba(0,0,0,.18); max-height:calc(100dvh - 110px); overflow-y:auto; visibility:hidden; opacity:0; transform:translateY(-8px); transition:opacity .25s ease,transform .25s ease,visibility .25s ease; } .mobil-menu-acik .ustmenunav { visibility:visible; opacity:1; transform:none; } .ustmenunav a { display:block; padding:14px 12px; font-size:16px; white-space:normal; border-radius:8px; } .ustmenunav a:hover, .ustmenunav a:focus-visible { background:rgba(255,255,255,.08); } .ustmenunav a:after { display:none; } .ustmenunav .mobil-ozeltur { display:flex; align-items:center; justify-content:center; min-height:50px; padding:15px 20px; margin-top:18px; border:1px solid #DEB985; border-radius:14px; background:linear-gradient(120deg,#CA9E67 0%,#F2D59B 52%,#DEB985 100%); color:#243D3D; font-weight:700; text-align:center; box-shadow:0 5px 16px rgba(0,0,0,.12); } .ustmenunav .mobil-ozeltur:hover, .ustmenunav .mobil-ozeltur:focus-visible { background:linear-gradient(120deg,#DEB985 0%,#FFE4AE 52%,#CA9E67 100%); color:#243D3D; } .ustmenunav .mobil-ozeltur:focus-visible { box-shadow:0 0 0 3px #243D3D,0 0 0 5px #F2D59B; } .ustmenunav .ustmenugecissatir { white-space:normal; } .ustmenunav .mobil-ozeltur .ustmenugecissatir { white-space:pre-wrap; } .ustmenunav .ustmenugecis { height:auto; } .ustmenunav .ustmenugecissatir + .ustmenugecissatir { display:none; } .ustmenunav a:is(:hover,:focus-visible) .ustmenugecisharf { transform:none; } .ustmenulogo { min-width:0; } .slidermetin { left:15px; width:calc(100% - 30px); max-width:580px; text-align:left; padding:0; } .slidersecim { left:15px; width:calc(100% - 30px); max-width:610px; } .slideraciklama { margin-left:0; } } @media (hover:none) { .diller:not(.diller-acik):hover .dillermenu { opacity:0; visibility:hidden; } } @media (max-width:768px) { .container { width:100%; max-width:100%; padding-left:16px; padding-right:16px; } .ustmenulogo { width:clamp(125px,35vw,180px); flex-basis:clamp(125px,35vw,180px); } .ustmenuicerik { gap:8px; } .ustmenusag { gap:8px; } .dillerbuton { min-height:44px; padding:0 10px; } .dillermenu { max-width:calc(100vw - 32px); } .slidermetin { left:16px; width:calc(100% - 32px); } .slideranabaslik { font-size:clamp(32px,8.3vw,55px); line-height:1.08; letter-spacing:-1px; overflow-wrap:anywhere; } .slideraciklama { padding:0; max-width:100%; } .slidersecim { left:16px; width:calc(100% - 32px); } .icsayfaustbaslik { overflow-wrap:anywhere; } .anasayfaturlarliste, .turlisteicerik, .destinasyonlarliste, .hizmetlerliste { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .anasayfaturlarkart, .turlistekart, .destinasyonkart { min-width:0; height:auto; aspect-ratio:3/4.6; border-radius:14px; } .anasayfaturlarkarticerik, .turlistekarticerik, .destinasyonkarticerik { padding:0 12px; bottom:16px; gap:8px; flex-wrap:wrap; } .anasayfaturlarmetin, .turlistekartmetin, .destinasyonkartmetin { flex:1 1 100%; } .anasayfaturlarkartbaslik, .turlistekartbaslik, .destinasyonkartbaslik { font-size:clamp(17px,3.8vw,23px); line-height:1.15; letter-spacing:-.4px; overflow-wrap:anywhere; } .anasayfaturlarkucukbaslik, .turlistekartetiket, .destinasyonkartkucukbaslik { font-size:11px; line-height:1.3; } .anasayfaturlarok, .turlistekartok, .destinasyonkartok { width:30px; height:30px; flex-basis:30px; } .hizmetlerliste { row-gap:26px; } .hizmetkart { min-width:0; } .hizmetkartgorsel { height:auto; aspect-ratio:4/3; border-radius:14px; } .hizmetkartalt { padding:14px 0 0; flex-wrap:wrap; gap:10px; } .hizmetkartbaslik { font-size:18px; line-height:1.2; overflow-wrap:anywhere; } .hizmetkartaciklama { font-size:12px; overflow-wrap:anywhere; } .hizmetkartok { width:32px; height:32px; flex-basis:32px; } .altbilgiiletisim a { overflow-wrap:anywhere; max-width:100%; } input, select, textarea { max-width:100%; } .turdetaybutonlar { flex-wrap:wrap; } .anasayfahakkimizdakadin { right:0; max-width:100%; } .anasayfahakkimizdakadin img { max-width:100%; } .anasayfaharitacizim { width:min(100%,430px); } .anasayfaharitasag { height:auto; aspect-ratio:340/420; } .anasayfaslogankartlar { grid-template-columns:repeat(2,minmax(0,1fr)); } .anasayfaslogankart { min-width:0; padding:20px 10px; } .anasayfaslogankartbaslik { font-size:16px; overflow-wrap:anywhere; } } @media (prefers-reduced-motion:reduce) { .mobil-menu-buton span, .ustmenunav { transition:none; } } /* Detail feature lists share the destination places style. */ .turdetayozellikler { padding:0; border:0; gap:0 30px; } .destinasyondetaykisa { gap:0 30px; } .turdetayozellik, .destinasyondetaykisaitem, .hizmetdetayozellik { padding:19px 0; border-bottom:1px solid rgba(36,61,61,.13); display:flex; align-items:center; gap:12px; } .turdetayozellik:before, .destinasyondetaykisaitem:before, .hizmetdetayozellik:before { content:""; width:7px; height:7px; flex:0 0 7px; display:block; border-radius:50%; background:#CA9E67; } /* Schematic positions preserve geographic directions, not distances. */ .anasayfaharitakonum:is(.k5,.k6,.k7,.k10,.k11,.k12,.k16) .anasayfaharitakonumadi { left:auto; right:calc(100% + 8px); } .anasayfaharitakonum:focus-visible { outline:2px solid #c89e68; outline-offset:5px; border-radius:12px; } .anasayfaharitanot { position:absolute; top:100%; left:0; width:100%; margin:10px 0 0; text-align:center; font-size:11px; color:#617070; } .customtourrota { display:grid; grid-template-columns:minmax(0,1fr) 150px 36px; gap:14px; align-items:start; margin-bottom:20px; } .customtourrota .customtourformgrup label { margin:0; line-height:1.4; } .customtourrota label > span { display:block; margin:0 0 9px; } .customtourrotasil { grid-column:3; grid-row:1; align-self:end; height:52px; border:1px solid #dce2df; border-radius:12px; background:#fff; color:#243D3D; font-size:24px; cursor:pointer; } .customtourrotasil:disabled { opacity:.3; cursor:default; } .customtourrotaekle { width:100%; min-height:48px; border:1px dashed #CA9E67; background:#faf8f4; border-radius:12px; color:#243D3D; cursor:pointer; } .customtourrotaekle:disabled { opacity:.4; cursor:default; } .customtourrotafiyat { grid-column:1/-1; margin:0; font-size:12px; color:#617070; white-space:pre-line; line-height:1.7; } #customtourOzetBolge { white-space:pre-line; } #customtourSure { background:#f6f7f6; } .customtourrotaekle:focus-visible,.customtourrotasil:focus-visible { outline:2px solid #CA9E67; outline-offset:3px; } @media(max-width:576px) { .customtourrota { grid-template-columns:minmax(0,1fr) 36px; gap:12px; } .customtourrota .customtourformgrup { grid-column:1; } .customtourrotasil { grid-column:2; grid-row:1; } } #customtourToplam { font-size:clamp(22px,2vw,34px); overflow-wrap:anywhere; } .customtour-calendar-wrap { position:relative; } #customtourDateToggle { width:100%; gap:12px; font:inherit; text-align:left; cursor:pointer; color:#243d3d; transition:border-color .2s,box-shadow .2s; } #customtourDateToggle:hover,#customtourDateToggle[aria-expanded="true"] { border-color:#ca9e67; box-shadow:0 0 0 3px rgba(202,158,103,.12); } #customtourDateToggle svg { flex:none; color:#aa7c46; } .customtour-calendar { position:absolute; top:calc(100% + 10px); left:0; z-index:35; width:320px; max-width:100%; padding:16px; background:#fff; border:1px solid #e5e8df; border-radius:18px; box-shadow:0 16px 42px rgba(36,61,61,.14); color:#243d3d; } .customtour-calendar[hidden] { display:none; } .customtour-calendar-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; } .customtour-calendar-head strong { font-size:15px; font-weight:650; } .customtour-calendar button { border:0; font:inherit; cursor:pointer; color:inherit; } .customtour-calendar-head button { width:34px; height:34px; border-radius:50%; background:#f6f7f3; font-size:24px; line-height:1; } .customtour-calendar-week,.customtour-calendar-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; text-align:center; } .customtour-calendar-week { margin-bottom:8px; font-size:11px; color:#82908a; } .customtour-calendar-days button { height:34px; border-radius:10px; background:transparent; font-size:13px; } .customtour-calendar button:hover:not(:disabled) { background:#f4eee4; color:#8d6434; } .customtour-calendar-days button[aria-current="date"] { box-shadow:inset 0 0 0 1px #ca9e67; } .customtour-calendar-days button[aria-pressed="true"] { background:#243d3d; color:#fff; } .customtour-calendar button:disabled { opacity:.28; cursor:default; } .customtour-calendar button:focus-visible { outline:2px solid #ca9e67; outline-offset:1px; } /* Rezervasyon kart adımı */ .rezervasyon-kart-adimi{padding:26px 34px;max-width:680px;margin:auto}.rezervasyon-kart-adimi[hidden],.rezervasyon-duzen[hidden]{display:none!important}.rezervasyon-geri{border:0;background:transparent;color:#72512c;padding:0 0 16px;font:inherit;font-size:13px;cursor:pointer}.rezervasyon-kart-cerceve{display:block;width:100%;height:1120px;border:0;background:#fff}.rezervasyon-kart-modu{width:min(720px,calc(100vw - 40px))}.rezervasyon-odeme-notu[data-error]{color:#a13d28}.odeme-yasal-baglantilar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:16px 20px;background:#f6f7f3;font-size:12px}.odeme-yasal-baglantilar a{color:#526553;text-underline-offset:4px}@media(max-width:650px){.rezervasyon-kart-adimi{padding:20px}.rezervasyon-kart-modu{width:calc(100vw - 20px)}.rezervasyon-kart-cerceve{height:1330px}}