/* Fallback: always show reveal-up if JS fails */
.reveal-up {
  opacity: 1 !important;
  transform: none !important;
}
@media (max-width: 575px) {
  .gp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow-x: auto;
    display: grid;
    padding-bottom: 8px;
  }
  .gp-card {
    min-width: 160px;
    max-width: 95vw;
  }
}
/* Gold Partners Page */
.gp-hero{
  position:relative;
  padding:145px 0 92px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(242,201,76,0.2), transparent 38%),
    radial-gradient(circle at 82% 12%, rgba(212, 203, 196, 0.14), transparent 44%),
    linear-gradient(145deg, #5a0336 0%, #7a0649 48%, #3f0226 100%);
}

.gp-hero::before,
.gp-hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.gp-hero::before{
  width:280px;
  height:280px;
  right:-70px;
  top:-70px;
  border:1px solid rgba(255, 255, 255, 0.22);
}

.gp-hero::after{
  width:180px;
  height:180px;
  left:-52px;
  bottom:18px;
  border:1px solid rgba(242, 201, 76, 0.4);
}

.gp-hero .hero-bg-icons i{
  color:rgba(255,255,255,0.17);
}

.gp-hero-content{
  position:relative;
  z-index:2;
  max-width:860px;
  margin:0 auto;
  text-align:center;
}

.gp-hero-content .page-badge{
  margin-bottom:16px;
}

.gp-hero-content h1{
  color:#fff;
  font-size:54px;
  line-height:1.08;
  margin-bottom:18px;
}

.gp-hero-content p{
  color:rgba(255,255,255,0.86);
  font-size:19px;
  max-width:760px;
  margin:0 auto;
}

.gp-circle-link{
  width:84px;
  height:84px;
  margin:30px auto 0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.42);
  color:#fff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  transition:transform .35s ease, border-color .35s ease;
}

.gp-circle-link::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(242,201,76,0.24), rgba(212, 203, 196, 0.08));
}

.gp-circle-link i{
  position:relative;
  z-index:1;
  font-size:30px;
}

.gp-circle-link:hover{
  transform:translateY(-4px) scale(1.03);
  border-color:#f2c94c;
  color:#fff;
}

.gp-partners-section{
  padding:78px 0 42px;
  background:
    radial-gradient(circle at 8% 9%, rgba(242,201,76,0.13), transparent 30%),
    radial-gradient(circle at 92% 91%, rgba(122,6,73,0.09), transparent 33%),
    #D4CBC4;
}

.gp-grid{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:24px;
}

/* ── CARD BASE ── */
.gp-card{
  background:#D4CBC4;
  border-radius:20px;
  overflow:hidden;
  text-align:center;
  box-shadow:0 6px 24px rgba(90,3,54,0.10);
  border:2px solid #f0e6ec;
  transition:transform .32s cubic-bezier(.22,.68,0,1.2),
  opacity:1 !important;
  transform:none !important;
  transition:opacity .45s ease, transform .45s ease;
  display:flex;
  flex-direction:column;
  cursor:pointer;
  position:relative;
}

/* gold shimmer top bar */
.gp-card::before{
  content:'';
  display:block;
  height:5px;
  background:linear-gradient(90deg,#5a0336 0%,#7a0649 25%,#f2c94c 50%,#7a0649 75%,#5a0336 100%);
  background-size:200% 100%;
  transition:background-position .6s ease;
  flex-shrink:0;
}

.gp-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 24px 56px rgba(90,3,54,0.22),
             0 0 0 2px #f2c94c;
  border-color:#f2c94c;
}

.gp-card:hover::before{
  background-position:100% 0;
}

/* Full-card overlay link */
.gp-card-link{
  position:absolute;
  inset:0;
  z-index:3;
}

