/* SufiHealings v3 shared navigation and night palette. Local CSS only. */
.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(253,246,227,.96); border-bottom: 1px solid rgba(212,168,67,.28); box-shadow: 0 4px 18px rgba(0,55,34,.07); backdrop-filter: blur(14px); }
.header-inner { position:relative; width: min(100% - 3rem, 82rem); min-height: 5rem; margin-inline: auto; padding: .65rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1.1rem; }
.site-brand { display: inline-flex; align-items: center; gap: .75rem; min-width: 12rem; color: #163b2c; text-decoration: none; }
.brand-mark { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid #d4a843; border-radius: 50%; color: #006b3f; font-family: Georgia,serif; font-size: 1.35rem; }
.brand-text { display: grid; gap: .12rem; }
.site-title { color: #123b2b; font-size: 1.05rem; font-weight: 750; line-height: 1.2; }
.brand-tagline { color: #65766c; font-size: .63rem; letter-spacing: .09em; text-transform: uppercase; }
.custom-logo-link img { width: auto; max-height: 3.1rem; border-radius: 0; }
.site-brand .custom-logo { width:auto; max-height:3.1rem; border-radius:0; }
.nav-primary { position:static; display: flex; align-items: center; min-width: 0; }
.nav-menu { position:static; display: flex; align-items: center; gap: .18rem; margin: 0; padding: 0; list-style: none; }
.nav-menu > .menu-item { position: static; margin: 0; }
.nav-menu > .menu-item > a { display: flex; align-items: center; gap: .4rem; min-height: 2.75rem; padding: .55rem .72rem; border-radius: .45rem; color: #234535; font-size: .84rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.nav-menu > .menu-item > a:hover, .nav-menu > .menu-item:focus-within > a { color: var(--qadri-emerald-dark); background: #e8f5ed; }
.nav-menu > .menu-item-has-children > a::after { width: .38rem; height: .38rem; margin: -.18rem 0 0 .18rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; content: ""; transform: rotate(45deg); }
.nav-menu .sub-menu { position: absolute; z-index: 1001; top: 100%; left: 50%; display: grid; grid-template-columns: repeat(auto-fit,minmax(12rem,1fr)); gap: .2rem; width: min(54rem,calc(100vw - 3rem)); margin: 0; padding: 1rem; border: 1px solid rgba(212,168,67,.4); border-radius: 0 0 .9rem .9rem; background: #fffdf8; box-shadow: 0 22px 52px rgba(13,57,38,.16); list-style: none; opacity: 0; visibility: hidden; transform: translate(-50%,.4rem); transition: opacity .16s ease,transform .16s ease,visibility .16s ease; }
.nav-menu > .menu-item-has-children > .sub-menu { display:grid; }
.nav-menu > .menu-item-has-children > .sub-menu > .menu-item { display:block; width:auto; }
.nav-menu > .menu-item:last-child > .sub-menu { right:0; left:auto; transform:translateY(.4rem); }
.nav-menu > .menu-item:hover > .sub-menu, .nav-menu > .menu-item:focus-within > .sub-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-menu > .menu-item:last-child:hover > .sub-menu,.nav-menu > .menu-item:last-child:focus-within > .sub-menu { transform:translateY(0); }
.nav-menu .sub-menu .menu-item { margin: 0; }
.nav-menu .sub-menu a { display: block; padding: .72rem .8rem; border-radius: .5rem; color: #274737; font-size: .84rem; line-height: 1.45; text-decoration: none; }
.nav-menu .sub-menu a:hover, .nav-menu .sub-menu a:focus-visible { color: var(--qadri-emerald-dark); background: #f2f6ed; }
.nav-menu .sub-menu .sub-menu { top: 0; left: 100%; width: 18rem; grid-template-columns: 1fr; border-radius: .7rem; }
.header-actions { display: flex; align-items: center; gap: .55rem; flex-shrink: 0; }
.header-shop-link { display: inline-flex; min-height: 2.7rem; align-items: center; gap: .5rem; padding: .55rem .9rem; border-radius: .42rem; background: #006b3f; color: #fffdf7!important; font-size: .82rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.header-shop-link:hover { background: #004d2d; }
.theme-mode-toggle,.mobile-menu-btn { display: inline-grid; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(0,107,63,.18); border-radius: .5rem; background: transparent; color: #006b3f; cursor: pointer; }
.theme-mode-toggle { font-size: 1.15rem; }
.mobile-menu-btn { display: none; }
.mobile-menu-btn svg { stroke: currentColor; }
.nav-menu-fallback > .menu-item:first-child > a { font-weight: 750; }
.skip-link { z-index: 2000; }
@media (max-width: 1120px) {
  .header-inner { width: min(100% - 2rem,82rem); gap: .55rem; }
  .site-brand { min-width: 0; }
  .brand-tagline { display: none; }
  .nav-menu > .menu-item > a { padding-inline: .5rem; font-size: .79rem; }
  .header-shop-link { padding-inline: .7rem; }
}
@media (max-width: 968px) {
  .header-inner { position: relative; min-height: 4.55rem; flex-wrap:wrap; }
  .header-actions { margin-left:auto; }
  .mobile-menu-btn { display:none; }
  .nav-primary { position:static; display:block; order:3; flex:1 0 100%; max-height:none; overflow:visible; padding:.45rem 0 .2rem; border:0; background:transparent; box-shadow:none; }
  html.js .mobile-menu-btn { display:inline-grid; }
  html.js .nav-primary { position:absolute; z-index:1002; top:100%; right:-1rem; left:-1rem; display:none; max-height:calc(100dvh - 4.5rem); overflow-y:auto; padding:.7rem 1rem 1rem; border-bottom:1px solid rgba(212,168,67,.35); background:#fffdf8; box-shadow:0 18px 30px rgba(13,57,38,.13); }
  html.js .nav-primary.open { display:block; }
  .nav-menu { display: flex; align-items: stretch; flex-direction: column; gap: .1rem; }
  .nav-menu > .menu-item > a { min-height: 2.8rem; padding: .7rem .8rem; font-size: .93rem; white-space: normal; }
  .nav-menu .sub-menu, .nav-menu .sub-menu .sub-menu { position: static; display: grid; width: auto; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: .1rem .5rem .65rem; padding: .35rem; border: 0; border-left: 2px solid #d4a843; border-radius: 0; background: #f7f3e8; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .nav-menu > .menu-item-has-children > .sub-menu { display:grid; }
  .nav-menu .sub-menu a { padding: .58rem .65rem; }
  .nav-menu .sub-menu .sub-menu { margin-inline: .2rem; }
}
@media (max-width: 520px) {
  .header-inner { width: calc(100% - 1.25rem); }
  .site-title { font-size: .94rem; }
  .brand-mark { width: 2.35rem; height: 2.35rem; }
  .header-actions { gap: .35rem; }
  .header-shop-link { width: 2.55rem; overflow: hidden; justify-content: center; padding: .45rem; font-size: 0; }
  .header-shop-link span { font-size: 1.1rem; }
  .theme-mode-toggle,.mobile-menu-btn { width: 2.45rem; height: 2.45rem; }
  .nav-menu .sub-menu, .nav-menu .sub-menu .sub-menu { grid-template-columns: 1fr; }
}

html:is([data-theme="dark"],[data-theme="qadri-night"]) body { --color-background:var(--qadri-deep); --color-surface:#07301E; --color-text:var(--nur-white); --color-text-muted:#D7E2D7; --color-border:#28543C; background:var(--qadri-deep); color:var(--nur-white); }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .site-header { background:rgba(2,35,21,.97); border-color:rgba(212,168,67,.3); }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .site-title,html:is([data-theme="dark"],[data-theme="qadri-night"]) .site-brand,html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu> .menu-item> a { color:var(--nur-white); }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .brand-tagline { color:#C4D5C9; }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu> .menu-item> a:hover,html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu> .menu-item:focus-within> a { color:var(--nur-radiant); background:rgba(0,107,63,.35); }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu .sub-menu { border-color:rgba(212,168,67,.35); background:#07301E; }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu .sub-menu a { color:var(--nur-white); }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu .sub-menu a:hover,html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu .sub-menu a:focus-visible { color:var(--nur-radiant); background:#145A2C; }
html:is([data-theme="dark"],[data-theme="qadri-night"]) .theme-mode-toggle,html:is([data-theme="dark"],[data-theme="qadri-night"]) .mobile-menu-btn { color:var(--nur-radiant); border-color:rgba(212,168,67,.4); }
@media (max-width:968px) { html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-primary { background:#07301E; border-color:rgba(212,168,67,.35); } html:is([data-theme="dark"],[data-theme="qadri-night"]) .nav-menu .sub-menu { background:#07301E; } }
@media (prefers-reduced-motion:reduce) { .nav-menu .sub-menu { transition:none; } }

/* Shared collection, search, and not-found fallbacks. */
.collection-page { width:min(100% - 3rem,76rem); min-height:60vh; margin-inline:auto; padding:clamp(2.5rem,6vw,5rem) 0; }
.collection-heading { max-width:62rem; margin:0 auto 2rem; }
.collection-heading h1,.not-found-page h1 { margin:0 0 .75rem; color:#18372a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.1rem,5vw,3.7rem); font-weight:500; letter-spacing:-.04em; line-height:1.08; }
.collection-description { max-width:64ch; color:#5e7065; }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.collection-card { overflow:hidden; border:1px solid #e6deca; border-radius:.5rem; background:#fffdf8; }
.collection-card-link { display:flex; height:100%; flex-direction:column; color:inherit!important; text-decoration:none; }
.collection-card-image { aspect-ratio:16/9; overflow:hidden; background:#e7eadb; }
.collection-card-image img { width:100%; height:100%; border-radius:0; object-fit:cover; }
.collection-card-placeholder { display:grid; place-items:center; color:#a47d32; font-size:1.6rem; }
.collection-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:1.25rem; }
.collection-card-copy h2 { margin:0 0 .5rem; color:#18372a; font-family:Georgia,"Times New Roman",serif; font-size:1.35rem; font-weight:500; line-height:1.3; }
.collection-card-copy p:not(.collection-meta) { margin:0 0 1rem; color:#5e7065; font-size:.88rem; line-height:1.7; }
.collection-card-copy>span { margin-top:auto; color:#006b3f; font-size:.82rem; font-weight:750; }
.collection-meta { margin:0 0 .55rem; color:#68786d; font-size:.72rem; }
.collection-pagination { margin-top:2rem; }
.collection-pagination .nav-links { display:flex; flex-wrap:wrap; gap:.4rem; }
.collection-pagination .page-numbers { padding:.55rem .8rem; border:1px solid #e6deca; border-radius:.35rem; color:#006b3f; text-decoration:none; }
.collection-pagination .current { background:#006b3f; color:white; }
.collection-empty { padding:2rem; border:1px dashed #c8c1ad; border-radius:.5rem; background:#fffdf8; }
.collection-empty h2 { color:#18372a; font-family:Georgia,"Times New Roman",serif; font-size:1.5rem; font-weight:500; }
.collection-empty a,.not-found-page a { color:#006b3f; font-weight:700; }
.not-found-page { width:min(100% - 3rem,58rem); min-height:60vh; margin-inline:auto; padding:clamp(4rem,10vw,8rem) 0; }
.not-found-page>p:not(.home-section-label) { max-width:55ch; color:#5e7065; line-height:1.8; }
.not-found-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.5rem; }
.not-found-actions .home-button { display:inline-flex; min-height:3rem; align-items:center; gap:.6rem; padding:.75rem 1rem; border-radius:.4rem; background:#f5e09a; color:#173526!important; font-weight:750; text-decoration:none; }
.not-found-actions .home-text-link { color:#006b3f; font-weight:750; text-decoration:none; }
.site-footer { border-top:1px solid #e6deca; background:#f5f0e3; color:#24392e; }
.footer-grid { display:grid; width:min(100% - 3rem,76rem); grid-template-columns:1.2fr repeat(3,minmax(0,1fr)); gap:2rem; margin-inline:auto; padding:3.5rem 0; }
.footer-brand { display:inline-flex; align-items:center; gap:.65rem; color:#163b2c; font-family:Georgia,"Times New Roman",serif; font-size:1.3rem; font-weight:650; text-decoration:none; }
.footer-mark { display:grid; width:2.4rem; height:2.4rem; place-items:center; border:1px solid #d4a843; border-radius:50%; color:#006b3f; }
.footer-section p { max-width:42ch; color:#5e7065; font-size:.88rem; line-height:1.75; }
.footer-section h2 { margin:0 0 .8rem; color:#18372a; font-family:Georgia,"Times New Roman",serif; font-size:1.2rem; font-weight:550; }
.footer-links { display:grid; gap:.4rem; margin:0; padding:0; list-style:none; }
.footer-links li { margin:0; }
.footer-links a,.footer-contact-link { color:#3b5d4a; font-size:.85rem; text-decoration:none; }
.footer-links a:hover,.footer-contact-link:hover { color:#006b3f; text-decoration:underline; text-underline-offset:.18em; }
.footer-contact-link { font-weight:700; }
.footer-bottom { display:flex; width:min(100% - 3rem,76rem); align-items:center; justify-content:space-between; gap:1rem; margin-inline:auto; padding:1rem 0; border-top:1px solid #e1d8c4; }
.footer-bottom p { margin:0; color:#65766c; font-size:.76rem; }
.footer-legal { display:flex; flex-wrap:wrap; gap:1rem; }
.footer-legal a { color:#53685b; font-size:.76rem; text-decoration:none; }
html[data-theme="dark"] .collection-heading h1,html[data-theme="dark"] .not-found-page h1,html[data-theme="dark"] .collection-card-copy h2,html[data-theme="dark"] .collection-empty h2 { color:#f1eddf; }
html[data-theme="dark"] .collection-description,html[data-theme="dark"] .collection-card-copy p:not(.collection-meta),html[data-theme="dark"] .not-found-page>p:not(.home-section-label) { color:#c1cec2; }
html[data-theme="dark"] .collection-card,html[data-theme="dark"] .collection-empty { border-color:#2d4a39; background:#142a20; }
html[data-theme="dark"] .site-footer { border-color:#2d4a39; background:#10271d; color:#f1eddf; }
html[data-theme="dark"] .footer-brand,html[data-theme="dark"] .footer-section h2 { color:#f1eddf; }
html[data-theme="dark"] .footer-section p,html[data-theme="dark"] .footer-bottom p { color:#c1cec2; }
html[data-theme="dark"] .footer-links a,html[data-theme="dark"] .footer-contact-link,html[data-theme="dark"] .footer-legal a { color:#d5dfd2; }
html[data-theme="dark"] .footer-bottom { border-color:#2d4a39; }
@media (max-width:760px) { .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .footer-grid { grid-template-columns:1fr 1fr; gap:2rem; } .footer-identity { grid-column:1/-1; } }
@media (max-width:560px) { .collection-page,.not-found-page { width:calc(100% - 2rem); } .collection-grid,.footer-grid { grid-template-columns:1fr; } .footer-grid,.footer-bottom { width:calc(100% - 2rem); } .footer-identity { grid-column:auto; } .footer-bottom { align-items:flex-start; flex-direction:column; } }

/* Shared layout recovery for the existing shrine, book, music, order, and shop templates. */
.main,.archive-page,.shrine-page,.book-page,.order-practice-page,.music-page,.artist-page,.playlist-page,.product-page { width:min(100% - 3rem,78rem); margin-inline:auto; padding-bottom:3rem; color:#20372b; }
.archive-header,.shrine-hero,.book-hero,.order-hero,.music-hero,.artist-hero,.playlist-hero,.product-header { background:linear-gradient(125deg,#073b2c,#006b3f 62%,#1b7a3d)!important; color:#fffdf7!important; }
.archive-header :is(h1,h2,p),.shrine-hero :is(h1,h2,p),.book-hero :is(h1,h2,p),.order-hero :is(h1,h2,p),.music-hero :is(h1,h2,p),.artist-hero :is(h1,h2,p),.playlist-hero :is(h1,h2,p),.product-header :is(h1,h2,p) { color:#fffdf7!important; }
.archive-grid,.shrine-grid,.book-grid,.order-grid,.music-grid,.artist-grid,.playlist-grid,.product-grid { display:grid; grid-template-columns:minmax(14rem,18rem) minmax(0,1fr); align-items:start; gap:clamp(1.25rem,3vw,2.5rem); }
.archive-sidebar,.shrine-sidebar,.book-sidebar,.order-sidebar,.music-sidebar,.artist-sidebar,.playlist-sidebar { padding:1.15rem; border:1px solid #e6deca; border-radius:.55rem; background:#fffdf8; box-shadow:0 6px 20px rgba(13,57,38,.05); }
.archive-main,.shrine-main,.book-main,.order-main,.music-main,.artist-main,.playlist-main,.product-info,.product-gallery { min-width:0; }
.archive-filter-form,.archive-sidebar form { display:grid; gap:.75rem; }
.archive-filter-form :is(label,input,select,button),.archive-sidebar form :is(label,input,select,button) { max-width:100%; }
.archive-filter-form input,.archive-filter-form select,.archive-sidebar input,.archive-sidebar select,.form-input,.form-textarea { min-height:2.65rem; padding:.6rem .7rem; border:1px solid #d9d2bf; border-radius:.35rem; background:#fffdf8; color:#20372b; font:inherit; }
.archive-header h1,.shrine-hero h1,.book-hero h1,.order-hero h1,.music-hero h1,.artist-hero h1,.playlist-hero h1,.product-header h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4.5vw,3.4rem); font-weight:500; letter-spacing:-.035em; }
.shrines-grid,.books-grid,.orders-grid,.music-grid,.artists-grid,.playlists-grid,.products-grid,.cross-links-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1rem; }
.archive-page .card,.shrine-page .card,.book-page .card,.order-practice-page .card,.music-page .card,.artist-page .card,.playlist-page .card,.product-page .card { overflow:hidden; border:1px solid #e6deca; border-radius:.55rem; background:#fffdf8; box-shadow:0 5px 18px rgba(13,57,38,.055); }
.main .card { overflow:hidden; border:1px solid #e6deca; border-radius:.55rem; background:#fffdf8; box-shadow:0 5px 18px rgba(13,57,38,.055); }
.archive-page .card:hover,.shrine-page .card:hover,.book-page .card:hover,.order-practice-page .card:hover,.music-page .card:hover,.artist-page .card:hover,.playlist-page .card:hover,.product-page .card:hover { border-color:rgba(0,107,63,.35); box-shadow:0 12px 28px rgba(13,57,38,.1); }
.main .card:hover { border-color:rgba(0,107,63,.35); box-shadow:0 12px 28px rgba(13,57,38,.1); }
.archive-page .card :is(h2,h3),.shrine-page .card :is(h2,h3),.book-page .card :is(h2,h3),.order-practice-page .card :is(h2,h3),.music-page .card :is(h2,h3),.artist-page .card :is(h2,h3),.playlist-page .card :is(h2,h3),.product-page .card :is(h2,h3) { color:#18372a; font-family:Georgia,"Times New Roman",serif; font-weight:550; }
.main .card :is(h2,h3) { color:#18372a; font-family:Georgia,"Times New Roman",serif; font-weight:550; }
.archive-page .pagination,.archive-page .pagination a,.archive-page .pagination span { color:#006b3f; }
.content-section,.faq-section,.lyrics-section,.comparison-section,.cross-links { margin-block:2.5rem; }
.content-section>h2,.faq-section>h2,.lyrics-section>h2,.comparison-section>h2,.cross-links>h2 { color:#18372a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:500; }
.faq-item,.dua-card,.geo-answer-block,.quick-info,.healing-purposes,.features-list,.product-tier { margin-block:.7rem; padding:1rem; border:1px solid #e6deca; border-radius:.45rem; background:#fffdf8; }
.healing-purpose-tags,.lineage-list,.gallery-thumbs,.lyrics-tabs { display:flex; flex-wrap:wrap; gap:.5rem; }
.healing-purpose-tag,.lineage-list>* { display:inline-flex; padding:.4rem .7rem; border-radius:999px; background:#e8f5ed; color:#145a2c; font-size:.8rem; }
.music-player,.playlist-player,.player-container { margin-block:1rem; padding:1.25rem; border:1px solid rgba(212,168,67,.35); border-radius:.55rem; background:#073b2c; color:#fffdf7; }
.music-player :is(h2,h3,p),.playlist-player :is(h2,h3,p),.player-container :is(h2,h3,p) { color:inherit; }
.btn,.btn-primary,.btn-outline-teal { display:inline-flex; min-height:2.65rem; align-items:center; justify-content:center; padding:.65rem .9rem; border-radius:.38rem; font-weight:700; text-decoration:none; }
.btn-primary { border:1px solid #006b3f; background:#006b3f; color:#fffdf7!important; }
.btn-outline-teal { border:1px solid #006b3f; background:transparent; color:#006b3f!important; }
html[data-theme="dark"] .archive-sidebar,html[data-theme="dark"] .shrine-sidebar,html[data-theme="dark"] .book-sidebar,html[data-theme="dark"] .order-sidebar,html[data-theme="dark"] .music-sidebar,html[data-theme="dark"] .artist-sidebar,html[data-theme="dark"] .playlist-sidebar,html[data-theme="dark"] .archive-page .card,html[data-theme="dark"] .shrine-page .card,html[data-theme="dark"] .book-page .card,html[data-theme="dark"] .order-practice-page .card,html[data-theme="dark"] .music-page .card,html[data-theme="dark"] .artist-page .card,html[data-theme="dark"] .playlist-page .card,html[data-theme="dark"] .product-page .card,html[data-theme="dark"] .main .card,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .dua-card,html[data-theme="dark"] .geo-answer-block,html[data-theme="dark"] .quick-info,html[data-theme="dark"] .healing-purposes,html[data-theme="dark"] .features-list,html[data-theme="dark"] .product-tier { border-color:#2d4a39; background:#142a20; color:#f1eddf; }
html[data-theme="dark"] .archive-page .card :is(h2,h3),html[data-theme="dark"] .shrine-page .card :is(h2,h3),html[data-theme="dark"] .book-page .card :is(h2,h3),html[data-theme="dark"] .order-practice-page .card :is(h2,h3),html[data-theme="dark"] .music-page .card :is(h2,h3),html[data-theme="dark"] .artist-page .card :is(h2,h3),html[data-theme="dark"] .playlist-page .card :is(h2,h3),html[data-theme="dark"] .product-page .card :is(h2,h3),html[data-theme="dark"] .content-section>h2,html[data-theme="dark"] .faq-section>h2,html[data-theme="dark"] .lyrics-section>h2,html[data-theme="dark"] .comparison-section>h2,html[data-theme="dark"] .cross-links>h2 { color:#f1eddf; }
@media (max-width:760px) { .archive-grid,.shrine-grid,.book-grid,.order-grid,.music-grid,.artist-grid,.playlist-grid,.product-grid { grid-template-columns:1fr; } .archive-sidebar,.shrine-sidebar,.book-sidebar,.order-sidebar,.music-sidebar,.artist-sidebar,.playlist-sidebar { position:static!important; top:auto!important; } .main,.archive-page,.shrine-page,.book-page,.order-practice-page,.music-page,.artist-page,.playlist-page,.product-page { width:calc(100% - 2rem); } }