.hob-gel-ba{--cream: #ece5de;--dark: #242424;--brown: #474038;--mid: #aea091;background:#fff;padding:clamp(60px,8vh,120px) 0;overflow:hidden}.hob-gel-ba__header{text-align:center;padding:0 24px;margin-bottom:clamp(40px,5vw,72px)}.hob-gel-ba__eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mid);margin:0 0 12px}.hob-gel-ba__heading{font-family:PPFormula,Georgia,serif;font-weight:300;font-size:clamp(36px,5vw,80px);line-height:.95;letter-spacing:-.025em;text-transform:lowercase;color:var(--dark);margin:0}.hob-gel-ba__panels{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,48px);gap:0;min-height:clamp(360px,55vw,600px)}.hob-gel-ba__panel{position:relative;overflow:hidden;border-radius:12px}.hob-gel-ba__panel--before{background:#e8e0d8}.hob-gel-ba__panel--after{background:var(--dark)}.hob-gel-ba__panel-img{width:100%;height:100%;object-fit:cover;display:block}.hob-gel-ba__panel-placeholder{width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center}.hob-gel-ba__panel-placeholder--before{background:linear-gradient(135deg,#d8cfc7,#c4b9af)}.hob-gel-ba__panel-placeholder--after{background:linear-gradient(135deg,#2e2b27,#1a1815)}.hob-gel-ba__panel-label{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff}.hob-gel-ba__panel--before .hob-gel-ba__panel-label{background:linear-gradient(to top,rgba(36,36,36,.6) 0%,transparent 100%)}.hob-gel-ba__panel-label span{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;margin-bottom:4px}.hob-gel-ba__panel-desc{font-size:13px;color:#ffffffe6;margin:0;line-height:1.4}.hob-gel-ba__divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;gap:10px;z-index:2}.hob-gel-ba__divider-line{flex:1;width:1px;background:#47403833;max-height:120px}.hob-gel-ba__divider-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--dark);color:var(--cream);font-size:10px;font-weight:700;letter-spacing:.12em;flex-shrink:0;box-shadow:0 4px 16px #0003}.hob-gel-ba__benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(16px,4vw,48px);max-width:900px;margin:clamp(48px,6vw,80px) auto 0;padding:0 clamp(16px,4vw,48px);text-align:center}.hob-gel-ba__benefit{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:120px;max-width:160px}.hob-gel-ba__benefit-icon{font-size:32px;line-height:1}.hob-gel-ba__benefit-img{width:48px;height:48px;object-fit:contain}.hob-gel-ba__benefit-label{font-size:13px;font-weight:600;color:var(--dark);letter-spacing:.03em;margin:0}.hob-gel-ba__benefit-desc{font-size:12px;color:var(--mid);line-height:1.45;margin:0}@media(max-width:767px){.hob-gel-ba__panels{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}.hob-gel-ba__panel{min-height:260px}.hob-gel-ba__divider{flex-direction:row;padding:16px 0}.hob-gel-ba__divider-line{flex:1;width:auto;height:1px;max-height:none}.hob-gel-ba__benefits{gap:24px}.hob-gel-ba__benefit{min-width:100px}}.hob-js [data-hob-animate]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.hob-js [data-hob-animate].is-visible{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hob-gel-before-after.css.map */