/* Strike Anywhere Vintage holding page — styles from the live theme. */

html,body{margin:0;padding:0;background:#fff;color:#000}
body{font:14px Arial,Helvetica,sans-serif}

.sa-ie-site{max-width:900px;margin:0 auto!important;background:#fff;color:#000;font:14px Arial,sans-serif}
.sa-ie-site .sa-ie-chrome{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:24px 4px 8px;background:#fff;border:0;font-family:Arial,Helvetica,sans-serif}

.sa-market-logo{font:700 62px/.85 Arial,sans-serif;letter-spacing:-6px;text-decoration:none!important;align-self:center;padding:0 8px;display:block;cursor:default}
.sa-market-logo span:nth-child(4n+1){color:#e71925}
.sa-market-logo span:nth-child(4n+2){color:#00c}
.sa-market-logo span:nth-child(4n+3){color:#efbd00}
.sa-market-logo span:nth-child(4n){color:#76af23}
.sa-market-logo small{display:block;color:#000;font:700 12px Arial,sans-serif;letter-spacing:3px;margin:8px 0 0 12px}

.sa-market-nav{display:flex;align-items:center;justify-content:flex-end;padding:0 8px}

.strike-archive-promos{box-sizing:border-box;max-width:900px;margin:8px auto;display:flex;align-items:stretch;justify-content:center;gap:6px;padding:6px;background:#fff;font:12px Arial,sans-serif;color:#000}
.strike-archive-promos *{box-sizing:border-box}
.strike-archive-promos .sap-ad{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:50px;padding:5px 10px;border:2px outset #ddd;background:#ffffcc;color:#000080;text-decoration:none;cursor:default}
.sap-ad b{font:bold 13px 'Courier New',monospace}
.sap-ad small{display:block;font:11px Arial,sans-serif;color:#00e;text-decoration:underline;margin-top:3px}
.strike-archive-promos .sap-music{background:#eeeeff}
.sap-folder{position:relative;display:block;width:28px;height:20px;background:#ffdb65;border:1px solid #887025;box-shadow:inset 1px 1px #fff0ac}
.sap-folder:before{content:'';position:absolute;left:-1px;top:-6px;width:12px;height:6px;background:#ffdb65;border:1px solid #887025;border-bottom:0}
.sap-disc{display:block;width:28px;height:28px;border:2px solid #888;border-radius:50%;background:conic-gradient(#ddd,#cbdcff,#fff,#e8d0ff,#bbb,#fff,#ddd);position:relative}
.sap-disc:after{content:'';position:absolute;inset:8px;background:#fff;border:1px solid #888;border-radius:50%}
.sap-badge{display:flex;align-items:center;gap:7px;padding:4px 8px;border:2px outset #ddd;background:#c0c0c0;font:10px 'Courier New',monospace;white-space:nowrap;line-height:1.3}
.sap-disk{display:block;width:22px;height:25px;background:#000080;border:1px solid #000;position:relative}
.sap-disk:before{content:'';position:absolute;top:0;left:4px;width:11px;height:8px;background:#ddd;border:1px solid #777}
.sap-disk:after{content:'';position:absolute;bottom:2px;left:3px;width:14px;height:9px;background:#fff;border-top:2px solid #aaa}


.sa99{max-width:900px;margin:0 auto 12px;padding:8px;background:white;color:#000;font:16px 'Times New Roman',serif;box-sizing:border-box}
.sa99 .sa99-cat-line{color:#00e;text-decoration:underline;cursor:default}
.sa99-features{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;align-items:center;padding:8px 0 20px}
.sa99-sell,.sa99-register{display:flex;align-items:center;gap:10px;cursor:default;text-decoration:none!important;color:black!important;font:28px Arial,sans-serif}
.sa99-sell>span,.sa99-register>span{font-size:48px;color:#987e52}
.sa99 small{display:block}
.sa99-sell small{display:inline;font-size:18px}
.sa99-register small{font:bold 14px Arial}
.sa99-sell p{font:13px Arial}
.sa99-cat{display:flex;align-items:center;gap:8px}
.sa99-cat h3{background:#00eeee;font:bold 20px Arial;margin:0 0 6px;padding:3px}
.sa99-adrow{display:flex;justify-content:space-around;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #aaa}
.sa99-adrow>div{width:150px;min-height:50px;border:2px outset #aaa;box-sizing:border-box;padding:4px;text-align:center}
.sa99-adrow small{font:7px Arial;margin-top:4px}
.sa99-aol{background:#000080;color:#ffef00;font:bold 21px Arial}
.sa99-aol strong{display:inline-block;color:#00ff44;font-size:12px;margin-left:8px}
.sa99-aol span{color:white}
.sa99-kodak{background:#ffd400;color:#e00000;font:bold 21px Arial}
.sa99-kodak span{font:bold italic 13px Arial;color:#000}
.sa99-kodak b{display:block;white-space:normal}
.sa99-kodak span{display:block}
.sa99-mail{background:#174c80;color:#fff;font:italic bold 15px Arial}
@media(max-width:700px){
  .sa-ie-site .sa-ie-chrome{grid-template-columns:1fr;padding:16px 10px}
  .sa-market-logo{font-size:46px}
  .sa-market-nav{justify-content:flex-start;padding:8px 0 0}
}
@media(max-width:600px){
  .strike-archive-promos{flex-wrap:wrap;margin:4px auto;padding:4px}
  .strike-archive-promos .sap-ad{flex:1 1 42%;padding:6px;gap:6px}
  .sap-ad b{font-size:11px}
  .sap-ad small{font-size:10px}
  .sap-badge{margin:auto}
  .sa99-features{gap:8px;grid-template-columns:1fr 1fr}
  .sa99-cat{grid-column:1/-1;justify-content:center}
  .sa99-adrow{gap:5px}
  .sa99-adrow>div{width:32%}
  .sa99-aol{font-size:17px}
  .sa99-kodak{font-size:16px}
  .sa99-kodak span{font-size:11px}
}

/* Archive marketplace quips — original early-web set dressing, not a replica. */
.sa-ie-site{max-width:960px}
.sa-welcome{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 4px 8px;padding:6px 10px;background:#003399;color:#fff;font:bold 13px Arial,sans-serif}
.sa-welcome b{margin-right:8px;letter-spacing:.2px}
.sa-pill{display:inline-block;background:#d4d0c8;color:#000;font:11px Arial,sans-serif;padding:3px 10px;border:2px outset #eee;cursor:default;font-weight:normal}
.sa-shell{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start;padding:0 4px 16px;box-sizing:border-box}
.sa-side{font:11px Arial,sans-serif;color:#000}
.sa-side-block{margin:0 0 10px;border:1px solid #999;background:#fff}
.sa-side-block h2{margin:0;padding:3px 6px;background:#fc0;color:#000;font:bold 12px Arial,sans-serif;border-bottom:1px solid #c90}
.sa-side-block ul{margin:0;padding:4px 8px 6px;list-style:none}
.sa-side-block li{color:#00c;text-decoration:underline;cursor:default;line-height:1.55}
.sa-cats{column-count:2;column-gap:8px}
.sa-miss{margin:0 0 10px;background:#fff8a0;border:1px solid #c8b84a;box-shadow:2px 2px 0 #0002;position:relative}
.sa-miss:before{content:'';position:absolute;top:0;right:0;border:10px solid transparent;border-top-color:#e6d56a;border-right-color:#e6d56a;background:linear-gradient(135deg,#fff8a0 50%,transparent 50%)}
.sa-miss h2{margin:0;padding:6px 8px 2px;font:bold 13px 'Comic Sans MS',Arial,sans-serif;color:#333;background:transparent;border:0}
.sa-chars{display:flex;justify-content:space-between;gap:2px;padding:4px 6px 8px}
.sa-chars figure{margin:0;text-align:center;flex:1}
.sa-chars figcaption{display:block;font:10px Arial,sans-serif;color:#000;margin-top:2px}
.sa-chars svg{display:block;margin:0 auto;image-rendering:pixelated}
.sa-help{padding:4px 2px 0}
.sa-bubble{position:relative;background:#fff;border:1px solid #669;color:#003;font:11px Arial,sans-serif;padding:8px 10px;border-radius:12px;box-shadow:2px 2px 0 #0002;cursor:default}
.sa-bubble:after{content:'';position:absolute;left:16px;bottom:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}
.sa-bubble:before{content:'';position:absolute;left:15px;bottom:-10px;border:9px solid transparent;border-top-color:#669;border-bottom:0}
.sa-main{min-width:0}
.sa-main .strike-archive-promos{margin:0 0 8px;padding:0;max-width:none}
.sa-deals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 0 12px}
.sa-deal{border:1px solid #999;background:#f7f7f7;font:11px Arial,sans-serif;color:#000}
.sa-deal h3{margin:0;padding:3px 6px;background:#006;color:#fff;font:bold 12px Arial,sans-serif;letter-spacing:.4px}
.sa-bands{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.sa-bands>div{padding:5px 6px;border-right:1px solid #ccc}
.sa-bands>div:last-child{border-right:0}
.sa-bands b{display:block;color:#003;font:bold 10px Arial,sans-serif;margin-bottom:3px}
.sa-bands span{display:block;color:#00c;text-decoration:underline;cursor:default;line-height:1.4;white-space:nowrap}
.sa-main .sa99{margin:0 0 12px;padding:4px 0 0;max-width:none}
.sa-main .sa99-features{padding:4px 0 8px}
.sa99-sell,.sa99-register{display:flex;align-items:center;gap:10px;cursor:default;text-decoration:none!important;color:black!important;font:28px Arial,sans-serif}
.sa-feedback{margin:0 0 14px;padding:8px;border:1px solid #999;background:#eee;font:12px Arial,sans-serif;color:#000}
.sa-fb-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}
.sa-fb-score b{display:block;font:bold 13px Arial,sans-serif;margin-bottom:4px}
.sa-fb-score p{margin:0 0 2px}
.sa-fb-score strong{color:#060}
.sa-fb-how{color:#00c;text-decoration:underline;cursor:default;font-size:11px}
.sa-fb-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.sa-seller-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(#ffe27a,#e6b800);border:2px outset #fff8c0;color:#420;font:bold 11px Arial,sans-serif;padding:4px 8px;cursor:default;text-align:left;line-height:1.15}
.sa-seller-badge i{display:block;width:14px;height:14px;background:conic-gradient(from 90deg,#420 0 50%,transparent 0),#420;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#420;flex:none}
.sa-seller-badge>span{display:block}.sa-seller-badge small{display:block;font:9px Arial,sans-serif;font-weight:normal;color:#642}
.sa-bought{display:inline-block;background:#c8c8c8;color:#555;border:2px outset #ddd;font:bold 12px Arial,sans-serif;padding:5px 12px;cursor:default;letter-spacing:.3px;opacity:.85}
.sa-ratings{width:100%;border-collapse:collapse;background:#e4e4e4;font:11px Arial,sans-serif}
.sa-ratings caption{text-align:left;font:bold 11px Arial,sans-serif;padding:0 0 5px;color:#333;caption-side:top}
.sa-ratings th,.sa-ratings td{border:1px solid #bbb;padding:4px 6px;text-align:left}
.sa-ratings th{background:#d4d4d4;font-weight:bold}
.sa-ratings td:last-child,.sa-ratings th:last-child{text-align:right;width:54px}
.sa-stars{display:inline-flex;gap:1px;vertical-align:middle}
.sa-stars i{display:inline-block;width:12px;height:12px;background:#f60;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.sa-main .sa99-adrow{padding:12px 0 0;border-top:1px solid #aaa;margin:0}

@media(max-width:800px){
  .sa-shell{grid-template-columns:1fr}
  .sa-cats{column-count:3}
  .sa-fb-badges{align-items:flex-start}
}
@media(max-width:600px){
  .sa-deals{grid-template-columns:1fr}
  .sa-cats{column-count:2}
  .sa-welcome{font-size:12px}
}

