:root{--color-black:#141414;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f0f0ee;--color-gray-200:#e2e2df;--color-gray-400:#a6a6a0;--color-gray-600:#6e6e68;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--color-white);color:var(--color-black);font-family:var(--font-sans);margin:0}.site-wrap{flex-direction:column;min-height:100vh;display:flex}.site-wrap>main{flex:1;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:8px 20px 64px}.site-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:32px 20px 0;display:flex}.logo{align-items:center;text-decoration:none;display:flex}.logo-img{width:auto;height:30px;display:block}.auth-nav{align-items:center;gap:8px;display:flex}.auth-link{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:13px}.auth-link:hover{border-color:var(--color-gray-400)}.auth-link-primary{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.auth-link-primary:hover{border-color:var(--color-black)}.search-input{border:1px solid var(--color-gray-200);border-radius:8px;outline:none;width:100%;max-width:480px;margin-bottom:16px;padding:10px 14px;font-family:inherit;font-size:15px;display:block}.search-input:focus{border-color:var(--color-gray-400)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:13px}.chip.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.fav-row{min-height:18px;margin:-6px 0 14px}.fav-btn{color:var(--color-gray-600);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.fav-btn:hover{color:var(--color-black)}.fav-btn:disabled{cursor:default;color:var(--color-gray-400)}.fav-note{color:var(--color-gray-400);font-size:12px}.fav-link{color:var(--color-gray-600);text-underline-offset:3px}.fav-link:hover{color:var(--color-black)}.marka-aciklama{color:var(--color-gray-600);max-width:440px;margin:0 0 18px;font-size:14px}.filtre-grup{margin-bottom:14px}.filtre-grup .chips{margin-bottom:0}.filtre-grup .fav-row{margin:8px 0 0}.filtre-etiket{letter-spacing:.08em;color:var(--color-gray-400);margin-bottom:6px;font-size:11px;display:block}.liste-ust{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 16px;display:flex}.liste-ust .result-count{margin-bottom:0}.sirala{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:0 0;border-radius:999px;outline:none;padding:6px 14px;font-family:inherit;font-size:13px}.sirala:hover,.sirala:focus{border-color:var(--color-gray-400)}.result-count{color:var(--color-gray-600);margin-bottom:16px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px;display:grid}@media (min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:36px 24px}}.card{position:relative}.card-a{color:inherit;cursor:pointer;text-decoration:none;display:block}.fav-heart{border:1px solid var(--color-gray-200);cursor:pointer;width:32px;height:32px;color:var(--color-gray-600);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:8px;right:8px}.fav-heart svg{width:16px;height:16px}.fav-heart:hover{color:var(--color-black);border-color:var(--color-gray-400)}.fav-heart.active{color:var(--color-black)}.fav-heart:disabled{opacity:.6;cursor:default}.header-heart{color:var(--color-gray-600);align-items:center;margin:0 2px;display:flex}.header-heart svg{width:20px;height:20px}.header-heart:hover{color:var(--color-black)}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fav-detail-btn{border:1px solid var(--color-gray-200);color:var(--color-gray-600);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;display:inline-flex}.fav-detail-btn svg{width:16px;height:16px}.fav-detail-btn:hover{border-color:var(--color-gray-400);color:var(--color-black)}.fav-detail-btn.active{color:var(--color-black);border-color:var(--color-black)}.card-image{aspect-ratio:3/4;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;margin-bottom:8px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;display:block}.card:hover .card-image{border-color:var(--color-gray-400)}.card-brand{color:var(--color-gray-600);letter-spacing:.03em;font-size:12px}.card-name{margin:2px 0;font-size:14px}.card-price{font-size:14px;font-weight:500}.back-btn{color:var(--color-gray-600);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-family:inherit;font-size:13px}.detail{flex-direction:column;display:flex}@media (min-width:900px){.detail{flex-direction:row;align-items:flex-start;gap:56px}.detail-image{flex:0 0 400px;max-width:400px!important}.detail-info{padding-top:12px}}.detail-image{aspect-ratio:3/4;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:12px;width:100%;max-width:280px;margin-bottom:16px;overflow:hidden}.detail-image img{object-fit:cover;width:100%;height:100%;display:block}.detail-brand{color:var(--color-gray-600);letter-spacing:.03em;margin-bottom:4px;font-size:13px}.detail-name{margin-bottom:8px;font-size:20px}.detail-price{margin-bottom:20px;font-size:22px;font-weight:500}.buy-btn{background:var(--color-black);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;text-decoration:none;display:inline-block}.hint{color:var(--color-gray-600);margin-top:8px;font-size:12px}.menu{position:relative}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;padding:0;display:flex}.menu-btn span{background:var(--color-black);width:18px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.menu-btn.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.menu-panel{background:var(--color-white);border:1px solid var(--color-gray-200);z-index:50;border-radius:10px;flex-direction:column;min-width:190px;padding:8px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #1414140f}.menu-panel a{color:var(--color-black);padding:9px 18px;font-size:14px;text-decoration:none}.menu-panel a:hover{background:var(--color-gray-50)}.hero{padding:40px 0 48px}.hero-title{font-family:var(--font-serif);letter-spacing:.01em;margin:0 0 16px;font-size:clamp(30px,6vw,44px);font-weight:400;line-height:1.15}.hero-sub{color:var(--color-gray-600);max-width:440px;margin:0 0 24px;font-size:15px;line-height:1.7}.hero-cta{background:var(--color-black);color:var(--color-white);border-radius:8px;padding:12px 24px;font-size:14px;text-decoration:none;display:inline-block}.bolumler{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:48px;display:grid}.bolum-kart{border:1px solid var(--color-gray-200);text-align:center;border-radius:12px;padding:28px 16px;text-decoration:none;transition:border-color .15s}.bolum-kart:hover{border-color:var(--color-black)}.bolum-ad{font-family:var(--font-serif);color:var(--color-black);margin-bottom:4px;font-size:20px;display:block}.bolum-alt{color:var(--color-gray-400);font-size:12px}.secmeler{margin-bottom:48px}.secmeler-bas{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.secmeler-bas h2,.adimlar h2{font-family:var(--font-serif);margin:0;font-size:20px;font-weight:400}.secmeler-hepsi{color:var(--color-gray-600);font-size:13px;text-decoration:none}.secmeler-hepsi:hover{color:var(--color-black)}.card-link{color:inherit;text-decoration:none;display:block}.adimlar h2{margin-bottom:20px}.adim-liste{gap:14px;display:grid}.adim{align-items:baseline;gap:14px;display:flex}.adim-no{font-family:var(--font-serif);color:var(--color-gray-400);min-width:20px;font-size:18px}.adim-metin{font-size:15px;line-height:1.6}.bolum-baslik{font-family:var(--font-serif);letter-spacing:.02em;margin:4px 0 20px;font-size:26px;font-weight:400}.yakinda{padding:40px 0 64px}.yakinda-buyuk{font-family:var(--font-serif);color:var(--color-gray-400);margin-bottom:12px;font-size:32px}.yakinda p{color:var(--color-gray-600);max-width:400px;font-size:15px;line-height:1.7}.yakinda a{color:var(--color-black);text-underline-offset:3px}.site-footer{border-top:1px solid var(--color-gray-100);width:100%;max-width:1200px;margin:0 auto;padding:32px 20px 40px}.footer-links{flex-wrap:wrap;gap:20px;margin-bottom:12px;display:flex}.footer-links a{color:var(--color-gray-600);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--color-black)}.footer-note{color:var(--color-gray-400);margin-bottom:12px;font-size:12px;line-height:1.6}.footer-copy{color:var(--color-gray-400);font-size:12px}.page{max-width:720px;line-height:1.7}.page h1{font-family:var(--font-serif);letter-spacing:.02em;margin:8px 0 20px;font-size:26px;font-weight:400}.page h2{margin:28px 0 8px;font-size:16px;font-weight:600}.page p{color:var(--color-black);margin:0 0 14px;font-size:15px}.page ul{margin:0 0 14px;padding-left:20px;font-size:15px}.page li{margin-bottom:6px}.page a{color:var(--color-black);text-underline-offset:3px}.page-date{color:var(--color-gray-400)!important;font-size:12px!important}.nf{text-align:left;padding-top:48px}.nf-code{font-family:var(--font-serif);color:var(--color-gray-200);margin-bottom:8px;font-size:64px}.skeleton{background:var(--color-gray-100);border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-input{height:42px;margin-bottom:16px}.skeleton-chips{gap:8px;margin-bottom:32px;display:flex}.skeleton-chip{border-radius:999px;width:72px;height:30px}.skeleton-card{aspect-ratio:3/4;margin-bottom:8px}.skeleton-line{height:12px;margin-bottom:6px}.skeleton-line.short{width:55%}
