/* Reference module – from artex.si/landing/paletni-regali.html */
:root{
  --brand:#007fc2;
  --brand2:#0069a0;
  --brand-dark:#054768;
  --brand-mid:#0083c8;
  --brand-light:#4da8e0;
  --brand-pale:#e8f4fb;
  --brand-pale-2:#f0f8fd;
  --brand-border:#b8d9ef;
  --brand-border-soft:#d4e8f6;
  --brand-rgb:0,127,194;
  --brand-dark-rgb:5,71,104;
  --text:#0b2030;
  --muted:#5a6d7d;
}
.artex-refs .wrap{max-width:1120px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.artex-refs *,.artex-refs *::before,.artex-refs *::after{box-sizing:border-box}
.artex-refs{font-family:"Sansation",system-ui,sans-serif;color:var(--text)}

@keyframes benefitIn{to{opacity:1;transform:translateY(0)}}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes refOrbDrift{
  0%,100%{transform:translate(0,0) scale(1)}
  50%{transform:translate(18px,-14px) scale(1.08)}
}

.artex-refs .reveal{opacity:1;transform:none;transition:opacity 500ms ease,transform 520ms ease}
.artex-refs .reveal.is-in{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .artex-refs .reveal{opacity:1;transform:none;transition:none}
}

.artex-refs .refSection{
  margin:0;
  padding:42px 0 40px;
  background:linear-gradient(180deg,#fff 0%,var(--brand-pale-2) 100%);
  border-top:1px solid var(--brand-border-soft);
  border-bottom:1px solid var(--brand-border-soft);
  position:relative;
  overflow:hidden;
}
.artex-refs .refBg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.artex-refs .refOrb{
  position:absolute;border-radius:999px;filter:blur(40px);opacity:.45;
  animation:refOrbDrift 14s ease-in-out infinite;
}
.artex-refs .refOrb--1{width:280px;height:280px;top:-80px;left:-60px;background:rgba(var(--brand-rgb),.18)}
.artex-refs .refOrb--2{width:220px;height:220px;bottom:-70px;right:8%;background:rgba(var(--brand-dark-rgb),.12);animation-delay:-4s}
.artex-refs .refOrb--3{width:160px;height:160px;top:35%;right:-40px;background:rgba(var(--brand-rgb),.14);animation-delay:-8s}
.artex-refs .refSection .wrap{position:relative;z-index:1}
.artex-refs .refHead{text-align:center;max-width:760px;margin:0 auto 26px}
.artex-refs .refHead__badge{
  width:64px;height:64px;margin:0 auto 14px;border-radius:20px;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
  display:grid;place-items:center;
  box-shadow:0 16px 34px rgba(var(--brand-rgb),.22);
  animation:iconFloat 3.4s ease-in-out infinite;
}
.artex-refs .refHead__badge svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refHead h2{
  margin:0 0 8px;font-size:var(--fs-h2,clamp(20px,2.4vw,26px));font-weight:900;
  letter-spacing:.2px;color:var(--brand-dark)!important;
}
.artex-refs .refHead p{margin:0;color:var(--muted);line-height:1.55;font-size:var(--fs-body,16px)}
.artex-refs .refHead p strong{color:var(--brand-dark)}
.artex-refs .refTrust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;text-align:left;
}
@media (max-width:720px){.artex-refs .refTrust{grid-template-columns:1fr}}
.artex-refs .refTrust__item{
  display:flex;gap:12px;align-items:flex-start;padding:14px 14px 12px;border-radius:16px;
  background:rgba(255,255,255,.82);border:1px solid var(--brand-border-soft);
  box-shadow:0 10px 26px rgba(var(--brand-dark-rgb),.06);
  opacity:1;transform:none;
}
.artex-refs .refSection.is-in .refTrust__item{animation:benefitIn .65s ease forwards}
.artex-refs .refSection.is-in .refTrust__item:nth-child(1){animation-delay:.12s}
.artex-refs .refSection.is-in .refTrust__item:nth-child(2){animation-delay:.24s}
.artex-refs .refSection.is-in .refTrust__item:nth-child(3){animation-delay:.36s}
.artex-refs .refTrust__ico{
  width:44px;height:44px;flex:0 0 auto;border-radius:13px;
  background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand-mid) 100%);
  display:grid;place-items:center;animation:iconFloat 3.6s ease-in-out infinite;
}
.artex-refs .refTrust__item:nth-child(2) .refTrust__ico{animation-delay:.5s}
.artex-refs .refTrust__item:nth-child(3) .refTrust__ico{animation-delay:1s}
.artex-refs .refTrust__ico svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refTrust__item b{display:block;font-size:var(--fs-ui,13px);color:var(--brand-dark);margin-bottom:2px;font-weight:800}
.artex-refs .refTrust__item span{display:block;font-size:var(--fs-label,12px);color:var(--muted);line-height:1.4}

