/** Shopify CDN: Minification failed

Line 104:7 Expected ":"

**/
.page-width {
  padding: 0 5rem;
  margin: 0 auto;
}

.grid {
  column-gap: 20px;
  row-gap: 20px;
}
        
#product-grid .grid__item{ display:flex; max-width:350px; }
#product-grid .grid__item .pgv2-card{ width:100%; height:100%; }

.pgv2-card{
  background:#fff;
  border:1px solid #eef0f4;
  border-radius:10px;
  padding:18px;
  display:flex;
  flex-direction:column;
  height:100%;
  box-shadow:0 4px 20px rgba(13,40,90,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.pgv2-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(13,40,90,.10);
  border:1px solid #FFC542;
}

/* header */
.pgv2-card__head{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:14px;
}
.pgv2-card__icon{
  width:65px;
  height:65px;
  border-radius:8px;
  overflow:hidden;
  flex-shrink:0;
  display:block;
  background:#f1f5f9;
}
.pgv2-card__icon img{ width:100%; height:100%; object-fit:cover; display:block; }
.pgv2-card__icon-fallback{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background:#0f172a; color:#fff; font-weight:700; font-size:1.6rem;
}

/* title */
.pgv2-card__title{
  margin:0;
  font-size:2.5rem;
  font-weight:600;
  line-height:1.15;
  color:#000;
}
.pgv2-card__title a{ color:inherit; text-decoration:none; }

/* description */
.pgv2-card__desc{
  margin:0 0 16px;
  color:#202020;
  font-size:1.3rem;
  font-weight:400;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* tags — colored pills */
.pgv2-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 0 auto;
  margin-bottom:4px;
}
.pgv2-tag{
  font-size:1.3rem;
  font-weight:500;
  padding:3px 12px;
  border-radius:6px;
  text-transform:capitalize;
}
/* color variants (cycled) */
.pgv2-tag--0{ background:#eaf1ff; color:#2563eb; }   /* blue */
.pgv2-tag--1{ background:#f3eaff; color:#7c3aed; }   /* purple */
.pgv2-tag--2{ background:#e7f7ee; color:#16a34a; }   /* green */

.pgv2-card__divider{
  border:none;
  color #eef0f4;
  margin:10px 0;
}

/* rows */
.pgv2-card__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.pgv2-card__label{
  font-size:10px;
  font-weight:600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.pgv2-card__value{
  font-size:16px;
  font-weight:500;
  color:#0f172a;
}

/* access — boxed row (cream) */
.pgv2-card__access{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#FFF4E9;
  border:1px solid #FFC542;
  border-radius:8px;
  padding:8px 12px;
  margin:14px 0;
}
.pgv2-card__access-label{
  font-size:10px;
  font-weight:600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.pgv2-card__access-value{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  font-weight:500;
  color:#0f172a;
}
.pgv2-crown{ color:#2563eb; }

/* buttons */
.pgv2-card__buttons{
  margin-top:auto;
  display:flex;
  gap:10px;
}
.pgv2-card__buttons > *{ flex:1; }
.pgv2-card__form{ flex:1; margin:0; }
.pgv2-card__form .custom-btn{ width:100%; }

.pgv2-card__buttons .custom-btn{
  width:100%;
  justify-content:center;
  padding:8px;
  border-radius:5px;
  font-size:1.5rem;
}

/* Performance → outlined */
.pgv2-card__buttons .custom-btn--secondary{
  border:1px solid #2563eb;
  border-radius:8px;
  background:#fff;
  color:#2563eb;
  font-weight:500;
  justify-content:center;
}
.pgv2-card__buttons .custom-btn--secondary::after{ display:none; }
.pgv2-card__buttons .custom-btn--secondary:hover{
  background:#fff;
  border-color:#2563eb;
  color:#2563eb;
  transform:none;
  font-weight:500;
}

/* Invest Now → filled blue */
.pgv2-card__buttons .custom-btn--primary{
  border-radius:5px;
  border:none;
  padding:14px;
  font-weight:500;
}
.pgv2-arrow{ margin-left:6px; }

/* live data hooks */
.gi-return-wrapper{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.gi-return-wrapper.is-blurred .gi-return-text{ filter:blur(6px); }
.gi-return-wrapper.positive{ color:#16a34a; }
.gi-return-wrapper.negative{ color:#dc2626; }

/* responsive */
@media (max-width:1200px){
  #product-grid.product-grid{ /* Dawn handles columns */ }
}

/* MOBILE — slider: 1 card + peek of next */
@media (max-width:768px){
  #product-grid .grid__item{
    flex:0 0 92%;
    scroll-snap-align:start;
    max-width:none;
    display:block;
  }

  .pgv2-card__buttons .custom-btn--primary {
    padding:12px;
  }
}