.raw-micro-preview-note { padding: 9px 18px; background: #fff4c7; color: #614a00; text-align: center; font-size: .75rem; }
.raw-micro-pack-select { display: block; width: 100%; min-height: 50px; padding: 12px 40px 12px 16px; border: 1px solid var(--mrm-line); border-radius: 12px; background: white; color: var(--mrm-blue); font: inherit; font-weight: 700; }
.raw-micro-pack-select:focus-visible { outline: 3px solid var(--mrm-blue); outline-offset: 3px; }
.store-add-button:disabled, [data-card-part="quick-add"]:disabled { background: #9ca3af; color: white; cursor: not-allowed; opacity: 1; }
.store-hero-raw-micro { min-height: 620px; background: #0861ab; }
.store-hero-raw-micro .store-hero-shade { background: linear-gradient(90deg, rgba(0,58,116,.28), transparent 65%); }
.store-hero-raw-micro .store-hero-content { padding: 48px 0; }
.store-hero-raw-micro .store-overline { font-size: .58rem; margin-bottom: 26px; }
.raw-micro-intro { display: block; color: var(--mrm-yellow); font-family: AkiraExpanded, sans-serif; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.store-hero-raw-micro h1 { font-family: AkiraExpanded, sans-serif; font-size: clamp(3rem, 5.7vw, 5.6rem); line-height: 1.06; letter-spacing: -.035em; text-shadow: none; }
.store-hero-raw-micro .store-hero-desktop-copy > p:not(.store-overline) { margin-bottom: 18px; font-size: clamp(1.15rem, 2vw, 1.8rem); }
.raw-micro-spec { display: block; margin-bottom: 28px; font-size: .75rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.store-hero-raw-micro .store-button-primary { background: var(--mrm-yellow); color: var(--mrm-blue); border-radius: 999px; }
.store-hero-raw-micro .store-button-light { background: transparent; color: white; border: 1px solid #ffffff80; border-radius: 999px; }
.raw-micro-about { margin-top: 48px; overflow: hidden; border-radius: 24px; background: #f5f9ff; }
.raw-micro-about-lead { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
.raw-micro-about-lead > img { display: block; width: 100%; height: auto; }
.raw-micro-about-lead .raw-micro-about-intro { padding: clamp(24px, 4vw, 60px); text-align: left; }
.raw-micro-about-lead .raw-micro-about-intro h2 { font-size: clamp(1.8rem, 3.3vw, 3.5rem); }
.raw-micro-about-intro { padding: 55px 28px; text-align: center; color: var(--mrm-blue); }
.raw-micro-about-intro h2 { margin: 18px 0; font: clamp(2.1rem, 4.5vw, 4.8rem)/1.12 AkiraExpanded, sans-serif; text-transform: uppercase; letter-spacing: -.04em; }
.raw-micro-about-intro h2 span { color: #0861ab; }
.raw-micro-about-intro > p:last-child { max-width: 600px; margin: 0 auto; line-height: 1.7; color: #53678e; }
.raw-micro-artwork, .raw-micro-photo-pair figure { margin: 0; }
.raw-micro-artwork picture, .raw-micro-artwork img { display: block; width: 100%; height: auto; }
.raw-micro-photo-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.raw-micro-photo-pair img { display: block; width: 100%; height: auto; }
.raw-micro-photo-overlays figure { position: relative; isolation: isolate; }
.raw-micro-photo-overlays figure::after { content: ""; position: absolute; inset: 42% 0 0; background: linear-gradient(transparent, rgba(4,20,52,.88)); pointer-events: none; }
.raw-micro-photo-caption { position: absolute; z-index: 1; left: clamp(20px, 3vw, 42px); right: 20px; bottom: clamp(24px, 3vw, 42px); color: white; text-shadow: 0 2px 10px rgba(0,0,0,.25); }
.raw-micro-photo-eyebrow { display: block; font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.raw-micro-photo-caption h3 { margin: 12px 0 15px; font: clamp(1.4rem, 2.7vw, 3rem)/1.16 AkiraExpanded, sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.raw-micro-photo-caption h3 span { color: var(--mrm-yellow); }
.raw-micro-photo-caption p { font-size: clamp(.7rem, 1.1vw, .9rem); line-height: 1.5; }
.raw-micro-photo-overlays .raw-micro-photo-top::after { inset: 0 0 42%; background: linear-gradient(rgba(4,20,52,.88), transparent); }
.raw-micro-photo-top .raw-micro-photo-caption { top: clamp(24px, 3vw, 42px); bottom: auto; }
@media (max-width: 760px) {
  .raw-micro-about-lead { grid-template-columns: 1fr; }
  .raw-micro-about-lead .raw-micro-about-intro { text-align: center; padding: 36px 20px; }
  .raw-micro-about-lead .raw-micro-about-intro h2 { font-size: clamp(1.8rem, 7.5vw, 3.5rem); }
  .raw-micro-photo-pair { grid-template-columns: 1fr; }
  .raw-micro-about-intro { padding: 36px 20px; }
  .store-hero-raw-micro { min-height: 790px; }
  .store-hero-raw-micro .store-hero-image-mobile { object-position: center bottom; }
  .store-hero-raw-micro .store-hero-shade { background: linear-gradient(180deg, rgba(0,48,100,.18), transparent 65%); }
  .store-hero-raw-micro .store-hero-content { padding: 26px 0; }
  .store-hero-raw-micro .store-hero-desktop-copy { min-height: 0; }
  .store-hero-raw-micro .store-overline { font-size: .43rem; margin-bottom: 19px; }
  .raw-micro-intro { font-size: .55rem; }
  .store-hero-raw-micro h1 { font-size: clamp(2.4rem, 10.5vw, 4rem); margin: 10px 0; }
  .store-hero-raw-micro .store-hero-desktop-copy > p:not(.store-overline) { font-size: 1.1rem; margin-bottom: 8px; }
  .raw-micro-spec { font-size: .58rem; margin-bottom: 16px; }
  .store-hero-raw-micro .store-button-row { margin-top: 0; gap: 8px; }
}