.cc_4waatua4_9900oF5T7Q .pbox { padding-top: 4.5rem; }
.cc_4waatua4_9900oF5T7Q .pbox__box { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start; padding: 2.25rem 1.125rem; border-radius: var(--defter-radius); background: var(--defter-sky); color: var(--defter-ink); }
.cc_4waatua4_9900oF5T7Q .pbox__kicker { background: var(--defter-white); }
.cc_4waatua4_9900oF5T7Q .pbox__title { margin-top: 0.25rem; font-size: clamp(2.125rem, 4.2vw, 4rem); }
.cc_4waatua4_9900oF5T7Q .pbox__text { max-width: 30rem; margin: 0.875rem 0 0; color: var(--defter-ink-2); font-size: 1.0625rem; }
.cc_4waatua4_9900oF5T7Q .pbox__pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.375rem; }
.cc_4waatua4_9900oF5T7Q .pbox__pill { display: inline-flex; align-items: center; height: 2.75rem; padding: 0 1.125rem; border: 0; border-radius: 999px; background: var(--defter-white); color: var(--defter-ink); font-family: var(--defter-font); font-size: 0.95rem; font-weight: 600; cursor: pointer; }
.cc_4waatua4_9900oF5T7Q .pbox__pill.is-on { background: var(--defter-ink); color: var(--defter-white); }
.cc_4waatua4_9900oF5T7Q .pbox__tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin-top: 1.375rem; }
.cc_4waatua4_9900oF5T7Q .pbox__tl { position: relative; padding: 0.625rem; border-radius: 18px; background: var(--defter-white); text-align: left; touch-action: none; user-select: none; cursor: grab; transition: transform 0.15s, box-shadow 0.15s; }
.cc_4waatua4_9900oF5T7Q .pbox__tl:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -22px rgba(17, 20, 39, 0.45); }
.cc_4waatua4_9900oF5T7Q .pbox__tl.is-on { box-shadow: inset 0 0 0 2.5px var(--defter-ink); }
.cc_4waatua4_9900oF5T7Q .pbox__tl.is-on::after { content: "✓"; position: absolute; top: 0.5rem; right: 0.5rem; width: 1.375rem; height: 1.375rem; border-radius: 50%; background: var(--defter-ink); color: var(--defter-white); font-size: 0.75rem; line-height: 1.375rem; text-align: center; }
.cc_4waatua4_9900oF5T7Q .pbox__tl.is-out { opacity: 0.45; }
.cc_4waatua4_9900oF5T7Q .pbox__im { display: block; height: 2.75rem; overflow: hidden; border-radius: 10px; }
.cc_4waatua4_9900oF5T7Q .pbox__im img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.9); pointer-events: none; }
.cc_4waatua4_9900oF5T7Q .pbox__tl b { display: block; margin-top: 0.5rem; font-size: 0.75rem; font-weight: 700; line-height: 1.2; }
.cc_4waatua4_9900oF5T7Q .pbox__tl span:last-child { font-size: 0.75rem; color: var(--defter-ink-2); }
.cc_4waatua4_9900oF5T7Q .pbox__case { position: relative; min-height: 20rem; padding: 1.75rem; border-radius: 36px; background: var(--defter-ink); transition: transform 0.2s, box-shadow 0.2s; }
.cc_4waatua4_9900oF5T7Q .pbox__case.is-over { transform: scale(1.02); box-shadow: 0 0 0 4px var(--defter-butter); }
.cc_4waatua4_9900oF5T7Q .pbox__zip { position: absolute; left: 1.75rem; right: 1.75rem; top: 0.75rem; height: 6px; border-radius: 3px; background: repeating-linear-gradient(90deg, var(--defter-butter) 0 6px, transparent 6px 10px); opacity: 0.8; }
.cc_4waatua4_9900oF5T7Q .pbox__pull { position: absolute; right: 1.25rem; top: 0.25rem; width: 1.375rem; height: 1.875rem; border-radius: 6px; background: var(--defter-butter); }
.cc_4waatua4_9900oF5T7Q .pbox__in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.875rem; }
.cc_4waatua4_9900oF5T7Q .pbox__in div { height: 4.25rem; overflow: hidden; border-radius: 14px; background: rgba(255, 255, 255, 0.08); animation: cc_4waatua4_9900oF5T7Q_pbox-drop 0.4s cubic-bezier(.2, .9, .3, 1.2); }
.cc_4waatua4_9900oF5T7Q .pbox__in img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.7); }
@keyframes cc_4waatua4_9900oF5T7Q_pbox-drop { from { transform: translateY(-30px) rotate(-6deg); opacity: 0; } }
.cc_4waatua4_9900oF5T7Q .pbox__empty { grid-column: 1 / -1; margin: 0; padding: 6.25rem 0; color: #aeb3cc; font-size: 1.5rem; line-height: 1.2; text-align: center; }
.cc_4waatua4_9900oF5T7Q .pbox__tiers { position: relative; height: 0.875rem; margin-top: 1.5rem; border-radius: 999px; background: var(--defter-white); }
.cc_4waatua4_9900oF5T7Q .pbox__fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 999px; background: var(--defter-ink); transition: width 0.35s; }
.cc_4waatua4_9900oF5T7Q .pbox__tk { position: absolute; top: 50%; width: 1.625rem; height: 1.625rem; margin: -0.8125rem 0 0 -0.8125rem; border-radius: 50%; background: var(--defter-white); box-shadow: inset 0 0 0 3px var(--defter-ink); transition: 0.2s; }
.cc_4waatua4_9900oF5T7Q .pbox__tk.is-hit { background: var(--defter-butter); }
.cc_4waatua4_9900oF5T7Q .pbox__tk small { position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 0.8125rem; font-weight: 700; }
.cc_4waatua4_9900oF5T7Q .pbox__sum { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.875rem; margin-top: 3.25rem; }
.cc_4waatua4_9900oF5T7Q .pbox__sum b { display: block; font-family: var(--defter-font-soft); font-size: 2.125rem; font-weight: 800; line-height: 1; letter-spacing: -0.03em; }
.cc_4waatua4_9900oF5T7Q .pbox__sum small { display: block; margin-top: 0.375rem; color: var(--defter-ink-2); font-size: 0.875rem; }
.cc_4waatua4_9900oF5T7Q .pbox__ghost { position: fixed; z-index: var(--defter-z-overlay); width: 7.5rem; height: 5rem; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 30px 40px -16px rgba(0, 0, 0, 0.45); transform: translate(-50%, -50%) rotate(-6deg); pointer-events: none; }
.cc_4waatua4_9900oF5T7Q .pbox__ghost[hidden] { display: none; }
.cc_4waatua4_9900oF5T7Q .pbox__ghost img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.7); }
@media (min-width: 768px) { .cc_4waatua4_9900oF5T7Q .pbox__tools { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; } .cc_4waatua4_9900oF5T7Q .pbox__tl b { font-size: 0.8125rem; } }
@media (min-width: 1024px) { .cc_4waatua4_9900oF5T7Q .pbox__box { grid-template-columns: 1fr 1fr; gap: 3rem; padding: 4rem; } }