/* /prayer-blankets/ landing page. Ported from design-src/prayer-blankets/page.css. */

/* ===== prayer blankets landing ===== */
.p-hero .wrap{padding-bottom:120px}
.p-hero > img{object-position:50% 62%}
.props.three .panel{grid-template-columns:repeat(3,1fr)}
.props.three{padding-bottom:0;background:none}

.pb-intro .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:80px;align-items:start}
.pb-text h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4vw,52px);line-height:1.08;color:var(--brown);margin:10px 0 20px}
.pb-text h2 em{font-style:italic}
.pb-text .answer{font-size:18px;color:var(--brown);margin-bottom:16px}
.pb-text p{color:var(--brown-mid);margin-bottom:16px}
.more-link{display:inline-block;margin-top:6px;color:var(--brown);border-bottom:1px solid var(--gold);padding-bottom:2px}
.more-link:hover{color:var(--gold-deep)}
.facts{background:var(--ivory);border-top:3px solid var(--gold);padding:30px 30px 20px}
.facts > .caps{color:var(--gold-deep)}
.facts .specs{margin-top:14px}
.facts .specs div{grid-template-columns:100px 1fr}

.pb-all{padding-top:20px}

.moments{background:var(--linen)}
.m-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.m{display:flex;flex-direction:column;background:var(--white);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.m:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(47,36,31,.5)}
.m img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.m > div{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.m b{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.15;color:var(--brown)}
.m .caps{color:var(--gold-deep);margin:10px 0 6px}
.m em{font-family:var(--serif);font-size:18px;line-height:1.3;color:var(--brown-mid)}
.m.guide-m{background:var(--brown);justify-content:center;text-align:center}
.m.guide-m b{color:var(--white);font-size:26px}
.m.guide-m .caps{color:var(--gold)}
.m.guide-m em{color:var(--gold-soft)}

.w-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:0 auto}
.w{border:1px solid var(--gold-soft);border-top:3px solid var(--gold);padding:36px 36px 32px;display:flex;flex-direction:column}
.w h3{font-family:var(--serif);font-weight:500;font-size:38px;line-height:1.05;color:var(--brown)}
.w .range{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold-deep);margin-top:4px}
.w .specs{margin:22px 0 28px}
.w .specs div{grid-template-columns:100px 1fr}
.w .btn{align-self:flex-start;margin-top:auto}
.weights{padding-top:100px}
.review cite{letter-spacing:.2em}

@media (max-width:1060px){
  .props.three .panel{grid-template-columns:1fr}
  .props.three .item+.item::before,.props.three .item+.item::after{display:none}
  .props.three .item+.item{border-top:1px solid var(--gold-soft)}
  .pb-intro .wrap{grid-template-columns:1fr;gap:40px}
  .m-grid{grid-template-columns:repeat(2,1fr)}
  .w-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .p-hero .wrap{padding-bottom:110px}
  .m-grid{gap:12px}
  .m > div{padding:14px 14px 16px}
  .m b{font-size:18px}.m em{font-size:16px}
  .w{padding:28px 20px 24px}
  .facts{padding:24px 20px 14px}
  .props.three .item{padding:30px 16px 26px}
}
/* theme additions */
.pb-text > p:not(.answer){color:var(--brown-mid);margin-bottom:16px}

/* /prayer-blankets-for-healing/ (same components, a few additions) */
.pb-text .note{background:var(--ivory);border-left:3px solid var(--gold);padding:16px 20px;font-size:15px}
.heal-verses ul{list-style:none;margin-top:12px}
.heal-verses li{padding:16px 0;border-top:1px solid var(--gold-soft)}
.heal-verses li:first-child{border-top:0;padding-top:8px}
.heal-verses q{display:block;quotes:"“" "”";font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.35;color:var(--brown)}
.heal-verses li .caps{display:block;margin-top:8px;color:var(--gold-deep)}
.heal-verses .note{margin:6px 0 10px;padding-top:14px;border-top:1px solid var(--gold-soft);font-size:14px;font-style:italic;color:var(--brown-mid)}
.heal-pairs .m-grid{grid-template-columns:repeat(3,1fr)}
.heal-pairs .m .caps .amount{letter-spacing:.1em}
.steps-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.steps-list li{border-top:3px solid var(--gold);padding-top:22px}
.steps-list .n{font-family:var(--serif);font-size:16px;color:var(--gold-deep);letter-spacing:.12em}
.steps-list h3{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15;color:var(--brown);margin:6px 0 10px}
.steps-list p{color:var(--brown-mid)}
@media (max-width:1060px){
  .heal-pairs .m-grid{grid-template-columns:repeat(2,1fr)}
  .steps-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .steps-list{grid-template-columns:1fr;gap:24px}
  .steps-list h3{font-size:23px}
}