html:not(.mobile) .module-blocks-1284 .swiper-container{overflow:hidden !important}.module-blocks-1284 .swiper-buttons.auto-carousel-buttons span:before,.module-blocks-1284 .swiper-buttons.swiper-buttons>div:before,.module-blocks-1284 .swiper-buttons.scroll-top em:before,.module-blocks-1284 .swiper-buttons.lg-content .lg-icon:before{content:'\e93f' !important;font-family:icomoon !important;color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.no-touchevents .module-blocks-1284 .swiper-buttons.auto-carousel-buttons span:hover:before,.no-touchevents .module-blocks-1284 .swiper-buttons.swiper-buttons>div:hover:before,.no-touchevents .module-blocks-1284 .swiper-buttons.scroll-top em:hover:before,.no-touchevents .module-blocks-1284 .swiper-buttons.lg-content .lg-icon:hover:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-buttons.auto-carousel-buttons span:active:before,.module-blocks-1284 .swiper-buttons.swiper-buttons>div:active:before,.module-blocks-1284 .swiper-buttons.scroll-top em:active:before,.module-blocks-1284 .swiper-buttons.lg-content .lg-icon:active:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-buttons.auto-carousel-buttons span,.module-blocks-1284 .swiper-buttons.swiper-buttons>div,.module-blocks-1284 .swiper-buttons.scroll-top em,.module-blocks-1284 .swiper-buttons.lg-content .lg-icon{background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));--background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));border-width:1px;border-style:solid;border-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1));border-radius:99px;--element-border-radius:99px}.no-touchevents .module-blocks-1284 .swiper-buttons.auto-carousel-buttons span:hover,.no-touchevents .module-blocks-1284 .swiper-buttons.swiper-buttons>div:hover,.no-touchevents .module-blocks-1284 .swiper-buttons.scroll-top em:hover,.no-touchevents .module-blocks-1284 .swiper-buttons.lg-content .lg-icon:hover{background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));--background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-buttons.auto-carousel-buttons span:active,.module-blocks-1284 .swiper-buttons.swiper-buttons>div:active,.module-blocks-1284 .swiper-buttons.scroll-top em:active,.module-blocks-1284 .swiper-buttons.lg-content .lg-icon:active{background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-button-prev:before{transform:scaleX(-1)}.module-blocks-1284 .swiper-buttons:not(.slider-navigation){display:flex;top:50%;width:calc(100% - (10px*2))}.touchevents .module-blocks-1284 .swiper-buttons:not(.slider-navigation){display:none}.module-blocks-1284 .swiper-button-prev{left:0;right:auto;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1284 .swiper-button-next{left:auto;right:0;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1284 .swiper-buttons:not(.slider-navigation) div{--width:28px;--height:28px}.module-blocks-1284 .swiper-button-disabled{opacity:0}.module-blocks-1284 .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev{opacity:0;--disabled-scale:0}.module-blocks-1284 .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled{--disabled-scale:0}.module-blocks-1284 .swiper-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;position:absolute;bottom:15px;left:50%;transform:translate3d(-50%,0,0)}.module-blocks-1284 .swiper-wrapper{cursor:auto}.module-blocks-1284 .swiper{padding-bottom:15px}.module-blocks-1284 .swiper-pagination-bullet{width:6px;height:6px;background-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*0.5))}.module-blocks-1284 .swiper-pagination>span+span{margin-inline-start:8px}.no-touchevents .module-blocks-1284 .swiper-pagination-bullet:hover{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1284 .swiper-pagination>span{border-radius:9999px;--element-border-radius:9999px}.module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1284.blocks-grid>.module-body>.ipr-grid>.block-item+.block-item{margin-top:var(--j-gap-spacing-vertical-xxxl)}.module-blocks-1284>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1284.blocks-grid>.module-body>.auto-grid{--grid-max-col:1;--grid-gap:var(--j-gap-spacing-vr-row-l);--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1284.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1284.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1284.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}div.module-blocks-1284>.module-body>div .block-body .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}div.module-blocks-1284>.module-body>div .block-body .block-title.module-title:after{display:none}div.module-blocks-1284>.module-body>div .block-body .block-title.module-title .page-title-text:after{display:none}div.module-blocks-1284>.module-body>div .block-body .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1284>.module-body>div .block-wrapper .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}.module-blocks-1284>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1284>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1284>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1284>.module-body>div .block-item:before{display:none}.module-blocks-1284>.module-body>div .block-item{color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.module-blocks-1284>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1284>.module-body>div .block-footer .btn{width:auto}.module-blocks-1284>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1284>.module-body>div .block-header .title{order:-1}.module-blocks-1284>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1284>.module-body>div .block-header{--unit:1%;flex-basis:calc((600px - (100*var(--unit,1%)))*9999);display:var(--display);align-items:center;text-align:center;justify-content:flex-start}.module-blocks-1284>.module-body>div .block-item>.block-body{--display:flex;flex-direction:row;--image-split-ratio:50%;gap:var(--block-body-gap,0px);flex-wrap:wrap}.module-blocks-1284>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1284>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1284>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1284>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1284 .module-body .block-header .title{order:-1}div.module-blocks-1284>.module-body .module-item.block-item>.block-body{--image-split-ratio:40% !important;--display:flex;flex-direction:row-reverse;flex-wrap:wrap;--image-split-ratio:50%;gap:var(--block-body-gap,0px)}div.module-blocks-1284>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1284>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1284>.module-body .module-item.block-item>.block-body:after{display:none}.module-blocks-1284 .module-body .block-wrapper{justify-content:center} .module-blocks-1284 .module-item-1>.block-body{height:100%}.module-blocks-1284 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1284 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1284 .module-item-1 .block-expand-overlay{--expand-overlay:rgba(255,235,235,1)}.module-blocks-1284 .module-item-1 .block-content{column-count:initial}.module-blocks-1284 .module-item-1 .block-footer .btn,.module-blocks-1284 .module-item-1 .block-footer .btn:visited{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.no-touchevents .module-blocks-1284 .module-item-1 .block-footer .btn:hover{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1284 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1284 .module-item-1 .block-footer .btn:hover:active{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.module-blocks-1284 .module-item-1 .block-footer .btn{--focus-color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;border-style:none;transform:scale(calc(100/100));transform-origin:center}.module-blocks-1284 .module-item-1 .block-footer .btn,.module-blocks-1284 .module-item-1 .block-footer .tooltip{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1284 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1284 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1284 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1284 .module-item-1 .block-footer .btn:focus:hover:active{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1284 .module-item-1 .block-footer .btn:focus,.module-blocks-1284 .module-item-1 .block-footer .btn[disabled]{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important;--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important}.module-blocks-1284 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* ========================================================= REPROMO — DATA ENTRY REQUEST LAYOUT *230 — CONSOLIDATED CSS SHARED GR / EN REPLACES ALL PREVIOUS *230.01 / *230.02 CSS + PATCHES ========================================================= */
/* ========================================================= 00 — TOKENS / BASE ========================================================= */
.repromo-data-intro,
.repromo-data-intro *,
.repromo-data-request,
.repromo-data-request * {
box-sizing: border-box; font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-data-intro,
.repromo-data-request {
width: 100%; color: #f2f3f3;
}
.repromo-data-request {
margin: 0; padding: 20px 0 0;
}
/* ========================================================= 01 — INTRO ========================================================= */
.repromo-data-intro {
display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0; padding: 18px 0 20px;
border-bottom: 1px solid #34393d;
}
.repromo-data-intro-copy {
flex: 1 1 auto; min-width: 0;
}
.repromo-data-intro-eyebrow {
margin: 0 0 6px; color: #d2a000 !important; font-size: 13px !important; font-weight: 700 !important;
line-height: 1.2 !important; letter-spacing: .6px !important; text-transform: uppercase;
}
.repromo-data-intro h1 {
margin: 0 0 7px !important; padding: 0 !important; color: #f2f3f3 !important; font-size: 31px !important;
font-weight: 700 !important; line-height: 1.06 !important; letter-spacing: -.35px !important;
text-transform: uppercase;
}
.repromo-data-intro p {
max-width: 980px; margin: 0 !important; padding: 0 !important; color: #aeb5b7 !important;
font-size: 15px !important; font-weight: 400 !important; line-height: 1.4 !important;
}
/* ========================================================= 02 — REPROMO MESSAGE ========================================================= */
.repromo-data-intro-time {
position: relative; display: flex; align-items: center; gap: 12px; flex: 0 0 auto; min-width: 230px;
margin: 0 0 2px; padding: 13px 18px 13px 15px; background: #141c1f; border: 1px solid #d2a000; border-radius: 7px;
}
.repromo-data-intro-time::after {
content: ""; position: absolute; left: 28px; bottom: -7px; width: 13px; height: 13px; background: #141c1f;
border-right: 1px solid #d2a000; border-bottom: 1px solid #d2a000; transform: rotate(45deg);
}
.repromo-data-intro-clock {
display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px;
}
.repromo-data-intro-clock svg {
width: 36px; height: 36px; fill: none; stroke: #f2f3f3; stroke-width: 1.5; stroke-linecap: round;
stroke-linejoin: round;
}
.repromo-data-intro-time-copy {
display: flex; flex-direction: column; gap: 1px;
}
.repromo-data-intro-time-copy small {
margin: 0 0 2px; color: #d2a000 !important; font-size: 10px !important; font-weight: 700 !important;
line-height: 1.1 !important; letter-spacing: .65px !important; text-transform: uppercase;
}
.repromo-data-intro-time-copy span {
color: #aeb5b7 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important;
}
.repromo-data-intro-time-copy strong {
margin-top: 2px; color: #d2a000 !important; font-size: 16px !important; font-weight: 700 !important;
line-height: 1.1 !important;
}
/* ========================================================= 03 — SECTIONS ========================================================= */
.repromo-data-section {
width: 100%; margin: 0 0 24px; padding: 0 0 24px; border-bottom: 1px solid #34393d;
}
.repromo-data-section-last {
margin-bottom: 18px; padding-bottom: 18px;
}
.repromo-data-section-head {
display: flex; align-items: flex-start; gap: 12px; width: 100%; margin: 0 0 14px;
}
.repromo-data-section-number {
display: flex; align-items: center; justify-content: center; flex: 0 0 35px; width: 35px; height: 35px;
background: #d2a000; border-radius: 50%; color: #111315 !important; font-size: 16px !important;
font-weight: 700 !important; line-height: 1 !important;
}
.repromo-data-section-heading {
flex: 1; min-width: 0;
}
.repromo-data-section-heading h2 {
margin: 0 0 4px !important; padding: 0 !important; color: #f2f3f3 !important; font-size: 20px !important;
font-weight: 700 !important; line-height: 1.15 !important; text-transform: uppercase;
}
.repromo-data-section-heading h2 small {
margin-left: 3px; color: #aeb5b7 !important; font-size: 13px !important; font-weight: 400 !important;
line-height: inherit !important; text-transform: none;
}
.repromo-data-section-heading p {
margin: 0 !important; padding: 0 !important; color: #aeb5b7 !important; font-size: 13px !important;
font-weight: 400 !important; line-height: 1.35 !important;
}
/* ========================================================= 04 — PRODUCT RANGE ========================================================= */
.repromo-data-range-grid {
display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; width: 100%;
}
.repromo-data-choice {
position: relative; display: block; width: 100%; margin: 0; cursor: pointer;
}
.repromo-data-choice > input {
position: absolute; opacity: 0; pointer-events: none;
}
.repromo-data-choice-inner {
position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px;
padding: 8px 32px 8px 10px; background: #171f22; border: 1px solid #464d50; border-radius: 5px;
color: #f2f3f3 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important;
text-align: center; transition: background .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.repromo-data-choice:hover .repromo-data-choice-inner {
background: #1c2326; border-color: #8f720a;
}
.repromo-data-choice-check {
position: absolute; top: 50%; right: 9px; width: 19px; height: 19px; transform: translateY(-50%);
background: #101719; border: 1px solid #697174; border-radius: 50%;
}
.repromo-data-choice-check::after {
content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border-style: solid;
border-color: #101315; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0;
}
.repromo-data-choice > input:checked + .repromo-data-choice-inner {
background: rgba(101, 184, 74, .10); border-color: #65b84a; box-shadow: inset 0 0 0 1px rgba(101, 184, 74, .18);
}
.repromo-data-choice > input:checked
+ .repromo-data-choice-inner
.repromo-data-choice-check {
background: #65b84a; border-color: #65b84a;
}
.repromo-data-choice > input:checked
+ .repromo-data-choice-inner
.repromo-data-choice-check::after {
opacity: 1;
}
.repromo-data-choice > input:focus-visible + .repromo-data-choice-inner {
border-color: #d2a000; box-shadow: 0 0 0 2px rgba(210, 160, 0, .20);
}
/* ========================================================= 05 — CONTACT / FIELDS ========================================================= */
.repromo-data-contact-grid {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; width: 100%;
}
.repromo-data-website-field {
margin-top: 11px;
}
.repromo-data-field {
width: 100%;
}
.repromo-data-field label {
display: block; margin: 0 0 5px !important; padding: 0 !important; color: #e8e9e9 !important;
font-size: 13px !important; font-weight: 500 !important; line-height: 1.25 !important;
}
.repromo-data-field label > span {
color: #d2a000 !important;
}
.repromo-data-field label small {
color: #aeb5b7 !important; font-size: 12px !important; font-weight: 400 !important;
}
.repromo-data-field input,
.repromo-data-field textarea {
display: block; width: 100%; margin: 0 !important; background: #171f22 !important;
border: 1px solid #464d50 !important; border-radius: 5px !important; outline: none !important;
box-shadow: none !important; color: #f2f3f3 !important; font-size: 15px !important; font-weight: 400 !important;
transition: background .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.repromo-data-field input {
height: 49px; padding: 0 14px !important;
}
.repromo-data-field textarea {
min-height: 66px; max-height: 100px; padding: 11px 14px !important; line-height: 1.42 !important; resize: vertical;
}
.repromo-data-website-field input,
.repromo-data-section-last .repromo-data-field textarea {
font-size: 17px !important;
}
.repromo-data-field input::placeholder,
.repromo-data-field textarea::placeholder {
color: #7f898c !important; opacity: 1 !important;
}
.repromo-data-field input:hover,
.repromo-data-field textarea:hover {
background: #1c2326 !important; border-color: #687174 !important;
}
.repromo-data-field input:focus,
.repromo-data-field textarea:focus {
background: #1c2326 !important; border-color: #d2a000 !important;
box-shadow: 0 0 0 1px rgba(210, 160, 0, .18) !important;
}
/* ========================================================= 06 — UPLOAD DROP ZONE ========================================================= */
.repromo-data-upload {
position: relative; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%;
min-height: 86px; margin: 0 !important; padding: 13px 18px !important; background: #141c1f;
border: 1px dashed #677276; border-radius: 6px; cursor: pointer;
transition: background .18s ease,
border-color .18s ease;
}
.repromo-data-upload:hover,
.repromo-data-upload.is-dragover {
background: rgba(210, 160, 0, .05); border-color: #d2a000;
}
.repromo-data-upload > input[type="file"] {
position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none;
}
.repromo-data-upload-icon {
display: flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px;
}
.repromo-data-upload-icon svg {
width: 39px; height: 39px; fill: none; stroke: #f2f3f3; stroke-width: 1.4; stroke-linecap: round;
stroke-linejoin: round;
}
.repromo-data-upload-copy {
display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.repromo-data-upload-copy strong {
color: #f2f3f3 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important;
}
.repromo-data-upload-copy small {
color: #929b9e !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.4 !important;
}
/* ========================================================= 07 — LIVE UPLOAD LIST / PROGRESS ========================================================= */
.repromo-data-upload-list {
display: grid; grid-template-columns: 1fr; gap: 7px; width: 100%; margin-top: 8px;
}
.repromo-data-upload-list:empty {
display: none;
}
.repromo-data-upload-item {
width: 100%; padding: 8px 11px; background: #141c1f; border: 1px solid #3f494d; border-radius: 5px;
}
.repromo-data-upload-item-top {
display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%;
}
.repromo-data-upload-item-info {
display: flex; align-items: baseline; gap: 8px; min-width: 0;
}
.repromo-data-upload-item-name {
color: #f2f3f3 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important;
overflow-wrap: anywhere;
}
.repromo-data-upload-item-size {
flex: 0 0 auto; color: #8f999c !important; font-size: 11px !important;
}
.repromo-data-upload-item-actions {
display: flex; align-items: center; gap: 7px; flex: 0 0 auto;
}
.repromo-data-upload-item-percent {
min-width: 36px; color: #00e676 !important; font-size: 11px !important; font-weight: 700 !important;
text-align: right !important;
}
.repromo-data-upload-remove,
.repromo-data-upload-retry {
min-width: 28px; min-height: 26px; padding: 0 7px !important; background: transparent !important;
border: 1px solid #536064 !important; border-radius: 4px !important; color: #dfe3e4 !important;
font-size: 11px !important; cursor: pointer;
}
.repromo-data-upload-remove {
width: 28px; padding: 0 !important; font-size: 16px !important;
}
.repromo-data-upload-item-progress {
position: relative; display: block; width: 100%; height: 4px; margin-top: 6px; overflow: hidden;
background: #203029; border-radius: 999px;
}
.repromo-data-upload-item-bar {
display: block; width: 0; height: 100%; background: #00e676; border-radius: inherit;
box-shadow: 0 0 7px rgba(0, 230, 118, .24); transition: width .14s linear;
}
.repromo-data-upload-item-status {
margin-top: 4px; color: #91a19a !important; font-size: 11px !important; font-weight: 500 !important;
line-height: 1.25 !important;
}
.repromo-data-upload-item.is-uploading {
border-color: rgba(0, 230, 118, .38);
}
.repromo-data-upload-item.is-uploading .repromo-data-upload-item-status,
.repromo-data-upload-item.is-done .repromo-data-upload-item-percent,
.repromo-data-upload-item.is-done .repromo-data-upload-item-status {
color: #00e676 !important;
}
.repromo-data-upload-item.is-done {
border-color: rgba(0, 230, 118, .50);
}
.repromo-data-upload-item.is-error {
border-color: rgba(241, 51, 47, .72);
}
.repromo-data-upload-item.is-error .repromo-data-upload-item-bar {
background: #f1332f; box-shadow: none;
}
.repromo-data-upload-item.is-error .repromo-data-upload-item-percent,
.repromo-data-upload-item.is-error .repromo-data-upload-item-status {
color: #ff7774 !important;
}
/* ========================================================= 08 — CAPTCHA ========================================================= */
.repromo-data-captcha {
display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%;
margin: 0 0 15px; padding: 0; overflow: visible;
}
.repromo-data-captcha .g-recaptcha {
display: block; max-width: 100%;
}
/* ========================================================= 09 — PRIVACY / ACTIONS ========================================================= */
.repromo-data-bottom {
display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%;
}
.repromo-data-privacy {
position: relative; display: flex; align-items: center; gap: 9px; flex: 1 1 auto; margin: 0 !important;
cursor: pointer;
}
.repromo-data-privacy > input {
position: absolute; opacity: 0; pointer-events: none;
}
.repromo-data-privacy-check {
position: relative; flex: 0 0 21px; width: 21px; height: 21px; background: #101719; border: 1px solid #778083;
border-radius: 4px;
}
.repromo-data-privacy-check::after {
content: ""; position: absolute; left: 5px; top: 2px; width: 6px; height: 10px; border-style: solid;
border-color: #101315; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0;
}
.repromo-data-privacy > input:checked + .repromo-data-privacy-check {
background: #d2a000; border-color: #d2a000;
}
.repromo-data-privacy > input:checked
+ .repromo-data-privacy-check::after {
opacity: 1;
}
.repromo-data-privacy > input:focus-visible
+ .repromo-data-privacy-check {
border-color: #d2a000; box-shadow: 0 0 0 2px rgba(210, 160, 0, .20);
}
.repromo-data-privacy-text {
color: #d3d6d6 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important;
}
.repromo-data-privacy-text a {
color: #d2a000 !important; text-decoration: none !important; border-bottom: 1px solid rgba(210, 160, 0, .45);
}
.repromo-data-privacy-text a:hover {
color: #e2b21a !important; border-bottom-color: #e2b21a;
}
.repromo-data-privacy-text strong {
color: #d2a000 !important;
}
/* ========================================================= 10 — SUBMIT ========================================================= */
.repromo-data-submit {
display: inline-flex; align-items: center; justify-content: center; gap: 14px; flex: 0 0 auto; min-width: 270px;
min-height: 52px; padding: 0 24px; background: #d2a000 !important; border: 1px solid #d2a000 !important;
border-radius: 5px !important; color: #101315 !important; font-size: 15px !important; font-weight: 700 !important;
line-height: 1 !important; cursor: pointer;
transition: background .18s ease,
border-color .18s ease,
transform .18s ease;
}
.repromo-data-submit:hover {
background: #e1ad08 !important; border-color: #e1ad08 !important; transform: translateY(-1px);
}
.repromo-data-submit:focus-visible {
outline: none !important; box-shadow: 0 0 0 3px rgba(210, 160, 0, .24) !important;
}
.repromo-data-submit:disabled {
background: #5f5740 !important; border-color: #5f5740 !important; color: #a9a38f !important; cursor: not-allowed;
transform: none;
}
.repromo-data-submit span {
font-size: 20px !important; line-height: 1 !important;
}
/* ========================================================= 11 — HONEYPOT ========================================================= */
.repromo-data-honeypot {
position: absolute !important; left: -99999px !important; top: -99999px !important; width: 1px !important;
height: 1px !important; opacity: 0 !important; pointer-events: none !important;
}
/* ========================================================= 12 — VALIDATION ========================================================= */
.repromo-data-field.is-error input,
.repromo-data-field.is-error textarea {
border-color: #f1332f !important; box-shadow: 0 0 0 1px rgba(241, 51, 47, .12) !important;
}
.repromo-data-range-grid.is-error .repromo-data-choice-inner {
border-color: rgba(241, 51, 47, .68);
}
.repromo-data-privacy.is-error .repromo-data-privacy-check {
border-color: #f1332f;
}
.repromo-data-error {
display: block !important; width: 100%; margin-top: 7px !important; color: #ff7774 !important;
font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important;
}
/* ========================================================= 13 — STATUS ========================================================= */
.repromo-data-status {
width: 100%; margin-top: 14px; color: #cfd3d4 !important; font-size: 13px !important; font-weight: 500 !important;
line-height: 1.4 !important;
}
.repromo-data-status:empty {
display: none;
}
.repromo-data-status.is-error {
display: block; padding: 11px 14px; background: rgba(241, 51, 47, .08); border: 1px solid #f1332f;
border-radius: 5px; color: #ff7774 !important;
}
.repromo-data-status.is-success {
display: block; padding: 11px 14px; background: rgba(101, 184, 74, .08); border: 1px solid #65b84a;
border-radius: 5px; color: #8fd576 !important;
}
/* ========================================================= 14 — SUCCESS STATE ========================================================= */
.repromo-data-success {
width: 100%; margin: 0; padding: 38px 24px; background: rgba(101, 184, 74, .035); border: 1px solid #65b84a;
border-radius: 6px; text-align: center;
}
.repromo-data-success[hidden] {
display: none !important;
}
.repromo-data-success-mark {
display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0 auto 13px;
background: #65b84a; border-radius: 50%; color: #101315 !important; font-size: 27px !important;
font-weight: 700 !important; line-height: 1 !important;
}
.repromo-data-success h2 {
margin: 0 0 7px !important; padding: 0 !important; color: #f2f3f3 !important; font-size: 23px !important;
font-weight: 700 !important; line-height: 1.15 !important;
}
.repromo-data-success p {
margin: 0 !important; padding: 0 !important; color: #aeb5b7 !important; font-size: 14px !important;
font-weight: 400 !important; line-height: 1.5 !important;
}
/* ========================================================= 15 — SUCCESS MODE JS adds .is-success to the form ========================================================= */
.repromo-data-request.is-success {
padding-top: 0 !important; margin-top: 0 !important;
}
.repromo-data-request.is-success .repromo-data-section,
.repromo-data-request.is-success .repromo-data-captcha,
.repromo-data-request.is-success .repromo-data-bottom,
.repromo-data-request.is-success .repromo-data-status,
.repromo-data-request.is-success .repromo-data-upload-list {
display: none !important;
}
.repromo-data-request.is-success #repromo-data-request-success {
display: block !important;
}
/* ========================================================= 16 — TABLET ========================================================= */
@media (max-width: 1100px) {
.repromo-data-intro {
align-items: center;
}
.repromo-data-intro h1 {
font-size: 29px !important;
}
.repromo-data-range-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.repromo-data-contact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.repromo-data-contact-grid .repromo-data-field:last-child {
grid-column: 1 / -1;
}
}
/* ========================================================= 17 — MOBILE Keep the existing comfortable mobile feel ========================================================= */
@media (max-width: 767px) {
.repromo-data-intro {
display: block; padding: 20px 0 22px; border-bottom-color: #34393d;
}
.repromo-data-intro-eyebrow {
margin-bottom: 7px; font-size: 12px !important;
}
.repromo-data-intro h1 {
margin-bottom: 9px !important; font-size: 27px !important; line-height: 1.08 !important;
}
.repromo-data-intro p {
font-size: 14px !important; line-height: 1.45 !important;
}
.repromo-data-intro-time {
display: inline-flex; min-width: 0; margin-top: 16px; margin-bottom: 2px; padding: 11px 14px 11px 12px;
}
.repromo-data-intro-time::after {
left: 24px;
}
.repromo-data-intro-clock {
flex-basis: 36px; width: 36px; height: 36px;
}
.repromo-data-intro-clock svg {
width: 32px; height: 32px;
}
.repromo-data-intro-time-copy small {
font-size: 9px !important;
}
.repromo-data-intro-time-copy span {
font-size: 11px !important;
}
.repromo-data-intro-time-copy strong {
font-size: 15px !important;
}
.repromo-data-request {
padding-top: 22px;
}
.repromo-data-section {
margin-bottom: 25px; padding-bottom: 25px;
}
.repromo-data-section-last {
margin-bottom: 20px; padding-bottom: 20px;
}
.repromo-data-section-head {
gap: 11px; margin-bottom: 15px;
}
.repromo-data-section-number {
flex-basis: 34px; width: 34px; height: 34px; font-size: 16px !important;
}
.repromo-data-section-heading h2 {
font-size: 18px !important; line-height: 1.18 !important;
}
.repromo-data-section-heading h2 small {
font-size: 12px !important;
}
.repromo-data-section-heading p {
font-size: 13px !important; line-height: 1.4 !important;
}
.repromo-data-range-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.repromo-data-choice-inner {
min-height: 52px; padding: 8px 29px 8px 9px; font-size: 13px !important;
}
.repromo-data-choice-check {
right: 8px; width: 18px; height: 18px;
}
.repromo-data-contact-grid {
grid-template-columns: 1fr; gap: 13px;
}
.repromo-data-contact-grid .repromo-data-field:last-child {
grid-column: auto;
}
.repromo-data-website-field {
margin-top: 13px;
}
.repromo-data-field label {
margin-bottom: 6px !important; font-size: 13px !important;
}
.repromo-data-field input {
height: 52px; padding: 0 13px !important; font-size: 16px !important;
}
.repromo-data-website-field input {
font-size: 18px !important;
}
.repromo-data-field textarea {
min-height: 82px; max-height: 120px; padding: 12px 13px !important; font-size: 16px !important;
}
.repromo-data-section-last .repromo-data-field textarea {
font-size: 18px !important;
}
.repromo-data-upload {
justify-content: flex-start; gap: 14px; min-height: 108px; padding: 16px !important;
}
.repromo-data-upload-icon {
flex-basis: 42px; width: 42px; height: 42px;
}
.repromo-data-upload-icon svg {
width: 40px; height: 40px;
}
.repromo-data-upload-copy strong {
font-size: 13px !important;
}
.repromo-data-upload-copy small {
font-size: 11px !important;
}
.repromo-data-upload-item {
padding: 8px 9px;
}
.repromo-data-upload-item-info {
display: block;
}
.repromo-data-upload-item-size {
display: block; margin-top: 2px;
}
.repromo-data-captcha {
margin-bottom: 18px; overflow: hidden;
}
.repromo-data-bottom {
display: grid; grid-template-columns: 1fr; gap: 16px;
}
.repromo-data-privacy {
align-items: flex-start;
}
.repromo-data-privacy-check {
flex-basis: 23px; width: 23px; height: 23px;
}
.repromo-data-privacy-text {
font-size: 13px !important;
}
.repromo-data-submit {
width: 100%; min-width: 0; min-height: 56px; padding: 0 20px; font-size: 15px !important;
}
.repromo-data-success {
padding: 34px 18px;
}
.repromo-data-success h2 {
font-size: 22px !important;
}
.repromo-data-success p {
font-size: 14px !important;
}
}
/* ========================================================= 18 — SMALL MOBILE / CAPTCHA FIT ========================================================= */
@media (max-width: 360px) {
.repromo-data-captcha .g-recaptcha {
transform: scale(.92); transform-origin: left top; margin-bottom: -6px;
}
}
/* =========================================================
DESKTOP — FORCE CENTER *230 CONTENT
========================================================= */
@media (min-width: 1101px) {
.repromo-data-intro,
.repromo-data-request {
width: 68% !important;
max-width: 1120px !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* =========================================================
PRODUCT RANGE — FIXED / EQUAL BLOCKS
DESKTOP ONLY
========================================================= */
@media (min-width: 1101px) {
.repromo-data-range-grid {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
grid-auto-rows: 64px !important;
gap: 8px !important;
align-items: stretch !important;
}
.repromo-data-choice {
width: 100% !important;
height: 64px !important;
min-width: 0 !important;
margin: 0 !important;
}
.repromo-data-choice-inner {
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 7px 31px 7px 10px !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
overflow: hidden !important;
}
.repromo-data-choice-check {
top: 50% !important;
right: 9px !important;
transform: translateY(-50%) !important;
}
}