.subscription-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000001;display:none;pointer-events:none}.subscription-popup.show{display:block;pointer-events:auto}.subscription-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6)}.subscription-popup .button{min-height:clamp(30px,2.5vw,48px);font-size:clamp(12px,1.04vw,18px);padding:0}.subscription-popup__content{position:fixed;bottom:0;right:0px;background:#fff;width:clamp(6px,40.28vw,800px);max-height:90vh;overflow-x:hidden;overflow-y:auto;display:flex;box-shadow:0 clamp(6px,1.3vw,25px) clamp(6px,2.6vw,50px) rgba(0,0,0,.25);transform:translateX(100%);transition:transform .3s ease-out;z-index:10}@media(max-width: 768px){.subscription-popup__content{flex-direction:column;width:calc(100vw - 40px);bottom:0;right:0}}.subscription-popup.show .subscription-popup__content{transform:translateX(0)}.subscription-popup__close{position:absolute;top:clamp(6px,.36vw,7px);right:clamp(6px,.63vw,12px);background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:clamp(6px,2.08vw,40px);height:clamp(6px,2.08vw,40px);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.subscription-popup__close:hover{background:#fff;transform:scale(1.1)}.subscription-popup__close svg{width:clamp(6px,1.3vw,25px);height:clamp(6px,1.3vw,25px);color:#000}@media(max-width: 768px){.subscription-popup__close{top:10px;right:10px;width:25px;height:25px}.subscription-popup__close svg{width:20px;height:20px}}.subscription-popup__form{display:flex;width:100%;min-height:auto}@media(max-width: 768px){.subscription-popup__form{flex-direction:column}}.subscription-popup__image{width:clamp(6px,20vw,400px);height:auto;flex-shrink:0}@media(max-width: 768px){.subscription-popup__image{width:100%}}.subscription-popup__image img{width:100%;height:100%;object-fit:cover}.subscription-popup__text{flex:1;padding:clamp(6px,1.56vw,30px);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#000}@media(max-width: 768px){.subscription-popup__text{padding:20px}}.subscription-popup__title{font-size:clamp(10px,1.25vw,24px);font-weight:600;margin-bottom:clamp(6px,.63vw,12px);font-weight:bold;line-height:1.2}@media(max-width: 768px){.subscription-popup__title{margin-bottom:10px;font-size:20px}}.subscription-popup__subtitle{font-size:clamp(10px,.78vw,15px);margin-bottom:clamp(6px,1.04vw,20px);line-height:1.4;letter-spacing:0}@media(max-width: 768px){.subscription-popup__subtitle{margin-bottom:15px;font-size:14px}}.subscription-popup__email-form{margin-bottom:clamp(6px,.63vw,12px)}.subscription-popup__input-wrapper{display:flex;flex-direction:column;gap:clamp(6px,1.56vw,30px);margin-bottom:clamp(6px,.31vw,6px)}.subscription-popup__input{padding:clamp(6px,.52vw,10px) clamp(6px,.63vw,12px);border:1px solid #ddd;border-radius:clamp(2px,.21vw,4px);font-size:clamp(10px,.47vw,14px);width:100%}.subscription-popup__input:focus{outline:none;border-color:var(--primary-color, #8b4513);box-shadow:0 0 0 clamp(1px,.1vw,2px) rgba(139,69,19,.1)}.subscription-popup__input::placeholder{color:#999}.subscription-popup__error{color:#dc3545;font-size:clamp(10px,.63vw,12px);margin-top:clamp(2px,.21vw,4px);display:none}.subscription-popup__error.show{display:block}.subscription-popup__privacy{font-size:clamp(10px,.63vw,12px);color:#000;line-height:1.2;margin:0}.subscription-popup__privacy a{color:var(--primary-color);text-decoration:underline;text-decoration-color:var(--primary-color) !important}.subscription-popup__success{display:flex;width:100%;min-height:auto}@media(max-width: 768px){.subscription-popup__success{flex-direction:column}}.subscription-popup__success-image{width:100%;height:clamp(6px,7.81vw,150px);overflow:hidden;flex-shrink:0}.subscription-popup__success-image img{width:100%;height:100%;object-fit:cover}.subscription-popup__success-text{flex:1;padding:clamp(6px,1.04vw,20px) clamp(6px,1.25vw,24px) clamp(6px,1.25vw,24px);display:flex;flex-direction:column;justify-content:center;text-align:center}@media(max-width: 768px){.subscription-popup__success-text{padding:15px 20px 20px}}.subscription-popup__success-title{font-size:clamp(10px,1.25vw,24px);margin-bottom:clamp(6px,1.56vw,30px);font-weight:bold;line-height:1.2}@media(max-width: 768px){.subscription-popup__success-title{margin-bottom:14px;font-size:20px}}.subscription-popup__success-content{margin-bottom:clamp(6px,.63vw,12px)}.subscription-popup__success-body{font-size:clamp(10px,.78vw,15px);color:#000;margin:0 0 clamp(10px,1vw,16px);line-height:1.4;letter-spacing:0}@media(max-width: 768px){.subscription-popup__success-body{font-size:14px}}.subscription-popup__codes{list-style:none;margin:0 0 clamp(6px,1.56vw,30px);padding:0;font-size:clamp(10px,.78vw,15px);color:#000;line-height:1.5;letter-spacing:0}.subscription-popup__codes li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 6px}@media(max-width: 768px){.subscription-popup__codes{font-size:14px}}.subscription-popup__code-text{font-size:clamp(10px,.78vw,15px);color:#000;margin-bottom:clamp(6px,1.56vw,30px);letter-spacing:0}@media(max-width: 768px){.subscription-popup__code-text{font-size:14px}}.subscription-popup__code{min-width:6em;font-size:inherit;font-weight:bold;color:#000;text-decoration:underline}.subscription-popup__copy-code{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#7f4530;cursor:pointer;line-height:1}.subscription-popup__copy-code svg{width:clamp(12px,1.09375vw,18px);height:auto;display:block}.subscription-popup #copy-code{width:clamp(10px,1.09375vw,21px);height:auto}.subscription-popup__copy{background:none;border:none;cursor:pointer;font-size:clamp(10px,.57vw,17px);padding:clamp(2px,.21vw,4px);border-radius:clamp(2px,.21vw,4px);transition:background .2s ease}.subscription-popup__copy:hover{background:#f0f0f0}.subscription-popup__code-description{font-size:clamp(10px,.78vw,15px);color:#000;margin:0}.subscription-popup__success-subtitle{font-size:clamp(10px,.63vw,12px);color:#a8a8a8;line-height:1.3;margin-top:clamp(6px,.52vw,10px)}#copy-code{cursor:pointer}@keyframes subscriptionSlideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes subscriptionSlideOut{from{transform:translateX(0)}to{transform:translateX(100%)}}.subscription-popup.show .subscription-popup__content{animation:subscriptionSlideIn .4s ease-out forwards}.subscription-popup.hiding .subscription-popup__content{animation:subscriptionSlideOut .3s ease-in forwards}
