/* Master Pro — Voltage
   Direction drawn from Masterpro_Facebook_Mai_2026.pdf, pp. 3–5:
   strong headline blocks, red/navy contrast, diagonal image boundaries.
   Campaign prices, dates and claims are not imported.
*/
:root{
  --blue:#004bff;--signal:#e61034;--red:#e61034;--signal-dark:#ad0c2a;
  --atelier:#071c42;--atelier-blue:#004bff;--offer-new:#004bff;
  --offer-order:#142955;--charge:#65e8ff;--ink:#102544;
  --snap:cubic-bezier(.2,.8,.2,1);
}
header{border-bottom-color:var(--blue)}
.main-nav>.nav-rental{background:var(--blue);color:#fff;border:0;border-radius:2px;padding:0 12px;gap:10px}
.main-nav>.nav-rental:hover{background:#0038c6;color:#fff}
.main-nav>.nav-rental .direction-icon{width:19px;height:19px}
.direction-icon{width:24px;height:24px;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}
[data-icon=arrow],[data-icon=external]{display:inline-flex;align-items:center;justify-content:center;flex:none}
.button [data-icon=arrow],.button [data-icon=external]{width:28px;height:28px}
.button .direction-icon{width:22px;height:22px}
.direction-icon{transition:transform 220ms var(--snap)}
.footer-bottom a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.footer-bottom .direction-icon,.footer-rental .direction-icon{width:18px;height:18px}
.button{border-radius:2px;padding:13px 20px;font-weight:800;isolation:isolate;position:relative}
.button.primary{box-shadow:4px 4px 0 #08275d}
.button.secondary{border:1px solid #819fc9;box-shadow:3px 3px 0 #dfeaff}
.button:active{transform:translate(2px,2px);box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--signal);outline-offset:5px}

/* An advertising composition, not a text overlay on the film. */
.stock-hero{
  background:linear-gradient(118deg,#071c42 0%,#071c42 50%,#003edb 50.15%,#0056ff 100%);
  border-bottom:0;padding-top:56px;padding-bottom:42px;
  grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);column-gap:48px;
}
.stock-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,var(--signal) 0 37%,var(--charge) 37% 54%,var(--blue) 54%)}
.stock-hero .hero-audience{font-size:14px;letter-spacing:.08em;color:#d4f7ff;margin-bottom:22px}
.stock-hero h1{font-family:"Arial Black",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:clamp(32px,3.15vw,49px);font-weight:900;line-height:1.22;letter-spacing:-.045em}
.stock-hero h1 em{position:relative;isolation:isolate;display:inline-block;background:none;box-shadow:none;border:0;border-radius:0;color:#fff;padding:9px 18px 11px 0;margin:5px 0;font-size:1.11em;line-height:1.12}
.stock-hero h1 em:before{content:"";position:absolute;inset:0 -9px 0 -18px;z-index:-1;background:var(--signal);clip-path:polygon(0 0,100% 0,calc(100% - 15px) 100%,0 100%)}
.stock-hero .hero-media{border-radius:0;border:1px solid #ffffff50;box-shadow:10px 10px 0 var(--charge),20px 20px 0 #05204f}
.stock-hero .hero-media>img,.stock-hero .hero-media>video{aspect-ratio:1440/546;object-fit:contain}
.hero-video-tools{background:#061a3d;border-top:2px solid var(--charge);color:#d4f7ff}
.hero-bottom{position:relative;margin-top:42px;padding-top:30px;border-top:1px solid #c0dcff50;align-items:center}
.hero-expertise{border-left:0;padding:0;color:var(--charge);font-weight:700}
.stock-hero .hero-actions>.primary,.rental-actions>.button{box-shadow:4px 4px 0 var(--charge)}
.stock-hero .hero-actions>.light-ghost{background:#071c424d;border-color:#8abdff}
.hero-rental-link{color:#fff;gap:18px;line-height:1.55}
.hero-rental-link [data-icon=arrow]{width:37px;height:37px;border:1px solid #72d9ff;color:var(--charge)}
.hero-rental-link .direction-icon{width:21px;height:21px}

/* Strong, distinct stock / counter / rental silhouettes. */
.offer-paths{padding-top:72px;gap:40px}
.stock-path .eyebrow,.section-intro .eyebrow,.answers>.eyebrow{font-size:14px;letter-spacing:.065em}
.stock-path .eyebrow:before,.section-intro .eyebrow:before,.answers>.eyebrow:before{width:29px;height:6px;transform:skewX(-22deg)}
.stock-path-heading{display:block;padding-bottom:28px}
.stock-path h2{font-size:clamp(43px,4.3vw,62px);line-height:1.03;margin:0 0 18px}
.stock-path h2 br{display:none}
.stock-path-heading>p:last-child{max-width:520px}
.stock-path-heading>p:last-child br{display:none}
.stock-path .stock-new{border-radius:0;background:var(--blue);box-shadow:7px 7px 0 #dceaff;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.stock-new .offer-photo{border-radius:0;min-height:310px;clip-path:polygon(0 0,100% 0,93% 100%,0 100%)}
.stock-new .offer-photo-label{top:16px;bottom:auto;background:var(--signal);color:#fff;padding:10px 24px 10px 17px;letter-spacing:.045em}
.stock-new .offer-copy{padding:32px 24px 15px 18px}
.stock-new .stock-option-title{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(36px,3.5vw,53px);line-height:1.06;text-transform:uppercase;letter-spacing:-.04em}
.stock-new .stock-option-state{color:var(--charge);font-size:16px;margin-top:14px}
.stock-new .stock-option-copy{font-size:16px;line-height:1.7;margin:18px 0 22px}
.stock-new .offer-cta{font-size:16px;border-color:#ffffff60;min-height:60px;gap:12px}
.offer-cta [data-icon=arrow]{background:#fff;color:var(--blue);width:34px;height:34px}
.offer-cta .direction-icon{width:22px;height:22px}
.offer-link[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:5px}
.order-path{border-radius:0;border:1px solid #c2cfe3;border-top:0;box-shadow:7px 7px 0 #e7ecf5}
.order-photo{height:200px;min-height:200px}
.order-photo:after{background:linear-gradient(0deg,#071c42,transparent 100%)}
.order-photo>span{left:24px;bottom:22px;border-left:5px solid var(--signal);padding-left:15px;font-size:14px}
.order-photo b{font-size:39px}
.order-copy{border-top:5px solid var(--signal);padding:30px 26px;background:white}
.order-path h2{font-size:clamp(29px,2.5vw,36px);line-height:1.12;color:var(--atelier)}
.order-copy .eyebrow{font-size:14px;line-height:1.45;letter-spacing:.045em}
.order-path-action{gap:18px}
.order-path-action>span{font-size:14px}
.rental-bridge{margin-top:65px;margin-bottom:25px;border:0;border-radius:0;background:#071c42;box-shadow:8px 8px 0 var(--blue);grid-template-columns:minmax(0,1fr) minmax(0,1.13fr)}
.rental-visual{border-right:6px solid var(--charge)}
.rental-visual-label{border-left:0;padding:11px 16px;background:var(--signal);right:auto;max-width:calc(100% - 48px);font-size:14px}
.rental-content{padding:45px 43px;background:linear-gradient(145deg,transparent 70%,#004bff3b 70.2%)}
.rental-content>.eyebrow{font-size:14px;letter-spacing:.075em;color:var(--charge)}
.rental-content h2{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:clamp(31px,3.15vw,46px);line-height:1.14;letter-spacing:-.04em}
.rental-content h2 em{color:var(--charge)}
.rental-universes>li{border-color:#7392bb;background:#ffffff08}
.rental-actions>.button{font-size:16px}
.rental-actions>span{font-size:14px}
.rental-content>.rental-note{color:#c6d7ef}

/* The campaign's framed labels extend to every universe and product. */
.section-intro h2,.answers>h2{font-size:clamp(36px,3.9vw,55px);line-height:1.1}
.categories{gap:24px}
.category-tile{border-radius:0;border:0;min-height:290px;box-shadow:5px 5px 0 #d8e6fb;isolation:isolate}
.category-tile:after{background:linear-gradient(180deg,transparent 22%,#071c4255 50%,#071c42ee 100%)}
.category-copy{left:0;right:20px;bottom:22px;padding:15px 19px;border:0;background:#071c42eF}
.category-copy:after{content:"";position:absolute;top:0;left:0;height:5px;width:55px;background:var(--charge)}
.category-tile:nth-child(3n+2) .category-copy{background:#cc0b2bea;border:0}
.category-tile:nth-child(3n+2) .category-copy:after{background:#fff}
.category-tile b{font-size:25px;font-weight:900;text-shadow:none;line-height:1.17}
.category-tile small>span{color:#e4f2ff}
.category-tile[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:5px}
.category-tile[aria-pressed=true] .category-copy{background:var(--blue)}
.catalogue-section{background:#edf3ff;border-top:6px solid var(--blue)}
.catalogue-note{background:#fff;border-left:4px solid var(--signal);padding:12px 16px;font-size:14px;line-height:1.55}
.offer-filters>button{border-radius:0;box-shadow:4px 4px 0 #d2dff4;border:1px solid #c2cee1;border-bottom:4px solid var(--blue);min-height:105px}
.offer-filters>button:last-child{border-right:1px solid #c2cee1}
.offer-filters>button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);box-shadow:4px 4px 0 var(--charge)}
.offer-filters>button[data-offer=new_order][aria-pressed=true]{background:var(--atelier);box-shadow:4px 4px 0 var(--signal)}
.offer-filters .filter-symbol{background:#e5efff;border-radius:0}
.offer-filters>button[aria-pressed=true] .filter-symbol{background:#fff;color:var(--blue)}
.offer-filters .filter-check{width:25px;height:25px;align-content:center;text-align:center;border:1px solid #ffffff90;border-radius:0}
.product-card{border-radius:0;box-shadow:5px 5px 0 #d3dff3;border:1px solid #b8cbe5}
.product-media{border-bottom:3px solid #0c3c84;background:#fff}
.product-brand{font-size:14px;letter-spacing:.06em;padding-bottom:9px;border-bottom:3px solid var(--signal);width:fit-content}
.product-card.is-selected{box-shadow:0 0 0 2px var(--blue),6px 6px 0 var(--charge)}
.product-offer{border-radius:0!important}
.in-selection{border-radius:0}
.product-commercial{border-top:1px solid #bccfe8}
.product-commercial b{color:#112d50}
.product-more{color:#0044c8;text-underline-offset:4px}
.need{border-radius:0;box-shadow:6px 6px 0 #dce7fc}
.need-copy{background:#071c42;border-top:5px solid var(--charge)}
.need:nth-child(2) .need-copy{background:#0041dd;border-top-color:var(--signal)}
.need:nth-child(3) .need-copy{background:#071c42;border-top-color:var(--charge)}
.need h3{font-weight:900}
.need-link [data-icon=arrow]{width:33px;height:33px;background:var(--charge);color:var(--atelier)}
.need-link .direction-icon{width:21px;height:21px;color:inherit}
.pro-section{background:linear-gradient(117deg,#071c42 0 56%,#003eee 56.15%);border-top:6px solid var(--signal)}
.reference-preview{border-radius:0;box-shadow:10px 10px 0 var(--charge)}
.answer-grid details{border-radius:0;border-left-width:5px}
.answer-grid details[open]{box-shadow:5px 5px 0 #dce7ff}
.answer-grid summary>span:last-child{border-radius:0}
.store-section{background:#fff}
.store-wordmark{border-right-color:#b6c7e3}
.store-phone{font-weight:900;color:var(--blue)}
.floating-cart{background:#004bfff5;border:1px solid #9cecff;box-shadow:0 5px 0 #002b92,0 0 0 4px #65e8ff2b}
.floating-cart>.cart-count{background:var(--charge);color:#071c42}
#toast{background:#071c42;border-left:5px solid var(--charge);border-radius:2px}
dialog{border-radius:4px;border-top:5px solid var(--signal)}
.dialog-top{border-bottom:3px solid var(--blue)}
.contact-choice{border-radius:0;background:#eff4ff}
.contact-choice:hover{background:#e3efff;box-shadow:4px 4px 0 #bfdbff}
.guide-options>button.active{background:var(--blue);box-shadow:inset 4px 0 0 var(--charge)}
.guide-result{border-radius:0;border-left:5px solid var(--blue)}

@media(hover:hover) and (pointer:fine){
  a:hover .direction-icon--external{transform:translate(2px,-2px)}
  .button:hover .direction-icon--arrow,.hero-rental-link:hover .direction-icon,.offer-link:hover .direction-icon,.need:hover .direction-icon{transform:translateX(3px)}
  .stock-path .stock-new:hover{box-shadow:9px 11px 0 #bdd8ff;transform:translateY(-4px)}
  .category-tile:hover{transform:translateY(-4px);box-shadow:5px 9px 0 #b7d1fa}
  .product-card:hover{box-shadow:5px 9px 0 #bbd3fb}
  .product-card.is-selected:hover{box-shadow:0 0 0 2px var(--blue),6px 10px 0 var(--charge)}
}
@media(min-width:801px) and (max-width:1100px){
  .stock-hero{padding:40px 28px 35px;gap:0 30px}
  .stock-hero h1{font-size:32px}
  .stock-hero .hero-audience{font-size:13px}
  .offer-paths{gap:26px}
  .stock-new .offer-copy{padding:25px 17px 10px 12px}
  .stock-new .stock-option-title{font-size:34px}
  .rental-content{padding:34px 27px}
  .rental-content h2{font-size:33px}
  .order-copy{padding:26px 22px}
}
@media(max-width:800px){
  .stock-hero{padding:0;background:linear-gradient(115deg,#071c42 0 67%,#003bc355 67.1%),#071c42}
  .stock-hero .hero-media{border:0;border-radius:0;box-shadow:none}
  .hero-heading{padding:30px 28px 22px}
  .stock-hero h1{font-size:clamp(34px,5.9vw,45px);line-height:1.22}
  .stock-hero h1 em:before{left:-14px;right:-6px}
  .hero-bottom{margin:0;padding:0 28px 34px}
  .offer-paths{padding-top:50px}
  .order-photo{min-height:280px;height:auto}
  .rental-bridge{margin-top:46px}
  .category-copy{right:14px;padding:15px 16px}
  .category-tile{min-height:255px}
}
@media(max-width:700px){
  .rental-bridge{grid-template-columns:1fr}
  .rental-visual{border-right:0;border-bottom:5px solid var(--charge)}
  .rental-content{padding:31px 24px}
  .rental-content h2{font-size:clamp(30px,7.2vw,42px)}
}
@media(max-width:640px){
  .main-nav>.nav-rental{padding:0 10px;gap:8px}
  .stock-hero .hero-audience{font-size:13px;letter-spacing:.04em;margin-bottom:18px}
  .hero-heading{padding:27px 22px 22px}
  .stock-hero h1{font-size:clamp(27px,7.25vw,37px);line-height:1.25}
  .stock-hero h1 em{font-size:1.09em;line-height:1.15;padding:10px 6px 12px 0;margin:4px 0}
  .stock-hero h1 em:before{left:-12px;right:-12px}
  .hero-bottom{padding:0 22px 34px}
  .stock-hero .hero-actions>.button{padding:12px 10px}
  .hero-rental-link{font-size:14px}
  .offer-paths{padding-top:44px;gap:36px}
  .stock-path .eyebrow,.section-intro .eyebrow,.answers>.eyebrow{font-size:13px;letter-spacing:.035em}
  .stock-path h2{font-size:38px;line-height:1.09}
  .stock-path-heading{padding-bottom:24px}
  .stock-path .stock-new{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);box-shadow:5px 5px 0 #dceaff}
  .stock-new .offer-photo{min-height:275px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
  .stock-new .offer-photo-label{top:14px;padding:8px 20px 8px 11px;font-size:12px}
  .stock-new .offer-copy{padding:23px 17px 11px 12px}
  .stock-new .stock-option-title{font-size:30px;line-height:1.08}
  .stock-new .stock-option-state{font-size:14px;margin-top:12px}
  .stock-new .stock-option-copy{font-size:15px;line-height:1.6;margin:15px 0}
  .stock-new .offer-cta{font-size:14px;gap:6px}
  .offer-cta [data-icon=arrow]{width:29px;height:29px}
  .offer-cta .direction-icon{width:19px;height:19px}
  .order-photo{height:155px;min-height:155px}
  .order-photo b{font-size:34px}
  .order-copy{padding:27px 22px}
  .order-path h2{font-size:31px}
  .order-path-action{flex-wrap:wrap}
  .rental-bridge{margin-top:42px;box-shadow:5px 5px 0 var(--blue)}
  .rental-visual-label{left:20px;max-width:calc(100% - 40px);padding:8px 12px;font-size:13px}
  .rental-content{padding:30px 22px}
  .rental-content h2{font-size:clamp(29px,7.7vw,37px);line-height:1.16}
  .rental-actions>.button{font-size:15px;padding:12px 15px;gap:8px}
  .rental-actions>span{font-size:13px}
  .section{padding:58px 0}
  .section-intro h2,.answers>h2{font-size:34px}
  .categories{gap:17px}
  .category-tile,.category-tile:first-child{min-height:232px}
  .category-tile:last-child{min-height:195px}
  .category-copy{left:0;right:9px;bottom:15px;padding:14px 11px 13px}
  .category-tile b,.category-tile:last-child b{font-size:20px;line-height:1.18}
  .category-tile small>span{font-size:12px}
  .offer-filters{gap:13px}
  .offer-filters>button{min-height:125px;padding:15px 12px}
  .offer-filters .filter-check{width:22px;height:22px;font-size:14px}
  .catalogue-note{font-size:14px;padding:10px 13px}
  .product-grid{gap:15px}
  .product-info{padding:16px 12px}
  .product-brand{font-size:13px;line-height:1.4}
  .product-media{height:180px}
  .card-actions>.button{padding:10px 5px}
  .need-copy{padding:23px 17px;border-top:0;border-left:4px solid var(--charge)}
  .need:nth-child(2) .need-copy{border-top:0;border-left-color:var(--signal)}
  .need:nth-child(3) .need-copy{border-top:0;border-left-color:var(--charge)}
  .need .need-link{font-size:14px;gap:9px}
  .need-link [data-icon=arrow]{width:28px;height:28px}
  .need-link .direction-icon{width:18px;height:18px}
  .reference-preview{box-shadow:6px 6px 0 var(--charge)}
  .store-wordmark{border-right:0}
  .store-actions>.button{font-size:14px}
}
@media(max-width:360px){
  .hero-heading{padding-left:20px;padding-right:20px}
  .hero-bottom{padding-left:20px;padding-right:20px}
  .stock-new .stock-option-title{font-size:27px}
  .stock-new .offer-copy{padding-right:12px}
  .stock-new .offer-cta{font-size:13px}
  .category-copy{padding-left:9px;padding-right:9px}
  .category-tile b,.category-tile:last-child b{font-size:18px}
  .rental-actions>.button{font-size:14px;padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .direction-icon,.button,.category-tile,.product-card,.offer-link,.need{transition:none!important}
  a:hover .direction-icon,.button:hover .direction-icon,.offer-link:hover .direction-icon,.need:hover .direction-icon,.hero-rental-link:hover .direction-icon{transform:none!important}
}
@media(forced-colors:active){
  .stock-hero h1 em{background:Canvas;color:CanvasText}
  .stock-hero h1 em:before{display:none}
  .main-nav>.nav-rental,.offer-cta [data-icon=arrow],.need-link [data-icon=arrow]{border:1px solid ButtonText}
  .product-card.is-selected,.offer-filters>button[aria-pressed=true]{outline:3px solid Highlight}
}
@media print{.stock-hero h1 em:before{display:none}.stock-hero h1 em{color:inherit}.product-card{box-shadow:none}}
/* Catalogue: campaign bands, matching the stock and counter surfaces. */
#catalogue .offer-filters{gap:18px;margin:0 0 30px}
#catalogue .offer-filters>button{
 --band:var(--blue);--edge:var(--charge);
 display:flex;flex-direction:row;align-items:center;gap:18px;
 min-height:108px;padding:22px 52px 22px 22px;
 background:var(--band);color:#fff;border:2px solid var(--band);
 border-left:6px solid var(--edge);border-radius:0;
 box-shadow:5px 5px 0 #d2dff4;text-align:left;
}
#catalogue .offer-filters>button[data-offer=new_order]{--band:var(--atelier);--edge:var(--signal)}
#catalogue .offer-filters .filter-symbol{width:44px;height:44px;background:transparent;color:#fff;border:1px solid #ffffff60}
#catalogue .offer-filters .filter-symbol svg{width:28px;height:28px}
#catalogue .filter-label>b{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:-.035em;line-height:1.15;text-transform:uppercase}
#catalogue .filter-label>small{font-size:14px;line-height:1.4;color:#fff;margin-top:6px}
#catalogue .offer-filters .filter-check{right:14px;top:14px;background:var(--edge);color:var(--atelier);border:0;width:26px;height:26px}
#catalogue .offer-filters>button[data-offer=new_order] .filter-check{color:#fff}
#catalogue .offer-filters>button[aria-pressed=true]{outline:3px solid var(--band);outline-offset:4px;box-shadow:7px 7px 0 var(--edge)}
#catalogue .offer-filters>button:focus-visible{outline:3px solid var(--signal);outline-offset:6px}
#catalogue .catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:2px solid var(--atelier);padding:20px 0 24px}
#catalogue .toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-width:0}
#catalogue #filter-toggle{background:var(--atelier);color:#fff;border:2px solid var(--atelier);border-radius:0;box-shadow:3px 3px 0 var(--charge);min-height:48px;padding:12px 18px;font-size:16px}
#catalogue #filter-toggle[aria-expanded=true]{background:var(--blue);border-color:var(--blue)}
#catalogue #result-count{font-size:14px;color:var(--atelier);font-weight:700}
#catalogue .sort-label{display:flex;align-items:center;gap:12px;color:var(--atelier);font-size:14px;font-weight:700;min-width:0}
#catalogue .sort-label select{width:245px;max-width:none;min-width:0;min-height:48px;border:2px solid var(--atelier);border-radius:0;background-color:#fff;color:var(--atelier);font-size:16px;padding:10px 32px 10px 12px}
#catalogue .filters{border-radius:0;border-top:4px solid var(--blue)}
#catalogue .filters select{border-radius:0;font-size:16px;min-height:48px}
#catalogue .catalogue-note{font-size:14px;max-width:100%}
@media(hover:hover) and (pointer:fine){
 #catalogue .offer-filters>button:hover{background:var(--band);transform:translateY(-2px);box-shadow:5px 7px 0 var(--edge)}
}
@media(max-width:700px){
 #catalogue .offer-filters{grid-template-columns:1fr;gap:14px;margin-bottom:26px}
 #catalogue .offer-filters>button{min-height:88px;padding:17px 48px 17px 16px;gap:16px}
 #catalogue .filter-label>b{font-size:22px}
 #catalogue .filter-label>small{font-size:14px;margin-top:4px}
 #catalogue .catalogue-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 0 24px}
 #catalogue .toolbar-left{flex-direction:row;justify-content:space-between;gap:12px}
 #catalogue .sort-label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px}
 #catalogue .sort-label select{width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){#catalogue .offer-filters>button:hover{transform:none}}
@media(forced-colors:active){
 #catalogue .offer-filters>button{border:2px solid ButtonText}
 #catalogue .offer-filters>button[aria-pressed=true]{outline:3px solid Highlight}
}

.catalogue-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0 12px}.catalogue-pagination p{margin:0;color:var(--ink,#0c3c84);font-size:.9rem}.catalogue-pagination .button{min-height:48px;text-align:center}.photo-unavailable{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;text-align:center;color:#596777;font-size:.9rem;background:#f5f7fa}

.photo-unavailable{flex-direction:column;gap:13px;background:linear-gradient(135deg,#eff4fb,#e3ecf9);border:1px solid #d0ddef}.photo-unavailable .photo-brand{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#164888}.photo-unavailable strong{font-size:1.28rem;letter-spacing:.01em;color:#103663}.photo-unavailable small{font-size:.75rem;max-width:185px;color:#50627d}
.price-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.price-amount small{font-size:.7em;font-weight:600}.comparison-price{margin:14px 0;line-height:1.5}.comparison-price>span{display:block;font-size:12px;color:var(--muted)}.cart-unit-price{color:var(--blue)!important;font-weight:600}.selection-budget{border:1px solid var(--line);border-left:3px solid var(--blue);padding:16px 18px;margin:20px 0;background:#f5f8fc;border-radius:4px}.selection-budget>span{display:block;font-size:13px;color:var(--muted)}.selection-budget>b{display:block;font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums;margin:4px 0;color:var(--ink)}.selection-budget>p{font-size:12px!important;line-height:1.6!important;margin:8px 0 0!important;color:var(--muted)}

/* Brand access stays visible on small screens and shares the catalogue's campaign style. */
#catalogue .brand-directory-trigger{background:var(--atelier);color:#fff;border:2px solid var(--atelier);box-shadow:4px 4px 0 var(--charge);justify-content:space-between;gap:20px;text-align:left}
#catalogue .brand-directory-trigger span{color:var(--charge);opacity:1;white-space:nowrap}
.brand-picker h2{line-height:1.15}
.brand-picker-search{margin:22px 0 14px}
.brand-picker-search label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.brand-picker-search input{width:100%;min-height:50px;padding:12px 14px;border:2px solid var(--atelier);border-radius:0;background:#fff;color:var(--ink);font-size:16px}
.brand-picker-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.brand-picker-summary p{font-size:13px;color:var(--muted)}
.brand-picker-summary .text-button{font-size:13px;text-align:right;flex:none}
.brand-directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 3px 5px 0}
.brand-choice{min-height:78px;padding:14px;text-align:left;background:#f2f6fd;border:1px solid #c2d1e8;border-left:3px solid var(--blue);border-radius:0;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.brand-choice b{font-size:16px;line-height:1.25;color:var(--atelier)}
.brand-choice span{font-size:13px;line-height:1.4;color:#405d82;font-variant-numeric:tabular-nums}
.brand-choice[aria-pressed=true]{background:var(--atelier);border-color:var(--atelier);border-left-color:var(--charge)}
.brand-choice[aria-pressed=true] b,.brand-choice[aria-pressed=true] span{color:#fff}
.brand-picker-empty{padding:24px 0;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.brand-choice:hover{border-color:var(--blue);box-shadow:2px 2px 0 #c2d1e8}}
@media(max-width:600px){.brand-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brand-choice{padding:12px 10px;min-height:80px}.brand-choice b{font-size:15px}.brand-choice span{font-size:12px}.brand-picker-summary{align-items:flex-start}.brand-picker-summary p{max-width:145px}.brand-picker-summary .text-button{padding-top:0;font-size:12px}.brand-picker-search{margin-top:16px}}
@media(forced-colors:active){.brand-choice[aria-pressed=true]{outline:3px solid Highlight}}
