/* === PRINT LAB PAGE BASE === */

:root {
  --sip-text-main: #f6f3ec;
  --sip-text-soft: rgba(246, 243, 236, 0.86);
  --sip-text-muted: rgba(246, 243, 236, 0.72);
}

.sip-page--print {
  color: var(--sip-text-main);
}

.sip-page--print p,
.sip-page--print li {
  color: var(--sip-text-soft);
}

.sip-page--print figcaption {
  color: var(--sip-text-muted);
}

.sip-main {
  min-height: 100vh;
  padding-top: 96px; /* под фиксированный хедер */
  padding-bottom: 72px;
}

.sip-section {
  padding-block: 3.6rem 3.4rem;
}

.sip-section + .sip-section {
  padding-top: 0;
}

/* ограничение по размеру изображений */
.sip-image-limited {
  max-inline-size: 350px;
  inline-size: 100%;
  block-size: auto;
  display: block;
}

/* общий текстовый кикер */

.sip-kicker {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sip-text-muted);
}

/* === SECTION 1/18: PRINT LAB HERO === */

.sip-hero-inner {
  border-radius: 32px;
  padding: 2.2rem 2.1rem 2.4rem;
  background:
    radial-gradient(circle at 100% 0, rgba(28, 104, 118, 0.6), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(242, 180, 106, 0.32), transparent 55%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.95),
    0 0 0 1px rgba(255, 255, 255, 0.04);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 2rem;
  align-items: center;
}

.sip-hero-text {
  max-width: 30rem;
}

.sip-hero-title {
  margin: 0.35rem 0 0.35rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 2rem;
}

.sip-hero-lead {
  margin: 0 0 0.9rem;
  font-size: 0.9rem;
}

.sip-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sip-hero-pill {
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.78rem;
  background: radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.3), transparent 60%);
}

/* hero deck */

.sip-hero-deck {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
  gap: 0.9rem;
  align-items: center;
}

.sip-hero-main-card {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.95);
  transform-origin: left bottom;
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-hero-main-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 36px 96px rgba(0, 0, 0, 1);
  border-color: rgba(255, 255, 255, 0.6);
}

.sip-hero-card-caption {
  position: absolute;
  inset-inline: 0.9rem;
  bottom: 0.7rem;
  padding: 0.35rem 0.6rem;
  border-radius: 14px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.74rem;
}

.sip-hero-side {
  display: grid;
  gap: 0.7rem;
}

.sip-hero-chip {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.9);
  transition:
    transform 200ms ease-out,
    box-shadow 200ms ease-out,
    border-color 200ms ease-out;
}

.sip-hero-chip:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.sip-hero-chip-label {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.55rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.95),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 2/18: CARD FAMILIES === */

.sip-families-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.22), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-families-header {
  max-width: 32rem;
  margin-bottom: 1.6rem;
}

.sip-families-title {
  margin: 0.3rem 0 0.25rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.5rem;
}

.sip-families-text {
  margin: 0;
  font-size: 0.88rem;
}

.sip-families-grid {
  display: grid;
  gap: 0.9rem;
}

.sip-family {
  border-radius: 22px;
  padding: 0.8rem 0.9rem 0.9rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: 0.8rem;
  align-items: center;
}

.sip-family-name {
  margin: 0 0 0.2rem;
  font-size: 0.96rem;
}

.sip-family-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-family-photo {
  border-radius: 18px;
  overflow: hidden;
  background: #05060b;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.sip-family-photo--before {
  box-shadow: 0 18px 52px rgba(242, 180, 106, 0.7);
}
.sip-family-photo--onice {
  box-shadow: 0 18px 52px rgba(123, 225, 191, 0.7);
}
.sip-family-photo--after {
  box-shadow: 0 18px 52px rgba(245, 138, 178, 0.7);
}

/* === SECTION 3/18: PAPER OR PHONE === */

