Bérraktározás · Maglódon

.hgl-calc-embed{ --bg:transparent; --bg-2:rgba(255,255,255,.03); --panel:rgba(255,255,255,.04); --panel-2:rgba(255,255,255,.05); --line:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.18); --text:#FFFFFF; --muted:#B7B7B7; --muted-2:#8C8C8C; --red:#E2231A; --red-dk:#B81B14; --font:inherit; --maxw:1180px; --r:6px; font-family:var(--font); font-size:17px; font-weight:500; line-height:1.65; color:var(--text); margin:40px 0; } .hgl-calc-embed *{box-sizing:border-box} .hgl-calc-embed button,.hgl-calc-embed input,.hgl-calc-embed a.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent} .hgl-calc-embed a{color:var(--text)} .hgl-calc-embed :focus-visible{outline:2px solid var(--red);outline-offset:3px} .hgl-calc-embed .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} .hgl-calc-embed .card{background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .hgl-calc-embed .calc-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,340px)} .hgl-calc-embed .pane-in{padding:30px;background:var(--bg-2);border-left:1px solid var(--line)} .hgl-calc-embed .pane-out{padding:30px} .hgl-calc-embed h2.sec{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:0 0 22px;font-weight:700} .hgl-calc-embed label.fld{display:block;font-weight:700;font-size:15px;margin:0 0 10px} .hgl-calc-embed .hint{font-size:13px;color:var(--muted-2);margin:8px 0 0} .hgl-calc-embed .numrow{display:flex;align-items:stretch;gap:10px} .hgl-calc-embed input[type=number]{ width:100%;font-family:var(--font);font-size:26px;font-weight:700;color:var(--text); padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--r);background:rgba(0,0,0,.25); } .hgl-calc-embed input[type=number]:hover{border-color:rgba(255,255,255,.35)} .hgl-calc-embed .unit{display:flex;align-items:center;padding:0 14px;background:rgba(0,0,0,.25);border:1px solid var(--line-2);border-radius:var(--r);font-size:14px;color:var(--muted);white-space:nowrap} .hgl-calc-embed input[type=range]{ -webkit-appearance:none;appearance:none;width:100%;margin:20px 0 0;background:transparent;touch-action:pan-y; } .hgl-calc-embed input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--line-2)} .hgl-calc-embed input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--line-2)} .hgl-calc-embed input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--red)} .hgl-calc-embed input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%; background:var(--red);border:3px solid #fff;margin-top:-10px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.5); } .hgl-calc-embed input[type=range]::-moz-range-thumb{ width:20px;height:20px;border-radius:50%;background:var(--red);border:3px solid #fff; cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.5); } .hgl-calc-embed input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--red);outline-offset:2px} .hgl-calc-embed .field{margin-bottom:24px} .hgl-calc-embed .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .hgl-calc-embed .chip{font-family:var(--font);font-weight:600;font-size:14px;color:var(--muted);background:rgba(0,0,0,.25);border:1px solid var(--line-2);border-radius:100px;padding:6px 14px;cursor:pointer} .hgl-calc-embed .chip:hover{color:var(--text);border-color:rgba(255,255,255,.4)} .hgl-calc-embed .chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff} .hgl-calc-embed .ladder{margin-top:6px;border-top:1px solid var(--line);padding-top:18px} .hgl-calc-embed .ladder .lh{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin:0 0 10px} .hgl-calc-embed .tier{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted-2)} .hgl-calc-embed .tier:last-child{border-bottom:0} .hgl-calc-embed .tier .dot{width:9px;height:9px;border-radius:50%;background:var(--line-2)} .hgl-calc-embed .tier .rng{font-weight:600} .hgl-calc-embed .tier .rate{font-variant-numeric:tabular-nums} .hgl-calc-embed .tier.active{color:var(--text)} .hgl-calc-embed .tier.active .dot{background:var(--red);box-shadow:0 0 0 4px rgba(226,35,26,.2)} .hgl-calc-embed .head-price{display:grid;grid-template-columns:minmax(140px,220px) minmax(200px,1fr);gap:26px;align-items:center; background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.01) 100%);border:1px solid var(--line);border-radius:var(--r);padding:24px} .hgl-calc-embed .gauge-box{position:relative} .hgl-calc-embed .gauge{display:block;width:100%;height:auto} .hgl-calc-embed .needle{transform-origin:200px 190px;transition:transform .45s cubic-bezier(.22,.75,.3,1)} .hgl-calc-embed .seg{fill:none;stroke:rgba(255,255,255,.14);stroke-width:20;stroke-linecap:butt} .hgl-calc-embed .seg.on{stroke:var(--red)} .hgl-calc-embed .gticks{fill:var(--muted-2);font-size:13px;font-weight:600;font-family:var(--font)} .hgl-calc-embed .gcap{text-align:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin:2px 0 0} .hgl-calc-embed .hp-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 8px} .hgl-calc-embed .hp-val{font-weight:700;font-size:clamp(46px,7vw,72px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block} .hgl-calc-embed .hp-dim{display:block;font-size:20px;font-weight:700;margin-top:8px} .hgl-calc-embed .hp-note{display:block;font-size:14px;color:var(--muted);margin-top:10px} .hgl-calc-embed .net-badge{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:none;font-weight:700;color:var(--muted);background:var(--panel-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 12px;margin-left:8px;vertical-align:middle} .hgl-calc-embed .tier-band{font-size:13px;color:var(--muted);margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line);text-align:center} .hgl-calc-embed .tier-band strong{color:var(--text);font-weight:700} .hgl-calc-embed .tier-rates{display:flex;gap:22px;margin:12px 0 0;flex-wrap:wrap;justify-content:center;text-align:center} .hgl-calc-embed .trate{min-width:84px} .hgl-calc-embed .trlabel{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin:0 0 4px} .hgl-calc-embed .trval{display:block;font-weight:700;font-size:21px;line-height:1;font-variant-numeric:tabular-nums} .hgl-calc-embed .trdim{display:block;font-size:12px;color:var(--muted-2);margin-top:2px} .hgl-calc-embed .rows{display:grid;gap:10px;margin-top:12px} .hgl-calc-embed .row-item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px; display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:baseline} .hgl-calc-embed .row-item .name{font-weight:700;font-size:15px} .hgl-calc-embed .row-item .amt{font-weight:700;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;text-align:right} .hgl-calc-embed .row-item .sub{grid-column:1/2;font-size:13px;color:var(--muted-2)} .hgl-calc-embed .row-item .subr{grid-column:2/3;font-size:13px;color:var(--muted-2);text-align:right;font-variant-numeric:tabular-nums} .hgl-calc-embed .note{font-size:13px;color:var(--muted-2);margin:18px 0 0;line-height:1.55} @media (max-width:900px){ .hgl-calc-embed .calc-grid{grid-template-columns:1fr} .hgl-calc-embed .pane-in{border-left:none;border-top:1px solid var(--line)} .hgl-calc-embed .head-price{grid-template-columns:1fr} .hgl-calc-embed .gauge-box{max-width:280px;margin:0 auto} } @media (max-width:520px){ .hgl-calc-embed .head-price{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){.hgl-calc-embed .needle{transition:none}} (function(){function reveal(){var s=document.currentScript||(function(){var l=document.getElementsByTagName("script");return l[l.length-1]})();var n=s;while(n){if(n.classList&&n.classList.contains("elementor-invisible")){n.classList.remove("elementor-invisible");n.style.visibility="";}n=n.parentElement;}}reveal();})(); (function(){ "use strict"; var TIERS = [ { id: 1, min: 1, max: 100, dailyPerPallet: 120, handlingPerPallet: 580, label: '1–100 pallets' }, { id: 2, min: 101, max: 200, dailyPerPallet: 115, handlingPerPallet: 570, label: '101–200 pallets' }, { id: 3, min: 201, max: Infinity, dailyPerPallet: 110, handlingPerPallet: 560, label: '201+ pallets' } ]; var DAYS_PER_MONTH = 30; var GAUGE_MAX = 500; var fmt = new Intl.NumberFormat('en-US', { maximumFractionDigits: 0 }); function huf(n){ return fmt.format(Math.round(n)) + ' HUF'; } var el = { pallets: document.getElementById('pallets'), palletsRange: document.getElementById('palletsRange'), months: document.getElementById('months'), monthsRange: document.getElementById('monthsRange'), palletChips: document.querySelectorAll('#palletChips .chip'), monthChips: document.querySelectorAll('#monthChips .chip'), avgUnitHeadline: document.getElementById('avgUnitHeadline'), avgUnitNote: document.getElementById('avgUnitNote'), tierBandLabel:document.getElementById('tierBandLabel'), tierIn: document.getElementById('tierIn'), tierStore: document.getElementById('tierStore'), tierOut: document.getElementById('tierOut'), handlingTotal:document.getElementById('handlingTotal'), handlingSub: document.getElementById('handlingSub'), handlingPer: document.getElementById('handlingPer'), avgMonthly: document.getElementById('avgMonthly'), avgPer: document.getElementById('avgPer'), avgSub: document.getElementById('avgSub'), needle: document.getElementById('needle'), segs: [document.getElementById('seg1'), document.getElementById('seg2'), document.getElementById('seg3')], tiers: document.querySelectorAll('.tier') }; function findTier(pallets){ for (var i = 0; i = TIERS[i].min && pallets <= TIERS[i].max) return TIERS[i]; } return TIERS[TIERS.length - 1]; } function clampInt(value, min, max, fallback){ var n = parseInt(value, 10); if (isNaN(n)) return fallback; if (n max) return max; return n; } function needleAngle(pallets){ var p = Math.min(pallets, GAUGE_MAX); var pos; if (p <= 100) pos = (p / 100) * 60; else if (p min ? ((val - min) / (max - min)) * 100 : 0; range.style.background = 'linear-gradient(to right, var(--red) ' + pct + '%, var(--line-2) ' + pct + '%)'; } function syncChips(list, attr, value){ for (var i = 0; i < list.length; i++){ list[i].setAttribute('aria-pressed', parseInt(list[i].getAttribute(attr), 10) === value ? 'true' : 'false'); } } function render(){ var pallets = clampInt(el.pallets.value, 1, 500, 1); var months = clampInt(el.months.value, 1, 24, 1); el.palletsRange.value = Math.min(pallets, parseInt(el.palletsRange.max, 10)); el.monthsRange.value = Math.min(months, parseInt(el.monthsRange.max, 10)); updateRangeFill(el.palletsRange); updateRangeFill(el.monthsRange); syncChips(el.palletChips, 'data-p', pallets); syncChips(el.monthChips, 'data-m', months); var tier = findTier(pallets); for (var i = 0; i < el.tiers.length; i++){ el.tiers[i].classList.toggle('active', parseInt(el.tiers[i].getAttribute('data-tier'), 10) === tier.id); } for (var s = 0; s max){ input.value = max; } render(); }); input.addEventListener('blur', function(){ var min = parseInt(input.min, 10), max = parseInt(input.max, 10); input.value = clampInt(input.value, min, max, min); render(); }); } function bindChips(list, attr, input){ for (var i = 0; i < list.length; i++){ list[i].addEventListener('click', function(){ input.value = this.getAttribute(attr); render(); }); } } bindPair(el.pallets, el.palletsRange); bindPair(el.months, el.monthsRange); bindChips(el.palletChips, 'data-p', el.pallets); bindChips(el.monthChips, 'data-m', el.months); render(); })();