/* Native Shoptet articles, presented with the Oceterie site navigation and typography. */
#oceterie-landing.oc-blog { color: #fffdf9; background: #1a100b; font-family: "Montserrat", Arial, sans-serif; }
#oceterie-landing.oc-blog .oc-blog-breadcrumb { width: calc(100% - 48px); margin: 0 auto; padding: 100px 0 20px; color: #bcae9f; font-size: 12px; line-height: 1.7; display: flex; flex-wrap: wrap; gap: 8px; }
#oceterie-landing.oc-blog .oc-blog-breadcrumb a { color: inherit; text-decoration: none; }
#oceterie-landing.oc-blog .oc-blog-breadcrumb a:hover { color: #fffdf9; text-decoration: underline; }
#oceterie-landing.oc-blog .oc-blog-main { display: block; float: none; width: calc(100% - 48px); max-width: none; min-height: 40vh; margin: 0 auto; padding: 16px 0 64px; box-sizing: border-box; }
#oceterie-landing.oc-blog .oc-blog-main > section { padding: 0; margin: 0; }
#oceterie-landing.oc-blog .oc-blog-eyebrow { color: #df6048; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .16em; margin: 0 0 18px; }
#oceterie-landing.oc-blog .oc-blog-main h1 { font-family: inherit; font-size: clamp(32px, 10vw, 46px); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; color: #fffdf9; margin: 0 0 22px; overflow-wrap: break-word; }
#oceterie-landing.oc-blog .oc-blog-lead { color: #c8b9a8; font-size: 16px; line-height: 1.85; margin: 0 0 40px; }
#oceterie-landing.oc-blog .news-wrapper { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; margin: 0; padding: 0; }
#oceterie-landing.oc-blog .news-item { width: 100%; margin: 0; padding: 0 0 32px; background: transparent; border: 0; border-bottom: 1px solid rgba(217,165,108,.28); float: none; box-shadow: none; }
#oceterie-landing.oc-blog .news-item .image { width: 100%; float: none; margin: 0 0 23px; padding: 0; }
#oceterie-landing.oc-blog .news-item .image a { display: block; }
#oceterie-landing.oc-blog .news-item .image img { display: block; width: 100%; height: auto; max-width: none; border-radius: 5px; }
#oceterie-landing.oc-blog .news-item > .text { width: 100%; margin: 0; padding: 0; float: none; color: #c8b9a8; }
#oceterie-landing.oc-blog .news-item h2 { margin: 0 0 14px; font-size: 26px; font-weight: 750; line-height: 1.2; letter-spacing: -.025em; }
#oceterie-landing.oc-blog .news-item a.title { display: inline; font: inherit; color: #fffdf9; text-decoration: none; }
#oceterie-landing.oc-blog .news-item a.title:hover { color: #df6048; }
#oceterie-landing.oc-blog .news-item time { display: block; color: #a99b8d; font-size: 12px; line-height: 1.6; margin-bottom: 16px; }
#oceterie-landing.oc-blog .news-item .description { color: #c8b9a8; font-size: 15px; line-height: 1.85; margin: 0 0 20px; }
#oceterie-landing.oc-blog .news-item .description p { margin: 0; }
#oceterie-landing.oc-blog .news-item .description strong { font-weight: 500; }
#oceterie-landing.oc-blog .news-item .description { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
#oceterie-landing.oc-blog .oc-blog-read, #oceterie-landing.oc-blog .oc-blog-back { display: inline-flex; align-items: center; color: #df6048; font-size: 12px; font-weight: 750; letter-spacing: .025em; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid currentColor; }
#oceterie-landing.oc-blog .oc-blog-read::after { content: "↗"; margin-left: 10px; font-size: 18px; }
#oceterie-landing.oc-blog .oc-blog-read:hover, #oceterie-landing.oc-blog .oc-blog-back:hover { color: #fffdf9; }
#oceterie-landing.oc-blog .news-item-detail { background: transparent; padding: 0; margin: 0; border: 0; }
#oceterie-landing.oc-blog .news-item-detail > time { display: block; color: #a99b8d; font-size: 12px; line-height: 1.8; margin: 0 0 6px; }
#oceterie-landing.oc-blog .oc-blog-author { color: #c8b9a8; font-size: 12px; font-weight: 650; margin: 0 0 28px; }
#oceterie-landing.oc-blog .oc-blog-hero { margin: 0 0 32px; width: 100%; }
#oceterie-landing.oc-blog .oc-blog-hero img { display: block; width: 100%; height: auto; border-radius: 5px; }
#oceterie-landing.oc-blog .news-item-detail > .text { color: #dfd2c3; font-size: 16px; line-height: 1.9; overflow-wrap: break-word; }
#oceterie-landing.oc-blog .news-item-detail > .text p { margin: 0 0 22px; }
#oceterie-landing.oc-blog .news-item-detail > .text h2 { color: #fffdf9; font-size: 28px; line-height: 1.18; font-weight: 750; letter-spacing: -.025em; margin: 42px 0 22px; padding-top: 28px; border-top: 1px solid rgba(217,165,108,.26); }
#oceterie-landing.oc-blog .news-item-detail > .text h3 { color: #fffdf9; font-size: 20px; line-height: 1.3; font-weight: 700; margin: 28px 0 16px; }
#oceterie-landing.oc-blog .news-item-detail > .text strong { color: #fffdf9; font-weight: 650; }
#oceterie-landing.oc-blog .news-item-detail > .text ul, #oceterie-landing.oc-blog .news-item-detail > .text ol { margin: 0 0 26px; padding-left: 24px; list-style-position: outside; }
#oceterie-landing.oc-blog .news-item-detail > .text li { padding-left: 4px; margin-bottom: 12px; line-height: 1.85; }
#oceterie-landing.oc-blog .news-item-detail > .text li::marker { color: #df6048; font-weight: 750; }
#oceterie-landing.oc-blog .news-item-detail > .text a { color: #df6048; text-decoration: underline; text-underline-offset: 3px; }
#oceterie-landing.oc-blog .news-item-detail > .text img, #oceterie-landing.oc-blog .news-item-detail > .text video { max-width: 100%; height: auto; }
#oceterie-landing.oc-blog .news-item-detail > .text table { display: block; max-width: 100%; overflow-x: auto; }
#oceterie-landing.oc-blog .oc-blog-back { margin: 36px 0 0; padding-top: 20px; }
#oceterie-landing.oc-blog .next-prev { margin: 28px 0; display: flex; gap: 16px; flex-wrap: wrap; }
#oceterie-landing.oc-blog .pagination { margin: 30px 0; color: #dfd2c3; }
#oceterie-landing.oc-blog a:focus-visible, #oceterie-landing.oc-blog button:focus-visible { outline: 2px solid #d9a56c; outline-offset: 5px; }
@media (max-width: 359px) { #oceterie-landing.oc-blog .oc-blog-main, #oceterie-landing.oc-blog .oc-blog-breadcrumb { width: calc(100% - 36px); } #oceterie-landing.oc-blog .oc-blog-main h1 { font-size: 32px; } }