/* Soft Souls shop: category pages, product cards, product page, cart, checkout, account.
   Approved design: Soft Souls Brand Experience (artboards 03, 04, 06–10). WooCommerce's own
   general styles are not loaded; everything a shopper sees is styled here. Mobile first. */

/* ---------- Shared ---------- */
.ss-shop-wrap { background: var(--ss-cotton); }
.ss-breadcrumb, .woocommerce-breadcrumb { font-size: 0.875rem; color: var(--ss-ink-soft); margin: 0; }
.ss-breadcrumb a, .woocommerce-breadcrumb a { color: var(--ss-deep); text-decoration: none; }
.ss-breadcrumb a:hover { text-decoration: underline; }
.ss-chip { flex: none; display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 21px; background: var(--ss-cotton); color: var(--ss-night); text-decoration: none; font-size: 0.9375rem; border: 1px solid transparent; }
.ss-chip:hover { border-color: var(--ss-line-strong); color: var(--ss-night); }
.ss-chip.is-on { background: var(--ss-night); color: var(--ss-white); font-weight: 600; }
.ss-chip--line { background: var(--ss-white); border-color: var(--ss-line-strong); }
.ss-arc { display: block; margin: 10px 0 16px; max-width: 60%; height: auto; }

/* ---------- Category hero ---------- */
.ss-shop-hero { background: var(--ss-kapok); padding: 18px 0 22px; }
.ss-shop-hero--mist { background: var(--ss-mist); }
.ss-shop-hero__row { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: flex-end; margin-top: 14px; }
.ss-shop-hero__text { flex: 1 1 520px; min-width: 0; }
.ss-shop-hero__title { font-family: var(--ss-font-display); font-weight: 600; font-size: clamp(2.125rem, 5vw, 3.5rem); line-height: 1.02; letter-spacing: -0.02em; margin: 0; color: var(--ss-night); }
.ss-shop-hero__intro { font-size: clamp(0.9375rem, 1.6vw, 1.125rem); line-height: 1.6; color: var(--ss-ink); margin: 0; max-width: 620px; }
.ss-finder-card { flex: 0 1 340px; display: flex; gap: 14px; align-items: center; background: var(--ss-cotton); border-radius: var(--ss-radius); padding: 16px 20px; text-decoration: none; color: var(--ss-night); }
.ss-finder-card svg { flex: none; color: var(--ss-deep); }
.ss-finder-card strong { display: block; }
.ss-finder-card span span { font-size: 0.875rem; color: var(--ss-ink-soft); }
.ss-finder-card:hover { box-shadow: 0 8px 24px rgba(14, 42, 68, .08); color: var(--ss-night); }
.ss-chips { display: flex; gap: 8px; margin-top: 20px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
.ss-chips::-webkit-scrollbar { display: none; }
@media (min-width: 782px) { .ss-shop-hero { padding: 22px 0 48px; } .ss-shop-hero__row { margin-top: 26px; } .ss-chips { flex-wrap: wrap; overflow: visible; margin-top: 28px; gap: 10px; } }
@media (max-width: 781px) { .ss-finder-card { display: none; } }

/* ---------- Body: filters + grid ---------- */
.ss-shop-body { padding-top: 20px; padding-bottom: 56px; }
@media (min-width: 1024px) {
	.ss-shop-body.has-filters { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 36px; align-items: start; padding-top: 36px; padding-bottom: 72px; }
	.ss-shop-side { position: sticky; top: 96px; max-height: calc(100vh - 112px); overflow: auto; scrollbar-width: thin; }
}
.ss-toolbar { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.ss-toolbar__count { margin: 0; font-size: 0.9375rem; color: var(--ss-ink-soft); }
.ss-toolbar__count strong { color: var(--ss-night); }
.ss-toolbar .woocommerce-ordering { margin: 0; display: flex; align-items: center; gap: 10px; font-size: 0.9375rem; }
.ss-toolbar__sort { display: flex; align-items: center; gap: 10px; font-size: 0.9375rem; }
.ss-toolbar .woocommerce-ordering select, .ss-sort-select { min-height: 44px; border-radius: 22px; border: 1px solid var(--ss-line-strong); padding: 0 40px 0 16px; font: inherit; color: var(--ss-night); background: var(--ss-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230E2A44' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center; -webkit-appearance: none; appearance: none; cursor: pointer; }

/* Phone: sticky Filter | Sort bar */
.ss-mbar { display: none; }
@media (max-width: 1023px) {
	.ss-shop-side { display: contents; }
	.ss-toolbar__sort { display: none; }
	.ss-mbar { display: grid; grid-template-columns: 1fr 1fr; position: sticky; top: var(--ss-header-h, 64px); z-index: 30; margin: -20px calc(var(--ss-gutter) * -1) 12px; background: var(--ss-white); border-bottom: 1px solid var(--ss-line); border-top: 1px solid var(--ss-line); }
	.ss-mbar__btn { position: relative; height: 52px; border: 0; background: var(--ss-white); font: inherit; font-weight: 600; color: var(--ss-night); display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
	.ss-mbar__btn:first-child { border-right: 1px solid var(--ss-line); }
	.ss-mbar__n { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: var(--ss-deep); color: var(--ss-white); font-size: 0.75rem; }
	.ss-mbar__select { position: absolute; inset: 0; }
	.ss-mbar__select .woocommerce-ordering, .ss-mbar__select select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
	.ss-toolbar { margin-bottom: 10px; }
}

/* ---------- Filter panel (Soft Souls Commerce Experience) ---------- */
.ssce-panel { font-size: 0.9375rem; }
.ssce-panel__head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 4px; }
.ssce-panel__title { font-family: var(--ss-font-display); font-weight: 600; font-size: 1.25rem; margin: 0; flex: 1; color: var(--ss-night); }
.ssce-panel__clear { font-size: 0.875rem; color: var(--ss-deep); }
.ssce-panel__close { display: none; }
.ssce-group { border-bottom: 1px solid var(--ss-line); padding: 16px 0; }
.ssce-group:last-child { border-bottom: 0; }
.ssce-group > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; font-weight: 600; cursor: pointer; color: var(--ss-night); }
.ssce-group > summary::-webkit-details-marker { display: none; }
.ssce-group > summary::after { content: "+"; font-weight: 400; font-size: 1.25rem; line-height: 1; color: var(--ss-ink-soft); }
.ssce-group[open] > summary::after { content: "−"; }
.ssce-group__n { margin-left: 8px; margin-right: auto; display: inline-grid; place-items: center; min-width: 20px; height: 20px; border-radius: 10px; background: var(--ss-mist); color: var(--ss-deep); font-size: 0.75rem; }
.ssce-opts { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
.ssce-opt { display: flex; gap: 10px; align-items: center; min-height: 36px; cursor: pointer; color: var(--ss-night); }
.ssce-opt input { width: 18px; height: 18px; margin: 0; accent-color: var(--ss-deep); flex: none; }
.ssce-opt__n { margin-left: auto; color: var(--ss-ink-soft); font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.ssce-swatches { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.ssce-swatch { position: relative; cursor: pointer; }
.ssce-swatch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.ssce-swatch__dot { display: block; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--ss-white); box-shadow: 0 0 0 1px var(--ss-line-strong); }
.ssce-swatch input:checked + .ssce-swatch__dot { box-shadow: 0 0 0 2px var(--ss-deep); }
.ssce-swatch input:focus-visible + .ssce-swatch__dot { outline: 3px solid var(--ss-orange); outline-offset: 2px; }
.ssce-panel__foot { display: none; }
.js .ssce-panel[data-autoapply] .ssce-panel__foot { display: none; }
.no-js .ssce-panel__foot { display: flex; }

@media (max-width: 1023px) {
	.ssce-panel { position: fixed; z-index: 120; left: 0; right: 0; bottom: 0; max-height: 86vh; display: flex; flex-direction: column; background: var(--ss-white); border-radius: 22px 22px 0 0; box-shadow: 0 -12px 40px rgba(14, 42, 68, .18); transform: translateY(105%); transition: transform .3s ease; visibility: hidden; }
	.ssce-panel.is-open { transform: none; visibility: visible; }
	.ssce-panel__head { padding: 16px 16px 12px; border-bottom: 1px solid var(--ss-line); align-items: center; margin: 0; }
	.ssce-panel__close { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--ss-cotton); font-size: 1.5rem; color: var(--ss-night); cursor: pointer; }
	.ssce-panel__body { overflow: auto; padding: 0 20px; flex: 1; overscroll-behavior: contain; }
	.ssce-panel__foot { display: flex !important; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ss-line); }
	.ssce-panel__reset { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 20px; border-radius: 25px; border: 1.5px solid var(--ss-night); color: var(--ss-night); text-decoration: none; font-weight: 600; }
	.ssce-panel__apply { flex: 1; min-height: 50px; border: 0; border-radius: 25px; background: var(--ss-deep); color: var(--ss-white); font: inherit; font-weight: 600; cursor: pointer; }
	.ssce-panel-backdrop { position: fixed; inset: 0; z-index: 110; background: rgba(14, 42, 68, .45); opacity: 0; transition: opacity .3s; pointer-events: none; }
	.ssce-panel-backdrop.is-open { opacity: 1; pointer-events: auto; }
	.ssce-opt { min-height: 44px; }
}

/* ---------- Product grid and card ---------- */
ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 640px) { ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { ul.products { gap: 20px; } .ss-hb ul.products, .related ul.products, .upsells ul.products, ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
ul.products::before, ul.products::after { display: none; }
.ss-card { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0; background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: 16px; overflow: hidden; }
@media (min-width: 640px) { .ss-card { border-radius: 22px; } }
.ss-card__media { position: relative; aspect-ratio: 1 / 1; background: var(--ss-kapok); overflow: hidden; }
.ss-card__slides { display: block; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; -webkit-user-select: none; user-select: none; cursor: grab; }
.ss-card__slides:active { cursor: grabbing; }
.ss-card__track { display: flex; height: 100%; transition: transform 0.9s cubic-bezier(.22, .61, .36, 1); will-change: transform; }
.ss-card__track.is-dragging { transition: none; }
.ss-card__img, .ss-card__track img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none; pointer-events: none; }
.ss-card.is-out .ss-card__img { opacity: .6; }
.ss-card__dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; pointer-events: none; }
.ss-card__dot { width: 6px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .7); box-shadow: 0 0 0 1px rgba(14, 42, 68, .15); transition: width .3s, background .3s; }
.ss-card__dot.is-on { width: 16px; background: var(--ss-white); }
.ss-card__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); color: var(--ss-night); font-size: 1.25rem; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .2s; display: none; }
.ss-card__nav--prev { left: 10px; }
.ss-card__nav--next { right: 10px; }
@media (hover: hover) and (pointer: fine) { .ss-card__nav { display: block; } .ss-card:hover .ss-card__nav { opacity: 1; } }
.ss-card__badge { position: absolute; top: 10px; left: 10px; padding: 4px 9px; border-radius: 8px; background: var(--ss-white); color: var(--ss-night); font-size: 0.75rem; font-weight: 600; }
.ss-card__badge--sale { background: var(--ss-deep); color: var(--ss-white); }
.ss-card__wish { position: absolute; top: 8px; right: 8px; }
.ss-card__wish .woosw-btn { width: 40px; height: 40px; min-height: 0; padding: 0; border-radius: 50%; background: var(--ss-white); color: var(--ss-night); font-size: 0; border: 0; display: grid; place-items: center; }
.ss-card__wish .woosw-btn::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat; }
.ss-card__wish .woosw-btn.woosw-added { color: #B8323A; }
.ss-card__qv { position: absolute; left: 12px; bottom: 12px; min-height: 36px; padding: 0 14px; border-radius: 18px; border: 0; background: var(--ss-white); color: var(--ss-night); font: inherit; font-size: 0.84375rem; font-weight: 600; cursor: pointer; opacity: 0; transform: translateY(6px); transition: opacity .2s, transform .2s; }
.ss-card:hover .ss-card__qv, .ss-card__qv:focus-visible { opacity: 1; transform: none; }
@media (hover: none) { .ss-card__qv { display: none; } }
.ss-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 12px; }
@media (min-width: 640px) { .ss-card__body { padding: 18px 20px 20px; } }
.ss-card__line { margin: 0; font-size: 0.75rem; color: var(--ss-ink-soft); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 640px) { .ss-card__line { font-size: 0.8125rem; } }
.ss-card__title { font-family: var(--ss-font-display); font-weight: 600; font-size: 0.9375rem; line-height: 1.3; margin: 4px 0 4px; min-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 640px) { .ss-card__title { font-size: 1.125rem; margin: 6px 0; } }
.ss-card__title a { color: var(--ss-night); text-decoration: none; }
.ss-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.ss-card__media, .ss-card__actions, .ss-card__rating { position: relative; z-index: 1; }
.ss-card__title a:hover { color: var(--ss-deep); }
.ss-card__rating { margin: 0; font-size: 0.8125rem; color: var(--ss-ink-soft); }
.ss-card__rating strong { color: var(--ss-night); }
.ss-star { color: var(--ss-orange); }
.ss-card__price { margin: 8px 0 12px; font-family: var(--ss-font-display); font-weight: 600; font-size: 1.125rem; color: var(--ss-night); display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
@media (min-width: 640px) { .ss-card__price { font-size: 1.375rem; margin: 10px 0 14px; } }
.ss-card__price del { order: 2; font-family: var(--ss-font-body); font-size: 0.8125rem; font-weight: 400; color: var(--ss-ink-soft); }
.ss-card__price ins { text-decoration: none; }
.ss-card__actions { margin-top: auto; display: flex; gap: 8px; align-items: stretch; }
.ss-card__btn, .ss-card__actions .ssce-notify-btn { flex: 1 1 auto; min-width: 0; display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 12px; border-radius: 22px; border: 1.5px solid var(--ss-deep); background: var(--ss-deep); color: var(--ss-white); font: inherit; font-size: 0.875rem; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background .2s, border-color .2s; }
@media (min-width: 640px) { .ss-card__btn, .ss-card__actions .ssce-notify-btn { font-size: 0.9375rem; } }
.ss-card__btn:hover { background: var(--ss-night); border-color: var(--ss-night); color: var(--ss-white); }
.ss-card__btn--line, .ss-card__actions .ssce-notify-btn { background: var(--ss-white); color: var(--ss-night); border-color: var(--ss-night); }
.ss-card__btn--line:hover, .ss-card__actions .ssce-notify-btn:hover { background: var(--ss-night); color: var(--ss-white); }
.ss-card__btn.loading { opacity: .7; pointer-events: none; }
.ss-card__btn, .ss-card__actions .ssce-notify-btn { overflow: hidden; text-overflow: ellipsis; }
.ss-card__actions .ssop-more { display: none; }
.ss-card__btn.added::after { content: " ✓"; margin-left: 4px; }
.ss-card .added_to_cart { display: none; }
.ss-card__compare { flex: none; height: 44px; padding: 0 14px; border-radius: 22px; border: 1px solid var(--ss-line-strong); background: var(--ss-white); color: var(--ss-night); font: inherit; font-size: 0.875rem; cursor: pointer; }
.ss-card__compare[aria-pressed="true"] { border: 2px solid var(--ss-deep); background: var(--ss-mist); color: var(--ss-deep); font-weight: 600; }
@media (max-width: 639px) { .ss-card__compare { display: none; } }
/* Narrow cards anywhere (finder results, related products, quick lists): one full-width button. */
.ss-card { container-type: inline-size; container-name: sscard; }
@container sscard (max-width: 250px) { .ss-card__compare { display: none; } }

/* Load more */
.ss-more { text-align: center; margin-top: 28px; }
.ss-more__count { font-size: 0.875rem; color: var(--ss-ink-soft); margin: 0 0 12px; }
.ss-more__btn { min-width: 220px; }
@media (max-width: 639px) { .ss-more__btn { width: 100%; } }
.js .ss-more ~ .woocommerce-pagination { display: none; }
.woocommerce-pagination ul { list-style: none; display: flex; justify-content: center; gap: 6px; padding: 0; margin: 28px 0 0; }
.woocommerce-pagination a, .woocommerce-pagination span { display: inline-grid; place-items: center; min-width: 44px; height: 44px; border-radius: 22px; border: 1px solid var(--ss-line); text-decoration: none; color: var(--ss-night); }
.woocommerce-pagination .current { background: var(--ss-night); color: var(--ss-white); }
.woocommerce-info.woocommerce-no-products-found, .woocommerce-no-products-found { padding: 28px; background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); }

