/* Shared BricoDato navigation, accessible controls and responsive refinements. */
:root{--bd-ui-ink:#0b192e;--bd-ui-navy:#091627;--bd-ui-blue:#2455dc;--bd-ui-amber:#ffb44d;--bd-ui-muted:#52647a;--bd-ui-line:#dce5ef;--bd-ui-radius:12px}
.bd-site-header,.bd-site-footer,.bd-site-header *,.bd-site-footer *{box-sizing:border-box;font-family:Inter,"Segoe UI",Arial,sans-serif}
.bd-site-header{position:sticky;top:0;z-index:150;background:#fff;color:var(--bd-ui-ink);border-bottom:1px solid var(--bd-ui-line);box-shadow:0 2px 12px #09162708}
.bd-site-header .bd-ui-inner{width:min(1240px,calc(100% - 40px));min-height:74px;margin:auto;display:flex;align-items:center;gap:20px}
.bd-ui-brand{display:inline-flex;align-items:center;gap:9px;color:#10365d;text-decoration:none;white-space:nowrap;font-size:20px;font-weight:800;letter-spacing:-.04em;line-height:1.2}
.bd-ui-brand img{display:block;width:34px;height:34px;object-fit:contain;flex:none}
.bd-ui-brand .bd-ui-dato{color:#a64a00}
.bd-ui-languages{display:flex;align-items:center;gap:3px;border:1px solid var(--bd-ui-line);border-radius:9px;padding:3px}
.bd-ui-languages a{display:flex;justify-content:center;align-items:center;min-width:35px;min-height:34px;padding:5px;color:#42566f;border-radius:5px;font-size:12px;font-weight:750;text-decoration:none}
.bd-ui-languages a[aria-current=page]{background:#eaf0ff;color:#1643a5}
.bd-ui-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.bd-ui-nav>a,.bd-ui-more>summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:#344e6c;text-decoration:none;font-size:14px;font-weight:650;line-height:1.4;border-radius:7px;white-space:nowrap}
.bd-ui-nav>a:hover,.bd-ui-more>summary:hover{background:#edf3fc;color:#163d86}
.bd-ui-nav a[aria-current=page]{color:#1643a5;background:#eaf0ff}
.bd-ui-more{position:relative;margin:0}
.bd-ui-more>summary{list-style:none;cursor:pointer;gap:5px}
.bd-ui-more>summary::-webkit-details-marker{display:none}
.bd-ui-more-panel{position:absolute;right:0;top:calc(100% + 6px);width:230px;padding:7px;border:1px solid var(--bd-ui-line);border-radius:10px;background:#fff;box-shadow:0 12px 32px #09162726}
.bd-ui-more-panel a{display:block;padding:12px;border-radius:6px;color:#344e6c;text-decoration:none;font-size:14px;line-height:1.4}
.bd-ui-more-panel a:hover{background:#edf3fc}
.bd-ui-menu{display:none;align-items:center;justify-content:center;gap:7px;margin-left:auto;border:1px solid #cbd8e9;border-radius:9px;min-height:44px;padding:8px 12px;background:#fff;color:#163d86;font:700 13px/1.2 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.bd-ui-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bd-ui-menu .bd-ui-icon,.bd-ui-more .bd-ui-icon{width:20px;height:20px}
.bd-site-header :is(a,button,summary):focus-visible,.bd-site-footer a:focus-visible{outline:3px solid #2455dc;outline-offset:3px}
.bd-site-footer{margin-top:0;padding:48px 0 20px;background:#091627;color:#d8e4f2;font-size:14px;line-height:1.65}
.bd-site-footer .bd-ui-footer-inner{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px}
.bd-site-footer .bd-ui-brand{color:#f5f8ff}
.bd-site-footer .bd-ui-dato{color:#ffb44d}
.bd-site-footer .bd-ui-footer-about{color:#c7d5e5;max-width:310px;margin:15px 0}
.bd-site-footer h2{font-size:14px;line-height:1.5;color:#f5f8ff;margin:4px 0 12px;font-weight:750;letter-spacing:0}
.bd-site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd-site-footer a{color:#d8e4f2;text-decoration:none}
.bd-site-footer a:hover{text-decoration:underline;color:#ffcc80}
.bd-ui-social{display:flex;flex-wrap:wrap;gap:8px}
.bd-ui-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #51627a;border-radius:9px}
.bd-site-footer .bd-ui-social .bd-ui-icon{width:20px;height:20px}
.bd-ui-footer-bottom{width:min(1240px,calc(100% - 40px));margin:32px auto 0;padding-top:18px;border-top:1px solid #344456;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#b8c8db}
.bd-ui-footer-bottom p{margin:0;max-width:700px}
.bd-ui-footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.bd-site-footer a:focus-visible{outline-color:#ffb44d}
.bd-ui-skip{position:fixed;left:12px;top:0;transform:translateY(-150%);z-index:300;background:#fff;color:#163d86;padding:12px 16px;border:2px solid #2455dc;border-radius:8px;font:700 15px/1.4 Inter,"Segoe UI",Arial,sans-serif}
.bd-ui-skip:focus{transform:translateY(12px)}
.bd-ui-page main :is(.calc-field small,.paint-pro-title p,.paint-pro-stat>span,.paint-pro-stat>small,.paint-pro-price label,.paint-pro-status,.paint-pro-row>span,.paint-pro-note){color:#52647a!important}
.bd-ui-page main :is(.calc-field small,.paint-pro-stat>span,.paint-pro-stat>small,.paint-pro-price label,.paint-pro-note){font-size:12px!important;line-height:1.5!important}
.bd-ui-page main :is(.offer-link,.paint-pro-btn-primary,.v16-btn.primary){background:#ffb44d!important;border-color:#ffb44d!important;color:#14243b!important}
.bd-ui-page main :is(.offer-link,.paint-pro-btn-primary,.v16-btn.primary):hover{background:#ffc574!important;border-color:#ffc574!important}
.bd-ui-page .cat-count{color:#344e6c!important;font-size:11px!important}
.bd-ui-page :is(.is-active,.active)> .cat-count{background:#ffb44d!important;color:#14243b!important}
.bd-ui-page .affiliate-note strong{color:#783500!important}
.bd-ui-page .cat>.bd-ui-icon{width:18px;height:18px;margin-right:5px}
.bd-ui-page main :is(.converter-head small,.converter-note,.p520-coming>p){color:#52647a!important}
.bd-ui-page main .calc-next>a>span{color:#9b4300!important;font-size:11px!important}
.bd-ui-page .p520-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.bd-ui-page main .product-pick{color:#783500!important;background:#fff0e1!important;font-size:11px!important}
.bd-ui-page main :is(.product-brandline,.marketplace-note,.marketplace-note span){color:#52647a!important}
.bd-ui-page main :is(.v1212-head>p,.v1212-providers .v1212-head>div>span){color:#52647a!important}
.bd-ui-page main .store-info-v3 .eyebrow{background:transparent!important;color:#783500!important}
.bd-ui-page main .bd-f-consumption .bd-f-consumption-note{color:#52647a!important}
.bd-ui-page main :is(.v16-head p,.v16-rank .eyebrow){color:#52647a!important}
.bd-ui-page main :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2455dc;outline-offset:3px}
.bd-ui-page main :is(.calc-result-card,.bd-f-hero,.bd-f-price) :is(a,button,input,summary):focus-visible{outline-color:#ffb44d}
.bd-ui-page .bd-f-category-icon .bd-ui-icon{width:26px;height:26px}
.bd-ui-page .bd-f-search-icon{display:flex;align-items:center}
.bd-ui-page .bd-f-search-icon .bd-ui-icon{width:22px;height:22px}
.bd-ui-page .bd-f-search input::placeholder{color:#52647a;opacity:1}
.bd-ui-page .bd-f-search input{font-size:16px!important}
.bd-ui-page .bd-f-hero-copy .bd-f-search{margin-top:24px}
.bd-ui-page .bd-f-hero h1{font-size:clamp(36px,3.8vw,58px);max-width:800px}
.bd-ui-page .mobile-dock a{min-height:44px;min-width:44px;font-size:11px!important;color:#344e6c!important}
.bd-ui-page .mobile-dock .bd-ui-icon{display:block;width:21px;height:21px;margin:0 auto 4px}
.bd-ui-page .calc-hero-badge img{filter:brightness(0) invert(1);opacity:.95}
.bd-ui-page .bd-table-wrap{scroll-margin-top:90px}
.bd-ui-page .bd-table-wrap:focus-visible{outline:3px solid #2455dc;outline-offset:3px}
.bd-ui-page .bd-paint-purchase{width:100%!important;max-width:none!important;margin:20px 0!important}
@media(min-width:981px){.bd-ui-nav{display:flex!important}}
@media(max-width:980px){
 .bd-site-header .bd-ui-inner{min-height:68px;gap:12px;width:calc(100% - 32px);flex-wrap:wrap;padding:10px 0}
 .bd-ui-menu{display:inline-flex}
 .bd-ui-brand{font-size:18px}.bd-ui-brand img{width:31px;height:31px}
 .bd-ui-languages{margin-left:auto}.bd-ui-menu{margin-left:0}
 .bd-ui-nav{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:2px;border-top:1px solid var(--bd-ui-line);padding-top:8px;max-height:calc(100dvh - 90px);overflow:auto}
 .bd-ui-nav[data-open]{display:flex}
 .bd-ui-nav>a,.bd-ui-more>summary{min-height:46px;padding:10px 12px;font-size:15px}
 .bd-ui-more-panel{position:static;width:100%;box-shadow:none;border:0;background:#f4f7fc;margin:4px 0}
 .bd-ui-nav .bd-ui-more-panel a{min-height:44px}
 .bd-site-footer .bd-ui-footer-inner{grid-template-columns:1.2fr 1fr;gap:30px}
 .bd-ui-page .calc-hero{padding-top:24px!important;padding-bottom:24px!important}
 .bd-ui-page .calc-hero .hub-hero-grid{gap:16px!important}
 .bd-ui-page .calc-hero .calc-hero-badge{display:none!important}
 .bd-ui-page .calc-hero .calc-trust{margin-top:14px!important}
 .bd-ui-page .calc-hero h1{font-size:clamp(29px,7vw,39px)!important;margin:12px 0!important}
 .bd-ui-page .calc-hero .hub-hero-grid>div:first-child>p{font-size:15px!important;line-height:1.6!important}
}
@media(max-width:520px){
 .bd-site-header .bd-ui-inner{width:calc(100% - 24px);gap:8px}
 .bd-ui-brand{gap:6px;font-size:17px}.bd-ui-brand img{width:29px;height:29px}
 .bd-ui-languages a{min-width:30px;min-height:32px;font-size:11px}
 .bd-ui-menu{padding:8px;gap:4px;font-size:12px}
 .bd-ui-menu .bd-ui-icon{width:18px;height:18px}
 .bd-site-footer{padding-top:34px}
 .bd-site-footer .bd-ui-footer-inner{width:calc(100% - 32px);gap:28px 20px;grid-template-columns:1fr 1fr}
 .bd-ui-footer-intro{grid-column:1/-1}
 .bd-ui-footer-bottom{width:calc(100% - 32px);display:block;padding-bottom:12px}
 .bd-ui-footer-bottom p+p{margin-top:12px}
 .bd-ui-page .bd-f-hero{padding-top:28px;padding-bottom:30px}
 .bd-ui-page .bd-f-hero h1{font-size:35px;line-height:1.12;letter-spacing:-.04em}
 .bd-ui-page .bd-f-hero-copy .bd-f-search{grid-template-columns:auto minmax(0,1fr) auto;padding:7px 8px;gap:4px;margin-top:22px}
 .bd-ui-page .bd-f-hero-copy .bd-f-search button{grid-column:auto;padding:0 12px;min-height:44px;margin:0}
 .bd-ui-page .bd-f-hero-copy .bd-f-search input{padding-left:2px}
 .bd-ui-page .bd-f-paint-card{margin-top:4px}
 .bd-ui-page .hub-band p{min-width:0!important;max-width:100%!important}
 .bd-ui-page .hub-band{min-width:0!important}
 .bd-ui-page .hub-section-heading{min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .bd-ui-page .hub-section-heading>p{min-width:0!important;width:100%!important;max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){.bd-ui-page{scroll-behavior:auto}.bd-ui-page *{scroll-behavior:auto!important}}
@media print{.bd-site-header,.bd-site-footer,.mobile-dock,.bd-ui-skip{display:none!important}}

/* Live store popularity section: readable eyebrow on the warm background. */
.bd-ui-page .popular-head .eyebrow{color:#783500!important}

/* BRICODATO RESTORED LANGUAGE FLAGS 20261108 */
.bd-ui-languages a{gap:5px;min-width:54px}
.bd-ui-languages a[lang]::before{content:"";display:inline-block;flex:0 0 24px;width:24px;height:16px;border-radius:2px;background-position:center;background-repeat:no-repeat;background-size:24px 16px;box-shadow:0 0 0 1px #09162712}
.bd-ui-languages a[lang="es"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Crect%20width%3D%2224%22%20height%3D%2216%22%20fill%3D%22%23AA151B%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2224%22%20height%3D%228%22%20fill%3D%22%23F1BF00%22%2F%3E%3C%2Fsvg%3E")}
.bd-ui-languages a[lang="en"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Crect%20width%3D%2224%22%20height%3D%2216%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200l24%2016M24%200L0%2016%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M0%200l24%2016M24%200L0%2016%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M12%200v16M0%208h24%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M12%200v16M0%208h24%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%222.7%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:520px){.bd-ui-languages a{font-size:0;gap:0;min-width:34px;min-height:32px;padding:5px}}