/* Logo grid – NO infinite marquee (avoids overlap / ghost cards) */
.artex-refs .refMarquee{position:relative;margin-top:16px}
.artex-refs .refMarquee__viewport{
  overflow:visible;padding:0;
  -webkit-mask-image:none;mask-image:none;
}
.artex-refs .refMarquee__track{
  display:block!important;width:100%!important;
  animation:none!important;transform:none!important;will-change:auto;
}
.artex-refs .refMarquee__group{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  padding:0!important;
  width:100%;
}
.artex-refs .refMarquee__group[aria-hidden="true"]{display:none!important}
@media (max-width:1024px){.artex-refs .refMarquee__group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.artex-refs .refMarquee__group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:420px){.artex-refs .refMarquee__group{grid-template-columns:1fr}}

.artex-refs .refSlide{
  flex:none!important;width:100%!important;min-width:0;box-sizing:border-box;
  position:relative;z-index:1;
}
.artex-refs .refLogo{
  position:relative;width:100%;min-height:132px;height:100%;
  display:flex;align-items:center;justify-content:center;
  padding:20px 16px;background:#fff;border:1px solid var(--brand-border-soft);border-radius:18px;
  box-shadow:0 14px 34px rgba(var(--brand-dark-rgb),.08);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
  overflow:hidden;isolation:isolate;
}
.artex-refs .refLogo:before,
.artex-refs .refLogo:after{display:none!important;content:none!important}
.artex-refs .refLogo:hover{
  border-color:var(--brand-border);box-shadow:0 18px 40px rgba(var(--brand-rgb),.14);
  transform:translateY(-3px);
}
.artex-refs .refLogo img,
.artex-refs .refLogo__base{
  position:relative;z-index:1;display:block;
  max-width:88%;max-height:72px;width:auto;height:auto;
  object-fit:contain;object-position:center;margin:0 auto;
}
.artex-refs .refLogo__hover{
  display:none!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;
}

.artex-refs .refFoot{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
.artex-refs .refLink{
  display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:#fff;border:1px solid var(--brand-border-soft);color:var(--brand-dark)!important;
  font-weight:800;font-size:var(--fs-sm,14px);text-decoration:none!important;
  box-shadow:0 12px 28px rgba(var(--brand-dark-rgb),.07);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;
}
.artex-refs .refLink:hover{
  border-color:var(--brand-border);color:var(--brand)!important;
  box-shadow:0 16px 34px rgba(var(--brand-rgb),.14);transform:translateY(-2px);
}
.artex-refs .refLink__ico{
  width:40px;height:40px;flex:0 0 auto;border-radius:12px;
  background:linear-gradient(135deg,var(--brand-pale) 0%,#fff 100%);
  border:1px solid var(--brand-border-soft);display:grid;place-items:center;
}
.artex-refs .refLink__ico svg{width:20px;height:20px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.artex-refs .refLink__arrow{
  width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;
}
.artex-refs .refLink:hover .refLink__arrow{transform:translateX(4px)}