/* Make shortcode area full width (theme safe) */
.bnw-cr{
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 24px;
  align-items: start;
}

/* LEFT */
.bnw-cr-media{
  background:#f4f4f4;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid #eee;
  min-height: 520px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bnw-cr-img{
  width:100%;
  height:100%;
  object-fit: contain;  /* important: looks like gallery */
  display:block;
  padding: 18px;
  background:#fff;
}

/* Thumb blocks (optional like your page) */
.bnw-cr-thumbs{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.bnw-cr-thumbcard{
  height: 210px;
  background:#f6f6f6;
  border: 1px solid #eee;
  border-radius: 16px;
}

/* RIGHT sticky panel */
.bnw-cr-right{
  position: sticky;
  top: 110px; /* adjust if your header is bigger */
}
.bnw-cr-panel{
  background:#fff;
  border: 1px solid #eee;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  padding: 18px;
}

/* Title */
.bnw-cr-kicker{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .65;
}
.bnw-cr-title{
  margin: 6px 0 8px;
  font-size: 34px;
  line-height: 1.12;
}
.bnw-cr-links a{
  font-size: 14px;
  text-decoration: underline;
}

/* Price box like Complete Ring */
.bnw-cr-pricebox{
  margin-top: 14px;
  border: 1px solid #e9e9e9;
  border-radius: 14px;
  padding: 14px;
  background: #fafafa;
}
.bnw-cr-row{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  align-items:center;
}
.bnw-cr-row span{opacity:.75}
.bnw-cr-row strong{font-weight:900}
.bnw-cr-smallnote{
  margin-top: 8px;
  font-size: 12px;
  opacity: .72;
}

/* Form */
.bnw-cr-formhead{
  margin-top: 16px;
  font-size: 18px;
  font-weight: 900;
}
.bnw-cr-form{
  margin-top: 10px;
}
.bnw-cr-form label{
  display:block;
  margin: 12px 0 6px;
  font-weight: 700;
}
.bnw-cr-form label span{color:#d22}

.bnw-cr-form input,
.bnw-cr-form textarea{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.bnw-cr-form input:focus,
.bnw-cr-form textarea:focus{
  border-color:#b9b9b9;
  box-shadow:0 0 0 4px rgba(0,0,0,.05);
}

.bnw-cr-appointment{
  display:flex;
  gap: 10px;
}
.bnw-cr-appointment input{
  flex:1;
}

/* Button like your brown Complete Ring button */
.bnw-cr-btn{
  width: 100%;
  margin-top: 16px;
  padding: 14px 16px;
  border: none;
  border-radius: 12px;
  background: #4a3b16;
  color: #fff;
  font-weight: 900;
  letter-spacing: .10em;
}
.bnw-cr-btn:hover{filter:brightness(.95)}

.bnw-cr-footnote{
  margin-top: 10px;
  font-size: 13px;
  opacity: .75;
}

/* Mobile stack */
@media (max-width: 980px){
  .bnw-cr{
    grid-template-columns: 1fr;
  }
  .bnw-cr-right{
    position: relative;
    top: auto;
  }
  .bnw-cr-title{font-size: 26px}
  .bnw-cr-media{min-height: 380px}
}
@media (max-width: 520px){
  .bnw-cr-appointment{flex-direction:column}
  .bnw-cr-thumbs{grid-template-columns:1fr}
  .bnw-cr-thumbcard{height:160px}
}