/* BBS — shared industrial surfaces, readable contrast and progressive motion. */
:root{
  --bbs-ink:#11283b;--bbs-text:#385061;--bbs-blue:#087fd8;--bbs-sky:#47bafb;
  --bbs-navy:#071d2d;--bbs-surface:#f1f6fa;--bbs-line:#ccdfed;
  --bbs-radius:18px;--bbs-width:1240px;
  --bbs-shadow:0 14px 38px rgba(8,36,57,.09),0 2px 5px rgba(8,36,57,.035),inset 0 1px 0 #fff;
}
html{scroll-padding-top:116px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body.bbs-flow{background:#fff;color:var(--bbs-ink)}
/* Continuous section rhythm. No unrelated promo banners in between. */
body.bbs-flow main{background:#f4f8fb}
body.bbs-flow main > section:not(.page-hero):not(.contact):not(.mietpark-section){
  position:relative;padding:62px 0 72px;border:0!important;
  background:radial-gradient(ellipse at 100% 0%,#eaf6ff 0%,transparent 48%),linear-gradient(155deg,#fff,#f9fcfe);color:var(--bbs-ink);
}
body.bbs-flow main > section:not(.page-hero):not(.contact):not(.mietpark-section):nth-of-type(odd){background:radial-gradient(ellipse at 0% 20%,#e4f3ff 0%,transparent 50%),linear-gradient(145deg,#eff5f9,#f8fbfe)}
body.bbs-flow main > section:not(.page-hero) > .wrap{max-width:var(--bbs-width)!important}
body.bbs-flow main section:not(.page-hero) .eyebrow{
  font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--bbs-blue);
}
body.bbs-flow main section:not(.page-hero) h2{
  font-family:inherit;letter-spacing:-.032em;
  font-size:clamp(28px,3.1vw,40px);line-height:1.12;
  color:var(--bbs-ink)!important;
}
body.bbs-flow main section:not(.page-hero) h3{color:#123a53}
body.bbs-flow main section:not(.page-hero) .sub,
body.bbs-flow main section:not(.page-hero) .lead{color:var(--bbs-text);line-height:1.66}
body.bbs-flow main .grid{gap:20px;margin-top:26px;align-items:stretch}
body.bbs-flow main .card,
body.bbs-flow main .uvv-price-card,
body.bbs-flow main .condition-item,
body.bbs-flow main .review-card{
  position:relative;isolation:isolate;
  background:linear-gradient(145deg,#fff 10%,#f4f9fd);color:var(--bbs-ink);
  border:1px solid var(--bbs-line);border-radius:var(--bbs-radius);
  padding:clamp(20px,2.3vw,30px);
  box-shadow:var(--bbs-shadow);
}
@media (prefers-reduced-motion: no-preference){
  body.bbs-flow main .card,
body.bbs-flow main .uvv-price-card,
body.bbs-flow main .condition-item,
body.bbs-flow main .review-card{
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;
  }
}
body.bbs-flow main .card h2,body.bbs-flow main .card h3,
body.bbs-flow main .uvv-price-card:not(.featured) h3{color:#163c54!important}
body.bbs-flow main .card p,body.bbs-flow main .card li,
body.bbs-flow main .review-card p{color:var(--bbs-text)!important;line-height:1.65}
body.bbs-flow main .card a:not(.btn){color:#0871b9;text-underline-offset:3px}
body.bbs-flow main .grid>.card{height:100%}
body.bbs-flow main .notice{
  padding:18px 22px;border:1px solid #c7e0ef;
  border-left:4px solid #1594e6;border-radius:12px;
  background:#eaf6fc;color:#254359;
}
body.bbs-flow main .area-list{gap:8px}
body.bbs-flow main .pill{
  border:1px solid #b9d5e7;border-radius:9px;
  background:#eff7fc;color:#24475e;font-weight:700;
  box-shadow:none;
}
@media (prefers-reduced-motion: no-preference){
  body.bbs-flow main .pill{transition:background .2s ease;
  }
}
body.bbs-flow main .pill:hover{background:#dbeefb}
body.bbs-flow main .gallery .card{padding:12px 12px 23px;overflow:hidden}
body.bbs-flow main .gallery img{
  height:240px;width:100%;object-fit:cover;border-radius:11px;
}
@media (prefers-reduced-motion: no-preference){
  body.bbs-flow main .gallery img{
  transition:transform .4s ease;
  }
}
body.bbs-flow main .gallery .card h2,
body.bbs-flow main .gallery .card p{margin-inline:10px}
body.bbs-flow main .uvv-price-card.featured{border-color:#2a7fad;background:radial-gradient(ellipse at 100% 0%,#14557b,transparent 70%),linear-gradient(145deg,#0c2b40,#071d2d);box-shadow:0 16px 42px #082a4224,inset 0 1px 0 #b9e8ff44;color:#fff}
body.bbs-flow main .uvv-price-card.featured :is(h3,p,li,strong,small){color:#ecf7ff}
body.bbs-flow main .uvv-price-card.featured .uvv-price-list li{border-color:#b8dcf329}
body.bbs-flow main .uvv-package{border-radius:12px;border:1px solid var(--bbs-line)}
body.bbs-flow main .reviews-summary{
  padding:18px 22px;border-radius:14px;margin:12px 0 26px;
  background:#0b3149;color:#fff;
}
body.bbs-flow main .reviews-summary .reviews-score{color:#fff;font-size:clamp(35px,4vw,49px)}
body.bbs-flow main .reviews-summary span:last-child{color:#ebf5fa}
body.bbs-flow main .review-card{border-left:3px solid #3aa8f0}
body.bbs-flow main .review-card .review-text{color:#25465b!important}
body.bbs-flow main .review-card .review-meta{color:#597083}
body.bbs-flow main .review-card a{color:#0878c6}
body.bbs-flow main section.contact{
  background:radial-gradient(ellipse at 85% 0%,#15618c 0%,transparent 65%),linear-gradient(115deg,#071d2d,#103f5b)!important;
  border:0!important;padding:65px 0!important;
}
body.bbs-flow main section.contact h2,
body.bbs-flow main section.contact p,
body.bbs-flow main section.contact .sub{color:#fff!important}
body.bbs-flow .btn,body.bbs-flow .pro-btn{
  font-family:inherit;border-radius:9px;
}
@media (prefers-reduced-motion: no-preference){
  body.bbs-flow .btn,body.bbs-flow .pro-btn{
  transition:filter .25s ease,transform .25s ease,box-shadow .25s ease;
  }
}
body.bbs-flow .btn.out{background:linear-gradient(145deg,#fff,#eaf4fc)!important;color:#12517b!important;border-color:#a1c5de!important}
body.bbs-flow .btn.white{color:#123a52!important}
body.bbs-flow main .card:has(form),
body.bbs-flow main .card:has(input),
body.bbs-flow main .card:has(select){overflow:visible!important}
body.bbs-flow .bbs-contact-actions{display:flex;gap:9px;flex-wrap:wrap}
body.bbs-flow .bbs-contact-actions>.btn{
  min-height:48px;padding:10px 15px;min-width:0;
  text-decoration:none!important;white-space:nowrap;
}
body.bbs-flow .bbs-contact-actions>.btn.out{background:linear-gradient(145deg,#fff,#eaf4fc)!important}
body.bbs-flow main .phone{overflow-wrap:anywhere;letter-spacing:-.035em}

/* Homepage details use exactly the same language, not a competing theme. */
body.home-pro .pro-rental-card{
  position:relative;isolation:isolate;border-color:#c6ddeb;border-radius:16px;
  background:linear-gradient(150deg,#fff,#f0f7fc);box-shadow:var(--bbs-shadow);
}
@media (prefers-reduced-motion: no-preference){
  body.home-pro .pro-rental-card{
  transition:transform .25s ease,box-shadow .25s ease;
  }
}
body:is(.home-pro,.bbs-flow) .pro-footer{background:radial-gradient(ellipse at 10% 0%,#113b55,transparent 75%),#061725;color:#c5d5e0;border-top:1px solid #4aa7dc44}
body:is(.home-pro,.bbs-flow) .pro-footer a{color:#daeefc}
body.bbs-flow main.legal-content{background:#fff}

/* Deliberately restrained motion; readable even without JavaScript. */
@media(max-width:700px){
  body.bbs-flow main > section:not(.page-hero):not(.contact):not(.mietpark-section){padding:42px 0 53px}
  body.bbs-flow main .wrap{padding-inline:15px}
  body.bbs-flow main .grid{gap:13px}
  body.bbs-flow main .card,
  body.bbs-flow main .uvv-price-card,
  body.bbs-flow main .review-card{padding:20px;border-radius:13px}
  body.bbs-flow main .gallery img{height:210px}
  body.bbs-flow .bbs-contact-actions>.btn{flex:1 1 100%}
  body.bbs-flow main section.contact{padding:47px 0!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body:is(.home-pro,.bbs-flow) .btn,
  body:is(.home-pro,.bbs-flow) .card,
  body:is(.home-pro,.bbs-flow) .pro-rental-card{transition:none!important;transform:none!important}
}


/* Customer-first FAQ: wide, readable answers with no SEO keyword walls. */
html body.bbs-flow main > section.bbs-faq{
  background:linear-gradient(145deg,#eff6fa,#f8fbfd)!important;
  padding:62px 0 76px!important;
}
html body.bbs-flow main .bbs-faq > .wrap{max-width:1160px}
html body.bbs-flow main .bbs-faq h2{max-width:920px;margin-bottom:30px}
html body.bbs-flow main .bbs-faq-list{
  display:grid;grid-template-columns:1fr;
  gap:12px;max-width:1100px;margin-top:26px;
}
html body.bbs-flow main .bbs-faq-item{
  display:grid;grid-template-columns:minmax(230px,.40fr) minmax(0,.60fr);
  gap:clamp(18px,3vw,42px);align-items:start;
  padding:26px clamp(24px,3vw,36px);
  position:relative;isolation:isolate;background:linear-gradient(145deg,#fff,#f5faff);border:1px solid #c7dce9;border-radius:16px;
  box-shadow:0 8px 24px rgba(15,60,89,.065);
}
html body.bbs-flow main .bbs-faq-item h3{
  color:#0b3855!important;font-size:clamp(18px,1.7vw,22px);
  line-height:1.35;font-weight:850;margin:0;letter-spacing:-.015em;
}
html body.bbs-flow main .bbs-faq-item p{
  margin:0!important;max-width:680px;
  color:#345264!important;font-size:16px;line-height:1.7;
}
html body.bbs-flow main .bbs-faq-item a{
  color:#0679be;font-weight:750;text-underline-offset:3px;
}
html body.bbs-flow main .bbs-faq-item a:hover{color:#004a81}
@media(max-width:700px){
  html body.bbs-flow main > section.bbs-faq{padding:42px 0 52px!important}
  html body.bbs-flow main .bbs-faq h2{margin-bottom:20px}
  html body.bbs-flow main .bbs-faq-list{gap:10px}
  html body.bbs-flow main .bbs-faq-item{
    grid-template-columns:1fr;gap:10px;
    padding:20px;border-radius:13px;
  }
  html body.bbs-flow main .bbs-faq-item p{font-size:15px;line-height:1.6}
}

/* Legal links wrap naturally on narrow screens. */
body:is(.home-pro,.bbs-flow) .pro-footer-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
body:is(.home-pro,.bbs-flow) .pro-footer-inner>div{display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0;max-width:100%}
body:is(.home-pro,.bbs-flow) .pro-footer a{margin:0}
/* Long German headings must fit inside narrow cards. */
body.bbs-flow main :is(h1,h2,h3){overflow-wrap:anywhere}

/* Delivery information is a schematic, never a geographic coverage promise. */
.bbs-inline-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:28px;align-items:center;margin:28px 0;padding:clamp(22px,3vw,36px);border:1px solid var(--bbs-line);border-radius:var(--bbs-radius);background:#eff7fc}
.bbs-inline-feature-copy h3{font-size:26px;line-height:1.2;margin:12px 0}
.bbs-inline-feature-copy p{color:var(--bbs-text);line-height:1.65;margin-bottom:22px}
.bbs-delivery-graphic{padding:28px;background:var(--bbs-navy);color:#fff;border-radius:12px}
.bbs-delivery-graphic-inner{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.bbs-delivery-caption{font-size:11px;font-weight:800;letter-spacing:.1em;color:#a6c9df}
.bbs-delivery-base{font-size:28px;line-height:1.2}
.bbs-delivery-route{height:28px;margin-left:8px;border-left:2px dashed #47bafb}
.bbs-delivery-destinations{display:flex;flex-wrap:wrap;gap:8px}
.bbs-delivery-destinations>span{padding:8px 10px;border:1px solid #35566d;border-radius:7px;font-size:13px}
@media(max-width:700px){.bbs-inline-feature{grid-template-columns:minmax(0,1fr);gap:22px}.bbs-delivery-graphic{padding:22px}}

/* Brushed surfaces and specular details belong to this shared content system. */
body.home-pro .pro-rentals{background:radial-gradient(ellipse at 10% 0%,#e5f4ff,transparent 55%),linear-gradient(150deg,#f7fbfe,#fff)}
body.home-pro .pro-rental-image{background:radial-gradient(ellipse at 50% 25%,#fff,#ecf5fb);border-bottom-color:#d4e5f0}
body.home-pro .pro-benefit{padding:14px;border:1px solid #d2e4ef;border-radius:13px;background:linear-gradient(145deg,#fff,#eff7fc);box-shadow:inset 0 1px 0 #fff,0 4px 14px #0a324b09}
body.home-pro .pro-benefit-icon{border-radius:11px;background:linear-gradient(140deg,#d9f1ff,#f0faff);box-shadow:inset 0 1px 0 #fff;color:#0876bf}
.pro-benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.home-pro .pro-uvv-card{background:radial-gradient(ellipse at 70% 0%,#1976a7,transparent 65%),linear-gradient(120deg,#082a42,#074972);border:1px solid #4e9fc466;box-shadow:inset 0 1px 0 #a3e6ff55,0 12px 30px #08365322}
body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a){position:relative;isolation:isolate;overflow:hidden}
body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a)::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
 background:linear-gradient(110deg,transparent 32%,#ffffff22 49%,transparent 66%);
 background-size:300% 100%;background-position:100% 0;opacity:0;
}
body:is(.home-pro,.bbs-flow) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #1599ed;outline-offset:3px}
body.bbs-flow main :is(.card,.uvv-price-card,.review-card),
body.home-pro .pro-rental-card,
html body.bbs-flow main .bbs-faq-item{position:relative;isolation:isolate}
body.bbs-flow main :is(.card,.uvv-price-card,.review-card)::before,
body.home-pro .pro-rental-card::before,
html body.bbs-flow main .bbs-faq-item::before{
 content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
 background:radial-gradient(420px circle at var(--bbs-pointer-x,50%) var(--bbs-pointer-y,0%),#55c5ff29,transparent 65%);
 opacity:0;
}
body.bbs-flow main :is(.card,.uvv-price-card,.review-card):focus-within,
body.home-pro .pro-rental-card:focus-within,
html body.bbs-flow main .bbs-faq-item:focus-within{border-color:#65b7e8;box-shadow:0 14px 38px #0a44691c,inset 0 1px 0 #fff}
/* Form panels keep a stable position. Their focus state carries the polish. */
body.bbs-flow .request-card{background:linear-gradient(150deg,#fff,#f4f9fd);border-color:#cbdfea;box-shadow:var(--bbs-shadow)}
body.bbs-flow .request-card :is(input,select,textarea):focus-visible{outline-offset:2px;border-color:#0a91e8}
body.bbs-flow .machine-option:has(input:checked),
body.bbs-flow .transport-option:has(input:checked),
body.bbs-flow .distance-option:has(input:checked){background:linear-gradient(140deg,#e4f4ff,#f5fbff);border-color:#7bc6f3;box-shadow:inset 0 1px 0 #fff}
body.bbs-flow .request-card input{accent-color:#087fd8}

@media(prefers-reduced-motion:no-preference){
 @keyframes bbs-specular{0%{background-position:100% 0;opacity:0}20%{opacity:.8}100%{background-position:0% 0;opacity:0}}
 html.bbs-motion-ready .bbs-reveal{transition:opacity .55s ease,translate .55s cubic-bezier(.2,.8,.2,1),transform .3s ease,box-shadow .3s ease,border-color .3s ease}
 html.bbs-motion-ready .bbs-reveal:not(.bbs-visible){opacity:.86;translate:0 12px}
 html.bbs-motion-ready .bbs-reveal.bbs-visible{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 body.bbs-flow main :is(.card,.uvv-price-card,.review-card),
 body.home-pro .pro-rental-card,
 html body.bbs-flow main .bbs-faq-item{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .55s ease,translate .55s ease}
 body.bbs-flow main :is(.card,.uvv-price-card,.review-card)::before,
 body.home-pro .pro-rental-card::before,
 html body.bbs-flow main .bbs-faq-item::before{transition:opacity .3s ease}
 body.bbs-flow main :is(.card,.uvv-price-card,.review-card):hover,
 body.home-pro .pro-rental-card:hover,
 html body.bbs-flow main .bbs-faq-item:hover{transform:translateY(-6px);border-color:#6fbce8;box-shadow:0 22px 46px #083b5d24,0 0 0 1px #6ecaff33,inset 0 1px 0 #fff}
 body.bbs-flow main :is(.card,.uvv-price-card,.review-card):hover::before,
 body.home-pro .pro-rental-card:hover::before,
 html body.bbs-flow main .bbs-faq-item:hover::before{opacity:1}
 /* Input panels never move under a user's pointer. */
 body.bbs-flow main .card:has(:is(form,input,select,textarea)):hover{transform:none}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a):is(:hover,:focus-visible)::after{animation:bbs-specular .8s ease-out both}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a){transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a):hover{transform:translateY(-2px);filter:none;box-shadow:0 12px 24px #0876c333,inset 0 1px 0 #ffffff66}
 body.home-pro .pro-rental-image img,
 body.bbs-flow main .gallery img{transition:scale .55s cubic-bezier(.2,.8,.2,1)}
 body.home-pro .pro-rental-card:hover .pro-rental-image img,
 body.bbs-flow main .gallery .card:hover img{scale:1.045}
 body:is(.home-pro,.bbs-flow) .pro-nav a svg{transition:transform .25s ease,filter .25s ease}
 body:is(.home-pro,.bbs-flow) .pro-nav a:hover svg{transform:translateY(-2px);filter:drop-shadow(0 0 7px #56c8ff88)}
}
@media(prefers-reduced-motion:reduce){
 html.bbs-motion-ready .bbs-reveal{opacity:1;translate:none;transition:none}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a)::after{animation:none}
}

/* Mobile finish: permanent material detail, independent of hover or animation. */
@media(max-width:700px){
 body:is(.home-pro,.bbs-flow){-webkit-tap-highlight-color:#168bd02b}
 body.home-pro .pro-section-title h2{letter-spacing:-.045em;line-height:1.08;color:#102f45}
 body.home-pro .pro-rentals{padding:28px 0 30px}
 body.home-pro .pro-rental-grid{gap:12px}
 body.home-pro .pro-rental-card{border-radius:19px;border-color:#bdd5e5;box-shadow:0 12px 24px #092c4314,inset 0 1px 0 #fff}
 body.home-pro .pro-rental-image{height:145px;padding:12px;background:radial-gradient(ellipse at 50% 28%,#fff 20%,#edf6fc 68%,#dcecf7);border-bottom:1px solid #c8dfef}
 body.home-pro .pro-rental-body{padding:13px 11px;background:linear-gradient(155deg,#fff,#f1f7fb)}
 body.home-pro .pro-rental-body h3{font-size:14px;line-height:1.25;letter-spacing:-.025em;min-height:35px;color:#102f45}
 body.home-pro .pro-rental-body p{font-size:11px;line-height:1.5;min-height:33px;color:#496374}
 body.home-pro .pro-rental-body strong{font-size:16px;letter-spacing:-.03em;color:#0a3a59}
 body.home-pro .pro-rental-body b{font-size:12px;color:#36566c;margin-top:3px}
 body.home-pro .pro-rental-body a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:13px;border:1px solid #0765a2;border-radius:10px}
 body.home-pro .pro-benefits{padding:26px 0;background:linear-gradient(135deg,#e3eff7,#f4f9fc)}
 body.home-pro .pro-benefit-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 body.home-pro .pro-benefit{padding:15px;border-radius:16px;grid-template-columns:48px minmax(0,1fr);gap:13px;border-color:#c3dbe9;box-shadow:inset 0 1px 0 #fff,0 7px 16px #123a4f08}
 body.home-pro .pro-benefit-icon{width:48px;height:48px;border:1px solid #b7dbee;border-radius:14px;background:linear-gradient(145deg,#fff,#cfeaff);box-shadow:inset 0 1px 0 #fff,0 5px 10px #0767a016}
 body.home-pro .pro-benefit strong{font-size:15px;letter-spacing:-.02em;color:#123a53}
 body.home-pro .pro-benefit span{font-size:12px;line-height:1.5;color:#496374;margin-top:3px}
 body.home-pro .pro-uvv-card{border-radius:20px;padding:20px;box-shadow:inset 0 1px 0 #ade9ff66,0 12px 24px #062d4826}
 body.home-pro .pro-uvv-card>.pro-btn{justify-self:stretch;min-height:46px}
 body.bbs-flow main :is(.card,.uvv-price-card,.review-card){border-radius:19px;border-color:#bfd6e5;box-shadow:0 12px 28px #092d4412,inset 0 1px 0 #fff}
 html body.bbs-flow main .bbs-faq-item{border-radius:18px;border-color:#bfd6e5;box-shadow:0 8px 20px #092d440c,inset 0 1px 0 #fff}
 body.bbs-flow main :is(.card,.review-card) h3{letter-spacing:-.025em}
 body.bbs-flow main .reviews-summary{background:radial-gradient(ellipse at 100% 0%,#19628c,transparent 80%),linear-gradient(135deg,#092a40,#071e30);border:1px solid #448bb066;box-shadow:inset 0 1px 0 #b3e8ff55,0 10px 24px #092d441a;border-radius:19px}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a){box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #001c3b33,0 5px 12px #073f681a}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a)::after{opacity:1;background:linear-gradient(165deg,#ffffff1f 0%,#ffffff09 42%,transparent 43%);background-size:100% 100%;background-position:0 0}
 body:is(.home-pro,.bbs-flow) :is(.btn,.pro-btn,.bbs-machine-cta,.pro-rental-body a):active{filter:brightness(.92)}
}
@media(max-width:360px){
 body.home-pro .pro-rental-grid{gap:9px}
 body.home-pro .pro-rental-body{padding:12px 9px}
 body.home-pro .pro-rental-image{height:125px}
}