*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#021118}.navbar{z-index:1000;background:linear-gradient(#021118f2,#0000);justify-content:space-between;align-items:center;padding:24px 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{letter-spacing:6px;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:300;text-decoration:none}.navbar-links{gap:40px;display:flex}.navbar-links a{letter-spacing:4px;color:#fffc;font-family:Inter,sans-serif;font-size:11px;text-decoration:none}.navbar-links a:hover{color:#fff}.breadcrumb{letter-spacing:3px;color:#fff6;padding:100px 40px 8px;font-family:Inter,sans-serif;font-size:9px}.breadcrumb a{color:#fff6;text-decoration:none}.page-header{padding:8px 40px 24px}.page-header h1{letter-spacing:8px;color:#fff;font-family:Inter,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:300}.kol-grid{background:#ffffff0a;gap:2px;display:grid}.kol-grid-3{grid-template-columns:repeat(3,1fr)}.kol-kart{aspect-ratio:3/4;background:#061e2a;text-decoration:none;display:block;position:relative;overflow:hidden}.kol-bg{background-color:#061e2a;background-position:50%;background-size:cover;transition:transform .6s;position:absolute;inset:0}.kol-kart:hover .kol-bg{transform:scale(1.04)}.kol-content{z-index:2;padding:24px;position:absolute;bottom:0;left:0;right:0}.kol-title{letter-spacing:4px;color:#fff;font-family:Inter,sans-serif;font-size:clamp(11px,1.2vw,14px);font-weight:300}.urun-grid{background:#ffffff0a;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.urun-kart{background:#061e2a;text-decoration:none;display:block}.urun-gorseli{aspect-ratio:1;overflow:hidden}.urun-gorseli img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.urun-kart:hover .urun-gorseli img{transform:scale(1.05)}.urun-bilgi{padding:12px}.urun-ad{letter-spacing:1px;color:#fffc;margin-bottom:4px;font-family:Inter,sans-serif;font-size:10px;font-weight:300}.urun-fiyat{letter-spacing:2px;color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:300}.urun-btn-satin{color:#021118;letter-spacing:3px;cursor:pointer;background:#fff;border:none;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:10px;font-weight:300}.urun-btn-sepet{color:#fff;letter-spacing:3px;cursor:pointer;background:0 0;border:1px solid #ffffff4d;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:10px;font-weight:300}.footer{text-align:center;letter-spacing:4px;color:#ffffff4d;padding:40px;font-family:Inter,sans-serif;font-size:9px}@media (max-width:768px){.navbar{padding:20px}.kol-grid-3,.urun-grid{grid-template-columns:repeat(2,1fr)}.breadcrumb{padding:80px 20px 8px}.page-header{padding:8px 20px 20px}}.desktop-hero{display:block}.mobile-hero{display:none}@media (max-width:768px){.desktop-hero{display:none}.mobile-hero{display:block}}.bl-navbar{z-index:1000;background:#021118;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.bl-logo{letter-spacing:5px;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:300;text-decoration:none}.bl-nav-icons{align-items:center;gap:20px;display:flex}.bl-nav-btn{cursor:pointer;color:#fffc;background:0 0;border:none;align-items:center;padding:0;display:flex}.bl-nav-links{align-items:center;gap:32px;display:flex}.bl-nav-links a{letter-spacing:3px;color:#fffc;font-family:Inter,sans-serif;font-size:11px;text-decoration:none}.bl-menu-item{letter-spacing:4px;color:#fff;border-bottom:1px solid #ffffff0f;padding:16px 0;font-family:Inter,sans-serif;font-size:20px;font-weight:300;text-decoration:none;display:block}.bl-menu-sub{letter-spacing:3px;color:#ffffff80;padding:10px 0;font-family:Inter,sans-serif;font-size:11px;text-decoration:none;display:block}.bl-hamburger{display:none}@media (min-width:769px){.bl-navbar{padding:0 40px}}@media (max-width:768px){.bl-nav-links{display:none}.bl-hamburger{display:flex}}