/* SRK Atelier: jewellery-led discovery, composed from the real catalogue. */
:root {
  --atelier-ink: #10291f;
  --atelier-deep: #071e17;
  --atelier-paper: #f8f5ed;
  --atelier-line: #d8d1c3;
  --atelier-muted: #686b5e;
  --atelier-brass: #8b6a36;
  --atelier-light-gold: #e7d0a2;
}
#view-store {
  --rose-bg: var(--atelier-paper);
  --rose-card: #fffdf8;
  --rose-hero: #eee7d9;
  --rose-dark: var(--atelier-ink);
  --rose-deep: var(--atelier-deep);
  --rose-text: #222b24;
  --rose-muted: var(--atelier-muted);
  --rose-border: var(--atelier-line);
  --header-h: 84px;
  --sidebar-w: 182px;
  background: var(--atelier-paper);
  color: var(--rose-text);
}
#view-store :where(button, a, input, select, textarea):focus-visible,
.atelier-dialog :where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid #a77c35;
  outline-offset: 4px;
}
.atelier-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}
#view-store .announcement-bar { display: none; }
#view-store .site-header { height: var(--header-h); padding: 0 clamp(22px, 3.5vw, 64px); background: #0b2920; border-bottom: 1px solid #3e5041; }
#view-store .site-header-inner { max-width: 1720px; grid-template-areas: 'brand nav search account'; grid-template-columns: minmax(160px, 1fr) auto minmax(165px, 230px) auto; gap: 24px; height: 100%; }
#view-store .header-logo-art { width: 178px; height: 68px; }
#view-store .header-nav { gap: 20px; }
#view-store .header-nav :where(a, button) { color: #f0e9da; font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; padding: 5px 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; text-transform: none; letter-spacing: .015em; white-space: nowrap; }
#view-store .header-nav :where(a, button):hover { color: #efd3a0; border-bottom-color: #efd3a0; }
#view-store .header-nav [data-atelier-action="selection"] { gap: 8px; }
#view-store .header-nav [data-atelier-count] { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border: 1px solid #68755a; border-radius: 50%; color: #e8d3a9; font-size: 11px; line-height: 1; }
#view-store .search-input { min-height: 44px; background: rgba(255, 255, 255, .035); border-color: #68745e; font-size: 16px; }
#view-store .search-input::placeholder { color: #bdc6b9; }
#view-store .cust-header-btn { min-width: 44px; justify-content: center; padding: 8px 0; font-size: 12px; }

/* A fashion cover: spare ivory typography beside an actual catalogue portrait. */
#view-store .hero.editorial-hero.immersive-hero {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  display: grid;
  grid-template-columns: .84fr 1.16fr;
  grid-template-rows: 366px 54px;
  height: 420px;
  min-height: 0;
  border: 0;
  overflow: hidden;
  background: #ebe4d7;
  isolation: isolate;
}
#view-store .immersive-hero::before { display: none; }
#view-store .immersive-hero .hero-media { position: relative; grid-column: 2; grid-row: 1; inset: auto; min-height: 0; height: 366px; background: #b6a487; z-index: 0; }
#view-store .immersive-hero .hero-image { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; transform: none; }
#view-store .immersive-hero .hero-shade { background: linear-gradient(0deg, rgba(21, 35, 25, .44), transparent 43%); }
#view-store .immersive-hero .hero-orbit { display: none; }
#view-store .immersive-hero .hero-copy { grid-row: 1; grid-column: 1; width: 100%; max-width: none; padding: 30px clamp(30px, 4.4vw, 80px); align-self: center; z-index: 2; }
#view-store .immersive-hero .hero-eyebrow { font-size: 11px; line-height: 1.5; letter-spacing: .16em; color: #826b47; margin-bottom: 19px; }
#view-store .immersive-hero .hero-eyebrow::before { background: #9d8358; }
#view-store .immersive-hero .hero-title { font-size: clamp(65px, 6.4vw, 103px); line-height: .91; letter-spacing: -.043em; font-weight: 400; max-width: 600px; color: #203b2d; margin-bottom: 20px; }
#view-store .immersive-hero .hero-title em { color: #766241; }
#view-store .immersive-hero .hero-description { color: #657061; max-width: 330px; font-size: 15px; line-height: 1.6; }
#view-store .immersive-hero .hero-actions { margin-top: 23px; gap: 20px; flex-wrap: wrap; }
#view-store .immersive-hero .hero-primary { min-height: 44px; background: #183c2b; color: #fff7e7; border-color: #183c2b; padding: 11px 18px; font-size: 12px; letter-spacing: .025em; }
#view-store .immersive-hero .hero-primary:hover { background: #2b4d39; border-color: #2b4d39; }
#view-store .immersive-hero .hero-secondary { color: #3f563d; font-size: 12px; min-height: 44px; border-bottom-color: #9eac8e; }
#view-store .immersive-hero :where(a,button):focus-visible { outline-color: #a37a3e; }
#view-store .immersive-hero .hero-bottom-note, #view-store .hero-detail-inset { display: none; }
#view-store .hero-photo-modes { top: 18px; left: auto; right: 24px; padding: 0; background: rgba(18, 35, 26, .74); border-color: rgba(247, 232, 195, .4); }
#view-store .hero-photo-modes button { min-height: 44px; padding: 9px 13px; font-size: 11px; }
#view-store .immersive-hero .hero-image-caption { left: 26px; right: 26px; bottom: 22px; width: auto; max-width: none; font-size: 10px; line-height: 1.5; letter-spacing: .06em; }
#view-store .immersive-hero .hero-image-caption .serif { font-size: 25px; line-height: 1.08; }
#view-store .hero-navigation { grid-row: 2; grid-column: 1 / -1; min-height: 54px; background: #ebe4d7; border-color: #d0c4af; flex-wrap: nowrap; }
#view-store .look-chapters { min-width: 0; }
#view-store .look-chapter { min-height: 54px; padding: 5px clamp(16px, 3vw, 48px); grid-template-columns: 22px 1fr; grid-template-rows: auto; gap: 10px; align-items: center; border-right-color: #d0c4af; color: #6b705f; }
#view-store .look-chapter-index { grid-row: auto; font-size: 17px; color: #92774d; }
#view-store .look-chapter-label { font-size: 20px; color: #3c5037; }
#view-store .look-chapter-note { display: none; }
#view-store .look-chapter:hover, #view-store .look-chapter[aria-pressed="true"] { background: #e2d8c5; }
#view-store .look-chapter[aria-pressed="true"] .look-chapter-label { color: #203b2b; }
#view-store .look-chapter[aria-pressed="true"]::before { background: #998151; height: 2px; }
#view-store .hero-player-controls { padding: 4px 18px; gap: 4px; }
#view-store .hero-player-controls button { height: 44px; width: 44px; color: #3b5035; border: 0; border-radius: 0; }
#view-store .hero-player-controls button:hover { color: #183c2b; background: #d4ccb9; }
#view-store .immersive-hero[data-experience-view="detail"] .hero-media { left: auto; }
#view-store .immersive-hero[data-experience-view="detail"] .hero-shade { background: linear-gradient(0deg, rgba(21, 35, 25, .46), transparent 36%); }
#view-store .immersive-hero[data-experience-view="detail"] .hero-image { object-fit: contain; background: #bcb29d; object-position: center; transform: none; }

