/** Shopify CDN: Minification failed

Line 17:15 Expected identifier but found whitespace
Line 17:17 Unexpected "{"
Line 17:27 Expected ":"
Line 18:14 Expected identifier but found whitespace
Line 18:16 Unexpected "{"
Line 18:26 Expected ":"
Line 19:20 Expected identifier but found whitespace
Line 19:22 Unexpected "{"
Line 19:32 Expected ":"

**/
/* GutuliPops brand shared styles for Shopify Dawn 15.5.0 */

:root {
  --gp-primary: {{ settings.gp_primary_color | default: '#111111' }};
  --gp-accent: {{ settings.gp_accent_color | default: '#F6A5C0' }};
  --gp-accent-hover: {{ settings.gp_accent_hover_color | default: '#EC7BAA' }};
  --gp-surface: #F9F9F9;
  --gp-border: #E5E5E5;
  --gp-radius: 16px;
}

/* NOTE: The above CSS variables use Liquid tags and only render if this file
   is served via {{ 'gp-styles.css' | asset_url }} inside layout/theme.liquid.
   Shopify serves .css assets through Liquid so this works as-is. */

.gp-font-heading { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 800; letter-spacing: -0.02em; }
.gp-font-body    { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

.gp-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border-radius: 999px;
  font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 13px;
  letter-spacing: 0.06em; text-transform: uppercase;
  text-decoration: none; cursor: pointer; border: none;
  transition: background-color 300ms ease, color 300ms ease, transform 300ms ease;
}
.gp-btn--primary { background: var(--gp-primary); color: #fff; }
.gp-btn--primary:hover { background: var(--gp-accent-hover); color: var(--gp-primary); }
.gp-btn--outline { background: #fff; color: var(--gp-primary); border: 1px solid var(--gp-primary); }
.gp-btn--outline:hover { background: var(--gp-primary); color: #fff; }
.gp-btn__arrow { display: inline-block; transition: transform 300ms ease; }
.gp-btn:hover .gp-btn__arrow { transform: rotate(45deg); }

.gp-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px;
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 500;
  letter-spacing: 0.25em; text-transform: uppercase; color: rgba(0,0,0,0.6);
}
.gp-eyebrow::before {
  content: ''; width: 6px; height: 6px; border-radius: 999px; background: var(--gp-accent);
}

.gp-heading {
  font-family: 'Poppins', sans-serif; font-weight: 900;
  color: var(--gp-primary); line-height: 0.95; letter-spacing: -0.02em;
  font-size: clamp(32px, 5vw, 60px); margin: 0;
}
.gp-heading em { font-style: italic; font-weight: 400; }

.gp-section { padding: 80px 0; background: #fff; }
.gp-container { max-width: 1440px; margin: 0 auto; padding: 0 24px; }
@media (min-width: 768px) { .gp-container { padding: 0 40px; } .gp-section { padding: 112px 0; } }

/* Fade up entrance */
@keyframes gpFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.gp-fade-up { animation: gpFadeUp 700ms cubic-bezier(0.16, 1, 0.3, 1) both; }

/* Card image hover swap */
.gp-card { position: relative; }
.gp-card__media { position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: var(--gp-radius); background: var(--gp-surface); }
.gp-card__img,
.gp-card__img--hover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 500ms ease; }
.gp-card__img--hover { opacity: 0; }
.gp-card:hover .gp-card__img { opacity: 0; }
.gp-card:hover .gp-card__img--hover { opacity: 1; }
.gp-card__badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--gp-primary); color: #fff;
  font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 999px;
}
.gp-card__wishlist {
  position: absolute; top: 12px; right: 12px; height: 36px; width: 36px;
  border-radius: 999px; background: rgba(255,255,255,0.8); backdrop-filter: blur(6px);
  display: inline-flex; align-items: center; justify-content: center;
  border: none; cursor: pointer; color: var(--gp-primary);
  transition: background-color 200ms ease;
}
.gp-card__wishlist:hover { background: var(--gp-accent); }
.gp-card__quick-add {
  position: absolute; left: 12px; right: 12px; bottom: 12px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--gp-primary); color: #fff;
  padding: 12px; border-radius: 999px; border: none; cursor: pointer;
  font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  transform: translateY(60px); opacity: 0;
  transition: transform 500ms cubic-bezier(0.16,1,0.3,1), opacity 500ms ease, background-color 300ms ease;
}
.gp-card:hover .gp-card__quick-add { transform: translateY(0); opacity: 1; }
.gp-card__quick-add:hover { background: var(--gp-accent-hover); color: var(--gp-primary); }
.gp-card__meta { padding: 16px 4px 0; }
.gp-card__category { font-family: 'Inter', sans-serif; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(17,17,17,0.5); margin-bottom: 6px; }
.gp-card__title    { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 15px; color: var(--gp-primary); line-height: 1.3; margin: 0; }
.gp-card__price    { display: flex; gap: 8px; align-items: baseline; margin-top: 8px; }
.gp-card__price-current  { font-family: 'Poppins', sans-serif; font-weight: 700; color: var(--gp-primary); }
.gp-card__price-compare  { font-size: 13px; color: rgba(17,17,17,0.4); text-decoration: line-through; }
.gp-card__price-discount { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 11px; color: var(--gp-accent-hover); }

/* No scrollbar utility */
.gp-no-scrollbar::-webkit-scrollbar { display: none; }
.gp-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Marquee */
@keyframes gpMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.gp-marquee { overflow: hidden; }
.gp-marquee__track { display: inline-flex; white-space: nowrap; animation: gpMarquee var(--gp-speed, 38s) linear infinite; }
.gp-marquee__track:hover { animation-play-state: paused; }
.gp-marquee__item { display: inline-flex; align-items: center; gap: 10px; padding: 10px 32px; }