/* ---------- Buying guide, comparison, guide copy, FAQ ---------- */
.ss-guide-band { background: var(--ss-white); border-top: 1px solid var(--ss-line); padding: 40px 0 48px; }
@media (min-width: 782px) { .ss-guide-band { padding: 80px 0; } }
.ss-guide-band .ss-h2 { margin: 0 0 22px; }
.ss-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 782px) { .ss-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
.ss-steps li { background: var(--ss-cotton); border-radius: 16px; padding: 16px; display: grid; grid-template-columns: auto 1fr; column-gap: 14px; }
@media (min-width: 782px) { .ss-steps li { display: block; padding: 28px; border-radius: 22px; } }
.ss-steps__n { grid-row: span 2; font-family: var(--ss-font-display); font-weight: 600; font-size: 1.375rem; color: var(--ss-blue); }
@media (min-width: 782px) { .ss-steps__n { display: block; font-size: 2rem; } }
.ss-steps__t { display: block; font-weight: 600; font-size: 1rem; color: var(--ss-night); }
@media (min-width: 782px) { .ss-steps__t { font-size: 1.1875rem; margin: 8px 0; } }
.ss-steps__d { display: block; font-size: 0.875rem; line-height: 1.55; color: var(--ss-ink); }
@media (min-width: 782px) { .ss-steps__d { font-size: 0.96875rem; line-height: 1.6; } }
.ss-guide-band__h3 { font-family: var(--ss-font-display); font-weight: 600; font-size: clamp(1.25rem, 2.2vw, 1.625rem); margin: 40px 0 16px; color: var(--ss-night); }
.ss-table-wrap { overflow-x: auto; border: 1px solid var(--ss-line); border-radius: var(--ss-radius); -webkit-overflow-scrolling: touch; }
.ss-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 0.96875rem; }
.ss-table th, .ss-table td { padding: 14px 18px; text-align: left; vertical-align: top; border-top: 1px solid #EEE9E0; }
.ss-table thead th { background: var(--ss-mist); border-top: 0; font-weight: 600; }
.ss-table tbody th { font-weight: 600; width: 24%; }
.ss-here { color: var(--ss-ink-soft); font-style: italic; }

.ss-cat-faq { max-width: 960px; padding-top: 40px; padding-bottom: 64px; }
.ss-cat-faq .ss-h2 { font-size: clamp(1.25rem, 3vw, 2rem); margin: 0 0 18px; }
.ss-faq { background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: 22px; padding: 0 20px; }
@media (min-width: 782px) { .ss-faq { padding: 0 32px; } }
.ss-faq details { padding: 18px 0; }
.ss-faq details + details { border-top: 1px solid #EEE9E0; }
.ss-faq summary { list-style: none; display: flex; justify-content: space-between; gap: 16px; font-weight: 600; font-size: 1.0625rem; cursor: pointer; color: var(--ss-night); }
.ss-faq summary::-webkit-details-marker { display: none; }
.ss-faq summary::after { content: "+"; color: var(--ss-deep); font-weight: 400; font-size: 1.25rem; line-height: 1; }
.ss-faq details[open] summary::after { content: "−"; }
.ss-faq p { margin: 10px 0 0; color: var(--ss-ink); line-height: 1.6; }
.ss-also { margin-top: 40px; }
.ss-also__title { font-weight: 600; margin: 0 0 12px; }
.ss-also__list { display: flex; flex-wrap: wrap; gap: 10px; }

/* Category guide from SEO Control Centre, with "On this page" */
.sseo-guide { padding-top: 48px; padding-bottom: 16px; display: grid; gap: 28px; }
@media (min-width: 1024px) { .sseo-guide { grid-template-columns: 260px minmax(0, 780px); gap: 48px; padding-top: 72px; align-items: start; } }
.sseo-toc { background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); padding: 20px 22px; }
@media (min-width: 1024px) { .sseo-toc { position: sticky; top: 96px; } }
@media (max-width: 1023px) { .sseo-toc { display: none; } }
.sseo-toc__title { font-size: 0.8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ss-deep); margin: 0 0 12px; }
.sseo-toc ol { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 10px; font-size: 0.90625rem; line-height: 1.4; }
.sseo-toc a { color: var(--ss-night); text-decoration: none; }
.sseo-toc a:hover { color: var(--ss-deep); text-decoration: underline; }
.sseo-guide .sseo-copy { margin: 0; max-width: none; padding: 0; background: none; border: 0; }
.sseo-guide .sseo-copy__body { font-size: 1.03125rem; line-height: 1.75; color: var(--ss-ink); }
.sseo-guide .sseo-copy__body h2 { font-family: var(--ss-font-display); font-size: clamp(1.375rem, 3vw, 1.75rem); line-height: 1.2; margin: 0 0 16px; color: var(--ss-night); }
.sseo-guide .sseo-copy__body h3 { font-family: var(--ss-font-display); font-size: clamp(1.1875rem, 2.4vw, 1.375rem); margin: 28px 0 10px; color: var(--ss-night); scroll-margin-top: 100px; }
.sseo-guide .sseo-copy__body strong { color: var(--ss-night); }
.sseo-guide .sseo-copy.is-folded .sseo-copy__body { max-height: 420px; }
.sseo-guide .sseo-copy__more { min-height: 46px; padding: 0 22px; border-radius: 23px; border: 1px solid var(--ss-deep); background: var(--ss-white); color: var(--ss-deep); font: inherit; font-weight: 600; cursor: pointer; }
@media (max-width: 781px) { .sseo-guide .sseo-copy__more { width: 100%; } .sseo-guide .sseo-copy__body { font-size: 0.9375rem; } }

