/*aggfrm*/
.ps-calculator{font-family:Arial,sans-serif}.ps-calculator .container{max-width:95%;margin:auto;display:grid;grid-template-columns:2.2fr 1fr;gap:25px;align-items:flex-start}.ps-calculator .form-section,.ps-calculator .result-section{background:#fff;padding:22px;font-size:14px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.18)}.ps-calculator .result-section{position:sticky;top:20px;text-align:center}.ps-calculator .grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px}.ps-calculator label{display:flex;justify-content:space-between;align-items:center;background:#f3f4f6;padding:6px 8px;border-radius:6px;font-size:13px;border:1px solid #e0e0e0}.ps-calculator input{padding:4px 6px;width:85px;border-radius:5px;border:1px solid #cfd8dc;text-align:center;font-size:13px}.ps-calculator input:focus{outline:none;border-color:#8cba26;box-shadow:0 0 0 2px rgba(140,186,38,.25)}.ps-calculator h2.form-section{color:#fff;background:linear-gradient(135deg,#2f2f2f,#1f1f1f);text-align:center;font-size:22px;padding:10px;margin-bottom:25px;border-radius:10px;letter-spacing:.5px}.ps-calculator h3.form-section{color:#fff;background:linear-gradient(135deg,#8cba26,#6e9e1f);text-align:center;font-size:17px;padding:6px;margin-bottom:15px;border-radius:8px}.ps-calculator h4.form-section{color:#fff;background:#303030;text-align:center;font-size:16px;padding:6px;margin-bottom:12px;border-radius:8px}.ps-calculator button{margin-top:15px;padding:8px 12px;background:#303030;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s ease,transform .1s ease}.ps-calculator button:hover{background:#8cba26}.ps-calculator button:active{transform:translateY(1px)}.ps-calculator .custom-entry{display:flex;align-items:center;gap:10px;margin-top:8px}.ps-calculator .custom-entry input[type=text],.ps-calculator .custom-entry input[type=number]{width:150px}.ps-calculator .custom-entry button{background:#303030;padding:4px 10px;margin-top:0}.ps-calculator .custom-entry button:hover{background:#8cba26}.ps-calculator #result,.ps-calculator #self-storage-cost,.ps-calculator #ideal-storage,.ps-calculator #pallets{background:#f4f6f8;padding:14px;border-radius:10px;margin-bottom:12px;border-left:5px solid #8cba26;color:#1f2933;font-size:14px}@media(max-width:980px){.ps-calculator .container{grid-template-columns:1fr;gap:20px}.ps-calculator .form-section,.ps-calculator .result-section{padding:16px;border-radius:12px}.ps-calculator .result-section{position:relative;top:auto}.ps-calculator h2.form-section{font-size:18px;padding:8px}.ps-calculator h3.form-section,.ps-calculator h4.form-section{font-size:15px;padding:6px}.ps-calculator .grid-container{grid-template-columns:1fr;gap:8px}.ps-calculator label{font-size:13px;padding:6px}.ps-calculator input{width:70px;font-size:13px}.ps-calculator .custom-entry{flex-direction:column;align-items:stretch;gap:6px}.ps-calculator .custom-entry input[type=text],.ps-calculator .custom-entry input[type=number]{width:100%}.ps-calculator .custom-entry button{width:100%;padding:6px}.ps-calculator button{width:100%;padding:10px;font-size:14px}.ps-calculator div[style*="float: right"]{float:none!important;margin-top:15px;display:flex;flex-direction:column;gap:8px}.ps-calculator #result,.ps-calculator #self-storage-cost,.ps-calculator #ideal-storage,.ps-calculator #pallets{font-size:13px;padding:12px}}@media(max-width:480px){.ps-calculator h2.form-section{font-size:17px}.ps-calculator h3.form-section,.ps-calculator h4.form-section{font-size:14px}.ps-calculator label{flex-direction:column;align-items:flex-start;gap:4px}.ps-calculator input{width:100%}}.ps-calculator .jf-design-badge{display:block;width:fit-content;margin:24px auto 10px;padding:5px 30px;align-items:center;justify-content:center;gap:6px;font-size:13px;line-height:1.4;color:#fff;background:linear-gradient(135deg,#041428 0%,#07224c 32%,#0d3b73 55%,#07224c 72%,#041428 100%);border-radius:10px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.35);text-align:center;white-space:nowrap;clear:both}.ps-calculator .jf-design-badge a{color:#38bdf8;font-weight:600;text-decoration:none}.ps-calculator .jf-design-badge a:hover{text-decoration:underline}
/* =========================
   TOP CTA
========================= */

.ap-top-cta{
display:flex;
justify-content:flex-end;
padding:6px 10px;
transition:.3s ease;
}

/* =========================
   BUTTON
========================= */

.ap-top-btn{

background:linear-gradient(135deg,#7ed321,#6ac11c);

color:#fff !important;

padding:5px 12px;

border-radius:6px;

font-size:13px;
font-weight:500;

text-decoration:none !important;

transition:all .25s ease;

box-shadow:
0 4px 10px rgba(126,211,33,0.25);

position:relative;
overflow:hidden;

white-space:nowrap;
}

/* subtle glow */

.ap-top-btn::after{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.25),
transparent
);

transition:.5s;
}

