/* Product pages share the warm paper and green typography of the storefront. */
.bnm-detail { background:#faf8ee; color:#173d2d; font-family:'Be Vietnam Pro',sans-serif; }
.bnm-detail .pd-page { font-size:16px; line-height:1.8; padding-bottom:64px; }
.bnm-detail .pd-page * { box-sizing:border-box; }
.bnm-detail .pd-page .container { width:min(calc(100% - 64px),1100px); max-width:1100px; margin-inline:auto; padding:0; }
.bnm-detail .pd-page a { color:inherit; text-decoration:none; }
.bnm-detail .pd-page a:focus-visible,.bnm-detail .pd-page button:focus-visible { outline:3px solid #a17f36; outline-offset:4px; }
.bnm-detail .pd-page h1,.bnm-detail .pd-page h2,.bnm-detail .pd-page h3 { color:#173d2d; font-family:'Playfair Display',Georgia,serif!important; line-height:1.25; letter-spacing:-.5px; }
.bnm-detail .pd-page p { margin:0 0 16px; }
.bnm-detail .pd-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding:28px 0 32px; font-size:14px; color:#707663; }
.bnm-detail .pd-breadcrumb [aria-current] { color:#173d2d; }
.bnm-detail .pd-overview { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start; }
.bnm-detail .pd-gallery,.bnm-detail .pd-summary { min-width:0; }
.bnm-detail .pd-image { aspect-ratio:1; overflow:hidden; border-radius:12px; background:#efecdf; }
.bnm-detail .pd-image img { width:100%; height:100%; object-fit:cover; display:block; }
.bnm-detail .pd-thumbnails { display:flex; gap:12px; overflow:auto; padding:12px 3px 4px; }
.bnm-detail .pd-thumbnail { width:76px; height:76px; padding:3px; border:1px solid transparent; border-radius:8px; background:transparent; flex-shrink:0; }
.bnm-detail .pd-thumbnail img { width:100%; height:100%; object-fit:cover; border-radius:5px; }
.bnm-detail .pd-thumbnail.is-active { border-color:#14583e; }
.bnm-detail .pd-image-note { display:flex; align-items:center; justify-content:center; gap:10px; color:#63705a; font-size:14px; margin-top:18px; }
.bnm-detail .pd-image-note i { color:#798d66; }
.bnm-detail .pd-category { display:inline-block; color:#627653!important; font-size:14px; margin:0 0 10px; }
.bnm-detail .pd-summary h1 { font-size:44px; font-weight:600; margin:0 0 18px; }
.bnm-detail .pd-intro { color:#66715f; white-space:pre-line; overflow-wrap:anywhere; }
.bnm-detail .pd-highlight { color:#31553e; font-size:15px; white-space:pre-line; overflow-wrap:anywhere; }
.bnm-detail .pd-price { padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #dfe2d3; }
.bnm-detail .pd-price strong { color:#14583e; font-size:30px; font-weight:600; }
.bnm-detail .pd-price del { font-size:16px; color:#737a6a; margin-left:12px; }
.bnm-detail .pd-price p { font-size:14px; color:#68715e; margin:5px 0 0; }
.bnm-detail .pd-weight { font-size:14px; color:#65705b; }
.bnm-detail .pd-weight > span { color:#244732; font-weight:600; margin-right:12px; }
.bnm-detail .pd-commitments { display:flex; flex-wrap:wrap; gap:8px 18px; padding:0; margin:20px 0 24px; list-style:none; font-size:14px; color:#25563e; }
.bnm-detail .pd-commitments i { margin-right:5px; font-size:12px; }
.bnm-detail .pd-order { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 14px; }
.bnm-detail .pd-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:14px 20px; min-height:54px; border-radius:30px; font-size:15px; font-weight:500; }
.bnm-detail .pd-button-primary { background:#14583e; color:#fffdf1!important; flex:1 1 220px; }
.bnm-detail .pd-button-primary > span { margin-left:auto; }
.bnm-detail .pd-button-primary img { border-radius:50%; background:#fff; }
.bnm-detail .pd-button-primary:hover { background:#0b422d; }
.bnm-detail .pd-button-phone { border:1px solid #b4c0a7; color:#14583e; }
.bnm-detail .pd-button-phone:hover { background:#e9eddd; }
.bnm-detail .pd-order-note { font-size:14px; line-height:1.8; color:#68715e; }
.bnm-detail .pd-personal-note { display:flex; gap:14px; align-items:flex-start; padding:18px 20px; margin-top:24px; background:#eeefdf; border-radius:9px; }
.bnm-detail .pd-personal-note > i { font-size:22px; margin-top:5px; color:#507344; }
.bnm-detail .pd-personal-note strong { font-size:15px; font-weight:600; }
.bnm-detail .pd-personal-note p { font-size:14px; color:#64705b; margin:4px 0 0; }
.bnm-detail .pd-information { display:grid; grid-template-columns:1.5fr 1fr; gap:54px; padding:50px 0; margin-top:42px; border-top:1px solid #dfe2d3; border-bottom:1px solid #dfe2d3; }
.bnm-detail .pd-information h2,.bnm-detail .pd-related h2 { font-size:30px; font-weight:600; margin:0 0 20px; }
.bnm-detail .pd-eyebrow { font-family:'Dancing Script',cursive; font-size:24px; color:#7b7955; line-height:1.4; margin-bottom:10px!important; }
.bnm-detail .pd-description > p:not(.pd-eyebrow),.bnm-detail .pd-rich-content { color:#606c59; overflow-wrap:anywhere; }
.bnm-detail .pd-rich-content img { max-width:100%; height:auto; }
.bnm-detail .pd-rich-content table { max-width:100%; }
.bnm-detail .pd-description { min-width:0; }
.bnm-detail .pd-rich-content { overflow-x:auto; }
.bnm-detail .pd-rich-content h1,.bnm-detail .pd-rich-content h2 { font-size:28px; margin:26px 0 14px; }
.bnm-detail .pd-rich-content h3 { font-size:23px; margin:22px 0 12px; }
.bnm-detail .pd-rich-content ul,.bnm-detail .pd-rich-content ol { padding-left:24px; margin-bottom:18px; }
.bnm-detail .pd-rich-content blockquote { border-left:3px solid #bcc9a9; padding-left:20px; margin:20px 0; }
.bnm-detail .pd-rich-content a { color:#14583e; text-decoration:underline; text-underline-offset:3px; }
.bnm-detail .pd-rich-content td,.bnm-detail .pd-rich-content th { border:1px solid #dfe2d3; padding:8px 12px; }
.bnm-detail .pd-rich-content .ql-align-center { text-align:center; }
.bnm-detail .pd-rich-content .ql-align-right { text-align:right; }
.bnm-detail .pd-rich-content .ql-align-justify { text-align:justify; }
.bnm-detail .pd-rich-content .ql-size-small { font-size:.8em; }
.bnm-detail .pd-rich-content .ql-size-large { font-size:1.5em; }
.bnm-detail .pd-rich-content .ql-size-huge { font-size:2em; }
.bnm-detail .pd-rich-content .ql-font-serif { font-family:Georgia,serif; }
.bnm-detail .pd-rich-content .ql-font-monospace { font-family:monospace; }
.bnm-detail .pd-rich-content .ql-video,.bnm-detail .pd-rich-content video { width:100%; max-width:100%; aspect-ratio:16/9; height:auto; border:0; }
.bnm-detail .pd-product-facts { display:grid; gap:24px; margin-top:28px; }
.bnm-detail .pd-product-facts h3 { font-family:'Be Vietnam Pro',sans-serif!important; font-size:16px; font-weight:600; margin:0 0 8px; }
.bnm-detail .pd-product-facts p { color:#606c59; font-size:15px; margin:0; }
.bnm-detail .pd-howto { padding:28px; border-radius:12px; background:#eef0e2; align-self:start; }
.bnm-detail .pd-howto h2 { font-size:26px; }
.bnm-detail .pd-howto ol { padding:0; margin:24px 0; list-style:none; counter-reset:order; }
.bnm-detail .pd-howto li { position:relative; padding-left:39px; counter-increment:order; margin-bottom:20px; }
.bnm-detail .pd-howto li::before { content:counter(order,decimal-leading-zero); position:absolute; top:1px; left:0; color:#7b8b68; font-family:'Playfair Display',Georgia,serif; font-size:20px; }
.bnm-detail .pd-howto strong { font-size:15px; font-weight:600; }
.bnm-detail .pd-howto li p { font-size:14px; color:#637059; margin:4px 0 0; }
.bnm-detail .pd-howto > a { display:flex; justify-content:space-between; font-size:14px; font-weight:600; color:#14583e; border-top:1px solid #d2dbc4; padding-top:18px; }
.bnm-detail .pd-related { padding-top:44px; }
.bnm-detail .pd-related-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.bnm-detail .pd-related-heading h2 { margin:0; }
.bnm-detail .pd-related-heading > a { font-size:14px; white-space:nowrap; border-bottom:1px solid #aab796; padding-bottom:3px; }
.bnm-detail .pd-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.bnm-detail .pd-related-card { min-width:0; }
.bnm-detail .pd-related-card > img { width:100%; height:auto; aspect-ratio:1.15; object-fit:cover; border-radius:8px; }
.bnm-detail .pd-related-card h3 { font-size:21px; font-weight:600; margin:15px 0 8px; }
.bnm-detail .pd-related-card p { display:flex; justify-content:space-between; font-size:14px; color:#556a49; }
@media(max-width:991.98px) {
 .bnm-detail .pd-overview { gap:30px; }
 .bnm-detail .pd-summary h1 { font-size:38px; }
 .bnm-detail .pd-information { gap:30px; grid-template-columns:1.2fr 1fr; }
 .bnm-detail .pd-howto { padding:22px; }
 .bnm-detail .pd-related-grid { gap:18px; }
}
@media(max-width:767.98px) {
 .bnm-detail .pd-page .container { width:calc(100% - 36px); }
 .bnm-detail .pd-breadcrumb { font-size:13px; gap:8px; padding:22px 0; }
 .bnm-detail .pd-overview { grid-template-columns:1fr; gap:25px; }
 .bnm-detail .pd-summary h1 { font-size:36px; }
 .bnm-detail .pd-image-note { font-size:13px; text-align:center; }
 .bnm-detail .pd-information { grid-template-columns:1fr; gap:32px; padding:32px 0; margin-top:30px; }
 .bnm-detail .pd-order { flex-direction:column; }
 .bnm-detail .pd-button-primary { flex-basis:auto; }
 .bnm-detail .pd-button-phone { width:100%; }
 .bnm-detail .pd-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
 .bnm-detail .pd-related-card h3 { font-size:19px; }
 .bnm-detail .pd-related-heading { align-items:flex-start; flex-direction:column; gap:15px; }
}