/* ---------- Product page ---------- */
.ss-product-crumbs { padding-top: 18px; }
.single-product div.product { display: grid; gap: 24px; padding-top: 14px; }
@media (min-width: 1024px) { .single-product div.product { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; padding-top: 24px; align-items: start; } }
.single-product div.product > .woocommerce-product-gallery { position: relative; margin: 0; min-width: 0; }
@media (min-width: 1024px) { .single-product div.product > .woocommerce-product-gallery { position: sticky; top: 96px; } }
.single-product div.product > .summary { margin: 0; min-width: 0; }
.single-product div.product > :not(.woocommerce-product-gallery):not(.summary) { grid-column: 1 / -1; }
.woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery__image:first-child { border-radius: var(--ss-radius-lg); overflow: hidden; background: var(--ss-kapok); }
.woocommerce-product-gallery__image img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.woocommerce-product-gallery .flex-control-thumbs { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.woocommerce-product-gallery .flex-control-thumbs img { border-radius: 14px; aspect-ratio: 1 / 1; object-fit: cover; cursor: pointer; opacity: .7; border: 2px solid transparent; }
.woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; border-color: var(--ss-deep); }
.woocommerce-product-gallery__trigger { position: absolute; top: 14px; right: 14px; z-index: 5; width: 44px; height: 44px; border-radius: 50%; background: var(--ss-white); display: grid; place-items: center; font-size: 0; text-decoration: none; }
.woocommerce-product-gallery__trigger { box-shadow: 0 2px 10px rgba(14,42,68,.12); color: transparent !important; overflow: hidden; }
.woocommerce-product-gallery__trigger > * { display: none; }
.woocommerce-product-gallery__trigger::before { content: ""; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A44' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 1023px) { .woocommerce-product-gallery .flex-control-thumbs { display: flex; overflow-x: auto; scrollbar-width: none; } .woocommerce-product-gallery .flex-control-thumbs li { flex: 0 0 64px; } }
.single-product .summary .ss-eyebrow-cat { font-size: 0.8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ss-deep); margin: 0 0 8px; }
.single-product .summary .ss-eyebrow-cat a { color: inherit; text-decoration: none; }
.single-product .product_title { font-family: var(--ss-font-display); font-weight: 600; font-size: clamp(1.625rem, 3.6vw, 2.5rem); line-height: 1.1; letter-spacing: -.01em; margin: 0 0 10px; color: var(--ss-night); }
.single-product .woocommerce-product-rating { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 0.9375rem; }
.star-rating { position: relative; display: inline-block; width: 5.4em; height: 1.1em; line-height: 1; font-size: 1rem; overflow: hidden; font-family: Arial, sans-serif; }
.star-rating::before { content: "★★★★★"; color: #E6E1D8; position: absolute; inset: 0; letter-spacing: .08em; }
.star-rating span { position: absolute; inset: 0 auto 0 0; overflow: hidden; padding-top: 1.5em; }
.star-rating span::before { content: "★★★★★"; color: var(--ss-orange); position: absolute; top: 0; left: 0; letter-spacing: .08em; }
.woocommerce-review-link { color: var(--ss-ink-soft); }
.single-product .summary .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin: 6px 0 2px; font-family: var(--ss-font-display); font-weight: 600; font-size: 2rem; color: var(--ss-night); }
.single-product .summary .price del { order: 2; font-family: var(--ss-font-body); font-weight: 400; font-size: 1.0625rem; color: var(--ss-ink-soft); }
.single-product .summary .price ins { text-decoration: none; }
.ss-off { order: 3; align-self: center; padding: 3px 9px; border-radius: 6px; background: var(--ss-deep); color: var(--ss-white); font-family: var(--ss-font-body); font-size: 0.8125rem; font-weight: 600; }
.ss-tax-note { margin: 0 0 16px; font-size: 0.8125rem; color: var(--ss-ink-soft); }
.single-product .woocommerce-product-details__short-description { color: var(--ss-ink); line-height: 1.6; margin-bottom: 16px; }
.single-product form.cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 18px 0 8px; }
.single-product form.cart .quantity { display: flex; align-items: center; height: 54px; border: 1px solid var(--ss-line-strong); border-radius: 27px; background: var(--ss-white); overflow: hidden; }
.single-product form.cart .quantity .qty { width: 64px; height: 100%; border: 0; text-align: center; font: inherit; font-weight: 600; background: transparent; -moz-appearance: textfield; }
.single-product form.cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; }
.ss-qty-btn { width: 44px; height: 100%; border: 0; background: transparent; font-size: 1.25rem; color: var(--ss-night); cursor: pointer; }
.single-product form.cart .single_add_to_cart_button, .single-product form.cart .button { flex: 1 1 160px; height: 54px; border-radius: 27px; border: 1.5px solid var(--ss-deep); background: var(--ss-white); color: var(--ss-deep); font: inherit; font-size: 1.0625rem; font-weight: 600; cursor: pointer; }
.single-product form.cart .single_add_to_cart_button:hover { background: var(--ss-mist); }
.single-product form.cart [class*="razorpay"], .single-product form.cart .rzp-buy-now, .single-product form.cart .buy-now, .single-product form.cart [class*="buy_now"], .single-product form.cart [class*="buy-now"] { flex: 1 1 160px; min-height: 54px; border-radius: 27px !important; background: var(--ss-deep) !important; color: var(--ss-white) !important; font-weight: 600; }
.single-product form.cart.variations_form { display: block; }
.single-product table.variations { width: 100%; border: 0; margin: 0 0 14px; }
.single-product table.variations th, .single-product table.variations td { display: block; padding: 0; text-align: left; border: 0; }
.single-product table.variations label { font-weight: 600; font-size: 0.9375rem; }
.single-product table.variations select { width: 100%; min-height: 48px; margin: 6px 0 12px; border-radius: var(--ss-radius-sm); border: 1px solid var(--ss-line-strong); padding: 0 14px; font: inherit; background: var(--ss-white); }
.single-product .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; }
.single-product .reset_variations { font-size: 0.875rem; }
.single-product .stock { font-weight: 600; margin: 8px 0; }
.single-product .stock.out-of-stock { color: var(--ss-danger); }
.single-product .stock.in-stock { color: var(--ss-success); }
.single-product .product_meta { font-size: 0.875rem; color: var(--ss-ink-soft); margin-top: 16px; display: grid; gap: 4px; }
.single-product .product_meta a { color: var(--ss-deep); }
.ss-assure { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 18px 0 0; padding: 14px; border: 1px solid var(--ss-line); border-radius: 16px; background: var(--ss-white); font-size: 0.8125rem; text-align: center; color: var(--ss-night); }
.ss-assure span { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ss-assure svg { color: var(--ss-blue); }
.related, .upsells { padding: 48px 0 24px; }
.related > h2, .upsells > h2 { font-family: var(--ss-font-display); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 20px; }

/* ---------- Notices, forms, buttons ---------- */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { list-style: none; margin: 16px 0; padding: 14px 18px; border: 1px solid var(--ss-line); border-left: 4px solid var(--ss-deep); border-radius: var(--ss-radius-sm); background: var(--ss-white); display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; }
.woocommerce-message { border-left-color: var(--ss-success); }
.woocommerce-error { border-left-color: var(--ss-danger); }
.woocommerce-message .button, .woocommerce-info .button { order: 2; }
.woocommerce .button, .woocommerce-page .button, .woocommerce button.button, .woocommerce a.button, .wc-block-components-button:not(.is-link) { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 24px; border: 1.5px solid var(--ss-deep); background: var(--ss-deep); color: var(--ss-white); font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; line-height: 1.1; }
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--ss-night); border-color: var(--ss-night); color: var(--ss-white); }
.woocommerce .button:disabled, .woocommerce .button.disabled { opacity: .5; cursor: not-allowed; }
.woocommerce form .form-row { margin: 0 0 14px; }
.woocommerce form .form-row label { display: block; font-weight: 600; font-size: 0.9375rem; margin-bottom: 6px; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce-input-wrapper input, .select2-container .select2-selection--single { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--ss-line-strong); border-radius: var(--ss-radius-sm); background: var(--ss-white); font: inherit; color: var(--ss-night); box-sizing: border-box; }
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { outline: 2px solid var(--ss-deep); outline-offset: 1px; border-color: var(--ss-deep); }
.required { color: var(--ss-danger); text-decoration: none; }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); overflow: hidden; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 14px 16px; text-align: left; border-top: 1px solid #EEE9E0; vertical-align: middle; }
.woocommerce table.shop_table thead th { border-top: 0; background: var(--ss-cotton); font-size: 0.875rem; }

