body{font-family:"Plus Jakarta Sans", sans-serif;background-color:#f8f9fa;}
.logo {width:179px;height:95px;}
.navbar .search-form .input-group{flex-wrap:nowrap;}
.navbar .search-form .searchinput{width:0;min-width:0;padding:0;border:none;background:transparent;color:#fff;opacity:0;transition:width .25s ease,opacity .2s,padding .25s;}
.navbar .search-form .searchinput::placeholder{color:rgba(255,255,255,.55);}
.navbar .search-form.expanded .searchinput{width:140px;opacity:1;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.25);border-right:none;border-radius:1rem 0 0 1rem;background:rgba(255,255,255,.08);}
.navbar .search-form .search-toggle{border-radius:1rem;color:#fff;border-color:rgba(255,255,255,.35);}
.navbar .search-form.expanded .search-toggle{border-radius:0 1rem 1rem 0;border-left:none;}
.nav-color {background: linear-gradient(to right, #7d0d93 0%, #050106 15%, #530963 25%, #b30bff 35%, #000 65%, #2a0432 75%, #630675 85%, #230629 100%);}
.nav-color .nav-link {color:white;}
.apart-card{transition:transform 0.2s ease, box-shadow 0.2s ease;}
.apart-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;}
.apart-resim {height: 233px;object-fit: cover;}
.apart-image-list {height: 210px;object-fit: cover;}
.hero-section{background:linear-gradient(to right, #f6faff 0%, #f0f9f9 50%, #eafefd 100%);color:black;padding:2.5rem 0;}
.obj-fit-cover{object-fit:cover;}
.feature-badge{font-size:0.8rem;background-color:#e9ecef;color:#495057;border-radius:20px;padding:0.25rem 0.6rem;margin-right:4px;margin-bottom:4px;display:inline-block;}
a{text-decoration:none;}
.fs-12{font-size:0.75rem !important;}
.fs-14{font-size:0.875rem !important;}
.fs12{font-size:0.75rem !important;}
.fs14{font-size:0.875rem !important;}
.orange{color:hsl(18.3, 74.4%, 52.5%);}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e9ecef;border-radius:0.5rem;overflow:hidden;background:#fff;}
.feat-item{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0.6rem;border-bottom:1px solid #f0f2f5;border-right:1px solid #f0f2f5;font-size:0.75rem;color:#374151;transition:background 0.15s;}
.feat-item:hover{background:#f8fafc;}
.feat-item:nth-child(2n){border-right:none;}
.feat-item:nth-last-child(-n+2){border-bottom:none;}
.feat-icon{width:22px;text-align:center;color:#0d6efd;font-size:0.85rem;flex-shrink:0;}
.feat-text{line-height:1.3;}
.feat-label{color:#6b7280;font-weight:400;}
.feat-val{color:#1f2937;font-weight:600;}
h1 {letter-spacing:-0.03rem;}
.badgebolge{background:rgba(0,0,0,0.45);color:white;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(4px);}
.type-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;font-weight:600;border-radius:1rem;padding:0.28rem 0.65rem;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.18);border:none;white-space:nowrap;}
.type-badge-kiz{background:linear-gradient(135deg,#e91e8c,#c2185b);color:#fff;border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
.type-badge-erkek{background:linear-gradient(135deg,#1565C0,#0288d1);color:#fff;border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
.type-badge-karisik{background:linear-gradient(135deg,#f57c00,#ffa726);color:#fff;}
.type-badge-ozel{background:linear-gradient(135deg,#6a1b9a,#9c27b0);color:#fff;}
.type-badge-other{background:#607d8b;color:#fff;}
.fav-toggle-btn {width:34px;height:34px;}
.scroll-to-top{position:fixed;right:20px;bottom:100px;width:60px;height:60px;font-size:20px;z-index:100;cursor:pointer;border-radius:50%;color:#24a88e;border:2px dashed #24a88e;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(0.8);transition:opacity 300ms ease, transform 300ms ease;}
.scroll-to-top.active{opacity:1;pointer-events:auto;transform:scale(1);}
.scroll-to-top:hover{background-color:#24a88e;color:#ffffff;}
@media (min-width:992px){.navbar .search-form.expanded .searchinput{width:200px;}}
@media (max-width:991.98px){.navbar .search-form{width:100%;}.navbar .search-form.expanded .searchinput{width:100%;flex:1;}
.nav-color {background: linear-gradient(to right, #7d0d93 0%, #050106 15%, #27062d 25%, #000 35%, #a914ae 65%, #09010a 75%, #300638 85%, #230629 100%);}
.scroll-to-top{right:8px;width:40px;height:40px;font-size:1rem;}
.apart-resim {height: 188px;}
}
footer a {color:#dfdfdf;}