/* We Buy Any Shower: original Wix layout (navy + orange, two-tone). WCAG 2.2 AA checked. */
:root{--navy:#001049;--navy2:#06113C;--panel:#1f2a5c;--o:#FF6600;--o-sm:#FF7A1A;--o-light:#C24E00;--grey:#ecebe8;--ink:#1b1b1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 "Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem}.c{text-align:center}.narrow{max-width:760px}.hidden{display:none!important}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:var(--navy);padding:.5rem 1rem;z-index:9}
:focus-visible{outline:3px solid var(--o-sm);outline-offset:2px}
header.site{background:var(--navy);color:#fff}.hdr{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:92px}
.logo img{width:64px;height:64px;border-radius:50%;display:block}
nav.main{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;flex:1}
nav.main a{text-decoration:none;color:#fff;padding:.4rem 0;border-bottom:2px solid transparent}nav.main a:hover,nav.main a[aria-current=page]{border-color:var(--o);color:var(--o-sm)}
.cart{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.2rem;min-width:44px;min-height:44px}.cart span{font-size:.85rem}
.navy{background:var(--navy);color:#fff;padding:2.5rem 0;display:flow-root}section{display:flow-root}.navy+.navy{padding-top:0}
.navy-end{background:var(--navy);height:48px;border-radius:0 0 48px 48px;margin-bottom:-48px;position:relative;z-index:1}
.navy-end+.light,.navy-end+.white{padding-top:calc(48px + 2.5rem)}
.o{color:var(--o)}.w{color:#fff}.lo{color:var(--o-light)}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin:.5rem 0;font-weight:700}.hero.sm h1{font-size:clamp(1.8rem,4vw,2.6rem)}.lead{max-width:680px;margin:0 auto;color:#e6e8f2}
h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:.3rem 0 1rem}
.how{list-style:none;display:flex;align-items:flex-start;justify-content:center;gap:1.2rem;padding:0;margin:1rem 0;flex-wrap:wrap}
.how li{display:flex;flex-direction:column;align-items:center;max-width:200px;font-size:1.1rem}.how .n{font-size:3.2rem;font-weight:700;color:var(--o);line-height:1}.how .arr{margin-top:.9rem}.how .arr svg{display:block}
.panel{background:var(--panel);border-radius:14px;padding:1.6rem;max-width:860px;margin:0 auto}
.g2c{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.g2c .panel{max-width:none;margin:0}
.stepper{display:flex;gap:.4rem;justify-content:center;margin:0 0 1rem;flex-wrap:wrap}.stepper span{font-size:.85rem;padding:.2rem .7rem;border-radius:99px;border:1px solid #8b93b8;color:#d3d7e8}.stepper span.on{background:var(--o);border-color:var(--o);color:var(--navy2);font-weight:700}
.lbl{display:block;font-weight:600;margin:.2rem 0 .3rem}
input[type=text],input[type=email],input[type=number],input[type=date],input:not([type]),textarea,select{width:100%;padding:.7rem .8rem;border-radius:8px;border:1px solid #9aa2c7;font:inherit;background:#fff;color:var(--ink)}
fieldset{border:0;padding:0;margin:1rem 0}legend{font-weight:600;margin-bottom:.3rem}.r{display:block;margin:.3rem 0;cursor:pointer}
.ta{position:relative}#sugg{position:absolute;left:0;right:0;top:100%;z-index:5;list-style:none;margin:2px 0 0;padding:0;background:#fff;color:var(--ink);border-radius:8px;box-shadow:0 8px 24px #0006;max-height:260px;overflow:auto}
#sugg li{padding:.55rem .8rem;cursor:pointer}#sugg li[aria-selected=true],#sugg li:hover{background:#ffe9d9}#sugg small{color:#555}
.btn{display:inline-block;background:var(--o);color:var(--navy2);border:0;border-radius:99px;padding:.75rem 1.4rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px}.btn:hover{background:#ff7f2a}
.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.err{color:#FFB38A;font-weight:600}.small{font-size:.88rem;color:#d3d7e8}
.result{background:#fff;color:var(--ink);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem}.result .big{font-size:1.6rem;font-weight:700;color:var(--navy)}.result .est{background:#fff4e5;border-left:4px solid var(--o-light);padding:.5rem .7rem}.prov{display:inline-block;background:#fff4e5;color:#6b2c00;border-radius:4px;padding:0 .35rem;font-size:.82rem;font-weight:600}
.result .small{color:#444}.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.slip{background:#fff;color:var(--ink);border-radius:10px;padding:1.2rem}.slip .ref{font-size:1.5rem;font-weight:700;color:var(--navy);margin:0}.slip .small{color:#444}
#pic-prev img{width:64px;height:64px;object-fit:cover;border-radius:6px;margin:.3rem .3rem 0 0}
.why h2{margin-bottom:2rem}.g22{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 3rem;max-width:900px;margin:0 auto}.g22 h3{color:var(--o);margin:.4rem 0}.g22 p{margin:0;color:#e6e8f2}
.ico{width:64px;height:64px;fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.light{background:var(--grey);padding:2.5rem 0 3rem}.white{background:#fff;padding:2.5rem 0}
.hair{border:0;border-top:1px solid #9a9a9a;max-width:520px;margin:0 auto 2rem}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.prod{background:#fff;padding:.8rem;display:flex;flex-direction:column}.prod img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.prod h3{font-size:.95rem;font-weight:400;margin:.6rem 0 .3rem;flex:1}.prod .price{font-weight:600;margin-bottom:.5rem}.prod s{color:#666;margin-right:.3rem;font-weight:400}.prod .btn{padding:.5rem .8rem;font-size:.9rem}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:1.2rem}.filters button{border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:99px;padding:.4rem 1rem;font:inherit;cursor:pointer;min-height:40px}.filters button[aria-pressed=true]{background:var(--navy);color:#fff}.filters .small,.light .small{color:#333}
.disc{background:var(--navy);color:#fff;padding:.7rem 1rem;border-radius:8px;text-align:center;margin-bottom:1rem}
.basket{background:#fff;border-radius:10px;padding:1rem;margin-top:1.5rem}
.about-img,.shot{width:100%;border-radius:12px;margin-top:1.5rem}.panel ul{padding-left:1.2rem}
footer.site{background:#fff;color:var(--ink);text-align:center;padding:3rem 0 2rem;border-top:1px solid #ddd}.f-brand{color:var(--o-light);margin:0 0 1rem}
.news{max-width:560px;margin:1.5rem auto;padding:1.2rem;background:var(--grey);border-radius:10px}.news label{display:block;font-weight:600;margin-bottom:.5rem}.news div{display:flex;gap:.5rem}.news .small{color:#333}
.credit{font-size:.85rem;color:#444;margin-top:1.5rem}
@media(max-width:900px){.products{grid-template-columns:repeat(3,1fr)}.g2c{grid-template-columns:1fr}nav.main{gap:1rem}}
@media(max-width:600px){.products{grid-template-columns:repeat(2,1fr)}.g22,.g2{grid-template-columns:1fr}.hdr{flex-wrap:wrap;justify-content:center}}
@media print{header.site,footer.site,.why,.light,.how,.hero,.stepper,.btn{display:none!important}.navy,.panel{background:#fff;color:#000}}
.navy-end+footer.site{padding-top:calc(48px + 3rem)}
/* Two-tone brand name: We/Any orange, Buy/Shower white. On light backgrounds it sits in a navy pill. */
.nm .o{color:var(--o)}.nm .w{color:#fff}.nm.pill{display:inline-block;background:var(--navy2);padding:.25em .7em;border-radius:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.choice>div{border:2px solid var(--o);border-radius:10px;padding:.8rem}.choice .lbl2{font-weight:700;margin:0}.choice .big{margin:.3rem 0}
@media(max-width:600px){.choice{grid-template-columns:1fr}}
#trade-panel .big{font-size:1.3rem;font-weight:700;color:var(--o);line-height:1.3}
.pp-box{margin-top:1rem;padding:1rem;border:2px dashed var(--navy2);border-radius:10px;background:#fff;color:var(--ink)}
.pp-demo{background:#FFF4CC;border:1px solid #8a6d00;padding:.5rem .7rem;border-radius:6px;margin:0 0 .6rem}
footer .seller{color:#1a1a1a;font-size:.9rem}