/* Uyku tulumu seçici: tam genişlik buzul mavisi bant (üst köşeler 32 px), koyu yeşil sıcaklık kartı, beyaz tulum kartları */
.cc_n2r0vk1q_rlN7dDqYV7 .thermo { margin: 0 0.5rem; padding-bottom: 4.5rem; border-radius: 32px; background: var(--yayla-sky); color: var(--yayla-ink); }
@media (min-width: 900px) { .cc_n2r0vk1q_rlN7dDqYV7 .thermo { margin: 0 1rem; padding-bottom: 7rem; } }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__lede { display: block; max-width: 30rem; margin: 0; color: var(--yayla-ink); font-size: 1rem; line-height: 1.55; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__grid { display: grid; gap: 1rem; }
@media (min-width: 1000px) { .cc_n2r0vk1q_rlN7dDqYV7 .thermo__grid { grid-template-columns: 17.5rem 1fr; align-items: start; } }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__box { padding: 1.5rem; border-radius: 22px; background: var(--yayla-forest); color: var(--yayla-white); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__eb { --eyebrow-c: var(--yayla-sun); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__big { display: block; margin: 0.5rem 0 0.875rem; font-family: var(--yayla-font-soft); font-size: 4rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__box input { width: 100%; height: 0.5rem; border-radius: 99px; background: linear-gradient(90deg, #6ec3e6, #dbeef5 50%, #ffc93c 75%, #e8412f); -webkit-appearance: none; appearance: none; outline: none; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__box input::-webkit-slider-thumb { -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--yayla-white); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); cursor: grab; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__box input::-moz-range-thumb { width: 1.5rem; height: 1.5rem; border: 0; border-radius: 50%; background: var(--yayla-white); cursor: grab; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__scale { display: flex; justify-content: space-between; margin-top: 0.5rem; color: #b7cbc3; font-size: 0.72rem; font-weight: 700; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__tip { display: block; margin: 1rem 0 0.625rem; color: #dfeae5; font-size: 0.85rem; line-height: 1.45; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__mat { display: block; font-size: 0.85rem; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__bags { display: grid; grid-auto-flow: column; grid-auto-columns: 70%; gap: 0.625rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
@media (min-width: 700px) { .cc_n2r0vk1q_rlN7dDqYV7 .thermo__bags { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; } }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__sb { display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: var(--yayla-white); scroll-snap-align: start; transition: opacity 0.3s, filter 0.3s, transform 0.3s var(--yayla-ease); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__sb[data-s="ok"] { transform: translateY(-4px); box-shadow: 0 24px 48px -28px rgba(13, 31, 26, 0.45); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__sb[data-s="cold"] { opacity: 0.6; filter: grayscale(0.6); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__img { display: block; aspect-ratio: 1.1; background: var(--yayla-mist); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__img img { width: 100%; height: 100%; object-fit: cover; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__t { display: flex; flex-direction: column; flex: 1; gap: 0.375rem; padding: 0.75rem; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__t a { color: inherit; text-decoration: none; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__t b { display: block; font-size: 0.9rem; line-height: 1.25; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__st { align-self: flex-start; padding: 0.2rem 0.6rem; border-radius: 999px; background: var(--yayla-mist); color: var(--yayla-ink-2); font-size: 0.7rem; font-weight: 800; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__sb[data-s="ok"] .thermo__st { background: #d9f0e4; color: var(--yayla-moss); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__sb[data-s="edge"] .thermo__st { background: #fff1c7; color: #8a5a00; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__rng { position: relative; height: 0.5rem; border-radius: 99px; background: var(--yayla-mist); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__rng i { position: absolute; top: 0; bottom: 0; right: 0; border-radius: 99px; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__rng .is-lim { background: #9ec9bb; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__rng .is-com { background: var(--yayla-moss); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__rng u { position: absolute; top: -0.25rem; width: 3px; height: 1rem; margin-left: -1.5px; border-radius: 2px; background: var(--yayla-red); }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__t small { display: block; color: var(--yayla-muted); font-size: 0.75rem; font-weight: 700; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__pr { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 0.25rem; font-weight: 800; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__pr button { width: 2.25rem; height: 2.25rem; border: 0; border-radius: 50%; background: var(--yayla-ink); color: var(--yayla-white); font-size: 1.25rem; cursor: pointer; }
.cc_n2r0vk1q_rlN7dDqYV7 .thermo__pr button:hover { background: var(--yayla-red); }