/* Large equipment photographs and comparisons grounded in a visit. */
#main.dbs-hygiene .hy8-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
#main.dbs-hygiene .hy8-overview-grid>article,#main.dbs-hygiene .hy8-inside-grid>article{min-width:0;padding:20px;border:1px solid #d8e5ed;border-radius:20px;background:#fff}
#main.dbs-hygiene article.hy8-general{border-top:3px solid #b87891;background:linear-gradient(140deg,#fff,#fff9fb)}
#main.dbs-hygiene article.hy8-ours{border-top:3px solid #76bed8;background:linear-gradient(140deg,#fff,#f1faff)}
#main.dbs-hygiene .hy8-overview-grid header small,#main.dbs-hygiene .hy8-inside-grid header small{display:block;font-size:11px;font-weight:700;color:#a34c6a;margin-bottom:8px}
#main.dbs-hygiene .hy8-ours header small{color:#287b9e}
#main.dbs-hygiene .hy8-overview-grid h3{font-size:23px;line-height:1.5}
#main.dbs-hygiene .hy8-overview-grid header p{font-size:13px;margin:7px 0 16px}
#main.dbs-hygiene .hy8-photo{margin:0;min-width:0}
#main.dbs-hygiene .hy8-photo-open{display:block;border:1px solid #dbe8ed;border-radius:15px;overflow:hidden;background:#f6f9fa;cursor:zoom-in}
#main.dbs-hygiene .hy8-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#main.dbs-hygiene .hy8-overview-photo .hy8-photo-open{height:390px}
#main.dbs-hygiene .hy8-photo figcaption{font-size:12px!important;line-height:1.75!important;padding-top:10px!important;min-height:0;color:#4c6878!important}
#main.dbs-hygiene .hy8-photo figcaption a{display:inline-block;margin-left:6px;color:#287b9f;text-decoration:underline;text-underline-offset:3px;font-size:11px;min-height:30px;padding-block:5px}
#main.dbs-hygiene .hy8-key{font-size:13px;margin-top:14px}
#main.dbs-hygiene .hy8-key strong{display:block;font-size:20px;line-height:1.6;color:#a84b6c;font-weight:700}
#main.dbs-hygiene .hy8-ours .hy8-key strong{color:#257a9b}
#main.dbs-hygiene .hy8-source-note,#main.dbs-hygiene .hy8-fair-note{font-size:12px;line-height:1.85;margin-top:14px}
#main.dbs-hygiene .hy8-inside-heading{margin:29px 0 17px}
#main.dbs-hygiene .hy8-inside-heading h3{font-size:24px;line-height:1.55;margin-top:8px}
#main.dbs-hygiene .hy8-inside-heading h3 em{font-style:normal;color:#287b9f}
#main.dbs-hygiene .hy8-inside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#main.dbs-hygiene .hy8-inside-grid>article{padding:17px}
#main.dbs-hygiene .hy8-inside-grid h4{font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:0 0 15px;color:var(--ink);font-weight:700}
#main.dbs-hygiene .hy8-detail-photo .hy8-photo-open{height:345px}
#main.dbs-hygiene .hy8-inside-grid article>p{margin-top:12px;font-size:13px;line-height:1.85}
#main.dbs-hygiene .hy8-scenes-heading{margin:30px 0 16px}
#main.dbs-hygiene .hy8-scenes-heading h3{font-size:24px;margin-top:7px}
#main.dbs-hygiene .hy8-scene-list{border:1px solid #d8e5ed;border-radius:18px;overflow:hidden;background:#fff}
#main.dbs-hygiene .hy8-scene-list>article{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr;border-bottom:1px solid #d8e5ed;align-items:stretch}
#main.dbs-hygiene .hy8-scene-list>article:last-child{border-bottom:0}
#main.dbs-hygiene .hy8-scene-list article>header{padding:21px 19px;background:#f8fbfd}
#main.dbs-hygiene .hy8-scene-list header span{font-size:11px;letter-spacing:.08em;color:#ae506e;font-weight:700}
#main.dbs-hygiene .hy8-scene-list h4{font-size:17px;font-weight:700;line-height:1.65;color:var(--ink);margin:7px 0 0}
#main.dbs-hygiene .hy8-scene-list article>div{padding:20px;border-left:1px solid #e1eaf0}
#main.dbs-hygiene .hy8-scene-general{background:#fffbfc}
#main.dbs-hygiene .hy8-scene-ours{background:#f2faff}
#main.dbs-hygiene .hy8-scene-list small{display:block;font-size:11px;color:#95506a;font-weight:650;margin-bottom:8px}
#main.dbs-hygiene .hy8-scene-ours small{color:#287798}
#main.dbs-hygiene .hy8-scene-list p{font-size:13px;line-height:1.9}
#main.dbs-hygiene .hy8-scene-list p strong{display:block;color:#246e8d;font-weight:700;font-size:15px;margin-bottom:5px}
#main.dbs-hygiene .hy8-design-reason{margin-top:17px;padding:19px 22px;border:1px solid #d8e5ed;border-radius:15px;background:#ffffffb8}
#main.dbs-hygiene .hy8-design-reason h3{font-size:19px;margin:0 0 9px}
#main.dbs-hygiene .hy8-design-reason p{font-size:13px}
#main.dbs-hygiene .hy8-design-reason a{margin-top:7px}
#main.dbs-hygiene .hy8-photo-dialog{width:min(1100px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:15px;border:1px solid #bcd5e2;border-radius:18px;overflow:auto;background:#f9fcff;color:#203b4c;box-shadow:0 20px 80px #152c4c40}
#main.dbs-hygiene .hy8-photo-dialog::backdrop{background:#19384d9c;backdrop-filter:blur(5px)}
#main.dbs-hygiene .hy8-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
#main.dbs-hygiene .hy8-dialog-toolbar b{font-size:13px}
#main.dbs-hygiene .hy8-dialog-toolbar button{min-height:44px;padding:8px 17px;border:1px solid #bed8e6;border-radius:999px;background:linear-gradient(#fff,#d8f2ff);color:#205c7a;font-size:13px;cursor:pointer}
#main.dbs-hygiene [data-hy8-full-photo] img{width:100%;height:auto;max-height:calc(100dvh - 175px);object-fit:contain;background:#f2f7fa;border-radius:10px}
#main.dbs-hygiene .hy8-photo-dialog>p{font-size:12px;margin-top:10px}
html.hy8-viewing-photo{overflow:hidden}
@media(max-width:760px){
#main.dbs-hygiene .hy8-overview-grid{grid-template-columns:1fr;gap:16px}
#main.dbs-hygiene .hy8-overview-grid>article{padding:17px}
#main.dbs-hygiene .hy8-overview-grid h3{font-size:21px}
#main.dbs-hygiene .hy8-overview-photo .hy8-photo-open{height:auto;aspect-ratio:4/3}
#main.dbs-hygiene .hy8-photo img{position:static;aspect-ratio:inherit}
#main.dbs-hygiene .hy8-key strong{font-size:19px}
#main.dbs-hygiene .hy8-inside-grid{grid-template-columns:1fr;gap:15px}
#main.dbs-hygiene .hy8-inside-grid>article{padding:17px}
#main.dbs-hygiene .hy8-detail-photo .hy8-photo-open{height:auto;aspect-ratio:4/5;max-width:440px;margin-inline:auto}
#main.dbs-hygiene .hy8-detail-photo img{aspect-ratio:4/5}
#main.dbs-hygiene .hy8-inside-grid h4{font-size:20px}
#main.dbs-hygiene .hy8-inside-heading h3,#main.dbs-hygiene .hy8-scenes-heading h3{font-size:22px}
#main.dbs-hygiene .hy8-scene-list>article{grid-template-columns:1fr}
#main.dbs-hygiene .hy8-scene-list article>header{display:flex;gap:13px;align-items:baseline;padding:15px 16px}
#main.dbs-hygiene .hy8-scene-list h4{font-size:17px;margin:0}
#main.dbs-hygiene .hy8-scene-list h4 br{display:none}
#main.dbs-hygiene .hy8-scene-list article>div{padding:15px 16px;border-left:0;border-top:1px solid #e1eaf0}
#main.dbs-hygiene .hy8-scene-list p{font-size:13px}
#main.dbs-hygiene .hy8-scene-list p strong{font-size:15px}
#main.dbs-hygiene .hy8-design-reason{padding:17px}
}
@media(max-width:760px){#main.dbs-hygiene .hy8-general .hy8-overview-photo .hy8-photo-open{aspect-ratio:4/5}#main.dbs-hygiene .hy8-general .hy8-overview-photo img{aspect-ratio:4/5}}
#main.dbs-hygiene [data-hy8-full-photo] img{width:auto;max-width:100%;margin-inline:auto}
@media(max-width:760px){#main.dbs-hygiene .hy8-general .hy8-overview-photo .hy8-photo-open,#main.dbs-hygiene .hy8-detail-photo .hy8-photo-open{min-height:350px}}
#main.dbs-hygiene .hy8-photo-open{position:relative}
#main.dbs-hygiene .hy8-photo-open img{position:absolute!important;inset:0;width:100%;height:100%;max-width:100%;aspect-ratio:auto!important}
#main.dbs-hygiene .hy8-photo-open{width:100%}

/* r9: identify both sides of the salon equipment comparison. */
#main.dbs-hygiene .hy8-overview-grid>article>header>small{font-size:14px;font-weight:750;line-height:1.8;letter-spacing:0;color:#8f4c65}
#main.dbs-hygiene .hy8-overview-grid>.hy8-ours>header>small{color:#276f92}
#main.dbs-hygiene .hy8-inside-grid>article>header>small,#main.dbs-hygiene .hy8-scene-general>small,#main.dbs-hygiene .hy8-scene-ours>small{font-size:11px;font-weight:700;line-height:1.85;letter-spacing:0}
#main.dbs-hygiene .hy8-scene-general>small{color:#92546a}
#main.dbs-hygiene .hy8-scene-ours>small{color:#236d92}
@media(max-width:700px){#main.dbs-hygiene .hy8-overview-grid>article>header>small{font-size:13px}}
