/* BOX STYLE 2 — "Elevation". Boxes lift off the page with a soft but clearly visible shadow, so
   each one reads as a distinct surface without needing a dark border. Clickable cards lift further
   on hover + gain an accent edge. Override — loads after style.css. */
:root{--line:#DED9EE}

/* static info boxes: gentle, even elevation — clearly a box, clearly not clickable */
.strip div,.trust-item,.card,.steps li,.price,.faq details,.review{
  box-shadow:0 1px 3px rgba(28,24,60,.06),0 8px 20px rgba(28,24,60,.09);cursor:default}

/* clickable cards: a touch more depth + a real hover lift */
.rail-card,.gb-card,.gearcard{
  box-shadow:0 1px 3px rgba(28,24,60,.06),0 8px 22px rgba(28,24,60,.11);cursor:pointer}
.rail-card:hover,.gb-card:hover,.gearcard:hover{
  transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 30px rgba(124,58,237,.22)}

/* Amazon CTA buttons: recognisable Amazon yellow, same as the side-rail buttons */
.gb-cta,.buylink{display:inline-block;background:#FFD814;color:#0F1111;padding:8px 15px;
  border:2px solid #150F2E;border-radius:8px;font-weight:800;box-shadow:3px 3px 0 #150F2E}
.buylink{margin-top:14px}
.gb-card:hover .gb-cta,.gearcard:hover .buylink{background:#FFC400}