/* ── LOGO AREA ── */
.gp-card-logo-area{
  background:linear-gradient(160deg,#D4CBC4 0%,#D4CBC4 100%);
  padding:28px 24px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  min-height:160px;
  flex-shrink:0;
}

/* subtle decorative ring behind logo */
.gp-card-logo-area::after{
  content:'';
  position:absolute;
  width:130px;
  height:130px;
  border-radius:50%;
  background:rgba(242,201,76,0.12);
  border:2px dashed rgba(242,201,76,0.35);
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  transition:transform .32s ease, border-color .32s ease;
}

.gp-card:hover .gp-card-logo-area::after{
  transform:translate(-50%,-50%) scale(1.1);
  border-color:rgba(242,201,76,0.7);
}

.gp-card-logo-area img{
  width:110px;
  height:110px;
  object-fit:contain;
  border-radius:50%;
  background:#D4CBC4;
  border:3px solid #fff;
  box-shadow:0 6px 22px rgba(90,3,54,0.14);
  position:relative;
  z-index:1;
  transition:transform .32s cubic-bezier(.22,.68,0,1.2),
             box-shadow .32s ease;
}

.gp-card:hover .gp-card-logo-area img{
  transform:scale(1.1);
  box-shadow:0 12px 32px rgba(90,3,54,0.22);
}

/* ── CARD BODY ── */
.gp-card-body{
  padding:16px 14px 18px;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.gp-card h3{
  font-size:15px;
  margin:0;
  color:#3a0220;
  font-weight:700;
  line-height:1.3;
}

/* ── VISIT BUTTON ── */
.gp-visit-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:600;
  color:#7a0649;
  background:linear-gradient(135deg,#D4CBC4 0%,#D4CBC4 100%);
  border:1.5px solid rgba(242,201,76,0.6);
  border-radius:50px;
  padding:6px 16px;
  position:relative;
  z-index:2;
  pointer-events:none;
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}

.gp-card:hover .gp-visit-btn{
  background:linear-gradient(135deg,#7a0649 0%,#5a0336 100%);
  color: #5a0336;
  border-color:#f2c94c;
}

.gp-visit-btn i{
  font-size:12px;
}

.gp-cta-section{
  padding:24px 0 86px;
  background:#D4CBC4;
}

.gp-cta-box{
  background:linear-gradient(145deg, #5a0336 0%, #7a0649 50%, #3f0226 100%);
  border-radius:26px;
  padding:40px 34px;
  text-align:center;
  color:#fff;
  box-shadow:0 16px 42px rgba(90, 3, 54, 0.28);
}

.gp-cta-box h2{
  font-size:38px;
  margin-bottom:12px;
  color:#fff;
}

.gp-cta-box p{
  font-size:17px;
  color:rgba(255,255,255,0.86);
  margin:0 auto 24px;
  max-width:760px;
}

.gp-cta-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}

/* REMOVE reveal-up animation and force visible */
.reveal-up {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (max-width:1199px){
  .gp-hero-content h1{font-size:44px;}
  .gp-grid{grid-template-columns:repeat(4, minmax(0,1fr));}
}

@media (max-width:991px){
  .gp-hero{padding:130px 0 74px;}
  .gp-hero-content h1{font-size:36px;}
  .gp-hero-content p{font-size:17px;}
  .gp-grid{grid-template-columns:repeat(3, minmax(0,1fr));}
  .gp-card-logo-area{min-height:130px;padding:22px 18px 16px;}
  .gp-card-logo-area img{width:90px;height:90px;}
  .gp-card-logo-area::after{width:108px;height:108px;}
  .gp-cta-box h2{font-size:31px;}
}

@media (max-width:767px){
  .gp-hero{padding:118px 0 68px;}
  .gp-hero-content h1{font-size:31px;}
  .gp-hero-content p{font-size:16px;}
  .gp-circle-link{width:70px;height:70px;}
  .gp-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:14px;}
  .gp-card-logo-area{min-height:110px;padding:18px 14px 12px;}
  .gp-card-logo-area img{width:78px;height:78px;}
  .gp-card-logo-area::after{width:94px;height:94px;}
  .gp-card h3{font-size:13px;}
  .gp-visit-btn{font-size:11px;padding:5px 12px;}
  .gp-cta-box{padding:30px 18px;border-radius:18px;}
  .gp-cta-box h2{font-size:25px;}
  .gp-cta-box p{font-size:15px;}
}

/* Trusted Gold Buyer Circle 3D animation */
.gp-partners-section .gp-card{
  background:linear-gradient(145deg, #e5dbd3 0%, #D4CBC4 58%, #bbaaa1 100%) !important;
  border:2px solid #5a0336 !important;
  border-radius:14px !important;
  box-shadow:
    7px 8px 0 rgba(90, 3, 54, 0.22),
    0 16px 28px rgba(90, 3, 54, 0.16),
    inset 1px 1px 0 rgba(255, 255, 255, 0.45) !important;
  transform-style:preserve-3d;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, filter .3s ease !important;
}

.gp-partners-section .gp-card::before{
  height:5px;
  background:linear-gradient(90deg, #5a0336 0%, #D4CBC4 52%, #f2c94c 100%) !important;
}

.gp-partners-section .gp-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.34), transparent 36%, rgba(90,3,54,.08));
  pointer-events:none;
  z-index:1;
}

.gp-partners-section .gp-card:hover{
  transform:translateY(-10px) rotateX(5deg) rotateY(-4deg) scale(1.02) !important;
  filter:brightness(1.04);
  border-color:#5a0336 !important;
  box-shadow:
    11px 13px 0 rgba(90, 3, 54, 0.28),
    0 24px 40px rgba(90, 3, 54, 0.24),
    inset 1px 1px 0 rgba(255, 255, 255, 0.52) !important;
}

.gp-partners-section .gp-card-logo-area{
  background:#D4CBC4 !important;
  transform-style:preserve-3d;
}

.gp-partners-section .gp-card-logo-area::after{
  background:rgba(90, 3, 54, 0.08) !important;
  border:2px solid rgba(90, 3, 54, 0.28) !important;
}

.gp-partners-section .gp-card-logo-area img{
  border:3px solid #5a0336 !important;
  box-shadow:
    4px 5px 0 rgba(90, 3, 54, 0.22),
    0 12px 22px rgba(90, 3, 54, 0.16) !important;
}

.gp-partners-section .gp-card:hover .gp-card-logo-area img{
  transform:translateZ(18px) scale(1.08) rotate(-4deg) !important;
  box-shadow:
    6px 7px 0 rgba(90, 3, 54, 0.28),
    0 18px 30px rgba(90, 3, 54, 0.24) !important;
}

.gp-partners-section .gp-visit-btn{
  background:linear-gradient(145deg, #7a0649 0%, #5a0336 62%, #3a0123 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(242, 201, 76, .5) !important;
  box-shadow:3px 4px 0 rgba(90, 3, 54, .24);
}