.cc_4waatua4_KQBT2T2CXF .cband { background: var(--defter-paper); padding: 1.5rem 0; }
@media (min-width: 1024px) { .cc_4waatua4_KQBT2T2CXF .cband { padding: 2.5rem 0; } }

.cc_4waatua4_KQBT2T2CXF .cband__box {
  display: grid;
  border-radius: var(--defter-radius);
  overflow: hidden;
  min-height: 22rem;
  padding: 0.75rem;
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .cc_4waatua4_KQBT2T2CXF .cband__box { grid-template-columns: 1.1fr 1fr; min-height: 26rem; }
  .cc_4waatua4_KQBT2T2CXF .cband__box--rev .cband__media { order: 2; }
}

.cc_4waatua4_KQBT2T2CXF .cband__box--night { background: var(--defter-blue); color: var(--defter-white); }
.cc_4waatua4_KQBT2T2CXF .cband__box--color { color: var(--defter-ink); }
.cc_4waatua4_KQBT2T2CXF .cband__box--lilac { background: var(--defter-sky); color: var(--defter-ink); }
.cc_4waatua4_KQBT2T2CXF .cband__box--blush { background: var(--goal-skin); color: var(--defter-ink); }
.cc_4waatua4_KQBT2T2CXF .cband__box--pearl { background: var(--defter-white); color: var(--defter-ink); }

.cc_4waatua4_KQBT2T2CXF .cband__media { position: relative; min-height: 16rem; overflow: hidden; border-radius: 22px; }
.cc_4waatua4_KQBT2T2CXF .cband__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 2s var(--defter-ease); }
.cc_4waatua4_KQBT2T2CXF .cband__box:hover .cband__media img { transform: scale(1.04); }

.cc_4waatua4_KQBT2T2CXF .cband__copy { display: grid; align-content: center; justify-items: start; gap: 1rem; padding: 2.5rem 1.5rem; }
@media (min-width: 1024px) { .cc_4waatua4_KQBT2T2CXF .cband__copy { padding: 3rem 3.5rem; } }

.cc_4waatua4_KQBT2T2CXF .cband__title { font-size: clamp(2.2rem, 4vw, 3.6rem); }
.cc_4waatua4_KQBT2T2CXF .cband__copy p { margin: 0; max-width: 26rem; opacity: 0.85; font-weight: 500; line-height: 1.55; }
.cc_4waatua4_KQBT2T2CXF .cband__box--night .defter-soft { color: var(--defter-ink); }
.cc_4waatua4_KQBT2T2CXF .cband__box--color .defter-soft { color: var(--defter-white); }

.cc_4waatua4_KQBT2T2CXF .cband__clock { display: flex; gap: 0.5rem; }
.cc_4waatua4_KQBT2T2CXF .cband__clock span {
  display: grid;
  justify-items: center;
  min-width: 3.5rem;
  padding: 0.55rem 0.4rem;
  border-radius: var(--defter-radius);
  background: rgba(255, 255, 255, 0.7);
  color: var(--defter-ink);
}
.cc_4waatua4_KQBT2T2CXF .cband__box--night .cband__clock span { background: rgba(255, 255, 255, 0.08); color: #f3f1f6; }
.cc_4waatua4_KQBT2T2CXF .cband__clock b { display: block; font-family: var(--defter-font-soft); font-weight: 800; font-size: 1.75rem; line-height: 1; font-variant-numeric: tabular-nums; }
.cc_4waatua4_KQBT2T2CXF .cband__clock small { display: block; opacity: 0.65; }
.cc_4waatua4_KQBT2T2CXF .cband .defter-pill { margin-top: 0.5rem; }