.ch-shop-notice{isolation:isolate;position:fixed;border:0;border-radius:20px;background:linear-gradient(135deg,#921d16 0%,var(--color-red) 75%);color:var(--color-white);width:min(760px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:88px 56px 52px;box-sizing:border-box;overflow:auto}
.ch-shop-notice::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;width:auto;height:auto;background:var(--color-white);opacity:.09;-webkit-mask:url("https://compu-tech.be/wp-content/uploads/2026/09/Hero-Home-Icon.svg") center/contain no-repeat;mask:url("https://compu-tech.be/wp-content/uploads/2026/09/Hero-Home-Icon.svg") center/contain no-repeat;-webkit-mask-size:900px 550px;mask-size:900px 550px;-webkit-mask-position:calc(100% + 260px) -40px;mask-position:calc(100% + 260px) -40px}
.ch-shop-notice::backdrop{background:rgba(0,0,0,.7)}
.ch-shop-notice__close{position:absolute;right:20px;top:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer;touch-action:manipulation}
.ch-shop-notice__close:hover{background:rgba(255,255,255,.12)}
.ch-shop-notice__title{position:relative;margin:0 0 28px;font-family:var(--font-heading);font-size:clamp(42px,4vw,60px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:inherit;overflow-wrap:anywhere}
.ch-shop-notice__text{position:relative;font-family:var(--font-body);font-size:22px;line-height:1.5;color:inherit;overflow-wrap:anywhere}
.ch-shop-notice__text p{margin:0 0 20px}
.ch-shop-notice__text a{color:inherit;text-decoration:underline}
.ch-shop-notice__button{position:relative;margin-top:16px;font-size:18px;font-weight:700;padding:14px 26px}
.ch-shop-notice__close:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}
@media(max-width:900px){.ch-shop-notice{padding:80px 24px 32px}.ch-shop-notice__title{font-size:34px;margin-bottom:22px}.ch-shop-notice__text{font-size:19px;line-height:1.5}.ch-shop-notice::before{-webkit-mask-size:620px 400px;mask-size:620px 400px;-webkit-mask-position:calc(100% + 260px) 40px;mask-position:calc(100% + 260px) 40px}.ch-shop-notice__button{max-width:100%;white-space:normal}}
