/* INESS HOME EDITORIAL POLISH UX-4B 20260916 */


/* ==================================================
   GLOBAL HOME RHYTHM
   ================================================== */

#view-home {
  --home-ink:
    #221e1b;

  --home-muted:
    #756b64;

  --home-soft:
    #f4f0eb;

  --home-line:
    rgba(75, 57, 46, .09);
}


.app-home-section {
  margin-bottom:
    38px;
}


.app-home-section-head {
  margin-bottom:
    14px;
}


.app-home-section-head h2 {
  margin-top:
    6px;

  font-family:
    var(--font-ui);

  font-size:
    22px;

  font-weight:
    760;

  line-height:
    1.12;

  letter-spacing:
    -.025em;
}


.app-home-eyebrow,
.app-home-kicker,
.app-home-editorial-kicker {
  color:
    #8b7f76;

  font-family:
    var(--font-ui);

  font-size:
    9.5px;

  font-weight:
    750;

  letter-spacing:
    .14em;
}


/* ==================================================
   HERO
   ================================================== */

.app-home-hero--compact {
  padding-top:
    8px;

  padding-bottom:
    22px;
}


.app-home-hero--compact h1 {
  max-width:
    310px;

  margin:
    11px 0 9px;

  font-size:
    clamp(
      38px,
      9.6vw,
      54px
    );

  line-height:
    .98;

  letter-spacing:
    -.035em;
}


.app-home-hero--compact p {
  max-width:
    315px;

  color:
    var(--home-muted);

  font-size:
    14.5px;

  line-height:
    1.48;
}


.app-home-hero--compact
.iness-button--primary {
  min-height:
    50px;

  border-radius:
    14px;
}


/* ==================================================
   PERSONAL CONTEXT
   Operational strip, not another card
   ================================================== */

.app-home-context {
  overflow:
    visible;

  gap:
    0;

  border:
    0;

  border-radius:
    0;

  background:
    transparent;
}


.app-home-context-row {
  padding:
    14px 2px;

  border-bottom:
    1px solid
    var(--home-line);
}


.app-home-context-row:first-child {
  border-top:
    1px solid
    var(--home-line);
}


.app-home-context-row:last-child {
  border-bottom:
    1px solid
    var(--home-line);
}


.app-home-context-label {
  color:
    #93877f;

  font-size:
    9px;

  font-weight:
    700;
}


.app-home-context-title {
  color:
    var(--home-ink);

  font-size:
    14px;

  font-weight:
    760;
}


.app-home-context-meta {
  color:
    var(--home-muted);

  font-size:
    11.5px;
}


.app-home-context-arrow {
  color:
    #6e625a;
}


/* ==================================================
   QUICK ACTIONS
   Reduce "three equal cards" feeling
   ================================================== */

.app-home-quick-actions {
  grid-template-columns:
    1.25fr
    .875fr
    .875fr;

  gap:
    8px;
}


.app-home-quick-action {
  min-height:
    116px;

  padding:
    13px;

  border-radius:
    15px;

  box-shadow:
    none;

  border-color:
    var(--home-line);

  background:
    #faf8f5;
}


.app-home-quick-action:first-child {
  background:
    #211d1a;

  border-color:
    #211d1a;
}


.app-home-quick-action__icon {
  width:
    28px;

  height:
    28px;

  margin-bottom:
    14px;

  border-radius:
    10px;

  font-size:
    14px;
}


.app-home-quick-action strong {
  font-size:
    12.5px;

  line-height:
    1.15;
}


.app-home-quick-action small {
  margin-top:
    5px;

  color:
    #81766e;

  font-size:
    10px;

  line-height:
    1.32;
}


/* ==================================================
   AVAILABILITY
   Emphasize data, not container decoration
   ================================================== */

.app-home-availability {
  display:
    grid;

  gap:
    0;

  border-top:
    1px solid
    var(--home-line);
}


.app-home-slot {
  border:
    0;

  border-bottom:
    1px solid
    var(--home-line);

  border-radius:
    0;

  background:
    transparent;

  box-shadow:
    none;
}


