/* Google Fonts Import */@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');/* ============================================ TEMIZ NAKLIYAT - CUSTOM STYLES Version: 1.1 - Performans Optimizasyonu ============================================ *//* Font Display Optimization */@font-face { font-family: 'Open Sans'; font-display: swap;}@font-face { font-family: 'bootstrap-icons'; font-display: swap;}/* CSS Containment for Better Rendering */*{margin:0;padding:0;box-sizing:border-box;}body,html{font-family:'Open Sans',sans-serif;line-height:1.6;color:#333;font-display:swap;}*{font-family:'Open Sans',sans-serif !important;}h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,button,input,textarea,select,label{font-family:'Open Sans',sans-serif !important;}ul{list-style:none;padding:0;margin:0;}a{text-decoration:none;color:inherit;transition:all 0.3s ease;}img{max-width:100%;height:auto;display:block;}.container{padding-left:15px;padding-right:15px;}.navbar{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 15px rgba(0,0,0,0.1);}.navbar:hover{box-shadow:0 4px 25px rgba(0,0,0,0.15);}.navbar-brand{transition:all 0.3s ease;position:relative;}.navbar-brand::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#0d6efd,#0dcaf0);transition:width 0.4s ease;}.navbar-brand:hover{transform:translateY(-2px);color:#0dcaf0 !important;}.navbar-brand:hover::after{width:100%;}.nav-link{position:relative;transition:all 0.3s ease;padding:0.5rem 1rem !important;margin:0 0.2rem;border-radius:8px;}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#0d6efd,#0dcaf0);transform:translateX(-50%);transition:width 0.3s ease;}.nav-link:hover{background-color:rgba(255,255,255,0.1);transform:translateY(-2px);color:#0dcaf0 !important;}.nav-link:hover::before{width:80%;}.nav-link.active{background-color:rgba(255,255,255,0.15);color:#ffffff !important;font-weight:600;}.nav-link.active::before{width:80%;background:#ffffff;}.dropdown-toggle::after{transition:transform 0.3s ease;display:inline-block;}.dropdown-toggle:hover::after{transform:rotate(180deg);}.dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg);}.dropdown-menu{animation:slideDown 0.3s ease;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.15);border-radius:12px;padding:0.5rem;margin-top:0.5rem !important;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);}@keyframes slideDown{from{opacity:0;transform:translateY(-15px);}to{opacity:1;transform:translateY(0);}}.dropdown-item{transition:all 0.3s ease;border-radius:8px;margin:0.2rem 0;padding:0.7rem 1rem;position:relative;overflow:hidden;color:#ffffff !important;}.dropdown-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#0d6efd,#0dcaf0);transform:scaleY(0);transition:transform 0.3s ease;}.dropdown-item:hover{background:linear-gradient(90deg,rgba(13,110,253,0.2),rgba(13,202,240,0.1));transform:translateX(5px);color:#0dcaf0 !important;}.dropdown-item:hover::before{transform:scaleY(1);}.dropdown-item:active{background:linear-gradient(90deg,rgba(13,110,253,0.3),rgba(13,202,240,0.2));}.dropdown-divider{border-top:1px solid rgba(255,255,255,0.1);margin:0.5rem 0;transition:all 0.3s ease;}.dropdown-item:hover + .dropdown-divider{border-top-color:rgba(13,202,240,0.3);}.navbar-toggler{transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.1);border-radius:8px;}.navbar-toggler:hover{transform:rotate(90deg);border-color:#0dcaf0;box-shadow:0 0 15px rgba(13,202,240,0.3);}.navbar-toggler:focus{box-shadow:0 0 0 0.25rem rgba(13,202,240,0.25);}.navbar-toggler-icon{transition:all 0.3s ease;}.navbar-collapse{transition:all 0.3s ease;}.navbar-collapse.show,.navbar-collapse.collapsing{animation:fadeIn 0.3s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.carousel{box-shadow:0 10px 40px rgba(0,0,0,0.2);}.carousel-item{height:600px;position:relative;}.carousel-item img{height:100%;object-fit:cover;object-position:center;}.carousel-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%);z-index:1;}.carousel-caption{z-index:2;bottom:50px;animation:slideUp 0.8s ease-out;}@keyframes slideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.carousel-caption h2{text-shadow:2px 2px 8px rgba(0,0,0,0.8);margin-bottom:1rem;}.carousel-caption p{text-shadow:1px 1px 6px rgba(0,0,0,0.8);}.carousel-caption .btn{transition:all 0.3s ease;border-radius:50px;text-transform:uppercase;letter-spacing:1px;font-weight:600;box-shadow:0 5px 20px rgba(0,0,0,0.3);}.carousel-caption .btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.4);}.carousel-caption .btn-primary:hover{background-color:#0a58ca;border-color:#0a58ca;}.carousel-caption .btn-warning:hover{background-color:#ffca2c;border-color:#ffca2c;}.carousel-indicators{z-index:2;margin-bottom:2rem;}.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;margin:0 6px;transition:all 0.3s ease;border:2px solid #fff;background-color:transparent;}.carousel-indicators .active{background-color:#fff;transform:scale(1.3);}.carousel-control-prev,.carousel-control-next{width:60px;height:60px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:rgba(0,0,0,0.5);transition:all 0.3s ease;opacity:0.7;z-index:10;position:absolute;}.carousel-control-prev{left:20px;}.carousel-control-next{right:20px;}.carousel-control-prev:hover,.carousel-control-next:hover{background-color:rgba(0,0,0,0.8);opacity:1;transform:translateY(-50%) scale(1.1);}.carousel-control-prev-icon,.carousel-control-next-icon{width:30px;height:30px;background-size:100% 100%;display:inline-block;}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}@media (max-width:768px){.carousel-item{height:200px;}.carousel-caption{bottom:20px;}.carousel-caption h2{font-size:1.5rem;}.carousel-caption p{font-size:0.9rem;}.carousel-caption .btn{padding:0.5rem 1.5rem !important;font-size:0.875rem;}.carousel-control-prev,.carousel-control-next{width:40px;height:40px;}.carousel-control-prev{left:10px;}.carousel-control-next{right:10px;}}@media (max-width:991px){.nav-link{margin:0.3rem 0;}.nav-link:hover{transform:translateX(5px);}.dropdown-menu{border:1px solid rgba(255,255,255,0.1);}}.hover-link:hover{color:#000 !important;padding-left:5px;font-weight:600;transition:all 0.3s ease;}.social-links a:hover{background-color:#000;border-color:#000;color:#fff;transform:translateY(-3px);transition:all 0.3s ease;}#scrollTopBtn:hover{transform:scale(1.1);transition:all 0.3s ease;}#phoneBtn{animation:ring 1.5s infinite;position:fixed !important;bottom:90px !important;left:20px !important;}#phoneBtn:hover{transform:scale(1.1);transition:all 0.3s ease;animation:none;}@keyframes ring{0%{transform:rotate(0deg);}10%{transform:rotate(15deg);}20%{transform:rotate(-15deg);}30%{transform:rotate(15deg);}40%{transform:rotate(-15deg);}50%{transform:rotate(0deg);}100%{transform:rotate(0deg);}}#whatsappBtn{animation:pulse 2s infinite;position:fixed !important;bottom:20px !important;left:20px !important;}#whatsappBtn:hover{transform:scale(1.1);transition:all 0.3s ease;animation:none;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}/* Otomatik oluşturulan resimler için stil */.img-auto-generated{height:250px;width:100%;object-fit:cover;}/* WhatsApp buton stili */.whatsapp-btn{width:60px;height:60px;z-index:1000;display:flex;align-items:center;justify-content:center;}.whatsapp-btn-top{width:60px;height:60px;z-index:1001;display:flex;align-items:center;justify-content:center;}/* Yukarı kaydırma butonu */.scroll-top-btn{width:50px;height:50px;display:none;z-index:1002;}#scrollTopBtn{position:fixed !important;bottom:20px !important;right:20px !important;}.pinterest-bg{background-color:#f7f5f5;background:#f7f5f5 url('https://s.pinimg.com/images/paper.jpg') repeat;padding:0;margin:0;}/* Modern Info Grid - Table alternatifi */.info-grid { display: grid; gap: 1px; background-color: #dee2e6; border: 1px solid #dee2e6; border-radius: 8px; overflow: hidden;}.info-item { display: grid; grid-template-columns: 1fr 1fr; background-color: #ffffff; transition: background-color 0.3s ease;}.info-item:nth-child(even) { background-color: #f8f9fa;}.info-item:hover { background-color: #e7f3ff;}.info-label,.info-value { padding: 12px 16px; font-size: 14px;}.info-label { font-weight: 600; color: #495057; border-right: 1px solid #dee2e6;}.info-value { color: #212529;}@media (max-width: 768px) { .info-item { grid-template-columns: 1fr; } .info-label { border-right: none; border-bottom: 1px solid #dee2e6; font-weight: 700; }}/* Font Boyutları - Okunabilirlik İyileştirmesi */html { font-size: 16px;}body { font-size: 16px; line-height: 1.6;}p { font-size: 16px; line-height: 1.7; margin-bottom: 1rem;}.small { font-size: 14px !important;}/* Link ve buton font boyutları */a { font-size: inherit;}.btn { font-size: 16px;}.btn-sm { font-size: 14px;}.btn-lg { font-size: 18px;}/* Navigation font boyutları */.navbar-brand { font-size: 20px;}.nav-link { font-size: 15px;}.dropdown-item { font-size: 14px;}/* Card ve list font boyutları */.card-title { font-size: 18px;}.card-text { font-size: 16px;}.list-group-item { font-size: 15px;}/* Footer font boyutları */footer { font-size: 15px;}footer .small { font-size: 14px !important;}footer h5, footer h6 { font-size: 16px;}/* Info grid font boyutları */.info-label,.info-value { font-size: 15px !important;}/* Heading font boyutları */h1 { font-size: 2.5rem; line-height: 1.2;}h2 { font-size: 2rem; line-height: 1.3;}h3 { font-size: 1.75rem; line-height: 1.3;}h4 { font-size: 1.5rem; line-height: 1.4;}h5 { font-size: 1.25rem; line-height: 1.4;}h6 { font-size: 1.1rem; line-height: 1.5;}/* Responsive font boyutları */@media (max-width: 768px) { html { font-size: 15px; } body { font-size: 15px; } p { font-size: 15px; } h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } .btn { font-size: 15px; } .navbar-brand { font-size: 18px; } .nav-link { font-size: 15px; } .info-label, .info-value { font-size: 14px !important; }}@media (max-width: 576px) { html { font-size: 14px; } body { font-size: 14px; } p { font-size: 14px; } .small { font-size: 13px !important; } h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } .btn { font-size: 14px; } .navbar-brand { font-size: 16px; } .info-label, .info-value { font-size: 14px !important; }}/* Dosis font for headings */h1, h2, h3, h4, h5, h6,.navbar-brand,.card-title,.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 { font-family: 'Dosis', 'Open Sans', sans-serif !important; font-weight: 600;}.carousel-caption h2,.carousel-caption .display-4 { font-family: 'Dosis', 'Open Sans', sans-serif !important; font-weight: 700;}