/* Moonstone product page: canonical layout and interaction presentation. */
html body.arta-pdp-moonstone { --arta-ink:#292b2a; --arta-paper:#fffdf8; --arta-sand:#eeece5; --arta-quiet:#f6f5f0; --arta-muted:#696c68; --arta-line:rgba(41,43,42,.18); --arta-gold:#af7621; --arta-rail:min(1344px,calc(100vw - 96px)); background:#fff; color:var(--arta-ink); }
html body.arta-pdp-moonstone .cart,html body.arta-pdp-moonstone .quantity,html body.arta-pdp-moonstone .price,html body.arta-pdp-moonstone .single_add_to_cart_button,html body.arta-pdp-moonstone .woocommerce-notices-wrapper,html body.arta-pdp-moonstone .related.products,html body.arta-pdp-moonstone .woocommerce-product-gallery__trigger { display:none!important; }
html body.arta-pdp-moonstone .arta-pdp,html body.arta-pdp-moonstone .arta-pdp-below,html body.arta-pdp-moonstone .arta-moonstone-product-content { width:100%; max-width:none; margin:0; padding:0; }

html body.arta-pdp-moonstone .arta-pdp-row { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr); gap:clamp(32px,4vw,64px); width:var(--arta-rail); min-height:calc(100svh - 55px); margin:55px auto 0; padding:clamp(24px,3vh,40px) 0; align-items:center; box-sizing:border-box; }
html body.arta-pdp-moonstone .arta-pdp-gallery,html body.arta-pdp-moonstone .arta-pdp-info { min-width:0; margin:0; }
html body.arta-pdp-moonstone .arta-pdp-gallery { position:relative; }
html body.arta-pdp-moonstone .arta-pdp-gallery { width:min(100%,calc(100svh - 175px)); justify-self:center; }
html body.arta-pdp-moonstone .arta-pdp-info { width:100%; max-width:520px; justify-self:center; }
html body.arta-pdp-moonstone .arta-pdp-slides { display:flex; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-snap-stop:always; scroll-behavior:smooth; scrollbar-width:none; cursor:grab; touch-action:pan-y; }
html body.arta-pdp-moonstone .arta-pdp-slides::-webkit-scrollbar,html body.arta-pdp-moonstone .arta-pdp-thumbs::-webkit-scrollbar { display:none; }
html body.arta-pdp-moonstone .arta-pdp-slides.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
html body.arta-pdp-moonstone .arta-pdp-slide { position:relative; flex:0 0 100%; min-width:0; scroll-snap-align:start; }
html body.arta-pdp-moonstone .arta-pdp-hero { aspect-ratio:1; padding:clamp(12px,1.3vw,18px); background:var(--arta-sand); }
html body.arta-pdp-moonstone .arta-pdp-hero-inner { position:relative; width:100%; height:100%; overflow:hidden; }
html body.arta-pdp-moonstone .arta-pdp-slide img,html body.arta-pdp-moonstone .arta-pdp-hero img { display:block; width:100%; height:100%; object-fit:cover; }\n@keyframes arta-pdp-arrive-next { from { opacity:.72; transform:translateX(14px); } to { opacity:1; transform:translateX(0); } }\n@keyframes arta-pdp-arrive-prev { from { opacity:.72; transform:translateX(-14px); } to { opacity:1; transform:translateX(0); } }\nhtml body.arta-pdp-moonstone .arta-pdp-slide.is-arriving .arta-pdp-hero-inner { will-change:opacity,transform; animation-duration:560ms; animation-timing-function:cubic-bezier(.22,.61,.36,1); animation-fill-mode:both; }\nhtml body.arta-pdp-moonstone .arta-pdp-slide.is-arriving.is-from-next .arta-pdp-hero-inner { animation-name:arta-pdp-arrive-next; }\nhtml body.arta-pdp-moonstone .arta-pdp-slide.is-arriving.is-from-prev .arta-pdp-hero-inner { animation-name:arta-pdp-arrive-prev; }\n@media (prefers-reduced-motion:reduce) { html body.arta-pdp-moonstone .arta-pdp-slides { scroll-behavior:auto; } html body.arta-pdp-moonstone .arta-pdp-slide.is-arriving .arta-pdp-hero-inner { animation:none; } }
html body.arta-pdp-moonstone .arta-pdp-badge { position:absolute; left:clamp(12px,1.3vw,18px); bottom:clamp(12px,1.3vw,18px); z-index:2; margin:0; padding:7px 9px; background:rgba(255,253,248,.94); color:var(--arta-ink); font-size:9px; font-weight:600; letter-spacing:.12em; line-height:1; text-transform:uppercase; pointer-events:none; }
html body.arta-pdp-moonstone .arta-pdp-cue { position:absolute; z-index:4; left:50%; bottom:12px; display:grid; justify-items:center; gap:7px; color:var(--arta-muted); transform:translateX(-50%); pointer-events:none; }
html body.arta-pdp-moonstone .arta-pdp-cue > span { font-size:9px; font-weight:600; letter-spacing:.16em; line-height:1; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-cue > i { position:relative; display:block; width:1px; height:28px; overflow:hidden; background:rgba(41,43,42,.22); }
html body.arta-pdp-moonstone .arta-pdp-cue > i::after { content:""; position:absolute; top:-10px; left:0; width:1px; height:10px; background:var(--arta-gold); animation:arta-pdp-cue 1.9s cubic-bezier(.22,1,.36,1) infinite; }
@keyframes arta-pdp-cue { to { transform:translateY(38px); } }
html body.arta-pdp-moonstone .arta-pdp-thumbs { margin:10px 0 0; overflow-x:auto; scrollbar-width:none; }
html body.arta-pdp-moonstone .arta-pdp-thumbs__row { display:flex; gap:8px; width:max-content; }
html body.arta-pdp-moonstone .arta-pdp-thumbs button { flex:0 0 clamp(44px,4vw,58px); width:clamp(44px,4vw,58px); height:clamp(44px,4vw,58px); padding:0; overflow:hidden; border:1px solid transparent; background:var(--arta-paper); cursor:pointer; }
html body.arta-pdp-moonstone .arta-pdp-thumbs button.is-active { border-color:var(--arta-ink); }
html body.arta-pdp-moonstone .arta-pdp-thumbs button:hover,html body.arta-pdp-moonstone .arta-pdp-thumbs button:focus,html body.arta-pdp-moonstone .arta-pdp-thumbs button:active { border-color:var(--arta-gold); background:var(--arta-paper)!important; }
html body.arta-pdp-moonstone .arta-pdp-thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
html body.arta-pdp-moonstone .arta-pdp-thumbs-cue { position:absolute; z-index:5; right:0; bottom:0; display:grid; width:46px; height:58px; place-items:center; padding:0; border:0; background:linear-gradient(90deg,rgba(255,253,248,0),var(--arta-paper) 48%); color:var(--arta-ink); cursor:pointer; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 180ms ease,visibility 180ms ease; }
html body.arta-pdp-moonstone .arta-pdp-thumbs-cue.is-visible { opacity:1; visibility:visible; pointer-events:auto; }
html body.arta-pdp-moonstone .arta-pdp-thumbs-cue::before { content:""; display:block; width:9px; height:9px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); animation:arta-thumb-cue 1.7s cubic-bezier(.22,1,.36,1) infinite; }
@keyframes arta-thumb-cue { 0%,100% { transform:translateX(-2px) rotate(45deg); opacity:.55; } 50% { transform:translateX(3px) rotate(45deg); opacity:1; } }

