.haro-packaging-context{--ha-navy:#293c7e;--ha-teal:#087f70;font-size:18px;line-height:1.65;color:#435761;background:#fff}.haro-packaging-context *{box-sizing:border-box}.haro-packaging-context .ha-wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.haro-packaging-context .ha-section{padding-block:64px}.haro-packaging-context .ha-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--ha-teal);font-weight:700;margin:0 0 18px}.haro-packaging-context h2,.haro-packaging-context h3{font-family:var(--FONT-STACK-HEADING,Georgia,serif);font-weight:400;letter-spacing:-.025em;line-height:1.15;color:var(--ha-navy)}.haro-packaging-context h2{font-size:clamp(32px,3.6vw,46px);margin:0 0 24px}.haro-packaging-context a{color:var(--ha-navy);text-decoration:underline;text-underline-offset:5px}.haro-packaging-context a:focus-visible{outline:3px solid var(--ha-teal);outline-offset:5px}.haro-packaging-context .ha-button{display:inline-flex;align-items:center;gap:24px;padding:14px 24px;border-radius:32px;background:var(--ha-navy);color:#fff;text-decoration:none;font-weight:700;font-size:16px}@media(max-width:749px){.haro-packaging-context{font-size:17px}.haro-packaging-context .ha-section{padding-block:40px}}
.ha-packaging{border-top:1px solid #d7e5e7;scroll-margin-top:100px}
.ha-packaging-intro{max-width:800px}.ha-packaging h2 em{font-style:normal;color:var(--ha-teal)}
.ha-packaging-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 48px}
.ha-packaging-photos figure{margin:0;min-width:0}.ha-packaging-photo{aspect-ratio:1;background:#f6f8f7;border:1px solid #d7e5e7;border-radius:20px;overflow:hidden;display:grid;place-items:center}
.ha-packaging-photo img{display:block;width:100%;height:100%;object-fit:contain}.ha-packaging-photo-open img{object-fit:cover}
.ha-packaging-photos figcaption{font-size:15px;line-height:1.6;padding-top:18px}.ha-packaging-photos figcaption span,.ha-packaging-photos figcaption strong{display:block}.ha-packaging-photos figcaption strong{font-size:18px;color:var(--ha-navy);margin-bottom:6px}.ha-packaging-photos .ha-eyebrow{margin-bottom:8px;font-size:11px}

.haro-packaging-context .ha-section{padding-block:36px}
.haro-packaging-context h2{font-size:clamp(26px,3vw,34px);margin-bottom:14px}
.ha-packaging-intro p:last-child{margin:0 0 16px}
.ha-packaging-comparison{border-top:1px solid #cbdde0;border-bottom:1px solid #cbdde0}
.ha-packaging-comparison summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:16px 0;cursor:pointer;list-style:none;color:var(--ha-navy);font-weight:700;font-size:16px}
.ha-packaging-comparison summary::-webkit-details-marker{display:none}
.ha-packaging-comparison summary::after{content:'+';font-size:24px;font-weight:400}
.ha-packaging-comparison[open] summary::after{content:'−'}
.ha-packaging-comparison summary:focus-visible{outline:3px solid var(--ha-teal);outline-offset:4px}
.ha-packaging-photos{margin:12px 0 24px}
.ha-packaging-note{font-size:16px;max-width:800px;margin:0 0 16px}
.ha-packaging-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:16px;margin-bottom:20px;font-weight:700}
@media(max-width:749px){.ha-packaging-photos{grid-template-columns:1fr;gap:24px}.haro-packaging-context .ha-section{padding-block:28px}}

.haro-faq-packaging{--ha-navy:#293c7e;--ha-teal:#087f70;scroll-margin-top:100px}.haro-faq-packaging .ha-eyebrow{color:var(--ha-teal);font-weight:700;letter-spacing:.15em;text-transform:uppercase}
