.bath-packages-heading{padding-top:125px;padding-bottom:28px}
.bath-packages-heading nav{font-size:14px;margin-bottom:24px;color:#686b68}
.bath-packages-heading nav a{color:inherit}
.bath-packages-heading h1{font-family:"Unbounded",sans-serif;font-weight:400;font-size:48px;line-height:1.2;margin:0 0 14px;letter-spacing:0}
.bath-packages-heading p{margin:0;color:#626660;font-size:18px}
.bath-packages-home{margin-bottom:48px}
.bath-packages-home .catalog-subsection-title h2{font-family:"Unbounded",sans-serif;font-weight:400;font-size:40px;letter-spacing:0}
.bath-packages-home .bath-packages-service{padding-bottom:0}
.bath-packages-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.bath-packages-group{min-width:0;border:1px solid #cd9670;padding:16px;border-radius:8px}
.bath-packages-group--cold{border-color:#7dacc1}
.bath-packages-group-title{font-family:"Unbounded",sans-serif;font-weight:500;font-size:24px;line-height:1.35;letter-spacing:0;margin:0 0 20px;width:fit-content;color:#a64730}
.bath-packages-group-title{display:flex;align-items:center;gap:10px}
.bath-packages-group-title svg{width:26px;height:26px;flex-shrink:0}
.bath-packages-group-title--heated span{background:linear-gradient(110deg,#bb752d,#b84035)}
.bath-packages-group-title--cold{color:#335d9b}
.bath-packages-group-title--cold span{background:linear-gradient(110deg,#4b9bb8,#335d9b)}
@supports(background-clip:text){.bath-packages-group-title span{background-clip:text;-webkit-background-clip:text;color:transparent}}
.bath-packages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.bath-package{min-width:0;background:#fff;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.bath-package{cursor:pointer;transition:box-shadow .25s ease}
.bath-package h3 a{width:fit-content}
.bath-package h3 .haramoni-bath-model-name{position:relative}
.bath-package h3 .haramoni-bath-model-name:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.bath-package:has(:focus-visible){box-shadow:0 14px 36px #173b3026}
.bath-package:has(:focus-visible) h3 .haramoni-bath-model-name:after{transform:scaleX(1)}
@media(hover:hover){.bath-package:hover{box-shadow:0 14px 36px #173b3026}.bath-package:hover h3 .haramoni-bath-model-name:after{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.bath-package,.bath-package h3 .haramoni-bath-model-name:after{transition:none}}
.bath-package-image{display:block;position:relative;min-width:0;min-height:0;aspect-ratio:1;background:#eee9e7;overflow:hidden}
.bath-package-image img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.bath-package[data-model="medium"] .bath-package-image{background:#eceae8}
.bath-package[data-model="medium"] .bath-package-image img{inset:50% auto auto 50%;width:76%;height:auto;transform:translate(-50%,-50%);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}
.bath-package-body{--bath-ink:#234a3d;padding:32px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(125deg,#526f64,#294c40);color:#fff}
.bath-package[data-model="large"] .bath-package-body{--bath-ink:#61452d;background:linear-gradient(125deg,#85684e,#59422f)}
.bath-package h3{font-family:"Unbounded",sans-serif;font-size:44px;font-weight:400;line-height:1.25;margin:0 0 16px;letter-spacing:0}
.bath-package h3 a{display:flex;align-items:center;gap:8px;color:#171917}
.bath-package h3 svg{width:24px;height:24px;flex-shrink:0;color:#a64730}
.bath-packages-group--cold .bath-package h3 svg{color:#335d9b}
.bath-package-spec{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:#666b67;margin:0 0 20px}
.bath-package-spec span{display:inline-flex;align-items:center;gap:8px}
.bath-package-spec span[hidden]{display:none}
.bath-package-spec svg{width:20px;height:20px;flex-shrink:0;color:#426158}
.bath-package-stove,.bath-package-cladding{border:0;margin:0 0 20px;padding:0;min-width:0}
.bath-package-stove legend,.bath-package-cladding legend{float:none;font-size:14px;line-height:20px;width:100%;margin:0 0 8px;color:#626660}
.bath-package-option-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.bath-package-option-heading [data-stove-price],.bath-package-option-heading [data-cladding-price]{white-space:nowrap;font-variant-numeric:tabular-nums}
.bath-package-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid #dce2dd;border-radius:6px}
.bath-package-segment label{position:relative;cursor:pointer;margin:0}
.bath-package-segment label{min-width:0;display:flex}
.bath-package-segment input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}
.bath-package-segment span{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:8px 4px;font-size:14px;font-weight:650;line-height:20px;border-radius:3px;color:#565e58}
.bath-package-segment input:checked+span{background:#dfeae3;color:#254e40}
.bath-package-segment input:focus-visible+span{outline:2px solid #254e40;outline-offset:2px}
.bath-package-no-stove{height:90px;display:flex;align-items:center;color:#71766f;font-size:14px;border-top:1px solid #edf0ea}
.bath-package-ladder{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;border-top:1px solid #edf0ea;border-bottom:1px solid #edf0ea;margin:0;cursor:pointer;font-size:15px;font-weight:600}
.bath-package-ladder small{font-weight:400;font-size:12px;color:#777d77;display:block}
.bath-package-ladder input{appearance:none;flex:0 0 38px;width:38px;height:24px;border-radius:20px;border:1px solid #adb4ae;background:#e7e9e4;position:relative;cursor:pointer;transition:background .2s;margin:0}
.bath-package-ladder input:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}
.bath-package-ladder input:checked{background:#3c6657;border-color:#3c6657}
.bath-package-ladder input:checked:before{transform:translateX(14px)}
.bath-package-ladder input:focus-visible{outline:2px solid #254e40;outline-offset:3px}
.bath-package-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(140px,200px);align-items:center;gap:16px;margin-top:24px}
.bath-package-price{margin:0;min-width:0;flex:1}
.bath-package-price strong{display:block;font-size:27px;line-height:1.3;color:#111;font-weight:700}
.bath-package-price span{font-size:12px;color:#777d77}
.bath-package-action{display:flex;align-items:center;justify-content:center;flex:0 1 250px;min-height:52px;text-align:center;padding:12px 38px 12px 18px;font-size:15px;line-height:1.3;white-space:normal}
.bath-package-action:before{right:12px}
.bath-package-actions{display:contents}
.bath-package-actions .bath-package-action{flex:auto;width:100%}
.bath-package-options{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:14px;line-height:20px;white-space:nowrap}
.bath-package-options:hover{color:#fff;text-decoration:underline}
.bath-package-options svg{width:17px;height:17px}
.bath-package-action:disabled{opacity:.6;cursor:wait}
@media(min-width:768px) and (max-width:1199px){.bath-package-footer{grid-template-columns:minmax(0,1fr) auto 140px}.bath-package-actions .bath-package-action{padding-left:10px;padding-right:28px;font-size:14px}}
@media(max-width:575px){.bath-package-footer{grid-template-columns:minmax(0,1fr) minmax(140px,1fr)}.bath-package-price{grid-column:1/-1}.bath-package-options{justify-content:flex-start}}
.bath-package-body .haramoni-bath-model-name{background:none;color:#fff;-webkit-text-fill-color:currentColor}
.bath-package-body .bath-package-spec,.bath-package-body .bath-package-spec svg,.bath-package-body legend,.bath-package-body .bath-package-ladder small,.bath-package-body .bath-package-price span{color:#f0eeeb}
.bath-package-body .bath-package-price strong{color:#fff}
.bath-package-body .bath-package-segment{background:#ffffff0a;border-color:#ffffff50}
.bath-package-body .bath-package-segment span{color:#fff}
.bath-package-body .bath-package-segment input:checked+span{background:#fff;color:var(--bath-ink)}
.bath-package-body .bath-package-segment input:focus-visible+span{outline-color:#fff;outline-offset:3px}
.bath-package-body .bath-package-ladder{border-color:#ffffff38}
.bath-package-body .bath-package-ladder input{background:#ffffff20;border-color:#ffffff80}
.bath-package-body .bath-package-ladder input:checked{background:#fff;border-color:#fff}
.bath-package-body .bath-package-ladder input:checked:before{background:var(--bath-ink)}
.bath-package-body .bath-package-ladder input:focus-visible{outline-color:#fff}
.bath-package-body .bath-package-action{background:#fff;color:var(--bath-ink);box-shadow:none}
.bath-package-body .bath-package-action:hover{background:#efeee9;color:var(--bath-ink)}
.bath-package-body .bath-package-action:before{background-image:url('../images/arrow-primary.svg')}
.bath-package-service{display:grid;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff38;font-size:13px;line-height:1.45;color:#f0eeeb}
.bath-package-service p{display:flex;align-items:flex-start;gap:9px;margin:0}
.bath-package-service svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}
#baths{scroll-margin-top:110px}
.bath-package-badges{position:absolute;top:18px;left:18px;right:18px;display:flex;gap:8px;z-index:1;pointer-events:none}
.bath-package-badges>span{display:grid;grid-template-columns:20px auto;column-gap:8px;align-items:center;padding:10px 12px;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px #0000000d;color:#171917}
.bath-package-badges>span[hidden]{display:none}
.bath-package-badges svg{grid-row:1/3;width:20px;height:20px;color:#426158}
.bath-package-badges small{font-size:12px;line-height:15px;color:#626660}
.bath-package-badges strong{font-size:14px;line-height:17px;font-weight:500}
.bath-packages-service{padding-top:24px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:12px 32px;color:#626660;font-size:14px}
.bath-packages-service p{margin:0;display:flex;align-items:center;gap:8px}
.bath-packages-service p[hidden]{display:none}
.bath-packages-service svg{width:18px;height:18px;flex-shrink:0}
.bath-packages-service button{border:0;background:none;color:#34594b;text-decoration:underline}
@media(max-width:1199px){.bath-package-body{padding:24px}}
@media(min-width:768px) and (max-width:1199px){.bath-package-footer{gap:12px}.bath-package-action{flex-basis:190px}.bath-package-price strong{font-size:24px}.bath-package-badges{left:12px;right:12px;gap:6px}.bath-package-badges>span{padding:8px;column-gap:5px}}
@media(max-width:767px){.bath-package{grid-template-columns:minmax(0,1fr)}.bath-package-image{aspect-ratio:1}.bath-package-body{padding:24px}.bath-packages-groups{gap:32px}}
@media(max-width:575px){.bath-packages-heading{padding-top:108px;padding-bottom:24px}.bath-packages-heading h1{font-size:34px}.bath-packages-heading p{font-size:16px}.bath-package-body{padding:20px}.bath-package h3{font-size:39px}.bath-packages-service{padding-bottom:36px}.bath-packages-service p{align-items:flex-start}.bath-package-footer{gap:12px}.bath-package-action{flex-basis:166px;padding-left:12px;font-size:14px}.bath-package-price strong{font-size:23px}.bath-package-badges{left:10px;right:10px;top:12px;gap:6px}.bath-package-badges>span{padding:8px 7px;column-gap:5px;grid-template-columns:16px auto}.bath-package-badges svg{width:16px;height:16px}.bath-package-badges small{font-size:11px}.bath-package-badges strong{font-size:12px}}
@media(max-width:374px){.bath-package-segment span{font-size:12px;padding:8px 2px}.bath-package-badges>span{padding:7px 5px;column-gap:3px}.bath-package-footer{flex-wrap:wrap}.bath-package-action{flex-grow:1}.bath-package-price{flex-basis:110px}}