.sip-medium-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(123, 225, 191, 0.26), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-medium-header {
  max-width: 32rem;
  margin-bottom: 1.4rem;
}

.sip-medium-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-medium-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.3fr) minmax(0, 1.05fr);
  gap: 1rem;
  align-items: center;
}

/* side photos */

.sip-medium-shot {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-medium-shot--paper {
  transform-origin: left top;
}
.sip-medium-shot--phone {
  transform-origin: right bottom;
}

.sip-medium-shot:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
}

.sip-medium-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.55rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* center comparison */

.sip-medium-text {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.sip-medium-subtitle {
  margin: 0 0 0.18rem;
  font-size: 0.94rem;
}

.sip-medium-list {
  margin: 0;
  padding-left: 1.15rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

/* === RESPONSIVE === */

@media (max-width: 960px) {
  .sip-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-hero-deck {
    grid-template-columns: minmax(0, 1.1fr);
  }

  .sip-medium-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-text {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sip-main {
    padding-top: 84px;
  }

  .sip-hero-inner,
  .sip-families-inner,
  .sip-medium-inner {
    padding-inline: 1.3rem;
  }

  .sip-family {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-shot {
    max-inline-size: 320px;
    justify-self: center;
  }
}
.sip-page--print {
  color: var(--sip-text-main);
  /* общий фон для всей 3-й страницы */
  background:
    radial-gradient(circle at 0 0, #3a2417 0, #1a0f0b 45%, #070404 100%);
}
.sip-page--print {
  color: var(--sip-text-main);
  background:
    radial-gradient(circle at 0 0, #3a2417 0, #1a0f0b 45%, #070404 100%);
  background-attachment: fixed;
}
/* === SECTION 4/18: CUT & CARRY STRIPS TIMELINE === */

.sip-strips-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(245, 138, 178, 0.2), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-strips-header {
  max-width: 32rem;
  margin-bottom: 1.4rem;
}

.sip-strips-title {
  margin: 0.3rem 0 0.25rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-strips-text {
  margin: 0;
  font-size: 0.86rem;
}

.sip-strips-rail {
  position: relative;
  margin-top: 0.6rem;
  padding-left: 1.8rem;
  display: grid;
  gap: 1rem;
}

.sip-strips-rail::before {
  content: "";
  position: absolute;
  inset-block: 0.3rem 0.2rem;
  left: 0.5rem;
  inline-size: 2px;
  border-radius: 999px;
  background: linear-gradient(
    to bottom,
    rgba(242, 180, 106, 0.8),
    rgba(123, 225, 191, 0.85)
  );
}

.sip-strips-step {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: 0.8rem;
  align-items: center;
}

.sip-strips-dot {
  position: absolute;
  left: 0.5rem;
  top: 0.9rem;
  inline-size: 11px;
  block-size: 11px;
  border-radius: 50%;
  background: #f2b46a;
  box-shadow: 0 0 12px rgba(242, 180, 106, 0.9);
}

.sip-strips-step:nth-child(2) .sip-strips-dot {
  background: #7be1bf;
  box-shadow: 0 0 12px rgba(123, 225, 191, 0.9);
}

.sip-strips-step:nth-child(3) .sip-strips-dot {
  background: #f58ab2;
  box-shadow: 0 0 12px rgba(245, 138, 178, 0.9);
}

.sip-strips-copy {
  padding: 0.55rem 0.75rem 0.6rem;
  border-radius: 18px;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-strips-step-title {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.sip-strips-step-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-strips-photo {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.9);
}

.sip-strips-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 5/18: MARKS & ICONS LEGEND === */

.sip-marks-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(123, 225, 191, 0.26), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-marks-header {
  max-width: 30rem;
  margin-bottom: 1.2rem;
}

.sip-marks-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.4rem;
}

.sip-marks-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-marks-legend {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
}

.sip-marks-subtitle {
  margin: 0 0 0.2rem;
  font-size: 0.96rem;
}

.sip-marks-text {
  margin: 0 0 0.4rem;
  font-size: 0.84rem;
}

.sip-marks-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-marks-gallery {
  display: grid;
  gap: 0.7rem;
}

.sip-marks-photo {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.9);
}

.sip-marks-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 6/18: PRINT SETTINGS & DARK MODE === */

.sip-settings-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.26), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-settings-header {
  max-width: 32rem;
  margin-bottom: 1.3rem;
}

.sip-settings-title {
  margin: 0.3rem 0 0.25rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-settings-text {
  margin: 0;
  font-size: 0.86rem;
}

.sip-settings-layout {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: stretch;
}

.sip-settings-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-settings-photo--bw {
  transform-origin: left top;
}

.sip-settings-photo--phone {
  transform-origin: right top;
}

.sip-settings-photo--kit {
  transform-origin: right bottom;
}

.sip-settings-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
}

.sip-settings-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

.sip-settings-center {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.7rem;
}

.sip-settings-toggle {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.sip-settings-toggle--print {
  background: rgba(9, 11, 18, 0.98);
}

.sip-settings-toggle--dark {
  background: radial-gradient(circle at 100% 0, #1a2736, #05060b);
}

.sip-settings-label {
  margin: 0 0 0.14rem;
  font-size: 0.9rem;
}

.sip-settings-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-settings-right {
  display: grid;
  gap: 0.7rem;
}
/* === RESPONSIVE === */

@media (max-width: 960px) {
  .sip-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-hero-deck {
    grid-template-columns: minmax(0, 1.1fr);
  }

  .sip-medium-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-text {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-marks-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sip-main {
    padding-top: 84px;
  }

  .sip-hero-inner,
  .sip-families-inner,
  .sip-medium-inner,
  .sip-strips-inner,
  .sip-marks-inner,
  .sip-settings-inner {
    padding-inline: 1.3rem;
  }

  .sip-family {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-shot {
    max-inline-size: 320px;
    justify-self: center;
  }

  .sip-strips-rail {
    padding-left: 1.4rem;
  }

  .sip-strips-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-photo {
    max-inline-size: 320px;
    justify-self: center;
  }
}
/* === SECTION 7/18: SESSION SHEET DRAWER === */

.sip-drawer-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(242, 180, 106, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-drawer-header {
  max-width: 32rem;
  margin-bottom: 1.3rem;
}

.sip-drawer-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-drawer-intro {
  margin: 0;
  font-size: 0.86rem;
}

.sip-drawer-layout {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.4fr);
  gap: 1rem;
  align-items: center;
}

.sip-drawer-previews {
  display: grid;
  gap: 0.7rem;
}

.sip-drawer-card,
.sip-drawer-chip {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-drawer-card--folder {
  transform-origin: left top;
}

.sip-drawer-card--fan {
  transform-origin: left bottom;
}

.sip-drawer-card:hover,
.sip-drawer-chip:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-drawer-caption,
.sip-drawer-chip-label {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

.sip-drawer-text {
  display: grid;
  gap: 0.7rem;
}

.sip-drawer-block {
  border-radius: 18px;
  padding: 0.6rem 0.8rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-drawer-subtitle {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.sip-drawer-textline {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

/* === SECTION 8/18: COMPANION SETS === */

.sip-buddy-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(242, 180, 106, 0.26), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-buddy-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-buddy-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-buddy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-buddy-text {
  display: grid;
  gap: 0.6rem;
}

.sip-buddy-row {
  border-radius: 18px;
  padding: 0.55rem 0.8rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-buddy-label {
  margin: 0 0 0.14rem;
  font-size: 0.94rem;
}

.sip-buddy-textline {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-buddy-mosaic {
  position: relative;
  display: grid;
  gap: 0.7rem;
}

.sip-buddy-chip {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-buddy-chip--chairs {
  transform-origin: right top;
}

.sip-buddy-chip--family {
  transform-origin: center;
}

.sip-buddy-chip--solo {
  transform-origin: right bottom;
}

.sip-buddy-chip:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-buddy-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 9/18: LOW INK EDITION === */

.sip-ink-inner {
  border-radius: 30px;
  padding: 2rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.22), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-ink-header {
  max-width: 32rem;
  margin-bottom: 1.1rem;
}

.sip-ink-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.4rem;
}

.sip-ink-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-ink-band {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
}

.sip-ink-text {
  margin: 0 0 0.4rem;
  font-size: 0.86rem;
}

.sip-ink-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-ink-right {
  display: grid;
  gap: 0.7rem;
}

.sip-ink-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 64px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-ink-photo--stack {
  transform-origin: left top;
}

.sip-ink-photo--printer {
  transform-origin: right bottom;
}

.sip-ink-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
}

.sip-ink-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}
@media (max-width: 960px) {
  .sip-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-hero-deck {
    grid-template-columns: minmax(0, 1.1fr);
  }

  .sip-medium-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-text {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-marks-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-drawer-layout,
  .sip-buddy-layout,
  .sip-ink-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sip-main {
    padding-top: 84px;
  }

  .sip-hero-inner,
  .sip-families-inner,
  .sip-medium-inner,
  .sip-strips-inner,
  .sip-marks-inner,
  .sip-settings-inner,
  .sip-drawer-inner,
  .sip-buddy-inner,
  .sip-ink-inner {
    padding-inline: 1.3rem;
  }

  .sip-family {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-shot {
    max-inline-size: 320px;
    justify-self: center;
  }

  .sip-strips-rail {
    padding-left: 1.4rem;
  }

  .sip-strips-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-photo,
  .sip-drawer-card,
  .sip-buddy-chip,
  .sip-ink-photo {
    max-inline-size: 320px;
    justify-self: center;
  }
}
/* === SECTION 10/18: MICRO TRACKERS GRID === */

.sip-trackers-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(123, 225, 191, 0.26), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(242, 180, 106, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-trackers-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-trackers-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-trackers-intro {
  margin: 0;
  font-size: 0.86rem;
}

.sip-trackers-layout {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-trackers-text {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
}

.sip-trackers-copy {
  margin: 0 0 0.4rem;
  font-size: 0.86rem;
}

.sip-trackers-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-trackers-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.sip-trackers-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-trackers-card--icons {
  grid-column: 1 / -1;
}

.sip-trackers-card:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-trackers-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 11/18: POUCH & ENVELOPE KIT === */

.sip-envelope-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(245, 138, 178, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-envelope-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-envelope-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-envelope-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-envelope-text {
  max-width: 30rem;
}

.sip-envelope-copy {
  margin: 0 0 0.6rem;
  font-size: 0.86rem;
}

.sip-envelope-points {
  display: grid;
  gap: 0.55rem;
}

.sip-envelope-chip {
  border-radius: 18px;
  padding: 0.55rem 0.8rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-envelope-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 80px;
  margin-bottom: 0.18rem;
  padding: 0.1rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sip-envelope-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-envelope-stack {
  display: grid;
  gap: 0.7rem;
}

.sip-envelope-photo,
.sip-envelope-stamp {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-envelope-photo--table {
  transform-origin: left top;
}

.sip-envelope-photo--ice {
  transform-origin: right top;
}

.sip-envelope-stamp {
  max-inline-size: 210px;
}

.sip-envelope-photo:hover,
.sip-envelope-stamp:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-envelope-caption,
.sip-envelope-stamp-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 12/18: DIY BLANKS & OVERLAYS === */

.sip-custom-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 100% 0, rgba(123, 225, 191, 0.26), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(245, 138, 178, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-custom-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-custom-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-custom-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr);
  gap: 1rem;
  align-items: center;
}

.sip-custom-text {
  max-width: 30rem;
}

.sip-custom-copy {
  margin: 0 0 0.5rem;
  font-size: 0.86rem;
}

.sip-custom-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-custom-mosaic {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.sip-custom-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-custom-photo--cut {
  grid-column: 1 / -1;
}

.sip-custom-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-custom-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}
@media (max-width: 960px) {
  .sip-hero-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-hero-deck {
    grid-template-columns: minmax(0, 1.1fr);
  }

  .sip-medium-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-text {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-marks-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-drawer-layout,
  .sip-buddy-layout,
  .sip-ink-layout,
  .sip-trackers-layout,
  .sip-envelope-layout,
  .sip-custom-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .sip-main {
    padding-top: 84px;
  }

  .sip-hero-inner,
  .sip-families-inner,
  .sip-medium-inner,
  .sip-strips-inner,
  .sip-marks-inner,
  .sip-settings-inner,
  .sip-drawer-inner,
  .sip-buddy-inner,
  .sip-ink-inner,
  .sip-trackers-inner,
  .sip-envelope-inner,
  .sip-custom-inner {
    padding-inline: 1.3rem;
  }

  .sip-family {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-medium-shot {
    max-inline-size: 320px;
    justify-self: center;
  }

  .sip-strips-rail {
    padding-left: 1.4rem;
  }

  .sip-strips-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .sip-settings-photo,
  .sip-drawer-card,
  .sip-buddy-chip,
  .sip-ink-photo,
  .sip-envelope-photo,
  .sip-custom-photo {
    max-inline-size: 320px;
    justify-self: center;
  }

  .sip-trackers-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* === SECTION 13/18: SEASON WALL PANEL === */

.sip-wall-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(242, 180, 106, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-wall-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-wall-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-wall-text {
  margin: 0;
  font-size: 0.86rem;
}

.sip-wall-layout {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-wall-copy {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.5rem;
}

.sip-wall-line {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-wall-stack {
  display: grid;
  gap: 0.7rem;
}

.sip-wall-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-wall-photo--board {
  transform-origin: left top;
}

.sip-wall-photo--calendar {
  transform-origin: right bottom;
}

.sip-wall-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-wall-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 14/18: TRIP TRIO STRIP === */

.sip-trio-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 100% 0, rgba(245, 138, 178, 0.26), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(123, 225, 191, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-trio-header {
  max-width: 32rem;
  margin-bottom: 1.1rem;
}

.sip-trio-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-trio-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.05fr);
  gap: 1rem;
  align-items: center;
}

.sip-trio-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.sip-trio-panel {
  border-radius: 18px;
  padding: 0.6rem 0.8rem 0.7rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-trio-label {
  margin: 0 0 0.16rem;
  font-size: 0.9rem;
}

.sip-trio-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-trio-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
  transform-origin: right center;
}

.sip-trio-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-trio-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 15/18: DOOR REMINDER CARD === */

.sip-reminders-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-reminders-header {
  max-width: 32rem;
  margin-bottom: 1.1rem;
}

.sip-reminders-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-reminders-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-reminders-text {
  max-width: 30rem;
}

.sip-reminders-copy {
  margin: 0 0 0.5rem;
  font-size: 0.86rem;
}

.sip-reminders-list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-reminders-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
  transform-origin: right center;
}

.sip-reminders-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-reminders-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}
@media (max-width: 960px) {
  
  .sip-drawer-layout,
  .sip-buddy-layout,
  .sip-ink-layout,
  .sip-trackers-layout,
  .sip-envelope-layout,
  .sip-custom-layout,
  .sip-wall-layout,
  .sip-trio-layout,
  .sip-reminders-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  
  .sip-hero-inner,
  .sip-families-inner,
  .sip-medium-inner,
  .sip-strips-inner,
  .sip-marks-inner,
  .sip-settings-inner,
  .sip-drawer-inner,
  .sip-buddy-inner,
  .sip-ink-inner,
  .sip-trackers-inner,
  .sip-envelope-inner,
  .sip-custom-inner,
  .sip-wall-inner,
  .sip-trio-inner,
  .sip-reminders-inner {
    padding-inline: 1.3rem;
  }

  .sip-settings-photo,
  .sip-drawer-card,
  .sip-buddy-chip,
  .sip-ink-photo,
  .sip-envelope-photo,
  .sip-custom-photo,
  .sip-wall-photo,
  .sip-trio-photo,
  .sip-reminders-photo {
    max-inline-size: 320px;
    justify-self: center;
  }

  .sip-trio-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* === SECTION 16/18: POCKET STRIP KIT === */

.sip-pocket-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(245, 138, 178, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-pocket-header {
  max-width: 32rem;
  margin-bottom: 1.2rem;
}

.sip-pocket-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-pocket-text {
  margin: 0;
  font-size: 0.86rem;
}

.sip-pocket-layout {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: center;
}

.sip-pocket-copy {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.5rem;
}

.sip-pocket-line {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-pocket-gallery {
  display: grid;
  gap: 0.7rem;
}

.sip-pocket-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
}

.sip-pocket-photo--wallet {
  transform-origin: left top;
}

.sip-pocket-photo--lid {
  transform-origin: right bottom;
}

.sip-pocket-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 1);
}

.sip-pocket-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}

/* === SECTION 17/18: PRINT LAB CHECKLIST === */

.sip-check-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.3rem;
  background:
    radial-gradient(circle at 100% 0, rgba(242, 180, 106, 0.26), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(123, 225, 191, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-check-header {
  max-width: 32rem;
  margin-bottom: 1.1rem;
}

.sip-check-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-check-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.sip-check-column {
  border-radius: 20px;
  padding: 0.75rem 0.9rem 0.85rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.sip-check-label {
  margin: 0 0 0.18rem;
  font-size: 0.94rem;
}

.sip-check-list {
  margin: 0;
  padding-left: 1.15rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

/* === SECTION 18/18: PRINT LAB FINALE NOTE === */

.sip-finale-inner {
  border-radius: 30px;
  padding: 2.1rem 2rem 2.4rem;
  background:
    radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.24), transparent 60%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.95);
}

.sip-finale-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.05fr);
  gap: 1rem;
  align-items: center;
}

.sip-finale-text {
  max-width: 34rem;
}

.sip-finale-title {
  margin: 0.3rem 0 0.25rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.45rem;
}

.sip-finale-lead {
  margin: 0 0 0.5rem;
  font-size: 0.88rem;
  color: var(--sip-text-soft);
}

.sip-finale-copy {
  margin: 0 0 0.4rem;
  font-size: 0.84rem;
  color: var(--sip-text-muted);
}

.sip-finale-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.95);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 200ms ease-out;
  transform-origin: right center;
}

.sip-finale-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
}

.sip-finale-caption {
  position: absolute;
  inset-inline: 0.6rem;
  bottom: 0.5rem;
  padding: 0.26rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
}
@media (max-width: 960px) {
  
  .sip-pocket-layout,
  .sip-check-layout,
  .sip-finale-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  
  .sip-pocket-inner,
  .sip-check-inner,
  .sip-finale-inner {
    padding-inline: 1.3rem;
  }

  .sip-pocket-photo,
  .sip-finale-photo {
    max-inline-size: 320px;
    justify-self: center;
  }
}
/* общий контейнер секций на Print Lab */
.sip-section {
  margin: 0 auto 2.4rem;       /* центрируем и даём отступ снизу */
  max-width: 1160px;           /* ширина контента, как на других страницах */
  padding-inline: 1.5rem;      /* небольшой внутренний отступ от краёв */
}
@media (max-width: 640px) {
  .sip-main {
    padding-top: 84px;
  }

  /* уже есть список inner-блоков — оставь как есть */

  /* сузим боковые отступы для секций на маленьких экранах */
  .sip-section {
    padding-inline: 1.1rem;
  }
}