/* ---------- Cart, checkout, account (classic pages) ---------- */
.woocommerce-cart .ss-main, .woocommerce-checkout .ss-main, .woocommerce-account .ss-main { padding-top: 24px; padding-bottom: 72px; }
.woocommerce-cart-form .product-thumbnail img { width: 84px; height: 84px; object-fit: cover; border-radius: 14px; }
.woocommerce-cart-form .product-name a { color: var(--ss-night); font-weight: 600; text-decoration: none; }
.woocommerce-cart-form .product-remove a { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ss-cotton); color: var(--ss-night); text-decoration: none; }
.woocommerce-cart-form .quantity .qty { width: 72px; min-height: 44px; border: 1px solid var(--ss-line-strong); border-radius: 22px; text-align: center; font: inherit; }
.woocommerce-cart-form .actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; }
.woocommerce-cart-form .actions .coupon .input-text { min-height: 46px; border: 1px solid var(--ss-line-strong); border-radius: 12px; padding: 0 14px; font: inherit; }
.cart-collaterals { margin-top: 24px; }
.cart_totals { max-width: 460px; margin-left: auto; background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); padding: 22px; }
.cart_totals h2 { font-family: var(--ss-font-display); font-size: 1.375rem; margin: 0 0 12px; }
.cart_totals table.shop_table { border: 0; }
.wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 56px; font-size: 1.0625rem; }
@media (max-width: 781px) {
	.woocommerce-cart-form table.shop_table thead { display: none; }
	.woocommerce-cart-form table.shop_table tr.cart_item { display: grid; grid-template-columns: 84px 1fr auto; gap: 4px 12px; padding: 14px; border-top: 1px solid #EEE9E0; }
	.woocommerce-cart-form table.shop_table td { border: 0; padding: 0; }
	.woocommerce-cart-form td.product-thumbnail { grid-row: span 3; }
	.woocommerce-cart-form td.product-remove { grid-column: 3; grid-row: 1; }
	.woocommerce-cart-form td.product-price, .woocommerce-cart-form td.product-subtotal { font-size: 0.875rem; }
	.woocommerce-cart-form td::before { content: attr(data-title) ": "; color: var(--ss-ink-soft); font-size: 0.8125rem; }
	.woocommerce-cart-form td.product-thumbnail::before, .woocommerce-cart-form td.product-remove::before, .woocommerce-cart-form td.product-name::before { content: none; }
	.woocommerce-cart-form tr:not(.cart_item) td { display: block; padding: 14px; }
}
.woocommerce-checkout .col2-set { display: grid; gap: 24px; }
@media (min-width: 1024px) { form.checkout.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 36px; align-items: start; } form.checkout #order_review_heading, form.checkout #order_review { grid-column: 2; } form.checkout .col2-set { grid-row: span 2; } }
#order_review { background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); padding: 20px; }
#payment ul.payment_methods { list-style: none; padding: 0; margin: 0 0 16px; }
#payment ul.payment_methods li { padding: 12px 0; border-bottom: 1px solid #EEE9E0; }
#payment .payment_box { background: var(--ss-cotton); border-radius: 12px; padding: 12px 14px; margin-top: 8px; font-size: 0.9375rem; }
#place_order { width: 100%; min-height: 56px; font-size: 1.0625rem; }
.woocommerce-account .woocommerce { display: grid; gap: 24px; }
@media (min-width: 1024px) { .woocommerce-account .woocommerce { grid-template-columns: 240px minmax(0, 1fr); gap: 40px; align-items: start; } .woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; } }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px; background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
@media (min-width: 1024px) { .woocommerce-MyAccount-navigation ul { flex-direction: column; } }
.woocommerce-MyAccount-navigation a { display: block; white-space: nowrap; padding: 10px 14px; border-radius: 12px; color: var(--ss-night); text-decoration: none; font-weight: 500; }
.woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: var(--ss-mist); color: var(--ss-deep); }
.woocommerce-account .woocommerce-MyAccount-content { min-width: 0; }
.u-columns.col2-set { display: grid; gap: 24px; }
@media (min-width: 782px) { .u-columns.col2-set { grid-template-columns: 1fr 1fr; } }
.woocommerce form.login, .woocommerce form.register { background: var(--ss-white); border: 1px solid var(--ss-line); border-radius: var(--ss-radius); padding: 22px; }

