.primary-nav .sm-artist-nav { position:relative; }
.primary-nav .sm-artist-nav summary { list-style:none; cursor:pointer; color:#d9dce4; font-size:.68rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; padding:10px 0; }
.primary-nav .sm-artist-nav summary::-webkit-details-marker { display:none; }
.primary-nav .sm-artist-nav summary::after { content:'⌄'; margin-left:6px; }
.primary-nav .sm-artist-nav[open] summary,.primary-nav .sm-artist-nav.is-current summary { color:var(--gold-light); }
.primary-nav .sm-artist-nav summary:focus-visible { outline:2px solid var(--gold-light); outline-offset:5px; }
.sm-artist-nav__links { position:absolute; top:100%; right:0; width:270px; padding:10px 16px; background:#071426; border:1px solid var(--line); box-shadow:0 14px 30px #0006; z-index:60; }
.primary-nav .sm-artist-nav__links a { display:block; white-space:normal; padding:13px 0; font-size:.82rem; letter-spacing:.01em; text-transform:none; line-height:1.5; }
.primary-nav .sm-artist-nav__links a::after { bottom:5px; }
@media(min-width:1201px) { .primary-nav:has(.sm-artist-nav) { gap:14px; } .primary-nav:has(.sm-artist-nav) > a { font-size:.62rem; } .primary-nav:has(.sm-artist-nav) .keepsake-nav summary { font-size:.62rem; } .primary-nav:has(.sm-artist-nav) .sm-artist-nav summary { font-size:.62rem; } }
@media(max-width:1200px) { .primary-nav .sm-artist-nav { width:100%; } .primary-nav .sm-artist-nav summary { padding:17px 4px; font-family:var(--serif); font-size:1rem; font-weight:400; letter-spacing:0; text-transform:none; border-bottom:1px solid rgba(214,168,76,.17); } .sm-artist-nav__links { position:static; width:auto; padding:0 0 0 18px; border:0; box-shadow:none; background:transparent; } .primary-nav .sm-artist-nav__links a { font-size:1rem; padding:14px 4px; } }
.sm-artist-commerce-content { background:var(--ivory); color:var(--navy); padding:48px 36px; margin-block:40px; }
.sm-artist-commerce-content h1 { font-size:clamp(2.3rem,4vw,3.5rem); line-height:1.15; }
.sm-artist-commerce-content .eyebrow { color:#76531d; }
.sm-artist-commerce-content a { color:#76531d; }
.sm-artist-commerce-content .woocommerce-breadcrumb,.sm-artist-commerce-content .woocommerce-tabs .panel { color:var(--navy); }
@media(max-width:600px) { .sm-artist-commerce-content { width:calc(100% - 24px); padding:28px 18px; margin-block:18px; } }
