/* DIROX Styrobud 1.0.0 — homepage module 239. */
:is(#shop_index,.shop_index) .dx-home-styrobud{box-sizing:border-box;width:100%;margin:32px auto 56px;font-family:DXHome,'DM Sans',Arial,sans-serif;text-align:left;color:#10182b}
.dx-home-styrobud *{box-sizing:border-box}
.dx-home-styrobud .dxs-card{display:grid;grid-template-columns:44% minmax(0,1fr);overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(125deg,#226eaa,#0c549f);color:#fff;text-decoration:none;transition:box-shadow .25s}
.dx-home-styrobud .dxs-copy{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:34px 38px 30px;overflow:hidden}
.dx-home-styrobud .dxs-number{position:absolute;z-index:-1;right:22px;top:16px;font:700 140px/1 DXHome,Arial,sans-serif;letter-spacing:-.08em;color:#ffffff0f;pointer-events:none}
.dx-home-styrobud .dxs-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:0 0 30px}
.dx-home-styrobud .dxs-brand{display:flex;flex:none;align-items:center;justify-content:center;width:150px;height:56px;padding:9px 12px;background:#fff}
.dx-home-styrobud .dxs-brand img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;border:0}
.dx-home-styrobud .dxs-category{font:700 10px/1.6 DXHome,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-align:right;color:#edf6ff}
.dx-home-styrobud h2{margin:0 0 17px;color:#fff;font:700 clamp(32px,3.2vw,48px)/1.06 DXHome,Arial,sans-serif;letter-spacing:-.04em}
.dx-home-styrobud .dxs-description{max-width:430px;margin:0 0 22px;color:#f1f7fd;font:400 15px/1.7 DXHome,Arial,sans-serif}
.dx-home-styrobud .dxs-collections{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.dx-home-styrobud .dxs-collections li{margin:0;padding:6px 10px;border:1px solid #ffffff45;list-style:none;color:#fff;font:500 11px/1.5 DXHome,Arial,sans-serif}
.dx-home-styrobud .dxs-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:17px;border-top:1px solid #ffffff4d;font:700 15px/1.5 DXHome,Arial,sans-serif;color:#fff}
.dx-home-styrobud .dxs-arrow{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff80;font:24px/1 Arial,sans-serif;transition:background .25s,color .25s,transform .25s}
.dx-home-styrobud .dxs-media{position:relative;min-width:0;min-height:100%;overflow:hidden;background:#dfe5ee}
.dx-home-styrobud .dxs-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;object-fit:cover;object-position:50% 41%;transition:transform .5s ease}
.dx-home-styrobud .dxs-photo-note{position:absolute;bottom:20px;left:22px;max-width:calc(100% - 44px);padding:7px 10px;background:#10182bde;color:#fff;font:700 10px/1.4 DXHome,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.dx-home-styrobud .dxs-footnote{display:flex;justify-content:space-between;gap:16px;margin:16px 0 0;color:#60697a;font:400 12px/1.6 DXHome,Arial,sans-serif}
.dx-home-styrobud .dxs-card:focus-visible{outline:3px solid #0783cb;outline-offset:5px}
@media(hover:hover){.dx-home-styrobud .dxs-card:hover{color:#fff;box-shadow:0 16px 32px #0c549f26}.dx-home-styrobud .dxs-card:hover .dxs-photo{transform:scale(1.025)}.dx-home-styrobud .dxs-card:hover .dxs-arrow{background:#ffdf00;border-color:#ffdf00;color:#172033;transform:translateX(3px)}}
@media(min-width:1600px){.dx-home-styrobud .dxs-copy{padding:42px 46px 36px}.dx-home-styrobud .dxs-description{font-size:16px}.dx-home-styrobud .dxs-topline{margin-bottom:34px}}
@media(min-width:768px) and (max-width:1000px){.dx-home-styrobud .dxs-card{grid-template-columns:48% minmax(0,1fr)}.dx-home-styrobud .dxs-copy{padding:26px 24px}.dx-home-styrobud .dxs-topline{gap:12px;margin-bottom:26px}.dx-home-styrobud .dxs-brand{width:140px;height:53px}.dx-home-styrobud .dxs-description{font-size:14px}}
@media(max-width:767px){:is(#shop_index,.shop_index) .dx-home-styrobud{margin:24px auto 36px}.dx-home-styrobud .dxs-card{grid-template-columns:1fr}.dx-home-styrobud .dxs-copy{padding:28px 25px}.dx-home-styrobud .dxs-topline{margin-bottom:26px}.dx-home-styrobud h2{font-size:38px}.dx-home-styrobud .dxs-description{max-width:520px;font-size:14px}.dx-home-styrobud .dxs-media{min-height:0;aspect-ratio:1.4}.dx-home-styrobud .dxs-photo{object-position:50% 39%}.dx-home-styrobud .dxs-photo-note{bottom:15px;left:18px}.dx-home-styrobud .dxs-footnote{display:block}.dx-home-styrobud .dxs-footnote span{display:block;margin-top:4px}}
@media(max-width:380px){.dx-home-styrobud .dxs-copy{padding:24px 20px}.dx-home-styrobud h2{font-size:34px}.dx-home-styrobud .dxs-brand{width:133px;height:51px}.dx-home-styrobud .dxs-category{font-size:9px}.dx-home-styrobud .dxs-cta{font-size:13px}.dx-home-styrobud .dxs-collections{gap:6px}.dx-home-styrobud .dxs-collections li{padding:5px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.dx-home-styrobud .dxs-card,.dx-home-styrobud .dxs-photo,.dx-home-styrobud .dxs-arrow{transition:none!important;transform:none!important}}