.product-page{background:#f5ead7;min-height:70vh}
.breadcrumbs{width:min(1180px,90%);margin:auto;padding:1.5rem 0;color:#806653;font-size:.8rem}
.breadcrumbs a{border-bottom:1px solid #b68a58}
.product-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(2.5rem,6vw,6rem);width:min(1180px,90%);margin:0 auto;padding-bottom:6rem}
.product-gallery{display:grid;grid-template-columns:86px minmax(0,1fr);gap:1rem;align-items:start}
.product-thumbs{display:grid;gap:.8rem}
.product-thumb{padding:0;border:2px solid transparent;background:#2a1710;cursor:pointer}
.product-thumb.active{border-color:#9a672f}
.product-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.product-main-image{margin:0;padding:10px;background:#2a1710;border:1px solid #b98d5c;box-shadow:0 24px 55px rgba(60,34,19,.2)}
.product-main-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.product-details{padding-top:1.4rem}
.product-details .scripture{margin:0;color:#98662e;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.product-details h1{margin:.3rem 0 .45rem;color:#2a1710;font:600 clamp(3.8rem,6vw,6.2rem)/.86 "Cormorant Garamond",serif}
.product-price{margin:0 0 1.3rem;color:#4a2c20;font-size:1.2rem;font-weight:600}
.product-verse{margin:0 0 1.5rem;padding:1.1rem 1.25rem;border-left:3px solid #b88649;background:rgba(232,211,176,.5);color:#4e3428;font:italic 1.55rem/1.25 "Cormorant Garamond",serif}
.product-description{color:#624b3d;line-height:1.75}
.scent-card{margin:1.6rem 0;padding:1.2rem 1.35rem;border:1px solid #c8a97d;background:#f9efdd}
.scent-card span{display:block;color:#98662e;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.scent-card strong{display:block;margin:.25rem 0;font:600 1.45rem "Cormorant Garamond",serif}
.purchase-row{display:grid;grid-template-columns:104px 1fr;gap:.8rem;margin:1.4rem 0}
.quantity-wrap{display:grid;grid-template-columns:32px 38px 32px;align-items:center;border:1px solid #8f693f;background:#fff8ea}
.quantity-wrap button{height:50px;border:0;background:transparent;font-size:1.2rem;cursor:pointer}
.quantity-input{width:38px;border:0;background:transparent;text-align:center;font:600 1rem Montserrat,sans-serif;-moz-appearance:textfield}
.quantity-input::-webkit-inner-spin-button{display:none}
.purchase-row .add-cart{border:0;cursor:pointer}
.product-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1.8rem;border:1px solid #c8a97d;background:rgba(249,239,221,.65)}
.product-facts div{padding:1rem;text-align:center;border-right:1px solid #c8a97d}
.product-facts div:last-child{border:0}
.product-facts strong{display:block;font:600 1.15rem "Cormorant Garamond",serif}
.product-facts span{display:block;color:#735b4d;font-size:.7rem}
.verse-meaning{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center;width:min(1180px,90%);margin:0 auto 5rem;padding:clamp(2.4rem,5vw,4.5rem);overflow:hidden;border:1px solid #b98d5c;background-color:#2f1c14;background-image:radial-gradient(circle at 18% 18%,rgba(199,139,61,.24),transparent 30%),repeating-linear-gradient(112deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 5px);color:#f5ead7;box-shadow:0 24px 55px rgba(60,34,19,.18)}
.verse-meaning-mark{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(224,191,142,.62);background:rgba(255,255,255,.035);text-align:center}
.verse-meaning-mark span{color:#d5aa6f;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.verse-meaning-mark strong{display:block;margin-top:.35rem;color:#f7ead4;font:500 3.5rem/1 "Cormorant Garamond",serif}
.meaning-kicker{margin:0;color:#d5aa6f;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.verse-meaning-copy h2{max-width:720px;margin:.55rem 0 1.2rem;color:#fff7e8;font:500 clamp(2.7rem,5vw,4.6rem)/.95 "Cormorant Garamond",serif}
.verse-meaning-copy h2 em{color:#e2ba82;font-weight:500}
.verse-meaning-copy>p:not(.meaning-kicker){max-width:760px;margin:0;color:#dfcdb5;line-height:1.85}
.verse-meaning-copy blockquote{margin:1.5rem 0 0;padding-left:1.2rem;border-left:2px solid #c99755;color:#f5e5cc;font:italic 1.4rem/1.35 "Cormorant Garamond",serif}
.product-notes{width:min(1180px,90%);margin:auto;padding:5rem 0;border-top:1px solid #c8a97d}
.product-notes h2{margin:0 0 2.5rem;text-align:center;color:#352016;font:500 clamp(2.8rem,5vw,4.7rem)/.95 "Cormorant Garamond",serif}
.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.note-card{padding:2rem;border:1px solid #c8a97d;background:#f9efdd}
.note-card h3{margin:0 0 .7rem;font:600 1.7rem "Cormorant Garamond",serif}
.note-card p,.note-card li{color:#654d40;font-size:.92rem;line-height:1.75}
.note-card ul{margin:0;padding-left:1.2rem}
@media(max-width:900px){.product-main{grid-template-columns:1fr}.product-details{padding-top:0}.product-gallery{grid-template-columns:1fr}.product-thumbs{grid-template-columns:repeat(4,1fr);grid-row:2}.product-facts{grid-template-columns:1fr}.product-facts div{border-right:0;border-bottom:1px solid #c8a97d}.product-facts div:last-child{border:0}.verse-meaning{grid-template-columns:1fr}.verse-meaning-mark{min-height:150px}}
@media(max-width:620px){.breadcrumbs{padding:1rem 0}.product-main{width:92%;gap:2rem;padding-bottom:4rem}.purchase-row{grid-template-columns:1fr}.quantity-wrap{width:104px}.notes-grid{grid-template-columns:1fr}.product-notes{width:92%;padding:4rem 0}.product-details h1{font-size:4rem}.verse-meaning{width:92%;margin-bottom:3.5rem;padding:1.5rem}.verse-meaning-mark{min-height:120px}.verse-meaning-mark strong{font-size:3rem}.verse-meaning-copy h2{font-size:2.6rem}}