/* The redesigned themes: one shell (everyday.css), a look for each market here.
   Mobile first. Everything is scoped to body.sg1 so theme 6 is untouched. */

/* ---------------------------------------------------- readable on any colour */
body.sg1 .sg-btn-solid,
body.sg1 .sg-buy-now-btn,
body.sg1 .sg-announce,
body.sg1 .sg-count,
body.sg1 .sg-logo-mark,
body.sg1 .sg-cart-btn:hover { color: var(--sg-on-accent, #fff) !important; }
body.sg1 .sg-btn-solid *, body.sg1 .sg-buy-now-btn * { color: inherit !important; }
body.sg1 .sg-count { background: var(--sg-accent); }

/* ---------------------------------------------------------- shared home parts */
.sgx-home { overflow-x: clip; }
.sgx-eyebrow { display: block; margin-bottom: 12px; color: var(--sg-accent-ink); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.sgx-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sgx-actions .sg-btn { flex: 0 1 auto; }

.sgx-hero { position: relative; display: grid; background: var(--sg-soft); }
.sgx-hero-media { position: relative; min-width: 0; aspect-ratio: 6 / 5; overflow: hidden; background: var(--sg-soft); }
.sgx-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sgx-hero-media.is-upload img { object-fit: contain; }
.sgx-hero-inner { position: relative; min-width: 0; padding-block: clamp(28px, 6vw, 72px); }
.sgx-hero-copy { max-width: 600px; min-width: 0; }
.sgx-hero-copy h1 { margin: 0; color: var(--sg-ink); font: 600 clamp(34px, 5.4vw, 68px)/1.06 var(--sg-display); letter-spacing: -.015em; overflow-wrap: anywhere; }
.sgx-hero-copy p { max-width: 520px; margin: 16px 0 0; color: var(--sg-text); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; }

.sg-cat-img.sgx-cat-letter { display: grid; place-items: center; background: var(--sg-accent-soft); color: var(--sg-accent-ink); font: 600 clamp(36px, 6vw, 60px)/1 var(--sg-display); }

.sgx-story { margin-top: clamp(40px, 6vw, 80px); background: var(--sg-soft); }
.sgx-story-grid { display: grid; gap: clamp(24px, 4vw, 64px); align-items: center; padding-block: clamp(28px, 5vw, 64px); }
.sgx-story-media { min-width: 0; aspect-ratio: 5 / 4; overflow: hidden; }
.sgx-story-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sgx-story-copy { min-width: 0; }
.sgx-story-copy h2 { margin: 0 0 14px; color: var(--sg-ink); font: 600 clamp(26px, 3.6vw, 44px)/1.12 var(--sg-display); }
.sgx-story-copy p { max-width: 480px; margin: 0 0 22px; color: var(--sg-text); font-size: 16px; line-height: 1.65; }

.sgx-empty { padding-block: clamp(32px, 6vw, 64px); text-align: center; }
.sgx-empty h2 { margin: 0 0 8px; color: var(--sg-ink); font: 600 clamp(22px, 3vw, 32px)/1.2 var(--sg-display); }
.sgx-empty p { margin: 0; color: var(--sg-muted); }

@media (min-width: 768px) {
    .sgx-story-grid { grid-template-columns: 1fr 1fr; }
}

/* Hero copy beside its picture, from tablets up. */
@media (min-width: 900px) {
    .sgx-hero { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: stretch; }
    .sgx-hero-media { grid-row: 1; grid-column: 7 / -1; aspect-ratio: auto; min-height: clamp(460px, 44vw, 700px); }
    .sgx-hero-inner { display: flex; grid-row: 1; grid-column: 1 / -1; align-items: center; pointer-events: none; }
    .sgx-hero-copy { width: 46%; pointer-events: auto; }
}

/* ---------------------------------------------------------- 2. arch: interiors */
body.sg-skin-theme2.sg1 {
    --first-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "Cormorant Garamond", Georgia, serif;
    --sg-ink: #2a211b; --sg-text: #54483e; --sg-muted: #85786c; --sg-line: #e7ded3; --sg-soft: #f6f1ea;
}
.sg-skin-theme2 .sgx-hero-copy h1 { font-weight: 500; font-size: clamp(40px, 6.2vw, 82px); }
.sg-skin-theme2 .sg-section-head h2, .sg-skin-theme2 .sgx-story-copy h2 { font-weight: 500 !important; font-size: clamp(28px, 3.4vw, 44px) !important; }
@media (min-width: 900px) {
    .sg-skin-theme2 .sgx-hero-media { margin: clamp(24px, 3vw, 48px) clamp(24px, 4vw, 72px) 0 0; border-radius: 999px 999px 0 0; }
}
.sg-skin-theme2 .sg-cat-img, .sg-skin-theme2 .sgx-story-media { border-radius: 999px 999px 0 0 !important; }

/* --------------------------------------------------------- 3. editorial: fashion */
body.sg-skin-theme3.sg1 {
    --first-font: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "Bodoni Moda", "Times New Roman", serif;
    --sg-ink: #161311; --sg-text: #47403b; --sg-muted: #7d746d; --sg-line: #e6e0da; --sg-soft: #f6f1ec;
}
.sg-skin-theme3 .sgx-hero { background: #f3e6dc; }
.sg-skin-theme3 .sgx-hero-copy h1 { font-size: clamp(42px, 7vw, 96px); line-height: 1; letter-spacing: -.02em; }
.sg-skin-theme3 .sg-btn { border-radius: 0 !important; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; }
.sg-skin-theme3 .sg-section-head h2 { font-size: clamp(26px, 3.2vw, 40px) !important; }
.sg-skin-theme3 .sg-card-media { aspect-ratio: 3 / 4 !important; border-radius: 0 !important; }
.sg-skin-theme3 .sg-cat-img { aspect-ratio: 3 / 4 !important; border-radius: 0 !important; }
.sg-skin-theme3 .sgx-story { background: #1b1715; }
body.sg-skin-theme3.sg1 .sgx-story h2 { color: #fff; }
.sg-skin-theme3 .sgx-story p { color: #d8cfc7; }
.sg-skin-theme3 .sgx-story .sgx-eyebrow { color: #e6c5ae; }
.sg-skin-theme10 .sgx-story .sgx-eyebrow { color: #ff8a66; }
.sg-skin-theme3 .sgx-story .sg-btn-ghost { border-color: #fff !important; color: #fff !important; }
.sg-skin-theme3 .sgx-story .sg-btn-ghost:hover { background: #fff !important; color: #161311 !important; }
@media (min-width: 900px) {
    .sg-skin-theme3 .sgx-hero-media { grid-column: 1 / 7; }
    .sg-skin-theme3 .sgx-hero-inner { justify-content: flex-end; }
    .sg-skin-theme3 .sgx-hero-copy { width: 46%; }
}

/* ------------------------------------------------------- 4. split: soft furnishing */
body.sg-skin-theme4.sg1 {
    --first-font: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "Fraunces", Georgia, serif;
    --sg-ink: #1d2f30; --sg-text: #475657; --sg-muted: #7b8788; --sg-line: #ece3d6; --sg-soft: #f9f2e8;
}
.sg-skin-theme4 .sg-btn { border-radius: 999px !important; }
.sg-skin-theme4 .sg-card-media, .sg-skin-theme4 .sg-cat-img, .sg-skin-theme4 .sgx-story-media { border-radius: 24px !important; }
.sg-skin-theme4 .sg-cart-btn { border-radius: 50% !important; }
.sg-skin-theme4 .sg-newsletter { border-radius: 24px !important; }
@media (min-width: 900px) {
    .sg-skin-theme4 .sgx-hero-media { margin: clamp(20px, 2.4vw, 36px) clamp(20px, 2.4vw, 36px) clamp(20px, 2.4vw, 36px) 0; border-radius: 36px; }
}

/* --------------------------------------------------------- 5. poster: accessories */
body.sg-skin-theme5.sg1 {
    --first-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "DM Serif Display", Georgia, serif;
    --sg-ink: #1c1a18; --sg-text: #4c4843; --sg-muted: #7e7a74; --sg-line: #ece8e1; --sg-soft: #f7f3ec;
}
.sg-skin-theme5 .sgx-hero-copy h1 { font-weight: 400; font-size: clamp(40px, 6.4vw, 88px); }
.sg-skin-theme5 .sg-section-head h2, .sg-skin-theme5 .sgx-story-copy h2 { font-weight: 400 !important; }
.sg-skin-theme5 .sg-btn { border-radius: 10px !important; }
.sg-skin-theme5 .sg-card-media, .sg-skin-theme5 .sg-cat-img, .sg-skin-theme5 .sgx-story-media { border-radius: 14px !important; }
@media (min-width: 900px) {
    .sg-skin-theme5 .sgx-hero-media { grid-column: 6 / -1; }
    .sg-skin-theme5 .sgx-hero-copy { width: 40%; }
}

/* ------------------------------------------------------------ 7. glow: lighting */
body.sg-skin-theme7.sg1 {
    --first-font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: var(--first-font);
    --sg-ink: #171411; --sg-text: #4a443e; --sg-muted: #7d766e; --sg-line: #e9e5df; --sg-soft: #f6f3ee;
}
.sg-skin-theme7 .sgx-hero, .sg-skin-theme7 .sgx-hero-media { background: #0d0b0a; }
body.sg-skin-theme7.sg1 .sgx-hero h1 { color: #fff4e0; font-weight: 300; letter-spacing: -.02em; }
.sg-skin-theme7 .sgx-hero p { color: #cfc4b4; }
.sg-skin-theme7 .sgx-hero .sgx-eyebrow { color: #f2c27d; }
.sg-skin-theme7 .sgx-hero .sg-btn-ghost { border-color: #fff4e0 !important; color: #fff4e0 !important; }
.sg-skin-theme7 .sgx-story { background: #0d0b0a; }
body.sg-skin-theme7.sg1 .sgx-story h2 { color: #fff4e0; font-weight: 300; }
.sg-skin-theme7 .sgx-story p { color: #cfc4b4; }
.sg-skin-theme7 .sgx-story .sgx-eyebrow { color: #f2c27d; }
.sg-skin-theme7 .sgx-story .sg-btn-ghost { border-color: #fff4e0 !important; color: #fff4e0 !important; }
.sg-skin-theme7 .sgx-story .sg-btn-ghost:hover { background: #fff4e0 !important; color: #171411 !important; }
.sg-skin-theme7 .sg-section-head h2 { font-weight: 400 !important; }
.sg-skin-theme7 .sg-card-media { border-radius: 8px !important; }
@media (min-width: 900px) {
    .sg-skin-theme7 .sgx-hero-media { grid-column: 6 / -1; }
    .sg-skin-theme7 .sgx-hero-copy { width: 40%; }
}

/* --------------------------------------------------------- 8. spotlight: watches */
body.sg-skin-theme8.sg1 {
    --first-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "Cormorant", Georgia, serif;
    --sg-ink: #14120f; --sg-text: #45413b; --sg-muted: #7d786f; --sg-line: #e8e4dc; --sg-soft: #f6f4ef;
}
.sg-skin-theme8 .sgx-hero, .sg-skin-theme8 .sgx-hero-media { background: #0c0b0a; }
body.sg-skin-theme8.sg1 .sgx-hero h1 { color: #f6ecd8; font-weight: 500; font-size: clamp(44px, 7.4vw, 104px); line-height: 1; }
.sg-skin-theme8 .sgx-hero p { color: #bdb4a4; }
.sg-skin-theme8 .sgx-eyebrow { color: #c9a65b; letter-spacing: .24em; font-size: 12px; }
.sg-skin-theme8 .sgx-hero .sg-btn-ghost { border-color: #f6ecd8 !important; color: #f6ecd8 !important; }
.sg-skin-theme8 .sg-btn { border-radius: 0 !important; letter-spacing: .1em; text-transform: uppercase; font-size: 12.5px; }
.sg-skin-theme8 .sg-section-head { justify-content: center; position: relative; text-align: center; }
.sg-skin-theme8 .sg-section-head .sg-pill-link { position: absolute; right: 0; bottom: 0; }
.sg-skin-theme8 .sg-section-head h2 { font-weight: 500 !important; font-size: clamp(30px, 3.6vw, 46px) !important; }
.sg-skin-theme8 .sg-card-media { border-radius: 0 !important; background: #f4f1ea; }
.sg-skin-theme8 .sg-card-body { text-align: center; }
.sg-skin-theme8 .sg-card-price { justify-content: center; }
.sg-skin-theme8 .sg-cat-img { border-radius: 0 !important; }
.sg-skin-theme8 .sgx-story { background: #0c0b0a; }
body.sg-skin-theme8.sg1 .sgx-story h2 { color: #f6ecd8; font-weight: 500; }
.sg-skin-theme8 .sgx-story p { color: #bdb4a4; }
.sg-skin-theme8 .sgx-story .sg-btn-ghost { border-color: #c9a65b !important; color: #e6cf9e !important; }
.sg-skin-theme8 .sgx-story .sg-btn-ghost:hover { background: #c9a65b !important; color: #14120f !important; }
@media (max-width: 639px) {
    .sg-skin-theme8 .sg-section-head { justify-content: space-between; text-align: left; }
    .sg-skin-theme8 .sg-section-head .sg-pill-link { position: static; }
}

/* -------------------------------------------------------------- 9. room: furniture */
body.sg-skin-theme9.sg1 {
    --first-font: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: var(--first-font);
    --sg-ink: #1c1f19; --sg-text: #4b4f46; --sg-muted: #7c8076; --sg-line: #e5e6df; --sg-soft: #f2f3ec;
}
.sg-skin-theme9 .sgx-hero-copy h1 { font-weight: 700; letter-spacing: -.03em; }
.sg-skin-theme9 .sg-section-head h2, .sg-skin-theme9 .sgx-story-copy h2 { font-weight: 700 !important; letter-spacing: -.02em !important; }
.sg-skin-theme9 .sg-btn { border-radius: 6px !important; }
.sg-skin-theme9 .sg-card-media { aspect-ratio: 4 / 3 !important; border-radius: 6px !important; }
.sg-skin-theme9 .sg-cat-img { aspect-ratio: 4 / 3 !important; border-radius: 6px !important; }
.sg-skin-theme9 .sgx-story-media { border-radius: 6px; }
@media (min-width: 900px) {
    .sg-skin-theme9 .sgx-hero-media { grid-column: 6 / -1; }
    .sg-skin-theme9 .sgx-hero-copy { width: 38%; }
}

/* ------------------------------------------------------------- 10. tool: car parts */
body.sg-skin-theme10.sg1 {
    --first-font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --second-font: var(--first-font);
    --sg-display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --sg-ink: #14171b; --sg-text: #434a52; --sg-muted: #737b84; --sg-line: #e2e5e8; --sg-soft: #f2f4f6;
}
.sg-skin-theme10 .sgx-hero, .sg-skin-theme10 .sgx-hero-media { background: #101317; }
body.sg-skin-theme10.sg1 .sgx-hero h1 { color: #fff; font-weight: 700; font-size: clamp(42px, 6.4vw, 84px); line-height: 1; letter-spacing: 0; text-transform: uppercase; }
.sg-skin-theme10 .sgx-hero p { color: #b6bdc5; }
.sg-skin-theme10 .sgx-eyebrow { color: #ff8a66; }
.sg-skin-theme10 .sg-section-head h2, .sg-skin-theme10 .sgx-story-copy h2 { font-weight: 700 !important; font-size: clamp(26px, 3.2vw, 40px) !important; text-transform: uppercase; }
.sg-skin-theme10 .sg-btn { border-radius: 4px !important; }
.sg-skin-theme10 .sg-card { border: 1px solid var(--sg-line); border-radius: 6px; padding: 10px; background: #fff; }
.sg-skin-theme10 .sg-card-media { border-radius: 4px !important; }
.sg-skin-theme10 .sg-cat-img { aspect-ratio: 16 / 10 !important; border-radius: 4px !important; }
.sg-skin-theme10 .sgx-story { background: #101317; }
body.sg-skin-theme10.sg1 .sgx-story h2 { color: #fff; }
.sg-skin-theme10 .sgx-story p { color: #b6bdc5; }
.sg-skin-theme10 .sgx-story .sg-btn-ghost { border-color: #fff !important; color: #fff !important; }
.sg-skin-theme10 .sgx-story .sg-btn-ghost:hover { background: #fff !important; color: #14171b !important; }
.sgx-part-search { position: relative; display: flex; align-items: center; gap: 8px; max-width: 560px; margin-top: 22px; padding: 6px; border-radius: 6px; background: #fff; }
.sgx-part-search > i { flex: none; margin-left: 10px; color: #737b84; }
.sgx-part-search input { flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 6px; border: 0; outline: 0; background: none; color: #14171b; font-size: 16px; }
.sgx-part-search .sg-btn { flex: none; min-height: 46px; padding-inline: 18px; }
.sgx-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.sgx-chips a { padding: 7px 13px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 4px; color: #fff !important; font-size: 14px; text-decoration: none; }
.sgx-chips a:hover { background: rgba(255, 255, 255, .12); }

/* ------------------------------------------ dark heroes melt into their band */
@media (min-width: 900px) {
    .sg-skin-theme7 .sgx-hero-media:not(.is-upload)::after,
    .sg-skin-theme8 .sgx-hero-media:not(.is-upload)::after,
    .sg-skin-theme10 .sgx-hero-media:not(.is-upload)::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 34%; pointer-events: none; }
    .sg-skin-theme7 .sgx-hero-media:not(.is-upload)::after { background: linear-gradient(90deg, #0d0b0a, transparent); }
    .sg-skin-theme8 .sgx-hero-media:not(.is-upload)::after { background: linear-gradient(90deg, #0c0b0a, transparent); }
    .sg-skin-theme10 .sgx-hero-media:not(.is-upload)::after { background: linear-gradient(90deg, #101317, transparent); }
}

/* -------------------------------------------- dark heroes: order on small screens */
@media (max-width: 899px) {
    .sg-skin-theme7 .sgx-hero-inner, .sg-skin-theme8 .sgx-hero-inner, .sg-skin-theme10 .sgx-hero-inner { order: -1; padding-bottom: clamp(20px, 5vw, 32px); }
    .sg-skin-theme7 .sgx-hero-media, .sg-skin-theme8 .sgx-hero-media, .sg-skin-theme10 .sgx-hero-media { aspect-ratio: 4 / 3; }
}

@media (prefers-reduced-motion: reduce) {
    .sgx-home * { scroll-behavior: auto; transition: none !important; }
}