.ap-top-btn:hover::after{
left:100%;
}

/* =========================
   HOVER
========================= */

.ap-top-btn:hover{

transform:translateY(-1px);

box-shadow:
0 6px 18px rgba(126,211,33,0.4);

background:linear-gradient(135deg,#95e635,#7ed321);

color:#163300 !important;

text-decoration:none !important;
}

/* =========================
   STICKY
========================= */

/* όταν γίνει sticky */

.ap-top-cta.is-sticky{

position:fixed;

top:64px;
right:0px;

z-index:999;

animation:ctaFade .3s ease;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

.ap-top-cta.is-sticky{

top:auto;
bottom:15px;
right:15px;

}

.ap-top-btn{

font-size:12px;
padding:6px 11px;

}

}

/* =========================
   ANIMATION
========================= */

@keyframes ctaFade{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* ==================================================
   HERO WRAPPER CALCULATOR SECTION HOME
================================================== */

.ap-storage-hero-box{
position:relative;
z-index:2;
max-width:1380px;
margin:0 auto;
padding:55px;
border-radius:24px;
border:1px solid rgba(210,210,210,.14);
background:linear-gradient(
180deg,
rgba(255,255,255,.07),
rgba(255,255,255,.03)
);
box-shadow:
0 0 0 1px rgba(255,255,255,.03) inset,
0 20px 60px rgba(0,0,0,.35);
backdrop-filter:blur(4px);
}

/* ==================================================
   MINI LABEL
================================================== */

.ap-storage-mini-title{
position:absolute;
top:28px;
right:28px;
display:inline-block;
padding:8px 14px;
border-radius:50px;
background:rgba(126,211,33,.12);
border:1px solid rgba(126,211,33,.22);
color:#8eea2c;
font-size:13px;
font-weight:600;
letter-spacing:.5px;
text-transform:uppercase;
backdrop-filter:blur(4px);
z-index:5;
}

/* ==================================================
   BRAND AREA
================================================== */

.ap-storage-brand{
display:flex;
align-items:flex-end;
gap:18px;
margin-bottom:50px;
flex-wrap:wrap;
}

/* ==================================================
   LOGO
================================================== */

.ap-storage-logo{
display:flex;
align-items:center;
}

.ap-storage-logo img{
max-width:150px;
display:block;
margin-right:20px;
}

/* ==================================================
   BRAND TEXT
================================================== */

.ap-storage-brand-text{
display:flex;
align-items:baseline;
gap:10px;
margin:0;
padding:0;
line-height:1;
font-family:
"Segoe Script",
"Candara",
"Trebuchet MS",
cursive;
font-size:34px;
font-weight:300;
color:#d8d8d8;
letter-spacing:.3px;
text-shadow:
0 2px 10px rgba(0,0,0,.35);
}

.ap-storage-brand-text span{
display:inline-block;
font-size:52px;
font-weight:700;
line-height:1;
color:#7ed321;
letter-spacing:1px;
margin:0 10px 0 0;
text-shadow:
0 0 12px rgba(126,211,33,.25),
0 2px 10px rgba(0,0,0,.35);
}

/* ==================================================
   TITLE
================================================== */

.ap-storage-content h2{
font-size:34px;
line-height:1.12;
font-weight:700;
color:#ffffff;
margin-bottom:24px;
max-width:900px;
text-shadow:
0 2px 12px rgba(0,0,0,.45);
}

/* ==================================================
   DESCRIPTION
================================================== */

.ap-storage-description{
font-size:18px;
line-height:1.9;
color:rgba(255,255,255,.82);
max-width:900px;
margin-bottom:40px;
text-shadow:
0 1px 8px rgba(0,0,0,.35);
}

/* ==================================================
   GRID
================================================== */

.ap-storage-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-bottom:40px;
}

/* ==================================================
   INDUSTRIAL CARDS
================================================== */

.ap-storage-item{
position:relative;
overflow:hidden;
padding:22px;
border-radius:16px;
border:1px solid rgba(220,220,220,.08);
background:linear-gradient(
180deg,
rgba(255,255,255,.045),
rgba(255,255,255,.018)
);
backdrop-filter:blur(2px);
transition:.25s ease;
}

.ap-storage-item::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.16),
transparent
);
}

