/* Paletini doldur: solda ürün çipleri, sağda gri sahnede izometrik palet (mavi plastik), sayaçlar ve ikaz desenli eşik çubuğu */
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__grid { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
@media (min-width: 1180px) { .cc_unkrsrsx_Fqav5Ypwo1 .pfill__grid { grid-template-columns: 1fr 1.1fr; } }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__title { max-width: 13ch; font-size: clamp(2rem, 3.7vw, 3.5rem); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__text { max-width: 44ch; margin-top: 1rem; color: var(--tonaj-muted); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chips { display: grid; gap: 0.625rem; margin-top: 1.4rem; }
@media (min-width: 640px) { .cc_unkrsrsx_Fqav5Ypwo1 .pfill__chips { grid-template-columns: 1fr 1fr; } }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip { position: relative; display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem; border: 0; border-radius: 14px; background: var(--tonaj-mist); color: var(--tonaj-ink); text-align: left; cursor: pointer; transition: background 0.2s, transform 0.15s; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip:hover { background: var(--tonaj-mist-2); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip:active { transform: scale(0.98); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip img { flex: none; width: 3.25rem; height: 3.25rem; border-radius: 10px; object-fit: cover; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip b { display: block; line-height: 1.25; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip small { display: block; color: var(--tonaj-muted); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__dot { position: absolute; left: 0.2rem; bottom: 0.2rem; width: 0.75rem; height: 0.75rem; border-radius: 3px; box-shadow: 0 0 0 2px var(--tonaj-white); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__chip em { display: grid; place-items: center; flex: none; width: 2rem; height: 2rem; margin-left: auto; border-radius: 9px; background: var(--tonaj-white); font-style: normal; font-weight: 700; line-height: 2rem; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__count { position: absolute; left: 0.2rem; top: 0.2rem; display: grid; place-items: center; min-width: 1.5rem; height: 1.5rem; padding: 0 0.375rem; border-radius: 12px; background: var(--tonaj-ink); color: var(--tonaj-sun); font-size: 0.75rem; }

.cc_unkrsrsx_Fqav5Ypwo1 .pfill__stage { position: relative; overflow: hidden; padding: clamp(1.1rem, 3vw, 2.25rem); border-radius: 28px; background: linear-gradient(180deg, var(--tonaj-mist), var(--tonaj-gray-50)); }
/* plastik palet: üç kat mavi tabla, sahnenin altında */
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__scene { position: relative; aspect-ratio: 640 / 350; background: no-repeat center bottom / 100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 110 640 350'%3E%3Cellipse cx='320' cy='430' rx='250' ry='26' fill='%230f1b2d' opacity='.08'/%3E%3Cpolygon points='320.0,311.9 513.2,425.3 366.0,511.7 172.8,398.3' fill='%232a3d5c'/%3E%3Cpolygon points='172.8,398.3 366.0,511.7 366.0,516.7 172.8,403.3' fill='%23213049'/%3E%3Cpolygon points='366.0,511.7 513.2,425.3 513.2,430.3 366.0,516.7' fill='%231a2539'/%3E%3Cpolygon points='320.0,301.1 513.2,414.5 366.0,500.9 172.8,387.5' fill='%233b5ea8'/%3E%3Cpolygon points='172.8,387.5 366.0,500.9 366.0,511.7 172.8,398.3' fill='%232f4b86'/%3E%3Cpolygon points='366.0,500.9 513.2,414.5 513.2,425.3 366.0,511.7' fill='%23243a68'/%3E%3Cpolygon points='320.0,294.6 513.2,408.0 366.0,494.4 172.8,381.0' fill='%232d6cdf'/%3E%3Cpolygon points='172.8,381.0 366.0,494.4 366.0,500.9 172.8,387.5' fill='%232456b2'/%3E%3Cpolygon points='366.0,494.4 513.2,408.0 513.2,414.5 366.0,500.9' fill='%231b428a'/%3E%3C/svg%3E"); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__box { position: absolute; width: 14.375%; height: 25.714%; background-repeat: no-repeat; background-size: 100% 100%; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__box.is-new { animation: cc_unkrsrsx_Fqav5Ypwo1_pfill-drop 0.45s cubic-bezier(0.3, 1.4, 0.5, 1) both; }
@keyframes cc_unkrsrsx_Fqav5Ypwo1_pfill-drop { from { transform: translateY(-3.75rem); opacity: 0; } }

.cc_unkrsrsx_Fqav5Ypwo1 .pfill__hud { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.625rem; margin-top: 1rem; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__hud div { padding: 0.8rem 1rem; border-radius: 14px; background: var(--tonaj-white); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__hud small { display: block; color: var(--tonaj-muted); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__hud strong { display: block; font-size: clamp(1.7rem, 3vw, 2.2rem); line-height: 1; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__meter { margin-top: 0.75rem; padding: 1rem; border-radius: 14px; background: var(--tonaj-white); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__meter p { margin-bottom: 0.6rem; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__bar { height: 0.875rem; overflow: hidden; border-radius: 8px; background: var(--tonaj-mist); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__bar i { display: block; height: 100%; border-radius: 8px; background: repeating-linear-gradient(-45deg, var(--tonaj-sun) 0 10px, var(--tonaj-red-2) 10px 20px); transition: width 0.5s var(--tonaj-ease); }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__acts { display: flex; gap: 0.6rem; margin-top: 0.75rem; }
.cc_unkrsrsx_Fqav5Ypwo1 .pfill__acts .tonaj-pill { flex: 1; justify-content: center; }
@media (max-width: 639px) { .cc_unkrsrsx_Fqav5Ypwo1 .pfill__acts { flex-direction: column; } .cc_unkrsrsx_Fqav5Ypwo1 .pfill__acts .tonaj-pill { flex: none; } .cc_unkrsrsx_Fqav5Ypwo1 .pfill__hud div { padding: 0.7rem; } }