/* Toilet FLOW02 craft layer. Decorative only; no copy or layout grid changes. */
.tf-page [data-art]{position:relative;isolation:isolate}
.tf-page #plan>.tf-inner>h2{text-wrap:balance}
.tf-page .tf-art{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;overflow:clip}
.tf-page .tf-art>span{position:absolute;display:block;pointer-events:none}
.tf-art-field{width:clamp(190px,28vw,470px);height:clamp(190px,27vw,420px);right:-110px;top:10px;border-radius:68% 32% 62% 38% / 45% 62% 38% 55%;background:#d8eee7;transform:rotate(-18deg);opacity:.65}
.tf-art-orbit{width:clamp(125px,20vw,320px);aspect-ratio:1;border:1px solid #83b9b6;border-radius:50%;right:-75px;top:140px;opacity:.8}
.tf-art-orbit::after{content:'';position:absolute;width:16px;height:16px;left:14%;top:13%;border-radius:50%;background:#73b5bf;box-shadow:21px -20px 0 -5px #a0c9b8}
.tf-art-plan{width:760px;height:440px;left:-210px;bottom:0;background:url('/wp-content/themes/smile-base/assets/images/home-flow-blueprint-bg-v1.webp') center/contain no-repeat;opacity:.72;filter:brightness(.75) contrast(2);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,#000 8%,#0009 35%,transparent 84%)}
.tf-art--quiet .tf-art-field{width:260px;height:300px;right:-110px;top:auto;bottom:-50px;background:#d9edf5;opacity:.7}
.tf-art--quiet .tf-art-orbit{width:180px;right:-85px;top:20px}
.tf-art--quiet .tf-art-plan{display:none}
.tf-art--technical .tf-art-field{left:-130px;right:auto;top:auto;bottom:-100px;background:#cfe8f1;transform:rotate(30deg)}
.tf-art--technical .tf-art-plan{left:auto;right:-180px;bottom:0;mask-image:linear-gradient(90deg,transparent 5%,#0008 66%,#000 95%)}
.tf-art--technical .tf-art-orbit{top:60px;right:-50px;border-color:#80b2c4}
.tf-page .tf-art-tool{width:132px;height:144px;right:30px;top:22px;opacity:.8;background-position:center;background-size:contain;background-repeat:no-repeat;transform:rotate(-21deg);filter:drop-shadow(2px 3px 0 #6e9f9c1a)}
.tf-page .tf-art-tool[data-tool=wrench]{background-image:url('/flow02/toilet/generated/decor/wrench-360.webp');width:72px;transform:rotate(-30deg)}
.tf-page .tf-art-tool[data-tool=tape]{background-image:url('/flow02/toilet/generated/decor/tape-360.webp');transform:rotate(14deg)}
.tf-page .tf-art-tool[data-tool=pliers]{background-image:url('/flow02/toilet/generated/decor/pliers-360.webp');transform:rotate(-28deg)}
.tf-page .tf-art-tool[data-tool=pipe]{background-image:url('/flow02/toilet/generated/decor/pipe-360.webp');transform:rotate(-12deg)}
.tf-page .tf-art-tool[data-tool=impact]{background-image:url('/flow02/toilet/generated/decor/impact-360.webp');transform:rotate(12deg)}
.tf-page .tf-art-tool--bottom{right:auto;left:25px;top:auto;bottom:4px;width:112px;height:100px;opacity:.68}
/* Offset silhouettes sit behind the photograph; evidence photos stay uncropped. */
.tf-page .tf-photo:not(.tf-photo--circle){isolation:isolate}
.tf-page .tf-photo:not(.tf-photo--circle)::before{content:'';position:absolute;inset:9% -6% -7% 8%;width:auto;height:auto;border:0;border-radius:64% 36% 58% 42% / 51% 65% 35% 49%;background:#b9dccc;z-index:-1;transform:rotate(9deg)}
.tf-page .tf-photo:not(.tf-photo--circle)::after{content:'';position:absolute;z-index:-1;width:42%;aspect-ratio:1;left:-9%;top:-5%;border:1px solid #619eaa;border-radius:50%;background:radial-gradient(circle at 23% 20%,#c3e7ee 0 12%,transparent 12.5%)}
.tf-page .tf-photo--portrait::before{background:#c4e1ef;transform:rotate(-12deg)}
.tf-page .tf-photo--circle{isolation:isolate}
.tf-page .tf-photo--circle::after{content:'';position:absolute;inset:-6px;border:1px solid #a8cfc7;border-radius:50%;z-index:-1;border-right-color:transparent;transform:rotate(-30deg)}
/* Material accents: quiet under copy, clearer along card edges. */
.tf-page :is(.tf-choice,.tf-local-choices>article){background:radial-gradient(ellipse 100px 76px at 100% 0,#e2f1eb 0 70%,transparent 71%),#fff;border-color:#a6c9cb}
.tf-page .tf-rates{background:linear-gradient(105deg,#f8fcfb,#fff 55%);border-top:3px solid #a3c9bc}
.tf-page .tf-faq{border-left:3px solid #8dbbb3}
.tf-page .tf-label-word::after{height:9px;background:#92c5b6}
.tf-page .tf-flow article{background:linear-gradient(120deg,#ffffffb8,#ffffff30);border-top:2px solid #8ebdaf;padding-inline:18px;border-radius:4px 28px 0 0}
.tf-page .tf-guide-points>article{border-top-color:#9abfbd}
.tf-page .tf-guide-points>article h3{border-left:3px solid #91c1b4;padding-left:15px}
/* Editorial pages: a shorter decorative composition, never a service hero. */
.tf-editorial-page :is(.tf-qa-heading,.tf-record-heading,.tf-index-heading){isolation:isolate}
.tf-editorial-page [data-art=editorial] .tf-art-field{right:-30px;top:-50px;bottom:auto;width:230px;height:250px;opacity:.45}
.tf-editorial-page [data-art=editorial] .tf-art-orbit{right:5px;top:5px;width:155px;opacity:.45}
.tf-editorial-page .tf-answer{border-top:3px solid #a1cabc;background:radial-gradient(ellipse 180px 100px at 100% 0,#edf7f3 0 70%,transparent 71%),#fff}
.tf-editorial-page .tf-record-feature{box-shadow:6px 8px 0 #c6ded7,11px 13px 0 #e4efeb;border-radius:40px 22px 40px 22px}
.tf-editorial-page .tf-record-body h2{border-image:linear-gradient(90deg,#72ac9e 0 20%,#d0e4dc 20% 100%) 1}
.tf-editorial-page .tf-archive-copy{background:radial-gradient(ellipse 95px 65px at 100% 0,#e8f4ef 0 70%,transparent 71%),#fff}
.tf-editorial-page .tf-editorial-next{position:relative;isolation:isolate;box-shadow:5px 7px 0 #c3dfe1}
.tf-editorial-page [data-art=editorial-next] .tf-art-field{width:220px;height:210px;right:-70px;top:-40px}
.tf-editorial-page [data-art=editorial-next] .tf-art-plan{width:430px;height:200px;left:-130px;opacity:.6}
.tf-editorial-page [data-art=editorial-next] .tf-art-tool{right:-18px;top:3px;width:70px;height:70px;opacity:.6}
@media(min-width:1700px){.tf-page .tf-art-tool--top{right:calc((100vw - 1220px)/2 - 130px)}.tf-page .tf-art-tool--bottom{left:calc((100vw - 1220px)/2 - 125px)}}
@media(max-width:1100px){.tf-page .tf-art-tool{width:92px;height:105px;right:7px;top:22px}.tf-page .tf-art-tool[data-tool=wrench]{width:54px}.tf-page .tf-art-tool--bottom{left:6px;right:auto;top:auto;bottom:4px;height:82px}.tf-art-plan{width:560px;left:-190px;height:330px}.tf-art--technical .tf-art-plan{right:-210px;left:auto}}
@media(max-width:600px){
 .tf-art-field{width:210px;height:230px;right:-110px;top:-20px;opacity:.65}
 .tf-art-orbit{width:135px;right:-70px;top:78px}
 .tf-art--technical .tf-art-field{left:-140px;bottom:-45px;width:280px;height:270px}
 .tf-art--technical .tf-art-orbit{width:130px;right:-48px;top:35px}
 .tf-art--quiet .tf-art-field{right:-155px;width:245px;height:230px;bottom:-40px}
 .tf-art--quiet .tf-art-orbit{width:120px;top:14px;right:-72px}
 .tf-art-plan{width:430px;height:270px;left:-220px;opacity:.7;mask-image:linear-gradient(90deg,#000 5%,#0009 32%,transparent 86%)}
 .tf-art--technical .tf-art-plan{width:470px;right:-275px;left:auto;mask-image:linear-gradient(90deg,transparent 5%,#0008 66%,#000 98%)}
 .tf-page .tf-art-tool{width:72px;height:75px;right:5px;top:12px;opacity:.8}
 .tf-page .tf-art-tool[data-tool=wrench]{width:44px;height:81px;right:14px;top:7px}
 .tf-page .tf-art-tool--bottom{left:-10px;right:auto;bottom:0;top:auto;width:76px;height:63px;opacity:.64}
 .tf-page .tf-art-tool--bottom[data-tool=wrench]{right:auto;left:14px;top:auto;bottom:-5px;width:36px;height:78px}
 .tf-page .tf-flow article{padding:22px 16px 20px 57px}.tf-page .tf-flow article>span{left:12px}
 .tf-page .tf-photo:not(.tf-photo--circle)::before{inset:8% -3% -5% 10%}
 .tf-page .tf-photo:not(.tf-photo--circle)::after{width:34%;left:-7%;top:-6%}
 .tf-editorial-page [data-art=editorial] .tf-art-field{width:165px;height:190px;right:-70px;opacity:.38}
 .tf-editorial-page [data-art=editorial] .tf-art-orbit{right:-30px;width:120px;opacity:.4}
 .tf-editorial-page [data-art=editorial-next] .tf-art-tool{width:50px;height:50px;right:-13px;opacity:.55}
}
@media(prefers-reduced-motion:reduce){.tf-page .tf-art,.tf-page .tf-art *{animation:none!important;transition:none!important}}
@media print{.tf-page .tf-art,.tf-page .tf-photo::before,.tf-page .tf-photo::after{display:none!important}}