/*
 * GLOMA modern women, beauty, pharmacy and clinical motion layer
 * Version: 2026-07-23
 * Safe presentation-only enhancement: no cart, login or database logic.
 */
:root {
  --gloma-rose: #d84f82;
  --gloma-rose-dark: #a92f62;
  --gloma-blush: #fff1f6;
  --gloma-lilac: #8255b5;
  --gloma-lilac-soft: #f5efff;
  --gloma-teal: #087e82;
  --gloma-teal-soft: #eafafa;
  --gloma-navy: #16324a;
}

.gloma-pro-main {
  background:
    radial-gradient(circle at 7% 4%, rgba(216,79,130,.09), transparent 24rem),
    radial-gradient(circle at 94% 18%, rgba(130,85,181,.08), transparent 26rem),
    linear-gradient(180deg,#fffafd 0%,#f8fbfd 52%,#fff 100%);
}

.gloma-catalog-section {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(216,79,130,.12) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 38px rgba(70,45,69,.09) !important;
  transition: transform .35s ease, box-shadow .35s ease, opacity .65s ease;
}

.gloma-catalog-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg,var(--gloma-rose),#f3a6c1,var(--gloma-lilac));
}

.gloma-catalog-section:hover {
  transform: translateY(-3px);
  box-shadow: 0 19px 46px rgba(70,45,69,.14) !important;
}

.gloma-catalog-section .gloma-pro-section-head {
  padding: 8px 8px 3px !important;
}

.gloma-catalog-section .gloma-pro-section-head h2 {
  color: #43243a !important;
  letter-spacing: -.02em;
}

.gloma-catalog-section .gloma-pro-section-head > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  color: var(--gloma-rose-dark) !important;
  background: var(--gloma-blush);
  border: 1px solid rgba(216,79,130,.18);
  border-radius: 999px;
  transition: transform .2s ease, background .2s ease;
}

.gloma-catalog-section .gloma-pro-section-head > a:hover {
  transform: translateX(3px);
  background: #ffe4ef;
}

.gloma-catalog-section .gloma-pro-row {
  padding: 8px 5px 16px !important;
  scrollbar-color: rgba(216,79,130,.45) transparent;
}

.gloma-catalog-section .gloma-pro-card {
  border-radius: 16px !important;
  border-color: rgba(77,43,67,.10) !important;
  box-shadow: 0 7px 20px rgba(74,45,66,.07);
  transform: translateZ(0);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease !important;
}

.gloma-catalog-section .gloma-pro-card:hover {
  transform: translateY(-7px) scale(1.015) !important;
  border-color: rgba(216,79,130,.30) !important;
  box-shadow: 0 18px 35px rgba(100,48,82,.16) !important;
}

.gloma-catalog-section .gloma-pro-img {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg,#fff 0%,#fff7fb 100%) !important;
}

.gloma-catalog-section .gloma-pro-img::after {
  content: "";
  position: absolute;
  inset: -30% auto -30% -55%;
  width: 35%;
  transform: rotate(15deg);
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  transition: left .65s ease;
}

