/*
 * SM SALT — trade guide sections and /quote/ selects (2026-10-26, staging). Scoped, additive rules only:
 * .sm-tg sections reuse the catalog tokens (dark olive, gold, Georgia/Arial) of the page they sit in.
 */
.sm-tg .sm-tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--vc-line,#d8c39a36);border:1px solid var(--vc-line,#d8c39a36)}
.sm-tg .sm-tg-grid article{background:var(--vc-panel,#202c20);padding:34px 32px}
.sm-tg h3{font:400 26px/1.2 Georgia,serif;color:var(--vc-text,#f0ece2);margin:0 0 12px}
.sm-tg .sm-tg-grid p{font:14px/1.75 Arial,sans-serif;color:var(--vc-muted,#b7bfaf);margin:0 0 16px}
.sm-tg ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sm-tg li{position:relative;padding-left:18px;font-size:14px;line-height:1.6;color:#e1e5d8}
.sm-tg li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--vc-gold,#d8c39a)}
.sm-tg li a{color:var(--vc-gold,#d8c39a);text-decoration:none;border-bottom:1px solid var(--vc-line,#d8c39a36)}
.sm-tg li a:hover,.sm-tg .sm-tg-links a:hover{border-bottom-color:var(--vc-gold,#d8c39a)}
.sm-tg .sm-tg-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--vc-line,#d8c39a36)}
.sm-tg .sm-tg-links span{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--vc-gold,#d8c39a)}
.sm-tg .sm-tg-links a{font:14px/1.6 Arial,sans-serif;color:var(--vc-text,#f0ece2);text-decoration:none;border-bottom:1px solid var(--vc-line,#d8c39a36)}
.sm-tg .sm-tg-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.sm-tg .sm-tg-actions .vc-outline{display:inline-flex;align-items:center;min-height:52px;text-decoration:none}
.sm-tg .sm-tg-faq{margin-top:56px;max-width:920px}
.sm-tg .sm-tg-faq h3{font-size:30px;margin-bottom:18px}
.sm-tg details{border-top:1px solid var(--vc-line,#d8c39a36)}
.sm-tg details:last-of-type{border-bottom:1px solid var(--vc-line,#d8c39a36)}
.sm-tg summary{position:relative;cursor:pointer;list-style:none;padding:20px 36px 20px 0;font:400 20px/1.4 Georgia,serif;color:var(--vc-text,#f0ece2)}
.sm-tg summary::-webkit-details-marker{display:none}
.sm-tg summary::after{content:"+";position:absolute;right:4px;top:18px;font:300 24px/1 Arial,sans-serif;color:var(--vc-gold,#d8c39a)}
.sm-tg details[open] summary::after{content:"\2212"}
.sm-tg details p{margin:0 0 22px;max-width:780px;font:14px/1.8 Arial,sans-serif;color:var(--vc-muted,#b7bfaf)}
@media(max-width:700px){
  .sm-tg .sm-tg-grid{grid-template-columns:1fr}
  .sm-tg .sm-tg-grid article{padding:26px 20px}
  .sm-tg h3{font-size:22px}
  .sm-tg .sm-tg-faq h3{font-size:26px}
  .sm-tg summary{font-size:17px}
  .sm-tg .sm-tg-actions a{width:100%}
  .sm-tg .sm-tg-links{gap:12px 20px}
}
/* /quote/: the two new selects match the existing inputs. */
.sm-quote-form select{width:100%;background:#fff;border:1px solid #c4b9a9;padding:14px;color:#18212c;border-radius:0;font-size:16px;min-height:52px}
/* Light pages (/wholesale/ bulk guide, /private-label/ pack guide): the compiled utility CSS has no
   .underline rule, so the intended link underline is defined here. */
section[aria-labelledby="bulk-guide-heading"] a.underline,#pack-specification a.underline{text-decoration:underline;text-underline-offset:3px}