.devnet_fsl-free-shipping{box-shadow:0 0 2rem -1rem #000;box-sizing:border-box;margin:1rem 0 2rem;padding:1rem 2rem;width:100%}.devnet_fsl-free-shipping:after{content:""}.devnet_fsl-free-shipping.fsl-flat{margin:0;padding:0}.devnet_fsl-free-shipping *{box-sizing:border-box}.devnet_fsl-free-shipping .fsl-reached-message{border-bottom:1px solid var(--fsl-bar-border-color);display:block;font-size:1rem;font-weight:700;line-height:1.2;padding-bottom:.5rem;position:relative}.devnet_fsl-free-shipping .fsl-reached-message:before{color:var(--fsl-bar-inner-color,green);content:"✓";font-weight:700;margin-right:.5rem;width:2rem}.devnet_fsl-free-shipping .fsl-reached-message+.fsl-title,.devnet_fsl-free-shipping .fsl-reached-message:not(:first-child){margin-top:1rem}.devnet_fsl-free-shipping.qualified-message .fsl-reached-message{border-bottom:none;margin:0}.devnet_fsl-free-shipping.qualified-message .fsl-reached-message:last-child{padding-bottom:0}.devnet_fsl-free-shipping .fsl-title,.devnet_fsl-free-shipping .title{display:block;font-size:1.1em;margin:0 auto;width:100%}.devnet_fsl-free-shipping .fsl-title .fsl-gift-bar-title,.devnet_fsl-free-shipping .title .fsl-gift-bar-title{display:block;margin-top:1rem}.devnet_fsl-free-shipping .fsl-description,.devnet_fsl-free-shipping .fsl-notice,.devnet_fsl-free-shipping .notice{display:block;width:100%}.devnet_fsl-free-shipping .fsl-description .woocommerce-Price-amount.amount,.devnet_fsl-free-shipping .fsl-notice .woocommerce-Price-amount.amount,.devnet_fsl-free-shipping .notice .woocommerce-Price-amount.amount{font-weight:700}.devnet_fsl-free-shipping:dir(rtl) .fsl-description .amount,.devnet_fsl-free-shipping:dir(rtl) .fsl-notice .amount,.devnet_fsl-free-shipping:dir(rtl) .fsl-reached-message .amount,.devnet_fsl-free-shipping:dir(rtl) .fsl-title .amount{align-items:center;direction:ltr;display:inline-flex;unicode-bidi:isolate}.devnet_fsl-free-shipping .fsl-progress-bar,.devnet_fsl-free-shipping .progress-bar{border:.0625rem solid #000;border-radius:var(--fsl-bar-border-radius,"8px");box-shadow:0 .3rem 1rem -.5rem #000;display:block;float:none!important;height:auto;justify-content:flex-start;margin:1rem 0!important;overflow:unset;padding:0;visibility:visible;width:100%}.devnet_fsl-free-shipping .fsl-progress-bar .fsl-progress-amount,.devnet_fsl-free-shipping .fsl-progress-bar .progress-amount,.devnet_fsl-free-shipping .progress-bar .fsl-progress-amount,.devnet_fsl-free-shipping .progress-bar .progress-amount{border-radius:var(--fsl-bar-border-radius,"8px");display:block;position:relative}.devnet_fsl-free-shipping .fsl-progress-bar span,.devnet_fsl-free-shipping .progress-bar span{border-radius:3px;display:inline-block;height:100%;transition:width .4s ease-in-out}.devnet_fsl-free-shipping .fsl-progress-bar.shine span,.devnet_fsl-free-shipping .progress-bar.shine span{position:relative}.devnet_fsl-free-shipping .fsl-progress-bar.shine span.fsl-progress-amount:after,.devnet_fsl-free-shipping .progress-bar.shine span.fsl-progress-amount:after{animation:fsl-animate-shine 2s ease-out infinite;background:#fff;border-radius:3px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.devnet_fsl-free-shipping .fsl-progress-bar.stripes span.fsl-progress-amount,.devnet_fsl-free-shipping .progress-bar.stripes span.fsl-progress-amount{animation:fsl-animate-stripes 3s linear infinite;background-image:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px}.devnet_fsl-free-shipping .fsl-progress-bar.stripes span.fsl-progress-amount:dir(rtl),.devnet_fsl-free-shipping .progress-bar.stripes span.fsl-progress-amount:dir(rtl){animation:fsl-animate-stripes 3s linear infinite reverse}.devnet_fsl-free-shipping.qualified-message .title{margin:0;padding:0}.devnet_fsl-free-shipping.fsl-center-text,.devnet_fsl-free-shipping.fsl-center-text .fsl-description,.devnet_fsl-free-shipping.fsl-center-text .fsl-notice,.devnet_fsl-free-shipping.fsl-center-text .fsl-reached-message,.devnet_fsl-free-shipping.fsl-center-text .fsl-title{text-align:center}.devnet_fsl-free-shipping.fsl-no-stripes .stripes span{animation:none!important;background-image:none!important;background-size:30px 30px!important}@keyframes fsl-animate-stripes{0%{background-position:0 0}to{background-position:60px 0}}@keyframes fsl-animate-shine{0%{opacity:0;width:0}50%{opacity:.5}to{opacity:0;width:100%}}.devnet_fsl-no-shadow{border:none;box-shadow:none;padding-left:0;padding-right:0}.devnet_fsl-no-shadow.notice-bar{padding-left:.5rem;padding-right:.5rem}.devnet_fsl-no-shadow ul.fsl-modules-list{margin-left:.5rem!important}.devnet_fsl-no-shadow ul.fsl-modules-list:dir(rtl){margin-left:unset;margin-right:.5rem!important}.devnet_fsl-label{box-shadow:0 5px 16px -8px #000;display:block!important;font-size:.8em;font-weight:700;margin:1rem auto;padding:.3rem .5rem;text-align:center}.devnet_fsl-no-animation.devnet_fsl-disabled-animation-all .fsl-progress-amount,.devnet_fsl-no-animation.devnet_fsl-disabled-animation-all .fsl-progress-amount:after,.devnet_fsl-no-animation.devnet_fsl-disabled-animation-shine .fsl-progress-amount:after,.devnet_fsl-no-animation.devnet_fsl-disabled-animation-strips .fsl-progress-amount{animation:none!important}.summary .devnet_fsl-label{margin:.5rem 0 1rem;max-width:max-content}.devnet_fsl-free-shipping .notice,.devnet_fsl-free-shipping .title{color:var(--fsl-text-color)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar{flex-basis:100%;position:relative}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar.fsl-bar-width-adjust{flex-basis:calc(100% - var(--fsl-bar-width-adjust, 0));width:calc(100% - var(--fsl-bar-width-adjust, 0))}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator{--fsl-icon-container-size:calc(var(--fsl-icon-size, 0px)*1.5);align-items:center;display:flex;height:var(--fsl-icon-container-size);justify-content:center;left:calc(var(--fsl-module-threshold) - var(--fsl-icon-container-size)/2);position:absolute;top:50%;transform:translateY(-50%);z-index:0}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator:dir(rtl){left:unset;right:calc(var(--fsl-module-threshold) - var(--fsl-icon-container-size)/2)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon{--fsl-icon-container-size:calc(var(--fsl-icon-size, var(--fsl-bar-height))*1.5);--fsl-icon-container-border-width:1px;background:var(--fsl-icon-bg-color,#fff);border:var(--fsl-icon-container-border-width) solid #333;border-radius:100%;width:var(--fsl-icon-container-size)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon.fsl-icon-shape-round{border-radius:100%}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon.fsl-icon-shape-rounded{border-radius:20%}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon.fsl-icon-shape-square{border-radius:0}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon .fsl-svg-icon g path,.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon .fsl-svg-icon>*{fill:var(--fsl-icon-color)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon .fsl-svg-icon>rect{fill:transparent}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon:after{content:none}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-icon.fsl-threshold-reached{border-color:var(--fsl-bar-inner-color,#8bc34a);box-shadow:inset 0 0 6px 0 var(--fsl-bar-inner-color,#8bc34a)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble{z-index:var(--fsl-indicator-z-index)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble:hover{z-index:2}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble .fsl-threshold-bubble{--fsl-pointer-width:5px;--fsl-pointer-height:16px;background:#fff;border-radius:8px;bottom:calc(var(--fsl-bar-height)/2 + var(--fsl-pointer-height));box-shadow:0 0 9px -3px #000;cursor:default;font-size:.8em;height:auto;padding:.5rem;position:absolute!important;right:-1rem;width:10rem}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble .fsl-threshold-bubble:dir(rtl){left:-1rem;right:unset}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble .fsl-threshold-bubble>span{height:auto}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble .fsl-threshold-bubble:after{border-style:solid;border-bottom:0;border-left:var(--fsl-pointer-width) solid transparent;border-right:var(--fsl-pointer-width) solid transparent;border-top:var(--fsl-pointer-height) solid var(--fsl-bar-inner-color,#fff);content:"";height:0;position:absolute;right:calc(1rem - var(--fsl-pointer-width));top:100%;width:0}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble .fsl-threshold-bubble:dir(rtl):after{left:calc(1rem - var(--fsl-pointer-width));right:unset}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble.fsl-has-threshold-icon .fsl-threshold-bubble{bottom:calc(var(--fsl-bar-height) + var(--fsl-icon-container-size)/2 + var(--fsl-pointer-height))}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble.fsl-has-threshold-icon .fsl-threshold-bubble:after{right:calc(1rem - var(--fsl-pointer-width) + var(--fsl-icon-container-size)/2 - var(--fsl-icon-container-border-width)*1.5)}.devnet_fsl-free-shipping .fsl-progress-bar.progress-bar .fsl-threshold-indicator.fsl-has-threshold-bubble.fsl-has-threshold-icon .fsl-threshold-bubble:dir(rtl):after{left:calc(1rem - var(--fsl-pointer-width) + var(--fsl-icon-container-size)/2 - var(--fsl-icon-container-border-width)*1.5);right:unset}.devnet_fsl-free-shipping.fsl-layout-threshold_bubbles{box-shadow:unset}.devnet_fsl-free-shipping.fsl-layout-threshold_bubbles .fsl-height-adjuster{color:transparent;font-size:.8em;margin-bottom:16px;opacity:0;padding:.5rem;pointer-events:none;visibility:hidden;width:10rem}.devnet_fsl-free-shipping.fsl-layout-horizontal_1,.devnet_fsl-free-shipping.fsl-layout-horizontal_2{display:flex;flex-wrap:wrap;justify-content:space-between}.devnet_fsl-free-shipping.fsl-layout-horizontal_1 .fsl-module-block,.devnet_fsl-free-shipping.fsl-layout-horizontal_2 .fsl-module-block{display:inline-block;max-width:calc(50% - .5rem)}.devnet_fsl-free-shipping.fsl-layout-horizontal_1 .fsl-module-block .fsl-title,.devnet_fsl-free-shipping.fsl-layout-horizontal_2 .fsl-module-block .fsl-title{text-align:left}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list{list-style:none;margin:0;padding:0 0 0 1rem;position:relative}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list:before,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list:before{background-color:#000;bottom:6px;content:"";left:-2px;position:absolute;top:2px;width:2px}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list:dir(rtl):before,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list:dir(rtl):before{left:unset;right:-2px}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li{margin:0 0 1rem;padding:0;position:relative;transform:unset}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li:before,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li:before{background-color:#fff;border:.25rem solid var(--fsl-bar-border-color,"#000000");border-radius:100%;box-sizing:border-box;content:"";height:1rem;left:-1.55rem;position:absolute;top:2px;width:1rem}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li:last-child,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li:last-child{margin-bottom:0}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li.fsl-reached,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li.fsl-reached{margin-left:.5rem}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li.fsl-reached:before,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li.fsl-reached:before{align-items:center;border-width:.2rem;color:var(--fsl-bar-inner-color,"green");content:"✓";display:flex;font-size:1rem;font-weight:700;height:1.5rem;justify-content:center;left:-2.3rem;top:0;width:1.5rem}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li .fsl-title,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li .fsl-title{line-height:1.3;margin:0;text-align:left}.devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li .fsl-description,.devnet_fsl-free-shipping.fsl-layout-list_alt ul.fsl-modules-list li .fsl-description{text-align:left}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list{border-left:unset;border-right:2px solid;direction:ltr;padding-left:unset;padding-right:1rem}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list li:before,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list li:before{left:unset;right:-1.55rem}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list li.fsl-reached,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list li.fsl-reached{margin-left:unset;margin-right:.5rem}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list li.fsl-reached:before,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list li.fsl-reached:before{left:unset;right:-2.3rem}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list li .fsl-title,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list li .fsl-title{text-align:right}.devnet_fsl-free-shipping.fsl-layout-list:dir(rtl) ul.fsl-modules-list li .fsl-description,.devnet_fsl-free-shipping.fsl-layout-list_alt:dir(rtl) ul.fsl-modules-list li .fsl-description{text-align:right}.devnet_fsl-free-shipping.fsl-layout-stacked{display:flex;flex-direction:column}.devnet_fsl-free-shipping.fsl-layout-stacked .fsl-module-block{border-bottom:.1rem solid;margin-bottom:.5rem;padding-bottom:.5rem;position:relative}.devnet_fsl-free-shipping.fsl-layout-stacked .fsl-module-block .fsl-description,.devnet_fsl-free-shipping.fsl-layout-stacked .fsl-module-block .fsl-title{text-align:left}.devnet_fsl-free-shipping.fsl-layout-timeline{display:flex;flex-direction:column}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block{background-color:#fff;border-radius:.5rem;box-shadow:0 0 6px -2px #000;padding:.3rem 1rem;position:relative}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block:before{border:.75rem solid transparent;content:"";height:0;left:var(--fsl-timeline-threshold);position:absolute;width:0}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block .fsl-description,.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block .fsl-title{text-align:left}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block:first-child{order:1}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block:first-child:before{border-bottom:none;border-top-color:#fff;filter:drop-shadow(0 2px 1px #c7c7c7);top:100%}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block:nth-child(2){border-top-right-radius:0;order:10}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-timeline-block:nth-child(2):before{border-bottom-color:#fff;border-top:none;filter:drop-shadow(0 -2px 1px #c7c7c7);left:unset;right:0;top:-.75rem}.devnet_fsl-free-shipping.fsl-layout-timeline .fsl-progress-bar{order:5}.fsl-circular-bar-wrapper{height:var(--fsl-circle-size);margin:1rem auto;position:relative;width:var(--fsl-circle-size)}.fsl-circular-bar-wrapper:nth-child(3n+1){clear:both}.fsl-circular-bar-wrapper .fsl-circular-bar{height:100%;width:100%;clip:rect(0,var(--fsl-circle-size),var(--fsl-circle-size),var(--fsl-circle-size-half));left:0;position:absolute;top:0}.fsl-circular-bar-wrapper .fsl-circular-bar .fsl-half-circle{border-color:currentColor;border:var(--fsl-circle-size-tenth) solid;border-radius:50%;color:var(--fsl-circle-bar-inner-color,inherit);height:100%;width:100%;clip:rect(0,var(--fsl-circle-size-half),var(--fsl-circle-size),0);left:0;position:absolute;top:0}.fsl-circular-bar-wrapper .fsl-circular-bar .fsl-left-side{transform:rotate(var(--fsl-circle-left-rotation))}.fsl-circular-bar-wrapper .fsl-circular-bar.less-than-50 .fsl-right-side{display:none}.fsl-circular-bar-wrapper .fsl-circular-bar.more-than-50{clip:rect(auto,auto,auto,auto)}.fsl-circular-bar-wrapper .fsl-circular-bar.more-than-50 .fsl-right-side{transform:rotate(180deg)}.fsl-circular-bar-wrapper .fsl-inner-circle{align-items:center;background-color:var(--fsl-circle-bg-color,transparent);border-radius:50%;bottom:var(--fsl-circle-size-tenth);color:var(--fsl-text-color,currentColor);cursor:default;display:flex;flex-direction:column;justify-content:center;left:var(--fsl-circle-size-tenth);padding:var(--fsl-circle-size-tenth);position:absolute;right:var(--fsl-circle-size-tenth);text-align:center;top:var(--fsl-circle-size-tenth)}.fsl-circular-bar-wrapper .fsl-inner-circle .fsl-svg-icon g path,.fsl-circular-bar-wrapper .fsl-inner-circle .fsl-svg-icon>*{fill:var(--fsl-circular-bar-icon-color)}.fsl-circular-bar-wrapper .fsl-inner-circle .fsl-svg-icon>rect{fill:transparent}.fsl-circular-bar-wrapper .fsl-circular-bar-background{border:var(--fsl-circle-size-tenth) solid var(--fsl-circle-bar-bg-color,transparent);border-radius:50%;height:100%;width:100%}.fsl-circular-bar-wrapper.animation.puls .fsl-half-circle{animation:fsl-animate-invert-puls 2s infinite}@keyframes fsl-animate-invert-puls{0%{filter:invert(0)}50%{filter:invert(35%)}to{filter:invert(0)}}@keyframes fsl-animate-opacity-puls{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.devnet_fsl-free-shipping.notice-bar,.fsl-wrapper.notice-bar{background-color:#fff;margin:0;max-width:320px;position:fixed;z-index:9999}.devnet_fsl-free-shipping.notice-bar .fsl-close-notice-bar,.fsl-wrapper.notice-bar .fsl-close-notice-bar{align-items:center;background-color:#d3d3d3;border-radius:100%;box-sizing:content-box;cursor:pointer;display:flex;height:1rem;justify-content:center;padding:6px;position:absolute;right:-12px;top:-12px;width:1rem}.devnet_fsl-free-shipping.notice-bar .fsl-close-notice-bar:hover,.fsl-wrapper.notice-bar .fsl-close-notice-bar:hover{background-color:#a9a9a9}.devnet_fsl-free-shipping.notice-bar.fsl-multiple-notice-bars,.fsl-wrapper.notice-bar.fsl-multiple-notice-bars{display:flex;flex-direction:column}.devnet_fsl-free-shipping.notice-bar.fsl-multiple-notice-bars .notice-bar,.fsl-wrapper.notice-bar.fsl-multiple-notice-bars .notice-bar{margin-bottom:1rem;position:sticky}.devnet_fsl-free-shipping.notice-bar.autohide.top-left,.fsl-wrapper.notice-bar.autohide.top-left{animation:noticeBarFadeInOutLeft 5s;left:-100vw;top:var(--fsl-notice-bar-margin-y,32px)}.devnet_fsl-free-shipping.notice-bar.autohide.top-right,.fsl-wrapper.notice-bar.autohide.top-right{animation:noticeBarFadeInOutRight 5s;right:-100vw;top:var(--fsl-notice-bar-margin-y,32px)}.devnet_fsl-free-shipping.notice-bar.autohide.bottom-left,.fsl-wrapper.notice-bar.autohide.bottom-left{animation:noticeBarFadeInOutLeft 5s;bottom:var(--fsl-notice-bar-margin-y,32px);left:-100vw}.devnet_fsl-free-shipping.notice-bar.autohide.bottom-right,.fsl-wrapper.notice-bar.autohide.bottom-right{animation:noticeBarFadeInOutRight 5s;bottom:var(--fsl-notice-bar-margin-y,32px);right:-100vw}.devnet_fsl-free-shipping.notice-bar.hold.top-left,.fsl-wrapper.notice-bar.hold.top-left{animation:noticeBarFadeInLeft .5s;left:var(--fsl-notice-bar-margin-x,32px);top:var(--fsl-notice-bar-margin-y,32px)}.devnet_fsl-free-shipping.notice-bar.hold.top-right,.fsl-wrapper.notice-bar.hold.top-right{animation:noticeBarFadeInRight .5s;right:var(--fsl-notice-bar-margin-x,32px);top:var(--fsl-notice-bar-margin-y,32px)}.devnet_fsl-free-shipping.notice-bar.hold.bottom-left,.fsl-wrapper.notice-bar.hold.bottom-left{animation:noticeBarFadeInLeft .5s;bottom:var(--fsl-notice-bar-margin-y,32px);left:var(--fsl-notice-bar-margin-x,32px)}.devnet_fsl-free-shipping.notice-bar.hold.bottom-right,.fsl-wrapper.notice-bar.hold.bottom-right{animation:noticeBarFadeInRight .5s;bottom:var(--fsl-notice-bar-margin-y,32px);right:var(--fsl-notice-bar-margin-x,32px)}@keyframes noticeBarFadeInLeft{0%{left:-100vw;opacity:0}to{left:var(--fsl-notice-bar-margin-x,32px);opacity:1}}@keyframes noticeBarFadeInRight{0%{opacity:0;right:-100vw}to{opacity:1;right:var(--fsl-notice-bar-margin-x,32px)}}@keyframes noticeBarFadeInOutLeft{0%{left:-100vw;opacity:0}5%{left:var(--fsl-notice-bar-margin-x,32px);opacity:1}90%{left:var(--fsl-notice-bar-margin-x,32px);opacity:1}to{left:-100vw;opacity:0}}@keyframes noticeBarFadeInOutRight{0%{opacity:0;right:-100vw}5%{opacity:1;right:var(--fsl-notice-bar-margin-x,32px)}90%{opacity:1;right:var(--fsl-notice-bar-margin-x,32px)}to{opacity:0;right:-100vw}}.devnet_fsl-label-image .fsl-label-image{height:auto!important;object-fit:contain!important;width:var(--fsl-label-image-width,100px)!important}.devnet_fsl-label-over-image{display:block;position:absolute;z-index:5}.devnet_fsl-label-over-image.top-left{left:var(--fsl-label-margin-x,0);top:var(--fsl-label-margin-y,0)}.devnet_fsl-label-over-image.top-right{right:var(--fsl-label-margin-x,0);top:var(--fsl-label-margin-y,0)}.devnet_fsl-label-over-image.bottom-left{bottom:var(--fsl-label-margin-y,0);left:var(--fsl-label-margin-x,0)}.devnet_fsl-label-over-image.bottom-right{bottom:var(--fsl-label-margin-y,0);right:var(--fsl-label-margin-x,0)}.devnet_fsl-label-over-image .devnet_fsl-label{margin:0}#fkcart-modal .fkcart-preview-ui .fkcart-slider-body{grid-template-rows:min-content!important}#fkcart-modal .fkcart-preview-ui .fkcart-slider-body .fsl-wrapper .devnet_fsl-free-shipping{margin:0}#fkcart-modal .fsl-layout-threshold_bubbles .fsl-threshold-bubble{width:13rem}.xoo-wsc-header .devnet_fsl-free-shipping{margin-bottom:0}#wfacp-e-form .devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list{margin:0!important;padding:0 0 0 1rem!important}#wfacp-e-form .devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li{margin:0 0 1rem!important;padding:0!important;position:relative!important}#wfacp-e-form .devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li.fsl-reached{margin-left:.5rem!important}#wfacp-e-form .devnet_fsl-free-shipping.fsl-layout-list ul.fsl-modules-list li:last-child{margin-bottom:0!important}#wfacp-e-form .devnet_fsl-free-shipping span.fsl-progress-amount.progress-amount{display:block!important}#wfacp-e-form .devnet_fsl-free-shipping .fsl-title.title{color:var(--fsl-text-color)!important;font-size:1.1em!important;margin:0 auto!important}.wpgens-loyalty-container {
position: relative;
padding: 48px 24px;
max-width: 1024px;
margin: auto;
}
.wpgens-default-button {
all: unset;
outline: 0 !important;
border: 0 !important;
text-decoration: none !important;
cursor: pointer;
font-size: 14px;
height: 36px;
line-height: 36px;
padding: 0 24px;
margin: 0;
text-align: center;
min-width: 60px;
display: inline;
border-radius: 4px;
transition: opacity 0.2s ease-in-out;
background-color: #444;
color: #fff;
}
.wpgens-loyalty-button {
all: unset;
outline: 0 !important;
border: 0 !important;
text-decoration: none !important;
cursor: pointer;
font-size: 14px;
height: 36px;
line-height: 36px;
padding: 0 24px;
margin: 0;
text-align: center;
min-width: 60px;
display: inline;
border-radius: 4px;
transition: opacity 0.2s ease-in-out;
background-color: var(--branding-color, #444);
color: #fff;
}
.wpgens-loyalty-button:hover {
opacity: 0.8;
}
.wpgens-loyalty-button:disabled {
cursor: unset;
opacity: 0.3;
}
.wpgens-loyalty-button.used {
background-color: #e5e7eb;
color: #6b7280;
cursor: default;
}
.wpgens-loyalty-button.available {
background-color: #dcfce7;
color: #166534;
} .wpgens-loyalty-ranks-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
margin: 24px 0;
}
.wpgens-loyalty-rank-card {
background: #fff;
border: 2px solid #e5e7eb;
border-radius: 12px;
padding: 24px;
transition: all 0.3s ease;
position: relative;
}
.wpgens-loyalty-rank-card:hover {
border-color: #d1d5db;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.wpgens-loyalty-rank-card.current-rank {
border-color: var(--branding-color, #be8b3b);
background: linear-gradient(145deg, #fff 0%, var(--branding-color-bg, #fefbf3) 100%);
}
.wpgens-loyalty-rank-card.achieved { }
.wpgens-loyalty-rank-header {
text-align: center;
margin-bottom: 20px;
}
.wpgens-loyalty-rank-badge {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.wpgens-loyalty-rank-image {
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 8px;
}
.wpgens-loyalty-rank-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #f3f4f6;
color: #6b7280;
}
.wpgens-loyalty-rank-card .wpgens-loyalty-rank-icon {
background: var(--branding-color-light, #fef3c7);
color: var(--branding-color, #be8b3b);
}
.wpgens-loyalty-rank-info { }
.wpgens-loyalty-rank-title {
font-size: 20px;
font-weight: 700;
margin: 0 0 8px 0;
color: #111827;
}
.wpgens-loyalty-current-badge {
background: var(--branding-color, #be8b3b);
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 4px 8px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
display: inline-block;
margin-bottom: 8px;
}
.wpgens-loyalty-rank-requirement {
font-size: 14px;
color: #6b7280;
font-weight: 500;
}
.wpgens-loyalty-rank-rewards {
border-top: 1px solid #f3f4f6;
padding-top: 20px;
}
.wpgens-loyalty-rewards-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 12px 0;
color: #374151;
}
.wpgens-loyalty-rewards-list {
list-style: none;
margin: 0;
padding: 0;
}
.wpgens-loyalty-reward-item {
padding: 8px 0;
}
.wpgens-loyalty-reward-item:first-child {
padding-top: 0;
}
.wpgens-loyalty-reward-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.wpgens-loyalty-reward-title {
font-size: 14px;
font-weight: 500;
color: #374151;
}
.wpgens-loyalty-reward-description {
font-size: 13px;
color: #6b7280;
}
.wpgens-loyalty-no-rewards {
font-size: 14px;
color: #9ca3af;
font-style: italic;
margin: 0;
text-align: center;
padding: 16px 0;
}
.wpgens-loyalty-rank-progress {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 24px;
margin-top: 32px;
}
.wpgens-loyalty-rank-progress h4 {
margin: 0 0 16px 0;
font-size: 18px;
font-weight: 600;
color: #111827;
}
.wpgens-loyalty-progress-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.wpgens-loyalty-next-rank {
font-size: 14px;
font-weight: 600;
color: #374151;
}
.wpgens-loyalty-points-needed {
font-size: 14px;
color: #6b7280;
}
.wpgens-loyalty-progress-bar {
width: 100%;
height: 8px;
background: #f3f4f6;
border-radius: 4px;
overflow: hidden;
}
.wpgens-loyalty-progress-fill {
height: 100%;
background: var(--branding-color, linear-gradient(90deg, #be8b3b 0%, #d4af47 100%));
border-radius: 4px;
transition: width 0.3s ease;
}
.wpgens-loyalty-no-ranks {
text-align: center;
padding: 48px 24px;
color: #6b7280;
}
.wpgens-loyalty-no-ranks p {
margin: 0;
font-size: 16px;
} .wpgens-loyalty-reward-item.claimed {
opacity: 0.7;
position: relative;
}
.wpgens-loyalty-reward-claimed-badge {
display: inline-block;
background: #10b981;
color: #fff;
font-size: 11px;
font-weight: 600;
padding: 2px 6px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-left: 8px;
}
.wpgens-loyalty-claim-rewards-section {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #f3f4f6;
text-align: center;
}
.wpgens-loyalty-claim-rewards-btn.claiming {
position: relative;
color: transparent !important;
}
.wpgens-loyalty-claim-rewards-btn.claiming::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border: 2px solid #fff;
border-top: 2px solid transparent;
border-radius: 50%;
animation: wpgens-spin 1s linear infinite;
}
@keyframes wpgens-spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
} @media (max-width: 768px) {
.wpgens-loyalty-ranks-container {
grid-template-columns: 1fr;
gap: 16px;
margin: 16px 0;
}
.wpgens-loyalty-rank-card {
padding: 20px;
}
.wpgens-loyalty-rank-header {
margin-bottom: 16px;
}
.wpgens-loyalty-rank-title {
font-size: 18px;
}
.wpgens-loyalty-progress-info {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
} .wpgens-loyalty-message {
padding: 1em;
margin: 1em 0;
border-radius: 4px;
border: 1px solid;
}
.wpgens-loyalty-message.success {
background: #f7fff7;
border-color: #c3e6cb;
color: #155724;
}
.wpgens-loyalty-message.error {
background: #fff7f7;
border-color: #f5c6cb;
color: #721c24;
} .wpgens-loyalty-landing {
padding: 0;
margin: auto;
}
.wpgens-loyalty-landing p {
font-size: 16px;
line-height: 24px;
margin: 0 0 12px;
color: #000;
}
.wpgens-loyalty-landing .wpgens-loyalty-subsection-title {
font-weight: 600;
margin-bottom: 6px;
color: #000;
}
.wpgens-loyalty-landing .wpgens-loyalty-subsection-desc {
color: #000;
}
.wpgens-loyalty-section {
text-align: center;
padding: 40px 0;
background-color: #fafafa;
}
.wpgens-loyalty-section-hero {
text-align: center;
margin-bottom: 60px;
}
.wpgens-loyalty-section-icon {
margin-bottom: 20px;
}
.wpgens-loyalty-section-hero svg {
width: 48px;
height: 48px;
margin: auto;
color: var(--branding-color, #be8b3b);
}
.wpgens-loyalty-section-title {
font-size: 26px;
margin: 24px 0 12px;
}
.wpgens-loyalty-section-description {
max-width: 640px;
margin: auto;
}
.wpgens-loyalty-landing .success {
color: #038a03;
}
.wpgens-loyalty-landing .error {
color: red;
}  [data-tab-content] {
display: none;
}
.wpgens-loyalty-tabs {
margin: 0 0 24px;
}
.wpgens-loyalty-tabs span {
cursor: pointer;
color: #000;
display: inline-block;
margin: 0 12px;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.wpgens-loyalty-tabs span:hover,
.wpgens-loyalty-tabs span.tab-active {
text-decoration: none!important;
color: var(--branding-color, #000);
text-decoration: underline;
} .wpgens-loyalty-listing {
margin: 0;
padding: 0;
}
.wpgens-loyalty-listing-earn {
margin: 0;
padding: 0;
text-indent: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
list-style: none;
line-height: 1;
}
.wpgens-loyalty-listing-earn li {
margin: 0 16px 32px;
padding: 32px 0 0;
text-indent: 0;
list-style-type: none;
box-sizing: border-box;
display: flex;
flex-flow: column wrap;
align-items: center;
text-align: center;
width: 200px;
position: relative;
color: #333;
border-bottom: 1px solid #000;
transition: all 0.2s ease-in-out;
}
.wpgens-loyalty-listing-earn li:hover {
background-color: #fff;
}
.wpgens-loyalty-listing-earn li .wpgens-loyalty-listing-cost {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
margin: 24px 0 18px;
}
.wpgens-loyalty-listing-earn li .wpgens-loyalty-listing-title {
padding-bottom: 18px;
line-height: 1.2;
display: flex;
align-items: center;
gap: 4px;
}
.wpgens-loyalty-listing-title a {
color: var(--branding-color, #000);
}
.wpgens-loyalty-listing-earn li svg {
max-height: 38px;
max-width: 38px;
} .wpgens-loyalty-listing-redeem {
margin: 0;
padding: 0;
text-indent: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
list-style: none;
line-height: 1;
}
.wpgens-loyalty-listing-redeem li {
margin: 16px;
padding: 24px;
list-style-type: none;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
max-width: 480px;
align-items: center;
text-align: left;
position: relative;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='%23AEAEAEFF' strokeWidth='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' strokeLinecap='square'/%3e%3c/svg%3e");
color: #333;
transition: all 0.2s ease-in-out;
}
.wpgens-loyalty-listing-redeem li:hover {
background-color: #fff;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-listing-redeem-info {
display: flex;
flex-direction: row;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-reward-icon {
margin-right: 24px;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-listing-title {
max-width: 215px;
margin-bottom: 12px;
}
.wpgens-loyalty-listing-redeem li svg {
height: 38px;
width: 38px;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-reward-expiry,
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-reward-amount {
display: block;
font-size: 14px;
color: #6b7280;
margin-top: 4px;
} .wpgens-loyalty-points-boxes {
display: flex;
flex-direction: row;
}
.wpgens-loyalty-points-box {
margin: 12px;
padding: 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 100%;
min-height: 160px;
align-items: center;
text-align: left;
position: relative;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='%23AEAEAEFF' strokeWidth='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' strokeLinecap='square'/%3e%3c/svg%3e");
color: #333;
transition: all 0.2s ease-in-out;
}
.wpgens-loyalty-points-box-value {
margin-bottom: 24px;
font-weight: 600;
font-size: 21px;
} .wpgens-loyalty-history-container {
margin: 12px;
}
.wpgens-loyalty-history {
background-color: #fff;
padding: 24px;
margin-top: 12px;
width: 100%;
text-align: left;
border: 0;
border-spacing: 0;
border-collapse: separate;
text-transform: capitalize;
}
.wpgens-loyalty-history thead th {
font-size: 16px;
display: table-cell !important;
border: 0;
border-bottom: 1px solid #ddd;
line-height: 26px;
height: 26px;
font-weight: 400;
padding: 15px;
}
.wpgens-loyalty-history tbody td {
border: 0;
display: table-cell !important;
line-height: 26px;
height: 26px;
padding: 12px;
font-size: 15px;
}
.wpgens-loyalty-points-earn {
color: #28a745;
}
.wpgens-loyalty-points-spend,
.wpgens-loyalty-points-expire {
color: #dc3545;
}
.wpgens-loyalty-no-history {
text-align: center;
padding: 20px;
} .wpgens-product-archive-earning-wrapper {
text-align: center;
}
.wpgens-product-single-earning-notice,
.wpgens-product-archive-earning-notice {
display: inline-flex;
align-items: center;
border-radius: 6px;
background-color: #f5f5f5;
padding: 8px 16px;
margin: 10px 0;
gap: 8px;
font-size: 15px;
} .wpgens-points-only-price {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 24px;
font-weight: 600;
color: var(--branding-color, #be8b3b);
background: var(--branding-color-bg, #fef3c7);
padding: 8px 16px;
border-radius: 8px;
border: 2px solid var(--branding-color, #be8b3b);
} .wpgens-cart-points-price {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 600;
color: var(--branding-color, #be8b3b);
}
#review_form .wpgens-product-single-earning-notice {
margin-bottom: 24px;
}
.wpgens-product-single-earning-notice svg,
.wpgens-product-archive-earning-notice svg {
flex-shrink: 0;
}
.wpgens-product-earning-notice-icon {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
}
.wpgens-product-earning-notice-icon svg {
display: block;
}
.wpgens-product-earning-notice-icon img {
display: block;
}
.wpgens-points-earning-notice {
margin: 16px 0;
}
.wpgens-points-earning-notice-inner {
margin: 0 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 24px;
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
text-align: center;
}
.woocommerce-checkout-review-order .wpgens-points-earning-notice-inner {
margin: 0;
}
.woocommerce-cart .wpgens-points-earning-notice-inner {
max-width: 100%;
margin: 0;
}
.woocommerce-cart
.wpgens-points-earning-notice-inner
.wpgens-points-earning-notice-icon {
display: none;
} .wc-proceed-to-checkout:has(.wpgens-points-earning-notice) {
flex-wrap: wrap;
}
.wc-proceed-to-checkout .wpgens-points-earning-notice {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.wpgens-points-earning-notice-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
}
.wpgens-points-earning-notice-icon svg {
flex-shrink: 0;
}
.wpgens-points-earning-notice-content {
display: flex;
flex-direction: column;
gap: 4px;
}
.wpgens-points-earning-notice-title {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #212529;
line-height: 1.4;
}
.wpgens-points-earning-notice-subtitle {
color: #6c757d;
font-size: 14px;
line-height: 1.5;
} .wpgens-points-redemption-block {
margin-bottom: 20px;
}
.wpgens-cart-points-redemption {
margin-top: 15px;
}
.wpgens-points-redemption-block h4 {
margin-top: 0;
margin-bottom: 8px;
font-size: 16px;
font-weight: 600;
}
.wpgens-points-redemption-block p {
margin-bottom: 12px;
} .wpgens-accordion h3 {
padding: 16px;
margin: 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-weight: 600;
background-color: #f8f9fa;
border: 1px solid #ddd;
border-radius: 4px;
}
.wpgens-accordion-title {
flex: 1;
}
.wpgens-accordion .caret {
transition: transform 0.3s ease;
}
.wpgens-accordion.show .caret {
transform: rotate(180deg);
}
.wpgens-accordion-inner {
padding: 16px;
overflow: hidden;
transition: max-height 0.3s ease;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 4px 4px;
} .wpgens-points-user-balance {
margin-bottom: 16px;
font-size: 14px;
}
.wpgens-points-instructions {
margin-bottom: 16px;
font-size: 14px;
}
.wpgens-redeem-points-form-field {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.wpgens-col-left-half {
padding: 0 5px;
flex: 1;
}
.wpgens-form-control-wrapper input {
width: 100%;
padding: 8px;
border: 1px solid #d3d3d3;
border-radius: 3px;
box-shadow: none;
height: 42px;
}
.wpgens_points_btn_wrap {
display: flex;
align-items: flex-end;
}
.wpgens_points_btn_wrap .wpgens-loyalty-button {
width: 100%;
height: 42px;
} .wpgens-points-guest-message {
margin-bottom: 15px;
color: #666;
font-size: 14px;
line-height: 1.5;
}
.wpgens-points-login-button-wrapper {
width: 100%;
text-align: center;
}
.wpgens-loyalty-login-button {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 0 12px;
color: #fff;
text-decoration: none;
border-radius: 4px;
text-align: center;
transition: background-color 0.2s ease;
}
.wpgens-loyalty-login-button:hover {
color: #fff;
text-decoration: none;
}
.wpgens-loyalty-guest-message {
margin-bottom: 24px;
}
.wpgens-loyalty-guest-message a {
padding: 0 16px;
width: auto;
} .wpgens-loyalty-button.coupon-code {
cursor: pointer;
transition: all 0.2s ease;
position: relative;
display: inline-block;
user-select: all;
text-transform: none !important;
}
.wpgens-loyalty-button.coupon-code:hover {
transform: translateY(-2px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wpgens-loyalty-button.coupon-code:active {
transform: translateY(0);
}
.wpgens-loyalty-button.coupon-code::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 6px;
background: transparent;
z-index: -1;
transition: background 0.2s;
}
.wpgens-loyalty-button.coupon-code:hover::before {
background: rgba(0, 0, 0, 0.03);
}
.wpgens-loyalty-button.redeeming {
min-width: 100px;
cursor: wait;
} .wpgens-loyalty-button.coupon-code[title="Copied to clipboard!"]::after {
content: "✓";
display: inline-block;
margin-left: 6px;
font-weight: bold;
} .wpgens-loyalty-birthday-button {
display: inline-block;
padding: 8px 16px;
background-color: #444;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
transition: opacity 0.2s ease-in-out;
margin-top: 10px;
}
.wpgens-loyalty-birthday-button:hover {
opacity: 0.8;
color: #fff;
text-decoration: none;
} .wpgens-loyalty-refer-a-friend {
margin-top: 36px;
text-align: left;
} .wpgens-raf-body {
flex-shrink: 0;
max-width: 480px;
margin: 0 auto;
width: 100%;
}
.wpgens-raf-text {
max-width: 480px;
margin: 0 auto;
padding: 0 0 24px 0;
}
.wpgens-raf-text img {
max-width: 100%;
}
.wpgens-raf-text h2 {
font-weight: 600;
margin-top: 0;
}
.wpgens-raf-text p {
margin-bottom: 0;
}
.wpgens-raf-reward {
padding: 16px;
display: flex;
justify-content: space-around;
border-radius: 8px;
background-color: var(--branding-color-bg);
color: var(--branding-color);
font-size: 16px;
border: 1px solid var(--branding-color);
}
.wpgens-raf-reward > div {
display: flex;
align-items: center;
}
.wpgens-raf-reward div span {
display: inline-block;
margin-left: 12px;
font-size: 24px;
font-weight: 600;
}
.wpgens-raf-reward > span {
display: inline-block;
margin: 6px 24px;
border-right: 1px solid var(--branding-color);
opacity: 0.3;
}
.wpgens-raf-field {
position: relative;
display: flex;
flex-direction: column;
margin: 18px 0;
}
.wpgens-raf-field input,
.wpgens-raf-field button {
width: 100%;
background-color: #f2f5f7;
border: 1px solid #ddd;
box-shadow: none;
border-radius: 8px;
box-sizing: border-box;
padding: 0 12px;
line-height: 46px;
height: 46px;
}
.wpgens-raf-field input {
padding-right: 46px;
}
.wpgens-raf-field--email input {
margin-bottom: 5px;
}
.wpgens-raf-field input[type='submit'],
.wpgens-raf-field button {
border: 0;
background-color: var(--branding-color);
color: #fff;
cursor: pointer;
}
.wpgens-raf-field input[type='submit']:hover,
.wpgens-raf-field button:hover {
opacity: 0.85;
}
.wpgens-raf-field .wpgens-raf-send-emails {
margin-bottom: 0;
border-radius: 8px;
line-height: 30px;
}
.wpgens-raf-field label {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.wpgens-raf-field--input svg {
cursor: pointer;
position: absolute;
bottom: 10px;
right: 12px;
}
.wpgens-raf-field--input .wpgens-copy-icon:hover {
opacity: 0.5;
}
.wpgens-referral_share {
display: flex;
gap: 12px;
}
.wpgens-referral_share a {
box-sizing: border-box;
padding: 12px;
background-color: var(--branding-color-bg, #fef3c7);
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
height: 48px;
max-width: 48px;
border-radius: 8px;
border: 1px solid var(--branding-color);
}
.wpgens-referral_share a:hover {
opacity: 0.6;
} .wpgens-raf-field--email form {
position: relative;
}
.wpgens-raf-field--email #js--wpgens-email-clone,
.wpgens-raf-field--email #js--wpgens-email-remove {
position: absolute;
top: -30px;
right: 0;
width: 24px;
height: 24px;
background: var(--branding-color);
color: white;
border-radius: 50%;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: bold;
}
.wpgens-raf-field--email #js--wpgens-email-remove {
right: 30px;
}
.wpgens-raf-submit-success {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #22c55e;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
min-width: 48px;
min-height: 48px;
} .wpgens-raf-no-orders {
text-align: center;
padding: 40px 20px;
color: #6b7280;
font-size: 16px;
} .wpgens-raf-count {
font-size: 14px;
color: #6b7280;
margin-top: 12px;
}
.wpgens-raf-count strong {
color: var(--branding-color, #333);
font-weight: 600;
} @media screen and (max-width: 667px) {
.wpgens-referral_share {
display: block;
}
.wpgens-referral_share .wpgens-referral_share__wade {
display: none !important;
}
.wpgens-raf-two-columns {
flex-direction: column;
}
}
@media screen and (min-width: 667px) {
.wpgens-referral_share__wa,
.wpgens-referral_share__msg {
display: none !important;
}
} @keyframes wpgens-loyalty-spinner {
to {
transform: rotate(360deg);
}
}
.wpgens-loyalty-spinner {
position: relative;
margin: auto;
height: 40px;
}
.wpgens-loyalty-spinner:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border-top: 2px solid #07d;
border-right: 2px solid transparent;
animation: wpgens-loyalty-spinner 0.6s linear infinite;
} .redeeming .wpgens-loyalty-spinner {
height: 20px;
margin: 0 auto;
}
.redeeming .wpgens-loyalty-spinner:before {
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
border-width: 2px;
} @media (max-width: 768px) { .wpgens-loyalty-tabs span {
display: block;
margin: 12px 0;
} .wpgens-loyalty-listing-redeem li {
text-align: center;
flex-flow: column;
height: auto;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-listing-redeem-info {
flex-direction: column;
margin-bottom: 24px;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-reward-icon {
margin: 0 0 24px;
}
.wpgens-loyalty-listing-redeem li .wpgens-loyalty-listing-title {
margin-bottom: 16px;
} .wpgens-loyalty-points-boxes {
flex-direction: column;
}
.wpgens-loyalty-points-box {
max-width: none;
width: 100%;
margin: 12px 0;
}
.wpgens-loyalty-history-container {
margin: 0;
} .wpgens-loyalty-conversion-notice {
flex-direction: column;
}
.wpgens-loyalty-conversion-text {
margin-bottom: 10px;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}:where(.brand-thumbnails-description),ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}:where(.brand-thumbnails-description)::before,ul.brand-thumbnails:before{clear:both;content:"";display:table}:where(.brand-thumbnails-description)::after,ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}:where(.brand-thumbnails-description li.first),ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(2n){margin-right:0}}:where(.brand-thumbnails-description li){float:left;margin:0 2% 1em 0;padding:0;position:relative;text-align:center}:where(.brand-thumbnails-description li.last),:where(.brand-thumbnails-description.columns-1 li){margin-right:0}:where(.brand-thumbnails-description li .term-thumbnail img){width:100%;display:inline}:where(.brand-thumbnails-description li .term-description){margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}