/* ═══════════════════════════════════════════════
   ProfiSaison — Product Strip CSS
   Fixed left sidebar + mobile horizontal bar
   ═══════════════════════════════════════════════ */

/* ── Desktop Strip ────────────────────────────── */

.ps-product-strip {
  display: none;
}

@media (min-width: 768px) {
  .ps-product-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 40px;
    height: 100vh;
    background: var(--product-color);
    z-index: 40;
  }

  .ps-product-strip::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, var(--ecru-bg));
    pointer-events: none;
  }
}

.ps-product-strip__label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

/* ── Mobile Bar ───────────────────────────────── */

.ps-product-strip-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  background: var(--product-color);
}

@media (min-width: 768px) {
  .ps-product-strip-mobile {
    display: none;
  }
}

.ps-product-strip-mobile__label {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

/* ── Main Content Offset ──────────────────────── */

body.has-product-strip .ps-main {
  margin-left: 0;
}

@media (min-width: 768px) {
  body.has-product-strip .ps-main {
    margin-left: 40px;
  }
}