/* 2026-09 follow-up tuning: compact mobile nav, square blog covers, home card layouts. */

/* --- Header / mega menu --- */
@media (min-width:1001px){
  .mj-header-shell .mj-site-header .mega-grid a.mj-feature-link{
    aspect-ratio:1/1;
    min-height:0;
    padding:18px;
  }
  .mj-header-shell .mj-site-header .mega-grid .mj-feature-link h3{font-size:clamp(20px,2vw,28px)}
  .mj-header-shell .mj-site-header .mega-grid .mj-feature-cta{margin-top:4px;padding-top:10px}
  .mj-header-shell .mj-site-header .mega-panel img{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover;
  }
}

@media (max-width:1000px){
  .mj-header-shell .mj-site-header .mj-mobile-navigation-panel{padding:4px 16px 18px}
  .mj-header-shell .mj-site-header .mj-mobile-group>summary,
  .mj-header-shell .mj-site-header .mj-mobile-group--link,
  .mj-header-shell .mj-site-header .mj-mobile-group--link .mj-shell-mobile__top-link{
    min-height:42px!important;
  }
  .mj-header-shell .mj-site-header .mj-mobile-group>summary{font-size:17px;padding:6px 0}
  .mj-header-shell .mj-site-header .mj-mobile-group>summary>a{font:inherit;padding:0;min-height:0}
  .mj-header-shell .mj-site-header .mj-mobile-group--link .mj-shell-mobile__top-link{font-size:17px!important;padding:6px 0!important}
  .mj-header-shell .mj-site-header .mj-mobile-navigation-panel a{padding:5px 2px;min-height:30px;font-size:12px;line-height:1.3}
  .mj-header-shell .mj-site-header .mj-mobile-group .mega-col{margin:6px 0 10px}
  .mj-header-shell .mj-site-header .mj-shell-mobile__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-bottom:8px}
  .mj-header-shell .mj-site-header .mj-mobile-group .mega-col h3{margin:0 0 2px;font-size:9px;letter-spacing:.11em}
  .mj-header-shell .mj-site-header .mj-mobile-group .mj-topic-group>summary{min-height:34px;padding:4px 0;font-size:12px}
  .mj-header-shell .mj-site-header .mj-topic-links{margin:2px 0 6px 5px;padding-left:7px}
  .mj-header-shell .mj-site-header .mj-topic-links a{min-height:30px;padding-block:5px}
  .mj-header-shell .mj-site-header .mj-mobile-utility{margin-top:10px;padding-top:8px;gap:0 12px}
  .mj-header-shell .mj-site-header .mj-mobile-navigation-panel{max-height:calc(100dvh - var(--mj-shop-header-height,70px));overscroll-behavior:contain}
}

/* --- Global card rounding for the refreshed design pages --- */
.mj-home .product-image,
.mj-home .jewelry-tile,
.mj-home .pearl-card,
.mj-home .lot-card,
.mj-home .academy-card,
.mj-home .source-media,
.mj-home .faq-list details,
.blog-pillar-card,
.blog-archive-card,
.article-related-card{
  border-radius:16px;
}
.blog-archive-card,
.blog-pillar-card,
.article-related-card{overflow:hidden}
.article-page .article-related-card > img{aspect-ratio:1/1;height:auto;min-height:0;align-self:center;object-fit:cover}

