/* Customer-account root scrollbar, shared by public pages.
   Embedded documents and deliberately hidden horizontal tabs are unchanged. */
html.arn-site-scrollbar {
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(190,18,60,.52) rgba(225,29,72,.055);
}
html.arn-site-scrollbar::-webkit-scrollbar { width:9px; height:9px; }
html.arn-site-scrollbar::-webkit-scrollbar-track { background:rgba(225,29,72,.055); }
html.arn-site-scrollbar::-webkit-scrollbar-thumb {
    min-width:36px; min-height:36px; border:2px solid transparent;
    border-radius:999px; background:rgba(190,18,60,.52); background-clip:padding-box;
}
html.arn-site-scrollbar::-webkit-scrollbar-thumb:hover {
    background:rgba(179,0,45,.72); background-clip:padding-box;
}
html.arn-site-scrollbar::-webkit-scrollbar-corner { background:transparent; }
/* Keep the real page, not a fixed-body clone. Preserve its original overflow
   ancestry so sticky headers do not jump to the viewport top. */
html.arn-site-scroll-locked {
    overflow-y: auto !important;
    overflow-anchor: none;
    overscroll-behavior: none;
    scroll-behavior: auto !important;
}
html.arn-site-scroll-locked body {
    overflow-x: var(--arn-scroll-body-x) !important;
    overflow-y: var(--arn-scroll-body-y) !important;
    overscroll-behavior: none;
}
html.arn-site-scroll-locked .arn-site-scroll-compensation {
    padding-right: var(--arn-scroll-padding-right) !important;
    margin-right: var(--arn-scroll-margin-right) !important;
}
html.arn-site-scroll-locked .modal,
html.arn-site-scroll-locked .swal2-container,
html.arn-site-scroll-locked #arnCountryPlanModal,
html.arn-site-scroll-locked #arnCountryDiscountModal,
html.arn-site-scroll-locked #arnCustomerOrderOverlay,
html.arn-site-scroll-locked #arnDirectProfileModal { overscroll-behavior:contain; }
@supports not (scrollbar-gutter: stable) {
    html.arn-site-scrollbar { overflow-y:scroll; }
    html.arn-site-scroll-locked { overflow-y:scroll !important; }
}