.acc-sanitary-v1{
  --acc-svc-blue:#087fd7;
  --acc-svc-blue-deep:#0566c6;
  --acc-svc-navy:#0f2440;
  --acc-svc-text:#23394d;
  --acc-svc-muted:#667b8d;
  --acc-svc-line:#dce6ed;
  --acc-svc-soft:#fbfcfd;
  --acc-svc-container:1440px;
  --acc-svc-gutter:max(32px,calc((100vw - var(--acc-svc-container))/2));
  color:var(--acc-svc-text);
  background:#fff;
  font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.acc-sanitary-v1,.acc-sanitary-v1 *{box-sizing:border-box}
.acc-sanitary-v1 img{display:block;max-width:100%}
.acc-sanitary-v1 a{text-decoration:none}
.acc-sanitary-v1__container{width:min(calc(100% - 64px),var(--acc-svc-container));margin-inline:auto}

/* HERO — content aligned to ACC Store container, image full-bleed to right edge */
.acc-sanitary-v1__hero{overflow:hidden;border-bottom:1px solid #e8eef2;background:#fff}
.acc-sanitary-v1__hero-grid{
  width:calc(100% - var(--acc-svc-gutter));
  margin-left:var(--acc-svc-gutter);
  display:grid;
  grid-template-columns:minmax(520px,610px) minmax(0,1fr);
  min-height:590px;
}
.acc-sanitary-v1__content{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 48px 34px 0;
  background:#fff;
}
.acc-sanitary-v1__breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 30px;
  color:#7d8c99;
  font-size:.76rem;
  font-weight:600;
  line-height:1.3;
}
.acc-sanitary-v1__breadcrumbs a{color:#53697c;transition:color .18s ease}
.acc-sanitary-v1__breadcrumbs a:hover{color:var(--acc-svc-blue)}
.acc-sanitary-v1__breadcrumbs [aria-current="page"]{color:var(--acc-svc-blue);font-weight:750}

/* H1 scale intentionally mirrors landing-page hero */
.acc-sanitary-v1__intro h1{
  margin:0;
  color:var(--acc-svc-navy);
  font-size:clamp(2.06rem,3.2vw,3.45rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.046em;
}
.acc-sanitary-v1__headline-mark{display:block;width:48px;height:3px;margin:20px 0 0;border-radius:99px;background:var(--acc-svc-blue)}
.acc-sanitary-v1__intro p{
  max-width:545px;
  margin:22px 0 0;
  color:#2d4357;
  font-size:1.04rem;
  font-weight:500;
  line-height:1.58;
  letter-spacing:-.018em;
}

/* Scope — spójne ikony ACC Store: Dobór / Montaż / Serwis */
.acc-sanitary-v1__scope{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:32px;
}
.acc-sanitary-v1__scope-item{
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:0 18px 0 0;
}
.acc-sanitary-v1__scope-item+.acc-sanitary-v1__scope-item{padding-left:18px;border-left:1px solid #d8e2e9}
.acc-sanitary-v1__scope-icon{width:42px;height:42px;object-fit:contain}
.acc-sanitary-v1__scope-item h2{margin:1px 0 6px;color:var(--acc-svc-navy);font-size:.93rem;font-weight:780;line-height:1.2;letter-spacing:-.018em}
.acc-sanitary-v1__scope-item p{max-width:165px;margin:0;color:#63788a;font-size:.68rem;font-weight:500;line-height:1.48}

.acc-sanitary-v1__actions{display:flex;align-items:stretch;gap:14px;margin-top:35px}
.acc-sanitary-v1__cta{
  min-height:62px;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.acc-sanitary-v1__cta:hover{transform:translateY(-2px)}
.acc-sanitary-v1__cta:focus-visible,.acc-sanitary-v1__service:focus-visible{outline:3px solid rgba(8,127,215,.27);outline-offset:3px}
.acc-sanitary-v1__cta--primary{
  min-width:225px;
  gap:24px;
  padding:0 25px;
  background:linear-gradient(135deg,#0a83e0 0%,#075bcf 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(5,104,201,.17);
  font-size:.94rem;
  font-weight:760;
}
.acc-sanitary-v1__cta--primary:hover{box-shadow:0 16px 32px rgba(5,104,201,.23)}
.acc-sanitary-v1__cta--primary img{width:17px;height:17px;filter:brightness(0) invert(1)}
.acc-sanitary-v1__cta--phone{
  min-width:245px;
  justify-content:flex-start;
  gap:14px;
  padding:0 21px;
  border:1px solid #9fc8e5;
  background:#fff;
  color:var(--acc-svc-navy);
}
.acc-sanitary-v1__cta--phone:hover{border-color:var(--acc-svc-blue);box-shadow:0 10px 24px rgba(8,127,215,.08)}
.acc-sanitary-v1__cta--phone>img{width:23px;height:23px}
.acc-sanitary-v1__cta--phone>span{display:grid;gap:3px;line-height:1.05}
.acc-sanitary-v1__cta--phone small{color:#30465a;font-size:.7rem;font-weight:680}
.acc-sanitary-v1__cta--phone strong{color:var(--acc-svc-blue-deep);font-size:.94rem;font-weight:820;letter-spacing:.006em}

.acc-sanitary-v1__visual{position:relative;min-width:0;margin:0;overflow:hidden;background:#f3f6f8}
.acc-sanitary-v1__visual img{
  width:100%;
  height:100%;
  min-height:590px;
  object-fit:cover;
  object-position:62% 50%;
}

/* OTHER SERVICES */
.acc-sanitary-v1__services{padding:30px 0 38px;background:var(--acc-svc-soft)}
.acc-sanitary-v1__services h2{margin:0 0 20px;color:var(--acc-svc-navy);font-size:1.42rem;font-weight:780;line-height:1.2;letter-spacing:-.03em}
.acc-sanitary-v1__service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.acc-sanitary-v1__service{
  position:relative;
  min-width:0;
  min-height:108px;
  padding:15px 14px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) 14px;
  gap:11px;
  align-items:center;
  border:1px solid #dfe8ee;
  border-radius:9px;
  background:#fff;
  color:var(--acc-svc-navy);
  box-shadow:0 5px 17px rgba(16,47,70,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.acc-sanitary-v1__service:hover{transform:translateY(-2px);border-color:#b7d7ea;color:var(--acc-svc-blue);box-shadow:0 12px 27px rgba(20,48,71,.08)}
.acc-sanitary-v1__service.is-active{
  grid-template-columns:50px minmax(0,1fr);
  border:2px solid var(--acc-svc-blue);
  background:linear-gradient(180deg,#fff 0%,#f8fcff 100%);
  color:var(--acc-svc-blue);
  box-shadow:0 8px 23px rgba(8,127,215,.10);
}
.acc-sanitary-v1__service-icon{width:50px;height:50px;display:grid;place-items:center}
.acc-sanitary-v1__service-icon img{width:44px;height:44px;object-fit:contain}
.acc-sanitary-v1__service-label{display:grid;gap:7px;min-width:0}
.acc-sanitary-v1__service-label strong{font-size:.76rem;font-weight:740;line-height:1.35;letter-spacing:-.018em}
.acc-sanitary-v1__service-label small{width:max-content;padding:4px 7px;border-radius:4px;background:var(--acc-svc-blue);color:#fff;font-size:.52rem;font-weight:820;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.acc-sanitary-v1__service-arrow{width:14px;height:14px;opacity:.78;transition:transform .18s ease}
.acc-sanitary-v1__service:hover .acc-sanitary-v1__service-arrow{transform:translateX(3px)}

@media (max-width:1240px){
  .acc-sanitary-v1{--acc-svc-gutter:21px}
  .acc-sanitary-v1__container{width:min(calc(100% - 42px),var(--acc-svc-container))}
  .acc-sanitary-v1__hero-grid{grid-template-columns:minmax(500px,560px) minmax(0,1fr);min-height:560px}
  .acc-sanitary-v1__content{padding-right:34px}
  .acc-sanitary-v1__visual img{min-height:560px}
  .acc-sanitary-v1__scope-item{padding-right:12px;gap:10px}.acc-sanitary-v1__scope-item+.acc-sanitary-v1__scope-item{padding-left:12px}
  .acc-sanitary-v1__scope-icon{width:38px;height:38px}
  .acc-sanitary-v1__service{grid-template-columns:44px minmax(0,1fr) 12px;gap:8px;padding:12px 10px}.acc-sanitary-v1__service.is-active{grid-template-columns:44px minmax(0,1fr)}
  .acc-sanitary-v1__service-icon{width:44px;height:44px}.acc-sanitary-v1__service-icon img{width:39px;height:39px}
}

@media (max-width:980px){
  .acc-sanitary-v1__hero-grid{width:100%;margin-left:0;grid-template-columns:1fr;min-height:0}
  .acc-sanitary-v1__content{width:min(calc(100% - 42px),var(--acc-svc-container));margin-inline:auto;padding:28px 0 30px}
  .acc-sanitary-v1__breadcrumbs{margin-bottom:22px}
  .acc-sanitary-v1__visual{height:280px}
  .acc-sanitary-v1__visual img{height:100%;min-height:0;object-position:62% 50%}
  .acc-sanitary-v1__service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:640px){
  .acc-sanitary-v1__container,.acc-sanitary-v1__content{width:calc(100% - 28px)}
  .acc-sanitary-v1__content{padding:20px 0 22px}
  .acc-sanitary-v1__breadcrumbs{gap:6px;margin-bottom:15px;font-size:.64rem}
  .acc-sanitary-v1__intro h1{font-size:clamp(1.9rem,9.2vw,2.45rem)}
  .acc-sanitary-v1__headline-mark{width:38px;height:3px;margin-top:13px}
  .acc-sanitary-v1__intro p{margin-top:15px;font-size:.87rem;line-height:1.48}

  .acc-sanitary-v1__scope{margin-top:20px}
  .acc-sanitary-v1__scope-item{display:block;padding:0 8px 0 0;text-align:left}
  .acc-sanitary-v1__scope-item+.acc-sanitary-v1__scope-item{padding-left:9px;border-left:1px solid #d8e2e9}
  .acc-sanitary-v1__scope-icon{width:32px;height:32px;margin-bottom:8px}
  .acc-sanitary-v1__scope-item h2{margin:0 0 4px;font-size:.75rem}
  .acc-sanitary-v1__scope-item p{font-size:.58rem;line-height:1.38}

  .acc-sanitary-v1__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
  .acc-sanitary-v1__cta{min-height:54px;border-radius:7px}
  .acc-sanitary-v1__cta--primary{min-width:0;gap:8px;padding:0 10px;font-size:.72rem}.acc-sanitary-v1__cta--primary img{width:14px;height:14px}
  .acc-sanitary-v1__cta--phone{min-width:0;gap:8px;padding:0 9px}.acc-sanitary-v1__cta--phone>img{width:18px;height:18px}
  .acc-sanitary-v1__cta--phone small{font-size:.52rem}.acc-sanitary-v1__cta--phone strong{font-size:.68rem}

  /* No mobile hero image: first view stays compact and conversion-focused. */
  .acc-sanitary-v1__visual{display:none}

  .acc-sanitary-v1__services{padding:19px 0 24px}
  .acc-sanitary-v1__services h2{margin-bottom:13px;font-size:1.08rem}
  .acc-sanitary-v1__service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .acc-sanitary-v1__service{
    min-height:78px;
    padding:9px 8px;
    grid-template-columns:34px minmax(0,1fr) 10px;
    gap:7px;
    border-radius:7px;
  }
  .acc-sanitary-v1__service.is-active{grid-template-columns:34px minmax(0,1fr)}
  .acc-sanitary-v1__service-icon{width:34px;height:34px}.acc-sanitary-v1__service-icon img{width:31px;height:31px}
  .acc-sanitary-v1__service-label{gap:5px}
  .acc-sanitary-v1__service-label strong{font-size:.63rem;line-height:1.28}
  .acc-sanitary-v1__service-label small{padding:3px 5px;font-size:.43rem}
  .acc-sanitary-v1__service-arrow{width:10px;height:10px}
}

@media (prefers-reduced-motion:reduce){
  .acc-sanitary-v1__cta,.acc-sanitary-v1__service,.acc-sanitary-v1__service-arrow{transition:none!important}
}