/* Isolated ZAO shade guide overlay, mounted directly under body when opened */
.hh-shade-overlay[hidden]{display:none!important}
body>.hh-shade-overlay{position:fixed!important;inset:0!important;z-index:2147483640!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.72)!important;padding:18px!important;overflow:hidden!important;isolation:isolate!important;transform:none!important;opacity:1!important}
body>.hh-shade-overlay .hh-shade-panel{position:relative!important;display:block!important;background:#fff!important;border-radius:10px!important;width:min(750px,100%)!important;max-width:750px!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-shadow:0 18px 55px rgba(0,0,0,.35)!important}
.hh-shade-content{padding:34px 28px!important;color:#222!important}
.hh-shade-content h2{font-size:clamp(25px,4vw,36px)!important;line-height:1.2!important;margin:15px 40px 25px 0!important}
.hh-shade-content h3{font-size:clamp(20px,3vw,27px)!important;line-height:1.3!important;margin:24px 0 15px!important}
.hh-shade-content img{max-width:100%!important;height:auto!important}
.hh-shade-close{position:sticky!important;top:10px!important;float:right!important;z-index:3!important;margin:10px 10px -55px 0!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#eee!important;color:#111!important;font-size:29px!important;line-height:42px!important;padding:0!important;cursor:pointer!important}
body.hh-shade-locked{overflow:hidden!important}
.single-product .summary .hh-shade-trigger-row{margin:-12px 0 12px!important;padding:0!important;line-height:normal!important}
.single-product .summary .woocommerce-product-details__short-description{margin-top:0!important}
.single-product .summary .woocommerce-product-details__short-description>p:first-child:has(.hh-farveguide-btn){margin-top:-12px!important;margin-bottom:12px!important}
.single-product .summary .hh-farveguide-btn{vertical-align:middle!important}
.single-product .summary .hh-shade-trigger-row .hh-farveguide-btn{margin:0!important}
.single-product .summary .hh-zao-usp-panel{background:#f3f5f1!important;border:1px solid #dfe7da!important;border-radius:9px!important;padding:17px 16px!important;margin:12px 0 18px!important;max-width:100%!important;box-sizing:border-box!important}
.single-product .summary .hh-zao-usp-panel p{display:flex!important;align-items:center!important;gap:14px!important;margin:11px 0!important;line-height:1.6!important;min-height:45px!important}
.single-product .summary .hh-zao-usp-panel img{width:45px!important;height:45px!important;object-fit:contain!important;flex:none!important}
.single-product .summary .hh-zao-usp-panel p:empty{display:none!important}
.single-product .summary .hh-farveguide-btn[data-hh-shade-open]{display:inline-flex!important;align-items:center!important;gap:12px!important;margin:8px 0 10px!important;vertical-align:middle!important;max-width:100%!important}
.single-product .summary .hh-farveguide-btn[data-hh-shade-open] .hh-modal-icon{max-height:42px!important;width:auto!important}
@media(max-width:600px){body>.hh-shade-overlay{padding:8px!important}body>.hh-shade-overlay .hh-shade-panel{max-height:calc(100dvh - 16px)!important}.hh-shade-content{padding:30px 18px!important}}