.gloma-catalog-section .gloma-pro-card:hover .gloma-pro-img::after { left: 125%; }
.gloma-catalog-section .gloma-pro-img img { transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.gloma-catalog-section .gloma-pro-card:hover .gloma-pro-img img { transform: scale(1.07); }

.gloma-catalog-section .gloma-cart-btn {
  background: linear-gradient(135deg,#f4bfd2,#e477a0) !important;
  color: #381729 !important;
  box-shadow: 0 6px 14px rgba(216,79,130,.20);
}

.gloma-catalog-section .gloma-cart-btn:hover {
  background: linear-gradient(135deg,#e477a0,#d84f82) !important;
  color: #fff !important;
}

.gloma-row-arrow {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(180deg,rgba(216,79,130,.94),rgba(130,85,181,.94)) !important;
  box-shadow: 0 9px 22px rgba(130,45,91,.25) !important;
  transition: transform .2s ease, opacity .2s ease !important;
}

.gloma-row-arrow:hover {
  transform: translateY(-50%) scale(1.08) !important;
}

.gloma-deals-section {
  background: linear-gradient(135deg,#fff9e9 0%,#fff 42%,#fff0f6 100%) !important;
}

.gloma-deals-section::before {
  height: 5px;
  background: linear-gradient(90deg,#ff9d00,#ffd35a,#e75083,#ff9d00);
  background-size: 220% 100%;
  animation: glomaDealBar 4s linear infinite;
}

.gloma-deals-section .gloma-pro-section-head h2 i {
  color: #9b5200 !important;
  background: linear-gradient(135deg,#fff1b7,#fff) !important;
  animation: glomaDealPulse 1.8s ease-in-out infinite;
}

.gloma-pharmacy-section {
  background: linear-gradient(135deg,#fff 0%,var(--gloma-teal-soft) 100%) !important;
}
.gloma-pharmacy-section::before { background: linear-gradient(90deg,#19aaa4,#69d6ce,#d84f82); }
.gloma-pharmacy-section .gloma-pro-section-head h2 i { color: var(--gloma-teal) !important; background:#e5fbf8 !important; }

.gloma-beauty-section {
  background:
    radial-gradient(circle at 92% 0,rgba(216,79,130,.13),transparent 17rem),
    linear-gradient(135deg,#fff 0%,var(--gloma-blush) 55%,var(--gloma-lilac-soft) 100%) !important;
}
.gloma-beauty-section::before { background: linear-gradient(90deg,#c93873,#f3a6c1,#8255b5); }
.gloma-beauty-section .gloma-pro-section-head h2 i { color:var(--gloma-rose-dark) !important; background:#ffe5ef !important; }

.gloma-lab-section {
  background: linear-gradient(135deg,#fff 0%,#edf8ff 100%) !important;
}
.gloma-lab-section::before { background:linear-gradient(90deg,#1e70a0,#4fb9c5,#8255b5); }
.gloma-lab-section .gloma-pro-section-head h2 i { color:#17658f !important; background:#e5f5ff !important; }

.gloma-tech-section::before { background:linear-gradient(90deg,#173b63,#168c99,#f0b429); }
.gloma-travel-section::before { background:linear-gradient(90deg,#117d94,#69c8c8,#e79e54); }

[data-gloma-reveal] {
  opacity: 0;
  transform: translateY(28px);
}
[data-gloma-reveal].gloma-in-view {
  opacity: 1;
  transform: translateY(0);
}

.gloma-row-moving .gloma-pro-card { animation: glomaCardFloat 4.8s ease-in-out infinite; }
.gloma-row-moving .gloma-pro-card:nth-child(2n) { animation-delay: -.8s; }
.gloma-row-moving .gloma-pro-card:nth-child(3n) { animation-delay: -1.6s; }

@keyframes glomaDealBar { to { background-position: -220% 0; } }
@keyframes glomaDealPulse { 50% { transform: scale(1.10) rotate(-5deg); box-shadow:0 8px 22px rgba(255,157,0,.3); } }
@keyframes glomaCardFloat { 0%,100% { translate:0 0; } 50% { translate:0 -2px; } }

@media (max-width: 991px) {
  .gloma-catalog-section { border-radius: 15px !important; }
  .gloma-catalog-section .gloma-pro-section-head { align-items:flex-start !important; }
  .gloma-catalog-section .gloma-pro-section-head p { font-size:12px; line-height:1.45; }
}

@media (prefers-reduced-motion: reduce) {
  .gloma-deals-section::before,
  .gloma-deals-section .gloma-pro-section-head h2 i,
  .gloma-row-moving .gloma-pro-card { animation:none !important; }
  [data-gloma-reveal] { opacity:1; transform:none; }
}