/* 2026-10-27: Blog detail page design (enabled by business_settings dw_blog_ui or ?blog_preview=1). Scoped to .dw-bd */
.dw-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--dw-button-hover,#8B5A52);z-index:10070;transition:width .1s linear}
body .dw-bd{max-width:1180px}
body .dw-bd .breadcrumb a,body .dw-bd .breadcrumb .active{font-size:13px;color:#8a7d7a !important}
body .dw-bd .post-main-title{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:46px !important;font-weight:600 !important;line-height:1.15 !important;letter-spacing:-.3px !important;color:#1a0e0e !important;margin-bottom:12px !important}
body .dw-bd h4.text-muted{font-family:'Jost',sans-serif !important;font-size:19px !important;font-weight:400 !important;color:#6f625f !important;line-height:1.5}
body .dw-bd .meta-box{flex-wrap:wrap;gap:10px 18px;font-size:13.5px;color:#8a7d7a;border-bottom:1px solid #efe5e3;padding-bottom:18px}
body .dw-bd .meta-box i{color:var(--dw-button,#C8A19C)}
body .dw-bd .category-link{background:var(--dw-cream,#FAF2F0) !important;color:var(--dw-button-hover,#8B5A52) !important;border:1px solid #ead9d6;letter-spacing:.06em;text-transform:uppercase;font-size:11px !important}
body .dw-bd .dw-hero-img img{border-radius:18px !important;box-shadow:0 18px 40px rgba(60,30,25,.12) !important;aspect-ratio:16/9;object-fit:cover}
body .dw-bd .dw-lead{background:transparent !important;border-left:3px solid var(--dw-button,#C8A19C) !important;border-radius:0 !important;font-style:normal !important;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem !important;line-height:1.55;color:#4a3d3a;padding:6px 0 6px 22px !important}
body .dw-bd .blog-content{max-width:none}
body .dw-bd .blog-content h2,body .dw-bd .blog-content h3{scroll-margin-top:110px;font-family:'Cormorant Garamond',Georgia,serif !important;color:#1a0e0e !important;font-weight:600 !important}
body .dw-bd .premium-card{border:1px solid #f1e7e5 !important;box-shadow:0 6px 22px rgba(60,30,25,.06) !important;border-radius:18px !important}
body .dw-bd .sidebar-title{border-left:3px solid var(--dw-button,#C8A19C) !important;font-family:'Jost',sans-serif !important;font-size:15px !important;letter-spacing:.06em;text-transform:uppercase;color:#3a2f2f}
body .dw-bd .btn-gray-dark{background:var(--dw-button,#C8A19C) !important;border-radius:999px !important}
body .dw-bd .btn-gray-dark:hover{background:var(--dw-button-hover,#8B5A52) !important;color:#fff !important}
body .dw-bd .btn-gray-outline{border-radius:999px !important}
body .dw-bd .form-control-premium{border-color:#ead9d6 !important;border-radius:12px !important}
body .dw-bd .form-control-premium:focus{border-color:var(--dw-button,#C8A19C) !important}
body .dw-bd .badge.badge-light{background:var(--dw-cream,#FAF2F0) !important;border-color:#ead9d6 !important;color:#6f625f !important;border-radius:999px;font-weight:500}
/* sticky sidebar + table of contents */
@media (min-width:992px){body .dw-bd .dw-toc.has-items{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}}
body .dw-bd .dw-toc{display:none}
body .dw-bd .dw-toc.has-items{display:block}
body .dw-bd .dw-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
body .dw-bd .dw-toc li{margin:0 0 8px}
body .dw-bd .dw-toc li.lvl3{padding-left:14px}
body .dw-bd .dw-toc a{display:block;font-size:14px;line-height:1.4;color:#5b4f4c !important;text-decoration:none !important;padding:3px 0 3px 10px;border-left:2px solid transparent}
body .dw-bd .dw-toc a:hover,body .dw-bd .dw-toc a.active{color:var(--dw-button-hover,#8B5A52) !important;border-left-color:var(--dw-button,#C8A19C)}
/* share + author */
body .dw-bd .dw-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;border-top:1px solid #efe5e3;border-bottom:1px solid #efe5e3;margin-bottom:36px}
body .dw-bd .dw-share span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8a7d7a;margin-right:4px}
body .dw-bd .dw-share a,body .dw-bd .dw-share button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #ead9d6;background:#fff;color:#5b4f4c !important;font-size:13px;font-weight:500;text-decoration:none !important;cursor:pointer}
body .dw-bd .dw-share a:hover,body .dw-bd .dw-share button:hover{background:var(--dw-cream,#FAF2F0);border-color:var(--dw-button,#C8A19C)}
body .dw-bd .dw-share svg{width:16px;height:16px;fill:currentColor}
body .dw-bd .dw-author{display:flex;gap:18px;align-items:center;background:var(--dw-cream,#FAF2F0);border:1px solid #ead9d6;border-radius:18px;padding:22px;margin-bottom:40px}
body .dw-bd .dw-author .av{width:64px;height:64px;border-radius:50%;background:var(--dw-button,#C8A19C);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:600;flex:none}
body .dw-bd .dw-author b{display:block;font-size:16px;color:#2b2b2b}
body .dw-bd .dw-author p{margin:4px 0 10px;font-size:14px;color:#6f625f;line-height:1.6}
body .dw-bd .dw-author a{display:inline-block;padding:8px 20px;border-radius:999px;background:var(--dw-button,#C8A19C);color:#fff !important;font-size:13px;font-weight:600;text-decoration:none !important}
body .dw-bd .dw-author a:hover{background:var(--dw-button-hover,#8B5A52)}
body .dw-bd .blog-product-card{border:1px solid #f1e7e5;box-shadow:0 6px 20px rgba(60,30,25,.06) !important}
body .dw-bd .blog-product-card h6 a{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:18px;font-weight:600}
body .dw-bd .blog-product-card strong{color:var(--dw-price,#8B5A52) !important}
@media (max-width:767px){
  body .dw-bd .post-main-title{font-size:32px !important}
  body .dw-bd .dw-lead{font-size:1.2rem !important}
  body .dw-bd .dw-author{flex-direction:column;text-align:center}
}

/* ===== 2026-10-27 v2: home-page fonts, no image cropping, compact author, merged like/share, product grid, sidebar ===== */
/* Fonts: same as home page (Jost); only product names stay Cormorant like home product cards */
body .dw-bd .post-main-title{font-family:'Jost',sans-serif !important;font-size:40px !important;font-weight:600 !important;letter-spacing:-.2px !important;color:#1a1a1a !important}
body .dw-bd .blog-content h2,body .dw-bd .blog-content h3,body .dw-bd .dw-blog-faq-title,body .dw-bd .dw-cm-title{font-family:'Jost',sans-serif !important;color:#1a1a1a !important;font-weight:600 !important}
body .dw-bd .dw-lead{font-family:'Jost',sans-serif !important;font-size:1.15rem !important;line-height:1.7 !important;color:#5b4f4c !important}
body .dw-bd .dw-author .av{font-family:'Jost',sans-serif !important}

/* Images: never cropped */
body .dw-bd .dw-hero-img img{aspect-ratio:auto !important;object-fit:contain !important;height:auto !important;max-height:none !important;background:var(--dw-cream,#FAF2F0)}
body .dw-bd .gallery-img{height:auto !important;object-fit:contain !important;background:var(--dw-cream,#FAF2F0)}
body .dw-bd .blog-content img{height:auto !important;object-fit:contain !important}

/* Like + share in one row */
body .dw-bd .dw-share{gap:8px}
body .dw-bd .dw-share .dw-share-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a7d7a;margin:0 2px 0 10px}
body .dw-bd .dw-like{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--dw-button,#C8A19C) !important;background:#fff !important;color:var(--dw-button-hover,#8B5A52) !important;font-size:13px;font-weight:600;cursor:pointer}
body .dw-bd .dw-like.is-liked{background:var(--dw-button,#C8A19C) !important;color:#fff !important}
body .dw-bd .dw-like svg{width:16px;height:16px;fill:currentColor}
@media (max-width:575px){body .dw-bd .dw-share .dw-share-label{width:100%;margin:6px 0 0}}

/* Compact author box */
body .dw-bd .dw-author{gap:14px;padding:14px 18px;border-radius:14px;margin-bottom:32px}
body .dw-bd .dw-author .av{width:44px;height:44px;font-size:18px}
body .dw-bd .dw-author b{font-size:14.5px}
body .dw-bd .dw-author p{font-size:13px;margin:2px 0 8px;line-height:1.5}
body .dw-bd .dw-author a{padding:6px 16px;font-size:12.5px}
@media (max-width:767px){body .dw-bd .dw-author{flex-direction:row;text-align:left}}

/* Featured products: centred grid, full image */
body .dw-bd .dw-prod-row{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(190px,230px));justify-content:center;gap:18px;margin:0 !important}
body .dw-bd .dw-prod-row > [class*="col-"]{max-width:none !important;width:auto !important;flex:none !important;padding:0 !important;margin:0 !important}
body .dw-bd .blog-product-card{display:flex;flex-direction:column;height:100%;border-radius:14px !important}
body .dw-bd .blog-product-card img{width:100% !important;height:auto !important;aspect-ratio:3/4;object-fit:contain !important;background:var(--dw-cream,#FAF2F0)}
body .dw-bd .blog-product-card .p-3{display:flex;flex-direction:column;flex:1;text-align:center}
body .dw-bd .blog-product-card h6{min-height:0 !important;margin-bottom:6px !important}
body .dw-bd .blog-product-card .btn{margin-top:auto;border-radius:999px !important}
body .dw-bd .premium-card .sidebar-title{margin-bottom:18px}

/* Sidebar */
body .dw-bd .dw-sidebar .premium-card{padding:20px !important;margin-bottom:20px !important;border-radius:16px !important}
body .dw-bd .dw-sidebar .sidebar-title{font-size:13px !important;letter-spacing:.1em;margin-bottom:14px !important;padding-left:10px}
body .dw-bd .dw-sidebar .input-group{border:1px solid #ead9d6;border-radius:999px;overflow:hidden;background:#fff;flex-wrap:nowrap}
body .dw-bd .dw-sidebar .input-group .form-control{border:0 !important;border-radius:0 !important;background:transparent !important;padding:10px 16px !important;box-shadow:none !important}
body .dw-bd .dw-sidebar .input-group .btn{border-radius:0 !important;padding:0 16px !important;margin:0 !important}
body .dw-bd .dw-sidebar ul li{border-bottom:1px solid #f3eae8 !important;padding:10px 0 !important}
body .dw-bd .dw-sidebar ul li:last-child{border-bottom:0 !important}
body .dw-bd .dw-sidebar ul li a{color:#3a2f2f !important;font-size:14.5px;text-decoration:none !important;transition:color .2s}
body .dw-bd .dw-sidebar ul li a:hover{color:var(--dw-button-hover,#8B5A52) !important}
body .dw-bd .dw-sidebar ul li .badge{background:var(--dw-cream,#FAF2F0) !important;color:var(--dw-button-hover,#8B5A52) !important;border-radius:999px;min-width:28px;font-weight:600}
body .dw-bd .dw-sidebar .media{gap:12px;padding-bottom:12px;margin-bottom:12px !important;border-bottom:1px solid #f3eae8}
body .dw-bd .dw-sidebar .media:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0 !important}
body .dw-bd .dw-sidebar .media img{width:64px !important;height:80px !important;object-fit:contain !important;background:var(--dw-cream,#FAF2F0);border-radius:10px !important;margin:0 !important;flex:none}
body .dw-bd .dw-sidebar .media h6 a{font-size:14px !important;font-weight:500 !important;line-height:1.4 !important;color:#2b2b2b !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .dw-bd .dw-sidebar .media h6 a:hover{color:var(--dw-button-hover,#8B5A52) !important}

/* ===== 2026-10-27 v3: whole sidebar stays fixed while scrolling (own scroll if taller than the screen) ===== */
@media (min-width:992px){
  body .dw-bd > .row{align-items:flex-start}
  body .dw-bd .dw-sidebar{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:#e3cfcb transparent}
  body .dw-bd .dw-sidebar::-webkit-scrollbar{width:5px}
  body .dw-bd .dw-sidebar::-webkit-scrollbar-thumb{background:#e3cfcb;border-radius:10px}
  body .dw-bd .dw-toc.has-items{position:static !important;max-height:none !important;overflow:visible !important}
}

/* ===== 2026-10-27 v4: Visual Story as a neat masonry grid (no cropping, no gaps) ===== */
body .dw-bd .dw-gallery{display:block !important;column-count:3;column-gap:14px;margin:0 0 3rem !important}
body .dw-bd .dw-gallery > [class*="col-"]{display:block;width:100% !important;max-width:none !important;padding:0 !important;margin:0 0 14px !important;break-inside:avoid}
body .dw-bd .dw-gallery a{display:block;border-radius:12px;overflow:hidden;cursor:zoom-in}
body .dw-bd .dw-gallery .gallery-img{width:100% !important;height:auto !important;display:block;border-radius:12px;transition:transform .35s ease,opacity .2s}
body .dw-bd .dw-gallery a:hover .gallery-img{transform:scale(1.03)}
@media (max-width:767px){body .dw-bd .dw-gallery{column-count:2;column-gap:10px}body .dw-bd .dw-gallery > [class*="col-"]{margin-bottom:10px !important}}