/* Makarayı seç: solda gri nesne + renk bindirme, sağda beyaz panel (malzeme sekmeleri, makara halkaları, özellik çubukları, tahmin, fiyat) */
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; margin-bottom: 2rem; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__title { font-size: clamp(2.6rem, 5.4vw, 4.6rem); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__title span { display: block; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__head p { max-width: 28rem; margin: 0; color: var(--katman-ink-2); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__grid { --fc: #c2410c; display: grid; gap: 1.25rem; }
@media (min-width: 1024px) { .cc_1e8cwwi7_LkoRiCZ8a8 .kspool__grid { grid-template-columns: 1.05fr 0.95fr; } }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__stage { position: relative; min-height: 23.75rem; overflow: hidden; border-radius: 28px; background: #1b1f24; }
@media (min-width: 1024px) { .cc_1e8cwwi7_LkoRiCZ8a8 .kspool__stage { min-height: 35rem; } }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05) brightness(1.08); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__tint { position: absolute; inset: 0; background: var(--fc); mix-blend-mode: color; transition: background 0.5s; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__chip { position: absolute; left: 1.125rem; bottom: 1.125rem; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-radius: 14px; background: var(--katman-white); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__chip i { width: 2.125rem; height: 2.125rem; border-radius: 50%; background: var(--fc); box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.55); transition: background 0.5s; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__chip b, .cc_1e8cwwi7_LkoRiCZ8a8 .kspool__chip small { display: block; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__chip small { color: var(--katman-muted); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__panel { display: flex; flex-direction: column; gap: 1.125rem; padding: 1.625rem; border-radius: 28px; background: var(--katman-white); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__mats { display: flex; flex-wrap: wrap; gap: 0.375rem; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__mats button { height: 2.625rem; padding: 0 1rem; border: 0; border-radius: 12px; background: var(--katman-mist); color: var(--katman-ink); cursor: pointer; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__mats button.is-on { background: var(--katman-ink); color: var(--katman-white); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; }
@media (min-width: 640px) { .cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spools { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spool { position: relative; aspect-ratio: 1; border: 0; border-radius: 50%; background: radial-gradient(circle, #fff 0 22%, #d9dde2 22% 26%, var(--c) 26% 86%, #d9dde2 86% 100%); cursor: pointer; transition: transform 0.3s; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spool::after { content: ""; position: absolute; inset: 26%; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 3px); -webkit-mask: radial-gradient(circle, transparent 30%, #000 31%); mask: radial-gradient(circle, transparent 30%, #000 31%); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spool:hover { transform: rotate(40deg) scale(1.04); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spool.is-on { outline: 3px solid var(--katman-ink); outline-offset: 3px; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spec { display: grid; gap: 0.625rem; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spec > div { display: grid; grid-template-columns: 6rem 1fr 2.5rem; align-items: center; gap: 0.75rem; }
@media (min-width: 640px) { .cc_1e8cwwi7_LkoRiCZ8a8 .kspool__spec > div { grid-template-columns: 7.5rem 1fr 2.75rem; } }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__track { height: 0.625rem; overflow: hidden; border-radius: 3px; background: var(--katman-mist); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__track i { display: block; height: 100%; background: repeating-linear-gradient(90deg, var(--katman-blue) 0 8px, #3cc0b8 8px 10px); transition: width 0.5s; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__est { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; padding: 0.875rem 1rem; border-radius: 16px; background: var(--katman-mist); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__est b { display: block; font-size: clamp(1.05rem, 2vw, 1.4rem); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__est small { display: block; color: var(--katman-muted); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__foot small { display: block; color: var(--katman-muted); }
.cc_1e8cwwi7_LkoRiCZ8a8 .kspool__foot b { display: block; font-size: 2rem; }