/* ---------- Quick view (Commerce Experience) ---------- */
.ssce-qv { position: fixed; inset: 0; z-index: 130; display: grid; place-items: center; padding: 16px; }
.ssce-qv[hidden] { display: none; }
.ssce-qv__backdrop { position: absolute; inset: 0; background: rgba(14, 42, 68, .5); }
.ssce-qv__panel { position: relative; width: min(920px, 100%); max-height: calc(100vh - 32px); overflow: auto; background: var(--ss-white); border-radius: 24px; display: grid; }
@media (min-width: 782px) { .ssce-qv__panel { grid-template-columns: 1fr 1fr; } }
.ssce-qv__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--ss-cotton); font-size: 1.5rem; cursor: pointer; }
.ssce-qv__media { background: var(--ss-kapok); aspect-ratio: 1 / 1; }
.ssce-qv__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ssce-qv__body { padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.ssce-qv__body h2 { font-family: var(--ss-font-display); font-size: 1.625rem; line-height: 1.15; margin: 0; }
.ssce-qv__price { font-family: var(--ss-font-display); font-weight: 600; font-size: 1.5rem; }
.ssce-qv__price del { font-family: var(--ss-font-body); font-size: 1rem; font-weight: 400; color: var(--ss-ink-soft); }
.ssce-qv__price ins { text-decoration: none; }
.ssce-qv__chips { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 0.9375rem; }
.ssce-qv__chips li::before { content: "✓ "; color: var(--ss-success); font-weight: 700; }
.ssce-qv__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 8px; }
.ssce-qv__actions .ss-card__btn { height: 50px; flex: 1 1 180px; }

