@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{
--bg-deep:#06091a;
--bg-panel:#0c1029;
--bg-card:#111638;
--bg-card-hover:#161d48;
--bg-sidebar:#090d24;
--gold:#e2b44d;
--gold-light:#f5d280;
--gold-dark:#b8892a;
--accent-green:#22c55e;
--accent-blue:#3b82f6;
--accent-red:#ef4444;
--text-primary:#eaf0ff;
--text-secondary:#8892b0;
--text-muted:#505a78;
--border-color:rgba(226,180,77,0.12);
--border-subtle:rgba(255,255,255,0.06);
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:20px;
--sidebar-width:240px;
--header-height:60px;
--shadow-card:0 4px 24px rgba(0,0,0,0.4);
--shadow-glow:0 0 30px rgba(226,180,77,0.15);
--transition:0.25s cubic-bezier(.4,0,.2,1)
}
html{scroll-behavior:smooth}
body{
font-family:'DM Sans','Outfit',sans-serif;
background:var(--bg-deep);
color:var(--text-primary);
line-height:1.7;
overflow-x:hidden;
min-height:100vh
}
a{color:inherit;text-decoration:none;transition:color var(--transition)}
img{max-width:100%;display:block}
.layout{display:flex;min-height:100vh}
.sidebar{
position:fixed;
top:0;left:0;bottom:0;
width:var(--sidebar-width);
background:var(--bg-sidebar);
border-right:1px solid var(--border-subtle);
z-index:100;
display:flex;flex-direction:column;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:var(--bg-card) transparent
}
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}
.sidebar-logo{
padding:1.25rem 1.25rem 1rem;
border-bottom:1px solid var(--border-subtle);
display:flex;align-items:center;gap:0.6rem
}
.sidebar-logo-icon{
width:36px;height:36px;
background:linear-gradient(135deg,var(--gold),var(--gold-dark));
border-radius:var(--radius-sm);
display:flex;align-items:center;justify-content:center;
font-weight:900;font-size:1.1rem;color:var(--bg-deep)
}
.sidebar-logo-text{
font-family:'Outfit',sans-serif;
font-weight:800;font-size:1.3rem;
background:linear-gradient(135deg,var(--gold-light),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.sidebar-nav{flex:1;padding:0.75rem 0}
.sidebar-nav-group{margin-bottom:0.25rem}
.sidebar-nav-label{
display:block;
padding:0.5rem 1.25rem 0.35rem;
font-size:0.65rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:1.5px;
color:var(--text-muted)
}
.sidebar-link{
display:flex;align-items:center;gap:0.7rem;
padding:0.6rem 1.25rem;
font-size:0.88rem;font-weight:500;
color:var(--text-secondary);
transition:all var(--transition);
border-left:3px solid transparent;
cursor:pointer
}
.sidebar-link:hover,.sidebar-link.active{
color:var(--gold);
background:rgba(226,180,77,0.06);
border-left-color:var(--gold)
}
.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:0.7}
.sidebar-link:hover svg,.sidebar-link.active svg{opacity:1}
.sidebar-footer{
padding:1rem 1.25rem;
border-top:1px solid var(--border-subtle);
font-size:0.75rem;
color:var(--text-muted);
text-align:center
}
.sidebar-footer a{color:var(--gold);font-weight:600}
.sidebar-footer a:hover{text-decoration:underline}
.main-area{
margin-left:var(--sidebar-width);
flex:1;
min-width:0
}
.top-bar{
position:sticky;top:0;
height:var(--header-height);
background:rgba(6,9,26,0.92);
backdrop-filter:blur(12px);
border-bottom:1px solid var(--border-subtle);
z-index:90;
display:flex;align-items:center;justify-content:space-between;
padding:0 1.5rem;
gap:1rem
}
.top-bar-left{display:flex;align-items:center;gap:1rem}
.burger{
display:none;
background:none;border:none;color:var(--text-primary);
cursor:pointer;padding:0.4rem;font-size:1.4rem;line-height:1
}
.top-bar-search{
background:var(--bg-card);
border:1px solid var(--border-subtle);
border-radius:var(--radius-lg);
padding:0.5rem 1rem;
color:var(--text-primary);
font-size:0.88rem;
width:260px;
outline:none;
transition:border-color var(--transition)
}
.top-bar-search::placeholder{color:var(--text-muted)}
.top-bar-search:focus{border-color:var(--gold)}
.top-bar-right{display:flex;align-items:center;gap:0.75rem}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;
padding:0.55rem 1.4rem;
border-radius:var(--radius-lg);
font-family:inherit;font-size:0.88rem;font-weight:600;
border:2px solid transparent;
cursor:pointer;
transition:all var(--transition);
white-space:nowrap
}
.btn-outline{
background:transparent;
border-color:var(--gold);
color:var(--gold)
}
.btn-outline:hover{
background:rgba(226,180,77,0.1);
box-shadow:var(--shadow-glow)
}
.btn-primary{
background:linear-gradient(135deg,var(--gold),var(--gold-dark));
color:var(--bg-deep);
border-color:var(--gold)
}
.btn-primary:hover{
background:linear-gradient(135deg,var(--gold-light),var(--gold));
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(226,180,77,0.35)
}
.btn-sm{padding:0.4rem 1rem;font-size:0.8rem}
.btn-lg{padding:0.75rem 2rem;font-size:1rem}
.lang-btn{
background:var(--bg-card);
border:1px solid var(--border-subtle);
color:var(--text-secondary);
padding:0.45rem 0.75rem;
border-radius:var(--radius-sm);
font-size:0.82rem;font-weight:600;
cursor:pointer;
transition:all var(--transition)
}
.lang-btn:hover{border-color:var(--gold);color:var(--gold)}
.lang-dropdown-wrap{position:relative}
.lang-dropdown-menu{
display:none;position:absolute;top:calc(100% + 6px);right:0;
background:var(--bg-panel);
border:1px solid var(--border-color);
border-radius:var(--radius-md);
min-width:130px;
box-shadow:var(--shadow-card);
z-index:200;
overflow:hidden
}
.lang-dropdown-menu.open{display:block}
.lang-dropdown-menu a{
display:block;padding:0.6rem 1rem;
font-size:0.85rem;color:var(--text-secondary);
transition:all var(--transition);
border-bottom:1px solid var(--border-subtle)
}
.lang-dropdown-menu a:last-child{border-bottom:none}
.lang-dropdown-menu a:hover,.lang-dropdown-menu a.active{
background:rgba(226,180,77,0.08);color:var(--gold)
}
.content-area{padding:0 1.5rem 3rem}
.banner{
position:relative;
margin:1.25rem 0 2rem;
border-radius:var(--radius-xl);
overflow:hidden;
background:var(--bg-card);
border:1px solid var(--border-color);
min-height:280px;
display:flex;align-items:center
}
.banner-img{
position:absolute;inset:0;
width:100%;height:100%;
object-fit:cover;
object-position:center right;
z-index:1
}
.banner-glow{
position:absolute;inset:0;
background:linear-gradient(to right,rgba(6,9,26,0.92) 0%,rgba(6,9,26,0.65) 50%,rgba(6,9,26,0.2) 100%);
z-index:2;
pointer-events:none
}
.banner-content{
position:relative;z-index:2;
padding:2.5rem 2.5rem;
max-width:560px
}
.banner-badge{
display:inline-block;
background:rgba(226,180,77,0.15);
border:1px solid var(--gold);
border-radius:var(--radius-lg);
padding:0.3rem 0.9rem;
font-size:0.72rem;font-weight:700;
text-transform:uppercase;
letter-spacing:1.2px;
color:var(--gold);
margin-bottom:0.75rem
}
.banner-h1{
font-family:'Outfit',sans-serif;
font-size:clamp(1rem,2vw,1.3rem);
font-weight:600;
color:var(--text-secondary);
margin-bottom:0.25rem;
letter-spacing:0.5px
}
.banner-title{
font-family:'Outfit',sans-serif;
font-size:clamp(1.6rem,3.5vw,2.4rem);
font-weight:800;
line-height:1.15;
margin-bottom:0.6rem;
color:var(--text-primary)
}
.banner-title span{
background:linear-gradient(135deg,var(--gold-light),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.banner-sub{
font-size:0.95rem;
color:var(--text-secondary);
margin-bottom:1.5rem;
max-width:400px
}
.banner-buttons{display:flex;gap:0.75rem;flex-wrap:wrap}
.banner-dots{
position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);
display:flex;gap:0.5rem;z-index:3
}
.banner-dot{
width:8px;height:8px;border-radius:50%;
background:var(--text-muted);
cursor:pointer;transition:all var(--transition)
}
.banner-dot.active{background:var(--gold);width:24px;border-radius:4px}
.category-bar{
display:flex;gap:0.5rem;
padding:0.75rem 0;
margin-bottom:1.5rem;
overflow-x:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.category-bar::-webkit-scrollbar{display:none}
.category-chip{
flex-shrink:0;
padding:0.45rem 1rem;
border-radius:var(--radius-lg);
font-size:0.82rem;font-weight:600;
background:var(--bg-card);
color:var(--text-secondary);
border:1px solid var(--border-subtle);
cursor:pointer;
transition:all var(--transition);
white-space:nowrap
}
.category-chip:hover,.category-chip.active{
background:rgba(226,180,77,0.12);
border-color:var(--gold);
color:var(--gold)
}
.section-header{
display:flex;align-items:center;justify-content:space-between;
margin-bottom:1.25rem;
gap:1rem
}
.section-title{
font-family:'Outfit',sans-serif;
font-size:clamp(1.2rem,2.5vw,1.5rem);
font-weight:700;
color:var(--text-primary);
position:relative;
padding-left:0.9rem
}
.section-title::before{
content:'';position:absolute;left:0;top:0.15em;
width:4px;height:1.1em;
background:var(--gold);border-radius:2px
}
.section-link{
font-size:0.82rem;font-weight:600;
color:var(--text-muted);
transition:color var(--transition);
flex-shrink:0
}
.section-link:hover{color:var(--gold)}
.slots-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
gap:1rem
}
.slot-card{
position:relative;
border-radius:var(--radius-md);
overflow:hidden;
aspect-ratio:3/4;
cursor:pointer;
transition:transform var(--transition),box-shadow var(--transition);
background:var(--bg-card)
}
.slot-card:hover{
transform:translateY(-4px) scale(1.02);
box-shadow:0 12px 32px rgba(0,0,0,0.5)
}
.slot-card img{
position:absolute;inset:0;
width:100%;height:100%;
object-fit:cover;
object-position:center
}
.slot-overlay{
position:absolute;inset:0;
background:linear-gradient(to top,rgba(6,9,26,0.95) 0%,rgba(6,9,26,0.3) 50%,transparent 100%);
display:flex;flex-direction:column;justify-content:flex-end;
padding:0.7rem;
transition:background var(--transition)
}
.slot-card:hover .slot-overlay{
background:linear-gradient(to top,rgba(6,9,26,0.98) 0%,rgba(6,9,26,0.6) 60%,rgba(6,9,26,0.2) 100%)
}
.slot-name{font-size:0.8rem;font-weight:700;line-height:1.2;margin-bottom:0.15rem}
.slot-provider{font-size:0.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.5px}
.slot-actions{
display:flex;gap:0.35rem;
margin-top:0.4rem;
opacity:0;transform:translateY(8px);
transition:all var(--transition)
}
.slot-card:hover .slot-actions{opacity:1;transform:translateY(0)}
.slot-btn-s{
flex:1;
padding:0.35rem;
border-radius:var(--radius-sm);
font-size:0.7rem;font-weight:600;
text-align:center;
transition:all var(--transition);
display:block
}
.slot-btn-s.demo-s{
background:rgba(255,255,255,0.1);
color:var(--text-primary);
border:1px solid rgba(255,255,255,0.15)
}
.slot-btn-s.demo-s:hover{background:rgba(255,255,255,0.18)}
.slot-btn-s.play-s{
background:var(--gold);
color:var(--bg-deep);
border:1px solid var(--gold)
}
.slot-btn-s.play-s:hover{background:var(--gold-light)}
.text-content{max-width:900px}
.text-content h2{
font-family:'Outfit',sans-serif;
font-size:clamp(1.5rem,3vw,2rem);
font-weight:800;
color:var(--gold);
margin:3rem 0 1rem;
padding-bottom:0.6rem;
border-bottom:2px solid var(--border-color)
}
.text-content h3{
font-family:'Outfit',sans-serif;
font-size:clamp(1.1rem,2.2vw,1.4rem);
font-weight:700;
color:var(--gold-light);
margin:2rem 0 0.75rem
}
.text-content p{
color:var(--text-secondary);
margin-bottom:1.1rem;
line-height:1.8
}
.text-content strong{color:var(--gold-light);font-weight:600}
.text-content a{color:var(--gold);font-weight:500}
.text-content a:hover{text-decoration:underline}
.table-scroll{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:1.5rem 0;
border-radius:var(--radius-md);
border:1px solid var(--border-subtle)
}
.table-scroll::-webkit-scrollbar{height:6px}
.table-scroll::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:3px}
.table-scroll table,.text-content .table-scroll table{
margin:0;
border:none;
border-radius:0;
min-width:500px
}
.text-content table{
width:100%;
min-width:500px;
border-collapse:collapse;
margin:0;
background:var(--bg-card);
overflow:hidden;
border:1px solid var(--border-subtle)
}
.table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:1.5rem 0;
border-radius:var(--radius-md)
}
.text-content th,.text-content td{
padding:0.85rem 1rem;
text-align:left;
border-bottom:1px solid var(--border-subtle);
font-size:0.9rem
}
.text-content th{
background:rgba(226,180,77,0.1);
color:var(--gold);
font-weight:700;
text-transform:uppercase;
font-size:0.78rem;
letter-spacing:0.5px
}
.text-content tr:last-child td{border-bottom:none}
.text-content tr:hover{background:rgba(226,180,77,0.03)}
.text-content td{color:var(--text-secondary)}
.text-content ul,.text-content ol{
margin:1.2rem 0;
padding-left:1.4rem;
color:var(--text-secondary)
}
.text-content li{margin-bottom:0.6rem}
.text-content li::marker{color:var(--gold)}
.promo-box{
background:linear-gradient(135deg,rgba(226,180,77,0.1),rgba(226,180,77,0.03));
border:2px dashed var(--gold);
border-radius:var(--radius-lg);
padding:1.5rem;
margin:1.5rem 0;
text-align:center
}
.promo-code-text{
font-family:'Outfit',monospace;
font-size:1.4rem;font-weight:800;
color:var(--gold-light);
letter-spacing:3px;
margin:0.5rem 0
}
.rating-block{
background:linear-gradient(135deg,rgba(226,180,77,0.12),rgba(226,180,77,0.04));
border:1px solid var(--border-color);
border-radius:var(--radius-lg);
padding:2rem;
text-align:center;
margin:1.5rem 0
}
.rating-big{
font-family:'Outfit',sans-serif;
font-size:3.5rem;font-weight:900;
color:var(--gold)
}
.rating-stars{font-size:1.4rem;color:var(--gold);margin:0.4rem 0}
.rating-label{font-size:0.88rem;color:var(--text-muted)}
.reviews-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1.25rem;
margin:1.5rem 0
}
.review-card{
background:var(--bg-card);
border:1px solid var(--border-subtle);
border-radius:var(--radius-lg);
padding:1.25rem;
transition:transform var(--transition),box-shadow var(--transition)
}
.review-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(0,0,0,0.3)
}
.review-top{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}
.review-avatar{
width:44px;height:44px;border-radius:50%;
background:linear-gradient(135deg,var(--gold),var(--gold-dark));
display:flex;align-items:center;justify-content:center;
font-weight:800;font-size:1.1rem;color:var(--bg-deep);
flex-shrink:0
}
.review-meta .r-name{font-weight:700;color:var(--gold);font-size:0.9rem}
.review-meta .r-src{font-size:0.78rem;color:var(--text-muted)}
.review-stars{color:var(--gold);font-size:0.95rem;margin-bottom:0.3rem}
.review-date{font-size:0.78rem;color:var(--text-muted);margin-bottom:0.5rem}
.review-text{font-size:0.88rem;color:var(--text-secondary);line-height:1.6}
.faq-item{
background:var(--bg-card);
border:1px solid var(--border-subtle);
border-radius:var(--radius-md);
margin-bottom:0.75rem;
overflow:hidden
}
.faq-q{
padding:1rem 1.25rem;
font-weight:700;font-size:0.95rem;
color:var(--gold);
cursor:pointer;
display:flex;justify-content:space-between;align-items:center;
transition:background var(--transition)
}
.faq-q:hover{background:rgba(226,180,77,0.06)}
.faq-q::after{
content:'+';font-size:1.3rem;font-weight:300;
color:var(--text-muted);
transition:transform var(--transition)
}
.faq-item.open .faq-q::after{transform:rotate(45deg);color:var(--gold)}
.faq-a{
display:none;
padding:0 1.25rem 1.25rem;
color:var(--text-secondary);
font-size:0.9rem;
line-height:1.7
}
.faq-item.open .faq-a{display:block}
.content-img{
width:100%;
border-radius:var(--radius-md);
margin:1.5rem 0;
border:1px solid var(--border-subtle);
box-shadow:var(--shadow-card)
}
.sticky-btn{
position:fixed;bottom:1.25rem;right:1.25rem;
z-index:80;
animation:stickyPulse 2.5s infinite ease-in-out
}
@keyframes stickyPulse{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
.sticky-btn .btn{box-shadow:0 8px 30px rgba(226,180,77,0.4)}
.site-footer{
background:var(--bg-sidebar);
border-top:1px solid var(--border-subtle);
padding:2.5rem 1.5rem 1.5rem;
margin-left:var(--sidebar-width)
}
.footer-inner{max-width:1000px;margin:0 auto}
.footer-links{
display:flex;flex-wrap:wrap;gap:1.25rem;
justify-content:center;
margin-bottom:1.75rem
}
.footer-links a{
font-size:0.88rem;color:var(--text-muted);
transition:color var(--transition)
}
.footer-links a:hover{color:var(--gold)}
.footer-payments{
display:flex;flex-wrap:wrap;gap:1rem;
justify-content:center;align-items:center;
padding:1.5rem 0;
margin-bottom:1.5rem;
border-bottom:1px solid var(--border-subtle)
}
.pay-logo{
height:28px;width:auto;
filter:brightness(0) invert(0.7);
opacity:0.6;
transition:all var(--transition)
}
.pay-logo:hover{
filter:brightness(0) invert(1);
opacity:1
}
.footer-disclaimer{
text-align:center;
padding-top:1.5rem;
border-top:1px solid var(--border-subtle);
max-width:800px;margin:0 auto
}
.footer-disclaimer p{
font-size:0.82rem;
color:var(--text-muted);
line-height:1.6;
margin-bottom:0.75rem
}
.footer-disclaimer strong{color:var(--gold-light)}
.footer-disclaimer a{color:var(--gold)}
.footer-copy{
margin-top:1.25rem;
font-size:0.78rem;
color:var(--gold);
text-align:center
}
.disclaimer-bar{
background:var(--bg-panel);
border-top:1px solid var(--border-color);
padding:1rem 1.5rem;
margin-left:var(--sidebar-width);
text-align:center
}
.disclaimer-bar p{
font-size:0.78rem;
color:var(--text-muted);
max-width:900px;
margin:0 auto;
line-height:1.5
}
.disclaimer-bar strong{color:var(--accent-red)}
.cookie-banner{
position:fixed;bottom:0;left:0;right:0;
background:var(--bg-panel);
border-top:2px solid var(--border-color);
padding:1rem 1.5rem;
z-index:500;
display:flex;align-items:center;justify-content:center;gap:1rem;
flex-wrap:wrap;
box-shadow:0 -8px 30px rgba(0,0,0,0.5);
transform:translateY(100%);
transition:transform 0.4s ease
}
.cookie-banner.visible{transform:translateY(0)}
.cookie-banner p{
font-size:0.85rem;
color:var(--text-secondary);
flex:1;min-width:260px
}
.cookie-banner a{color:var(--gold);text-decoration:underline}
.cookie-btns{display:flex;gap:0.5rem;flex-shrink:0}
.overlay-bg{
display:none;position:fixed;inset:0;
background:rgba(0,0,0,0.6);z-index:95
}
.overlay-bg.active{display:block}
.mobile-bottom-nav{
display:none;
position:fixed;bottom:0;left:0;right:0;
height:60px;
background:var(--bg-sidebar);
border-top:1px solid var(--border-subtle);
z-index:100;
justify-content:space-around;
align-items:center;
padding:0 0.5rem;
box-shadow:0 -4px 20px rgba(0,0,0,0.4)
}
.mob-nav-item{
display:flex;flex-direction:column;align-items:center;gap:0.15rem;
padding:0.4rem 0.75rem;
color:var(--text-muted);
font-size:0.65rem;font-weight:600;
transition:color var(--transition);
text-decoration:none
}
.mob-nav-item svg{width:22px;height:22px}
.mob-nav-item.active,.mob-nav-item:hover{color:var(--gold)}
@media(max-width:1024px){
.sidebar{
transform:translateX(-100%);
transition:transform 0.3s ease;
z-index:200
}
.sidebar.open{transform:translateX(0)}
.main-area{margin-left:0}
.site-footer{margin-left:0}
.disclaimer-bar{margin-left:0}
.burger{display:block}
.mobile-bottom-nav{display:flex}
.content-area{padding-bottom:70px}
.site-footer{padding-bottom:70px}
.sticky-btn{bottom:70px}
.cookie-banner.visible{transform:translateY(-60px)}
}
@media(max-width:768px){
.top-bar-search{width:140px;font-size:0.82rem;padding:0.4rem 0.75rem}
.banner{min-height:200px}
.banner-content{padding:1.5rem}
.banner-title{font-size:clamp(1.3rem,4vw,1.8rem)}
.banner-h1{font-size:0.9rem}
.slots-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.6rem}
.slot-actions{opacity:1;transform:none}
.content-area{padding:0 1rem 70px}
.reviews-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.top-bar{padding:0 0.75rem}
.top-bar-search{display:none}
.banner{min-height:160px}
.banner-content{padding:1rem}
.banner-sub{font-size:0.82rem;display:none}
.banner-title{font-size:clamp(1.1rem,5vw,1.5rem)}
.banner-h1{font-size:0.8rem}
.banner-badge{font-size:0.6rem;padding:0.2rem 0.6rem}
.banner-buttons .btn{padding:0.5rem 1.2rem;font-size:0.85rem}
.slots-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem}
.slot-card{aspect-ratio:1/1.2}
.slot-name{font-size:0.68rem}
.slot-provider{font-size:0.55rem}
.slot-btn-s{font-size:0.6rem;padding:0.25rem}
.text-content h2{font-size:1.3rem}
.text-content th,.text-content td{padding:0.6rem 0.7rem;font-size:0.82rem}
.cookie-banner{flex-direction:column;text-align:center}
.footer-payments{gap:0.75rem}
.pay-logo{height:22px}
}