/* Article content follows the page grid; photography stays alongside the copy. */
.blog-article-page .blog-article,.blog-article-page.has-product-guide .blog-article{width:100%;max-width:none;margin:32px 0 0}
.blog-article-page .blog-article>header{max-width:1120px;margin:0 0 30px}
.blog-article-page .blog-prose,.blog-article-page.personal-article .blog-prose{width:100%;max-width:none;margin-inline:0;display:flow-root;font-size:18px;line-height:1.8}
.blog-article-page .blog-prose>p,.blog-article-page .blog-prose>h2,.blog-article-page .blog-prose>h3,.blog-article-page .blog-prose>ul,.blog-article-page .blog-prose>ol,.blog-article-page .blog-prose>blockquote,.blog-article-page .article-fragrance-section>p,.blog-article-page .article-fragrance-section>ul{max-width:none;margin-left:0;margin-right:0}
.blog-article-page .blog-prose p{font-size:18px;line-height:1.8;margin-bottom:18px}
.blog-article-page .blog-prose h2{font-size:27px;line-height:1.35;letter-spacing:-.02em;margin-top:28px;margin-bottom:16px;opacity:1!important;transform:none!important}
.blog-article-page .blog-prose h3{font-size:22px;line-height:1.4;opacity:1!important;transform:none!important}
.blog-article-page .blog-prose blockquote{display:flow-root;max-width:none;margin:24px 0;padding:18px 22px;border-left:3px solid var(--rose);background:#fbf3f7;border-radius:0 8px 8px 0;font-size:18px;line-height:1.7}
.blog-article-page .blog-prose blockquote p{margin:0}
.blog-article-page .blog-inline-photo,.blog-article-page .personal-photos{float:right;width:340px;max-width:34%;margin:4px 0 22px 28px;padding:0;background:none;border:0;border-radius:0;display:block}
.blog-article-page .blog-inline-photo img,.blog-article-page .personal-photos img{display:block;float:none;width:100%;height:auto;max-height:none;aspect-ratio:3/4;object-fit:cover;object-position:center 60%;margin:0;border-radius:7px}
.blog-article-page .personal-photos figure{margin:0 0 16px;min-width:0}
.blog-article-page .personal-photos figure:last-child{margin-bottom:0}
.blog-article-page .blog-inline-photo figcaption,.blog-article-page .personal-photos figcaption{font-size:13px;line-height:1.5;color:var(--muted);padding:8px 0 0;margin:0}
.blog-article-page .personal-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:460px;max-width:42%}
.blog-article-page .personal-photo-grid img{height:auto;max-height:none;aspect-ratio:3/4;object-fit:cover}
.blog-article-page .personal-ingredients{width:220px;max-width:24%;padding:0;background:none;display:flex;gap:12px}
.blog-article-page .personal-ingredients img{height:145px;max-height:145px;object-fit:contain}
.blog-article-page .article-fragrance-intro{display:flow-root}
.blog-article-page .article-fragrance-copy{display:contents}
.blog-article-page .blog-prose .article-ingredient{float:right;width:240px;max-width:26%;margin:0 0 20px 28px;padding:0;border:0;background:none}
.blog-article-page .blog-prose .article-ingredient img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;margin:0;border-radius:0;float:none}
.article-fragrance-toc{clear:both;border-block:1px solid var(--line);padding:16px 0;margin:24px 0 30px}
.article-fragrance-toc>span{display:block;color:var(--muted);font-size:15px;margin-bottom:12px}
.article-fragrance-toc>div{display:flex;flex-wrap:wrap;gap:9px}
.article-fragrance-toc a{padding:8px 14px;background:#fcf3f7;border:1px solid #edd9e4;border-radius:4px;color:var(--rose-dark);font-size:16px;text-decoration:none}
.article-fragrance-section{clear:both;scroll-margin-top:24px;margin:0 0 30px;border-bottom:1px solid var(--line);padding-bottom:24px}
.article-fragrance-section>h2,.article-fragrance-copy>h2{margin-top:0}
.blog-article-page .personal-products,.article-catalog-picks{clear:both;margin:28px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blog-article-page .personal-products>h2{margin:0 0 20px!important}
.article-product-rail{margin-top:20px}
.article-product-rail .article-rail-label{font-size:15px;color:var(--muted);line-height:1.5;margin:0 0 12px}
.blog-article-page .product-rail-track{grid-auto-columns:calc((100% - 60px)/4);gap:20px}
.blog-article-page .product-card{opacity:1!important;transform:none!important;min-width:0}
.blog-article-page .product-card a{text-decoration:none}
.blog-article-page .product-card .product-photo img{float:none;margin:0}
.blog-article-page .product-card .product-info{font-size:15px;line-height:1.5;padding:12px 8px}
.blog-article-page .product-card .product-title{font-size:16px;line-height:1.45;color:var(--ink)}
.blog-article-page .product-card .product-price{font-size:23px}
.blog-article-page .product-card .product-category,.blog-article-page .product-card .availability{font-size:12px}
.blog-article-page .product-card .product-bottom{gap:8px}
.blog-article-page .product-card .card-buy{font-size:13px}
.blog-article-page .product-rail-controls{line-height:1.5}
.blog-article-page .personal-product-feature{display:block;margin:28px 0;padding:0;border:0;border-radius:0;background:none}
.blog-article-page .personal-product-feature>.product-card{float:left;width:190px;max-width:190px;margin:0 28px 18px 0;background:#fff}
.blog-article-page .personal-product-feature>.product-card .product-info{padding:10px 0}
.blog-article-page .personal-product-feature .product-title{font-size:15px}
.blog-article-page .personal-product-feature h2{margin-top:0}
.blog-article-page .personal-product-feature .blog-read{display:inline-flex;align-items:center;gap:18px;font-size:16px;max-width:none;margin-top:6px}
.blog-article-page .personal-references{clear:both;max-width:none;margin:28px 0 0;padding-top:20px}
.article-product-rail .rail-autoplay-toggle{font-size:19px;line-height:1}
.article-product-rail .rail-autoplay-toggle[aria-pressed="true"]{background:#fcf3f7;border-color:var(--rose)}
@media(max-width:750px){
 .blog-article-page .blog-article,.blog-article-page.has-product-guide .blog-article{margin-top:25px}
 .blog-article-page .blog-article h1{font-size:27px;line-height:1.22}
 .blog-article-page .blog-article-lead{font-size:16px;line-height:1.65}
 .blog-article-page .blog-prose,.blog-article-page .blog-prose p,.blog-article-page .blog-prose li{font-size:16px;line-height:1.75}
 .blog-article-page .blog-prose h2{font-size:23px;line-height:1.35}
 .blog-article-page .blog-prose h3{font-size:20px}
 .blog-article-page .blog-inline-photo,.blog-article-page .personal-photos,.blog-article-page .personal-photo-grid{float:right;width:140px;max-width:46%;margin:4px 0 14px 16px}
 .blog-article-page .blog-inline-photo img,.blog-article-page .personal-photos img{height:auto;max-height:none;aspect-ratio:3/4;object-fit:cover}
 .blog-article-page .personal-photo-grid{display:block}
 .blog-article-page .personal-photos figure{margin-bottom:12px}
 .blog-article-page .personal-photos figcaption,.blog-article-page .blog-inline-photo figcaption{font-size:12px}
 .blog-article-page .personal-ingredients{width:130px;max-width:40%;display:block}
 .blog-article-page .personal-ingredients img{height:100px}
 .blog-article-page .blog-prose .article-ingredient{float:right;width:130px;max-width:40%;margin:0 0 14px 16px}
 .blog-article-page .blog-prose .article-ingredient img{max-height:120px}
 .blog-article-page .product-rail-track{grid-auto-columns:42%;gap:12px}
  .blog-article-page .personal-product-feature>.product-card{float:none;width:180px;max-width:180px;margin:0 0 20px}
   .article-fragrance-toc a{font-size:15px;padding:8px 11px}
}
@media(max-width:380px){
 .blog-article-page .blog-article h1{font-size:25px}
 .blog-article-page .blog-inline-photo,.blog-article-page .personal-photos,.blog-article-page .personal-photo-grid{width:120px;margin-left:14px}
}

.blog-article-page .personal-ingredients.personal-ingredient-large{width:340px;max-width:34%;padding:0;background:none}.blog-article-page .personal-ingredients.personal-ingredient-large img{width:100%;height:auto;max-height:340px;aspect-ratio:auto;object-fit:contain}
@media(max-width:750px){.blog-article-page .personal-ingredients.personal-ingredient-large{width:180px;max-width:50%;margin-left:16px}.blog-article-page .personal-ingredients.personal-ingredient-large img{height:auto;max-height:180px}}

.blog-article-page .personal-ingredient-large>figure{max-width:none;width:100%;flex:1}

/* Compact, readable blog headings on phones. */
@media(max-width:750px){
 .blog-card h2,.blog-card h3{font-size:16px;line-height:1.35}
 .blog-heading h1{font-size:28px;line-height:1.2}
 .blog-article-page .blog-article h1{font-size:25px;line-height:1.25}
 .blog-article-page .blog-prose h2{font-size:21px;line-height:1.35}
 .blog-article-page .blog-prose h3{font-size:19px;line-height:1.4}
}
@media(max-width:380px){
 .blog-card h2,.blog-card h3{font-size:15px}
 .blog-article-page .blog-article h1{font-size:24px}
}
