/* Goo Look builder + product box. Uses the Goosmart theme colors when available. */
.goo-look { --goo-brand: var(--gs-brand, #07503f); --goo-line: var(--gs-line, #e4dccd); --goo-surface: var(--gs-surface, #fff); --goo-muted: var(--gs-muted, #5b6a65); --goo-accent: var(--gs-accent, #ffd166); margin: 0 0 2em; }
.goo-look__eyebrow { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--goo-brand); font-weight: 700; margin: 0 0 .4em; }
.goo-look__title { margin: 0 0 .4em; }
.goo-look__styles { display: flex; flex-wrap: wrap; gap: 8px; margin: 1em 0 1.5em; }
.goo-look__styles a { padding: 6px 14px; border: 1px solid var(--goo-line); border-radius: 999px; text-decoration: none; background: var(--goo-surface); color: inherit; font-size: .9rem; }
.goo-look__styles a[aria-current="true"] { background: var(--goo-brand); border-color: var(--goo-brand); color: #fff; }
.goo-look__list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--goo-line); border-radius: 16px; background: var(--goo-surface); }
.goo-look__item { display: grid; grid-template-columns: auto 72px 1fr auto auto; gap: 14px; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--goo-line); margin: 0; }
.goo-look__item:last-child { border-bottom: 0; }
.goo-look__item img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; border: 1px solid var(--goo-line); }
.goo-look__item.is-off img, .goo-look__item.is-off .goo-look__info, .goo-look__item.is-off .goo-look__price { opacity: .45; }
.goo-look__pick input { width: 20px; height: 20px; accent-color: var(--goo-brand); }
.goo-look__piece { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--goo-muted); }
.goo-look__name { font-weight: 600; text-decoration: none; color: inherit; }
.goo-look__size label { display: block; font-size: .75rem; color: var(--goo-muted); }
.goo-look__size select { min-width: 110px; }
.goo-look__price { font-weight: 600; white-space: nowrap; text-align: right; min-width: 70px; }
.goo-look__totals { max-width: 380px; margin: 1.2em 0 .5em auto; }
.goo-look__totals div { display: flex; justify-content: space-between; padding: 4px 0; }
.goo-look__totals dt { color: var(--goo-muted); font-weight: 400; }
.goo-look__totals dd { margin: 0; }
.goo-look__total { font-weight: 700; font-size: 1.1em; border-top: 1px solid var(--goo-line); margin-top: 6px; padding-top: 8px !important; }
.goo-look__note { color: var(--goo-muted); font-size: .9rem; text-align: right; }
.goo-look__actions { display: flex; gap: 18px; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-top: 1em; }
.goo-look__submit { padding: 14px 28px !important; }
.goo-look__themes { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; }
.goo-look__themes a { display: inline-block; padding: 10px 18px; border: 1px solid var(--goo-line); border-radius: 999px; text-decoration: none; }
@media (max-width: 640px) {
  .goo-look__item { grid-template-columns: auto 56px 1fr; grid-template-areas: "pick img info" "pick size price"; }
  .goo-look__pick { grid-area: pick; } .goo-look__item img { grid-area: img; width: 56px; height: 56px; }
  .goo-look__info { grid-area: info; } .goo-look__size { grid-area: size; grid-column: 2 / 3; } .goo-look__price { grid-area: price; }
  .goo-look__actions { justify-content: stretch; } .goo-look__submit { width: 100%; }
}

.goo-look-box { margin: 1.5em 0; padding: 16px 18px; border: 1px solid var(--gs-line, #e4dccd); border-left: 4px solid var(--gs-brand, #07503f); border-radius: 12px; background: var(--gs-surface, #fff); }
.goo-look-box p { margin: 0 0 .6em; }
.goo-look-box__title { font-weight: 700; color: var(--gs-brand, #07503f); }
.goo-look-box__links { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 0 !important; }