/* Shipping page only. Reuses the services upper-page width, type and button tokens. */
html body main#main.su28.sl28 h2{margin:0!important;text-wrap:pretty}
html body main#main.su28.sl28 h3{margin:0 0 12px!important}
html body main#main.su28.sl28 .sl-section{padding-block:64px}
html body main#main.su28.sl28 .sl-section p,html body main#main.su28.sl28 .sl-section :is(li,dd){color:#525550;margin:0}
html body main#main.su28.sl28 .sl-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start;margin-bottom:32px}
html body main#main.su28.sl28 .sl-heading h2{max-width:530px}
html body main#main.su28.sl28 .sl-packing-images{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:32px}
html body main#main.su28.sl28 .sl-photo{margin:0;background:transparent;min-width:0;overflow:hidden}
html body main#main.su28.sl28 .sl-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
html body main#main.su28.sl28 .sl-photo figcaption{color:#525550;padding-top:12px}
html body main#main.su28.sl28 .sl-packing-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
html body main#main.su28.sl28 .sl-packing-notes article{border-top:1px solid var(--sr-line);padding-top:20px}
html body main#main.su28.sl28 .sl-loading{background:#f6f6f5;padding:0}
html body main#main.su28.sl28 .sl-loading-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
html body main#main.su28.sl28 .sl-loading-copy article{margin-top:24px;border-top:1px solid var(--sr-line);padding-top:24px}
html body main#main.su28.sl28 .sl-quote-rows{margin:0;padding:0;border-top:1px solid var(--sr-line)}
html body main#main.su28.sl28 .sl-quote-rows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-block:24px;border-bottom:1px solid var(--sr-line)}
html body main#main.su28.sl28 .sl-quote-rows dt{color:var(--sr-ink)}
html body main#main.su28.sl28 .sl-questions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;border-top:1px solid var(--sr-line)}
html body main#main.su28.sl28 .sl-faq{border-top:1px solid var(--sr-line);min-width:0}
html body main#main.su28.sl28 .sl-faq details{border:0;border-bottom:1px solid var(--sr-line);border-radius:0;padding:0;background:transparent}
html body main#main.su28.sl28 .sl-faq summary{color:var(--sr-ink);cursor:pointer;list-style:none;position:relative;padding:22px 36px 22px 0;min-height:48px}
html body main#main.su28.sl28 .sl-faq summary::-webkit-details-marker{display:none}
html body main#main.su28.sl28 .sl-faq summary span{position:absolute;right:0;top:19px;color:var(--brand-accent)}
html body main#main.su28.sl28 .sl-faq details[open] summary span{transform:rotate(45deg)}
html body main#main.su28.sl28 .sl-faq details p{padding:0 36px 24px 0}
html body main#main.su28.sl28 .sl-brief{background:#f6f6f5;padding:0}
html body main#main.su28.sl28 .sl-brief-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
html body main#main.su28.sl28 .sl-brief-copy>.su28-kicker{color:var(--brand-accent);margin-bottom:18px}
html body main#main.su28.sl28 .sl-brief-copy>h2{margin-bottom:24px!important}
html body main#main.su28.sl28 .sl-brief-copy ul{padding-left:20px;margin:24px 0}
html body main#main.su28.sl28 .sl-brief-copy li{margin-top:12px}
html body main#main.su28.sl28 .sl-form{padding:0;margin:0;background:transparent;min-width:0}
html body main#main.su28.sl28 .sl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
html body main#main.su28.sl28 .sl-form label{color:var(--sr-ink);display:block}
html body main#main.su28.sl28 .sl-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=file]),textarea){width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #94988f;background:#fff;color:var(--sr-ink);margin-top:8px;border-radius:0;box-sizing:border-box}
html body main#main.su28.sl28 .sl-form textarea{resize:vertical}
html body main#main.su28.sl28 .sl-form .sl-full{grid-column:1/-1}
html body main#main.su28.sl28 .sl-help{display:block;color:#525550;margin-top:10px!important}
html body main#main.su28.sl28 .sl-optional{color:#525550}
html body main#main.su28.sl28 .sl-form .sl-honey{display:none}
html body main#main.su28.sl28 .sl-form .sl-consent{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;align-items:start;margin-block:24px;}
html body main#main.su28.sl28 .sl-consent input{margin:5px 0 0;width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px}
html body main#main.su28.sl28 .sl-form .stage5-result{margin-top:20px;padding:16px;border:1px solid var(--sr-line);background:#fff}
html body main#main.su28.sl28 :is(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--brand-accent);outline-offset:5px}
@media(max-width:1100px){html body main#main.su28.sl28 :is(.sl-heading,.sl-loading-grid,.sl-quote-rows>div,.sl-questions,.sl-brief-grid){gap:36px}}
@media(max-width:900px){html body main#main.su28.sl28 .sl-section{padding-block:44px}html body main#main.su28.sl28 h2{}html body main#main.su28.sl28 :is(.sl-heading,.sl-packing-images,.sl-loading-grid,.sl-questions,.sl-brief-grid){grid-template-columns:1fr;gap:28px}html body main#main.su28.sl28 .sl-heading{margin-bottom:28px}html body main#main.su28.sl28 .sl-packing-notes{gap:22px}html body main#main.su28.sl28 .sl-quote-rows>div{gap:28px}}
@media(max-width:600px){html body main#main.su28.sl28 :is(.sl-packing-notes,.sl-quote-rows>div,.sl-form-grid){grid-template-columns:1fr}html body main#main.su28.sl28 .sl-quote-rows>div{gap:10px}html body main#main.su28.sl28 .sl-form-grid{gap:18px}}