/* Compatibility fixes for the last restored ESPANT design, OC4. */
html.light-theme{color-scheme:light}html.dark-theme{color-scheme:dark}
#espant-details .ed-download span,#espant-details .ed-download small{color:inherit!important}
#esp-main :is(input,select,textarea):focus-visible,#esp-main a:focus-visible,#esp-main button:focus-visible{outline:2px solid #fa7945;outline-offset:3px}
#esp-main .invalid-feedback{line-height:1.5}html.dark-theme #esp-main .invalid-feedback,html.dark-theme #esp-main .text-danger{color:#ffab9d}
#account-register .form-check-label{font-weight:400;line-height:1.6}
#account-register .text-end:has(#input-register-agree){display:flex;gap:18px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#account-register .text-end:has(#input-register-agree)>.form-check{display:flex;gap:10px;align-items:flex-start;padding:0;margin:0;flex:1;min-width:min(100%,230px);text-align:left}
#account-register #input-register-agree{order:-1;float:none;flex:0 0 20px;width:20px;height:20px;margin:3px 0 0;border-radius:5px}
#account-return .invalid-feedback{margin-top:6px}
#account-return .er-extra:has(.is-invalid){border-color:#cb4939}
#account-return .er-grid>.er-field{min-width:0}
#product-compare.eu-compare #content{min-width:0}
#product-compare.eu-compare .compare-table-scroll{max-width:100%;overscroll-behavior-x:contain}
#product-compare.eu-compare .up-table-compare{width:100%;min-width:620px;table-layout:fixed}
#product-compare.eu-compare .up-table-compare td,#product-compare.eu-compare .up-table-compare th{min-width:180px;width:220px;padding:16px;vertical-align:top;overflow-wrap:anywhere}
#product-compare.eu-compare .up-table-compare img{max-width:160px;height:140px;object-fit:contain;background:#fff}
#product-compare.eu-compare .up-table-compare thead td{background:var(--esp-soft);color:var(--esp-ink)}
#product-compare.eu-compare .up-table-compare td:first-child{font-weight:500}
#product-compare.eu-compare .up-table-compare form{display:grid;gap:10px}
#product-compare.eu-compare tr[hidden]{display:none!important}
#account-wishlist #content{min-width:0}#account-wishlist .table-responsive{border:1px solid var(--esp-line);border-radius:16px}#account-wishlist .table{margin:0}#account-wishlist .table td{padding:15px;vertical-align:middle}
.restore-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.restore-dialog-close{min-width:40px;min-height:40px}
#blog-article .eu-prose :is(h2,h3,h4),#esp-main [id^="eu-section-"]{scroll-margin-top:calc(var(--esp-header-height,120px) + 24px)}
@media(max-width:900px){
 #blog-article .eu-article-aside,#blog-article .eu-article-aside nav{position:static;max-height:none;height:auto;overflow:visible}
}
@media(max-width:767px){
 #esp-main .breadcrumb{display:flex!important;flex-wrap:wrap!important;gap:6px 8px;white-space:normal!important;overflow:visible!important;max-width:100%;height:auto!important;min-height:0;padding:18px 0!important;line-height:1.5}
 #esp-main .breadcrumb>li{display:flex!important;align-items:baseline;gap:7px;flex:0 1 auto;max-width:100%;min-width:0;padding:0!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5}
 #esp-main .breadcrumb>li>a,#esp-main .breadcrumb>li>span{display:inline!important;max-width:100%;padding:0!important;white-space:normal!important;line-height:1.5}
 #esp-main .breadcrumb>li::after{display:none!important}
 #esp-main .breadcrumb>li::before{display:none!important}
 #esp-main .breadcrumb>li+li::before{content:'›';display:inline!important;position:static!important;border:0!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:var(--esp-muted)}
 #esp-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#esp-main textarea,#esp-main select{font-size:16px!important;max-width:100%}
 #account-register .ea-card,#account-forgotten .ea-card{padding:22px}
 #account-register .btn[type=submit],#account-forgotten .btn[type=submit]{min-height:46px}
 #account-register .text-end:has(#input-register-agree)>.btn{width:100%}
 #product-compare.eu-compare .up-table-compare td{padding:12px;width:190px}
 #product-compare.eu-compare .eu-compare-tools{padding:16px;gap:12px}
 #blog-article .eu-article-header{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}