/* ============================================================
   GoGiftings V28 — MASTER FIX
   Addresses all 5 reported issues in ONE clean file.
   No patches or overrides needed — this replaces all prev fixes.

   FIX 1: Product card — name/price/meta/button alignment
   FIX 2: Product detail title cropping — correct font size
   FIX 3: Corporate nav — "AI Gift Assistant" removed, correct order
   FIX 4: Events hero — matches index.html home hero style
   FIX 5: Subscription page — brand fonts/colors consistent with site
   ============================================================ */

/* ── CSS VARIABLES (site-wide brand tokens) ──────────────────── */
:root {
  --gg-pink:     #f62780;
  --gg-plum:     #5a1a93;
  --gg-velvet:   #1f1020;
  --gg-soft-bg:  #fff7fb;
  --gg-border:   #f0dcea;
  --gg-muted:    #7a6b7e;
  --gg-green:    #138c40;
  --gg-radius-card: 20px;
  --gg-font:     'Inter', 'Segoe UI', system-ui, sans-serif;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 1 — PRODUCT LISTING CARD
   Full rewrite: image flush-top, body padded evenly,
   title 2-line clamp, price aligned, buttons equal-height
   centered at bottom of every card regardless of content length.
   ═══════════════════════════════════════════════════════════════ */

.gg-unified-card {
  background: #fff !important;
  border: 1px solid var(--gg-border) !important;
  border-radius: var(--gg-radius-card) !important;
  padding: 0 !important;
  box-shadow: 0 4px 20px rgba(72,32,84,.07) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.gg-unified-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 44px rgba(72,32,84,.13) !important;
  border-color: rgba(246,39,128,.28) !important;
}

/* Image: flush to top, square */
.gg-unified-card .thumb-wrap,
.gg-unified-card .product-image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  border-top-left-radius: var(--gg-radius-card) !important;
  border-top-right-radius: var(--gg-radius-card) !important;
  overflow: hidden !important;
  background: var(--gg-soft-bg) !important;
  flex-shrink: 0 !important;
  border-bottom: 1px solid var(--gg-border) !important;
}
.gg-unified-card .product-thumb { display: block !important; width: 100% !important; height: 100% !important; }
.gg-unified-card .gg-unified-img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  display: block !important;
  transition: transform .4s ease !important;
}
.gg-unified-card:hover .gg-unified-img { transform: scale(1.06) !important; }

/* Delivery tag — bottom-left pill */
.gg-unified-card .gg-tag {
  position: absolute !important;
  bottom: 9px !important; left: 9px !important;
  top: auto !important; right: auto !important;
  background: rgba(255,255,255,.95) !important;
  color: var(--gg-pink) !important;
  border: 1px solid rgba(246,39,128,.2) !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 9px !important; font-weight: 900 !important;
  letter-spacing: .05em !important; text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 8px rgba(66,26,73,.12) !important;
  z-index: 5 !important;
  backdrop-filter: blur(6px) !important;
}

/* Wishlist */
.gg-unified-card .wishlist-toggle {
  position: absolute !important; top: 9px !important; right: 9px !important;
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(246,39,128,.18) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  z-index: 5 !important; cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.09) !important;
  transition: transform .18s !important;
}
.gg-unified-card .wishlist-toggle:hover { transform: scale(1.1) !important; }

/* Card body: uniform 14px padding all sides */
.gg-unified-card .product-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 14px !important;
  gap: 0 !important;
}

/* Title: 2-line clamp — no fixed min-height that creates gaps */
.gg-unified-card h4 {
  margin: 0 0 8px !important;
  font-size: 13.5px !important; font-weight: 800 !important;
  line-height: 1.35 !important;
  color: var(--gg-velvet) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;   /* ← removes the blank gap */
}
.gg-unified-card h4 a { color: inherit !important; text-decoration: none !important; }
.gg-unified-card h4 a:hover { color: var(--gg-pink) !important; }

/* Price row: currency label small/muted, amount bold pink */
.gg-unified-card .price {
  display: flex !important;
  align-items: baseline !important;
  gap: 3px !important;
  font-size: 17px !important; font-weight: 900 !important;
  color: var(--gg-pink) !important;
  margin: 0 0 5px !important;
  line-height: 1.2 !important;
}
.gg-unified-card .price .currency-text {
  font-size: 11px !important; font-weight: 700 !important;
  color: #9a7e8e !important;
}
.gg-unified-card .price .sale-original,
.gg-unified-card .price .was-price {
  font-size: 12px !important; font-weight: 600 !important;
  color: #bba0b0 !important;
  text-decoration: line-through !important;
}

