.hcl-wrap{max-width:300px;margin:28px auto 0;position:relative}.hcl-display{border:1px solid var(--c-accent-15);border-radius:var(--br-md);box-shadow:0 10px 40px #0000004d, inset 0 1px 0 var(--c-accent-06);background:#050d19b3;justify-content:center;align-items:center;gap:4px;padding:20px 32px;display:flex}.hcl-currency{color:var(--c-accent);margin-right:4px;font-size:28px;font-weight:300}.hcl-slot{color:var(--c-accent);text-align:center;min-width:36px;font-size:42px;font-weight:700;display:inline-block}.hcl-digit{color:var(--c-heading);font-variant-numeric:tabular-nums;text-align:center;min-width:28px;font-size:40px;font-weight:700;transition:color .3s;display:inline-block}.hcl-digit--spin{color:var(--c-accent-40)}.hcl-symbols{pointer-events:none;position:absolute;inset:0}.hcl-sym{color:var(--c-accent-35);font-size:26px;animation:4s ease-in-out infinite hclFloat;position:absolute}.hcl-sym-1{animation-duration:3.5s;animation-delay:0s;top:-14px;right:25px}.hcl-sym-2{animation-duration:4.2s;animation-delay:1s;bottom:-10px;left:18px}.hcl-sym-3{animation-duration:3.8s;animation-delay:2s;top:8px;left:-20px}.hcl-sym-4{animation-duration:4.5s;animation-delay:.5s;bottom:-6px;right:8px}.hcl-sym-5{animation-duration:3.2s;animation-delay:1.5s;top:-12px;left:40%}.hcl-sym-6{animation-duration:5s;animation-delay:.8s;top:50%;right:-22px}.hcl-sym-7{font-size:20px;animation-duration:3.6s;animation-delay:2.2s;bottom:-14px;right:40%}.hcl-sym-8{animation-duration:4s;animation-delay:1.8s;top:50%;left:-24px}@keyframes hclFloat{0%,to{opacity:.35;transform:translateY(0)rotate(0)}50%{opacity:.7;transform:translateY(-14px)rotate(12deg)}}@media (max-width:768px){.hcl-digit{font-size:32px}}
.pg-calc{max-width:100%;padding:60px var(--sp-section-x);background:url(/images/ypologistis-kostous-istoselidas.webp) 50%/cover no-repeat;border-radius:0;margin:0;position:relative;overflow:hidden}@media (max-width:768px){.pg-calc{background-image:url(/images/ypologistis-kostous-istoselidas-m.webp)}}.pg-calc:before{content:"";z-index:0;background:#060e1ad9;position:absolute;inset:0}.pg-calc>*{z-index:1;max-width:700px;margin-left:auto;margin-right:auto;position:relative}.pg-calc-progress{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.pg-calc-dot{border-radius:var(--br-full);background:var(--c-accent-15);border:1px solid var(--c-accent-20);width:10px;height:10px;transition:background var(--tr-base), border-color var(--tr-base), box-shadow var(--tr-base)}.pg-calc-dot.active{background:var(--c-accent);border-color:var(--c-accent);box-shadow:var(--shadow-glow-sm)}.pg-calc-card{background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:var(--br-xl);padding:40px 36px}.pg-calc-options{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pg-calc-options>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:50%}.pg-calc-opt{border:1px solid var(--c-accent-10);border-radius:var(--br-sm);cursor:pointer;text-align:center;font-size:var(--fs-body);color:var(--c-text);transition:border-color var(--tr-base), background var(--tr-base), box-shadow var(--tr-base);background:#0a142373;padding:20px}.pg-calc-opt:hover,.pg-calc-opt.selected{border-color:var(--c-accent);background:var(--c-accent-06);box-shadow:var(--shadow-glow-sm)}.pg-calc-nav{background:var(--c-bg);border:1px solid var(--c-border)}@media (max-width:768px){.pg-calc-hint{display:none}.pg-calc-options{grid-template-columns:1fr}.pg-calc-options>:last-child:nth-child(odd){max-width:100%}}