/* Pillar/archive thumbnails fill the fixed image column on every breakpoint. */
.blog-pillar-cover,
.blog-archive-cover{overflow:hidden;min-width:0;min-height:0;align-self:stretch;position:relative;aspect-ratio:auto}
.blog-pillar-cover img,
.blog-archive-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* --- Home page layout refinements --- */
.mj-home .academy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mj-home .academy-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:0;
  border:1px solid #dedbd2;
  background:#fff;
  color:inherit;
  text-decoration:none;
  min-height:112px;
  padding:0;
}
.mj-home .academy-card:hover{text-decoration:none;box-shadow:0 12px 26px rgba(23,34,48,.08);transform:translateY(-1px)}
.mj-home .academy-card .mj-blog-feature-cover{display:block;background:#ebe5da;min-width:0;min-height:0;align-self:stretch;overflow:hidden;position:relative;aspect-ratio:auto}
.mj-home .academy-card .mj-blog-feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mj-home .academy-card .mj-blog-feature-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px 18px}
.mj-home .academy-card .mj-blog-feature-copy .num{font-family:Georgia,"Times New Roman",serif;font-size:16px;color:#a67b47;margin-bottom:6px}
.mj-home .academy-card h3{font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:500;line-height:1.24;margin:0 0 6px}
.mj-home .academy-card p{font-size:13px;line-height:1.55;color:#66717d;margin:0}

@media (max-width:680px){
  .mj-home .pearl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mj-home .pearl-card{min-width:0}
  .mj-home .pearl-card .pearl-art{height:auto;aspect-ratio:1/1}
  .mj-home .pearl-card .pearl-body{padding:12px}

  .mj-home .jewelry-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
  .mj-home .jewelry-tile.main{grid-column:auto;grid-row:auto;aspect-ratio:1/1}
  .mj-home .jewelry-tile:not(.main){aspect-ratio:1/1}
  .mj-home .jewelry-tile .tile-copy{left:14px;right:14px;bottom:14px}
  .mj-home .jewelry-tile h3{font-size:20px}

  .mj-home .new-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .mj-home .new-section .product h3{font-size:13px;line-height:1.35;margin-top:10px}
  .mj-home .new-section .product .meta,
  .mj-home .new-section .product .price,
  .mj-home .new-section .product .actions{font-size:11px}

  .mj-home .academy-grid{grid-template-columns:1fr;gap:12px}
  .mj-home .academy-card{grid-template-columns:92px minmax(0,1fr);min-height:92px}
  .mj-home .academy-card .mj-blog-feature-copy{padding:10px 12px}
  .mj-home .academy-card .mj-blog-feature-copy .num{font-size:14px;margin-bottom:4px}
  .mj-home .academy-card h3{font-size:17px;margin-bottom:3px}
  .mj-home .academy-card p{font-size:12px;line-height:1.45}
}

/* Keep pillar and archive cards comfortably rounded on narrow screens too. */
@media (max-width:600px){
  .blog-archive-card,
  .blog-pillar-card,
  .article-related-card{border-radius:14px}
}
/* Match the cards actually emitted by contentLinks, independent of copy length. */
.mj-design-page .mj-blog-feature-card{border-radius:16px;position:relative;align-items:stretch}
.mj-design-page .mj-blog-feature-cover{min-width:0;min-height:0;align-self:stretch;overflow:hidden;position:relative}
.mj-design-page .mj-blog-feature-cover img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
.mj-design-page .mj-blog-feature-title:after{content:"";position:absolute;inset:0}
.mj-design-page .mj-blog-feature-card:focus-within{outline:2px solid #a67b47;outline-offset:3px}
.mj-home .academy-card.mj-blog-feature-card{grid-template-columns:112px minmax(0,1fr)!important}
@media(max-width:680px){
 .mj-home .academy-card.mj-blog-feature-card{grid-template-columns:92px minmax(0,1fr)!important}
 .mj-home .pearl-card h3{font-size:18px}
 .mj-home .pearl-card p{font-size:12px;line-height:1.5}
}

/* Retail shopping guides: dedicated horizontal bars (mj-shop-guide). */
.mj-retail .mj-shopping-guide-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.mj-retail .mj-shopping-guide-cards .mj-shop-guide{
  display:flex;
  flex-direction:row;
  align-items:center;
  height:96px;
  max-height:96px;
  padding:0;
  overflow:hidden;
  border:1px solid #d9d8cf;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.mj-retail .mj-shopping-guide-cards .mj-shop-guide__media{
  flex:0 0 96px;
  width:96px;
  height:96px;
  overflow:hidden;
  background:#eeeae1;
}
.mj-retail .mj-shopping-guide-cards .mj-shop-guide__media img{
  display:block;
  width:96px;
  height:96px;
  max-width:none;
  object-fit:cover;
  position:static;
}
.mj-retail .mj-shopping-guide-cards .mj-shop-guide__label{
  flex:1 1 auto;
  min-width:0;
  padding:0 14px;
  font:400 18px/1.3 Georgia,serif;
}
@media(max-width:680px){
 .mj-retail .mj-shopping-guide-cards{grid-template-columns:minmax(0,1fr);gap:12px}
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide,
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide__media,
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide__media img{
  height:86px;max-height:86px;
 }
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide__media,
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide__media img{
  flex-basis:86px;width:86px;
 }
 .mj-retail .mj-shopping-guide-cards .mj-shop-guide__label{font-size:17px;padding:0 12px}
}