/* Every section has a different rhythm: editorial, interactive, then catalogue. */
#view-store .atelier-lookbook,
#view-store .atelier-style-launch,
#view-store .atelier-craft,
#view-store .collection-discovery { width: calc(100% - 112px); max-width: 1600px; margin-left: auto; margin-right: auto; }
.atelier-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 340px); align-items: end; gap: 26px; margin-bottom: 31px; }
.atelier-section-heading :where(.section-kicker, .atelier-eyebrow) { grid-column: 1; color: #8b6a36; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; }
.atelier-section-heading h2 { font-family: 'Cormorant Garamond', serif; grid-column: 1; font-size: clamp(46px, 4.6vw, 76px); font-weight: 400; line-height: .98; letter-spacing: -.035em; color: #153525; margin: 4px 0 0; }
.atelier-section-heading > p:not(.section-kicker):not(.atelier-eyebrow) { grid-column: 2; grid-row: 1 / 3; align-self: end; color: #666b5e; font-size: 14px; line-height: 1.75; max-width: 340px; }
#view-store .atelier-lookbook { margin-bottom: 82px; }
.atelier-worlds { display: flex; gap: 0; flex-wrap: wrap; border-bottom: 1px solid #d8d1c3; margin-bottom: 25px; }
.atelier-world-tab { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 13px 22px; color: #666b5e; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; font-size: 13px; line-height: 1.5; letter-spacing: .025em; text-transform: none; }
.atelier-world-tab:hover { color: #173e2c; background: #f0ece2; }
.atelier-world-tab[aria-pressed="true"] { border-bottom-color: #987541; color: #163d2b; background: #eee6d7; }
.atelier-look-stage { --world-bg: #113c2d; --world-ink: #fcf3df; --world-muted: #d5dfcd; --world-line: #66775b; --world-accent: #e5c996; display: grid; grid-template-columns: 1.05fr 1fr; min-width: 0; background: var(--world-bg); color: var(--world-ink); animation: srkAtelierEnter .45s ease both; }
.atelier-look-stage[data-palette="ivory"] { --world-bg: #ece3d2; --world-ink: #263a2c; --world-muted: #647060; --world-line: #bfb29b; --world-accent: #76572c; }
.atelier-look-stage[data-palette="rose"] { --world-bg: #e8d9d2; --world-ink: #4a3032; --world-muted: #775f61; --world-line: #bba49e; --world-accent: #855547; }
.atelier-look-stage[data-palette="midnight"] { --world-bg: #192b31; --world-ink: #f2efe3; --world-muted: #c7d3d2; --world-line: #617776; --world-accent: #dcc597; }
.atelier-photo { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.atelier-photo > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
.atelier-image-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 120px; padding: 20px; background: #e4ddca; color: #586650; font-size: 13px; line-height: 1.6; text-align: center; }
.atelier-look-photo { position: relative; overflow: hidden; min-width: 0; min-height: 0; height: 470px; background: #c0b393; }
.atelier-look-photo > img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; transition: transform 1s ease; }
.atelier-look-photo > .atelier-photo { position: absolute; inset: 0; }
.atelier-look-photo .atelier-photo > img { transition: transform 1s ease; }
.atelier-look-photo:hover > img { transform: scale(1.025); }
.atelier-look-photo:hover .atelier-photo > img { transform: scale(1.025); }
.atelier-product-pin { position: absolute; left: 28px; bottom: 28px; z-index: 1; min-height: 48px; max-width: calc(100% - 56px); display: inline-flex; align-items: center; justify-content: center; gap: 11px; background: rgba(255, 248, 230, .96); color: #153525; padding: 13px 20px; border: 1px solid #f9efd5; border-radius: 0; font-size: 12px; text-transform: none; letter-spacing: .025em; }
.atelier-product-pin:hover { background: #fff9ea; }
.atelier-look-copy { min-width: 0; align-self: center; padding: 23px 25px; }
.atelier-eyebrow { color: var(--world-accent, #8b6a36); text-transform: uppercase; letter-spacing: .16em; font-size: 11px; line-height: 1.6; margin-bottom: 17px; }
.atelier-look-copy > h3 { font-family: 'Cormorant Garamond', serif; color: var(--world-ink); font-weight: 400; font-size: clamp(34px, 3vw, 46px); line-height: 1.02; letter-spacing: -.03em; margin: 0 0 11px; }
.atelier-look-note { color: var(--world-muted); font-size: 13px; line-height: 1.65; max-width: 440px; margin-bottom: 14px; }
.atelier-featured { border-top: 1px solid var(--world-line); border-bottom: 1px solid var(--world-line); padding: 13px 0; margin-bottom: 12px; }
.atelier-featured :where(h3, h4) { font-family: 'Cormorant Garamond', serif; font-size: 25px; font-weight: 400; line-height: 1.15; color: var(--world-ink); margin: 0 0 8px; }
.atelier-featured p { font-size: 11px; color: var(--world-muted); line-height: 1.6; }
.atelier-featured .atelier-piece-actions { margin-top: 12px; }
.atelier-look-copy > h4 { font-size: 14px; font-weight: 500; line-height: 1.5; margin: 15px 0 5px; color: var(--world-ink); }
.atelier-look-copy > p:not(.atelier-eyebrow):not(.atelier-look-note) { color: var(--world-muted); font-size: 12px; line-height: 1.6; }
.atelier-palette { margin: 20px 0 23px; }
.atelier-palette > p { color: var(--world-muted); font-size: 12px; margin-bottom: 10px; }
.atelier-palette p.atelier-palette-note { margin: 12px 0 0; font-size: 11px; line-height: 1.65; }
.atelier-palette-options { display: flex; flex-wrap: wrap; gap: 7px; }
.atelier-palette-option { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 11px; color: var(--world-ink); background: transparent; border: 1px solid var(--world-line); border-radius: 0; font-size: 12px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
.atelier-palette-option::before { content: ''; width: 15px; height: 15px; flex: 0 0 15px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6); background: #1b5a3b; }
.atelier-palette-option[data-palette="ivory"]::before { background: #f1e4c9; }
.atelier-palette-option[data-palette="rose"]::before { background: #c7968e; }
.atelier-palette-option[data-palette="midnight"]::before { background: #24393e; }
.atelier-palette-option:hover, .atelier-palette-option[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--world-accent); border-color: var(--world-accent); }
.atelier-companions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 15px; }
.atelier-piece { position: relative; min-width: 0; display: grid; align-content: start; background: #f5efe2; color: #173728; border: 1px solid #d6cdbd; }
.atelier-piece-image { display: block; position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; padding: 0; background: #e2d9c6; border: 0; border-radius: 0; }
.atelier-piece-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; transition: transform .45s ease; }
.atelier-piece-image:hover img { transform: scale(1.03); }
.atelier-piece-meta { padding: 13px 14px 3px; min-width: 0; }
.atelier-piece-meta h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 500; line-height: 1.13; letter-spacing: -.01em; margin: 0 0 6px; color: #173728; }
.atelier-piece-meta p { font-size: 11px; color: #66705e; line-height: 1.5; overflow-wrap: anywhere; }
.atelier-piece-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.atelier-piece > .atelier-piece-actions { padding: 8px 12px 13px; }
.atelier-companions .atelier-piece { grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: auto auto; border-color: var(--world-line); background: rgba(255, 255, 255, .06); color: var(--world-ink); }
.atelier-companions .atelier-piece-image { grid-column: 1; grid-row: 1 / 3; height: 100%; min-height: 105px; aspect-ratio: auto; }
.atelier-companions .atelier-piece-meta { padding: 10px 10px 0; }
.atelier-companions .atelier-piece-meta h3 { color: var(--world-ink); font-size: 20px; line-height: 1.1; }
.atelier-companions .atelier-piece-meta p { color: var(--world-muted); font-size: 11px; }
.atelier-companions .atelier-piece-actions { padding: 3px 8px 7px; gap: 5px; }
.atelier-button, .atelier-primary, .atelier-button-secondary, .atelier-icon-button, .atelier-finder-back {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 17px; border: 1px solid #173e2b; border-radius: 0; background: #173e2b; color: #fff8e6; font-size: 13px; line-height: 1.4; letter-spacing: .01em; text-transform: none; cursor: pointer;
}
.atelier-button:hover, .atelier-primary:hover { background: #28513b; border-color: #28513b; }
.atelier-button-secondary, .atelier-finder-back { background: transparent; color: #173e2b; border-color: #aab59f; }
.atelier-button-secondary:hover, .atelier-finder-back:hover { background: #e8ecdf; }
.atelier-icon-button { padding: 9px; min-width: 44px; width: 44px; }
.atelier-look-stage .atelier-button { background: var(--world-accent); border-color: var(--world-accent); color: var(--world-bg); }
.atelier-look-stage .atelier-button-secondary, .atelier-look-stage .atelier-icon-button { color: var(--world-ink); background: transparent; border-color: var(--world-line); }
.atelier-look-stage .atelier-button-secondary:hover, .atelier-look-stage .atelier-icon-button:hover { background: rgba(255, 255, 255, .1); }
.atelier-companions .atelier-button-secondary { padding: 9px; font-size: 11px; }
.atelier-button[aria-pressed="true"], .atelier-button-secondary[aria-pressed="true"] { box-shadow: inset 0 0 0 1px currentColor; }
.atelier-button:disabled, .atelier-primary:disabled, .atelier-button-secondary:disabled, .atelier-icon-button:disabled { cursor: default; opacity: .5; }
.atelier-status { color: #61735a; font-size: 13px; line-height: 1.7; margin: 14px 0 0; }
.atelier-look-stage .atelier-status { color: var(--world-muted); }

.collection-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; }
.atelier-craft-options { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-width: 0; }
.atelier-craft-options button { min-height: 44px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 7px 13px; background: transparent; color: #53624c; border: 1px solid #ccc6b5; border-radius: 0; font-size: 12px; line-height: 1.4; letter-spacing: .015em; text-transform: none; }
.atelier-craft-options button:hover, .atelier-craft-options button[aria-pressed="true"] { border-color: #536447; background: #e7e8db; color: #254531; }
.atelier-craft-name { font-family: 'Jost', sans-serif; font-size: 12px; line-height: 1.4; }
.atelier-craft-note, .atelier-craft-count { display: none; }
.collection-stylist { min-height: 44px; display: inline-flex; align-items: center; gap: 9px; padding: 7px 0; flex-shrink: 0; color: #36503a; background: transparent; border: 0; border-bottom: 1px solid #a8ae94; border-radius: 0; font-size: 12px; text-transform: none; letter-spacing: .01em; }
.collection-stylist:hover { color: #173c2b; border-color: #173c2b; }

/* A compact photographic category index gives the catalogue its own entrance. */
#view-store .collection-discovery { margin-bottom: 16px; display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 26px; }
#view-store .collection-discovery-heading { display: block; padding-top: 0; border: 0; margin: 0; }
#view-store .collection-discovery-heading .section-kicker { display: none; }
#view-store .collection-discovery-heading h2 { font-size: 27px; margin: 0; line-height: 1; }
#view-store .collection-discovery-heading > a { min-height: 32px; font-size: 11px; gap: 8px; }
#view-store .collection-nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; padding: 0; overflow: visible; }
#view-store .collection-tile { flex: none; display: grid; grid-template-columns: 60px minmax(0, 1fr); column-gap: 11px; align-items: center; text-align: left; min-width: 0; padding: 0; }
#view-store .collection-tile-image { display: block; grid-column: 1; grid-row: 1 / 3; width: 60px; height: 60px; aspect-ratio: 1; margin: 0; border-radius: 0; object-position: center 55%; border: 1px solid #c7c0ad; transition: transform .45s ease; }
#view-store .collection-tile:hover .collection-tile-image { transform: scale(1.035); filter: none; }
#view-store .collection-tile-label { grid-column: 2; align-self: end; font-family: 'Jost', sans-serif; font-size: 12px; line-height: 1.3; margin: 0; letter-spacing: .01em; }
#view-store .collection-tile-count { grid-column: 2; align-self: start; display: block; font-size: 10px; line-height: 1.5; margin-top: 4px; letter-spacing: .01em; }
#view-store .collection-tile-count::after { display: none; }
#view-store .collection-tile[aria-pressed="true"] .collection-tile-image { outline: 2px solid #8b6a36; outline-offset: 5px; }
#view-store .occasion-discovery { display: none; }
#view-store #featured-section { display: none !important; }

/* The storefront stays visible while only its catalogue waits for live data. */
#view-store #catalogue-loading { display: flex; align-items: center; gap: 13px; width: calc(100% - 112px); max-width: 1600px; min-height: 80px; margin: 0 auto 20px; padding: 16px 18px; color: #64705e; background: #f2eee4; border-top: 1px solid #d3ccbb; border-bottom: 1px solid #d3ccbb; font-size: 13px; line-height: 1.6; }
#view-store #catalogue-loading::before { content: ''; flex: 0 0 2px; width: 2px; height: 23px; background: #a18b60; }
#view-store #catalogue-loading p { margin: 0; }
#view-store #catalogue-loading strong { color: #344c36; font-weight: 500; }
#view-store #catalogue-loading[hidden] { display: none !important; }

/* Photo-first cards stay useful without repeating long descriptions. */
#view-store .store-wrap { width: calc(100% - 112px); max-width: 1600px; margin: 0 auto; gap: 26px; padding-top: 18px; border-top: 1px solid #d0cbbb; }
#view-store .cat-sidebar { background: transparent; border-top: 0; border-right: 1px solid #d3cdbc; padding: 0 16px 20px 0; width: var(--sidebar-w); max-height: calc(100dvh - var(--header-h) - 40px); }
#view-store .sidebar-label { font-size: 11px; margin-bottom: 13px; }
#view-store .sidebar-btn { min-height: 44px; font-size: 13px; line-height: 1.45; padding: 10px 11px; }
#view-store .cat-badge { font-size: 11px; }
#view-store .collection-intro { margin: 0 0 10px; }
#view-store .collection-intro .collection-kicker { display: none; }
#view-store .collection-intro h2 { font-size: clamp(30px, 2.8vw, 43px); color: #193b2a; letter-spacing: -.025em; line-height: 1.05; margin: 0; }
#view-store .collection-intro > p:not(.collection-kicker) { font-size: 12px; line-height: 1.5; margin: 6px 0 0; }
#view-store .sort-bar { margin-bottom: 16px; padding: 0; min-height: 44px; }
#view-store .results-count { font-size: 12px; }
#view-store .sort-select, #view-store .price-filter input { font-size: 16px; }
#view-store .sort-select { min-width: 160px; max-width: 265px; }
#view-store .price-filter input { width: 95px; }
#view-store .category-section-heading h3 { color: #153525; font-size: 35px; }
#view-store .category-piece-count { font-size: 11px; }
#view-store .category-view-all { font-size: 12px; }
#view-store .category-section-heading { margin-bottom: 13px; padding-top: 0; }
#view-store .catalogue-grid, #view-store .featured-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 22px; }
#view-store .item-card { border-radius: 0; background: transparent; box-shadow: none; cursor: auto; }
#view-store .item-card-img { aspect-ratio: 3 / 4; background: #e9e2d3; border-radius: 0; }
#view-store .item-card-img img { object-position: center 40%; }
#view-store .item-card-body { padding: 11px 0 0; flex: 1 1 auto; }
#view-store .item-card-name { color: #193b2a; font-size: 24px; font-weight: 500; line-height: 1.12; margin-bottom: 5px; }
#view-store .card-details { min-height: 44px; }
#view-store .item-card-code { font-size: 10px; letter-spacing: .085em; margin-bottom: 6px; }
#view-store .item-card-meta { margin-bottom: 6px; gap: 5px; }
#view-store .meta-tag { font-size: 10px; padding: 1px 5px; border-radius: 0; }
#view-store .item-card-desc { display: none; }
#view-store .price-row { margin-bottom: 5px; gap: 6px; min-height: 24px; }
#view-store .price-normal, #view-store .price-sale { font-size: 15px; }
#view-store .price-enquiry { font-size: 12px; line-height: 1.5; }
#view-store .item-card-body > .btn-wa { width: max-content; max-width: 100%; justify-content: flex-start; min-height: 44px; padding: 8px 0; background: transparent; border: 0; border-bottom: 1px solid #9cad91; color: #2b543a; font-size: 12px; line-height: 1.4; border-radius: 0; margin-top: auto; }
#view-store .item-card-body > .btn-wa:hover { color: #0e3925; border-bottom-color: #0e3925; background: transparent; }
#view-store .thumbs-row { gap: 3px; padding-top: 7px; min-height: 48px; }
#view-store .thumb { width: 36px; height: 36px; border-radius: 0; }
#view-store .thumb-button { width: 44px; height: 44px; flex-basis: 44px; }
#view-store .wishlist-btn { top: 11px; right: 11px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 252, 244, .96); }
#view-store .card-share-btn { top: 62px; right: 11px; bottom: auto; width: 44px; height: 44px; background: rgba(255, 252, 244, .96); }
#view-store .item-card [data-atelier-save] { position: absolute; top: 11px; left: 11px; z-index: 5; width: 44px; height: 44px; min-height: 44px; padding: 8px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgba(13, 46, 27, .25); border-radius: 2px; background: rgba(255, 251, 238, .96); color: #153e29; box-shadow: none; }
#view-store .item-card [data-atelier-save][aria-pressed="true"] { background: #173e2b; border-color: #173e2b; color: #fff3d1; }
#view-store .item-card [data-atelier-save]:hover { border-color: #173e2b; }
#view-store .item-card [data-atelier-save] svg { width: 19px; height: 19px; }
#view-store .item-card .badge { top: 62px; left: 11px; font-size: 9px; }
#view-store .item-card .badge-sale + .badge-new { top: 91px; left: 11px; }
#view-store .featured-section { margin: 0; background: #f0ece1; padding: 50px 0; }
#view-store .featured-inner { width: calc(100% - 112px); max-width: 1600px; margin: 0 auto; }
#view-store .featured-inner h2 { font-size: 51px !important; }
#view-store .brand-story { width: calc(100% - 112px); max-width: 1600px; margin: 48px auto; display: grid; grid-template-columns: .72fr 1.28fr; border: 0; background: #e9e4d7; }
#view-store .story-image { width: 100%; height: 350px; }
#view-store .story-copy { padding: 33px 40px; align-self: center; }
#view-store .story-copy h2 { font-size: clamp(33px, 3.5vw, 50px); margin-bottom: 17px; }
#view-store .story-copy p { font-size: 13px; line-height: 1.7; margin-bottom: 12px; }
#view-store .story-copy .section-kicker { font-size: 10px; margin-bottom: 12px; }
#view-store .story-copy .hero-secondary { min-height: 44px; padding: 9px 0; font-size: 12px; }
.catalogue-preview-note { margin: 27px 0 13px; color: #6b725f; font-size: 13px; line-height: 1.7; text-align: center; }
.catalogue-preview-actions { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 18px 0 36px; }
.catalogue-preview-actions { flex-direction: column; }
.catalogue-preview-actions .catalogue-preview-note { margin: 0; }
#view-store:has(#catalogue-output .catalogue-preview-actions) .cat-sidebar,
#view-store:has(#catalogue-output .catalogue-preview-actions) #sort-bar,
#view-store:has(#catalogue-output .catalogue-preview-actions) #mobile-cat-bar { display: none !important; }
#browse-full-collection { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 24px; color: #fcf6e7; border: 1px solid #1c422e; border-radius: 0; background: #1c422e; font-size: 13px; text-transform: none; letter-spacing: .02em; }
#browse-full-collection:hover { background: #33543d; }
#view-store .recent-inner { width: calc(100% - 112px); margin: 0 auto; }
#view-store .testi-section { background: #eee9db; }
#view-store footer { padding-bottom: 110px; background: #0c2a20; }

/* New tools are native dialogs: a single, readable canvas with internal scroll. */
.atelier-dialog { padding: 0; width: min(1120px, calc(100vw - 48px)); max-width: calc(100vw - 48px); max-height: calc(100dvh - 48px); border: 1px solid #c9c0aa; border-radius: 2px; background: #faf7ef; color: #213529; box-shadow: 0 24px 100px rgba(0, 0, 0, .28); overflow: hidden; margin: auto; }
.atelier-dialog[open] { display: flex; flex-direction: column; }
.atelier-dialog::backdrop { background: rgba(4, 21, 14, .67); backdrop-filter: blur(5px); }
#atelier-dialog-content { display: flex; flex-direction: column; min-height: 0; max-height: calc(100dvh - 50px); width: 100%; overflow: hidden; }
.atelier-dialog-header { position: relative; display: flex; align-items: start; justify-content: space-between; gap: 24px; padding: 28px 34px 24px; border-bottom: 1px solid #d5cfbe; flex-shrink: 0; }
.atelier-dialog-header p { color: #7b6b48; font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .13em; margin: 0 0 7px; }
.atelier-dialog-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(35px, 3.8vw, 52px); font-weight: 400; color: #183b28; line-height: 1.03; letter-spacing: -.025em; margin: 0; }
.atelier-dialog-close { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 8px; border: 1px solid #b7bda7; background: transparent; color: #244b32; border-radius: 50%; font-size: 24px; line-height: 1; }
.atelier-dialog-close:hover { background: #e5e9dc; }
.atelier-dialog-body { padding: 27px 34px 34px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; flex: 1 1 auto; }
.atelier-dialog-body.atelier-lookbook-body { padding: 18px; }
.atelier-lookbook-body .atelier-worlds { margin-bottom: 14px; flex-wrap: nowrap; overflow-x: auto; }
.atelier-lookbook-body .atelier-world-tab { flex: 1 0 auto; min-height: 44px; padding: 10px 16px; font-size: 12px; }
.atelier-lookbook-body .atelier-look-stage { grid-template-columns: .94fr 1.06fr; }
.atelier-lookbook-body .atelier-look-copy > h3, .atelier-lookbook-body .atelier-featured :where(h3,h4), .atelier-lookbook-body .atelier-look-copy > h4 { color: var(--world-ink); }
.atelier-lookbook-body .atelier-companions { grid-template-columns: 1fr; }
.atelier-lookbook-body .atelier-companions .atelier-piece { grid-template-columns: 68px minmax(0,1fr); }
.atelier-lookbook-body .atelier-companions .atelier-piece-image { min-height: 90px; }
.atelier-lookbook-body .atelier-companions .atelier-piece-meta h3 { font-size: 21px; color: var(--world-ink); }
.atelier-dialog-body > p { color: #64705d; font-size: 14px; line-height: 1.75; margin: 0 0 20px; }
.atelier-dialog-body h3 { color: #183b28; }
.atelier-dialog-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 19px 34px; background: #eee9dc; border-top: 1px solid #d1c8b6; flex-shrink: 0; }
.atelier-dialog-footer > p, .atelier-selection-note { color: #626d5a; font-size: 13px; line-height: 1.6; max-width: 650px; }
.atelier-dialog :where(input, textarea, select) { font-size: 16px; min-height: 44px; }
.atelier-finder-progress { display: flex; gap: 10px; margin: 0 0 29px; padding: 0; list-style: none; color: #7a7c6a; font-size: 12px; line-height: 1.5; }
.atelier-finder-progress > * { flex: 1; padding-top: 10px; border-top: 2px solid #d8d2c2; }
.atelier-finder-progress [aria-current], .atelier-finder-progress .is-active, .atelier-finder-progress .is-complete { color: #214b30; border-top-color: #8d6e39; }
.atelier-finder-step { min-width: 0; margin: 0; padding: 0; border: 0; }
.atelier-finder-step > legend { display: block; width: 100%; padding: 0; font-family: 'Cormorant Garamond', serif; color: #183b28; font-size: clamp(35px, 3.2vw, 48px); font-weight: 400; line-height: 1.05; letter-spacing: -.025em; margin: 0 0 22px; }
.atelier-dialog-body > .atelier-finder-summary { color: #2d5035; padding: 13px 16px; border: 1px solid #b9c2aa; background: #e9eddf; margin-bottom: 17px; }
.atelier-dialog-body > .atelier-results-count { color: #5b6f52; font-size: 13px; margin-bottom: 11px; }
.atelier-finder-step > h3 { font-family: 'Cormorant Garamond', serif; font-size: clamp(35px, 3.2vw, 48px); font-weight: 400; line-height: 1.05; letter-spacing: -.025em; margin: 0 0 15px; }
.atelier-finder-step > p { color: #69715e; font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.atelier-finder-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.atelier-choice { min-height: 132px; display: flex; flex-direction: column; justify-content: center; align-items: start; padding: 24px; gap: 9px; text-align: left; color: #294934; border: 1px solid #c9cdbb; border-radius: 0; background: #f2ede1; font-size: 14px; text-transform: none; letter-spacing: normal; }
.atelier-choice-title { color: #1b3c29; font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 500; line-height: 1.1; }
.atelier-choice-note { color: #646e5b; font-size: 13px; line-height: 1.65; }
.atelier-choice:hover { border-color: #2b5438; background: #e7ecde; }
.atelier-choice.is-selected, .atelier-choice[aria-pressed="true"] { border-color: #244e34; box-shadow: inset 0 0 0 1px #244e34; background: #dee7d6; }
.atelier-finder-back { min-width: 100px; }
.atelier-results, .atelier-selection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.atelier-result-reason { padding: 8px 14px 13px; font-size: 12px; line-height: 1.6; color: #5f7258; border-top: 1px solid #d6d4c6; margin-top: 7px; }
.atelier-selection-item { position: relative; min-width: 0; }
.atelier-selection-note { margin: 0 0 22px; }
.atelier-compare-pick { display: flex; align-items: center; gap: 9px; padding: 9px 13px; min-height: 44px; color: #3a543d; background: #e9eadd; border-top: 1px solid #cccfbb; font-size: 13px; line-height: 1.5; cursor: pointer; }
.atelier-compare-pick input { width: 19px; height: 19px; min-height: 19px; accent-color: #284d33; flex-shrink: 0; }
.atelier-compare-scroll { width: 100%; overflow-x: auto; overscroll-behavior: contain; border: 1px solid #cccbb9; margin: 25px 0 0; }
.atelier-compare-table { width: 100%; min-width: 660px; border-collapse: collapse; font-size: 13px; line-height: 1.6; }
.atelier-compare-table :where(th, td) { vertical-align: top; text-align: left; padding: 18px; border-right: 1px solid #d4d0c0; border-bottom: 1px solid #d4d0c0; min-width: 170px; max-width: 320px; overflow-wrap: anywhere; }
.atelier-compare-table th { color: #274530; background: #eee9dc; font-weight: 500; }
.atelier-compare-table td { background: #faf7ee; color: #5a6856; }
.atelier-compare-table img { display: block; width: 100%; max-width: 185px; height: 205px; object-fit: cover; object-position: center 45%; margin-bottom: 14px; }
.atelier-compare-table h3 { font-family: 'Cormorant Garamond', serif; font-size: 26px; line-height: 1.15; margin-bottom: 8px; }
.atelier-compare-table p { font-size: 12px; }
.atelier-compare-image { display: block; width: 100%; min-height: 44px; background: transparent; border: 0; padding: 0; color: #23472e; text-align: left; text-transform: none; letter-spacing: -.01em; font-family: 'Cormorant Garamond', serif; font-size: 25px; line-height: 1.15; }
.atelier-compare-image > .atelier-photo { height: 205px; max-width: 185px; margin-bottom: 13px; }
.atelier-compare-image .atelier-photo img { height: 100%; margin: 0; }
.atelier-compare-image:hover { text-decoration: underline; text-underline-offset: 4px; }
.atelier-empty { padding: 55px 20px; text-align: center; background: #f0ecdf; color: #60705a; }
.atelier-empty h3 { color: #21432e; font-family: 'Cormorant Garamond', serif; font-size: 39px; line-height: 1.1; font-weight: 400; margin-bottom: 16px; }
.atelier-empty p { font-size: 14px; line-height: 1.75; max-width: 500px; margin: 0 auto 23px; }

.atelier-selection-tray { position: fixed; left: 50%; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 600; display: flex; align-items: center; justify-content: space-between; gap: 15px; width: min(660px, calc(100% - 170px)); min-height: 76px; padding: 12px 17px; background: rgba(255, 250, 235, .98); color: #1a3e2b; border: 1px solid #afa991; box-shadow: 0 9px 30px rgba(9, 36, 21, .16); }
.atelier-tray-copy { min-width: 0; flex: 1 1 auto; display: block; font-size: 13px; line-height: 1.5; }
.atelier-tray-copy strong { font-weight: 500; }
.atelier-tray-copy p, .atelier-tray-copy small { color: #63715d; font-size: 12px; margin-top: 3px; }
.atelier-tray-copy img { display: block; width: 34px; height: 44px; object-fit: cover; border: 1px solid #bcb39b; }
.atelier-tray-copy > div { min-width: 0; }
.atelier-tray-actions { display: flex; flex-shrink: 0; align-items: center; gap: 8px; }
.atelier-selection-tray .atelier-button { font-size: 12px; padding: 11px 14px; }
.atelier-selection-tray .atelier-icon-button { background: transparent; color: #214731; border-color: #b9c2a9; }

/* Existing product details retain their real content and familiar photo controls. */
#modal-overlay { background: rgba(5, 26, 17, .7); backdrop-filter: blur(5px); }
#modal-overlay .modal-box { max-width: 1180px; max-height: calc(100dvh - 48px); border-radius: 2px; background: #faf7ef; border: 1px solid #c8c3ae; }
#modal-overlay .modal-gallery { width: 56%; min-height: 590px; background: #dfd7c6; }
#modal-overlay .modal-main-img { object-position: center 40%; }
#modal-overlay .modal-info-content { padding: 39px 32px; gap: 17px; }
#modal-overlay .modal-name { color: #183b28; font-size: 42px; line-height: 1.03; padding-right: 16px; }
#modal-overlay .modal-desc { color: #67705d; font-size: 14px; line-height: 1.75; }
#modal-overlay .modal-code { font-size: 12px; }
#modal-overlay .modal-actions .btn-wa { background: #1e492f; color: #fff7e4; border-color: #1e492f; min-height: 48px; font-size: 14px; padding: 13px 18px; }
#modal-overlay .modal-close { width: 44px; height: 44px; top: 15px; right: 15px; }
#modal-overlay .modal-thumbs { max-width: calc(100% - 38px); overflow-x: auto; scrollbar-width: thin; }
#modal-overlay .modal-thumb-button { min-width: 48px; height: 48px; }

@keyframes srkAtelierEnter { from { opacity: .6; transform: translateY(7px); } to { opacity: 1; transform: none; } }

@media (max-width: 1279px) {
  #view-store .site-header-inner { grid-template-columns: minmax(140px, 1fr) auto minmax(135px, 190px) auto; gap: 17px; }
  #view-store .header-logo-art { width: 158px; height: 63px; }
  #view-store .header-nav { gap: 13px; }
  #view-store .header-nav :where(a, button) { font-size: 11.5px; }
  #view-store .immersive-hero .hero-copy { padding: 27px 36px; }
  #view-store .immersive-hero .hero-title { font-size: 78px; }
  #view-store .immersive-hero .hero-actions { gap: 17px; }
  #view-store .look-chapter { padding-left: 20px; padding-right: 20px; }
  #view-store .collection-discovery, #view-store .store-wrap, #view-store .featured-inner, #view-store .brand-story, #view-store .recent-inner { width: calc(100% - 72px); }
  #view-store #catalogue-loading { width: calc(100% - 72px); }
  #view-store .collection-discovery { grid-template-columns: 126px minmax(0,1fr); gap: 18px; }
  #view-store .collection-nav { display: flex; overflow-x: auto; scrollbar-width: thin; padding: 0 0 4px; gap: 15px; }
  #view-store .collection-tile { flex: 0 0 146px; }
  #view-store .catalogue-grid, #view-store .featured-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 19px; }
  #view-store .sidebar-btn { font-size: 12px; }
  #view-store .brand-story { grid-template-columns: .85fr 1.15fr; }
  #view-store .story-copy { padding: 28px 31px; }
  #modal-overlay .modal-gallery { min-height: 540px; }
}

@media (min-width: 980px) {
  #view-store:has(#catalogue-output .catalogue-preview-actions) .collection-intro { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 18px; align-items: end; }
  #view-store:has(#catalogue-output .catalogue-preview-actions) .collection-intro h2,
  #view-store:has(#catalogue-output .catalogue-preview-actions) .collection-intro > p { grid-column: 1; }
  #view-store:has(#catalogue-output .catalogue-preview-actions) .collection-tools { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; }
}

@media (max-width: 979px) {
  #view-store { --header-h: 110px; --sidebar-w: 156px; }
  #view-store .site-header-inner { grid-template-areas: 'brand search account' 'nav nav nav'; grid-template-columns: minmax(155px,1fr) minmax(150px,245px) 44px; grid-template-rows: 66px 44px; gap: 0 20px; }
  #view-store .header-logo-art { width: 154px; height: 61px; }
  #view-store .header-nav { align-self: stretch; justify-content: center; gap: 26px; }
  #view-store .header-nav :where(a,button) { font-size: 12px; }
  #view-store .cust-header-btn { height: 44px; width: 44px; }
  #view-store .cust-name-label { display: none; }
  #view-store .hero.editorial-hero.immersive-hero { grid-template-columns: .93fr 1.07fr; grid-template-rows: 340px 54px; height: 394px; }
  #view-store .immersive-hero .hero-media { height: 340px; }
  #view-store .immersive-hero .hero-copy { padding: 26px 29px; }
  #view-store .immersive-hero .hero-title { font-size: 67px; }
  #view-store .immersive-hero .hero-description { font-size: 14px; }
  #view-store .immersive-hero .hero-eyebrow { font-size: 10px; margin-bottom: 15px; }
  #view-store .immersive-hero .hero-actions { margin-top: 17px; gap: 12px; }
  #view-store .immersive-hero .hero-primary, #view-store .immersive-hero .hero-secondary { font-size: 11px; }
  #view-store .hero-player-controls { padding: 4px 8px; }
  #view-store .look-chapter { padding-left: 15px; padding-right: 15px; gap: 8px; }
  #view-store .look-chapter-label { font-size: 18px; }
  #view-store .collection-discovery, #view-store .store-wrap, #view-store .featured-inner, #view-store .brand-story, #view-store .recent-inner { width: calc(100% - 48px); }
  #view-store #catalogue-loading { width: calc(100% - 48px); }
  #view-store .collection-discovery { grid-template-columns: 112px minmax(0,1fr); }
  #view-store .collection-discovery-heading h2 { font-size: 25px; }
  #view-store .collection-discovery-heading > a { font-size: 10px; }
  #view-store .store-wrap { gap: 20px; }
  #view-store .catalogue-grid, #view-store .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 16px; }
  #view-store .collection-intro h2 { font-size: 36px; }
  #view-store .collection-tools { flex-wrap: wrap; gap: 8px; }
  #view-store .sort-select { max-width: 190px; min-width: 140px; }
  #view-store .item-card-name { font-size: 23px; }
  #view-store .brand-story { grid-template-columns: .9fr 1.1fr; }
  #view-store .story-copy { padding: 26px; }
  #view-store .story-copy h2 { font-size: 39px; }
  #view-store .story-image { height: 390px; }
  .atelier-lookbook-body .atelier-look-stage { grid-template-columns: .85fr 1.15fr; }
  .atelier-look-copy { padding: 23px 20px; }
  .atelier-look-copy > h3 { font-size: 38px; }
  .atelier-lookbook-body .atelier-companions .atelier-piece { grid-template-columns: 58px minmax(0,1fr); }
  .atelier-lookbook-body .atelier-companions .atelier-piece-meta h3 { font-size: 19px; }
  .atelier-lookbook-body .atelier-companions .atelier-piece-actions { gap: 5px; }
  #modal-overlay .modal-gallery { width: 52%; min-height: 520px; }
  #modal-overlay .modal-info-content { padding: 31px 24px; }
  #modal-overlay .modal-name { font-size: 36px; }
}

@media (max-width: 767px) {
  #view-store { --header-h: 110px; }
  #view-store .site-header { padding: 0 18px; }
  #view-store .site-header-inner { grid-template-areas: 'brand search account' 'nav nav nav'; grid-template-columns: 126px minmax(0,1fr) 44px; grid-template-rows: 66px 44px; gap: 0 8px; }
  #view-store .header-logo { width: 126px; }
  #view-store .header-logo-art { width: 126px; height: 54px; }
  #view-store .search-wrap { min-width: 0; align-self: center; }
  #view-store .search-input { height: 44px; min-height: 44px; width: 100%; padding-left: 30px; padding-right: 24px; font-size: 16px; }
  #view-store .search-icon { left: 9px; width: 13px; }
  #view-store .search-clear { right: 3px; }
  #view-store .cust-header-btn { width: 44px; height: 44px; min-width: 44px; padding: 0; }
  #view-store .cust-name-label { display: none; }
  #view-store .header-nav { display: flex; justify-content: space-between; border: 0; gap: 7px; min-width: 0; overflow-x: auto; align-self: stretch; scrollbar-width: none; }
  #view-store .header-nav::-webkit-scrollbar { display: none; }
  #view-store .header-nav :where(a,button) { min-height: 44px; font-size: 11.5px; letter-spacing: 0; flex-shrink: 0; }
  #view-store .header-nav > a[href='#store-main'] { display: inline-flex; }
  #view-store .header-nav [data-atelier-action='selection'] { gap: 5px; }
  #view-store .header-nav [data-atelier-count] { flex-shrink: 0; min-width: 18px; height: 18px; padding: 0 4px; font-size: 10px; }
  #view-store .hero.editorial-hero.immersive-hero { margin: 0 0 15px; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 44px; height: 294px; min-height: 0; }
  #view-store .immersive-hero .hero-copy { position: static; grid-column: 1; grid-row: 1; align-self: center; width: 100%; padding: 18px 15px; margin: 0; }
  #view-store .immersive-hero .hero-media, #view-store .immersive-hero[data-experience-view='detail'] .hero-media { position: relative; inset: auto; grid-column: 2; grid-row: 1; height: 250px; min-height: 0; }
  #view-store .immersive-hero .hero-image { object-fit: cover; object-position: 53% 51%; transform: none; }
  #view-store .immersive-hero .hero-shade { background: linear-gradient(0deg, rgba(13,33,21,.36), transparent 34%); }
  #view-store .immersive-hero .hero-eyebrow { font-size: 9.5px; line-height: 1.5; letter-spacing: .04em; margin-bottom: 13px; }
  #view-store .immersive-hero .hero-eyebrow::before { display: none; }
  #view-store .immersive-hero .hero-title { font-size: clamp(37px,11.5vw,52px); line-height: .94; margin-bottom: 14px; }
  #view-store .immersive-hero .hero-title em { white-space: nowrap; }
  #view-store .immersive-hero .hero-description { max-width: 200px; font-size: 12px; line-height: 1.55; }
  #view-store .immersive-hero .hero-actions { position: static; margin-top: 17px; gap: 0; }
  #view-store .immersive-hero .hero-primary { min-height: 44px; padding: 10px 11px; font-size: 11px; gap: 7px; max-width: 100%; }
  #view-store .immersive-hero .hero-secondary { position: absolute; z-index: 4; right: 12px; bottom: 57px; min-height: 44px; padding: 10px 12px; font-size: 11px; gap: 7px; color: #284530; background: rgba(249,243,228,.96); border: 1px solid rgba(249,243,228,.7); }
  #view-store .hero-photo-modes { top: 12px; right: 12px; left: auto; background: rgba(20,38,25,.75); border: 1px solid rgba(248,238,211,.35); }
  #view-store .hero-photo-modes button { min-height: 44px; padding: 8px 10px; font-size: 10px; }
  #view-store .hero-detail-inset, #view-store .immersive-hero .hero-bottom-note, #view-store .immersive-hero .hero-image-caption { display: none; }
  #view-store .hero-navigation { grid-column: 1 / -1; grid-row: 2; flex-wrap: nowrap; min-height: 44px; height: 44px; }
  #view-store .look-chapters { min-width: 0; grid-template-columns: repeat(3,minmax(0,1fr)); flex: 1 1 auto; }
  #view-store .look-chapter { min-width: 0; min-height: 44px; height: 44px; padding: 5px 8px; display: flex; align-items: center; justify-content: center; gap: 4px; }
  #view-store .look-chapter-index { display: none; }
  #view-store .look-chapter-label { font-size: 16px; line-height: 1.05; }
  #view-store .look-chapter-note { display: none; }
  #view-store .hero-player-controls { flex: 0 0 44px; width: 44px; padding: 0; gap: 0; }
  #view-store .hero-player-controls #hero-prev, #view-store .hero-player-controls #hero-next { display: none; }
  #view-store .hero-player-controls button { min-height: 44px; height: 44px; width: 44px; padding: 4px; font-size: 11px; }
  #view-store .immersive-hero[data-experience-view='detail'] .hero-image { object-fit: contain; object-position: center; background: #bfb197; }
  #view-store .immersive-hero[data-experience-view='detail'] .hero-shade { background: linear-gradient(0deg, rgba(13,33,21,.25), transparent 30%); }
  #view-store .collection-discovery, #view-store .store-wrap, #view-store .featured-inner, #view-store .brand-story, #view-store .recent-inner { width: calc(100% - 36px); }
  #view-store #catalogue-loading { width: calc(100% - 36px); min-height: 72px; margin-bottom: 16px; padding: 14px 16px; font-size: 13px; }
  #view-store .collection-discovery { display: block; margin-bottom: 12px; }
  #view-store .collection-discovery-heading { display: flex; align-items: center; justify-content: space-between; min-height: 29px; gap: 12px; margin-bottom: 8px; }
  #view-store .collection-discovery-heading h2 { font-size: 24px; }
  #view-store .collection-discovery-heading > a { font-size: 11px; min-height: 29px; gap: 7px; }
  #view-store .collection-nav { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; gap: 12px; padding: 0 0 5px; margin: 0; }
  #view-store .collection-tile { flex: 0 0 122px; min-height: 45px; grid-template-columns: 45px minmax(0,1fr); column-gap: 8px; }
  #view-store .collection-tile-image { width: 45px; height: 45px; border-radius: 0; }
  #view-store .collection-tile-label { font-size: 11px; line-height: 1.25; margin: 0; }
  #view-store .collection-tile-count { font-size: 9.5px; line-height: 1.3; margin-top: 3px; }
  #view-store .mobile-cat-bar { top: var(--header-h); padding: 5px 18px; min-height: 54px; background: #f8f5ed; }
  #view-store .mobile-cat-chip { font-size: 12px; min-height: 44px; }
  #view-store .store-wrap { padding-top: 14px; gap: 0; }
  #view-store .collection-intro { margin-bottom: 8px; }
  #view-store .collection-intro h2 { font-size: 31px; margin: 0; line-height: 1.04; }
  #view-store .collection-intro > p:not(.collection-kicker) { font-size: 12px; line-height: 1.5; margin-top: 5px; }
  #view-store:has(#catalogue-output .catalogue-preview-actions) .collection-intro > p { display: none; }
  #view-store .collection-tools { margin-top: 7px; flex-wrap: nowrap; gap: 8px; }
  #view-store .collection-stylist { display: none; }
  #view-store .atelier-craft-options { flex-wrap: nowrap; gap: 6px; }
  #view-store .atelier-craft-options button { min-height: 44px; min-width: 44px; font-size: 11px; padding: 8px 11px; }
  #view-store .atelier-craft-name { font-size: 11px; }
  #view-store .sort-bar { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,52%) 44px; column-gap: 8px; row-gap: 0; min-height: 44px; margin-bottom: 12px; align-items: center; }
  #view-store .results-count { grid-column: 1; grid-row: 1; min-width: 0; font-size: 11px; line-height: 1.35; margin: 0; }
  #view-store .sort-select { grid-column: 2; grid-row: 1; order: 0; width: 100%; font-size: 16px; max-width: none; min-width: 0; padding-left: 9px; }
  #view-store .price-filter-toggle { grid-column: 3; grid-row: 1; order: 0; display: grid; width: 44px; height: 44px; min-height: 44px; padding: 0; }
  #view-store .price-filter { grid-column: 1 / -1; grid-row: 2; order: 0; width: 100%; margin: 0; gap: 8px; }
  #view-store .sort-bar.filters-open { row-gap: 10px; }
  #view-store .price-filter input { width: 0; font-size: 16px; }
  #view-store .category-section-heading { margin-bottom: 11px; padding-top: 0; }
  #view-store .category-section-heading h3 { font-size: 27px; }
  #view-store .category-piece-count { font-size: 10px; }
  #view-store .category-view-all { font-size: 11px; }
  #view-store .catalogue-grid, #view-store .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 13px; }
  #view-store .item-card-name { font-size: 22px; line-height: 1.1; }
  #view-store .item-card-code { font-size: 10px; letter-spacing: .03em; }
  #view-store .item-card-meta { margin-bottom: 5px; }
  #view-store .meta-tag { font-size: 9px; }
  #view-store .item-card-body > .btn-wa { font-size: 11px; gap: 5px; }
  #view-store .price-enquiry { font-size: 11px; }
  #view-store .wishlist-btn { right: 7px; top: 7px; }
  #view-store .card-share-btn { right: 7px; top: 57px; }
  #view-store .item-card [data-atelier-save] { left: 7px; top: 7px; }
  #view-store .item-card .badge { left: 7px; top: 57px; font-size: 8px; }
  #view-store .item-card .badge-sale + .badge-new { left: 7px; top: 84px; }
  #view-store .featured-section { padding: 25px 0; }
  #view-store .featured-inner h2 { font-size: 34px !important; }
  .catalogue-preview-note { font-size: 12px; margin: 21px 0 10px; }
  .catalogue-preview-actions { margin: 15px 0 28px; }
  #browse-full-collection { width: 100%; font-size: 12px; }
  #view-store .brand-story { display: grid; grid-template-columns: .76fr 1.24fr; margin-top: 32px; margin-bottom: 32px; }
  #view-store .story-image { height: 100%; min-height: 320px; }
  #view-store .story-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
  #view-store .story-copy { padding: 21px 17px; }
  #view-store .story-copy .section-kicker { font-size: 9px; letter-spacing: .06em; line-height: 1.5; }
  #view-store .story-copy h2 { font-size: 29px; line-height: 1.04; margin-bottom: 12px; }
  #view-store .story-copy p { font-size: 12px; line-height: 1.6; margin-bottom: 10px; }
  #view-store .story-copy p:not(.section-kicker):nth-of-type(3) { display: none; }
  #view-store .story-copy .hero-secondary { font-size: 11px; min-height: 44px; gap: 7px; }
  .atelier-dialog { width: calc(100vw - 20px); max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  #atelier-dialog-content { max-height: calc(100dvh - 22px); }
  .atelier-dialog-header { padding: 20px; gap: 12px; }
  .atelier-dialog-title { font-size: 35px; }
  .atelier-dialog-header p { font-size: 10px; letter-spacing: .055em; }
  .atelier-dialog-body { padding: 22px 20px 24px; }
  .atelier-dialog-footer { padding: 14px 20px; gap: 10px; }
  .atelier-dialog-footer .atelier-button { flex: 1 1 auto; }
  .atelier-lookbook-body.atelier-dialog-body { padding: 12px; }
  .atelier-lookbook-body .atelier-worlds { margin-bottom: 12px; }
  .atelier-lookbook-body .atelier-world-tab { padding: 10px 12px; font-size: 11px; }
  .atelier-lookbook-body .atelier-look-stage { grid-template-columns: 1fr; }
  .atelier-lookbook-body .atelier-look-photo { min-height: 0; height: 240px; }
  .atelier-lookbook-body .atelier-look-photo img { object-position: center 52%; }
  .atelier-product-pin { left: 16px; bottom: 16px; max-width: calc(100% - 32px); min-height: 44px; padding: 10px 13px; font-size: 11px; }
  .atelier-lookbook-body .atelier-look-copy { padding: 23px 20px; }
  .atelier-lookbook-body .atelier-eyebrow { font-size: 10px; margin-bottom: 12px; }
  .atelier-lookbook-body .atelier-look-copy > h3 { font-size: 37px; }
  .atelier-lookbook-body .atelier-look-note { font-size: 12px; margin-bottom: 12px; line-height: 1.65; }
  .atelier-lookbook-body .atelier-featured { padding: 12px 0; margin-bottom: 12px; }
  .atelier-lookbook-body .atelier-featured :where(h3,h4) { font-size: 24px; }
  .atelier-lookbook-body .atelier-companions { grid-template-columns: 1fr; margin: 11px 0 14px; }
  .atelier-lookbook-body .atelier-companions .atelier-piece { grid-template-columns: 62px minmax(0,1fr); }
  .atelier-lookbook-body .atelier-companions .atelier-piece-image { min-height: 98px; }
  .atelier-lookbook-body .atelier-companions .atelier-piece-meta h3 { font-size: 22px; }
  .atelier-lookbook-body .atelier-companions .atelier-piece-meta { padding: 11px 12px 0; }
  .atelier-lookbook-body .atelier-companions .atelier-piece-actions { padding: 4px 10px 8px; }
  .atelier-lookbook-body .atelier-look-copy > .atelier-button { width: 100%; font-size: 12px; }
  .atelier-finder-progress { font-size: 11px; gap: 8px; margin-bottom: 23px; }
  .atelier-finder-options { grid-template-columns: 1fr; gap: 11px; }
  .atelier-choice { min-height: 100px; padding: 20px; gap: 6px; }
  .atelier-choice-title { font-size: 28px; }
  .atelier-choice-note { font-size: 13px; }
  .atelier-finder-step > h3, .atelier-finder-step > legend { font-size: 35px; }
  .atelier-results, .atelier-selection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 11px; }
  .atelier-piece-meta { padding: 11px 11px 3px; }
  .atelier-piece-meta h3 { font-size: 22px; }
  .atelier-piece-meta p { font-size: 10px; }
  .atelier-piece > .atelier-piece-actions { padding: 6px 9px 11px; gap: 6px; }
  .atelier-piece-actions .atelier-button-secondary { padding: 10px 11px; font-size: 12px; }
  .atelier-result-reason { padding: 10px; font-size: 11px; }
  .atelier-compare-pick { padding: 9px 11px; font-size: 12px; }
  .atelier-compare-table :where(th,td) { padding: 14px; }
  .atelier-selection-tray { display: flex; width: calc(100% - 24px); min-height: 70px; bottom: calc(12px + env(safe-area-inset-bottom,0px)); padding: 10px 12px; gap: 8px; }
  .atelier-tray-copy { flex: 1 1 0; min-width: 80px; font-size: 12px; line-height: 1.45; }
  .atelier-tray-copy strong { display: block; max-width: 125px; }
  .atelier-tray-copy p { display: none; }
  .atelier-tray-copy img { width: 29px; height: 39px; }
  .atelier-tray-copy img:nth-of-type(n+3) { display: none; }
  .atelier-tray-actions { gap: 6px; width: auto; flex: 0 0 auto; }
  .atelier-selection-tray .atelier-button { padding: 10px 9px; min-height: 44px; font-size: 11.5px; white-space: nowrap; }
  .atelier-tray-actions .atelier-button { min-width: 0; flex: 0 0 auto; }
  #view-store:has(.atelier-selection-tray:not([hidden])) { padding-bottom: calc(96px + env(safe-area-inset-bottom,0px)); }
  body:has(#view-store.active .atelier-selection-tray:not([hidden])) #wa-float { display: none !important; }
  body:has(#view-store.active .atelier-selection-tray:not([hidden])) #back-top { bottom: calc(92px + env(safe-area-inset-bottom,0px)); }
  #modal-overlay { padding: 10px; }
  #modal-overlay .modal-box { max-height: calc(100dvh - 20px); }
  #modal-overlay .modal-inner { overflow-y: auto; flex-direction: column; }
  #modal-overlay .modal-gallery { width: 100%; height: min(420px,60dvh); min-height: 300px; flex-shrink: 0; }
  #modal-overlay .modal-info-content { padding: 27px 23px; }
  #modal-overlay .modal-name { font-size: 36px; }
  #modal-overlay .modal-desc { font-size: 14px; }
  #modal-overlay .modal-actions { padding-bottom: 5px; }
}

@media (max-width: 359px) {
  #view-store .site-header { padding-left: 14px; padding-right: 14px; }
  #view-store .site-header-inner { grid-template-columns: 112px minmax(0,1fr) 44px; }
  #view-store .header-logo, #view-store .header-logo-art { width: 112px; }
  #view-store .header-nav { gap: 4px; }
  #view-store .header-nav :where(a,button) { font-size: 11px; }
  #view-store .header-nav [data-atelier-action='selection'] { font-size: 0; gap: 4px; }
  #view-store .header-nav [data-atelier-action='selection']::before { content: 'Selection'; font-size: 11px; }
  #view-store .immersive-hero .hero-copy { padding-left: 12px; padding-right: 12px; }
  #view-store .immersive-hero .hero-title { font-size: 36px; }
  #view-store .immersive-hero .hero-description { font-size: 11.5px; }
  #view-store .immersive-hero .hero-primary { padding-left: 8px; padding-right: 8px; font-size: 10.5px; }
  #view-store .immersive-hero .hero-secondary { right: 10px; padding-left: 10px; padding-right: 10px; font-size: 10.5px; }
  #view-store .look-chapter-label { font-size: 15px; }
  #view-store .collection-intro h2 { font-size: 29px; }
  #view-store .atelier-craft-options button { padding-left: 8px; padding-right: 8px; }
  #view-store .item-card-name { font-size: 20px; }
  #view-store .brand-story { grid-template-columns: .7fr 1.3fr; }
  #view-store .story-copy { padding-left: 15px; padding-right: 15px; }
  #view-store .story-copy h2 { font-size: 28px; }
  .atelier-results, .atelier-selection-grid { grid-template-columns: 1fr; }
  .atelier-selection-tray { padding: 10px; gap: 6px; }
  .atelier-tray-copy { font-size: 11px; min-width: 72px; }
  .atelier-tray-copy img { display: none; }
  .atelier-tray-actions { gap: 5px; }
  .atelier-selection-tray .atelier-button { padding-left: 7px; padding-right: 7px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .atelier-look-stage { animation: none; }
  .atelier-look-photo > img, .atelier-look-photo .atelier-photo > img, .atelier-piece-image img, #view-store .collection-tile-image { transition: none; }
  .atelier-look-photo:hover > img, .atelier-look-photo:hover .atelier-photo > img, .atelier-piece-image:hover img, #view-store .collection-tile:hover .collection-tile-image { transform: none; }
}