/* Approved September 2026 redesign. Scoped to the native layout; no pricing logic. */
.md-refonte { --mdr-red:#f11828; --mdr-ink:#15212a; background:#fff; }
.md-refonte #container { padding-top:0!important; }
.md-refonte #container > .content { padding-top:0!important; margin-top:0!important; }
.md-refonte .mdr-site-header, .md-refonte.scroll .mdr-site-header { position:relative; top:auto; left:auto; width:100%; min-height:88px; height:auto; padding:12px clamp(22px,5vw,86px); display:flex; align-items:center; justify-content:space-between; gap:25px; background:#fff; color:var(--mdr-ink); box-shadow:none; border-bottom:1px solid #eceff1; z-index:2100; transition:none; }
.mdr-site-header,.mdr-home,.mdr-section,.mdr-shop-hero,.mdr-footer,.mdr-native-filters,.mdr-calc-page-promotion { font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.5; color:var(--mdr-ink); }
.mdr-site-header *, .mdr-home *, .mdr-section *, .mdr-shop-hero *, .mdr-footer *, .mdr-native-filters * { box-sizing:border-box; }
.mdr-site-header a,.mdr-home a,.mdr-section a,.mdr-footer a { text-decoration:none; color:inherit; }
.mdr-site-header button,.mdr-home button,.mdr-section button { font:inherit; cursor:pointer; border:0; background:none; color:inherit; }
.mdr-site-header [hidden],.mdr-home [hidden],.mdr-menu[hidden] { display:none!important; }
.mdr-site-header :focus-visible,.mdr-home :focus-visible,.mdr-section :focus-visible,.mdr-footer :focus-visible { outline:3px solid #c81223; outline-offset:4px; }
.mdr-site-header i.fa,.mdr-home i.fa,.mdr-section i.fa { font-family:FontAwesome; }
.mdr-brand { flex:0 1 330px; display:flex; align-items:center; }
.mdr-brand img { width:100%; max-width:330px; height:auto; display:block; }
.mdr-primary-nav { display:flex; align-items:center; gap:29px; white-space:nowrap; font-size:14px; }
.mdr-primary-nav a { display:flex; align-items:center; min-height:52px; border-bottom:2px solid transparent; }
.mdr-primary-nav a:hover,.mdr-primary-nav [aria-current=page] { border-color:var(--mdr-red); }
.mdr-header-actions { display:flex; align-items:center; gap:20px; }
.mdr-icon-link { min-width:36px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:23px!important; }
.mdr-cart-count { position:absolute; right:-2px; top:0; display:grid; place-items:center; min-width:20px; height:20px; background:var(--mdr-red); color:#fff; border-radius:50%; font:12px Arial,sans-serif; padding:0 4px; }
.mdr-menu-toggle { display:flex; flex-direction:column; align-items:center; gap:3px; min-width:44px; min-height:52px; padding:0; }
.mdr-menu-toggle i { font-size:29px; }.mdr-menu-toggle span { font-size:12px; }
.mdr-menu-backdrop { position:fixed; inset:0; z-index:2200; background:#08101678; }
.mdr-menu { position:fixed; z-index:2300; right:0; top:0; bottom:0; width:min(480px,100vw); padding:28px 36px; overflow-y:auto; overscroll-behavior:contain; background:white; box-shadow:-12px 0 40px #0002; }
body.mdr-menu-open { overflow:hidden; }
.mdr-menu-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:23px; letter-spacing:3px; font-size:14px; }
.mdr-menu-top button { font-size:34px!important; line-height:1; }
.mdr-search { display:flex; align-items:center; gap:12px; padding:0 12px; min-height:50px; border:1px solid #dce1e5; border-radius:5px; background:#fff; }
.mdr-search input { flex:1; min-width:0; width:auto; font:16px Arial,sans-serif; border:0!important; background:transparent; padding:12px 0; box-shadow:none; color:var(--mdr-ink); }
.mdr-search button { min-width:44px; min-height:44px; font-size:20px; }
.mdr-menu-caption { margin:27px 0 10px; font-size:12px!important; letter-spacing:2px; color:#58616b; }
.mdr-menu-main { display:grid; margin-bottom:20px; }
.mdr-menu-main a { display:flex; justify-content:space-between; gap:15px; align-items:center; font-size:22px; font-weight:600; letter-spacing:-.6px; padding:11px 0; }
.mdr-menu a:hover { color:#bd1020; }
.mdr-button,.mdr-site-header .mdr-button,.mdr-home .mdr-button,.mdr-section .mdr-button { min-height:52px; padding:13px 23px; display:inline-flex; justify-content:center; align-items:center; gap:20px; border-radius:4px; font:600 16px/1.4 Arial,Helvetica,sans-serif; text-decoration:none; border:1px solid transparent; }
.mdr-button.mdr-primary,.mdr-site-header .mdr-primary,.mdr-home .mdr-primary,.mdr-section .mdr-primary { background:var(--mdr-red); color:white; }
.mdr-button.mdr-primary:hover { background:#d51121; color:#fff; }
.mdr-button.mdr-white { background:#fff; color:#15212a; }
.mdr-menu-calc { width:100%; justify-content:flex-start!important; margin-bottom:22px; }
.mdr-menu-group { border-top:1px solid #dce1e5; }
.mdr-menu-group summary { cursor:pointer; font-size:19px; font-weight:600; padding:17px 0; list-style:none; display:flex; justify-content:space-between; }
.mdr-menu-group summary::-webkit-details-marker { display:none; }.mdr-menu-group summary:after { content:'+'; font-size:24px; font-weight:400; }.mdr-menu-group[open] summary:after { content:'−'; }
.mdr-menu-group > div { display:grid; gap:14px; padding:2px 3px 20px; font-size:15px; }
.mdr-menu-utilities { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:25px 0; border-top:1px solid #dce1e5; font-size:15px; }
.mdr-admin { grid-column:1/-1; }.mdr-admin i { margin-right:8px; }
.mdr-menu-account { display:flex; flex-wrap:wrap; gap:15px; padding:21px 0; border-top:1px solid #dce1e5; border-bottom:1px solid #dce1e5; font-size:14px; }
.mdr-menu-account i { margin-right:6px; }.mdr-signed-in { display:flex; justify-content:space-between; font-size:14px; padding:17px 0; }
.mdr-locale { display:flex; flex-wrap:wrap; gap:12px; font-size:13px; padding-top:21px; }.mdr-locale p { width:100%; margin:0; font-size:13px; color:#68727b; }
.mdr-sr-only,.mdr-skip:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mdr-skip:focus { position:fixed; top:10px; left:10px; z-index:2400; background:#fff; padding:12px 20px; }
.mdr-promotion { background:#cf1425; color:#fff; padding:11px 20px; text-align:center; font-size:16px; }
.mdr-hero { position:relative; height:clamp(480px,34vw,575px); overflow:hidden; background:#17272b; color:#fff; }
.mdr-scene { position:absolute; inset:0; opacity:0; transition:opacity .55s ease; pointer-events:none; }.mdr-scene.is-active { opacity:1; }
.mdr-scene img { width:100%; height:100%; object-fit:cover; object-position:50% 48%; display:block; }
.mdr-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#0a1318a6,#0a131861 36%,#0a13180f 66%,transparent); }
.mdr-hero-copy { position:relative; z-index:1; padding-top:clamp(46px,4.6vw,70px); margin-left:clamp(70px,9vw,144px); }
.mdr-eyebrow { display:flex; align-items:center; gap:18px; font:600 13px/1.5 Arial,sans-serif!important; letter-spacing:2px; margin:0 0 15px!important; }
.mdr-eyebrow:before { content:''; display:block; width:36px; height:3px; background:var(--mdr-red); flex-shrink:0; }
.mdr-hero h1 { margin:0; padding:0; color:white; font:750 clamp(42px,3.7vw,60px)/1.03 Arial,sans-serif; letter-spacing:-1.6px; text-transform:none; text-align:left; }
.mdr-intro { font:19px/1.42 Arial,sans-serif!important; margin:14px 0 25px!important; }
.mdr-hero-buy { position:absolute; z-index:2; right:32px; bottom:60px; }
.mdr-home .mdr-slide-arrow { position:absolute; z-index:2; top:46%; width:50px; height:50px; border-radius:50%; border:1px solid #ffffff70; background:#15212a70; color:white; font-size:37px; line-height:40px; padding:0; }
.mdr-prev { left:18px; }.mdr-next { right:18px; }
.mdr-carousel-controls { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; gap:8px; max-width:calc(100% - 28px); padding:2px 10px; border-radius:30px; background:#13232a77; }
.mdr-carousel-dots { position:relative; display:flex; gap:1px; min-width:0; overflow-x:auto; scrollbar-width:none; }.mdr-carousel-dots::-webkit-scrollbar { display:none; }
.mdr-carousel-dots button { flex:0 0 28px; width:28px; height:32px; padding:8px; }.mdr-carousel-dots button:before { content:''; display:block; width:11px; height:11px; border-radius:50%; background:#fff; }.mdr-carousel-dots [aria-pressed=true]:before { background:#ff2639; }
.mdr-play { flex:0 0 34px; height:34px; }.mdr-play i { font-size:16px; color:#fff; }
.mdr-benefits { display:grid; grid-template-columns:repeat(4,1fr); padding:24px 5%; background:#f8f8f8; min-height:98px; }
.mdr-benefits > * { display:flex; justify-content:center; align-items:center; gap:22px; min-height:48px; border-right:1px solid #d5d7d8!important; color:#434c55!important; font-size:14px!important; line-height:1.5; text-align:left; }.mdr-benefits > :last-child { border:0!important; }
.mdr-benefits i { font-size:34px; color:#bc1625; }.mdr-benefits a:hover span,.mdr-benefits button:hover span { text-decoration:underline; text-underline-offset:4px; }
.mdr-chat-status { margin:20px 5%; font-size:15px; }.mdr-chat-status a { text-decoration:underline; }
.mdr-section { max-width:1536px; margin:0 auto; padding:32px 4.5% 45px; }
.mdr-section h2 { color:var(--mdr-ink); font:700 32px/1.15 Arial,sans-serif; letter-spacing:-.8px; margin:0 0 24px; text-transform:none; text-align:left; }
.mdr-category-row { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.mdr-category { position:relative; height:180px; border-radius:6px; overflow:hidden; background:#e7e9ea; }
.mdr-category img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }.mdr-category:hover img { transform:scale(1.04); }
.mdr-category:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 38%,#000c); }
.mdr-category > span { position:absolute; z-index:1; bottom:14px; left:18px; right:18px; display:flex; align-items:center; justify-content:space-between; color:white; font-size:18px; font-weight:600; }.mdr-category b { font-weight:400; }
.mdr-materials-title { font:700 32px/1.2 Arial,sans-serif; color:var(--mdr-ink); margin:15px 4.5% 25px; padding:0; }
.md-refonte #materials { scroll-margin-top:20px; }
.mdr-shop-hero { position:relative; height:300px; color:#fff; overflow:hidden; }
.mdr-shop-hero > img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }.mdr-shop-hero:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0a1729c9,transparent 90%); }
.mdr-shop-hero > div { position:absolute; z-index:1; top:40px; left:5%; right:4%; }.mdr-shop-hero h1 { color:white; font:700 43px/1.08 Arial,sans-serif; margin:0 0 17px; padding:0; text-align:left; letter-spacing:-1px; }.mdr-shop-hero p { font-size:17px; margin:0; }
.mdr-discovery { display:grid; grid-template-columns:minmax(0,2fr) minmax(290px,1fr); gap:25px; padding-bottom:22px; }
.mdr-discovery-choices { padding:25px; border:1px solid #e0e4e7; border-radius:8px; }.mdr-discovery h2 { font-size:27px; margin-bottom:22px; }.mdr-discovery-search > label { display:block; font-size:14px; margin-bottom:10px; font-weight:400; }
.mdr-discovery .mdr-search { padding-right:0; border-radius:5px; }.mdr-discovery .mdr-search i { color:#52616c; }.mdr-discovery .mdr-search input { padding:15px 0; }.mdr-discovery .mdr-search button { margin:-1px; }
.mdr-discovery-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:23px; }
.mdr-discovery-card { position:relative; min-height:195px; overflow:hidden; border-radius:5px; background:#e7eaec; }.mdr-discovery-card > img { position:absolute; width:100%; height:100%; object-fit:cover; }.mdr-discovery-card:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 10%,#000b); }
.mdr-discovery-card > span { position:absolute; z-index:1; left:14px; right:12px; bottom:16px; color:#fff; }.mdr-discovery-card strong { font-size:18px; line-height:1.2; display:block; }.mdr-discovery-card small { display:block; font-size:14px; margin-top:8px; }
.mdr-upload-card { border:1px dashed #c1cbd2; padding:17px 12px; display:flex; flex-direction:column; justify-content:center; gap:8px; text-align:center; background:#f6f8f9; }.mdr-upload-card:after { display:none; }.mdr-upload-card i { font-size:34px; color:var(--mdr-red); }.mdr-upload-card b { font-size:14px; font-weight:600; border:1px solid #e3b7bd; color:#ba1524; border-radius:4px; padding:9px 5px; margin-top:5px; }
.mdr-calculator { background:#f5f7f8; border:1px solid #e0e4e7; padding:23px; border-radius:8px; }.mdr-calculator[v-cloak] { visibility:hidden; }.mdr-calculator h2 { font-size:25px; line-height:1.25; margin-bottom:8px; }.mdr-calculator h2 i { color:#15212a; margin-right:6px; }.mdr-calculator p { font-size:14px; line-height:1.5; margin:0 0 16px; }
.mdr-calc-promotion,.mdr-calc-page-promotion { padding:10px 12px; border:1px solid #f2cbd0; border-radius:4px; background:#fff0f2; color:#a80d1c; }.mdr-calc-page-promotion { text-align:center; margin:20px auto; max-width:900px; }
.mdr-calc-inputs { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:15px 0; }.mdr-calc-inputs label { font-size:14px; font-weight:400; }.mdr-calc-inputs input { display:block; width:100%; height:46px; margin-top:8px; padding:10px 12px; border:1px solid #cdd5db; background:#fff; border-radius:4px; font:16px Arial,sans-serif; }.mdr-calculator .mdr-button { width:100%; }
.mdr-calc-result { padding:20px 0 14px; display:grid; gap:5px; }.mdr-calc-result strong { font-size:26px; }.mdr-calc-result small,.mdr-calculator .mdr-calc-note { font-size:13px; color:#52616c; line-height:1.5; }.mdr-calculator .mdr-calc-note { margin:16px 0 10px; }.mdr-calc-error { color:#ad1424; }
.mdr-text-link { font-size:14px; text-decoration:underline!important; text-underline-offset:4px; }
.mdr-section-top { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:23px; }.mdr-section-top h2 { margin:0 0 8px; }.mdr-section-top p { font-size:15px; margin:0; color:#69747d; }
.mdr-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px 20px; }.mdr-product { border:1px solid #e6e9eb; background:white; border-radius:6px; overflow:hidden; }.mdr-product > a { display:block; }.mdr-product img { width:100%; aspect-ratio:1.12; object-fit:cover; }.mdr-product > div { padding:16px 13px 12px; }.mdr-product h3 { font:600 17px/1.3 Arial,sans-serif; margin:0 0 9px; min-height:44px; color:var(--mdr-ink); }.mdr-product p { font-size:14px; color:#63707a; margin:0 0 14px; }.mdr-product .mdr-button { width:100%; font-size:14px; min-height:45px; padding:10px 6px; gap:6px; }
.md-refonte .mdr-shop { margin:0 auto; padding:0 0 35px; width:100%; max-width:1536px; }.md-refonte .mdr-shop > .index { padding:0; }
.md-refonte .mdr-native-filters { padding:0 4.5% 25px; background:white; margin:0 auto; }
.mdr-native-filters .search-ctn,.mdr-native-filters > a.upload { display:none!important; }
.mdr-native-filters .fotolia-search,.mdr-native-filters .filters { width:100%!important; margin:0!important; max-width:none; }
.mdr-native-filters .panel { border:1px solid #dfe4e7; box-shadow:none; border-radius:8px; overflow:hidden; }.mdr-native-filters .panel-heading { background:#f6f7f8; border:0; padding:0; }.mdr-native-filters .panel-title { margin:0; }.mdr-native-filters .panel-title a { display:block; padding:19px 24px; color:#15212a; font-size:16px; font-weight:600; text-align:left; }
.mdr-native-filters .panel-body { padding:23px; background:white; color:#15212a; }.mdr-native-filters .panel-body > .row-fluid { display:flex; flex-wrap:wrap; }.mdr-native-filters .panel-body > .row-fluid > div:first-child { display:none; }.mdr-native-filters .filters-ctn { width:100%; padding:0; }.mdr-native-filters .filters-ctn > .row { margin:0; display:grid; grid-template-columns:1fr 1fr 1.45fr 1.15fr; gap:24px; }.mdr-native-filters .filters-ctn > .row > div { width:auto; padding:0; margin:0; float:none; }.mdr-native-filters .form-group { display:block; margin:0; width:auto; }.mdr-native-filters .title { display:flex; align-items:center; gap:8px; color:#15212a!important; font:600 15px/1.4 Arial,sans-serif; margin-bottom:14px; }.mdr-native-filters .title svg { width:18px; height:18px; }.mdr-native-filters label { color:#15212a!important; font-size:15px; font-weight:400; }.mdr-native-filters .radio,.mdr-native-filters .checkbox { display:block; margin:0; }.mdr-native-filters .css-label,.mdr-native-filters .css-label-radio { min-height:36px; line-height:24px!important; background-position:0 2px!important; }.mdr-native-filters #filterArea { display:block; width:100%; min-height:46px; margin-top:9px; border:1px solid #cdd5db; padding:9px 12px; border-radius:4px; font-size:16px; background:#fff; }.mdr-native-filters .panel-body > .row-fluid > div:last-child { width:100%; border-top:1px solid #e9ecee; margin-top:22px; padding:20px 0 0; text-align:right; }.mdr-native-filters .panel-body .btn-primary { border-radius:4px; background:var(--mdr-red); font:600 15px/1.4 Arial,sans-serif; padding:12px 22px; }
.md-refonte .mdr-footer { background:#0e1b23; padding:32px 5% 22px; color:#ecf0f3; }.mdr-footer-top { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-bottom:25px; }.mdr-footer-logo { width:255px; height:auto; }.mdr-footer-nav,.mdr-footer-utilities { display:flex; flex-wrap:wrap; gap:17px 25px; font-size:14px; }.mdr-footer a:hover { color:#ff6370; }.mdr-footer-utilities { padding:0 0 25px; }.mdr-footer-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding-top:20px; border-top:1px solid #ffffff26; font-size:13px; }.mdr-footer-bottom p { font-size:13px; margin:0; }.mdr-footer-policies { display:flex; gap:18px; flex-wrap:wrap; }
@media(min-width:1600px) { .md-refonte .mdr-site-header { min-height:94px; }.mdr-hero { height:550px; }.mdr-hero h1 { font-size:64px; }.mdr-category { height:205px; } }
@media(max-width:1250px) { .mdr-primary-nav { gap:19px; }.mdr-brand { flex-basis:265px; }.mdr-header-actions { gap:12px; }.md-refonte .mdr-site-header { padding-left:28px; padding-right:28px; }.mdr-discovery { gap:18px; }.mdr-discovery-choices,.mdr-calculator { padding:20px; }.mdr-discovery h2 { font-size:24px; }.mdr-discovery-card strong { font-size:16px; } }
@media(max-width:1120px) { .mdr-primary-nav { display:none; }.mdr-brand { flex-basis:310px; }.mdr-discovery-cards { gap:9px; }.mdr-discovery-card { min-height:195px; }.mdr-discovery-card > span { left:10px; right:10px; }.mdr-discovery-card small { font-size:13px; }.mdr-product-grid { grid-template-columns:repeat(3,1fr); }.mdr-native-filters .filters-ctn > .row { grid-template-columns:1fr 1fr; }.mdr-native-filters .filters-ctn > .row > div:nth-child(n+3) { border-top:1px solid #e9ecee; padding-top:20px; }.mdr-benefits > * { gap:12px; } }
@media(max-width:850px) { .mdr-discovery { grid-template-columns:1fr; }.mdr-calc-inputs { max-width:500px; }.mdr-calculator .mdr-button { max-width:500px; }.mdr-hero-copy { margin-left:65px; }.mdr-hero h1 { font-size:43px; }.mdr-intro { font-size:17px!important; }.mdr-category-row { gap:12px; }.mdr-category > span { font-size:15px; left:12px; right:12px; }.mdr-footer-top { flex-wrap:wrap; }.mdr-benefits { padding:20px 12px; }.mdr-benefits > * { font-size:13px!important; }.mdr-benefits i { font-size:28px; } }
@media(max-width:600px) { .md-refonte .mdr-site-header { min-height:72px; padding:10px 17px; gap:14px; }.mdr-brand { flex-basis:245px; max-width:calc(100vw - 114px); }.mdr-search-link,.mdr-account-link { display:none; }.mdr-header-actions { gap:12px; }.mdr-cart-link { min-width:30px; font-size:20px!important; }.mdr-menu { padding:23px 25px; }.mdr-menu-main a { font-size:21px; }.mdr-hero { height:590px; }.mdr-scene img { object-position:64% 50%; }.mdr-hero-shade { background:linear-gradient(90deg,#071d28b3,#071d281a); }.mdr-hero-copy { padding:43px 28px 0; margin:0; }.mdr-hero h1 { font-size:42px; }.mdr-eyebrow { font-size:12px!important; letter-spacing:1.2px; gap:10px; }.mdr-intro { font-size:16px!important; max-width:320px; }.mdr-intro br { display:none; }.mdr-home .mdr-slide-arrow { width:36px; height:36px; top:68%; line-height:30px; font-size:30px; }.mdr-prev { left:13px; }.mdr-next { right:13px; }.mdr-hero-buy { bottom:67px; right:22px; }.mdr-hero-buy.mdr-button { font-size:14px; min-height:46px; padding:11px 16px; }.mdr-carousel-dots button { flex-basis:24px; width:24px; padding:6px; }.mdr-carousel-controls { max-width:calc(100% - 22px); padding:2px 7px; gap:5px; }.mdr-benefits { grid-template-columns:1fr 1fr; gap:20px 0; padding:24px 12px; }.mdr-benefits > * { justify-content:flex-start; padding-left:8px; font-size:14px!important; gap:10px; }.mdr-benefits > :nth-child(2) { border:0!important; }.mdr-benefits i { font-size:26px; }.mdr-section { padding:28px 20px 35px; }.mdr-section h2 { font-size:28px; }.mdr-category-row { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; }.mdr-category { flex:0 0 200px; height:160px; scroll-snap-align:start; }.mdr-category > span { font-size:17px; }.mdr-shop-hero { height:260px; }.mdr-shop-hero > div { top:35px; left:25px; right:20px; }.mdr-shop-hero h1 { font-size:32px; }.mdr-shop-hero p { font-size:15px; }.mdr-discovery { padding:20px 16px; }.mdr-discovery-choices { padding:18px 13px; }.mdr-discovery h2 { font-size:24px; }.mdr-discovery .mdr-search { flex-wrap:wrap; border:0; padding:0; gap:8px; }.mdr-discovery .mdr-search > i { display:none; }.mdr-discovery .mdr-search input { flex-basis:100%; border:1px solid #dce1e5!important; border-radius:4px; padding:13px; }.mdr-discovery .mdr-search button { width:100%; margin:0; }.mdr-discovery-cards { grid-template-columns:1fr 1fr; gap:10px; }.mdr-discovery-card { min-height:172px; }.mdr-upload-card { grid-column:1/-1; min-height:125px; display:grid; grid-template-columns:36px 1fr; gap:8px 13px; text-align:left; padding:16px; }.mdr-upload-card > i { grid-row:1/3; align-self:center; }.mdr-upload-card > b { grid-column:1/-1; text-align:center; }.mdr-upload-card > small { margin:0; }.mdr-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 13px; }.mdr-product > div { padding:12px 10px; }.mdr-product h3 { font-size:15px; min-height:40px; }.mdr-product .mdr-button { font-size:14px; min-height:50px; }.mdr-section-top { align-items:flex-start; flex-wrap:wrap; }.mdr-native-filters .panel-body { padding:18px 16px; }.mdr-native-filters .filters-ctn > .row { gap:20px 14px; }.mdr-native-filters .filters-ctn > .row > div:nth-child(n+3) { grid-column:1/-1; }.mdr-native-filters label { font-size:14px; }.mdr-native-filters .panel-title a { padding:17px 16px; }.mdr-native-filters .panel-body .btn-primary { width:100%; }.mdr-footer-top { flex-direction:column; align-items:flex-start; }.mdr-footer-bottom { flex-direction:column; align-items:flex-start; }.mdr-calc-page-promotion { margin:20px 16px; } }
@media(prefers-reduced-motion:reduce) { .mdr-scene,.mdr-category img { transition:none; } }