/* Refined Sponti homepage category palette.
   Overrides the original saturated gradients only on the six home cards. */
.categories-section .category-card{
  color:#234137;
  border:1px solid rgba(35,65,55,.095);
  border-radius:20px;
  box-shadow:0 10px 26px rgba(32,58,48,.08);
  isolation:isolate;
  background-image:linear-gradient(135deg,var(--card-start),var(--card-end));
  transition:transform .25s cubic-bezier(.2,.8,.2,1),
    box-shadow .25s ease,border-color .25s ease;
}
.categories-section .category-card::before{
  content:"";
  position:absolute;
  inset:auto -60px -104px auto;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(25,52,45,.12);
  box-shadow:0 0 0 27px rgba(25,52,45,.035),0 0 0 55px rgba(25,52,45,.025);
  pointer-events:none;
  z-index:0;
}
.categories-section .category-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.65) 0%,transparent 54%),
             linear-gradient(153deg,rgba(255,255,255,.20),transparent 72%);
  pointer-events:none;
  z-index:0;
}
.categories-section .category-card > span{
  color:rgba(35,65,55,.66);
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
  opacity:1;
}
.categories-section .category-card > strong{
  color:#234137;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(23px,2.3vw,29px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.categories-section .category-yoga{--card-start:#E9F0E5;--card-end:#CEDECA}
.categories-section .category-food{--card-start:#F8EEE2;--card-end:#EBD3B5}
.categories-section .category-creative{--card-start:#F6EAE5;--card-end:#E5C5BA}
.categories-section .category-photo{--card-start:#EAF0F0;--card-end:#CCDDE0}
.categories-section .category-movement{--card-start:#F0EBF2;--card-end:#DACFE5}
.categories-section .category-nature{--card-start:#EBF1E4;--card-end:#D1DDBE}
@media(hover:hover) and (pointer:fine){
  .categories-section .category-card:hover{
    transform:translateY(-5px);
    border-color:rgba(35,65,55,.23);
    box-shadow:0 20px 40px rgba(32,58,48,.16);
  }
}
.categories-section .category-card:focus-visible{
  outline:3px solid #B97750;
  outline-offset:4px;
}
@media(max-width:760px){
  .categories-section .category-card{border-radius:16px}
  .categories-section .category-card > strong{font-size:clamp(19px,3.2vw,25px)}
  .categories-section .category-card::before{
    width:165px;height:165px;right:-60px;bottom:-80px;
    box-shadow:0 0 0 24px rgba(25,52,45,.035),0 0 0 48px rgba(25,52,45,.025);
  }
}
@media(prefers-reduced-motion:reduce){
  .categories-section .category-card{transition:none}
}