/* ---------- Back in stock (Operations) ---------- */
.ssop-notify { position: fixed; inset: 0; z-index: 130; display: grid; place-items: center; padding: 16px; }
.ssop-notify[hidden] { display: none; }
.ssop-notify__backdrop { position: absolute; inset: 0; background: rgba(14, 42, 68, .5); }
.ssop-notify__panel { position: relative; width: min(440px, 100%); background: var(--ss-white); border-radius: 22px; padding: 24px; display: grid; gap: 12px; }
.ssop-notify__panel h2 { font-family: var(--ss-font-display); font-size: 1.375rem; margin: 0; }
.ssop-notify__panel input[type="email"] { min-height: 50px; border: 1px solid var(--ss-line-strong); border-radius: 12px; padding: 0 14px; font: inherit; }
.ssop-notify__panel .ss-card__btn { height: 50px; }
.ssop-notify__close { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--ss-cotton); font-size: 1.5rem; cursor: pointer; }
.ssop-notify__msg { margin: 0; font-size: 0.9375rem; }

@media (prefers-reduced-motion: reduce) { .ss-card__track, .ssce-panel, .ssce-panel-backdrop { transition: none !important; } }
.ss-buy-points { list-style: none; margin: 4px 0 18px; padding: 0; display: grid; gap: 8px; color: var(--ss-night); }
.ss-buy-points li { display: flex; gap: 10px; align-items: flex-start; }
.ss-buy-points svg { flex: none; margin-top: 2px; color: var(--ss-success); }
.ss-buy-notify { margin: 18px 0 8px; display: flex; }
.ss-buy-notify .ssce-notify-btn { flex: 1; height: 54px; border-radius: 27px; }

