.collection-coupon__inner{display:flex;flex-direction:column;gap:30px}.collection-coupon__image{position:relative;width:100%}.collection-coupon__image img{width:100%;height:auto;display:block}.collection-coupon__image--mobile{display:block}.collection-coupon__image--desktop{display:none}.collection-coupon__action{width:100%}.collection-coupon__register-button{display:block;width:100%;max-width:400px;margin:0 auto;padding:16px 32px;background-color:#000;color:#fff;text-align:center;text-decoration:none;font-size:var(--font-size-md);font-weight:700;border-radius:4px;transition:background-color .3s ease,transform .2s ease}.collection-coupon__register-button:hover{background-color:#333;transform:translateY(-2px)}.collection-coupon__code-wrapper{width:100%;max-width:500px;margin:0 auto}.collection-coupon__code-box{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#f5f5f5;border:2px solid #000;border-radius:4px}.collection-coupon__code-text{flex:1;font-size:var(--font-size-lg);font-weight:700;letter-spacing:.1em;text-align:center}.collection-coupon__copy-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.collection-coupon__copy-button:hover{background-color:#333;transform:translateY(-1px)}.collection-coupon__copy-button:active{transform:translateY(0)}.collection-coupon__copy-button svg{width:18px;height:18px;flex-shrink:0}.collection-coupon__copy-message{margin-top:12px;text-align:center;font-size:var(--font-size-sm);color:#2e7d32;font-weight:700;opacity:0;transition:opacity .3s ease}.collection-coupon__copy-message.is-visible{opacity:1}.collection-coupon__copy-message.is-error{color:#d32f2f}.collection-coupon__details{display:flex;flex-direction:column;gap:30px;margin-top:20px}.collection-coupon__usage{text-align:center}.collection-coupon__usage-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:20px}.collection-coupon__usage-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;text-align:left}.collection-coupon__usage-step{display:flex;gap:10px;align-items:flex-start}.collection-coupon__step-number{flex-shrink:0;font-weight:700;font-size:var(--font-size-md)}.collection-coupon__step-text{flex:1;font-size:var(--font-size-sm);line-height:1.6}.collection-coupon__info-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:20px;text-align:center}.collection-coupon__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:1.6}.collection-coupon__table th,.collection-coupon__table td{padding:12px;border:1px solid #ddd;text-align:left;vertical-align:top}.collection-coupon__table th{background-color:#f5f5f5;font-weight:700;white-space:nowrap;width:120px}.collection-coupon__table td{background-color:#fff}.collection-coupon__table td strong{color:#d32f2f;font-weight:700}@media screen and (min-width: 751px){.collection-coupon__inner{gap:40px}.collection-coupon__image--mobile{display:none}.collection-coupon__image--desktop{display:block}.collection-coupon__register-button{max-width:500px;padding:20px 40px;font-size:var(--font-size-lg)}.collection-coupon__code-wrapper{max-width:600px}.collection-coupon__code-box{padding:20px 28px}.collection-coupon__code-text{font-size:var(--font-size-xl)}.collection-coupon__copy-button{padding:10px 20px;font-size:var(--font-size-md)}.collection-coupon__copy-button svg{width:20px;height:20px}.collection-coupon__copy-message{margin-top:16px;font-size:var(--font-size-md)}.collection-coupon__details{gap:40px;margin-top:30px}.collection-coupon__usage-title{font-size:var(--font-size-xl);margin-bottom:24px}.collection-coupon__usage-steps{gap:20px;max-width:800px;margin:0 auto}.collection-coupon__step-text{font-size:var(--font-size-md)}.collection-coupon__info-title{font-size:var(--font-size-xl);margin-bottom:24px}.collection-coupon__table{font-size:var(--font-size-md)}.collection-coupon__table th,.collection-coupon__table td{padding:16px}.collection-coupon__table th{width:140px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/main-collection-coupon.css.map */