.cartons-page{background:#fff;color:#17324a}.cartons-page .home-container{max-width:1180px}.cartons-hero{position:relative;min-height:570px;background-image:url("/assets/site-core/images/tools/cartons-calculator/hero.jpg");background-size:cover;background-position:center;display:flex;align-items:center}.cartons-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,13,.38),rgba(5,18,13,.62))}.cartons-hero-inner{position:relative;z-index:1;width:100%}.cartons-breadcrumb{position:absolute;top:-170px;left:12px;display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.82);font-size:.9rem}.cartons-breadcrumb a{color:#fff;text-decoration:none;font-weight:800}.cartons-hero-copy{max-width:780px;margin:0 auto;text-align:center;color:#fff}.cartons-hero-copy h1{margin:0;font-size:clamp(2.8rem,6vw,5.1rem);line-height:1;letter-spacing:-.055em;font-weight:950;text-shadow:0 4px 28px rgba(0,0,0,.3)}.cartons-hero-copy p{margin:1rem auto 1.6rem;color:rgba(255,255,255,.9);font-size:clamp(1.05rem,2vw,1.25rem)}.cartons-calculator-section{padding:5.8rem 0;background:#f7faf8}.cartons-section-title{max-width:720px;margin:0 auto 2.6rem;text-align:center}.cartons-section-title h2{margin:0;color:#102a43;font-size:clamp(2rem,3vw,3rem);font-weight:950;letter-spacing:-.035em}.cartons-section-title p{margin:.7rem 0 0;color:#718592}.cartons-volume-control{display:grid;grid-template-columns:3.25rem 1fr 3.25rem;align-items:center;border:1px solid #dce7e1;border-radius:1rem;overflow:hidden}.cartons-volume-control button{height:4.3rem;border:0;background:#f3f8f5;color:#198754;font-size:1.6rem;font-weight:950}.cartons-volume-value{display:flex;align-items:center;justify-content:center;gap:.45rem}.cartons-volume-value input{width:95px;border:0;outline:0;background:transparent;text-align:center;color:#102a43;font-size:2rem;font-weight:950}.cartons-volume-value span{color:#718592;font-weight:850}.cartons-volume-helper{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;color:#198754;text-decoration:none;font-weight:800;font-size:.88rem}.cartons-options-title{margin:0 0 .9rem;font-size:1rem;font-weight:900}.cartons-option-list{display:grid;gap:.7rem}.cartons-option{position:relative;cursor:pointer}.cartons-option input{position:absolute;opacity:0}.cartons-option-box{display:grid;grid-template-columns:2.7rem 1fr auto;align-items:center;gap:.8rem;padding:.9rem;border:1px solid #e2eae6;border-radius:1rem;background:#fff;transition:.15s ease}.cartons-option-box>i:first-child{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.85rem;background:#eef7f2;color:#198754}.cartons-option-box strong,.cartons-option-box small{display:block}.cartons-option-box small{color:#84949e}.cartons-check{color:#d6e3dc}.cartons-option input:checked+.cartons-option-box{border-color:#198754;background:#f0faf4}.cartons-option input:checked+.cartons-option-box .cartons-check{color:#198754}.cartons-results{padding:.5rem}.cartons-result-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;border-radius:1.2rem;background:#102a43;color:#fff}.cartons-result-head span,.cartons-result-head strong{display:block}.cartons-result-head span{color:rgba(255,255,255,.65);font-size:.82rem}.cartons-result-head strong{font-size:1.85rem}.cartons-result-head>i{color:#89e5a8;font-size:2rem}.cartons-total-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1.2rem 1.3rem;border:1px solid #cfe3d7;border-radius:1.15rem;background:#eff9f3}.cartons-total-card>span{color:#567061;font-weight:800}.cartons-total-card div{text-align:right}.cartons-total-card strong{display:block;color:#198754;font-size:2.4rem;line-height:1;font-weight:950}.cartons-total-card small{color:#6e8376}.cartons-breakdown{display:grid;gap:.65rem;margin-top:1rem}.cartons-breakdown-row{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.85rem;padding:.9rem;border:1px solid #e2eae6;border-radius:1rem;background:#fff}.cartons-breakdown-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:#eef7f2;color:#198754;font-size:1.2rem}.cartons-breakdown-copy strong,.cartons-breakdown-copy span{display:block}.cartons-breakdown-copy strong{color:#17324a}.cartons-breakdown-copy span{margin-top:.1rem;color:#84949e;font-size:.82rem}.cartons-breakdown-row>b{min-width:2.5rem;text-align:right;color:#102a43;font-size:1.5rem;font-weight:950}.cartons-material-line{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.cartons-material-line>div{display:flex;align-items:center;gap:.5rem;padding:.85rem;border-radius:.9rem;background:#f4f8f6;color:#61776a}.cartons-material-line i{color:#198754}.cartons-material-line strong{color:#17324a}.cartons-disclaimer{margin:1rem 0 0;color:#82929c;font-size:.82rem;line-height:1.55}.cartons-types-section{padding:6rem 0}.cartons-type-card{height:100%;padding:1.35rem;border:1px solid #e2eae6;border-radius:1.2rem;background:#fff;box-shadow:0 14px 34px rgba(16,42,67,.05)}.cartons-type-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:1rem;border-radius:1rem;background:#eef7f2;color:#198754;font-size:1.35rem}.cartons-type-card h3{margin:0;color:#102a43;font-size:1.2rem;font-weight:900}.cartons-type-card p{margin:.6rem 0 1rem;color:#748895;line-height:1.65}.cartons-type-tip{display:flex;align-items:flex-start;gap:.45rem;padding:.8rem;border-radius:.85rem;background:#f6faf8;color:#587061;font-size:.84rem}.cartons-type-tip i{margin-top:.1rem;color:#198754}.cartons-visual-section{padding:6rem 0;background:#f7faf8}.cartons-photo{height:470px;margin:0;overflow:hidden;border-radius:1.6rem;box-shadow:0 24px 50px rgba(16,42,67,.1)}.cartons-photo img{width:100%;height:100%;object-fit:cover}.cartons-short-copy{max-width:520px}.cartons-short-copy h2{margin:0 0 1.5rem;color:#102a43;font-size:clamp(2rem,3vw,3rem);font-weight:950;letter-spacing:-.035em}.cartons-short-line{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #e7ede9}.cartons-short-line>i{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:#eef7f2;color:#198754;font-size:1.25rem}.cartons-short-line strong,.cartons-short-line span{display:block}.cartons-short-line span{margin-top:.15rem;color:#748895}.cartons-image-cta{position:relative;min-height:430px;background-image:url("/assets/site-core/images/tools/cartons-calculator/truck.jpg");background-size:cover;background-position:center;display:flex;align-items:center}.cartons-image-cta-overlay{position:absolute;inset:0;background:rgba(4,18,13,.6)}.cartons-image-cta-inner{position:relative;z-index:1;max-width:860px;text-align:center;color:#fff}.cartons-image-cta-inner h2{font-size:clamp(2.15rem,4vw,3.7rem);font-weight:950;letter-spacing:-.04em}.cartons-image-cta-inner p{max-width:760px;margin:.75rem auto 1.4rem;color:rgba(255,255,255,.87);font-size:1.05rem;line-height:1.65}.cartons-faq-section{padding:6rem 0}.cartons-faq{max-width:900px}.cartons-faq .accordion-button{font-weight:850;color:#17324a}.cartons-faq .accordion-button:not(.collapsed){color:#198754;background:#f0f8f3;box-shadow:none}.cartons-faq .accordion-button:focus{box-shadow:none}@media(hover:hover) and (pointer:fine){.cartons-option-box:hover,.cartons-type-card:hover{border-color:#bdd6c7;box-shadow:0 18px 38px rgba(16,42,67,.07)}}@media(max-width:991.98px){.cartons-hero{min-height:530px}.cartons-breadcrumb{top:-150px}.cartons-photo{height:360px}.cartons-short-copy{max-width:none}}@media(max-width:767.98px){.cartons-hero{min-height:500px}.cartons-breadcrumb{position:static;margin-bottom:4rem;justify-content:center}.cartons-hero-copy h1{font-size:2.6rem}.cartons-material-line{grid-template-columns:1fr}.cartons-calculator-section{padding-top:4.8rem}.cartons-photo{height:310px}}@media(max-width:575.98px){.cartons-hero-copy h1{font-size:2.4rem}.cartons-breakdown-row{grid-template-columns:2.7rem 1fr auto;gap:.6rem;padding:.75rem}.cartons-breakdown-icon{width:2.7rem;height:2.7rem}.cartons-breakdown-copy span{font-size:.74rem}.cartons-photo{height:270px}.cartons-volume-value input{width:72px}.cartons-type-card{padding:1.1rem}}