/* Start your swag store (sell.html #store) */
.ss-promise { margin: 6px 0 26px; color: var(--lux-cream, #F5F2EB); }
.ss-promise strong { color: var(--lux-gold, #C9A962); font-weight: 600; }
.ss-promise--form { margin: 4px 0 14px; font-size: .95rem; color: var(--lux-gold, #C9A962); }
.ss-step { display: flex; align-items: baseline; gap: 12px; margin: 30px 0 14px; font-size: 1.55rem; color: var(--lux-cream, #F5F2EB); }
.ss-step span { font: 600 .7rem/1 'Source Sans 3', sans-serif; letter-spacing: .18em; text-transform: uppercase; color: var(--lux-gold, #C9A962); }
.ss-tiers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ss-tier { display: flex; flex-direction: column; gap: 6px; text-align: left; padding: 20px 18px; background: var(--lux-panel, #12141A); border: 1px solid rgba(201,169,98,.22); border-radius: 14px; color: var(--lux-muted, #A09B94); font: inherit; cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.ss-tier:hover { border-color: rgba(201,169,98,.6); }
.ss-tier:focus-visible { outline: 2px solid var(--lux-gold, #C9A962); outline-offset: 2px; }
.ss-tier[aria-checked="true"] { border-color: var(--lux-gold, #C9A962); background: rgba(201,169,98,.1); box-shadow: 0 0 0 1px var(--lux-gold, #C9A962) inset; }
.ss-tier__name { font: 600 1.35rem/1.1 'Cormorant Garamond', serif; color: var(--lux-cream, #F5F2EB); }
.ss-tier__fee { color: var(--lux-gold, #C9A962); font-weight: 600; }
.ss-tier__meta, .ss-tier__for { font-size: .9rem; line-height: 1.45; }
.ss-small { margin: 12px 0 0; font-size: .9rem; color: var(--lux-muted, #A09B94); }
.ss-small a, .ss-hint a { color: var(--lux-gold, #C9A962); }
.ss-form, .ss-almost, .ss-done { max-width: 880px; padding: 28px; background: var(--lux-panel, #12141A); border: 1px solid rgba(201,169,98,.22); border-radius: 16px; }
.ss-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ss-row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ss-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; min-width: 0; }
.ss-field > label { color: var(--lux-cream, #F5F2EB); font-weight: 600; font-size: .95rem; }
.ss-opt { color: var(--lux-muted, #A09B94); font-weight: 400; }
.ss-form input[type=text], .ss-form input[type=email], .ss-form input[type=tel], .ss-form input[type=url], .ss-form select, .ss-form textarea, .ss-summary {
  width: 100%; box-sizing: border-box; padding: 11px 12px; background: #0C0C0E; border: 1px solid rgba(201,169,98,.28); border-radius: 10px; color: var(--lux-cream, #F5F2EB); font: inherit; font-size: 1rem; }
.ss-form input[type=file] { width: 100%; box-sizing: border-box; padding: 10px; background: #0C0C0E; border: 1px dashed rgba(201,169,98,.4); border-radius: 10px; color: var(--lux-muted, #A09B94); font: inherit; font-size: .92rem; }
.ss-form :focus-visible, .ss-summary:focus-visible { outline: 2px solid var(--lux-gold, #C9A962); outline-offset: 1px; }
.ss-hint { margin: 0; font-size: .86rem; line-height: 1.5; color: var(--lux-muted, #A09B94); }
.ss-files { margin: 0; padding-left: 18px; font-size: .86rem; color: var(--lux-cream, #F5F2EB); overflow-wrap: anywhere; }
.ss-check { display: flex; gap: 10px; align-items: flex-start; color: var(--lux-cream, #F5F2EB); font-weight: 600; line-height: 1.45; }
.ss-check input { margin-top: 4px; width: 18px; height: 18px; flex: none; accent-color: #C9A962; }
.ss-err, .ss-formerr { margin: 0; color: #E8A394; font-size: .86rem; }
.ss-field.is-bad input, .ss-field.is-bad select, .ss-field.is-bad textarea { border-color: #E8A394; }
.ss-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 6px; }
.ss-actions button.so-btn-ghost { cursor: pointer; font: inherit; background: transparent; color: var(--lux-gold, #C9A962); border: 1px solid rgba(201,169,98,.55); }
.ss-submit { border: 0; cursor: pointer; font: inherit; }
.ss-submit[disabled] { opacity: .6; cursor: progress; }
.ss-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ss-almost h3, .ss-done h3 { margin: 0 0 8px; font-size: 1.8rem; color: var(--lux-cream, #F5F2EB); }
.ss-attach { padding: 12px 14px; border-left: 3px solid var(--lux-gold, #C9A962); background: rgba(201,169,98,.08); color: var(--lux-cream, #F5F2EB); }
.ss-summary { margin-top: 10px; font-size: .88rem; resize: vertical; }
@media (max-width: 960px) { .ss-tiers { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .ss-row, .ss-row--3 { grid-template-columns: 1fr; gap: 0; }
  .ss-tiers { grid-template-columns: 1fr; }
  .ss-form, .ss-almost, .ss-done { padding: 20px 16px; }
  .ss-actions > * { width: 100%; text-align: center; box-sizing: border-box; }
}