/* OARA Backyard Installations — Product landing page styles */
:root{
  --aurora-green:#00FFB3; --aurora-teal:#00D4FF; --aurora-purple:#7B2FFF;
  --space:#030B18; --space-mid:#071428; --glass:rgba(3,18,40,.6);
  --text:#E8F4FF; --text-muted:rgba(232,244,255,.62); --border:rgba(0,212,255,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--space);color:var(--text);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* Top bar */
.pbar{position:sticky;top:0;z-index:40;background:rgba(3,11,24,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.pbar-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.pbar-logo{font-family:'Cinzel',serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em}
.pbar-logo span{color:var(--aurora-teal)}
.pbar-cta{font-size:.82rem;font-weight:600;color:var(--aurora-teal);border:1px solid var(--border);padding:8px 16px;border-radius:8px;transition:all .2s}
.pbar-cta:hover{background:rgba(0,212,255,.1)}

/* Breadcrumb */
.crumb{font-size:.78rem;color:var(--text-muted);padding:18px 0 4px}
.crumb a:hover{color:var(--aurora-teal)}

/* Product layout */
.pgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:14px 0 60px;align-items:start}
@media(max-width:860px){.pgrid{grid-template-columns:1fr;gap:28px}}

/* Gallery */
.gstage{position:relative;width:100%;aspect-ratio:4/3;background:#0d1017;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.gstage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.garrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:rgba(3,11,24,.6);color:#fff;font-size:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .2s}
.garrow:hover{opacity:1}
.gprev{left:12px}.gnext{right:12px}
.gthumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:thin}
.gthumb{flex:0 0 auto;width:66px;height:52px;object-fit:cover;border-radius:7px;cursor:pointer;opacity:.5;border:2px solid transparent;transition:.15s}
.gthumb:hover{opacity:.85}
.gthumb.active{opacity:1;border-color:var(--aurora-teal)}

/* Info */
.pbadge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aurora-teal);background:rgba(0,212,255,.08);border:1px solid var(--border);padding:5px 12px;border-radius:20px;margin-bottom:14px}
.ptitle{font-family:'Cinzel',serif;font-size:1.9rem;line-height:1.2;font-weight:700;margin-bottom:10px}
.pdesc{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}
.pspecs{border-top:1px solid var(--border);margin:24px 0 0}
.pspec{display:flex;justify-content:space-between;gap:14px;padding:11px 2px;border-bottom:1px solid var(--border);font-size:.87rem}
.pspec .k{color:var(--text-muted)}
.pspec .v{font-weight:600;text-align:right}

/* Buy box */
.buybox{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:24px}
@media(min-width:861px){.buybox{position:sticky;top:78px}}
.bb-price{font-family:'Cinzel',serif;font-size:2.3rem;font-weight:700;color:#fff}
.bb-ship{font-size:.8rem;color:var(--aurora-green);margin:2px 0 18px}
.bb-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.qty{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.qty button{width:38px;height:40px;background:rgba(0,212,255,.06);border:none;color:var(--text);font-size:1.2rem;cursor:pointer}
.qty button:hover{background:rgba(0,212,255,.14)}
.qty input{width:46px;height:40px;text-align:center;background:transparent;border:none;color:var(--text);font-size:1rem;font-weight:600}
.installopt{display:flex;align-items:flex-start;gap:11px;background:rgba(0,212,255,.05);border:1px solid var(--border);border-radius:11px;padding:13px 14px;cursor:pointer;margin-bottom:16px}
.installopt input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--aurora-teal);cursor:pointer}
.installopt .io-t{font-size:.86rem;font-weight:600}
.installopt .io-s{font-size:.78rem;color:var(--text-muted)}
.bb-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin:16px 0;display:none}
.bb-summary.show{display:block}
.bb-line{display:flex;justify-content:space-between;font-size:.86rem;padding:4px 0;color:var(--text-muted)}
.bb-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;padding-top:8px;color:#fff}
.btn{display:block;width:100%;text-align:center;border:none;border-radius:11px;padding:15px;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:.2s}
.btn-add{background:rgba(0,212,255,.1);border:1px solid var(--aurora-teal);color:var(--aurora-teal);margin-bottom:10px}
.btn-add:hover{background:rgba(0,212,255,.18)}
.btn-buy{background:linear-gradient(120deg,var(--aurora-teal),var(--aurora-purple));color:#fff}
.btn-buy:hover{filter:brightness(1.08)}
.btn-buy[disabled]{opacity:.5;cursor:not-allowed}
.bb-trust{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;font-size:.75rem;color:var(--text-muted)}
.bb-trust span{display:flex;align-items:center;gap:5px}
.bb-err{color:#ff6b6b;font-size:.82rem;margin-top:10px;display:none}
.bb-err.show{display:block}

/* Footer */
.pfoot{border-top:1px solid var(--border);padding:28px 0;text-align:center;color:var(--text-muted);font-size:.8rem}
.pfoot a{color:var(--aurora-teal)}