.oroomi-editorial{max-width:960px;margin:0 auto}.oroomi-editorial-lead{font-size:clamp(1.15rem,2vw,1.4rem);color:var(--oroomi-ink-muted);line-height:1.65;margin-bottom:2.5rem}.oroomi-editorial h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.3;margin:2.4rem 0 1rem}.oroomi-editorial p{margin:0 0 1.2rem}.oroomi-editorial ul{padding-left:1.5rem}.oroomi-editorial li{margin:.65rem 0}.oroomi-editorial a:not(.oroomi-editorial-product),.oroomi-product-faq a{text-decoration:underline;text-underline-offset:4px}.oroomi-editorial-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0 2.5rem}.oroomi-editorial-product{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--oroomi-border);border-radius:16px;color:inherit;text-decoration:none!important}.oroomi-editorial-product img{aspect-ratio:1;width:100%;object-fit:contain;background:var(--oroomi-surface-warm)}.oroomi-editorial-product span{font-weight:600;line-height:1.4;padding:1rem 1rem .5rem}.oroomi-editorial-product small{padding:0 1rem 1rem;color:var(--oroomi-ink-muted)}.oroomi-editorial-next{padding-top:1.5rem;border-top:1px solid var(--oroomi-border)}.oroomi-table-wrap{overflow-x:auto;margin:1.5rem 0}.oroomi-table-wrap table{border-collapse:collapse;width:100%;min-width:480px}.oroomi-table-wrap th,.oroomi-table-wrap td{border:1px solid var(--oroomi-border);padding:.8rem;text-align:left;vertical-align:top}.oroomi-table-wrap thead{background:#eeeae3}.oroomi-table-wrap caption{text-align:left;font-weight:600;margin-bottom:.6rem}.oroomi-product-faq{max-width:900px}.oroomi-product-faq details{border-bottom:1px solid var(--oroomi-border);padding:1rem 0}.oroomi-product-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.oroomi-product-faq details p{margin:1rem 0;line-height:1.7}.oroomi-editorial a:focus-visible,.oroomi-product-faq summary:focus-visible{outline:3px solid var(--oroomi-action);outline-offset:5px}.oroomi-content-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;padding:1.5rem 0;margin-top:1.5rem;border-top:1px solid var(--oroomi-border)}.oroomi-content-links a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.oroomi-editorial-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.oroomi-editorial-product span{font-size:.95rem;padding:.8rem .8rem .4rem}.oroomi-editorial-product small{padding:0 .8rem .8rem}}

.oroomi-editorial-home{padding:64px 0;background:#f1eee8}.oroomi-editorial-home h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.3;margin:1rem 0}.oroomi-editorial-home p{line-height:1.7;max-width:680px}

/* Collection and advice pages share an editorial rhythm, separate from shop UI. */
.oroomi-guide-page { padding-bottom:24px; }
.oroomi-guide-hero { position:relative; isolation:isolate; padding:20px 0 60px; }
/* Soft ambient colour fades into the page without bringing back a hero card. */
.oroomi-guide-hero::before,
.oroomi-guide-hero::after {
 content:"";
 position:absolute;
 top:-60px;
 bottom:-60px;
 left:50%;
 width:calc(100vw - 40px);
 transform:translateX(-50%);
 z-index:-1;
 pointer-events:none;
 /* Fade every edge before the paint boundary, including on narrow screens. */
 -webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 35%,transparent 100%);
 mask-image:radial-gradient(ellipse closest-side at center,#000 35%,transparent 100%);
}
.oroomi-guide-hero::before { background:radial-gradient(ellipse at 72% 38%,rgba(217,130,43,.18),rgba(200,97,70,.09) 35%,transparent 68%); animation:oroomiGuideGlow 22s ease-in-out infinite alternate; }
.oroomi-guide-hero::after { background:radial-gradient(ellipse at 28% 65%,rgba(200,97,70,.12),transparent 62%); animation:oroomiGuideGlow 26s ease-in-out -13s infinite alternate-reverse; }
@keyframes oroomiGuideGlow {
 from { opacity:.55; }
 to { opacity:1; }
}
.oroomi-guide-back { display:inline-flex; gap:24px; color:var(--oroomi-text-muted); font-size:13px; text-decoration:none; margin-bottom:44px; }
.oroomi-guide-eyebrow { font-size:11px; font-weight:650; letter-spacing:.15em; text-transform:uppercase; color:var(--oroomi-action,#b2533b); margin:0 0 16px; line-height:1.5; }
.oroomi-guide-hero h1 { font-size:clamp(2.5rem,4.5vw,4.75rem); font-weight:450; line-height:1.07; letter-spacing:-.035em; max-width:900px; margin:0 0 24px; text-wrap:balance; }
.oroomi-guide-intro { max-width:680px; font-size:clamp(1.05rem,1.5vw,1.2rem); line-height:1.75; color:var(--oroomi-text-muted); }
.oroomi-guide-button { display:inline-flex; align-items:center; gap:28px; margin-top:28px; padding:14px 22px; background:var(--oroomi-action,#b2533b); color:white; border-radius:100px; text-decoration:none; font-weight:600; font-size:14px; }
.oroomi-guide-button:hover { background:var(--oroomi-action-hover,#963f2c); color:white; }
.oroomi-guide-collection { padding:56px 0 36px; scroll-margin-top:120px; }
.oroomi-guide-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:24px; }
.oroomi-guide-section-heading h2 { font-size:clamp(1.75rem,3vw,2.5rem); line-height:1.2; font-weight:450; margin:0; letter-spacing:-.02em; }
.oroomi-guide-section-heading a { white-space:nowrap; font-size:14px; color:var(--oroomi-ink); text-underline-offset:5px; }
.oroomi-guide-collection .oroomi-editorial-products { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
.oroomi-guide-collection .oroomi-editorial-product { border-radius:14px; transition:box-shadow .2s; }
.oroomi-guide-collection .oroomi-editorial-product:hover { box-shadow:0 8px 24px #1c191712; }
.oroomi-guide-collection .oroomi-editorial-product img { padding:16px; box-sizing:border-box; background:#f2eee8; }
.oroomi-guide-collection .oroomi-editorial-product small { color:var(--oroomi-action); }
.oroomi-guide-advice.oroomi-editorial { max-width:none; margin-top:20px; }
/* Image and prose sit together; mentioned products always follow underneath. */
.oroomi-guide-section { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; border-top:1px solid var(--oroomi-border,#e8e2d9); padding:36px 0; }
.oroomi-guide-copy { min-width:0; margin:0; width:100%; }
.oroomi-guide-copy > h2 { margin:0 0 20px; font-size:clamp(1.65rem,2.7vw,2.4rem); font-weight:450; line-height:1.2; letter-spacing:-.02em; text-wrap:balance; }
.oroomi-guide-copy p,.oroomi-guide-copy li { line-height:1.85; font-size:16px; color:var(--oroomi-text-muted,#66605b); }
.oroomi-guide-copy > :last-child { margin-bottom:0; }
.oroomi-guide-section--illustrated { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,4vw,48px); }
.oroomi-guide-photo { margin:0; overflow:hidden; border-radius:22px 22px 80px 22px; }
.oroomi-guide-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.oroomi-guide-section--illustrated:nth-child(4n+3) .oroomi-guide-photo { order:2; border-radius:22px 22px 22px 80px; }
.oroomi-guide-section-products { grid-column:1/-1; }
.oroomi-guide-section-products .oroomi-editorial-products { margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); }
.oroomi-guide-section-products .oroomi-editorial-product img { padding:18px; box-sizing:border-box; }
.oroomi-guide-section-products .oroomi-editorial-product small { color:var(--oroomi-action); }
.oroomi-guide-copy ul { padding-left:20px; }
.oroomi-guide-copy li { margin:10px 0; }
.oroomi-guide-copy .oroomi-editorial-next { padding:22px 26px; border:0; border-radius:12px; background:#f1ebe3; }
#guide-content { scroll-margin-top:120px; }
@media(max-width:760px) {
 .oroomi-guide-section--illustrated { grid-template-columns:1fr; }
 .oroomi-guide-section--illustrated:nth-child(4n+3) .oroomi-guide-photo { order:0; }
 .oroomi-guide-section { padding:32px 0; gap:24px; }
 .oroomi-guide-section-products .oroomi-editorial-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.oroomi-guide-page a:focus-visible { outline:3px solid var(--oroomi-action); outline-offset:5px; }
@media(max-width:900px) { .oroomi-guide-collection .oroomi-editorial-products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .oroomi-guide-hero { padding:0 0 36px; }
 .oroomi-guide-back { margin-bottom:30px; font-size:12px; }
 .oroomi-guide-hero h1 { font-size:2.5rem; }
 .oroomi-guide-collection { padding:36px 0 20px; }
 .oroomi-guide-section-heading { align-items:start; flex-direction:column; gap:14px; }
 .oroomi-guide-collection .oroomi-editorial-products { gap:12px; }
 .oroomi-guide-collection .oroomi-editorial-product img { padding:8px; }
 .oroomi-guide-section { padding:26px 0; }
 .oroomi-guide-section > h2 { float:none; width:auto; padding:0; margin:0 0 18px; }
 .oroomi-guide-section > :not(h2) { margin-left:0; font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
 .oroomi-guide-collection .oroomi-editorial-product { transition:none; }
 .oroomi-guide-hero::before,.oroomi-guide-hero::after { animation:none; opacity:.75; }
}

/* Carry the homepage cream through to the inspiration card. */
.oroomi-editorial-home { background: #FAF6F0; }
.oroomi-editorial-home .oroomi-launch-advice {
  background: #FFFFFF;
  border-color: var(--oroomi-border, #E8E2D9);
}
.oroomi-editorial-home .oroomi-launch-advice-links a {
  border-bottom-color: var(--oroomi-border, #E8E2D9);
}

@media (max-width:768px) {
 .oroomi-editorial-products,
 .oroomi-guide-collection .oroomi-editorial-products {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
 }
 .oroomi-editorial-product { min-width:0; }
}

/* Keep product cards aligned even when names wrap to different lengths. */
.oroomi-editorial-products { grid-auto-rows:1fr; align-items:stretch; }
.oroomi-editorial-product { height:100%; box-sizing:border-box; }
.oroomi-editorial-product img { flex-shrink:0; }
.oroomi-editorial-product span { min-height:2.8em; box-sizing:content-box; }
.oroomi-editorial-product small { margin-top:auto; }

/* Match illustration heights without adding empty space to text-only sections. */
@media (min-width:761px) {
 .oroomi-guide-photo img { height:clamp(320px,30vw,430px); aspect-ratio:auto; }
}

/* Separate the closing navigation from the advice or guide list above it. */
.oroomi-guide-copy ul { margin:0; }
.oroomi-guide-copy li:first-child { margin-top:0; }
.oroomi-guide-copy li:last-child { margin-bottom:0; }
.oroomi-guide-copy .oroomi-editorial-next { margin:28px 0 0; padding:18px 24px; }