/* ---------- Sleep Finder (Commerce Experience) ---------- */
.ssce-finder { max-width: 820px; margin: 0 auto; }
.ssce-finder__form { background: var(--ss-mist); border-radius: var(--ss-radius-lg); padding: clamp(20px, 5vw, 48px); }
.ssce-finder__progress { height: 6px; border-radius: 3px; background: #C9DDEC; margin-bottom: 24px; display: none; }
.ssce-finder__form.is-stepped .ssce-finder__progress { display: block; }
.ssce-finder__progress span { display: block; height: 100%; width: 0; border-radius: 3px; background: var(--ss-deep); transition: width .4s ease; }
.ssce-finder__q { border: 0; margin: 0 0 24px; padding: 0; }
.ssce-finder__q legend { font-family: var(--ss-font-display); font-weight: 600; font-size: clamp(1.375rem, 3.4vw, 2rem); line-height: 1.2; color: var(--ss-night); margin-bottom: 18px; padding: 0; }
.ssce-finder__n { display: block; font-family: var(--ss-font-body); font-size: 0.8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ss-deep); margin-bottom: 8px; }
.ssce-finder__opts { display: grid; gap: 10px; }
@media (min-width: 640px) { .ssce-finder__opts { grid-template-columns: 1fr 1fr; } }
.ssce-finder__opt { position: relative; display: flex; align-items: center; min-height: 56px; padding: 0 20px; border-radius: 28px; border: 1.5px solid var(--ss-deep); background: var(--ss-white); color: var(--ss-night); font-weight: 500; cursor: pointer; }
.ssce-finder__opt input { position: absolute; opacity: 0; }
.ssce-finder__opt:has(input:checked) { background: var(--ss-deep); color: var(--ss-white); }
.ssce-finder__opt:has(input:focus-visible) { outline: 3px solid var(--ss-orange); outline-offset: 2px; }
.ssce-finder__nav { display: flex; gap: 10px; justify-content: space-between; }
.ssce-finder__result { padding: 8px 0 24px; }
.ssce-finder__why { font-size: 1.0625rem; line-height: 1.65; color: var(--ss-ink); max-width: 60ch; }
.ssce-finder__result ul.products { margin: 24px 0; }
.ssce-finder__links { display: flex; flex-wrap: wrap; gap: 10px; }
.ssce-finder__alt { margin-top: 20px; padding: 16px 18px; background: var(--ss-kapok); border-radius: var(--ss-radius-sm); }
.ssce-qv__pass { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 4px 0; font-size: 0.875rem; }
.ssce-qv__pass dt { color: var(--ss-ink-soft); font-size: 0.75rem; text-transform: uppercase; letter-spacing: .06em; }
.ssce-qv__pass dd { margin: 0; font-weight: 600; }
.ss-from { font-size: .8125rem; font-weight: 500; color: var(--ss-ink-soft); margin-right: 2px; }
/* Variation pills */
.single-product table.variations select.ss-vselect { position: absolute; width: 1px; height: 1px; min-height: 0; opacity: 0; pointer-events: none; margin: 0; padding: 0; border: 0; }
.ss-vpills { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; }
.ss-vpill { min-height: 44px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--ss-line-strong); background: var(--ss-white); color: var(--ss-night); font: inherit; font-size: .9375rem; font-weight: 500; cursor: pointer; }
.ss-vpill[aria-checked="true"] { border: 2px solid var(--ss-deep); background: var(--ss-mist); color: var(--ss-deep); font-weight: 600; }
.ss-vpill:disabled { opacity: .4; text-decoration: line-through; cursor: not-allowed; }
.single-product table.variations td.value { position: relative; }
/* Block cart on phones: keep the sticky checkout bar and cross-sells inside the screen. */
.wc-block-cart__submit-container--sticky { left: 0; right: 0; width: auto !important; box-sizing: border-box; }
.wp-block-woocommerce-cart .cross-sells-product, .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product { max-width: 100%; box-sizing: border-box; }
.wp-block-woocommerce-cart { overflow-x: clip; }
/* Log-in form: show/hide password eye inside the field. */
.woocommerce form .password-input { position: relative; display: block; }
.woocommerce form .password-input input { padding-right: 52px; }
.woocommerce .show-password-input { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5B6C' stroke-width='1.8'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat; cursor: pointer; font-size: 0; }
.woocommerce .show-password-input.display-password { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5B6C' stroke-width='1.8'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E"); }

.ssce-finder__result > .ss-eyebrow + h2, .ssce-finder__result > .ss-eyebrow + h3 { margin-top: 4px; }