/* Meta / delivery line: flex so dot+text stay aligned */
.gg-unified-card .meta {
  font-size: 11px !important; font-weight: 700 !important;
  color: var(--gg-green) !important;
  margin: 0 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.2 !important;
}
.gg-unified-card .meta::before {
  content: '●' !important;
  font-size: 7px !important;
  color: #22c55e !important;
  flex-shrink: 0 !important;
}
.gg-unified-card .meta b { color: #0a6e35 !important; }

/* Spacer pushes buttons to bottom */
.gg-unified-card .product-card-body > .gg-card-actions {
  margin-top: auto !important;
}

/* Button row: fixed-width View + expanding Add to Cart */
.gg-unified-card .gg-card-actions {
  display: grid !important;
  grid-template-columns: 80px 1fr !important;
  gap: 7px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* VIEW button */
.gg-unified-card .gg-view-btn {
  height: 40px !important; min-height: 40px !important;
  border-radius: 11px !important;
  background: #fff0f7 !important;
  color: var(--gg-pink) !important;
  border: 1.5px solid #fad0e6 !important;
  font-weight: 900 !important; font-size: 12px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .16s, border-color .16s !important;
}
.gg-unified-card .gg-view-btn:hover {
  background: #ffe2f0 !important;
  border-color: rgba(246,39,128,.4) !important;
}

/* ADD TO CART button */
.gg-unified-card .quick-add,
.gg-unified-card .gg-add-btn {
  height: 40px !important; min-height: 40px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--gg-pink) 0%, var(--gg-plum) 100%) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 900 !important; font-size: 12.5px !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 5px 16px rgba(246,39,128,.22) !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  transition: opacity .16s, transform .16s !important;
}
.gg-unified-card .quick-add:hover,
.gg-unified-card .gg-add-btn:hover {
  opacity: .9 !important; transform: translateY(-1px) !important;
}
.gg-unified-card .quick-add:active,
.gg-unified-card .gg-add-btn:active { transform: translateY(0) scale(.98) !important; }

/* Grid layout: 3-col desktop → 2-col tablet/mobile */
.gg-unified-grid, .listing-grid {
  display: grid !important;
  align-items: stretch !important;
}
@media (min-width: 901px) {
  .gg-unified-grid, .listing-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 18px !important; }
}
@media (min-width: 541px) and (max-width: 900px) {
  .gg-unified-grid, .listing-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 14px !important; }
}
@media (max-width: 540px) {
  .gg-unified-grid, .listing-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  .gg-unified-card .product-card-body { padding: 10px !important; }
  .gg-unified-card h4 { font-size: 12px !important; }
  .gg-unified-card .price { font-size: 15px !important; }
  .gg-unified-card .gg-card-actions { grid-template-columns: 1fr !important; gap: 6px !important; }
  .gg-unified-card .gg-view-btn,
  .gg-unified-card .quick-add,
  .gg-unified-card .gg-add-btn { height: 36px !important; min-height: 36px !important; font-size: 11px !important; border-radius: 9px !important; }
}


/* ═══════════════════════════════════════════════════════════════
   FIX 2 — PRODUCT DETAIL PAGE TITLE
   "Pink Beauty 21 Roses" was rendering at clamp(30px,4.5vw,56px)
   — that's huge. Fix: cap at 32px max, allow wrapping.
   ═══════════════════════════════════════════════════════════════ */
.product-summary .title,
.product-summary h1.title {
  font-size: clamp(14px, 1.5vw, 20px) !important;  /* V29: reduced — was 30px max */
  line-height: 1.3 !important;
  letter-spacing: -.015em !important;
  color: var(--gg-velvet) !important;
  font-weight: 800 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  overflow: visible !important;
  white-space: normal !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  margin: 0 0 12px !important;
  text-align: left !important;
}

