boom-custom-code{background:var(--section-bg, #FFF8EC);padding:var(--padding-x, 40px) var(--padding-y, 24px);display:flex;justify-content:center}boom-custom-code .coupon-title{text-align:center;display:flex;align-items:center;justify-content:center;width:max-content;margin:auto auto 10px;gap:10px}boom-custom-code .coupon-left{background:var(--left-bg, linear-gradient(135deg, #ff6a39 0%, #f47a20 100%))}boom-custom-code .off-text{color:var(--left-text-color, #ffffff)}boom-custom-code .off-sub{color:var(--left-sub-color, rgba(255, 255, 255, .95))}boom-custom-code .coupon-left:before{background:var(--extra-bg, #242f20);color:var(--extra-text-color, #ffffff)}boom-custom-code .coupon-right{background:var(--right-bg, #ffa15a)}boom-custom-code .code-pill{color:var(--right-text-color, #ffffff)}boom-custom-code .code-hint{color:var(--right-hint-color, rgba(255, 255, 255, .95))}boom-custom-code .progress-bg-bar{background:linear-gradient(to right,var(--progress-gradient-start, #ff4d15) 0%,var(--progress-gradient-mid, #ff7f40) 50%,var(--progress-gradient-end, #ffa84a) 100%)}boom-custom-code .step-dot{background:var(--dot-bg-color, #ff6a39);border-color:var(--dot-border-color, #ffffff)}boom-custom-code .step-label{color:var(--step-label-color, #000000)}boom-custom-code .container{width:100%;max-width:1200px}boom-custom-code .coupon-wrap{display:flex;gap:16px;flex-wrap:nowrap;width:100%}boom-custom-code .coupon{flex:1;min-width:0;background:#fff;border-radius:10px;overflow:hidden;position:relative;display:flex}boom-custom-code .coupon-left{flex:1.4;padding:0 12px 0 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}boom-custom-code .coupon-left:before{content:"EXTRA";position:absolute;top:12px;left:-16px;font-size:10px;font-weight:800;padding:2px 20px;transform:rotate(-45deg);letter-spacing:.08em;box-shadow:0 2px 4px #00000026;border:.5px solid rgba(255,255,255,.1)}boom-custom-code .off-text{font-size:28px;font-weight:800;line-height:1.1}boom-custom-code .off-sub{font-size:12px;margin-top:5px;font-weight:600}boom-custom-code .divider-wrap{position:relative;width:0;background:#f47a20}boom-custom-code .divider-wrap:before,boom-custom-code .divider-wrap:after{content:"";position:absolute;width:14px;height:14px;background:#fcf4e8;border-radius:50%;left:-7px;z-index:2}boom-custom-code .divider-wrap:before{top:-7px}boom-custom-code .divider-wrap:after{bottom:-7px}boom-custom-code .divider{position:absolute;top:8px;bottom:8px;left:-.5px;border-left:1.5px dashed rgba(255,255,255,.6);z-index:1}boom-custom-code .coupon-right{flex:1.6;padding:12px;display:flex;flex-direction:column;justify-content:center}boom-custom-code .code-row{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;width:100%;margin-bottom:4px}boom-custom-code .code-pill{flex:1.6;background:transparent;text-align:center;font-size:20px;font-weight:700;letter-spacing:.5px;-webkit-user-select:all;user-select:all;width:120px}boom-custom-code .inner-copy-btn{flex:1;width:120px;border:1.5px solid #ffffff;border-radius:4px;color:#fff;font-weight:700;padding:4.5px 0;text-align:center;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#fff;color:#fd5000;font-size:20px}boom-custom-code .inner-copy-btn:hover{background:#ffffff26;transform:scale(1.03)}boom-custom-code .inner-copy-btn:active{transform:scale(.97)}boom-custom-code .inner-copy-btn.copied{background:#fd5000!important;border-color:#fd5000!important;color:#fff!important;box-shadow:0 2px 6px #fd500066}boom-custom-code .code-hint{font-size:12px;font-weight:500;text-align:center;line-height:1.2;margin-top:4px}boom-custom-code .progress-container{position:relative;margin-top:16px;padding:10px 0;width:100%}boom-custom-code .progress-bg-bar{position:absolute;top:20px;left:0;right:0;height:8px;border-radius:99px;z-index:0}boom-custom-code .step-row{display:flex;justify-content:space-between;position:relative;z-index:1}boom-custom-code .step-item{display:flex;flex-direction:column;align-items:center;width:33.33%}boom-custom-code .step-dot{width:30px;height:30px;border-radius:50%;border-width:2px;border-style:solid;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff6a3966}boom-custom-code .step-dot:after{content:"";width:6px;height:6px;border-top:2.5px solid #ffffff;border-right:2.5px solid #ffffff;transform:rotate(45deg);margin-left:-2px}boom-custom-code .step-label{font-size:13px;font-weight:700;margin-top:10px;text-align:center;text-shadow:0 1px 0px rgba(255,255,255,.8)}@media(max-width:768px){boom-custom-code body{padding:24px 16px}boom-custom-code .container{overflow-x:hidden}boom-custom-code .coupon-wrap{min-width:100%;flex-direction:column;gap:12px;margin-bottom:24px}boom-custom-code .coupon{width:100%;height:auto}boom-custom-code .coupon-left{padding:20px 12px}boom-custom-code .coupon-right{padding:10px 12px}boom-custom-code .progress-container{display:none}boom-custom-code .code-hint{font-size:10px}boom-custom-code .code-pill{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/boom-custom-code.css.map */