/* One look: notes in templates/shop.html. */
.one-look { --t1: 1.75rem; --t2: 1.0625rem; --t3: .8125rem; }
@media (min-width: 900px) { .one-look { --t1: 2.125rem; } }
.one-look :is(p, a, span, small, b, li, dt, dd, label, button, summary, .btn, .chip, .kicker, .build-strip-head) { font-size: var(--t3); letter-spacing: 0; }
.one-look :is(h1, .section-head h1, .brand-head-title) { font-size: var(--t1); }
.one-look :is(.row-card-name, .row-card-name a, .row-card-price b, .truck-bar-text > :first-child, .truck-bar-text > :first-child b, .row-list-head, .lift-line-head h2, .brand-facts h2, .sort-field select) { font-size: var(--t2); }
.one-look :is(p, span, small, li, dt, dd, .chip-count) { font-weight: 400; }
.one-look :is(b, h1, h2, h3, .btn, .chip, .kicker, .build-strip-head, .build-pill, .build-strip-btn, .sort-field, .fit-pill, .row-card-line, .lift-line-all) { font-weight: 600; }
@media (max-width: 620px) {
  .one-look .sort-field { font-size: 0; }
  .one-look :is(.shelf-tools, .lift-tools) .sort-field select { font-size: var(--t3); }
}
.fit-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; margin-right: 6px; border-radius: 999px; background: #5fd38a; color: #07140c; }
.fit-pill.is-check { background: var(--line-bright); color: var(--text-0); }
.one-look .row-card-notes { margin-top: 4px; }
.one-look .row-card-notes > * { display: flex; align-items: baseline; margin-top: 4px !important; color: var(--text-0); }
.one-look .row-card-note:is(.is-check, .is-aside) { color: var(--text-1); }
.one-look .row-card-note.is-no { color: #ff7b6e; }
.one-look .truck-bar-text > :first-child { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 4px; }
@media (min-width: 768px) { .one-look .row-card-notes { grid-row: 5; } }
.one-look .row-card-star { gap: 6px; color: var(--gold-300); --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M1.5 8S4 3.5 8 3.5 14.5 8 14.5 8 12 12.5 8 12.5z'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/svg%3E"); }
.one-look .build-pill.is-open { display: inline-flex; align-items: center; gap: 6px; border: 0; background: var(--ink-3); color: var(--text-0); --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000' stroke-width='2'%3E%3Cpath d='M8 3v10M3 8h10'/%3E%3C/svg%3E"); }
.one-look :is(.row-card-star, .build-pill.is-open)::before { content: ""; width: 16px; height: 16px; background: currentColor; mask: var(--i) center / contain no-repeat; }
.one-look :is(.truck-bar.panel, .build-strip, .brand-head) { background: var(--ink-1); border: 0; box-shadow: none; }
.one-look :is(.btn-ghost, .btn-ghost:hover, .sort-field select) { background-color: var(--ink-3); border-color: transparent; color: var(--text-0); }
.one-look :is(a, .build-strip-btn) { text-decoration: none; }
.one-look .build-strip-btn { color: var(--gold-300); }