:root {--yk-primary: #0f4c81;--yk-primary-hover: #0b3760;--yk-primary-light: #f0f7ff;--yk-brand-500: #c2410c;--yk-brand-600: #9a3412;--yk-steel-900: #0f172a;--yk-steel-800: #1e293b;--yk-steel-700: #334155;--yk-steel-600: #475569;--yk-steel-500: #64748b;--yk-steel-400: #94a3b8;--yk-steel-100: #f1f5f9;--yk-steel-50: #f8fafc;--yk-white: #ffffff;--yk-border: #e2e8f0;--yk-border-light: #f1f5f9;--yk-radius-sm: 8px;--yk-radius-md: 14px;--yk-radius-lg: 20px;--yk-shadow-sm: 0 1px 3px rgba(15,23,42,0.06);--yk-shadow-md: 0 4px 16px rgba(15,23,42,0.08);--yk-shadow-lg: 0 10px 30px rgba(15,23,42,0.12);--yk-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html {font-family: var(--yk-font);color: var(--yk-steel-900);background-color: #ffffff;line-height: 1.6;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;overflow-x: hidden;max-width: 100%;}body {min-height: 100vh;display: flex;flex-direction: column;overflow-x: hidden;max-width: 100%;position: relative;}a {color: inherit;text-decoration: none;transition: all 0.2s ease;}img {max-width: 100%;height: auto;display: block;}.yk-container {max-width: 1240px;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;width: 100%;}.yk-topbar {background: var(--yk-steel-900);color: #94a3b8;font-size: 13px;padding: 8px 0;border-bottom: 1px solid #1e293b;}.yk-topbar-inner {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;}.yk-topbar-left, .yk-topbar-right {display: flex;align-items: center;gap: 18px;}.yk-topbar a:hover {color: #fff;}.yk-header {background: #ffffff;border-bottom: 1px solid var(--yk-border);position: sticky;top: 0;z-index: 100;box-shadow: var(--yk-shadow-sm);}.yk-header-inner {display: flex;align-items: center;justify-content: space-between;height: 82px;gap: 20px;}.yk-logo {display: flex;align-items: center;gap: 12px;}.yk-logo-img {max-height: 52px;width: auto;object-fit: contain;}.yk-nav {display: flex;align-items: center;gap: 2px;list-style: none;}.yk-nav-item {position: relative;}.yk-nav-link {display: inline-flex;align-items: center;gap: 6px;padding: 10px 14px;font-size: 14.5px;font-weight: 600;color: var(--yk-steel-700);border-radius: var(--yk-radius-sm);cursor: pointer;user-select: none;}.yk-nav-link:hover, .yk-nav-link.active {color: var(--yk-brand-500);background-color: var(--yk-primary-light);}.yk-dropdown {position: absolute;top: 100%;left: 0;min-width: 280px;background: #fff;border: 1px solid var(--yk-border);border-radius: var(--yk-radius-md);padding: 8px;box-shadow: var(--yk-shadow-lg);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.2s ease;z-index: 1000;}.yk-nav-item:hover > .yk-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}.yk-dropdown-item {position: relative;}.yk-dropdown a, .yk-dropdown .yk-sub-toggle {display: flex;align-items: center;justify-content: space-between;padding: 9px 14px;font-size: 14px;font-weight: 500;color: var(--yk-steel-700);border-radius: 6px;cursor: pointer;}.yk-dropdown a:hover, .yk-dropdown .yk-sub-toggle:hover {background-color: #fff7ed;color: var(--yk-brand-600);padding-left: 18px;}.yk-sub-dropdown {position: absolute;top: 0;left: 100%;min-width: 280px;background: #fff;border: 1px solid var(--yk-border);border-radius: var(--yk-radius-md);padding: 8px;box-shadow: var(--yk-shadow-lg);opacity: 0;visibility: hidden;transform: translateX(10px);transition: all 0.2s ease;z-index: 1001;}.yk-dropdown-item:hover > .yk-sub-dropdown {opacity: 1;visibility: visible;transform: translateX(0);}.yk-header-cta {display: inline-flex;align-items: center;gap: 8px;padding: 10px 22px;font-size: 14px;font-weight: 700;color: #fff;background-color: var(--yk-brand-500);border-radius: var(--yk-radius-sm);box-shadow: 0 2px 8px rgba(249,115,22,0.3);}.yk-header-cta:hover {background-color: var(--yk-brand-600);transform: translateY(-1px);}.yk-hero {background: linear-gradient(135deg, #092238 0%, #0f4c81 100%);color: #ffffff;padding: 60px 0 75px 0;position: relative;overflow: hidden;}.yk-hero::after {content: "";position: absolute;top: -20%;right: -10%;width: 500px;height: 500px;background: radial-gradient(circle, rgba(249,115,22,0.18) 0%, transparent 70%);pointer-events: none;}.yk-hero-grid {display: grid;grid-template-columns: 1.15fr 0.85fr;align-items: center;gap: 40px;}.yk-hero-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(255,255,255,0.1);backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.15);padding: 6px 14px;border-radius: 99px;font-size: 13px;font-weight: 600;color: #fed7aa;margin-bottom: 20px;}.yk-hero h1 {font-size: 38px;font-weight: 800;line-height: 1.22;margin-bottom: 18px;letter-spacing: -0.5px;}.yk-hero p {font-size: 16.5px;line-height: 1.6;color: #cbd5e1;margin-bottom: 28px;max-width: 600px;}.yk-hero-btns {display: flex;gap: 14px;flex-wrap: wrap;}.yk-btn-hero-pri {background: var(--yk-brand-500);color: #fff;padding: 13px 28px;border-radius: var(--yk-radius-sm);font-weight: 700;font-size: 15px;box-shadow: 0 4px 14px rgba(249,115,22,0.4);}.yk-btn-hero-pri:hover {background: var(--yk-brand-600);transform: translateY(-1px);}.yk-btn-hero-sec {background: rgba(255,255,255,0.12);color: #fff;border: 1px solid rgba(255,255,255,0.25);padding: 13px 26px;border-radius: var(--yk-radius-sm);font-weight: 600;font-size: 15px;}.yk-btn-hero-sec:hover {background: rgba(255,255,255,0.2);}.yk-slider-card {position: relative;border-radius: var(--yk-radius-lg);overflow: hidden;box-shadow: var(--yk-shadow-lg);border: 1px solid rgba(255,255,255,0.2);aspect-ratio: 16/10;background: #0f172a;}.yk-slider-img {width: 100%;height: 100%;object-fit: cover;}.yk-slider-overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 24px;background: linear-gradient(to top, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.4) 70%, transparent 100%);color: #fff;}.yk-slider-title {font-size: 20px;font-weight: 700;margin-bottom: 6px;}.yk-slider-desc {font-size: 13.5px;color: #cbd5e1;}.yk-section {padding: 70px 0;}.yk-section-head {text-align: center;max-width: 720px;margin: 0 auto 45px auto;}.yk-section-tag {display: inline-block;color: var(--yk-brand-500);font-weight: 700;font-size: 12.5px;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 8px;}.yk-section-title {font-size: 32px;font-weight: 800;color: var(--yk-steel-900);line-height: 1.25;letter-spacing: -0.5px;}.yk-section-desc {font-size: 16px;color: var(--yk-steel-600);margin-top: 10px;}.yk-grid-3 {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 28px;}.yk-card {background: #ffffff;border-radius: var(--yk-radius-md);border: 1px solid var(--yk-border);overflow: hidden;box-shadow: var(--yk-shadow-sm);transition: all 0.25s ease;display: flex;flex-direction: column;}.yk-card:hover {transform: translateY(-4px);box-shadow: var(--yk-shadow-md);border-color: #cbd5e1;}.yk-card-img-wrap {aspect-ratio: 4/3;background: #f8fafc;overflow: hidden;position: relative;border-bottom: 1px solid var(--yk-border-light);display: flex;align-items: center;justify-content: center;}.yk-card-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.yk-card:hover .yk-card-img {transform: scale(1.04);}.yk-card-body {padding: 22px;display: flex;flex-direction: column;flex-grow: 1;}.yk-card-tag {display: inline-block;align-self: flex-start;background: #ffedd5;color: var(--yk-brand-600);font-size: 11.5px;font-weight: 700;padding: 4px 10px;border-radius: 99px;margin-bottom: 12px;}.yk-card-title {font-size: 17px;font-weight: 700;color: var(--yk-steel-900);line-height: 1.4;margin-bottom: 10px;}.yk-card:hover .yk-card-title {color: var(--yk-brand-500);}.yk-card-excerpt {font-size: 14px;color: var(--yk-steel-600);line-height: 1.55;margin-bottom: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.yk-card-footer {margin-top: auto;display: flex;align-items: center;justify-content: space-between;padding-top: 14px;border-top: 1px solid var(--yk-border-light);}.yk-card-link {font-size: 13.5px;font-weight: 700;color: var(--yk-brand-500);display: inline-flex;align-items: center;gap: 4px;}.yk-card:hover .yk-card-link {color: var(--yk-brand-600);}.yk-breadcrumb {padding: 18px 0;font-size: 13.5px;color: var(--yk-steel-500);}.yk-breadcrumb a {color: var(--yk-steel-600);}.yk-breadcrumb a:hover {color: var(--yk-brand-500);}.yk-breadcrumb span {margin: 0 8px;color: #cbd5e1;}.yk-prod-wrap {display: grid;grid-template-columns: 1fr 1.1fr;gap: 44px;background: #ffffff;padding: 36px;border-radius: var(--yk-radius-md);border: 1px solid var(--yk-border);box-shadow: var(--yk-shadow-sm);margin-bottom: 40px;}.yk-prod-gallery {position: relative;background: #f8fafc;border-radius: var(--yk-radius-sm);overflow: hidden;border: 1px solid var(--yk-border);}.yk-prod-gallery img {width: 100%;aspect-ratio: 1/1;object-fit: contain;}.yk-prod-info h1 {font-size: 28px;font-weight: 800;color: var(--yk-steel-900);line-height: 1.3;margin-bottom: 12px;}.yk-prod-meta {display: flex;gap: 16px;margin-bottom: 20px;font-size: 13px;color: var(--yk-steel-500);}.yk-prod-meta strong {color: var(--yk-steel-800);}.yk-prod-desc {font-size: 15px;color: var(--yk-steel-700);line-height: 1.7;margin-bottom: 26px;}.yk-prod-actions {display: flex;gap: 12px;flex-wrap: wrap;padding: 20px;background: var(--yk-steel-50);border-radius: var(--yk-radius-sm);border: 1px solid var(--yk-border);margin-bottom: 24px;}.yk-btn-quote {background: var(--yk-brand-500);color: #fff;font-weight: 700;padding: 12px 24px;border-radius: var(--yk-radius-sm);display: inline-flex;align-items: center;gap: 8px;font-size: 14.5px;}.yk-btn-quote:hover {background: var(--yk-brand-600);}.yk-btn-wa {background: #128c7e;color: #fff;font-weight: 700;padding: 12px 24px;border-radius: var(--yk-radius-sm);display: inline-flex;align-items: center;gap: 8px;font-size: 14.5px;}.yk-btn-wa:hover {background: #1eb956;}.yk-table-wrap {margin: 30px 0;border-radius: var(--yk-radius-sm);overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--yk-border);max-width: 100%;}.yk-table {width: 100%;min-width: 520px;border-collapse: collapse;text-align: left;font-size: 14px;}.yk-table th {background: var(--yk-steel-100);padding: 12px 16px;font-weight: 700;color: var(--yk-steel-800);border-bottom: 2px solid var(--yk-border);}.yk-table td {padding: 12px 16px;border-bottom: 1px solid var(--yk-border);color: var(--yk-steel-700);}.yk-table tr:last-child td {border-bottom: none;}.yk-table tr:nth-child(even) {background: #fbfcfe;}.yk-article-wrap {background: #ffffff;padding: 44px;border-radius: var(--yk-radius-md);border: 1px solid var(--yk-border);box-shadow: var(--yk-shadow-sm);margin-bottom: 40px;}.yk-prose h2 {font-size: 24px;font-weight: 800;color: var(--yk-steel-900);margin: 32px 0 16px 0;padding-bottom: 8px;border-bottom: 1px solid var(--yk-border-light);}.yk-prose h3 {font-size: 20px;font-weight: 700;color: var(--yk-steel-900);margin: 24px 0 12px 0;}.yk-prose p {font-size: 15.5px;color: var(--yk-steel-700);line-height: 1.8;margin-bottom: 20px;}.yk-prose ul, .yk-prose ol {margin: 0 0 24px 24px;color: var(--yk-steel-700);font-size: 15.5px;line-height: 1.8;}.yk-prose li {margin-bottom: 8px;}html {scroll-behavior: smooth;}[id] {scroll-margin-top: 100px;}.urun-hizli-gecis {display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 10px !important;background: #f8fafc !important;border: 1px solid #e2e8f0 !important;border-radius: 14px !important;padding: 16px 22px !important;margin: 24px 0 32px 0 !important;box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;}.urun-hizli-gecis br {display: none !important;}.urun-hizli-gecis strong {display: inline-flex !important;align-items: center !important;gap: 6px !important;font-size: 13px !important;font-weight: 800 !important;text-transform: uppercase !important;color: #475569 !important;letter-spacing: 0.5px !important;margin: 0 10px 0 0 !important;white-space: nowrap !important;}.urun-hizli-gecis strong::before {content: "⚡";font-size: 14px;}.urun-hizli-gecis span {display: contents !important;}.urun-hizli-gecis a {display: inline-flex !important;align-items: center !important;padding: 8px 16px !important;background: #ffffff !important;color: #334155 !important;border: 1px solid #cbd5e1 !important;border-radius: 99px !important;font-size: 13.5px !important;font-weight: 600 !important;line-height: 1.3 !important;text-decoration: none !important;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;margin: 0 !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;}.urun-hizli-gecis a:hover {background: #fff7ed !important;color: #ea580c !important;border-color: #fdba74 !important;transform: translateY(-2px) !important;box-shadow: 0 4px 12px rgba(234, 88, 12, 0.15) !important;}.urun-hizli-gecis a:active {transform: translateY(0) !important;}.yk-contact-grid {display: grid;grid-template-columns: 1.1fr 1fr;gap: 40px;margin-bottom: 40px;}.yk-contact-card {background: #fff;border-radius: var(--yk-radius-md);border: 1px solid var(--yk-border);padding: 36px;box-shadow: var(--yk-shadow-sm);}.yk-contact-info-list {list-style: none;margin: 24px 0;}.yk-contact-info-list li {display: flex;gap: 16px;margin-bottom: 20px;font-size: 15px;color: var(--yk-steel-700);align-items: flex-start;}.yk-contact-icon {width: 42px;height: 42px;border-radius: 10px;background: #fff7ed;color: var(--yk-brand-600);display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;}.yk-form-group {margin-bottom: 18px;}.yk-form-label {display: block;font-size: 14px;font-weight: 700;color: var(--yk-steel-800);margin-bottom: 6px;}.yk-form-input, .yk-form-textarea {width: 100%;padding: 12px 16px;border: 1px solid var(--yk-border);border-radius: var(--yk-radius-sm);font-size: 14.5px;font-family: inherit;transition: all 0.2s ease;background: #fff;}.yk-form-input:focus, .yk-form-textarea:focus {outline: none;border-color: var(--yk-brand-500);box-shadow: 0 0 0 3px rgba(249,115,22,0.15);}.yk-form-btn {width: 100%;background: var(--yk-brand-500);color: #fff;font-weight: 700;font-size: 15px;padding: 14px;border: none;border-radius: var(--yk-radius-sm);cursor: pointer;transition: background 0.2s ease;box-shadow: 0 4px 12px rgba(249,115,22,0.3);}.yk-form-btn:hover {background: var(--yk-brand-600);}.yk-form-alert {padding: 14px;border-radius: var(--yk-radius-sm);margin-bottom: 18px;font-size: 14px;display: none;}.yk-form-alert.success {background: #dcfce7;color: #166534;border: 1px solid #bbf7d0;display: block;}.yk-form-alert.error {background: #fee2e2;color: #991b1b;border: 1px solid #fecaca;display: block;}.yk-banner-cta {background: var(--yk-steel-900);color: #fff;border-radius: var(--yk-radius-md);padding: 50px 40px;text-align: center;position: relative;overflow: hidden;margin: 40px 0;}.yk-banner-cta h2 {font-size: 30px;font-weight: 800;margin-bottom: 12px;}.yk-banner-cta p {color: #cbd5e1;font-size: 16px;max-width: 600px;margin: 0 auto 26px auto;}.yk-footer {border-top: 4px solid var(--yk-brand-500);background: #ffffff;color: #334155;padding: 60px 0 35px 0;margin-top: auto;font-size: 14px;}.yk-footer-grid {display: grid;grid-template-columns: 1.3fr 1fr 1fr 1.2fr;gap: 40px;margin-bottom: 40px;}.yk-footer-heading {margin-bottom: 16px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;color: #94a3b8;}.yk-footer-desc {margin-top: 14px;max-width: 320px;font-size: 13.5px;line-height: 1.6;color: #64748b;}.yk-footer-links {list-style: none;}.yk-footer-links li {margin-bottom: 10px;}.yk-footer-links a {color: #475569;font-size: 14px;transition: color 0.2s ease;}.yk-footer-links a:hover {color: var(--yk-brand-500);}.yk-footer-contact li {margin-bottom: 12px;font-size: 14px;color: #475569;line-height: 1.5;}.yk-footer-btn {display: inline-block;border-radius: var(--yk-radius-sm);background: var(--yk-brand-500);padding: 8px 18px;font-size: 14px;font-weight: 600;color: #fff;transition: background 0.2s ease;}.yk-footer-btn:hover {background: var(--yk-brand-600);color: #fff;}.yk-footer-bottom {margin-top: 40px;padding-top: 24px;border-top: 1px solid #e2e8f0;text-align: center;font-size: 12.5px;color: #94a3b8;}.yk-mobile-menu-btn {display: none;background: #f8fafc;border: 1px solid var(--yk-border);border-radius: var(--yk-radius-sm);padding: 9px;cursor: pointer;flex-direction: column;gap: 5px;justify-content: center;align-items: center;width: 44px;height: 44px;transition: all 0.2s ease;}.yk-mobile-menu-btn:hover {background: #f1f5f9;border-color: #cbd5e1;}.yk-mobile-menu-btn span {display: block;width: 22px;height: 2px;background-color: var(--yk-steel-800);border-radius: 2px;transition: all 0.25s ease;}.yk-menu-open .yk-mobile-menu-btn span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.yk-menu-open .yk-mobile-menu-btn span:nth-child(2) {opacity: 0;}.yk-menu-open .yk-mobile-menu-btn span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.yk-mobile-menu-drawer {display: none;background: #ffffff;border-top: 1px solid var(--yk-border);border-bottom: 3px solid var(--yk-brand-500);box-shadow: var(--yk-shadow-lg);padding: 16px 20px 24px 20px;max-height: 80vh;overflow-y: auto;animation: ykSlideDown 0.25s ease;}@keyframes ykSlideDown {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.yk-menu-open .yk-mobile-menu-drawer {display: block;}.yk-mobile-nav {list-style: none;display: flex;flex-direction: column;gap: 4px;}.yk-mobile-nav-item {border-bottom: 1px solid var(--yk-border-light);padding: 8px 0;}.yk-mobile-nav-link {font-size: 16px;font-weight: 700;color: var(--yk-steel-800);display: flex;justify-content: space-between;align-items: center;padding: 6px 0;}.yk-mobile-sub-nav {list-style: none;padding-left: 14px;margin-top: 6px;display: flex;flex-direction: column;gap: 6px;}.yk-mobile-sub-nav a {font-size: 14.5px;color: var(--yk-steel-600);display: block;padding: 4px 0;}.yk-mobile-sub-nav a:hover {color: var(--yk-brand-500);}@media (max-width: 991px) {.yk-hero-grid, .yk-prod-wrap, .yk-contact-grid {grid-template-columns: 1fr;}.yk-footer-grid {grid-template-columns: 1fr 1fr;}.yk-desktop-nav {display: none;}.yk-mobile-menu-btn {display: flex;}.yk-header-inner {height: 72px;}}@media (max-width: 640px) {.yk-hero h1 {font-size: 26px;}.yk-section-title {font-size: 23px;}.yk-footer-grid {grid-template-columns: 1fr;}.yk-prod-wrap, .yk-article-wrap, .yk-contact-card {padding: 20px 16px;}.yk-topbar-inner {flex-direction: column;text-align: center;gap: 6px;}.yk-topbar-left, .yk-topbar-right {justify-content: center;gap: 10px;font-size: 12px;}.yk-banner-cta {padding: 36px 20px;}.yk-banner-cta h2 {font-size: 22px;}.urun-hizli-gecis {padding: 12px 14px !important;gap: 8px !important;}.urun-hizli-gecis strong {font-size: 12px !important;margin-bottom: 4px !important;width: 100% !important;}.urun-hizli-gecis a {padding: 6px 12px !important;font-size: 12.5px !important;}}.yk-whatsapp-float {position: fixed;bottom: 24px;right: 24px;background-color: #128c7e;color: #ffffff !important;border-radius: 50px;padding: 10px 18px 10px 14px;display: flex;align-items: center;gap: 10px;box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45);z-index: 99999;text-decoration: none !important;font-family: inherit;font-weight: 700;font-size: 14.5px;transition: transform 0.2s ease, box-shadow 0.2s ease;}.yk-whatsapp-float:hover {transform: translateY(-3px) scale(1.03);box-shadow: 0 6px 24px rgba(37, 211, 102, 0.6);color: #ffffff !important;}@media (max-width: 640px) {.yk-whatsapp-float {bottom: 18px;right: 18px;padding: 12px;border-radius: 50%;}.yk-whatsapp-float span {display: none;}}