/* ══════════════════════════════════════════════════════════════════════════
   GRAND MARKET — LAYOUT ARCHETYPES
   Five genuinely distinct storefront designs that share the grand-market engine
   but differ in typography, hero treatment, product-card styling, section
   rhythm and chrome. Applied via a wrapper class: .gm-arch-<key>.
   Colour still comes from the theme preset (--gm-primary / --gm-accent).
   ════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Oswald:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&family=Bebas+Neue&family=Anton&family=Merriweather:wght@400;700;900&family=Quicksand:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ────────────────────────────────────────────────────────────────────────
   1. BOUTIQUE — elegant editorial. Serif display headings, airy spacing,
   centred hero copy, soft pill buttons, refined cards.
   ──────────────────────────────────────────────────────────────────────── */
.gm-arch-boutique .gm-slide-title,
.gm-arch-boutique .gm-section-title,
.gm-arch-boutique .gm-seg-body h3 { font-family:'Playfair Display',serif; font-weight:700; letter-spacing:.2px; }
.gm-arch-boutique .gm-slide-title { font-size:3.4rem; line-height:1.05; }
.gm-arch-boutique .gm-slide-label { letter-spacing:4px; text-transform:uppercase; font-size:.7rem; font-weight:600; }
.gm-arch-boutique .gm-slide-body { text-align:center; margin:0 auto; max-width:640px; left:0; right:0; }
.gm-arch-boutique .gm-btn { border-radius:999px; padding:13px 30px; letter-spacing:.5px; }
.gm-arch-boutique .gm-section-hd { justify-content:center; text-align:center; }
.gm-arch-boutique .gm-section-title { font-size:2rem; }
.gm-arch-boutique .gm-card { border-radius:14px; box-shadow:0 6px 26px rgba(0,0,0,.06); border:0; }
.gm-arch-boutique .gm-card-name { font-family:'Playfair Display',serif; font-weight:600; }
.gm-arch-boutique .gm-prod-grid { gap:26px; }

/* ────────────────────────────────────────────────────────────────────────
   2. STREETWEAR — bold drop culture. Condensed uppercase type, hard edges,
   no rounded corners, heavy black blocks, big blocky buttons.
   ──────────────────────────────────────────────────────────────────────── */
