@media (max-width: 1024px) { .grid-container.chadgpt-voucher-grid {
display: none !important;
} .chadgpt-voucher-grid-mobile {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
overflow: hidden !important;
padding-right: 20% !important;
} .chadgpt-voucher-carousel {
width: 100% !important;
padding: 0 !important;
}
.chadgpt-voucher-carousel .owl-stage-outer {
overflow: visible !important;
margin-right: -20% !important;
}
.chadgpt-voucher-carousel .owl-stage {
overflow: hidden !important;
} .chadgpt-voucher-carousel-item {
display: block !important;
width: var(--chadgpt-voucher-max-width-tablet, 375px) !important;
max-width: var(--chadgpt-voucher-max-width-tablet, 375px) !important;
height: var(--chadgpt-voucher-max-height-tablet, 500px) !important;
max-height: var(--chadgpt-voucher-max-height-tablet, 500px) !important;
aspect-ratio: var(--chadgpt-voucher-aspect-ratio, 3 / 4) !important;
flex-shrink: 0 !important;
position: relative !important;
} .chadgpt-voucher-carousel-item .card {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
border-radius: 16px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
} .chadgpt-voucher-carousel-item .card video,
.chadgpt-voucher-carousel-item .card iframe {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .chadgpt-voucher-carousel-item .card::after {
content: '';
position: absolute;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 0;
} .chadgpt-voucher-carousel-item .fixed-value::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/fixed-value-voucher.webp);
}
.chadgpt-voucher-carousel-item .multiple-redemption::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/11/multiple-redemption-image.webp);
}
.chadgpt-voucher-carousel-item .minimum-spend::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/minimum-spend-voucher.webp);
}
.chadgpt-voucher-carousel-item .percentage::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/percentage-voucher.webp);
}
.chadgpt-voucher-carousel-item .percentage-limits::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/percentage-with-limits.webp);
}
.chadgpt-voucher-carousel-item .product-inclusions::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/product-inclusions.webp);
}
.chadgpt-voucher-carousel-item .product-exclusions::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/08/product-exclusions.webp);
}
.chadgpt-voucher-carousel-item .redemption-restriction::after {
background-image: url(//yoyorewards.com/wp-content/uploads/2025/11/redemption-restriction-image.webp);
} .chadgpt-voucher-carousel-item .card-overlay {
display: none !important;
}
.chadgpt-voucher-carousel-item .card-hover-content {
opacity: 1 !important;
transform: translateY(0) !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
padding: 20px !important;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%) !important;
z-index: 2 !important;
}
.chadgpt-voucher-carousel-item .hover-title {
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
color: white !important;
}
.chadgpt-voucher-carousel-item .hover-description {
font-size: 14px !important;
line-height: 1.5 !important;
color: rgba(255, 255, 255, 0.9) !important;
} .chadgpt-voucher-nav {
display: none !important;
}
.chadgpt-voucher-nav-inner {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 20px !important;
} .chadgpt-voucher-arrow {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background-color: #EEEEF2 !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.chadgpt-voucher-arrow:hover:not(.chadgpt-voucher-disabled) {
background-color: #E0E0E5 !important;
}
.chadgpt-voucher-arrow.chadgpt-voucher-disabled {
opacity: 0.35 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.chadgpt-voucher-arrow svg {
width: 20px !important;
height: 20px !important;
fill: #1D1D1F !important;
display: block !important;
}
.chadgpt-voucher-prev svg {
transform: none !important;
} @media (max-width: 1024px) and (min-width: 769px) {
.chadgpt-voucher-grid-mobile {
padding-right: 15% !important;
}
.chadgpt-voucher-carousel .owl-stage-outer {
margin-right: -15% !important;
}
.chadgpt-voucher-carousel-item {
width: var(--chadgpt-voucher-max-width-tablet, 375px) !important;
max-width: var(--chadgpt-voucher-max-width-tablet, 375px) !important;
height: var(--chadgpt-voucher-max-height-tablet, 500px) !important;
max-height: var(--chadgpt-voucher-max-height-tablet, 500px) !important;
}
} @media (max-width: 768px) {
.chadgpt-voucher-grid-mobile {
padding-right: 10% !important;
}
.chadgpt-voucher-carousel .owl-stage-outer {
margin-right: -10% !important;
}
.chadgpt-voucher-carousel-item {
width: var(--chadgpt-voucher-max-width-mobile, 300px) !important;
max-width: var(--chadgpt-voucher-max-width-mobile, 300px) !important;
height: var(--chadgpt-voucher-max-height-mobile, 400px) !important;
max-height: var(--chadgpt-voucher-max-height-mobile, 400px) !important;
}
}
} @media (min-width: 1025px) {
.chadgpt-voucher-grid-mobile {
display: none !important;
}
.chadgpt-voucher-carousel .owl-dots {
display: none !important;
}
}