/* Atlas product page -- scoped so it cannot leak into other templates. */
.atlas-pdp-hero{
  position:relative;min-height:640px;display:flex;align-items:flex-end;
  background-size:cover;background-position:center;margin-bottom:0;
}
.atlas-pdp-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 65%);
}
.atlas-pdp-hero-inner{position:relative;z-index:2;padding:60px;max-width:1180px;width:100%}
.atlas-pdp-hero-title{
  color:#fff;font-size:46px;line-height:1.08;font-weight:700;
  text-transform:uppercase;margin:0 0 28px;max-width:15ch;
}
.atlas-pdp-hero-bar{
  display:inline-flex;gap:26px;align-items:center;
  background:rgba(0,0,0,.35);backdrop-filter:blur(4px);
  padding:14px 22px;color:#fff;font-size:15px;letter-spacing:.04em;
}
.atlas-pdp-hero-name{text-transform:uppercase;font-weight:600}
.atlas-pdp-hero-price .amount{color:#fff}

.atlas-pdp-detail{padding:70px 24px}
.atlas-pdp-cols{
  /* Deliberately NOT tagged .prd-Detail_Columns: the source defines that as a
     12-column grid and it loads after this file, so at equal specificity it
     would win. The other prd-* classes are visual only and stay. */
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);
  gap:56px;max-width:1400px;margin:0 auto;align-items:start;
}
.atlas-pdp-shot{margin:0 0 16px;background:#f6f6f6}
.atlas-pdp-shot img{width:100%;height:auto;display:block}

.atlas-pdp-badge{
  display:inline-block;border:1px solid #d9d9d9;border-radius:20px;
  padding:5px 14px;font-size:12px;letter-spacing:.05em;margin-bottom:18px;
}
.atlas-pdp-title{font-size:30px;line-height:1.15;text-transform:uppercase;margin:0 0 18px;max-width:18ch}
.atlas-pdp-short{color:#444;font-size:16px;line-height:1.6;margin-bottom:22px}
.atlas-pdp-price{display:flex;align-items:baseline;gap:12px;margin-bottom:26px}
.atlas-pdp-msrp,.atlas-pdp-msrp .amount{
  text-decoration:line-through;color:#8a8a8a;font-size:20px;
}
.atlas-pdp-sale,.atlas-pdp-sale .amount{color:#ce0e2d;font-size:24px;font-weight:700}
.atlas-pdp-desc{margin-top:28px;color:#333;line-height:1.7}
.atlas-pdp-sku{margin-top:18px;color:#8a8a8a;font-size:13px}

.atlas-pdp .cart button.button,
.atlas-pdp .cart .single_add_to_cart_button{
  background:#121212;color:#fff;border-radius:30px;
  padding:16px 38px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.atlas-pdp .quantity input{padding:12px 8px}

@media (max-width:900px){
  .atlas-pdp-cols{grid-template-columns:1fr;gap:32px}
  .atlas-pdp-hero-title{font-size:34px}
  .atlas-pdp-hero{min-height:420px}
  .atlas-pdp-hero-inner{padding:28px}
}