.gm-arch-streetwear .gm-slide-title,
.gm-arch-streetwear .gm-section-title { font-family:'Bebas Neue','Oswald',sans-serif; letter-spacing:1px; text-transform:uppercase; }
.gm-arch-streetwear .gm-slide-title { font-size:4.2rem; line-height:.92; font-weight:400; }
.gm-arch-streetwear .gm-slide-label { background:var(--gm-accent); color:#fff; padding:4px 12px; text-transform:uppercase; letter-spacing:2px; font-weight:700; border-radius:0; }
.gm-arch-streetwear .gm-btn,
.gm-arch-streetwear .gm-card-quick button { border-radius:0; text-transform:uppercase; letter-spacing:2px; font-weight:700; font-family:'Oswald',sans-serif; }
.gm-arch-streetwear .gm-card,
.gm-arch-streetwear .gm-card-media,
.gm-arch-streetwear .gm-seg,
.gm-arch-streetwear .gm-badge-pill { border-radius:0 !important; }
.gm-arch-streetwear .gm-card { border:2px solid #111; box-shadow:none; }
.gm-arch-streetwear .gm-section-title { font-size:2.4rem; }
.gm-arch-streetwear .gm-card-name { text-transform:uppercase; font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:.4px; }
.gm-arch-streetwear .gm-badge-pill { background:#111; color:#fff; font-family:'Oswald',sans-serif; }

/* ────────────────────────────────────────────────────────────────────────
   3. LOOKBOOK — image-led magazine. Oversized light serif, dramatic hero,
   minimal card chrome so photography dominates, wide gutters.
   ──────────────────────────────────────────────────────────────────────── */
.gm-arch-lookbook .gm-slide-title,
.gm-arch-lookbook .gm-section-title,
.gm-arch-lookbook .gm-seg-body h3 { font-family:'Cormorant Garamond',serif; font-weight:600; }
.gm-arch-lookbook .gm-slide-title { font-size:4.6rem; line-height:1; font-weight:500; }
.gm-arch-lookbook .gm-slide-sub { font-size:1.15rem; font-style:italic; }
.gm-arch-lookbook .gm-slider-wide { min-height:620px !important; }
.gm-arch-lookbook .gm-section-title { font-size:2.6rem; font-weight:500; }
.gm-arch-lookbook .gm-section-sub { font-style:italic; }
.gm-arch-lookbook .gm-card { border-radius:2px; box-shadow:none; border:0; }
.gm-arch-lookbook .gm-card-body { padding-left:2px; padding-right:2px; text-align:center; }
.gm-arch-lookbook .gm-card-name { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:600; }
.gm-arch-lookbook .gm-prod-grid { gap:34px; }
.gm-arch-lookbook .gm-seg { min-height:340px; }
.gm-arch-lookbook .gm-btn { border-radius:0; border:1px solid currentColor; background:transparent; color:#111; letter-spacing:2px; text-transform:uppercase; font-size:.75rem; }

/* ────────────────────────────────────────────────────────────────────────
   4. TRENDY — playful & social. Rounded everything, friendly geometric type,
   colourful pills, dense compact grid, bouncy hovers.
   ──────────────────────────────────────────────────────────────────────── */
.gm-arch-trendy .gm-slide-title,
.gm-arch-trendy .gm-section-title,
.gm-arch-trendy .gm-card-name,
.gm-arch-trendy .gm-btn { font-family:'Poppins',sans-serif; }
.gm-arch-trendy .gm-slide-title { font-size:3rem; font-weight:800; }
.gm-arch-trendy .gm-slide-label { background:var(--gm-accent); color:#fff; border-radius:999px; padding:5px 14px; font-weight:700; }
.gm-arch-trendy .gm-btn { border-radius:999px; font-weight:700; }
.gm-arch-trendy .gm-card { border-radius:20px; box-shadow:0 8px 24px rgba(0,0,0,.08); border:0; overflow:hidden; transition:transform .25s; }
.gm-arch-trendy .gm-card:hover { transform:translateY(-6px); }
.gm-arch-trendy .gm-card-media { border-radius:20px 20px 0 0; }
.gm-arch-trendy .gm-badge-pill { border-radius:999px; font-weight:800; }
.gm-arch-trendy .gm-card-name { font-weight:600; }
.gm-arch-trendy .gm-section-title { font-weight:800; }
.gm-arch-trendy .gm-prod-grid { grid-template-columns:repeat(5,1fr); gap:14px; }
@media(max-width:1024px){ .gm-arch-trendy .gm-prod-grid{ grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .gm-arch-trendy .gm-prod-grid{ grid-template-columns:repeat(2,1fr);} }

/* ────────────────────────────────────────────────────────────────────────
   5. MINIMAL — quiet & precise. Thin sans, monochrome, hairline borders,
   no shadows, generous whitespace, restrained accents.
   ──────────────────────────────────────────────────────────────────────── */
.gm-arch-minimal .gm-slide-title,
.gm-arch-minimal .gm-section-title { font-family:'Inter',system-ui,sans-serif; font-weight:300; letter-spacing:.5px; }
.gm-arch-minimal .gm-slide-title { font-size:2.8rem; }
.gm-arch-minimal .gm-slide-label { text-transform:uppercase; letter-spacing:3px; font-size:.65rem; color:#888; }
.gm-arch-minimal .gm-section-hd { border-bottom:1px solid #ececec; padding-bottom:12px; }
.gm-arch-minimal .gm-section-title { font-size:1.5rem; }
.gm-arch-minimal .gm-card { border-radius:0; box-shadow:none; border:1px solid #eee; }
.gm-arch-minimal .gm-card-quick,
.gm-arch-minimal .gm-card-badges { display:none; }
.gm-arch-minimal .gm-card-name { font-weight:400; }
.gm-arch-minimal .gm-btn { border-radius:0; background:#111; letter-spacing:1px; text-transform:uppercase; font-size:.75rem; font-weight:500; }
.gm-arch-minimal .gm-prod-grid { gap:30px; }
.gm-arch-minimal .gm-services,
.gm-arch-minimal .gm-newsletter { border-radius:0; }

/* ════════════ MULTI-CATEGORY ARCHETYPES ════════════ */

/* MARKETPLACE — busy trusted retail. Bold rounded sans, chunky cards. */
.gm-arch-marketplace .gm-slide-title,
.gm-arch-marketplace .gm-section-title { font-family:'Poppins',sans-serif; font-weight:800; }
.gm-arch-marketplace .gm-card { border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,.07); }
.gm-arch-marketplace .gm-btn { border-radius:8px; font-weight:700; }

/* CAROUSEL — full-width banner-led. Clean modern type, big rounded hero. */
.gm-arch-carousel .gm-slide-title,
.gm-arch-carousel .gm-section-title { font-family:'Poppins',sans-serif; font-weight:800; }
.gm-arch-carousel .gm-slider { border-radius:18px; overflow:hidden; }
.gm-arch-carousel .gm-card { border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.07); }
.gm-arch-carousel .gm-btn { border-radius:999px; font-weight:700; }

/* AVENUE — upscale department store. Serif headings, circular browse. */
.gm-arch-avenue .gm-slide-title,
.gm-arch-avenue .gm-section-title { font-family:'Playfair Display',serif; font-weight:700; }
.gm-arch-avenue .gm-slide-label { letter-spacing:3px; text-transform:uppercase; }
.gm-arch-avenue .gm-card { border-radius:10px; box-shadow:0 6px 22px rgba(0,0,0,.06); border:0; }
.gm-arch-avenue .gm-btn { border-radius:999px; letter-spacing:.5px; }

/* SPOTLIGHT — product-forward. Big light type, large airy cards. */
.gm-arch-spotlight .gm-slide-title { font-family:'Inter',sans-serif; font-weight:300; font-size:3.4rem; letter-spacing:.5px; }
.gm-arch-spotlight .gm-section-title { font-weight:400; }
.gm-arch-spotlight .gm-slider-wide { min-height:580px !important; }
.gm-arch-spotlight .gm-card { border-radius:6px; box-shadow:none; border:1px solid #eee; }
.gm-arch-spotlight .gm-prod-grid { gap:28px; }
.gm-arch-spotlight .gm-btn { border-radius:0; letter-spacing:1px; text-transform:uppercase; font-size:.78rem; }

/* DEALS — high-energy bargains. Condensed bold, sharp, urgent pills. */
.gm-arch-deals .gm-slide-title,
.gm-arch-deals .gm-section-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.gm-arch-deals .gm-slide-label { background:var(--gm-accent); color:#fff; padding:4px 12px; font-weight:700; }
.gm-arch-deals .gm-card { border-radius:6px; border:1px solid #eee; }
.gm-arch-deals .gm-badge-pill { border-radius:4px; font-family:'Oswald',sans-serif; font-weight:700; }
.gm-arch-deals .gm-btn { border-radius:4px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-family:'Oswald',sans-serif; }

/* ════════════ ADDITIONAL ARCHETYPES ════════════ */

/* ELEGANCE — luxury, gold hairlines, centred, airy. */
.gm-arch-elegance .gm-slide-title,
.gm-arch-elegance .gm-section-title,
.gm-arch-elegance .gm-card-name { font-family:'Cormorant Garamond',serif; font-weight:600; }
.gm-arch-elegance .gm-slide-title { font-size:3.6rem; letter-spacing:1px; }
.gm-arch-elegance .gm-slide-label { letter-spacing:5px; text-transform:uppercase; font-size:.65rem; }
.gm-arch-elegance .gm-slide-body { text-align:center; left:0; right:0; margin:0 auto; max-width:620px; }
.gm-arch-elegance .gm-section-hd { justify-content:center; text-align:center; }
.gm-arch-elegance .gm-section-title { font-size:2.1rem; }
.gm-arch-elegance .gm-card { border-radius:0; box-shadow:none; border:1px solid #e7dcc8; }
.gm-arch-elegance .gm-btn { border-radius:0; border:1px solid var(--gm-accent); background:transparent; color:var(--gm-primary); letter-spacing:2px; text-transform:uppercase; font-size:.72rem; }

/* BOLD — oversized poster type, colour blocks, high impact. */
.gm-arch-bold .gm-slide-title,
.gm-arch-bold .gm-section-title { font-family:'Anton',sans-serif; text-transform:uppercase; letter-spacing:.5px; line-height:.95; }
.gm-arch-bold .gm-slide-title { font-size:4.8rem; }
.gm-arch-bold .gm-section-title { font-size:2.6rem; }
.gm-arch-bold .gm-slide-label { background:var(--gm-accent); color:#fff; padding:5px 14px; font-weight:700; }
.gm-arch-bold .gm-card { border-radius:0; border:3px solid var(--gm-primary); box-shadow:8px 8px 0 var(--gm-accent); }
.gm-arch-bold .gm-btn { border-radius:0; background:var(--gm-primary); text-transform:uppercase; font-weight:800; letter-spacing:1px; }
.gm-arch-bold .gm-badge-pill { border-radius:0; }

/* CLASSIC — traditional retail, framed sections & cards, serif. */
.gm-arch-classic .gm-slide-title,
.gm-arch-classic .gm-section-title,
.gm-arch-classic .gm-card-name { font-family:'Merriweather',serif; font-weight:700; }
.gm-arch-classic .gm-slide-title { font-size:3rem; }
.gm-arch-classic .gm-section-hd { border-bottom:2px solid var(--gm-primary); padding-bottom:10px; }
.gm-arch-classic .gm-section-title { font-size:1.7rem; }
.gm-arch-classic .gm-card { border-radius:4px; border:1px solid #d9d9d9; box-shadow:none; }
.gm-arch-classic .gm-btn { border-radius:4px; background:var(--gm-primary); }

/* SHOWCASE — large product imagery, fewer wide columns. */
.gm-arch-showcase .gm-slide-title { font-family:'Space Grotesk',sans-serif; font-weight:500; font-size:3.2rem; }
.gm-arch-showcase .gm-section-title { font-family:'Space Grotesk',sans-serif; font-weight:600; }
.gm-arch-showcase .gm-prod-grid { grid-template-columns:repeat(3,1fr); gap:30px; }
@media(max-width:760px){ .gm-arch-showcase .gm-prod-grid{ grid-template-columns:1fr 1fr;} }
.gm-arch-showcase .gm-card { border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.08); border:0; }
.gm-arch-showcase .gm-card-media img { min-height:340px; object-fit:cover; }
.gm-arch-showcase .gm-btn { border-radius:8px; }

/* PASTEL — soft rounded, friendly, gentle tones. */
.gm-arch-pastel .gm-slide-title,
.gm-arch-pastel .gm-section-title,
.gm-arch-pastel .gm-card-name,
.gm-arch-pastel .gm-btn { font-family:'Quicksand',sans-serif; font-weight:700; }
.gm-arch-pastel .gm-slide-title { font-size:3rem; }
.gm-arch-pastel .gm-card { border-radius:22px; box-shadow:0 10px 26px rgba(0,0,0,.06); border:0; }
.gm-arch-pastel .gm-card-media { border-radius:22px 22px 0 0; }
.gm-arch-pastel .gm-btn { border-radius:999px; }
.gm-arch-pastel .gm-badge-pill { border-radius:999px; }
.gm-arch-pastel .gm-newsletter,
.gm-arch-pastel .gm-services { border-radius:24px; }

/* MEGA MALL — dense department store, compact 5-col grid. */
.gm-arch-megamall .gm-slide-title,
.gm-arch-megamall .gm-section-title { font-family:'Poppins',sans-serif; font-weight:800; }
.gm-arch-megamall .gm-section-title { font-size:1.4rem; }
.gm-arch-megamall .gm-card { border-radius:8px; box-shadow:0 3px 12px rgba(0,0,0,.06); }
.gm-arch-megamall .gm-prod-grid { grid-template-columns:repeat(5,1fr); gap:12px; }
@media(max-width:1024px){ .gm-arch-megamall .gm-prod-grid{ grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .gm-arch-megamall .gm-prod-grid{ grid-template-columns:repeat(2,1fr);} }
.gm-arch-megamall .gm-btn { border-radius:6px; font-weight:700; }

/* FLASH SALE — urgent, sharp, energetic. */
.gm-arch-flash .gm-slide-title,
.gm-arch-flash .gm-section-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; }
.gm-arch-flash .gm-slide-label { background:var(--gm-accent); color:#fff; padding:5px 14px; font-weight:700; animation:gmPulse 1.4s infinite; }
@keyframes gmPulse { 0%,100%{opacity:1;} 50%{opacity:.55;} }
.gm-arch-flash .gm-card { border-radius:4px; border:1px solid #eee; }
.gm-arch-flash .gm-badge-pill { border-radius:3px; font-family:'Oswald',sans-serif; }
.gm-arch-flash .gm-btn { border-radius:3px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-family:'Oswald',sans-serif; }

/* CATALOG — utilitarian sidebar browse, dense neutral grid. */
.gm-arch-catalog .gm-slide-title,
.gm-arch-catalog .gm-section-title { font-family:'Inter',sans-serif; font-weight:600; }
.gm-arch-catalog .gm-slide-title { font-size:2.4rem; }
.gm-arch-catalog .gm-card { border-radius:2px; box-shadow:none; border:1px solid #e5e7eb; }
.gm-arch-catalog .gm-prod-grid { grid-template-columns:repeat(5,1fr); gap:10px; }
@media(max-width:1024px){ .gm-arch-catalog .gm-prod-grid{ grid-template-columns:repeat(3,1fr);} }
.gm-arch-catalog .gm-btn { border-radius:2px; }

/* MODERN — clean, soft cards, contemporary geometric type. */
.gm-arch-modern .gm-slide-title,
.gm-arch-modern .gm-section-title,
.gm-arch-modern .gm-card-name { font-family:'Space Grotesk',sans-serif; }
.gm-arch-modern .gm-slide-title { font-size:3.2rem; font-weight:600; }
.gm-arch-modern .gm-card { border-radius:16px; box-shadow:0 8px 28px rgba(0,0,0,.07); border:0; }
.gm-arch-modern .gm-card-media { border-radius:16px 16px 0 0; }
.gm-arch-modern .gm-btn { border-radius:12px; font-weight:600; }

/* BAZAAR — colourful, busy, playful rounded. */
.gm-arch-bazaar .gm-slide-title,
.gm-arch-bazaar .gm-section-title,
.gm-arch-bazaar .gm-btn { font-family:'Poppins',sans-serif; font-weight:700; }
.gm-arch-bazaar .gm-slide-label { background:var(--gm-accent); color:#fff; border-radius:999px; padding:5px 14px; }
.gm-arch-bazaar .gm-card { border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,.08); border:0; }
.gm-arch-bazaar .gm-btn { border-radius:999px; }
.gm-arch-bazaar .gm-badge-pill { border-radius:999px; font-weight:800; }
.gm-arch-bazaar .gm-prod-grid { grid-template-columns:repeat(5,1fr); gap:14px; }
@media(max-width:1024px){ .gm-arch-bazaar .gm-prod-grid{ grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .gm-arch-bazaar .gm-prod-grid{ grid-template-columns:repeat(2,1fr);} }

/* ════════════════════════════════════════════════════════════════════════
   HERO SIZE PROFILES — per-category banner treatment (gm-media-<size>).
   Bigger, elegant heroes for fashion/jewellery; compact for electronics; etc.
   ════════════════════════════════════════════════════════════════════════ */
.gm-wrap.gm-media-grand     .gm-slider-wide { min-height: 520px !important; }
.gm-wrap.gm-media-cinematic .gm-slider-wide { min-height: 480px !important; }
.gm-wrap.gm-media-standard  .gm-slider-wide { min-height: 420px !important; }
.gm-wrap.gm-media-compact   .gm-slider-wide { min-height: 340px !important; }
.gm-wrap.gm-media-grand     .gm-slide-title { font-size: 3.8rem; }
@media(max-width:1024px){
  .gm-wrap.gm-media-grand     .gm-slider-wide { min-height: 440px !important; }
  .gm-wrap.gm-media-cinematic .gm-slider-wide { min-height: 400px !important; }
}
@media(max-width:768px){
  .gm-wrap.gm-media-grand     .gm-slider-wide,
  .gm-wrap.gm-media-cinematic .gm-slider-wide { min-height: 360px !important; }
  .gm-wrap.gm-media-standard  .gm-slider-wide { min-height: 320px !important; }
  .gm-wrap.gm-media-compact   .gm-slider-wide { min-height: 260px !important; }
  .gm-wrap.gm-media-grand     .gm-slide-title { font-size: 2.1rem; }
}

/* ════════════════════════════════════════════════════════════════════════
   MARQUEE — full-bleed auto-scrolling category/brand strip below the header.
   ════════════════════════════════════════════════════════════════════════ */
.gm-marquee { position: relative; width: 100vw; left: 50%; margin-left: -50vw;
              overflow: hidden; padding: 16px 0; margin-top: 14px;
              background: #faf8f4; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.gm-marquee-track { display: flex; gap: 18px; width: max-content; animation: gmMarquee 45s linear infinite; }
.gm-marquee:hover .gm-marquee-track { animation-play-state: paused; }
.gm-marquee-item { flex: 0 0 auto; width: 168px; text-align: center; text-decoration: none; }
.gm-marquee-item img { width: 168px; height: 210px; object-fit: cover; border-radius: 14px;
                       box-shadow: 0 8px 22px rgba(0,0,0,.08); transition: transform .35s; }
.gm-marquee-item:hover img { transform: translateY(-4px) scale(1.02); }
.gm-marquee-item span { display: block; margin-top: 8px; font-size: .82rem; font-weight: 600; color: var(--gm-ink); text-transform: capitalize; }
@keyframes gmMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media(max-width:600px){
  .gm-marquee-item, .gm-marquee-item img { width: 124px; }
  .gm-marquee-item img { height: 156px; }
}
/* Jewel/elegance verticals: rounder, taller, more luxurious strip. */
.gm-arch-jewel .gm-marquee, .gm-arch-elegance .gm-marquee { background: #fbf6ee; }
.gm-arch-jewel .gm-marquee-item img, .gm-arch-elegance .gm-marquee-item img { border-radius: 18px; height: 230px; }

/* ════════════════════════════════════════════════════════════════════════
   CARD SHAPE PROFILES — per-category product-card proportions.
   Applied as `.gm-wrap.gm-cards-<profile>` so they win over archetype grids.
   ════════════════════════════════════════════════════════════════════════ */
.gm-wrap.gm-cards-portrait .gm-card-media { aspect-ratio: 3/4; }
.gm-wrap.gm-cards-portrait .gm-prod-grid  { grid-template-columns: repeat(4,1fr); gap:22px; }
.gm-wrap.gm-cards-square   .gm-card-media { aspect-ratio: 1/1; }
.gm-wrap.gm-cards-square   .gm-prod-grid  { grid-template-columns: repeat(5,1fr); gap:16px; }
.gm-wrap.gm-cards-wide     .gm-card-media { aspect-ratio: 4/3; }
.gm-wrap.gm-cards-wide     .gm-prod-grid  { grid-template-columns: repeat(3,1fr); gap:24px; }
@media(max-width:1024px){
  .gm-wrap.gm-cards-portrait .gm-prod-grid,
  .gm-wrap.gm-cards-square   .gm-prod-grid { grid-template-columns: repeat(3,1fr); }
  .gm-wrap.gm-cards-wide     .gm-prod-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:600px){
  .gm-wrap[class*="gm-cards-"] .gm-prod-grid { grid-template-columns: repeat(2,1fr); gap:12px; }
}

/* ════════════════════════════════════════════════════════════════════════
   JEWEL — luxury jewellery (à la "Jewelry Mania"): royal purple + gold,
   serif display type, centred headings with decorative flourishes, rounded
   category cards on a soft cream canvas. Colour comes from the theme
   (primary = purple, accent = gold).
   ════════════════════════════════════════════════════════════════════════ */
.gm-arch-jewel { background:#fbf8f3; }
.gm-arch-jewel .gm-slide-title,
.gm-arch-jewel .gm-section-title,
.gm-arch-jewel .gm-seg-body h3,
.gm-arch-jewel .gm-card-name { font-family:'Playfair Display',serif; }
.gm-arch-jewel .gm-slide-title { font-size:3.6rem; font-weight:700; line-height:1.05; }
.gm-arch-jewel .gm-slide-label { letter-spacing:4px; text-transform:uppercase; font-size:.68rem; color:var(--gm-accent); font-weight:600; }
/* Centred section header with gold script flourishes (Pick Your Perfect Choice). */
.gm-arch-jewel .gm-section-hd { flex-direction:column; align-items:center; text-align:center; gap:4px; }
.gm-arch-jewel .gm-section-title { font-size:2.4rem; font-weight:700; color:#2b2440; }
.gm-arch-jewel .gm-section-sub { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-style:italic; color:#6b6478; }
.gm-arch-jewel .gm-section-sub::before { content:'\276E\00A0\2766\00A0'; color:var(--gm-accent); }
.gm-arch-jewel .gm-section-sub::after  { content:'\00A0\2766\00A0\276F'; color:var(--gm-accent); }
.gm-arch-jewel .gm-viewall { display:none; }
/* Rounded jewellery category cards. */
.gm-arch-jewel .gm-seg-grid { grid-template-columns:repeat(5,1fr); }
@media(max-width:980px){ .gm-arch-jewel .gm-seg-grid{ grid-template-columns:repeat(3,1fr);} }
@media(max-width:560px){ .gm-arch-jewel .gm-seg-grid{ grid-template-columns:1fr 1fr;} }
.gm-arch-jewel .gm-seg { border-radius:18px; min-height:240px; box-shadow:0 10px 28px rgba(74,42,106,.12); }
.gm-arch-jewel .gm-seg-body { background:linear-gradient(0deg,rgba(43,36,64,.78),transparent); }
.gm-arch-jewel .gm-seg-body h3 { font-size:1.15rem; }
.gm-arch-jewel .gm-seg-body span i { color:var(--gm-accent); }
/* Refined product cards + gold prices. */
.gm-arch-jewel .gm-card { border-radius:14px; box-shadow:0 8px 26px rgba(74,42,106,.08); border:1px solid #efe7d9; background:#fff; }
.gm-arch-jewel .gm-card-name { font-weight:600; }
.gm-arch-jewel .gm-price { color:var(--gm-accent); }
.gm-arch-jewel .gm-badge-pill { border-radius:999px; }
.gm-arch-jewel .gm-prod-grid { gap:24px; }
/* Gold pill buttons on purple. */
.gm-arch-jewel .gm-btn { border-radius:999px; background:var(--gm-accent); color:#3a2a17; letter-spacing:.5px; font-weight:700; padding:13px 30px; }
.gm-arch-jewel .gm-slide-body .gm-btn { background:var(--gm-accent); }
/* Promo & newsletter as soft cream panels with gold edge. */
.gm-arch-jewel .gm-newsletter { background:linear-gradient(120deg,var(--gm-primary),#6b4a8c); border-radius:20px; }
.gm-arch-jewel .gm-services { border-radius:18px; background:#fff; border:1px solid #efe7d9; }
.gm-arch-jewel .gm-service i { color:var(--gm-accent); }