/* ========================================
   Products page
   ======================================== */
.sks-products-intro{padding:88px 24px 70px;}
.sks-products-intro__inner{max-width:880px;margin:0 auto;text-align:center;}
.sks-products-intro__text{
  font-family:var(--sks-f-serif);font-size:clamp(19px,2.3vw,29px);
  line-height:2;letter-spacing:0.06em;color:var(--sks-text-80);margin:0;
}

.sks-products-list{padding:78px 32px 84px;max-width:1240px;margin:0 auto;}
.sks-products-list__head{text-align:center;margin-bottom:44px;}
.sks-products-list__sub{
  margin:0;font-size:15px;line-height:1.9;color:var(--sks-text-56);
}

.sks-products-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}

/* Card */
.sks-product-card{
  display:flex;flex-direction:column;justify-content:space-between;
  min-height:520px;padding:36px 32px 32px;
  border:1px solid var(--sks-glass-border);
  border-radius:var(--sks-radius-card);
  background:var(--sks-glass-shine),rgba(14,14,17,0.85);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 20px 54px rgba(0,0,0,0.25);
  transition:all 0.5s var(--sks-ease);
  position:relative;overflow:hidden;
}
.sks-product-card::after{
  content:"";position:absolute;top:0;left:20px;right:20px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,154,93,0.15),transparent);
  opacity:0;transition:opacity 0.5s ease;
}
.sks-product-card:hover{
  border-color:rgba(201,169,110,0.28);
  background:var(--sks-glass-shine),rgba(196,154,93,0.03);
  transform:translateY(-6px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 24px 64px rgba(0,0,0,0.30),
    0 0 28px rgba(196,154,93,0.05);
}
.sks-product-card:hover::after{opacity:1;}

.sks-product-card__top{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;margin-bottom:26px;
}
.sks-product-card__eyebrow{
  margin:0;font-family:var(--sks-f-en);font-size:10px;
  letter-spacing:0.24em;text-transform:uppercase;color:var(--sks-text-56);
}
.sks-product-card__status{
  margin:0;padding:8px 12px;
  border:1px solid rgba(201,169,110,0.26);
  color:var(--sks-gold);font-size:10px;
  letter-spacing:0.16em;text-transform:uppercase;
}
.sks-product-card__status--soft{
  color:var(--sks-text-56);border-color:rgba(232,228,221,0.14);
}

.sks-product-card__body{}
.sks-product-card__name{
  margin:0 0 12px;font-family:var(--sks-f-en);
  font-size:clamp(34px,4vw,46px);font-weight:400;
  letter-spacing:0.08em;color:#f1ece3;
}
.sks-product-card__tag{
  margin:0 0 22px;font-family:var(--sks-f-serif);
  font-size:18px;line-height:1.8;color:var(--sks-text-80);
}
.sks-product-card__desc{
  margin:0 0 24px;font-size:15.5px;line-height:2.05;color:var(--sks-text-56);
}

.sks-product-card__features{
  list-style:none;padding:0;margin:0;display:grid;gap:12px;
}
.sks-product-card__features li{
  position:relative;padding-left:18px;
  font-size:14px;line-height:1.9;color:rgba(232,228,221,0.74);
}
.sks-product-card__features li::before{
  content:"";position:absolute;top:0.85em;left:0;
  width:7px;height:1px;background:rgba(201,169,110,0.55);
}

/* Spiral entrance — cards slide in from alternating sides */
.sks-product-card{
  opacity:0;
  transform:translateX(var(--card-offset-x,20%)) rotate(var(--card-rot,3deg));
  transition:
    opacity 600ms cubic-bezier(0.22,0.61,0.36,1),
    transform 600ms cubic-bezier(0.22,0.61,0.36,1),
    border-color 0.5s var(--sks-ease),
    background 0.5s var(--sks-ease),
    box-shadow 0.5s var(--sks-ease);
}
.sks-product-card:nth-child(odd){--card-offset-x:-20%;--card-rot:-3deg;}
.sks-product-card:nth-child(even){--card-offset-x:20%;--card-rot:3deg;}
.sks-product-card.is-visible{
  opacity:1;
  transform:translateX(0) rotate(0deg);
}
@media (prefers-reduced-motion:reduce){
  .sks-product-card{opacity:1;transform:none;transition:none !important;}
}

@media (max-width:960px){
  .sks-products-grid{grid-template-columns:1fr;}
  .sks-product-card{min-height:auto;}
}

@media (max-width:768px){
  .sks-products-intro{padding:62px 20px 56px;}
  .sks-products-intro__text{font-size:20px;line-height:1.95;}
  .sks-products-list{padding:58px 20px 70px;}
  .sks-product-card{padding:26px 20px 22px;}
  .sks-product-card__name{font-size:34px;}
  .sks-product-card__tag{font-size:16px;}
  .sks-product-card__desc{font-size:14px;}
}

/* === Mobile tap active states (replaces hover on touch) === */
@media (hover:none) and (pointer:coarse){
  .sks-product-card:active{
    border-color:rgba(201,169,110,0.28);
    background:var(--sks-glass-shine),rgba(196,154,93,0.03);
    transform:scale(0.985);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.07),
      0 8px 24px rgba(0,0,0,0.30),
      0 0 20px rgba(196,154,93,0.06);
    transition-duration:0.15s;
  }
  .sks-product-card:active::after{opacity:1;}
  .sks-product-card__more{
    transition:color 0.2s ease;
  }
  .sks-product-card--link:active .sks-product-card__more{
    color:var(--sks-gold);
  }
}

/* === 480px: small phone refinement === */
@media (max-width:480px){
  .sks-products-intro{padding:48px 16px 40px;}
  .sks-products-intro__text{font-size:18px;line-height:1.85;}
  .sks-products-list{padding:42px 16px 56px;}
  .sks-products-grid{gap:18px;}
  .sks-product-card{padding:22px 16px 20px;min-height:auto;}
  .sks-product-card__top{margin-bottom:20px;}
  .sks-product-card__name{font-size:28px;}
  .sks-product-card__tag{font-size:15px;margin-bottom:16px;}
  .sks-product-card__desc{font-size:13.5px;line-height:1.95;margin-bottom:18px;}
  .sks-product-card__features li{font-size:13px;line-height:1.85;}
  .sks-product-card__status{padding:6px 10px;font-size:9px;}
}