.membership-container{margin:15px auto}.membership-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.membership-card{background:#fff8ed;color:#1a1a1a;border-radius:16px;padding:40px 30px;display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box;min-width:0;font-style:normal}.membership-card *{font-style:normal}.membership-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.membership-card-icon svg{width:45px;height:45px;stroke:currentColor}.membership-card h3{color:#1a1a1a;min-width:0;word-wrap:break-word}.membership-card-description{font-family:Work Sans,sans-serif;font-size:24px;line-height:1.6;margin:0 0 20px;opacity:.9;color:#1a1a1a;flex-shrink:0;font-style:normal}.membership-card-buttons{display:flex;gap:30px;margin-top:auto;min-height:60px}.membership-card-btn{flex:1 1 0;border-radius:16px;font-family:Work Sans,sans-serif;font-size:24px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid #d64933;background:#d64933;color:#fff;min-height:60px;box-sizing:border-box;white-space:normal;word-break:break-word}.membership-card-buttons .membership-card-btn:only-child{flex:0 0 50%}.membership-card-btn[href*="joyInstance.openPage"],.membership-card-btn.membership-login-trigger[data-action=primary]{padding:0}.membership-card-btn:hover{background:#b83927;transform:translateY(-2px)}.membership-card-btn-secondary{background:transparent;color:#1a1a1a;border:2px solid #1a1a1a}.membership-card-btn-secondary:hover{background:#1a1a1a;color:#fff}@media (max-width: 1500px){.membership-card-buttons{flex-direction:column-reverse;gap:15px;min-height:135px}.membership-card-btn{flex:0 0 auto;width:100%;order:0}.membership-card-buttons .membership-card-btn:only-child{flex:0 0 auto;width:100%}.membership-card-btn-secondary{order:1}}@media (max-width: 1200px){.membership-cards-row{grid-template-columns:repeat(2,1fr)}.membership-card:nth-child(3){grid-column:1 / -1}.membership-card-btn,.membership-card-btn-secondary{font-size:20px}}@media (max-width: 1023px){.membership-card-buttons{min-height:auto}.membership-cards-row{grid-template-columns:1fr}.membership-card:nth-child(3){grid-column:auto}}@media (max-width: 768px){.membership-card{padding:30px 24px}.membership-card-btn{padding:12px 24px;font-size:18px}.membership-card-buttons{flex-direction:column}}.membership-login-popup{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;margin:0!important;background:#0006!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:opacity .3s ease,backdrop-filter .3s ease}.membership-login-popup-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:transparent!important;z-index:0!important}.membership-login-popup-content{position:relative;background:#fff;border-radius:12px;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000026;animation:membership-popup-fade-in .4s cubic-bezier(.16,1,.3,1);z-index:1!important}@keyframes membership-popup-fade-in{0%{opacity:0;transform:scale(.96) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.membership-login-popup-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 0;gap:16px}.membership-login-popup-header h3,.membership-login-popup-header h2{font-family:"DM Serif Text",serif;font-size:28px;font-weight:400;margin:0;color:#1a1a1a;line-height:1.2}.membership-login-popup-close,.membership-discount-popup-close{background:transparent;border:none;padding:0;width:28px;height:28px;cursor:pointer;border-radius:6px;color:#999;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-2px}.membership-login-popup-close:hover,.membership-discount-popup-close:hover{background:#f5f5f5;color:#1a1a1a}.membership-login-popup-close svg,.membership-discount-popup-close svg{width:20px;height:20px;stroke-width:2.5}.membership-login-popup-body{padding:24px;text-align:center}.membership-login-popup-body p{font-size:16px;line-height:1.5;margin:0 0 24px;color:#666}.membership-login-popup-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:#d64933;color:#fff;text-decoration:none;border-radius:4px;font-size:15px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;min-width:120px}.membership-login-popup-btn:hover{background:#b83927;transform:translateY(-2px);box-shadow:0 4px 12px #d649334d}.membership-discount-form{display:flex;flex-direction:column;gap:16px;width:100%}.membership-email-input{width:100%;padding:14px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.membership-email-input:focus{outline:none;border-color:#d64933;box-shadow:0 0 0 3px #d649331a}.membership-email-input::placeholder{color:#999}.membership-success-message{text-align:center}.membership-success-icon{width:64px;height:64px;margin:0 auto 16px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:membership-success-scale .5s cubic-bezier(.16,1,.3,1)}.membership-success-icon svg{stroke:#fff}@keyframes membership-success-scale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.membership-success-message h2{font-family:"DM Serif Text",serif;font-size:24px;font-weight:400;margin:0 0 8px;color:#1a1a1a}.membership-success-message p{font-size:16px;line-height:1.5;margin:0;color:#666}.membership-login-trigger,.membership-discount-trigger{cursor:pointer;text-decoration:none;font-family:inherit;box-sizing:border-box}@media (max-width: 480px){.membership-login-popup{padding:16px}.membership-login-popup-content{max-width:none}.membership-login-popup-header{padding:20px 20px 0}.membership-login-popup-header h3{font-size:20px}.membership-login-popup-body{padding:20px}.membership-login-popup-body p{font-size:14px}.membership-login-popup-btn{padding:12px 24px;font-size:14px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/membership-section.css.map */