html body.arta-pdp-moonstone .arta-pdp-crumbs { margin:0 0 12px; color:var(--arta-muted); font-size:9px; font-weight:600; letter-spacing:.12em; line-height:1.3; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-crumbs a { color:inherit; text-decoration:none; }
html body.arta-pdp-moonstone .arta-pdp-title { margin:0 0 8px; font-size:clamp(42px,4.6vw,64px); font-weight:500; letter-spacing:-.055em; line-height:.9; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-type,html body.arta-pdp-moonstone .arta-pdp-colours-label { display:block; margin:0 0 10px; color:var(--arta-muted); font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-copy { max-width:520px; margin:0 0 18px; color:#50534f; font-size:15px; line-height:1.45; }
html body.arta-pdp-moonstone .arta-pdp-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 18px; border-top:1px solid var(--arta-line); border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .arta-pdp-facts span { display:grid; gap:4px; padding:10px 8px; font-size:13px; line-height:1.2; }
html body.arta-pdp-moonstone .arta-pdp-facts span + span { border-left:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .arta-pdp-facts span::before { color:var(--arta-muted); font-size:9px; font-weight:600; letter-spacing:.1em; line-height:1.2; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(1)::before { content:"Displayed format"; } html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(2)::before { content:"Thickness"; } html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(3)::before { content:"Finish"; } html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(4)::before { content:"Available colours"; }
html body.arta-pdp-moonstone .arta-pdp-chips { display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; }
html body.arta-pdp-moonstone .arta-pdp-chip { display:grid; gap:7px; padding:0; border:0; background:transparent!important; color:var(--arta-ink)!important; cursor:pointer; font:inherit; }
html body.arta-pdp-moonstone #content button.arta-pdp-chip:hover,html body.arta-pdp-moonstone #content button.arta-pdp-chip:focus,html body.arta-pdp-moonstone #content button.arta-pdp-chip:active { background:transparent!important; background-color:transparent!important; color:var(--arta-ink)!important; }
html body.arta-pdp-moonstone .arta-pdp-chip img { display:block; width:36px; height:36px; box-sizing:border-box; object-fit:cover; border:1px solid transparent; outline:0; transform:none; transition:border-color 160ms ease; }
html body.arta-pdp-moonstone .arta-pdp-chip.is-selected img { border-color:var(--arta-gold); }
html body.arta-pdp-moonstone .arta-pdp-chip:hover img,html body.arta-pdp-moonstone .arta-pdp-chip:focus-visible img { border-color:var(--arta-ink); transform:none; }
html body.arta-pdp-moonstone .arta-pdp-chip span { font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
@media (min-width:901px) { html body.arta-pdp-moonstone .arta-pdp-chips { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:10px; width:100%; } html body.arta-pdp-moonstone .arta-pdp-chip { min-width:0; } html body.arta-pdp-moonstone .arta-pdp-chip img { width:100%; height:auto; aspect-ratio:1; } }
html body.arta-pdp-moonstone .arta-pdp-fold-btns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:18px 0 8px; }
html body.arta-pdp-moonstone .arta-pdp-ghost,html body.arta-pdp-moonstone .arta-pdp-sample,html body.arta-pdp-moonstone .stardust-sample-trigger,html body.arta-pdp-moonstone .moonstone-sample-trigger { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; border:1px solid var(--arta-ink); background:transparent; color:var(--arta-ink); cursor:pointer; font:600 11px/1 bicyclette,Arial,sans-serif; letter-spacing:.11em; text-decoration:none; text-transform:uppercase; transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease; }
html body.arta-pdp-moonstone .arta-pdp-sample { width:100%; border-color:var(--arta-gold); background:var(--arta-gold); color:#fff; }
html body.arta-pdp-moonstone .arta-pdp-ghost:hover,html body.arta-pdp-moonstone .arta-pdp-ghost:focus,html body.arta-pdp-moonstone .arta-pdp-ghost:active { border-color:var(--arta-ink)!important; background:var(--arta-ink)!important; color:var(--arta-paper)!important; }
html body.arta-pdp-moonstone .arta-pdp-sample:hover,html body.arta-pdp-moonstone .arta-pdp-sample:focus,html body.arta-pdp-moonstone .arta-pdp-sample:active,html body.arta-pdp-moonstone .stardust-sample-trigger:hover,html body.arta-pdp-moonstone .stardust-sample-trigger:focus,html body.arta-pdp-moonstone .stardust-sample-trigger:active,html body.arta-pdp-moonstone .moonstone-sample-trigger:hover,html body.arta-pdp-moonstone .moonstone-sample-trigger:focus,html body.arta-pdp-moonstone .moonstone-sample-trigger:active { background:var(--arta-ink)!important; border-color:var(--arta-ink)!important; color:#fff!important; }
html body.arta-pdp-moonstone #content button.arta-pdp-ghost:hover,html body.arta-pdp-moonstone #content button.arta-pdp-ghost:focus,html body.arta-pdp-moonstone #content button.arta-pdp-ghost:active,html body.arta-pdp-moonstone #content button.arta-pdp-sample:hover,html body.arta-pdp-moonstone #content button.arta-pdp-sample:focus,html body.arta-pdp-moonstone #content button.arta-pdp-sample:active { border-color:var(--arta-ink)!important; background:var(--arta-ink)!important; background-color:var(--arta-ink)!important; color:var(--arta-paper)!important; }

/* Each content band uses the same rail; backgrounds are intentionally full width. */
html body.arta-pdp-moonstone .arta-moonstone-product-content { display:block!important; }
html body.arta-pdp-moonstone .moonstone-subnav { display:flex; justify-content:flex-end; gap:clamp(18px,2.5vw,36px); width:100%; margin:0; padding:18px max(48px,calc((100vw - 1344px)/2)); box-sizing:border-box; border-top:1px solid var(--arta-line); border-bottom:1px solid var(--arta-line); background:var(--arta-sand); }
html body.arta-pdp-moonstone .moonstone-subnav a { color:var(--arta-ink); font-size:10px; font-weight:600; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-specification,html body.arta-pdp-moonstone .moonstone-guidance { grid-column:1 / -1!important; width:100%; max-width:none; margin:0; padding:0; }
html body.arta-pdp-moonstone .moonstone-specification { background:#fff!important; } html body.arta-pdp-moonstone .moonstone-guidance { background:var(--arta-quiet)!important; }
html body.arta-pdp-moonstone .moonstone-specification .moonstone-shell,html body.arta-pdp-moonstone .moonstone-guidance .moonstone-shell { display:grid; grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr); gap:clamp(48px,7vw,112px); width:var(--arta-rail); max-width:none; margin:0 auto; padding:clamp(48px,5vw,72px) 0; box-sizing:border-box; }
html body.arta-pdp-moonstone .moonstone-eyebrow { margin:0 0 12px; color:var(--arta-muted); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-specification h2,html body.arta-pdp-moonstone .moonstone-guidance h2 { margin:0; font-size:clamp(28px,2.6vw,40px); font-weight:500; letter-spacing:-.04em; line-height:1; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-spec-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; border-top:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .moonstone-spec-list div { display:grid; grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr); gap:18px; padding:12px 0; border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .moonstone-spec-list dt { color:var(--arta-muted); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-spec-list dd { margin:0; font-size:16px; line-height:1.42; }
html body.arta-pdp-moonstone .moonstone-spec-note { max-width:700px; margin:18px 0 0; color:#555854; font-size:13px; line-height:1.5; }
html body.arta-pdp-moonstone .moonstone-guidance-list { margin:0; border-top:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .moonstone-guidance-list details { border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .moonstone-guidance-list summary { display:grid; grid-template-columns:38px 1fr; gap:14px; padding:14px 0; cursor:pointer; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-guidance-list summary span { color:var(--arta-gold); }
html body.arta-pdp-moonstone .moonstone-guidance-list details p { max-width:720px; margin:0 0 20px 58px; color:#4f524f; font-size:16px; line-height:1.55; }

html body.arta-pdp-moonstone #moonstone-colours { width:100%; max-width:none; margin:0; padding:clamp(64px,8vw,120px) 0; background:var(--arta-quiet); }
html body.arta-pdp-moonstone #moonstone-colours .moonstone-heading,html body.arta-pdp-moonstone #moonstone-colours .moonstone-colour-grid,html body.arta-pdp-moonstone #moonstone-in-situ > .moonstone-shell { width:var(--arta-rail); max-width:none; margin-left:auto; margin-right:auto; }
html body.arta-pdp-moonstone .moonstone-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.58fr); gap:clamp(40px,7vw,112px); margin-bottom:52px; }
html body.arta-pdp-moonstone .moonstone-heading h2 { margin:0; font-size:clamp(36px,4vw,58px); font-weight:500; letter-spacing:-.05em; line-height:.96; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-heading > p { max-width:460px; margin:0; align-self:end; color:#50534f; font-size:16px; line-height:1.55; }
html body.arta-pdp-moonstone .moonstone-colour-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2vw,28px); background:transparent; }
html body.arta-pdp-moonstone .moonstone-colour-grid figure { margin:0; background:transparent; }
html body.arta-pdp-moonstone .moonstone-colour-trigger { position:relative; display:block; width:100%; padding:0; overflow:hidden; border:0; background:transparent!important; color:inherit!important; cursor:pointer; }
html body.arta-pdp-moonstone .moonstone-colour-trigger:hover,html body.arta-pdp-moonstone .moonstone-colour-trigger:focus,html body.arta-pdp-moonstone .moonstone-colour-trigger:active { background:transparent!important; color:inherit!important; }
html body.arta-pdp-moonstone .moonstone-colour-image { display:block; overflow:hidden; background:var(--arta-sand); }
html body.arta-pdp-moonstone .moonstone-colour-image img { display:block; width:100%; aspect-ratio:1; object-fit:cover; transition:transform 420ms cubic-bezier(.22,1,.36,1); }
html body.arta-pdp-moonstone .moonstone-colour-trigger::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(24,26,24,.68)); opacity:0; transition:opacity 240ms ease; pointer-events:none; }
html body.arta-pdp-moonstone .moonstone-colour-trigger::after { content:"View " attr(aria-label) " specifications"; position:absolute; z-index:2; right:16px; bottom:16px; left:16px; color:#fffdf8; font-size:9px; font-weight:600; letter-spacing:.12em; text-align:left; text-transform:uppercase; opacity:0; transform:translateY(8px); transition:opacity 240ms ease,transform 320ms cubic-bezier(.22,1,.36,1); pointer-events:none; }
html body.arta-pdp-moonstone .moonstone-colour-trigger:hover img,html body.arta-pdp-moonstone .moonstone-colour-trigger:focus-visible img { transform:scale(1.018); }
html body.arta-pdp-moonstone .moonstone-colour-trigger:hover::before,html body.arta-pdp-moonstone .moonstone-colour-trigger:focus-visible::before,html body.arta-pdp-moonstone .moonstone-colour-trigger:hover::after,html body.arta-pdp-moonstone .moonstone-colour-trigger:focus-visible::after { opacity:1; }
html body.arta-pdp-moonstone .moonstone-colour-trigger:hover::after,html body.arta-pdp-moonstone .moonstone-colour-trigger:focus-visible::after { transform:translateY(0); }
html body.arta-pdp-moonstone .moonstone-colour-grid figcaption { display:grid; grid-template-columns:28px 1fr; gap:4px 12px; padding:15px 0 0; }
html body.arta-pdp-moonstone .moonstone-colour-number { grid-row:1 / span 2; color:var(--arta-gold); font-size:10px; font-weight:600; letter-spacing:.1em; }
html body.arta-pdp-moonstone .moonstone-colour-grid strong { font-size:14px; font-weight:600; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
html body.arta-pdp-moonstone .moonstone-colour-grid small { color:var(--arta-muted); font-size:12px; line-height:1.45; }

html body.arta-pdp-moonstone #moonstone-in-situ { width:100%; max-width:none; margin:0; padding:clamp(64px,8vw,120px) 0; background:var(--arta-ink); color:var(--arta-paper); }
html body.arta-pdp-moonstone #moonstone-in-situ .moonstone-heading { margin-bottom:48px; } html body.arta-pdp-moonstone #moonstone-in-situ .moonstone-heading h2 { color:var(--arta-paper)!important; -webkit-text-fill-color:var(--arta-paper)!important; } html body.arta-pdp-moonstone #moonstone-in-situ .moonstone-eyebrow { color:rgba(255,253,248,.62)!important; } html body.arta-pdp-moonstone #moonstone-in-situ .moonstone-heading > p { color:rgba(255,253,248,.78); }
html body.arta-pdp-moonstone .moonstone-lifestyle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; background:#4c4e4c; }
html body.arta-pdp-moonstone .moonstone-lifestyle-grid figure { position:relative; aspect-ratio:4 / 3; margin:0; overflow:hidden; }
html body.arta-pdp-moonstone .moonstone-lifestyle-grid img { width:100%; height:100%; object-fit:cover; }
html body.arta-pdp-moonstone .moonstone-lifestyle-grid figcaption { position:absolute; left:0; bottom:0; margin:0; padding:9px 11px; background:rgba(41,43,42,.9); color:var(--arta-paper); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone #moonstone-sample { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr); gap:clamp(48px,8vw,120px); width:100%; max-width:none; margin:0; padding:clamp(56px,6vw,84px) max(48px,calc((100vw - 1344px)/2)); border-top:1px solid var(--arta-line); background:var(--arta-sand); color:var(--arta-ink)!important; box-sizing:border-box; }
html body.arta-pdp-moonstone #moonstone-sample h2 { max-width:620px; margin:0; color:var(--arta-ink)!important; font-size:clamp(34px,3.5vw,52px); font-weight:500; letter-spacing:-.045em; line-height:.98; text-transform:uppercase; }
html body.arta-pdp-moonstone #moonstone-sample > div:last-child { align-self:center; } html body.arta-pdp-moonstone #moonstone-sample > div:last-child p { max-width:440px; margin:0 0 22px; color:var(--arta-ink)!important; font-size:15px; line-height:1.5; }
html body.arta-pdp-moonstone #moonstone-sample .stardust-sample-trigger,html body.arta-pdp-moonstone #moonstone-sample .moonstone-sample-trigger { min-width:250px; border-color:var(--arta-gold); background:var(--arta-gold); color:#fff; }

html body.arta-pdp-moonstone .arta-pdp-drawer,html body.arta-pdp-moonstone .arta-pdp-spec,html body.arta-pdp-moonstone .arta-pdp-fold { position:fixed; inset:0; z-index:10020; display:block; background:rgba(24,26,24,.58); }
html body.arta-pdp-moonstone .arta-pdp-drawer[hidden],html body.arta-pdp-moonstone .arta-pdp-spec[hidden],html body.arta-pdp-moonstone .arta-pdp-fold[hidden] { display:none!important; }
html body.arta-pdp-moonstone .arta-pdp-drawer__scrim,html body.arta-pdp-moonstone .arta-pdp-spec__scrim,html body.arta-pdp-moonstone .arta-pdp-fold__scrim { position:absolute; inset:0; width:100%; height:100%; border:0; background:transparent; cursor:pointer; }
html body.arta-pdp-moonstone .arta-pdp-drawer__scrim:hover,html body.arta-pdp-moonstone .arta-pdp-drawer__scrim:focus,html body.arta-pdp-moonstone .arta-pdp-drawer__scrim:active,html body.arta-pdp-moonstone .arta-pdp-spec__scrim:hover,html body.arta-pdp-moonstone .arta-pdp-spec__scrim:focus,html body.arta-pdp-moonstone .arta-pdp-spec__scrim:active,html body.arta-pdp-moonstone .arta-pdp-fold__scrim:hover,html body.arta-pdp-moonstone .arta-pdp-fold__scrim:focus,html body.arta-pdp-moonstone .arta-pdp-fold__scrim:active { background:transparent!important; }
html body.arta-pdp-moonstone #arta-pdp-spec button.arta-pdp-spec__scrim:hover,html body.arta-pdp-moonstone #arta-pdp-spec button.arta-pdp-spec__scrim:focus,html body.arta-pdp-moonstone #arta-pdp-spec button.arta-pdp-spec__scrim:active { background:transparent!important; background-color:transparent!important; }
html body.arta-pdp-moonstone #arta-pdp-spec { display:grid; place-items:center; padding:32px; box-sizing:border-box; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__card { position:relative; display:block; width:min(760px,100%); max-height:calc(100dvh - 64px); overflow:auto; background:var(--arta-paper); box-shadow:0 24px 80px rgba(0,0,0,.22); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__head { display:grid; grid-template-columns:1fr 38px; align-items:start; gap:8px; padding:28px 32px 20px; border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__head h2 { margin:0; font-size:34px; font-weight:500; letter-spacing:-.04em; line-height:1; text-transform:uppercase; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__eyebrow { grid-column:1; margin:0; color:var(--arta-muted); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__head .arta-pdp-close { position:relative; top:auto; right:auto; grid-column:2; grid-row:1 / span 2; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__draw { padding:22px 32px 18px; background:var(--arta-sand); border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__draw svg { display:block; width:100%; max-height:132px; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__draw rect { fill:transparent; stroke:var(--arta-ink); stroke-width:1; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__draw text { fill:var(--arta-muted); font:600 5px bicyclette,Arial,sans-serif; text-anchor:middle; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__panel { min-height:0; padding:22px 32px 30px; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__range { margin:0 0 16px; color:var(--arta-muted); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__facts { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-bottom:20px; background:var(--arta-line); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__facts div { display:grid; gap:4px; padding:11px; background:var(--arta-paper); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__facts span,html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__group h3 { margin:0; color:var(--arta-muted); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__facts strong { font-size:14px; font-weight:500; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__group { padding-top:12px; border-top:1px solid var(--arta-line); }
html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__group p,html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__group ul { margin:6px 0 0; padding:0; list-style:none; color:#50534f; font-size:13px; line-height:1.5; }
html body.arta-pdp-moonstone #arta-pdp-sample-drawer .arta-pdp-drawer__panel { position:absolute; top:0; right:0; display:flex; flex-direction:column; width:min(580px,100vw); height:100dvh; padding:clamp(28px,4vw,54px); overflow-y:auto; box-sizing:border-box; background:var(--arta-paper); box-shadow:-24px 0 72px rgba(0,0,0,.22); transform:translateX(100%); transition:transform 280ms cubic-bezier(.22,.61,.36,1); }
html body.arta-pdp-moonstone #arta-pdp-sample-drawer.is-ready .arta-pdp-drawer__panel { transform:translateX(0); }
html body.arta-pdp-moonstone .arta-pdp-close { position:absolute; top:24px; right:24px; display:grid; width:38px; height:38px; place-items:center; padding:0; border:1px solid var(--arta-line); background:transparent; color:var(--arta-ink); cursor:pointer; font-size:0; }
html body.arta-pdp-moonstone .arta-pdp-close:hover,html body.arta-pdp-moonstone .arta-pdp-close:focus,html body.arta-pdp-moonstone .arta-pdp-close:active { border-color:var(--arta-gold)!important; background:transparent!important; color:var(--arta-ink)!important; }
html body.arta-pdp-moonstone .arta-pdp-close::before,html body.arta-pdp-moonstone .arta-pdp-close::after { content:""; position:absolute; width:14px; height:1px; background:currentColor; } html body.arta-pdp-moonstone .arta-pdp-close::before { transform:rotate(45deg); } html body.arta-pdp-moonstone .arta-pdp-close::after { transform:rotate(-45deg); }
html body.arta-pdp-moonstone #arta-pdp-sample-drawer h2 { margin:0 44px 22px 0; font-size:clamp(32px,4vw,44px); font-weight:500; letter-spacing:-.045em; line-height:1; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-sample-context { display:grid; gap:6px; padding:18px 0 20px; border-top:1px solid var(--arta-line); border-bottom:1px solid var(--arta-line); }
html body.arta-pdp-moonstone .arta-pdp-sample-context > span,html body.arta-pdp-moonstone .arta-pdp-sample-context small { color:var(--arta-muted); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-sample-context strong { font-size:15px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-sample-form { margin-top:28px; }
html body.arta-pdp-moonstone .arta-pdp-sample-colours { margin:0 0 28px; padding:0; border:0; } html body.arta-pdp-moonstone .arta-pdp-sample-colours legend,html body.arta-pdp-moonstone .arta-pdp-sample-step label { color:#555854; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-sample-colour-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:12px; }
html body.arta-pdp-moonstone .arta-pdp-sample-colour-option { position:relative; display:block; cursor:pointer; } html body.arta-pdp-moonstone .arta-pdp-sample-colour-option input { position:absolute; opacity:0; }
html body.arta-pdp-moonstone .arta-pdp-sample-colour-option span { display:block; padding:10px; border:1px solid var(--arta-line); font-size:10px; font-weight:600; letter-spacing:.07em; text-align:center; text-transform:uppercase; transition:border-color 160ms ease,background-color 160ms ease; }
html body.arta-pdp-moonstone .arta-pdp-sample-colour-option input:checked + span { border-color:var(--arta-gold); background:#f6eee3; }
html body.arta-pdp-moonstone .arta-pdp-sample-nav { display:grid; grid-template-columns:repeat(2,1fr); margin:0 0 24px; border-bottom:1px solid var(--arta-line); } html body.arta-pdp-moonstone .arta-pdp-sample-nav span { padding:10px 0; color:#8a8c88; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; } html body.arta-pdp-moonstone .arta-pdp-sample-nav span.is-active { color:var(--arta-ink); box-shadow:inset 0 -2px var(--arta-gold); }
html body.arta-pdp-moonstone .arta-pdp-sample-step { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } html body.arta-pdp-moonstone .arta-pdp-sample-step.is-hidden { display:none!important; } html body.arta-pdp-moonstone .arta-pdp-sample-step label:first-child,html body.arta-pdp-moonstone .arta-pdp-sample-step label:last-of-type { grid-column:1 / -1; }
html body.arta-pdp-moonstone .arta-pdp-sample-step input,html body.arta-pdp-moonstone .arta-pdp-sample-step textarea { display:block; width:100%; min-height:46px; margin-top:8px; padding:10px 0; box-sizing:border-box; border:0; border-bottom:1px solid var(--arta-line); border-radius:0; background:transparent; color:var(--arta-ink); font:16px/1.4 bicyclette,Arial,sans-serif; } html body.arta-pdp-moonstone .arta-pdp-sample-step textarea { min-height:82px; resize:vertical; }
html body.arta-pdp-moonstone .arta-pdp-sample-next,html body.arta-pdp-moonstone .arta-pdp-sample-step button[type="submit"],html body.arta-pdp-moonstone .arta-pdp-sample-back { min-height:52px; margin-top:8px; border:1px solid var(--arta-ink); background:transparent; color:var(--arta-ink); cursor:pointer; font:600 10px/1 bicyclette,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
html body.arta-pdp-moonstone .arta-pdp-sample-next { grid-column:1 / -1; border-color:var(--arta-gold); background:var(--arta-gold); color:#fff; } html body.arta-pdp-moonstone .arta-pdp-sample-step button[type="submit"] { border-color:var(--arta-gold); background:var(--arta-gold); color:#fff; }
html body.arta-pdp-moonstone .arta-pdp-sample-note { margin-top:auto; padding-top:30px; color:#555854; font-size:13px; line-height:1.5; } html body.arta-pdp-moonstone .arta-pdp-sample-note__fees { display:block; margin:14px 0; } html body.arta-pdp-moonstone .arta-pdp-sample-note__fees div { display:inline; padding:0; border:0; } html body.arta-pdp-moonstone .arta-pdp-sample-note__fees div + div::before { content:" · "; } html body.arta-pdp-moonstone .arta-pdp-sample-note__fees strong { font-size:14px; font-weight:600; } html body.arta-pdp-moonstone .arta-pdp-sample-note__fees span { margin-left:4px; color:var(--arta-muted); font-size:11px; }

html body.arta-pdp-moonstone .arta-pdp-fold { display:grid; place-items:center; padding:32px; box-sizing:border-box; } html body.arta-pdp-moonstone .arta-pdp-fold__card { position:relative; width:min(920px,100%); max-height:calc(100dvh - 64px); overflow-y:auto; background:var(--arta-paper); box-shadow:0 24px 80px rgba(0,0,0,.25); } html body.arta-pdp-moonstone .arta-pdp-fold__head { display:flex; align-items:center; justify-content:space-between; padding:28px 32px; border-bottom:1px solid var(--arta-line); } html body.arta-pdp-moonstone .arta-pdp-fold__head h2 { margin:0; font-size:30px; font-weight:500; letter-spacing:-.035em; text-transform:uppercase; } html body.arta-pdp-moonstone .arta-pdp-fold__head .arta-pdp-close { position:relative; top:auto; right:auto; } html body.arta-pdp-moonstone .arta-pdp-fold__body { padding:28px 32px 36px; } html body.arta-pdp-moonstone #arta-pdp-fold-spec .moonstone-spec-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; } html body.arta-pdp-moonstone #arta-pdp-fold-spec .moonstone-spec-list div { grid-template-columns:118px 1fr; padding:13px 0; } html body.arta-pdp-moonstone #arta-pdp-fold-guide .moonstone-guidance-list details p { margin-left:58px; }
html body.arta-pdp-moonstone .elementor-location-footer .arta-ft-row { padding-top:0!important; padding-bottom:48px!important; } html body.arta-pdp-moonstone .elementor-location-footer .arta-ft-legal { margin-top:28px!important; } html body.arta-pdp-moonstone .elementor-location-footer .arta-ft-newsletter-mark .arta-ft-fill { color:#af7621; } html body.arta-pdp-moonstone .elementor-location-footer .arta-ft-newsletter-mark .arta-ft-outline { color:transparent; -webkit-text-stroke:1px #af7621; }
html body.arta-pdp-moonstone :is(button,a,input,textarea,summary):focus-visible { outline:2px solid var(--arta-gold)!important; outline-offset:3px; }

@media (max-width:1024px) { html body.arta-pdp-moonstone { --arta-rail:calc(100vw - 48px); } html body.arta-pdp-moonstone .arta-pdp-row { grid-template-columns:minmax(0,1fr) minmax(300px,.82fr); gap:32px; min-height:0; padding:32px 0; } html body.arta-pdp-moonstone .moonstone-subnav { padding-left:24px; padding-right:24px; gap:18px; } html body.arta-pdp-moonstone .moonstone-specification .moonstone-shell,html body.arta-pdp-moonstone .moonstone-guidance .moonstone-shell { gap:48px; } html body.arta-pdp-moonstone #moonstone-sample { padding-left:24px; padding-right:24px; } html body.arta-pdp-moonstone .arta-pdp-totop { right:24px; } }
@media (min-width:901px) and (max-width:1024px) { html body.arta-pdp-moonstone .arta-pdp-info { padding-top:112px; } }
@media (max-width:900px) { html body.postid-23871.arta-pdp-moonstone .arta-pdp-row,html body.arta-pdp-moonstone .arta-pdp-row { grid-template-columns:minmax(0,1fr)!important; gap:30px; min-height:0; padding:24px 0 40px; } html body.arta-pdp-moonstone .arta-pdp-hero { aspect-ratio:1; } }
@media (max-width:767px) { html body.arta-pdp-moonstone { --arta-rail:calc(100vw - 40px); } html body.arta-pdp-moonstone .arta-pdp-row,html body.arta-pdp-moonstone .moonstone-specification .moonstone-shell,html body.arta-pdp-moonstone .moonstone-guidance .moonstone-shell,html body.arta-pdp-moonstone .moonstone-heading,html body.arta-pdp-moonstone #moonstone-sample { grid-template-columns:1fr; } html body.arta-pdp-moonstone .arta-pdp-row { gap:30px; padding:20px 0 34px; } html body.arta-pdp-moonstone .arta-pdp-copy,html body.arta-pdp-moonstone .moonstone-heading > p,html body.arta-pdp-moonstone .moonstone-guidance-list details p { font-size:15px; } html body.arta-pdp-moonstone .arta-pdp-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(3) { border-left:0; border-top:1px solid var(--arta-line); } html body.arta-pdp-moonstone .arta-pdp-facts span:nth-child(4) { border-top:1px solid var(--arta-line); } html body.arta-pdp-moonstone .arta-pdp-fold-btns { grid-template-columns:1fr; } html body.arta-pdp-moonstone .moonstone-subnav { justify-content:flex-start; overflow-x:auto; padding:15px 20px; white-space:nowrap; scrollbar-width:none; } html body.arta-pdp-moonstone .moonstone-specification .moonstone-shell,html body.arta-pdp-moonstone .moonstone-guidance .moonstone-shell { gap:32px; padding:58px 0; } html body.arta-pdp-moonstone .moonstone-spec-list div { grid-template-columns:minmax(112px,.8fr) minmax(0,1.2fr); gap:14px; } html body.arta-pdp-moonstone .moonstone-spec-list dt { font-size:10px; } html body.arta-pdp-moonstone .moonstone-spec-list dd { font-size:15px; } html body.arta-pdp-moonstone .moonstone-guidance-list summary { font-size:12px; } html body.arta-pdp-moonstone .moonstone-guidance-list details p { margin-left:0; } html body.arta-pdp-moonstone #moonstone-colours,html body.arta-pdp-moonstone #moonstone-in-situ { padding:58px 0; } html body.arta-pdp-moonstone .moonstone-heading { gap:18px; margin-bottom:32px; } html body.arta-pdp-moonstone .moonstone-colour-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 14px; } html body.arta-pdp-moonstone .moonstone-colour-grid figcaption { grid-template-columns:24px 1fr; gap:3px 8px; padding-top:10px; } html body.arta-pdp-moonstone .moonstone-colour-grid strong { font-size:12px; } html body.arta-pdp-moonstone .moonstone-colour-grid small { font-size:11px; } html body.arta-pdp-moonstone .moonstone-lifestyle-grid { grid-template-columns:1fr; } html body.arta-pdp-moonstone #moonstone-sample { gap:28px; padding-top:58px; padding-bottom:58px; } html body.arta-pdp-moonstone #moonstone-sample > div:last-child { align-self:start; } html body.arta-pdp-moonstone #arta-pdp-sample-drawer .arta-pdp-drawer__panel { padding:28px 20px; } html body.arta-pdp-moonstone .arta-pdp-close { top:18px; right:18px; } html body.arta-pdp-moonstone .arta-pdp-sample-colour-list { grid-template-columns:repeat(2,minmax(0,1fr)); } html body.arta-pdp-moonstone .arta-pdp-sample-step { grid-template-columns:1fr; } html body.arta-pdp-moonstone .arta-pdp-sample-step label { grid-column:auto!important; } html body.arta-pdp-moonstone .arta-pdp-fold { padding:16px; } html body.arta-pdp-moonstone .arta-pdp-fold__head,html body.arta-pdp-moonstone .arta-pdp-fold__body { padding-left:20px; padding-right:20px; } html body.arta-pdp-moonstone #arta-pdp-fold-spec .moonstone-spec-list { grid-template-columns:1fr; } }

@media (max-width:767px) { html body.arta-pdp-moonstone .arta-pdp-hero { aspect-ratio:1; } }
@media (prefers-reduced-motion:no-preference) { html body.arta-pdp-moonstone .arta-pdp-slide.is-arriving .arta-pdp-hero-inner { animation-duration:260ms; } }
@media (max-width:900px) { html body.arta-pdp-moonstone .arta-pdp-cue { display:none; } html body.arta-pdp-moonstone .arta-pdp-info { max-width:none; } }
@media (max-width:767px) { html body.arta-pdp-moonstone .moonstone-spec-list { grid-template-columns:1fr; } html body.arta-pdp-moonstone #arta-pdp-spec { padding:12px; } html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__head,html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__draw,html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__panel { padding-right:20px; padding-left:20px; } html body.arta-pdp-moonstone #arta-pdp-spec .arta-pdp-spec__body { grid-template-columns:1fr; } }

/* Popup headers already provide the first separator. */
html body.arta-pdp-moonstone #arta-pdp-fold-spec .moonstone-spec-list,
html body.arta-pdp-moonstone #arta-pdp-fold-guide .moonstone-guidance-list {
  border-top: 0 !important;
}
@media (prefers-reduced-motion:reduce) { html body.arta-pdp-moonstone .arta-pdp-cue > i::after { animation:none; top:9px; } }
@media (prefers-reduced-motion:reduce) { html body.arta-pdp-moonstone .arta-pdp-thumbs-cue::before { animation:none; } }