@media (max-width: 760px) {
  .product-summary .title,
  .product-summary h1.title {
    font-size: clamp(13px, 4vw, 18px) !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIX 3 — NAV: consistent order across ALL pages
   Corporate page showed "AI Gift Assistant" instead of Events.
   The canonical nav order is:
   All Categories | Flowers | Cakes | Personalized | Combos |
   Occasions | Gifts | Offers | Subscriptions | Corporate |
   Influencer | Events
   "AI Gift Assistant" belongs only in the header icon, not the nav.
   We hide any .navbar a[href="ai-assistant.html"] that appears.
   ═══════════════════════════════════════════════════════════════ */
.navbar a[href="ai-assistant.html"] {
  display: none !important;
}

/* Ensure active state is visible on all pages */
.navbar a.active {
  background: var(--gg-pink) !important;
  color: #fff !important;
  border-color: var(--gg-pink) !important;
  font-weight: 900 !important;
}
/* Corporate active highlight */
body.events-corporate-page .navbar a[href="events-corporate.html"],
.navbar a[href="events-corporate.html"].active {
  background: var(--gg-pink) !important;
  color: #fff !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX 4 — EVENTS HERO: match index.html home hero style
   The home hero uses a dark rounded card on a light page bg.
   Make events hero match: same border-radius, gradient, depth.
   ═══════════════════════════════════════════════════════════════ */
.events-hero,
.gg-events-main-hero {
  padding: 40px 0 60px !important;
  background: linear-gradient(135deg, #fff7fb 0%, #fff 45%, #fff0f8 100%) !important;
  position: relative !important;
}

/* The inner hero card — same dark rounded card as index.html */
.events-hero .events-container.events-hero-grid,
.gg-events-main-hero .events-hero-grid {
  display: grid !important;
  grid-template-columns: 1fr .88fr !important;
  gap: 0 !important;
  align-items: center !important;
  background: linear-gradient(135deg, #27082b 0%, #5c1040 50%, #a80f58 100%) !important;
  border-radius: 32px !important;
  padding: 52px 56px !important;
  box-shadow: 0 32px 80px rgba(100,18,60,.24), 0 0 0 1px rgba(255,255,255,.06) inset !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 420px !important;
}
.events-hero .events-hero-grid::before,
.gg-events-main-hero .events-hero-grid::before {
  content: '' !important;
  position: absolute !important; inset: 0 !important;
  border-radius: 32px !important;
  background:
    radial-gradient(ellipse 80% 70% at 0% 0%, rgba(246,39,128,.20) 0%, transparent 55%),
    radial-gradient(ellipse 60% 80% at 100% 100%, rgba(90,26,147,.22) 0%, transparent 55%) !important;
  pointer-events: none !important; z-index: 0 !important;
}

/* Copy side */
.events-hero .events-hero-copy,
.gg-events-main-hero .events-hero-copy {
  position: relative !important; z-index: 2 !important;
}
.events-hero .events-hero-copy h1,
.gg-events-main-hero .events-hero-copy h1 {
  font-size: clamp(32px, 4.5vw, 54px) !important;
  font-weight: 900 !important;
  color: #fff !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  margin: 0 0 16px !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.18) !important;
}
.events-hero .events-hero-copy p,
.gg-events-main-hero .events-hero-copy p {
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important; line-height: 1.7 !important;
  max-width: 580px !important; margin: 0 0 28px !important;
}
.events-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  backdrop-filter: blur(10px) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  font-size: 12px !important; font-weight: 900 !important;
  letter-spacing: .04em !important;
  margin-bottom: 20px !important;
}

/* CTA buttons in events hero */
.events-cta-row {
  display: flex !important; gap: 12px !important; flex-wrap: wrap !important;
}
.events-cta-row .gg-btn-primary {
  background: linear-gradient(135deg, #f62780, #cd0454) !important;
  color: #fff !important;
  box-shadow: 0 12px 32px rgba(246,39,128,.38) !important;
  border: 0 !important;
}
.events-cta-row .gg-btn-soft {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,.38) !important;
  backdrop-filter: blur(8px) !important;
}
.events-cta-row .gg-btn-soft:hover {
  background: rgba(255,255,255,.26) !important;
}

/* Media side — 3-card stack */
.events-hero .hero-media,
.gg-events-main-hero .hero-media {
  position: relative !important;
  height: 380px !important;
  z-index: 2 !important;
}
.events-hero .hero-card,
.gg-events-main-hero .hero-card {
  position: absolute !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 6px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.26) !important;
}
.events-hero .hero-card img,
.gg-events-main-hero .hero-card img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  display: block !important;
}
.events-hero .hero-card.one,
.gg-events-main-hero .hero-card.one { right: 0; top: 0; width: 66%; height: 240px !important; }
.events-hero .hero-card.two,
.gg-events-main-hero .hero-card.two { left: 0; bottom: 12px; width: 46%; height: 188px !important; }
.events-hero .hero-card.three,
.gg-events-main-hero .hero-card.three { right: 60px; bottom: 0; width: 30%; height: 142px !important; }

.floating-quote {
  position: absolute !important;
  top: -14px !important; left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  backdrop-filter: blur(18px) !important;
  border-radius: 999px !important;
  padding: 9px 18px !important;
  font-size: 12px !important; font-weight: 800 !important;
  color: #1f1020 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.16) !important;
  white-space: nowrap !important;
  z-index: 10 !important;
}

/* Events hero mobile */
@media (max-width: 860px) {
  .events-hero .events-container.events-hero-grid,
  .gg-events-main-hero .events-hero-grid {
    grid-template-columns: 1fr !important;
    padding: 32px 24px 38px !important;
    border-radius: 24px !important;
    min-height: auto !important;
  }
  .events-hero .hero-media,
  .gg-events-main-hero .hero-media { height: 280px !important; margin-top: 24px !important; }
}
@media (max-width: 540px) {
  .events-hero .hero-media,
  .gg-events-main-hero .hero-media { display: none !important; }
  .events-hero .events-container.events-hero-grid,
  .gg-events-main-hero .events-hero-grid {
    padding: 24px 18px 28px !important;
    border-radius: 20px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIX 5 — SUBSCRIPTION PAGE TYPOGRAPHY & STYLE CONSISTENCY
   subscription_final_logic.css uses Georgia serif + teal #005766.
   Reset to match site brand: Inter font, pink/plum palette.
   ═══════════════════════════════════════════════════════════════ */

/* Override Georgia/serif in subscription checkout panel */
.subscription-checkout-panel,
.sub-checkout-form,
.sub-checkout-summary,
.sub-checkout-layout,
.sub-checkout-section,
.sub-choice,
.sub-summary-copy-block,
.sub-summary-box,
.sub-drawer-includes-wrap {
  font-family: var(--gg-font) !important;
  color: var(--gg-velvet) !important;
}

/* Headings: from teal Georgia to brand plum */
.sub-checkout-form h2,
.sub-checkout-section h3,
.sub-summary-copy-block h3,
.sub-summary-box > strong,
.sub-drawer-includes-wrap strong {
  font-family: var(--gg-font) !important;
  font-weight: 900 !important;
  color: var(--gg-velvet) !important;
  letter-spacing: -.025em !important;
}
.sub-checkout-form h2 { font-size: clamp(24px, 3vw, 36px) !important; }
.sub-checkout-section h3 { font-size: 18px !important; }

/* Panel background: match site card style */
.subscription-checkout-panel {
  background: #fff !important;
  border: 1px solid var(--gg-border) !important;
  border-radius: 28px !important;
  box-shadow: 0 32px 80px rgba(72,32,84,.14) !important;
}

/* Choice rows: site-style border + pink active */
.sub-choice {
  border: 1px solid var(--gg-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--gg-velvet) !important;
}
.sub-choice:hover,
.sub-choice.active {
  border-color: var(--gg-pink) !important;
  box-shadow: 0 0 0 2px rgba(246,39,128,.15) !important;
}
.sub-radio-line b { color: var(--gg-velvet) !important; }
.sub-price-note strong { color: var(--gg-pink) !important; }
.sub-price-note small { color: var(--gg-plum) !important; }

/* Summary card: white, brand border */
.sub-summary-copy-block,
.sub-summary-box {
  background: #fff !important;
  border: 1px solid var(--gg-border) !important;
  border-radius: 16px !important;
  color: var(--gg-velvet) !important;
}
.sub-summary-copy-block p,
.sub-drawer-includes,
.sub-summary-box div,
.sub-summary-box span { color: var(--gg-muted) !important; }
.sub-summary-box b { color: var(--gg-velvet) !important; }
.sub-summary-box .total span { color: var(--gg-pink) !important; }
.sub-summary-box .total b { color: var(--gg-pink) !important; font-size: 15px !important; }

/* Primary drawer button: brand gradient */
.sub-drawer-primary {
  background: linear-gradient(135deg, var(--gg-pink), var(--gg-plum)) !important;
  border-radius: 14px !important;
  height: 48px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  color: #fff !important;
  box-shadow: 0 10px 28px rgba(246,39,128,.25) !important;
}
.sub-drawer-primary:hover { opacity: .92 !important; transform: translateY(-1px) !important; }

/* WhatsApp link */
.sub-drawer-whatsapp { color: var(--gg-pink) !important; font-weight: 800 !important; }

/* Backdrop: match site overlay */
.subscription-drawer-backdrop {
  background: rgba(31,16,32,.5) !important;
}

/* Subscription PAGE hero (the listing-page hero for subscriptions) */
body[class*="sub"] .hero-section h1,
.subscription-hero h1 {
  font-family: var(--gg-font) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  color: var(--gg-velvet) !important;
}

/* Subscription plan cards: consistent with product card style */
.plan-card {
  background: #fff !important;
  border: 1px solid var(--gg-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 24px rgba(72,32,84,.07) !important;
  transition: transform .22s, box-shadow .22s !important;
}
.plan-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 44px rgba(72,32,84,.12) !important;
  border-color: rgba(246,39,128,.25) !important;
}
.plan-card h3 {
  font-family: var(--gg-font) !important;
  font-weight: 900 !important;
  color: var(--gg-velvet) !important;
}
.plan-card .price,
.plan-card [class*="price"] {
  color: var(--gg-pink) !important;
  font-weight: 900 !important;
}
/* Plan CTA buttons */
.sub-buy-now, .plan-card .btn-primary,
.sub-product-actions .sub-buy-now {
  background: linear-gradient(135deg, var(--gg-pink), var(--gg-plum)) !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(246,39,128,.22) !important;
}
.sub-buy-now:hover { opacity: .9 !important; transform: translateY(-1px) !important; }
.sub-enquiry, .plan-card .btn-outline {
  border: 1.5px solid var(--gg-pink) !important;
  color: var(--gg-pink) !important;
  background: #fff !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
}
.sub-enquiry:hover { background: #fff0f7 !important; }

/* Subscription page: section headings consistent */
.subscription-plans-page h1,
.subscription-plans-page h2,
.subscription-plans-page h3 {
  font-family: var(--gg-font) !important;
  color: var(--gg-velvet) !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}


/* === V30.4 client polish: unified nav hover + compact events hero === */
.navbar a,
header .navbar a,
.navbar .container > a {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #5b5162 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.navbar a:hover,
.navbar a:focus-visible,
.navbar a.active,
header .navbar a:hover,
header .navbar a:focus-visible,
header .navbar a.active {
  background: linear-gradient(135deg, #f62780 0%, #74158f 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(116, 21, 143, .20), 0 8px 18px rgba(246, 39, 128, .18) !important;
  transform: none !important;
}
.navbar a:hover *,
.navbar a:focus-visible *,
.navbar a.active * {
  color: #fff !important;
}
body.gg-listing-page .navbar a.active,
body.gg-category-flowers .navbar a[href="listing.html"],
body.gg-category-cakes .navbar a[href="listing.html"],
body.gg-category-personalized .navbar a[href="listing.html"],
body.gg-category-personalised .navbar a[href="listing.html"] {
  background: transparent !important;
  color: #5b5162 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.gg-category-flowers .navbar a[href*="category=flowers"],
body.gg-category-cakes .navbar a[href*="category=cakes"],
body.gg-category-personalized .navbar a[href*="category=personalized"],
body.gg-category-personalised .navbar a[href*="category=personalised"],
body.gg-category-personalized .navbar a[href*="category=personalised"],
body.gg-category-personalised .navbar a[href*="category=personalized"] {
  background: linear-gradient(135deg, #f62780 0%, #74158f 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(116, 21, 143, .20), 0 8px 18px rgba(246, 39, 128, .18) !important;
}
@media (max-width: 980px) {
  .navbar a,
  header .navbar a,
  .navbar .container > a {
    min-height: 40px !important;
    padding: 9px 15px !important;
    background: #fff !important;
    border-color: rgba(234, 216, 231, .85) !important;
    font-size: 13px !important;
  }
  .navbar a:hover,
  .navbar a:focus-visible,
  .navbar a.active,
  header .navbar a:hover,
  header .navbar a:focus-visible,
  header .navbar a.active {
    background: linear-gradient(135deg, #f62780 0%, #74158f 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
  }
}