/* The festive Arch card, shared (owner, 9 Oct 2026): S2's approved Arch card styles, copied verbatim from
   listing.css (frozen in baselines/s2-category-listing-approved.2026-10-09). On while <html> carries
   ls-card-arch; S3 sets it in the festive theme for "You may also like". */
html.ls-card-arch .pa { position: relative; display: flex; flex-direction: column; min-width: 0; container-type: inline-size;
  transition: transform var(--ui-dur-slow) var(--ui-ease), filter var(--ui-dur-slow) var(--ui-ease); }
html.ls-card-arch .pa__top { position: relative; display: block; aspect-ratio: 100 / 162; filter: drop-shadow(0 -4px 5px rgba(150, 90, 60, 0.07)); transition: filter var(--ui-dur-slow) var(--ui-ease); }
html.ls-card-arch .pa__win { position: absolute; inset: 0; overflow: hidden; background: #5a2a1c;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 162' preserveAspectRatio='none'%3E%3Cpath d='M50 9.15 C50.65 9.91 52.83 12.71 53.92 13.73 C55.01 14.74 55.12 14.63 56.54 15.25 C57.95 15.87 61 16.52 62.42 17.43 C63.83 18.34 63.62 20.08 65.03 20.7 C66.45 21.31 69.5 20.7 70.92 21.13 C72.33 21.57 72.33 22.73 73.53 23.31 C74.73 23.89 76.91 24.15 78.1 24.62 C79.3 25.09 79.85 25.16 80.72 26.14 C81.59 27.12 82.35 29.56 83.33 30.5 C84.31 31.45 85.51 31.23 86.6 31.81 C87.69 32.39 88.89 33.01 89.87 33.99 C90.85 34.97 91.61 35.95 92.48 37.69 C93.36 39.43 94.5 43.1 95.1 44.44 C95.7 45.79 95.91 45.53 96.08 45.75 L96.08 135.29 C95.97 135.4 95.53 135.08 95.42 135.95 C95.32 136.82 95.5 139.65 95.42 140.52 C95.35 141.39 95.53 140.63 94.99 141.18 C94.44 141.72 93.21 143.03 92.16 143.79 C91.1 144.55 89.65 144.44 88.67 145.75 C87.69 147.06 87.04 150.44 86.27 151.63 C85.51 152.83 85.37 152.4 84.1 152.94 C82.83 153.49 79.81 154.03 78.65 154.9 C77.49 155.77 78.25 157.41 77.12 158.17 C76 158.93 75.05 159.04 71.9 159.48 C68.74 159.91 60.46 160.57 58.17 160.78 L50 160.78 L41.83 160.78 C39.54 160.57 31.26 159.91 28.1 159.48 C24.95 159.04 24 158.93 22.88 158.17 C21.75 157.41 22.51 155.77 21.35 154.9 C20.19 154.03 17.17 153.49 15.9 152.94 C14.63 152.4 14.49 152.83 13.73 151.63 C12.96 150.44 12.31 147.06 11.33 145.75 C10.35 144.44 8.9 144.55 7.84 143.79 C6.79 143.03 5.56 141.72 5.01 141.18 C4.47 140.63 4.65 141.39 4.58 140.52 C4.5 139.65 4.68 136.82 4.58 135.95 C4.47 135.08 4.03 135.4 3.92 135.29 L3.92 45.75 C4.09 45.53 4.3 45.79 4.9 44.44 C5.5 43.1 6.64 39.43 7.52 37.69 C8.39 35.95 9.15 34.97 10.13 33.99 C11.11 33.01 12.31 32.39 13.4 31.81 C14.49 31.23 15.69 31.45 16.67 30.5 C17.65 29.56 18.41 27.12 19.28 26.14 C20.15 25.16 20.7 25.09 21.9 24.62 C23.09 24.15 25.27 23.89 26.47 23.31 C27.67 22.73 27.67 21.57 29.08 21.13 C30.5 20.7 33.55 21.31 34.97 20.7 C36.38 20.08 36.17 18.34 37.58 17.43 C39 16.52 42.05 15.87 43.46 15.25 C44.88 14.63 44.99 14.74 46.08 13.73 C47.17 12.71 49.35 9.91 50 9.15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 162' preserveAspectRatio='none'%3E%3Cpath d='M50 9.15 C50.65 9.91 52.83 12.71 53.92 13.73 C55.01 14.74 55.12 14.63 56.54 15.25 C57.95 15.87 61 16.52 62.42 17.43 C63.83 18.34 63.62 20.08 65.03 20.7 C66.45 21.31 69.5 20.7 70.92 21.13 C72.33 21.57 72.33 22.73 73.53 23.31 C74.73 23.89 76.91 24.15 78.1 24.62 C79.3 25.09 79.85 25.16 80.72 26.14 C81.59 27.12 82.35 29.56 83.33 30.5 C84.31 31.45 85.51 31.23 86.6 31.81 C87.69 32.39 88.89 33.01 89.87 33.99 C90.85 34.97 91.61 35.95 92.48 37.69 C93.36 39.43 94.5 43.1 95.1 44.44 C95.7 45.79 95.91 45.53 96.08 45.75 L96.08 135.29 C95.97 135.4 95.53 135.08 95.42 135.95 C95.32 136.82 95.5 139.65 95.42 140.52 C95.35 141.39 95.53 140.63 94.99 141.18 C94.44 141.72 93.21 143.03 92.16 143.79 C91.1 144.55 89.65 144.44 88.67 145.75 C87.69 147.06 87.04 150.44 86.27 151.63 C85.51 152.83 85.37 152.4 84.1 152.94 C82.83 153.49 79.81 154.03 78.65 154.9 C77.49 155.77 78.25 157.41 77.12 158.17 C76 158.93 75.05 159.04 71.9 159.48 C68.74 159.91 60.46 160.57 58.17 160.78 L50 160.78 L41.83 160.78 C39.54 160.57 31.26 159.91 28.1 159.48 C24.95 159.04 24 158.93 22.88 158.17 C21.75 157.41 22.51 155.77 21.35 154.9 C20.19 154.03 17.17 153.49 15.9 152.94 C14.63 152.4 14.49 152.83 13.73 151.63 C12.96 150.44 12.31 147.06 11.33 145.75 C10.35 144.44 8.9 144.55 7.84 143.79 C6.79 143.03 5.56 141.72 5.01 141.18 C4.47 140.63 4.65 141.39 4.58 140.52 C4.5 139.65 4.68 136.82 4.58 135.95 C4.47 135.08 4.03 135.4 3.92 135.29 L3.92 45.75 C4.09 45.53 4.3 45.79 4.9 44.44 C5.5 43.1 6.64 39.43 7.52 37.69 C8.39 35.95 9.15 34.97 10.13 33.99 C11.11 33.01 12.31 32.39 13.4 31.81 C14.49 31.23 15.69 31.45 16.67 30.5 C17.65 29.56 18.41 27.12 19.28 26.14 C20.15 25.16 20.7 25.09 21.9 24.62 C23.09 24.15 25.27 23.89 26.47 23.31 C27.67 22.73 27.67 21.57 29.08 21.13 C30.5 20.7 33.55 21.31 34.97 20.7 C36.38 20.08 36.17 18.34 37.58 17.43 C39 16.52 42.05 15.87 43.46 15.25 C44.88 14.63 44.99 14.74 46.08 13.73 C47.17 12.71 49.35 9.91 50 9.15 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
html.ls-card-arch .pa__img { position: absolute; inset: 0; transition: opacity var(--ui-dur-slow) var(--ui-ease), transform 900ms var(--ui-ease); }
html.ls-card-arch .pa__img > svg, html.ls-card-arch .pa__img > img { width: 100%; height: 100%; object-fit: cover; }
html.ls-card-arch .pa__img--a img { object-position: 50% 30%; }
html.ls-card-arch .pa__img--b { opacity: 0; transform: scale(1.04); }
html.ls-card-arch .pa__pallu { object-position: 50% 90%; transform: scale(1.12); }
html.ls-card-arch .pa__frame { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
/* Frame: one image rendered from the reference's measured layer profiles (band, bevel, highlight,
   outer edge, varying around the arch as in the reference); a fine rim marks the photo's edge. */
html.ls-card-arch .pa__rim { fill: none; stroke: rgba(92, 52, 30, 0.55); stroke-width: 0.8; vector-effect: non-scaling-stroke; }
html.ls-card-arch .pa__tag { position: absolute; z-index: 2; top: 22.6%; left: 9.5%; padding: 0.9cqw 3.2cqw 0.7cqw; border-radius: 1.6cqw;
  font-size: max(8.5px, 4.6cqw); font-weight: var(--ui-weight-strong); letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.3; white-space: nowrap;
  color: var(--ui-accent); background: rgba(255, 250, 246, 0.94); }
html.ls-card-arch .pa__tag--one { color: #fbf2e8; background: var(--ui-accent); }
html.ls-card-arch .pa__tag--sold { color: var(--ui-text-muted); }
html.ls-card-arch .pa__body { flex: 1; display: flex; flex-direction: column; padding: 6.9cqw 4.5cqw 2.6cqw 3.9cqw; margin-top: -1px;
  /* Owner, 9 Oct 2026: no border, no shadow; the cream fades from the frame's colour at the top
     to fully transparent at the bottom. */
  background: linear-gradient(180deg, rgb(251, 237, 221) 0%, rgba(252, 241, 232, 0.85) 20%, rgba(252, 245, 240, 0.45) 60%, rgba(252, 245, 240, 0) 100%); border-radius: 0; box-shadow: none;
  margin-inline: var(--pa-inset, 0.67cqw); }
html.ls-card-arch .pa__eyebrow { font-family: var(--ui-font-display); font-size: max(8.5px, 4.85cqw); line-height: 1.2; text-transform: uppercase; letter-spacing: 0.11em; color: #6e1834; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ls-card-arch .pa__title { margin-top: 4.9cqw; font-family: var(--ui-font-display); font-size: max(13px, 8.5cqw); line-height: 1.28; letter-spacing: 0.035em; color: #4a3b3c; text-decoration: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; transition: color var(--ui-dur-base) var(--ui-ease); }
html.ls-card-arch .pa__title::after { content: ''; position: absolute; inset: 0; } /* the whole card opens the saree */
html.ls-card-arch .pa__title:focus-visible { outline: 0; }
html.ls-card-arch .pa:has(.pa__title:focus-visible) { outline: var(--ui-ring-width) solid var(--ui-ring); outline-offset: 4px; border-radius: 6.5cqw; }
html.ls-card-arch .pa__facts { margin-top: 4.2cqw; display: flex; flex-wrap: wrap; margin-left: -19px; clip-path: inset(0 0 0 19px); font-family: var(--ui-font-display); font-size: max(10.5px, 6.8cqw); line-height: 1.2; color: #7d6d69; letter-spacing: 0.01em; }
html.ls-card-arch .pa__facts > span::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #b9a29c; vertical-align: middle; margin: -2px 8px 0; }
html.ls-card-arch .pa__foot { padding-top: 6cqw; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 3cqw; row-gap: 4cqw; }
html.ls-card-arch .pa__price { grid-column: 1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 3cqw; }
html.ls-card-arch .pa__price .ui-price { font-family: var(--ui-font-display); font-size: max(14px, 9.0cqw); line-height: 1.1; font-weight: 600; letter-spacing: 0.01em; color: #2a191b; }
html.ls-card-arch .pa__compare { text-decoration: line-through; color: var(--ui-text-subtle); font-size: max(10px, 5cqw); }
html.ls-card-arch .pa__save { font-size: max(10px, 5cqw); font-weight: var(--ui-weight-strong); color: var(--ui-success); }
html.ls-card-arch .pa__dots { grid-column: 1; display: inline-flex; gap: 3.6cqw; margin-top: -0.6cqw; }
html.ls-card-arch .pa__dots i { width: max(10px, 6.8cqw); height: max(10px, 6.8cqw); border-radius: 50%; box-shadow: 0 0 0 1px rgba(42, 25, 27, 0.10); }
html.ls-card-arch .pa__bag { grid-column: 2; grid-row: 1 / span 2; position: relative; z-index: 2; width: max(44px, 23.5cqw); height: max(44px, 23cqw); align-self: start; margin-top: 0.6cqw; display: grid; place-items: center; cursor: pointer;
  border-radius: 4.5cqw; border: 1px solid #eccfd4; background: #fbeced; color: var(--ui-accent); transition: background var(--ui-dur-base) var(--ui-ease), transform var(--ui-dur-base) var(--ui-ease); }
html.ls-card-arch .pa__bag .sc-icon { width: max(22px, 12cqw); height: max(22px, 12cqw); stroke-width: 1.6; }
html.ls-card-arch .pa__bag:hover { background: #f6dde2; }
html.ls-card-arch .pa__bag:active { transform: scale(0.94); }
html.ls-card-arch .pa__bag:focus-visible { outline: var(--ui-ring-width) solid var(--ui-ring); outline-offset: 2px; }
html.ls-card-arch .pa--sold .pa__img { filter: saturate(0.35); }
html.ls-card-arch .pa--sold .pa__title, html.ls-card-arch .pa--sold .pa__eyebrow { color: var(--ui-text-muted); }
@media (hover: hover) {
  html.ls-card-arch .pa:hover { transform: translateY(-4px); }
  html.ls-card-arch .pa:hover .pa__top { filter: drop-shadow(0 -5px 7px rgba(150, 90, 60, 0.11)); }
  html.ls-card-arch .pa:hover .pa__img--a { opacity: 0; transform: scale(1.03); }
  html.ls-card-arch .pa:hover .pa__img--b { opacity: 1; transform: none; }
  html.ls-card-arch .pa:hover .pa__title { color: var(--ui-accent); }
}
@media (prefers-reduced-motion: reduce) {
  html.ls-card-arch .pa, html.ls-card-arch .pa__img, html.ls-card-arch .pa__title, html.ls-card-arch .pa__bag { transition: none; }
}