.app-home-slot:hover,
.app-home-slot:active {
  background:
    rgba(82, 64, 52, .035);
}


.app-home-slot-date {
  color:
    var(--home-muted);

  font-size:
    11px;

  font-weight:
    650;
}


.app-home-slot-service {
  color:
    var(--home-ink);

  font-size:
    14px;

  font-weight:
    760;
}


.app-home-text-action {
  color:
    #675c55;

  font-size:
    11.5px;

  font-weight:
    700;
}


/* ==================================================
   FEATURED PRODUCTS
   Editorial grid
   ================================================== */

.app-home-featured {
  gap:
    12px;
}


.app-home-featured-card {
  border:
    0;

  border-radius:
    14px;

  background:
    transparent;
}


.app-home-featured-visual {
  border-radius:
    14px;

  background:
    linear-gradient(
      145deg,
      #ede7e0,
      #f7f3ee
    );
}


.app-home-featured-body {
  padding:
    10px 3px
    4px;
}


.app-home-featured-code {
  color:
    #9b8f85;

  font-size:
    8.5px;

  font-weight:
    700;
}


.app-home-featured-title {
  margin-top:
    4px;

  font-family:
    var(--font-ui);

  font-size:
    13.5px;

  font-weight:
    730;

  line-height:
    1.18;
}


.app-home-featured-price {
  margin-top:
    6px;

  color:
    #4e4640;

  font-size:
    11.5px;

  font-weight:
    700;
}


/* ==================================================
   EXPERT / TRUST
   Quiet editorial section
   ================================================== */

.app-home-editorial {
  margin-bottom:
    36px;

  padding:
    24px 0 4px;

  border-top:
    1px solid
    var(--home-line);

  border-radius:
    0;

  background:
    transparent;
}


.app-home-editorial blockquote {
  max-width:
    350px;

  margin:
    13px 0 20px;

  font-size:
    25px;

  line-height:
    1.08;

  letter-spacing:
    -.02em;
}


.app-home-editorial-person {
  padding-top:
    13px;

  border-top:
    1px solid
    var(--home-line);
}


.app-home-editorial-person strong {
  font-family:
    var(--font-ui);

  font-size:
    12.5px;

  font-weight:
    760;
}


.app-home-editorial-person span {
  color:
    var(--home-muted);

  font-size:
    10.5px;
}


/* ==================================================
   CHANNEL / RETENTION
   Remove banner feel
   ================================================== */

.app-home-channel {
  gap:
    16px;

  margin:
    0 0 24px;

  padding:
    22px 0 4px;

  border-top:
    1px solid
    var(--home-line);

  border-radius:
    0;

  background:
    transparent;

  color:
    var(--home-ink);
}


.app-home-channel h2 {
  color:
    var(--home-ink);

  font-family:
    var(--font-ui);

  font-size:
    21px;

  font-weight:
    760;

  line-height:
    1.15;

  letter-spacing:
    -.025em;
}


.app-home-channel p {
  margin-top:
    8px;

  color:
    var(--home-muted);

  font-size:
    12.5px;

  line-height:
    1.48;
}


.app-home-channel
.app-home-eyebrow {
  color:
    #8b7f76;
}


.app-home-channel
.iness-button--primary {
  justify-self:
    start;

  width:
    auto;

  min-height:
    44px;

  padding:
    0 18px;

  border-radius:
    13px;

  background:
    #eee7e2;

  color:
    #3d3530;

  box-shadow:
    none;
}


/* ==================================================
   RESPONSIVE
   ================================================== */

@media (max-width: 390px) {

  .app-home-quick-actions {
    grid-template-columns:
      1fr;
  }

  .app-home-quick-action {
    min-height:
      auto;

    border-radius:
      14px;
  }

  .app-home-section-head h2 {
    font-size:
      21px;
  }

  .app-home-editorial blockquote {
    font-size:
      23px;
  }
}


@media (prefers-reduced-motion: reduce) {

  .app-home-slot,
  .app-home-featured-card,
  .app-home-quick-action {
    transition:
      none !important;
  }
}