/* Header search + Services. Existing catalogue/account/cart behaviour is retained. */
body.oe-modern .oe-header-services{display:none}
@media(min-width:801px){
    body.oe-modern .header._left>.container,body.oe-modern.page-type-category .header._left>.container{grid-template-columns:190px auto minmax(170px,1fr) auto auto;gap:20px}
    body.oe-modern .header._left>.container>.header-right{grid-column:5}
    body.oe-modern .header._left>.container>.oe-header-services{grid-column:4;grid-row:1;display:inline-flex}
    body.oe-modern .header._left>.container>.oe-header-search{padding-left:17px}
    body.oe-modern .oe-header-services{align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 19px;border:1px solid #cbd7e1;border-radius:10px;color:#183347;background:#f5f8fb;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
    body.oe-modern .oe-header-services svg{width:18px;height:18px}
    body.oe-modern .oe-header-services:hover{background:#eaf2fc;border-color:#075ed1;color:#075ed1}
    body.oe-modern .oe-header-search input{min-width:0;width:100%;background:transparent;border:0;box-shadow:none!important;padding:0;height:100%;font-size:12px;color:var(--oe-ink);outline:none}
    body.oe-modern .oe-header-search button{border:0;display:grid;place-items:center;background:#fff;color:var(--oe-ink);border-radius:9px;width:32px;height:32px;flex-shrink:0}
    body.oe-modern .oe-header-search button svg{width:17px;height:17px}
    body.oe-modern.page-type-category .header._left>.container{grid-template-columns:160px auto minmax(170px,1fr) auto auto}
    body.oe-modern.page-type-category .oe-header-services{min-height:38px}
    body.oe-modern.oe-halloween .oe-header-services{background:#322630;border-color:#70544f;color:#ffdbbe}
    body.oe-modern.oe-halloween .oe-header-services:hover{background:#47313a;border-color:#e8a267;color:#fff4e8}
}
@media(min-width:801px) and (max-width:1100px){
    body.oe-modern .header._left>.container,body.oe-modern.page-type-category .header._left>.container{grid-template-columns:130px 44px minmax(110px,1fr) auto auto;gap:12px}
    body.oe-modern .oe-header-services{padding:0 12px;gap:7px}
    body.oe-modern .oe-header-services svg{display:none}
}
@media(max-width:800px){
    body.oe-modern .header._left>.container>.oe-header-search{display:flex;grid-column:1/-1;flex:1 1 auto;order:10;height:42px;gap:8px;min-width:0;margin:7px 0 0;padding:0 6px 0 14px;border:1px solid #dce4eb;border-radius:9px;background:#f3f6f9}
    body.oe-modern .header._left>.container>.oe-header-services{display:inline-flex;order:11;align-items:center;justify-content:center;gap:6px;min-height:42px;margin-top:7px;padding:0 13px;border:1px solid #cbd7e1;border-radius:9px;color:#183347;background:#f5f8fb;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
    body.oe-modern .oe-header-services svg{width:16px;height:16px}
    body.oe-modern .oe-header-search input{min-width:0;width:100%;background:transparent;border:0;box-shadow:none!important;padding:0;height:100%;font-size:12px;color:var(--oe-ink);outline:none}
    body.oe-modern .oe-header-search button{border:0;display:grid;place-items:center;border-radius:7px;width:30px;height:30px;background:#fff;color:var(--oe-ink);flex-shrink:0}
    body.oe-modern .oe-header-search button svg{width:17px;height:17px}
    body.oe-modern .header._left>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right" "search services";gap:0 10px}
    body.oe-modern .header._left>.container>.header-left{grid-area:left;margin-right:auto}
    body.oe-modern .header._left>.container>.header-right{grid-area:right;margin-left:0}
    body.oe-modern .header._left>.container>.oe-header-search{grid-area:search;max-width:none;width:100%;box-sizing:border-box}
    body.oe-modern .header._left>.container>.oe-header-services{grid-area:services;width:auto;box-sizing:border-box}
    body.oe-modern.oe-halloween .header._left>.container>.oe-header-search{background:#29232b;border-color:#463944}
    body.oe-modern.oe-halloween .oe-header-services{background:#322630;border-color:#70544f;color:#ffdbbe}
}
/* An editorial category panel anchors a native scrollable product rail. */
body.oe-modern .oe-discovery{--discovery-accent:#075ed1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;margin:0 0 76px;padding:28px;border:1px solid #dce5ee;border-radius:22px;background:#f3f6fa;min-width:0}
body.oe-modern .oe-discovery__intro{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 4px 16px}
body.oe-modern .oe-discovery__intro .oe-eyebrow{color:var(--discovery-accent);margin-bottom:15px;font-size:10px}
body.oe-modern .oe-discovery__intro h2{font-size:clamp(29px,2.8vw,42px);line-height:1.12;letter-spacing:-.05em;font-weight:650;margin:0 0 20px;min-height:2.24em;color:#142e44}
body.oe-modern .oe-discovery__art{display:grid;place-items:center;flex:1;width:100%;min-height:160px;padding:25px 15px;margin-block:10px}
body.oe-modern .oe-discovery__art img{display:block;width:100%;height:175px;object-fit:contain;mix-blend-mode:multiply}
body.oe-modern .oe-discovery__art img:not([src]){visibility:hidden}
body.oe-modern .oe-discovery__link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0 4px;border-bottom:1px solid #bdcddd;color:#173c5b;width:100%;text-decoration:none;font-size:12px;font-weight:750}
body.oe-modern .oe-discovery__link svg{width:20px;height:20px;transition:transform .2s}
body.oe-modern .oe-discovery__link:hover svg{transform:translateX(4px)}
body.oe-modern .oe-discovery__products{min-width:0;align-self:start}
body.oe-modern .oe-discovery__top{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-bottom:16px;gap:16px}
body.oe-modern .oe-discovery__status{margin:0;font-size:12px;line-height:1.5;color:#526c82}
body.oe-modern .oe-discovery__arrows{display:flex;gap:9px;margin-left:auto;flex-shrink:0}
body.oe-modern .oe-discovery__arrows button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccd9e4;border-radius:50%;background:#fff;color:#203f57;transition:background .2s,opacity .2s}
body.oe-modern .oe-discovery__arrows button:hover{background:#e8f0f9}
body.oe-modern .oe-discovery__arrows button:disabled{opacity:.3;cursor:default}
body.oe-modern .oe-discovery__arrows svg{width:21px;height:21px}
body.oe-modern .oe-discovery__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#acbccc transparent;padding:2px 2px 15px;min-height:455px}
body.oe-modern .oe-discovery__track>.productCarousel-slide{display:flex;min-width:0;margin:0;padding:0;scroll-snap-align:start}
body.oe-modern .oe-discovery__track>.productCarousel-slide>.card{width:100%;margin:0;box-sizing:border-box}
body.oe-modern .oe-discovery__track .card-figure{flex-shrink:0}
body.oe-modern .oe-discovery[data-state=loading] .oe-discovery__track:empty{background:linear-gradient(110deg,#e8edf4,#fff,#e8edf4);background-size:200% 100%;border-radius:15px;animation:oe-discovery-loading 1.5s ease-in-out infinite}
body.oe-modern .oe-discovery__retry{margin-top:12px;padding:10px 18px;border:1px solid currentColor;border-radius:8px;font-size:12px;color:#284d70;background:transparent}
body.oe-modern .oe-discovery__retry[hidden]{display:none}
body.oe-modern .oe-discovery[data-state=empty] .oe-discovery__track:empty,body.oe-modern .oe-discovery[data-state=error] .oe-discovery__track:empty{min-height:180px}
body.oe-modern .oe-discovery[data-state=ready] .oe-discovery__track{animation:oe-discovery-enter .4s ease both}
body.oe-modern.oe-halloween .oe-discovery{--discovery-accent:#f7b87e;background:linear-gradient(135deg,#2d212f,#211b27);border-color:#5d424d}
body.oe-modern.oe-halloween .oe-discovery__intro h2{color:#fff3e7}
body.oe-modern.oe-halloween .oe-discovery__art{border-radius:18px;background:#fffaf4}
body.oe-modern.oe-halloween .oe-discovery__link{color:#ffd4b0;border-color:#71504c}
body.oe-modern.oe-halloween .oe-discovery__status{color:#e0c9ba}
body.oe-modern.oe-halloween .oe-discovery__arrows button{background:#382938;color:#ffe6ce;border-color:#6c4b52}
body.oe-modern.oe-halloween .oe-discovery__arrows button:hover{background:#553746}
body.oe-modern.oe-halloween .oe-discovery__retry{color:#ffccab}
body.oe-modern.oe-halloween .oe-discovery__track{scrollbar-color:#8c635a transparent}
/* Ergotron: a separate brand story after the laptop / desktop collection. */
body.oe-modern .oe-ergotron{padding-bottom:76px}
body.oe-modern .oe-ergotron__banner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);position:relative;isolation:isolate;overflow:hidden;min-height:430px;border:1px solid #d8dfdc;border-radius:22px;background:#f5f7f5;color:#152a28;text-decoration:none}
body.oe-modern .oe-ergotron__copy{align-self:center;position:relative;z-index:2;padding:44px clamp(26px,4vw,70px);max-width:650px}
body.oe-modern .oe-ergotron__brand{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.16em;line-height:1;margin-bottom:25px;color:#276455}
body.oe-modern .oe-ergotron__brand>span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:2px}
body.oe-modern .oe-ergotron__copy h2{font-size:clamp(32px,3.7vw,57px);line-height:1.06;font-weight:650;color:inherit;letter-spacing:-.05em;margin:0 0 19px;max-width:510px}
body.oe-modern .oe-ergotron__copy p{font-size:14px;line-height:1.8;max-width:400px;margin:0 0 27px;color:#536862}
body.oe-modern .oe-ergotron__cta{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:800;padding:14px 19px;border:1px solid #203d34;border-radius:9px;background:#203d34;color:#fff}
body.oe-modern .oe-ergotron__cta svg{width:20px;height:20px;transition:transform .25s}
body.oe-modern .oe-ergotron__visual{min-width:0;position:relative;overflow:hidden;min-height:430px}
body.oe-modern .oe-ergotron__ring{position:absolute;top:calc(50% - 235px);left:calc(50% - 235px);width:470px;height:470px;border:1px solid #dce6de;border-radius:50%;box-shadow:0 0 0 55px #eaf0eb,0 0 0 56px #e0e9e2}
body.oe-modern .oe-ergotron__visual img{position:absolute;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s;pointer-events:none}
body.oe-modern .oe-ergotron__visual .oe-ergotron__hx{width:76%;height:94%;left:0;top:0}
body.oe-modern .oe-ergotron__visual .oe-ergotron__lx{width:42%;height:64%;right:2%;bottom:0}
body.oe-modern .oe-ergotron__series{position:absolute;right:25px;top:25px;font-size:11px;letter-spacing:.2em;font-weight:700;color:#82938b}
body.oe-modern .oe-ergotron__banner:hover .oe-ergotron__visual img{transform:translateY(-6px)}
body.oe-modern .oe-ergotron__banner:hover .oe-ergotron__cta svg{transform:translateX(4px)}
body.oe-modern.oe-halloween .oe-ergotron__banner{background:#f8f7f2;color:#192a27;border-color:#bc987e}
body.oe-modern.oe-halloween .oe-ergotron__copy p{color:#59685f}
body.oe-modern.oe-halloween .oe-ergotron__brand{color:#355e4c}
body.oe-modern.oe-halloween .oe-ergotron__cta{background:#253e32;border-color:#253e32;color:#fff9ee}
@media(min-width:1700px){body.oe-modern .oe-discovery__track{grid-auto-columns:calc((100% - 60px)/4)}}
@media(max-width:1199px){body.oe-modern .oe-discovery{grid-template-columns:210px minmax(0,1fr);padding:22px;gap:22px}body.oe-modern .oe-discovery__track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}body.oe-modern .oe-discovery__intro h2{font-size:32px}}
@media(max-width:800px){body.oe-modern .oe-discovery{grid-template-columns:minmax(0,1fr);padding:20px;margin-bottom:52px;gap:18px}body.oe-modern .oe-discovery__intro{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:10px 16px;padding:0}body.oe-modern .oe-discovery__intro h2{min-height:0;font-size:30px;grid-column:1;margin:0}body.oe-modern .oe-discovery__intro .oe-stock-selection__badge{grid-column:1;justify-self:start}body.oe-modern .oe-discovery__art{grid-column:2;grid-row:1/3;margin:0;padding:12px;min-height:0}body.oe-modern .oe-discovery__art img{height:90px}body.oe-modern .oe-discovery__link{grid-column:1/-1;padding-top:5px}body.oe-modern .oe-discovery__track{min-height:420px}body.oe-modern .oe-ergotron{padding-bottom:52px}body.oe-modern .oe-ergotron__banner{grid-template-columns:1fr 1fr;min-height:360px}body.oe-modern .oe-ergotron__copy{padding:30px 25px}body.oe-modern .oe-ergotron__copy h2{font-size:35px}body.oe-modern .oe-ergotron__visual{min-height:360px}}
@media(max-width:550px){body.oe-modern .oe-discovery{padding:17px;border-radius:16px}body.oe-modern .oe-discovery__track{grid-auto-columns:85%;gap:14px}body.oe-modern .oe-discovery__intro h2{font-size:27px}body.oe-modern .oe-discovery__top{margin-bottom:10px}body.oe-modern .oe-ergotron__banner{grid-template-columns:1fr;border-radius:16px}body.oe-modern .oe-ergotron__copy{padding:30px 24px 15px}body.oe-modern .oe-ergotron__copy h2{font-size:39px}body.oe-modern .oe-ergotron__brand{font-size:13px;margin-bottom:20px}body.oe-modern .oe-ergotron__visual{height:290px;min-height:290px}body.oe-modern .oe-ergotron__series{right:20px;top:12px}body.oe-modern .oe-ergotron__visual .oe-ergotron__hx{width:78%;height:100%;top:0}body.oe-modern .oe-ergotron__visual .oe-ergotron__lx{height:68%;width:43%;right:0}}
@keyframes oe-discovery-loading{to{background-position:-200% 0}}
@keyframes oe-discovery-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.oe-modern .oe-discovery *,body.oe-modern .oe-ergotron *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}