.ap-storage-item:hover{
transform:translateY(-2px);
border-color:rgba(255,255,255,.18);
background:linear-gradient(
180deg,
rgba(255,255,255,.065),
rgba(255,255,255,.03)
);
box-shadow:
0 10px 30px rgba(0,0,0,.18);
}

.ap-storage-item strong{
display:block;
font-size:17px;
font-weight:600;
color:#fff;
margin-bottom:8px;
}

.ap-storage-item span{
display:block;
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.68);
}

/* ==================================================
   BUTTON
================================================== */

.ap-storage-actions{
margin-top:10px;
margin-bottom:28px;
}

.ap-storage-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 32px;
border-radius:12px;
background:linear-gradient(
135deg,
#7ed321,
#6bc11c
);
color:#fff;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:.25s ease;
box-shadow:
0 10px 30px rgba(126,211,33,.22);
border:1px solid rgba(255,255,255,.08);
}

.ap-storage-btn:hover{
transform:translateY(-2px);
background:linear-gradient(
135deg,
#90e92d,
#7ed321
);
color:#102500;
text-decoration:none;
box-shadow:
0 14px 40px rgba(126,211,33,.35);
}

/* ==================================================
   NOTE
================================================== */

.ap-storage-note{
font-size:14px;
line-height:1.8;
color:rgba(255,255,255,.55);
max-width:850px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.06);
}

/* ==================================================
   TABLET
================================================== */

@media(max-width:991px){

.ap-storage-hero-box{
padding:35px 28px;
}

.ap-storage-grid{
grid-template-columns:1fr;
}

}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:768px){

.ap-storage-mini-title{
top:18px;
right:18px;
font-size:11px;
padding:6px 10px;
}

.ap-storage-brand{
justify-content:center;
text-align:center;
gap:14px;
margin-bottom:35px;
}

.ap-storage-brand-text{
font-size:24px;
justify-content:center;
}

.ap-storage-brand-text span{
font-size:38px;
}

.ap-storage-logo img{
max-width:120px;
}

}

@media(max-width:600px){

.ap-storage-hero-box{
padding:28px 20px;
border-radius:18px;
}

.ap-storage-item{
padding:18px;
}

}