/* Sanasha Phase 1.2 — shared site navigation, marquee and category cards. */
:root { --sh-teal:#01949a; --sh-pink:#c21e56; }
body { overflow-x:hidden; font-family:Poppins,Arial,sans-serif; }
.sh-announcement { display:block; overflow:hidden; background:#f5f5f5; border-bottom:2px solid var(--sh-teal); color:#161616; }
.sh-announcement-marquee { overflow:hidden; width:100%; }
.sh-announcement-motion { display:flex; align-items:center; gap:64px; width:max-content; min-width:200%; white-space:nowrap; padding:9px 0; animation:sh-notice-scroll 35s linear infinite; }
.sh-announcement-motion span,.sh-announcement-motion a { font-size:11px; color:#161616; text-decoration:none; }
.sh-announcement-motion i { color:var(--sh-teal); margin-right:8px; }
.sh-announcement-marquee:hover .sh-announcement-motion { animation-play-state:paused; }
@keyframes sh-notice-scroll {to{transform:translateX(-50%)} }
.sh-header { position:sticky; top:0; z-index:1000; }
.sh-nav .sh-brand strong { color:var(--sh-teal); }
.sh-navdrop .sh-megamenu { z-index:1100; }
.sh-footer { margin-top:0; }
.sh-bridal-promo { display:flex; align-items:center; min-height:345px; background:#f3e6dd url('/assets/images/sanasha-bridal-feature.jpg') no-repeat center center; background-size:cover; padding:30px 0; }
.sh-bridal-promo-content { width:min(58%,640px); position:relative; z-index:1; padding:32px clamp(20px,5vw,65px); }
.sh-bridal-promo h2 { color:#272026; font-size:clamp(33px,3.6vw,53px); line-height:1.04; }
.sh-bridal-promo p { font-size:13px; color:#403b39; line-height:1.8; max-width:430px; }
.sh-bridal-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.sh-bridal-actions .sh-secondary { background:#fff; border:1px solid var(--sh-teal); color:#174d4e; }
.sh-category-page { padding-top:42px; padding-bottom:65px; min-height:50vh; }
.sh-category-heading { text-align:center; margin:0 auto 32px; }
.sh-category-heading h1 { font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(36px,5vw,60px); margin:8px 0; }
.sh-category-heading p { color:#505050; font-size:13px; }
.sh-category-back { display:inline-flex; align-items:center; gap:8px; color:var(--sh-teal); font-size:12px; text-decoration:none; margin-top:8px; }
.sh-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.sh-category-page .sh-product-card { min-width:0; }
.sh-category-page .sh-shop-button { background:var(--sh-teal); color:#fff; }
.sh-category-page .sh-shop-button:hover { background:#007b80; }
.sh-category-page .sh-prices strong { color:var(--sh-pink); }
.sh-category-empty { text-align:center; padding:50px 10px; }
@media(max-width:1000px){ .sh-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px){ .sh-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .sh-bridal-promo {min-height:420px; align-items:start; background-position:65% center;} .sh-bridal-promo::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,251,248,.97),rgba(255,251,248,.7) 68%,rgba(255,251,248,.12)); pointer-events:none;} .sh-bridal-promo {position:relative;} .sh-bridal-promo-content {width:85%;padding:24px;} .sh-bridal-actions a{font-size:10px;} }
@media(max-width:380px){.sh-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sh-bridal-promo-content{width:100%;padding:18px}.sh-bridal-promo h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.sh-announcement-motion{animation:none}.sh-announcement-marquee{overflow-x:auto}}