/* Shared presentation layer: page content and application behavior stay intact. */
body.wave-theme{background:#edf6fc;color:#163b5b}
.wave-theme .wave-masthead{
  box-sizing:border-box;max-width:none;width:100%;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:30px 5% 36px;gap:22px;color:#153f63;
  background:#edf7fd url('/profi-blue-waves.png') center center/100% 100% no-repeat;
  border-bottom:1px solid #bcd9ec;box-shadow:0 4px 18px #194d7110;
}
.wave-theme .wave-masthead .brand{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0;margin:0;max-width:100%;font-size:clamp(17px,2.1vw,27px);
  line-height:1.25;letter-spacing:1px;font-weight:800;color:#173f65;
}
.wave-theme .wave-masthead .brand strong{
  display:block;position:relative;width:fit-content;margin:0 auto 10px;
  font-size:clamp(52px,5.8vw,76px);font-weight:900;line-height:1.08;
  letter-spacing:3px;color:#167faf;
  text-shadow:0 1px 0 #11608a,0 2px 0 #10466b,0 5px 6px #183e6028;
}
.wave-theme .wave-masthead .brand strong::before{
  content:"";position:absolute;right:100%;top:9%;margin-right:8px;
  width:.95em;height:.85em;background:url('/profi-green-leaf.png') center/contain no-repeat;
}
.wave-theme .wave-masthead .brand-machine{display:none}
.wave-theme .wave-masthead .brand small{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-top:10px;font-size:clamp(10px,1vw,12px);font-weight:600;
  letter-spacing:1.6px;line-height:1.5;color:#527087;text-shadow:none;
}
.wave-theme .wave-masthead .brand small::before,.wave-theme .wave-masthead .brand small::after{
 content:"";width:28px;height:1px;background:#8ab0c9;
}
@supports (-webkit-background-clip:text){
 .wave-theme .wave-masthead .brand strong{
  background:linear-gradient(#67d2ed,#1384bb 53%,#125084);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 2px 0 #10517d) drop-shadow(0 4px 4px #173c5920);
 }
}
.wave-theme .wave-masthead .trust{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;text-align:center;font-size:14px;line-height:1.45}
.wave-theme .wave-masthead .trust span{border-left:1px solid #bed7e8;padding-left:20px}
.wave-theme .wave-masthead .trust span:first-child{border:0;padding-left:0}
.wave-theme .wave-masthead> a:not(.brand){color:#174e78;font-weight:700;text-decoration:none}
.wave-theme .wave-masthead> a:not(.brand):first-child{font-size:clamp(22px,3vw,34px);text-align:center;text-shadow:0 1px white,0 3px 5px #23557b18}
.wave-theme .wave-masthead> a:not(.brand):first-child::before{content:"";display:inline-block;width:40px;height:35px;vertical-align:middle;margin-right:10px;background:url('/profi-green-leaf.png') center/contain no-repeat}
.wave-theme nav{background:linear-gradient(#fff,#edf6fc);border-bottom:1px solid #d2e5f2;box-shadow:0 5px 16px #1843630c;flex-wrap:wrap;justify-content:center;gap:10px}
.wave-theme .wave-masthead nav{background:#ffffffa8;border:1px solid #d3e5f2;border-radius:12px;padding:6px;max-width:100%}
.wave-theme nav a:not(.red):not(.blue):not(.green){background:#f7fbff;color:#153f63;border:1px solid #d5e5ef;box-shadow:inset 0 1px #fff}
.wave-theme nav a,.wave-theme .button,.wave-theme .more{border-radius:10px;box-shadow:0 4px 10px #174b7315}
.wave-theme .blue{background:linear-gradient(#1897df,#0866b3)!important}
.wave-theme .red{background:linear-gradient(#f13d53,#d51230)!important}
.wave-theme .green{background:linear-gradient(#18a74d,#087e38)!important}
.wave-theme .hero,.wave-theme .shophero,.wave-theme .repair-intro{border-bottom:1px solid #d1e6f3}
.wave-theme .hero{background-color:#edf7fd}
.wave-theme .shophero{background-color:#edf7fd}
.wave-theme .repair-intro{background:linear-gradient(90deg,#fafdffe8,#fafdffb8),url('/profi-blue-waves.png') center/cover}
.wave-theme .categories,.wave-theme .products,.wave-theme .filters,.wave-theme .benefits{background-color:#eaf5fc}
.wave-theme .category,.wave-theme .product,.wave-theme .layout>section{
 background:linear-gradient(145deg,#fff,#f7fbfe);border:1px solid #cfe2f0;
 border-radius:16px;box-shadow:0 7px 22px #1949690d,inset 0 1px 0 #fff;
}
.wave-theme .repair-section{background-color:#f9fcff;border-bottom:1px solid #dfedf6}
.wave-theme .repair-process,.wave-theme .contact-service{background:linear-gradient(125deg,#eff8fe,#e1f0fa)}
.wave-theme .repair-bonus,.wave-theme .repair-bonus-card{background:linear-gradient(120deg,#ecf9ff,#cce9f9);border:1px solid #a5d2ea;box-shadow:0 6px 18px #17456b12}
.wave-theme .cost-price,.wave-theme .home-travel,.wave-theme .service-tags span{background:linear-gradient(#f5fbff,#dbedf9);border:1px solid #bedbed;border-radius:12px}
.wave-theme h1,.wave-theme h2{color:#133e63;text-shadow:0 1px 0 #fff,0 2px 3px #164d7412}
.wave-theme .contact-grid{background:#ffffffd9;border:1px solid #d4e5ef;border-radius:16px;padding:20px;box-shadow:0 7px 22px #17456b0b}
.wave-theme .icon{background:linear-gradient(#fff,#cfe7f7);box-shadow:0 3px 8px #19496910}
.wave-theme footer{background:linear-gradient(#f7fcff,#e2f1fa);border-top:1px solid #d0e4f1;color:#3b5c76}
.wave-theme input,.wave-theme select,.wave-theme textarea{border-color:#bad5e6;border-radius:8px}
.wave-theme a:focus-visible,.wave-theme button:focus-visible{outline:3px solid #1875b4;outline-offset:3px}
.wave-theme.wave-admin .wave-masthead>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}
.wave-theme.wave-admin .wave-masthead b{font-size:42px;color:#147aae;text-shadow:0 2px #13517d}
@media(max-width:900px){
 .wave-theme .wave-masthead{padding:26px 5% 32px;background-size:auto 100%;gap:18px}
 .wave-theme .wave-masthead .trust{gap:12px;font-size:12px}
 .wave-theme .wave-masthead .trust span{padding-left:12px}
 .wave-theme nav .phone{margin-left:0}
}
@media(max-width:560px){
 .wave-theme .wave-masthead{padding:22px 4% 26px;gap:17px}
 .wave-theme .wave-masthead .brand{font-size:clamp(14px,4.4vw,22px);letter-spacing:.4px}
 .wave-theme .wave-masthead .brand strong{font-size:56px;margin-bottom:8px}
 .wave-theme .wave-masthead .brand small{font-size:9px;letter-spacing:.8px;gap:8px}
 .wave-theme .wave-masthead .brand small::before,.wave-theme .wave-masthead .brand small::after{width:18px}
 .wave-theme .wave-masthead .trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:11px}
 .wave-theme .wave-masthead .trust span{padding:0;border:0}
 .wave-theme .wave-masthead nav a{font-size:13px;padding:10px}
 .wave-theme .contact-grid{padding:8px 16px}
 .wave-theme .contact-row p{overflow-wrap:anywhere}
}
@media print{body.wave-theme{background:#fff}.wave-theme .wave-masthead,.wave-theme footer{display:none}.wave-theme h1,.wave-theme h2{text-shadow:none}.wave-theme main{box-shadow:none;background:#fff}}

/* Approved artwork is used verbatim, uncropped, on the home page. */
.wave-theme .wave-masthead.exact-banner{display:block;padding:0;margin:0;background:#eef8ff;line-height:0}
.wave-theme .exact-banner .banner-link{display:block;width:100%;margin:0;padding:0}
.wave-theme .exact-banner .banner-link::before{display:none}
.wave-theme .exact-banner img{display:block;width:100%;height:auto;max-width:none}
.banner-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.banner-accessible a{visibility:hidden}

/* Equal navigation controls; WhatsApp retains its green identity. */
body.wave-theme nav a{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 204px;width:204px;height:66px;min-height:66px;margin:0;padding:8px 10px;font-size:15px;line-height:1.3;text-align:center;white-space:normal;border:1px solid #d5e5ef;border-radius:10px}
body.wave-theme nav a small{display:block;font-size:12px;line-height:1.4;margin-top:3px;font-weight:500}
body.wave-theme nav a:not(.green),body.wave-theme .red{background:linear-gradient(#fff,#edf6fc)!important;color:#153f63!important}
body.wave-theme nav a:not(.green):is(:hover,:focus-visible,:active),body.wave-theme .button:not(.green):active,body.wave-theme .more:active{background:linear-gradient(#1897df,#0866b3)!important;color:#fff!important}
body.wave-theme nav a.green,body.wave-theme nav a.green:is(:hover,:focus-visible,:active){background:linear-gradient(#18a74d,#087e38)!important;color:#fff!important}
body.wave-theme nav .offer-badge{font-size:10px;top:-9px;padding:2px 8px;right:12px}
@media(max-width:560px){body.wave-theme nav{padding:12px 3%;gap:8px}body.wave-theme nav a{flex:0 0 calc(50% - 4px);width:calc(50% - 4px);height:66px;padding:7px;font-size:13px}body.wave-theme nav a small{font-size:11px}}

/* Keep contact numbers balanced inside the equal navigation buttons. */
body.wave-theme nav a.phone{font-size:14px;white-space:nowrap;letter-spacing:0}
body.wave-theme nav a.green small{font-size:16px;font-weight:700;white-space:nowrap;letter-spacing:0}
@media(max-width:560px){body.wave-theme nav a.phone{font-size:12px}body.wave-theme nav a.green small{font-size:15px}}

/* Main links left, telephone / WhatsApp / contact right. */
body.wave-theme nav.split-navigation{display:flex;justify-content:space-between;gap:40px;flex-wrap:nowrap}
body.wave-theme .split-navigation .nav-group{display:flex;gap:10px;flex:0 1 632px;min-width:0}
body.wave-theme .split-navigation .nav-group a{flex:1 1 0;width:0;min-width:0;max-width:204px;margin:0}
@media(max-width:999px){body.wave-theme nav.split-navigation{flex-direction:column;gap:20px;align-items:stretch}body.wave-theme .split-navigation .nav-group{flex:auto;justify-content:flex-start}body.wave-theme .split-navigation .nav-contact{justify-content:flex-end}}
@media(max-width:560px){body.wave-theme .split-navigation .nav-group{flex-wrap:wrap;gap:8px}body.wave-theme .split-navigation .nav-group a{flex:0 0 calc(50% - 4px);width:calc(50% - 4px);max-width:none}}

/* Consistent navigation text and centered offer label. */
body.wave-theme nav a,body.wave-theme nav a.phone,body.wave-theme nav a small,body.wave-theme nav a.green small,body.wave-theme nav .offer-badge{font-size:14px;line-height:1.2}
body.wave-theme nav a small{white-space:normal;max-width:100%}
body.wave-theme nav .shop-nav{position:relative}
body.wave-theme nav .offer-badge{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:100%;text-align:center;white-space:nowrap;top:-12px}
@media(max-width:560px){body.wave-theme nav a,body.wave-theme nav a.phone,body.wave-theme nav a small,body.wave-theme nav a.green small,body.wave-theme nav .offer-badge{font-size:12px}}

/* Compact header artwork with a photorealistic blue washing machine. */
body.wave-theme .exact-banner .banner-link{position:relative;width:70%;margin:0 auto;aspect-ratio:2178 / 480;overflow:hidden}
body.wave-theme .exact-banner img{position:absolute;left:0;top:-24.583333%;display:block;width:100%;height:auto;max-width:none;object-fit:initial;object-position:initial}

/* Continue the blue sculpted waves across the entire compact masthead. */
body.wave-theme .wave-masthead.exact-banner{background:#e4f3fc url('/profi-blue-waves.png') center / 100% 100% no-repeat}
body.wave-theme .exact-banner .banner-link{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 94%,transparent 100%)}

/* Phone layout: one continuous menu grid and readable, full-width artwork. */
@media(max-width:700px){
 body.wave-theme .exact-banner .banner-link{width:100%}
 body.wave-theme nav.split-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding:18px 4% 14px;align-items:stretch}
 body.wave-theme .split-navigation .nav-group{display:contents}
 body.wave-theme .split-navigation .nav-group a{width:100%;max-width:none;min-width:0;height:66px;flex:auto;font-size:13px;overflow-wrap:anywhere}
 body.wave-theme .split-navigation .nav-group a.phone{font-size:13px;white-space:normal}
 body.wave-theme .split-navigation .nav-group a small{font-size:11px;line-height:1.3}
 body.wave-theme .split-navigation .nav-group a.green small{font-size:15px;white-space:nowrap}
 body.wave-theme nav .offer-badge{font-size:10px;top:-8px}
 body.wave-theme footer{flex-wrap:wrap;overflow-wrap:anywhere}
 body.wave-theme .repair-intro,body.wave-theme .repair-bottom,body.wave-theme .contact-service{grid-template-columns:minmax(0,1fr)}
 body.wave-theme .repair-intro h1,body.wave-theme .repair-section h2{overflow-wrap:anywhere}
}

/* Phone-only enlargement of the original artwork and controls. */
@media screen and (max-width:700px){
 body.wave-theme .exact-banner .banner-link{aspect-ratio:2178 / 633.6}
 body.wave-theme .exact-banner img{width:132%;max-width:none;left:-26.8%;top:-24.583333%}
 body.wave-theme .split-navigation .nav-group a{font-size:15px;min-height:76px;height:auto;padding:12px 8px}
 body.wave-theme .split-navigation .nav-group a.phone{font-size:14px}
 body.wave-theme .split-navigation .nav-group a small{font-size:13px}
 body.wave-theme .split-navigation .nav-group a.green small{font-size:16px}
}

/* Keep the approved masthead size; compact only phone page content. */
body.wave-theme .mobile-page-content{display:contents}
@media screen and (max-width:700px){
 body.wave-theme .mobile-page-content{display:block;zoom:.85}
}

/* Slimmer phone navigation, with the approved text sizes retained. */
@media screen and (max-width:700px){
 body.wave-theme .split-navigation .nav-group a{min-height:36.72px;height:auto;padding:0 8px}
 body.wave-theme nav.split-navigation{padding-top:14px;padding-bottom:10px;gap:10px 8px}
}

/* Soft blue, gently raised phone menu controls. */
@media screen and (max-width:700px){
 body.wave-theme nav.split-navigation a:not(.green){background:linear-gradient(180deg,#f1f8ff 0%,#deedfa 100%)!important;border:1px solid #bfd5e8;box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #b7ccdf,0 4px 7px #244c7014}
 body.wave-theme nav.split-navigation a:not(.green):is(:hover,:focus-visible,:active){background:linear-gradient(#1897df,#0866b3)!important;color:#fff!important}
 body.wave-theme nav.split-navigation a:not(.green):active{box-shadow:inset 0 1px 3px #16466b33,0 1px 0 #b7ccdf;transform:translateY(1px)}
}

@media screen and (max-width:700px){
 body.wave-theme .split-navigation .nav-group a{line-height:1.05}
 body.wave-theme .split-navigation .nav-group a small{line-height:1.05;margin-top:0}
}

/* Keep the image viewport unchanged; place readable phone labels below it. */
.mobile-header-details{display:none}
@media screen and (max-width:700px){
 body.wave-theme .exact-banner .banner-link::after{content:"";display:block;position:absolute;left:0;top:78%;width:76%;height:22%;background:#e4f3fc url('/profi-blue-waves.png') center bottom / cover no-repeat}
 body.wave-theme .mobile-header-details{display:grid;box-sizing:border-box;width:100%;aspect-ratio:2178 / 190.08;padding:2px 2%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:center;color:#173f65;font-family:Arial,sans-serif;font-size:clamp(9px,2.6vw,16px);font-weight:600;line-height:1.25;text-align:center}
 body.wave-theme .mobile-header-details span{min-width:0}
}
