/* Owner-preview layer for Xtreme Welding. Remove this file and the .pv-* / .guess markup before the real domain goes public. */
.pv-banner{position:relative;z-index:31;background:#23272B;border-top:4px solid #FF6A13;border-bottom:1px solid #3a4046;color:#fff}
.pv-in{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 14px;padding-top:12px;padding-bottom:12px}
.pv-in p{margin:0;flex:1 1 320px;font:400 .975rem/1.45 Barlow,system-ui,sans-serif;color:#e3e7ea}
.pv-in strong{color:#fff}
.pv-tag{flex:none;background:#FF6A13;color:#111315;font:700 1rem/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.guess{display:inline-block;vertical-align:middle;margin:2px 0 2px 6px;padding:3px 8px 2px;background:transparent;border:1.5px solid #FF6A13;color:#FF6A13;font:700 .8rem/1.15 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.05em;white-space:normal;border-radius:2px}
.guess::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;background:#FF6A13;vertical-align:1px}
.guess-inline{margin:0 2px}
h2 .guess,.prose h2+.guess{margin-left:10px}
.pv-helps{background:#111315;border-top:1px solid #3a4046;border-bottom:3px solid #FF6A13;padding:32px 0 34px}
.pv-helps h2{font:700 clamp(1.9rem,3.6vw,2.6rem)/1.05 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:4px 0 16px;color:#fff}
.pv-helps ul{list-style:none;margin:0;padding:0;display:grid;gap:10px 28px}
@media (min-width:760px){.pv-helps ul{grid-template-columns:1fr 1fr}}
.pv-helps li{position:relative;padding:10px 12px 10px 34px;background:#23272B;color:#e3e7ea;line-height:1.4}
.pv-helps li::before{content:"";position:absolute;left:12px;top:16px;width:10px;height:10px;background:#FF6A13;clip-path:polygon(0 0,100% 50%,0 100%)}
.pv-kicker{margin:0 0 6px;color:#FF6A13;font:700 .95rem/1.2 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.pv-owner-note{margin:10px 0 0;padding:10px 12px;border-left:3px solid #FF6A13;background:#1a1d20;color:#c5ccd2;font-size:.95rem}
.pv-sample-block{margin:0 0 28px;padding:16px 18px;border:1.5px dashed #FF6A13;background:#1a1d20}
.pv-sample-block p{margin:0 0 8px}
.pv-cap{color:#c5ccd2;font-size:.92rem}
.pv-h-note{color:#9AA3AB;font-size:.6em;text-transform:none;letter-spacing:0}
.pv-fig{margin:0}
.pv-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3}
.pv-fig figcaption{margin-top:8px;color:#c5ccd2;font-size:.9rem;line-height:1.35}
.pv-email{font-weight:600;color:#fff;user-select:all}
.pv-hours{line-height:1.7}
.pv-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:50px;border-bottom:1px solid #3a4046;padding:6px 0}
.pv-list .guess{margin-left:0}
/* Hero: show the whole sample photo (badge + bottom bar stay visible) */
.pv-hero{background:#111315}
.pv-hero img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.pv-hero-tag{position:absolute;z-index:3;right:10px;top:10px;max-width:min(340px,70%);margin:0;padding:6px 10px;background:#111315e6;border:1.5px solid #FF6A13;color:#fff;font:600 .85rem/1.3 Barlow,system-ui,sans-serif}
.hero-media.pv-hero{height:auto;position:relative}
@media (min-width:900px){
 .hero-media.pv-hero{position:absolute;inset:0;height:auto}
 .pv-hero img{height:100%;aspect-ratio:auto;object-fit:contain;object-position:right center}
 .hero-media.pv-hero::after{background:linear-gradient(90deg,#111315 0,#111315f0 34%,#11131599 52%,#11131510 72%)}
 .pv-hero-tag{top:18px;right:24px}
}
@media print{.pv-banner{position:static}}