/* =========================================================
   BAM'S WEBSITE BUILDER — TEMPLATES PAGE ONLY
   Safe, isolated styles for templates.html
========================================================= */

.templates-page{background:#090909;color:#fff;min-height:100vh}.templates-hero{padding:clamp(80px,10vw,140px) 24px 70px;text-align:center;background:radial-gradient(circle at top,rgba(212,166,55,.22),transparent 45%),#080808;border-bottom:1px solid rgba(212,166,55,.25)}.templates-wrap{width:min(1200px,100%);margin:auto}.templates-eyebrow,.template-category{color:#f0c45a;font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:.75rem}.templates-hero h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.04;margin:12px auto;max-width:900px}.templates-hero h1 span{color:#d4a637}.templates-hero p{max-width:720px;margin:18px auto;color:#bbb;line-height:1.8}.template-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.template-benefits span{padding:10px 14px;border:1px solid rgba(212,166,55,.32);border-radius:999px;background:rgba(255,255,255,.03)}.templates-content{padding:70px 24px}.template-heading{text-align:center;margin-bottom:32px}.template-heading h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.template-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 34px}.template-filter{border:1px solid rgba(212,166,55,.28);background:#121212;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer}.template-filter.active,.template-filter:hover{background:#d4a637;color:#111}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.template-card{position:relative;border:1px solid rgba(212,166,55,.22);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#101010,#171717);box-shadow:0 15px 45px rgba(0,0,0,.24)}.template-card:hover{transform:translateY(-5px);border-color:rgba(212,166,55,.55)}.template-badge{position:absolute;z-index:2;top:12px;left:12px;background:#d4a637;color:#111;padding:7px 10px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}.template-preview{height:190px;background:#0d0d0d;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(212,166,55,.2)}.template-preview img{width:100%;height:100%;object-fit:cover}.template-card-body{padding:22px}.template-card-body h2{margin:6px 0 14px}.template-card-body ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#bbb;font-size:.92rem}.template-card-body li::before{content:'✓';color:#d4a637;margin-right:8px;font-weight:900}.template-price{display:flex;flex-direction:column;margin:20px 0 15px}.template-price span{font-size:.7rem;color:#aaa;text-transform:uppercase}.template-price strong{font-size:1.35rem;color:#f0c45a}.template-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.template-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;text-decoration:none;font-weight:900;font-size:.82rem}.template-demo{border:1px solid rgba(212,166,55,.4);color:#fff}.template-select{background:#d4a637;color:#111}.template-process{padding:70px 24px;background:#0e0e0e;border-top:1px solid rgba(212,166,55,.2)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.process-step{padding:25px;border:1px solid rgba(212,166,55,.2);border-radius:16px;background:#121212}.process-step strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d4a637;color:#111;margin-bottom:14px}.payment-box{margin-top:42px;padding:30px;border:1px solid rgba(212,166,55,.32);border-radius:18px;background:linear-gradient(135deg,rgba(212,166,55,.12),#111);text-align:center}.payment-options{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.payment-options a{padding:13px 20px;border-radius:9px;text-decoration:none;font-weight:900}.pay-deposit{background:#d4a637;color:#111}.pay-full{border:1px solid rgba(212,166,55,.5);color:#fff}@media(max-width:1050px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.template-grid,.process-grid{grid-template-columns:1fr}.template-actions{grid-template-columns:1fr}}

.template-price small{margin-top:3px;color:#8f8f8f;font-size:.72rem}
.template-preview{position:relative;background:linear-gradient(135deg,#171717,#080808)}
.template-preview img{display:block}
.template-preview::after{content:"Website Preview";position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.72);color:#f0c45a;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.template-demo,.template-select,.pay-deposit,.pay-full{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.template-demo:hover,.template-select:hover,.pay-deposit:hover,.pay-full:hover{transform:translateY(-2px)}
@media(max-width:1150px){.desktop-navigation{gap:14px}.desktop-navigation a{font-size:.84rem}}

.template-select{position:relative;z-index:2;cursor:pointer;touch-action:manipulation}
.template-select.is-loading{opacity:.82;pointer-events:none}
.template-select.is-loading::after{content:" …";letter-spacing:.08em}