.smart-lockers-page{max-width:74rem}.lockers-hero{max-width:64rem}.lockers-showcase{overflow:hidden;margin:0 0 clamp(2.5rem,6vw,4.5rem);border:1px solid #d8e6dc;border-radius:1rem;background:#fff;box-shadow:0 .45rem 1rem #143d350b}.lockers-showcase img{display:block;width:100%;height:auto}.lockers-showcase figcaption{padding:.8rem 1rem;color:#5b7469;font-size:.88rem}.main-benefit{display:grid;align-items:center;gap:1.8rem;margin:3rem 0;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1rem;background:#113d38;color:#fff;grid-template-columns:auto 1fr}.main-benefit-icon{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border:2px solid #b8d870;border-radius:50%;color:#b8d870;font-size:1.65rem;font-weight:850}.main-benefit .eyebrow{color:#b8d870}.main-benefit h2{margin:.2rem 0 .65rem;color:#fff}.main-benefit p:last-child{max-width:58rem;margin:0;font-size:1.08rem}.locker-flow{margin:4rem 0}.locker-flow>header{max-width:58rem}.locker-flow ol{display:grid;gap:1rem;padding:0;list-style:none;grid-template-columns:repeat(4,1fr)}.locker-flow li{padding:1.3rem;border:1px solid #d8e6dc;border-radius:.8rem;background:#fff}.locker-flow li>span{display:inline-block;margin-bottom:1rem;color:#477a45;font-size:1.35rem;font-weight:850}.locker-flow h3{margin:.15rem 0 .45rem}.locker-flow p{margin:0;color:#5b7469}.locker-sizes{display:grid;align-items:center;gap:3rem;margin:4rem 0;padding:clamp(1.5rem,4vw,3rem);border-radius:1rem;background:linear-gradient(135deg,#e8f3e9,#fff);grid-template-columns:1.1fr .9fr}.locker-sizes .content-section{margin:0}.size-visual{display:grid;overflow:hidden;min-height:24rem;border:.55rem solid #174940;border-radius:.7rem;background:#174940;box-shadow:0 18px 40px rgb(17 61 56 / 18%);grid-template-columns:repeat(2,1fr);grid-template-rows:.65fr 1fr 1.45fr 2fr}.locker-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:.18rem;border-radius:.18rem;background:#f8fafb;color:#113d38;text-align:center}.locker-cell strong{font-size:1.25rem}.locker-cell span{color:#667781;font-size:.75rem}.locker-cell.small{grid-column:1}.locker-cell.medium{grid-column:2;grid-row:1 / span 2}.locker-cell.large{grid-column:1;grid-row:2 / span 2}.locker-cell.extra{grid-column:2;grid-row:3 / span 2}.locker-callout{margin:3rem 0;padding:1.4rem 1.6rem;border-left:.35rem solid #477a45;border-radius:.4rem;background:#fff;box-shadow:0 .45rem 1rem #143d350b}.locker-callout strong{color:#174940;font-size:1.25rem}.locker-callout p{margin:.45rem 0 0}.locker-card-grid{display:grid;gap:1.2rem;margin-bottom:4rem;grid-template-columns:repeat(4,1fr)}.locker-card-grid.three{grid-template-columns:repeat(3,1fr)}.locker-card-grid article{padding:1.4rem;border:1px solid #d8e6dc;border-radius:.75rem;background:#fff}.locker-card-grid article>span{color:#477a45;font-size:1.6rem;font-weight:800}.locker-card-grid h3{margin:.55rem 0}.locker-card-grid p{margin:0;color:#5b7469}.cost-section{margin:4rem 0}.cost-table-wrapper{overflow-x:auto;border:1px solid #d8e6dc;border-radius:.75rem;background:#fff}.cost-table{width:100%;border-collapse:collapse}.cost-table th,.cost-table td{padding:1rem;border-bottom:1px solid #d8e6dc;text-align:left}.cost-table th{color:#fff;background:#174940}.cost-table tr:last-child td{border-bottom:0}.source-note{color:#5b7469;font-size:.88rem}.limitations-section{margin:4rem 0}.sources-section{max-width:62rem;margin:4rem 0;padding:1.5rem;border:1px solid #d8e6dc;border-radius:.75rem;background:#fff}.sources-section li{margin:.55rem 0}.sources-section p{color:#5b7469;font-size:.88rem}.locker-cta{display:grid;gap:3rem;margin:4rem 0 1rem;padding:clamp(1.5rem,5vw,3.5rem);border-radius:1rem;background:linear-gradient(120deg,#e4f3ee,#fff);grid-template-columns:1fr 1fr}.locker-cta h2{margin-bottom:0}.locker-cta p{font-size:1.08rem}@media(max-width:900px){.locker-flow ol,.locker-card-grid{grid-template-columns:repeat(2,1fr)}.locker-sizes,.locker-cta{grid-template-columns:1fr}}@media(max-width:580px){.main-benefit{grid-template-columns:1fr}.main-benefit-icon{width:5rem;height:5rem}.locker-flow ol,.locker-card-grid,.locker-card-grid.three{grid-template-columns:1fr}.size-visual{min-height:19rem}.cost-table{min-width:42rem}}
.smart-lockers-page .page-hero{margin-bottom:2rem}.smart-lockers-page .content-section{max-width:58rem;margin:2.5rem 0}.smart-lockers-page .faq-list{max-width:62rem;margin:4rem 0}.smart-lockers-page .faq-list details{margin:.6rem 0;padding:1rem 1.2rem;border:1px solid #d8e6dc;border-radius:.6rem;background:#fff}.smart-lockers-page .faq-list summary{cursor:pointer;font-weight:700;color:#153f39}.smart-lockers-page .faq-list details p{margin:.6rem 0 0}
