/* Shared public content width: aligned with the footer. */
:root { --dw-container-width: 1440px; --dw-page-gutter: 5vw; --dw-commerce-width: var(--dw-container-width); --dw-editorial-width: var(--dw-container-width); }
:root { --dw-content-inset: max(var(--dw-page-gutter), calc((100vw - var(--dw-container-width)) / 2)); }
.dw-container { box-sizing: border-box; width: calc(100% - var(--dw-page-gutter) * 2); max-width: var(--dw-container-width); margin-inline: auto; }
.approved-footer footer { padding-inline: max(var(--dw-page-gutter), calc((100% - var(--dw-container-width)) / 2)); }
/* Full-width section backgrounds with one shared inner content boundary. */
#content > :is(.section, .page-title, .section-heading, .pdp, .product-detail) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--dw-content-inset) !important;
}
#content > :is(.intro, .contact-form, .policy-article),
#content > article:not(.brand-story) {
    box-sizing: border-box;
    width: calc(100% - var(--dw-page-gutter) * 2);
    max-width: var(--dw-container-width);
    margin-inline: auto;
    padding-inline: 0;
}
#content > .contact-form > form { max-width: var(--dw-reading-width, 820px); }
#content > .policy-article > :is(p, section, div, ul, ol, h2, h3) { max-width: var(--dw-reading-width, 820px); }
#content .brand-story { --story-gutter: var(--dw-content-inset); }
#content > section:not(.hero):not(.split):not(.section):not(.pdp):not(.product-detail):not(#catalog-listing) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--dw-content-inset) !important;
}
#content > .hero .hero-copy { left: var(--dw-content-inset); }
#content > .hero .hero-bottom { left: var(--dw-content-inset); right: var(--dw-content-inset); }
/* Public WebForms pages share the same outer width, without nested gutters. */
body :is(.page-content, .amorella-page-content) > :is(main.container, section.container, div.container) {
    box-sizing: border-box;
    width: calc(100% - var(--dw-page-gutter) * 2) !important;
    max-width: var(--dw-container-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}
body.donghwa-commerce main.container .container { width: 100%; max-width: none; padding-inline: 0; }
@media (max-width: 760px) { :root { --dw-page-gutter: 22px; } }


/* v251: collection banners span the viewport, without nested gutters. */
#content>.section.line-banner{width:100%;max-width:none;margin:0;padding:0!important}
#content>.line-banner>img{display:block;width:100%;border-radius:0}
#content>.line-banner+.page-title>p:not(.eyebrow){display:none}