.chadgpt-digital-gift-cards-wrapper {
width: 100%;
padding: 0;
}
.chadgpt-digital-gift-cards-grid.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: 0;
}
.chadgpt-digital-gift-card {
width: 100%;
aspect-ratio: 1 / 0;
border-radius: 16px;
overflow: hidden;
position: relative;
}
.chadgpt-digital-gift-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @media (max-width: 1024px) and (min-width: 769px) {
.chadgpt-digital-gift-cards-grid.grid-container {
display: none !important;
}
} @media (max-width: 768px) {
.chadgpt-digital-gift-cards-grid.grid-container {
display: none !important;
}
} @media (max-width: 1024px) { .chadgpt-digital-gift-cards-mobile {
display: block !important;
position: relative !important;
width: 100% !important;
padding: 0 0 30px 0 !important;
} .chadgpt-digital-gift-cards-slider {
display: flex !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
gap: 0 !important;
padding: 0 20px !important;
}
.chadgpt-digital-gift-cards-slider::-webkit-scrollbar {
display: none !important;
} .chadgpt-digital-gift-cards-slide {
flex: 0 0 100% !important;
width: 100% !important;
scroll-snap-align: start !important;
padding: 0 5px !important;
box-sizing: border-box !important;
}
.chadgpt-digital-gift-cards-slide .chadgpt-digital-gift-card {
width: 100% !important;
aspect-ratio: 1 / 0 !important;
border-radius: 16px !important;
position: relative !important;
overflow: hidden !important;
}
.chadgpt-digital-gift-cards-slide .chadgpt-digital-gift-card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .chadgpt-digital-gift-cards-nav {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 15px !important;
margin-top: 20px !important;
padding: 0 20px !important;
} .chadgpt-digital-gift-cards-arrow {
display: none !important;
}
.chadgpt-digital-gift-cards-arrow:hover {
background-color: #E0E0E5 !important;
}
.chadgpt-digital-gift-cards-arrow.disabled {
opacity: 0.35 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.chadgpt-digital-gift-cards-arrow svg {
width: 20px !important;
height: 20px !important;
fill: #1D1D1F !important;
} .chadgpt-digital-gift-cards-dots {
display: flex !important;
gap: 8px !important;
align-items: center !important;
justify-content: center !important;
}
.chadgpt-digital-gift-cards-dot {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background-color: #D1D1D6 !important;
border: none !important;
padding: 0 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
.chadgpt-digital-gift-cards-dot.active {
background-color: #1D1D1F !important;
transform: scale(1.2) !important;
}
.chadgpt-digital-gift-cards-dot:hover:not(.active) {
background-color: #86868B !important;
}
} @media (min-width: 1025px) {
.chadgpt-digital-gift-cards-mobile {
display: none !important;
}
}