:root { --guide-ink: #552e4c; --guide-pink: #f2b4ca; --guide-hot: #d63f76; --guide-soft: #fff5fa; --guide-lilac: #ded1ff; }
.guide-page { background: var(--guide-soft); color: var(--guide-ink); }
.guide-page .site-header { background: rgba(255, 250, 253, .94); }
.guide-hero { display:grid; grid-template-columns:1.1fr .9fr; max-width:1180px; margin:0 auto; min-height:500px; padding:72px 44px 60px; gap:36px; align-items:center; }
.guide-hero-copy h1, .guide-intro h2, .pick-copy h2 { font-family:Fraunces, Georgia, serif; letter-spacing:-.055em; }
.edit-topic-menu{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font:700 .66rem/1.3 'DM Mono',monospace;letter-spacing:.09em}.edit-topic-menu span{color:#9a617d}.edit-topic-menu span::after{content:'·';margin-left:7px;color:#d94679}.edit-topic-menu a{padding:6px 8px;border-radius:999px;color:#b53868;text-decoration:none}.edit-topic-menu a:hover,.edit-topic-menu a.active{background:#ffd9e7;color:#842b50}.edit-topic-menu a.active{pointer-events:none}
.guide-hero-copy h1 { max-width:720px; margin:12px 0 18px; font-size:clamp(3rem, 6vw, 5.8rem); line-height:.95; }
.guide-hero-copy > p:not(.eyebrow) { max-width:570px; font-size:1.15rem; line-height:1.65; }
.guide-meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; font:700 .7rem/1.4 'DM Mono', monospace; letter-spacing:.08em; }
.guide-hero-art { position:relative; min-height:360px; overflow:hidden; border-radius:48% 52% 43% 57% / 55% 42% 58% 45%; background:radial-gradient(circle at 74% 21%,#fff7 0 8%,transparent 8.5%), linear-gradient(140deg,#e8c7fa,#f7a9c7 70%); box-shadow:14px 18px 0 #6d375a; }
.guide-hero-art p { position:absolute; right:26px; bottom:25px; margin:0; font:700 1rem/1.1 'DM Mono', monospace; letter-spacing:.07em; }
.spark { position:absolute; font-size:2rem; color:#fff8df; }.spark-one{left:13%;top:17%}.spark-two{right:18%;top:12%;font-size:1.2rem}
.hero-vacuum { position:absolute; width:110px; height:285px; top:37px; left:50%; transform:rotate(-20deg); }.hero-vacuum i { position:absolute; left:48px; top:0; width:16px; height:170px; background:#4a344b; border-radius:20px; }.hero-vacuum b { position:absolute; left:16px; top:124px; width:83px; height:85px; border-radius:36px 36px 28px 28px; background:#f7f7f9; border:8px solid #554158; box-shadow:inset 0 0 0 18px #cf9fca; }.hero-vacuum em { position:absolute; bottom:0; left:-6px; width:115px; height:27px; border-radius:50% 50% 12px 12px; background:#554158; }
.guide-intro { max-width:830px; margin:16px auto 48px; padding:38px 44px; text-align:center; }.guide-intro h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:8px 0 14px}.guide-intro>p:not(.eyebrow){font-size:1.03rem;line-height:1.7;color:#6f5065}.quick-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.quick-picks span{padding:9px 12px;background:#fff;border:1px solid #edc0d3;border-radius:999px;font-size:.82rem}.quick-picks b{display:block;font:700 .58rem 'DM Mono',monospace;color:var(--guide-hot);letter-spacing:.08em}
.vacuum-list{max-width:1040px;margin:0 auto;padding:0 26px 72px;display:grid;gap:26px}.vacuum-pick{position:relative;display:grid;grid-template-columns:285px 1fr;gap:36px;align-items:center;min-height:375px;padding:28px;background:#fff;border:1px solid #f2d8e2;box-shadow:10px 11px 0 #e7b7ca}.vacuum-pick:nth-child(even){grid-template-columns:1fr 285px;box-shadow:-10px 11px 0 #d9cef4}.vacuum-pick:nth-child(even) .pick-image{grid-column:2}.vacuum-pick:nth-child(even) .pick-copy{grid-column:1;grid-row:1}.pick-number{position:absolute;right:18px;top:14px;font:700 .72rem 'DM Mono',monospace;color:#bd829d}.vacuum-pick:nth-child(even) .pick-number{right:auto;left:18px}.pick-image{height:305px;padding:15px;background:linear-gradient(155deg,#fae5ed,#e4d9ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.shark .pick-image{background:#e2eafa}.tineco .pick-image{background:#d5e9df}.bissell .pick-image{background:#eed9f2}.lg .pick-image{background:#f4ebd8}.pick-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pick-copy{max-width:600px}.pick-label{margin:0 0 8px;color:var(--guide-hot);font:700 .65rem 'DM Mono',monospace;letter-spacing:.1em}.pick-copy h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1;margin:0}.pick-deck{font-size:1.03rem;line-height:1.55;color:#62485b}.pick-copy ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:17px 0;list-style:none}.pick-copy li{padding:7px 9px;border-radius:4px;background:#fff2f7;font-size:.78rem;font-weight:600}.pick-note{margin:0 0 20px;font-size:.9rem;line-height:1.5;color:#79586d}.guide-buy{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;background:var(--guide-hot);color:#fff!important;border-radius:4px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 #542e4c}.guide-buy:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #542e4c}.guide-footer-note{max-width:930px;margin:0 auto 80px;padding:35px 42px;text-align:center;background:#5a354f;color:#fff8fc}.guide-footer-note p{line-height:1.6}.guide-footer-note .button{margin-top:12px;background:#ff8fba;color:#552e4c}.guide-page footer{margin-top:0}
.purifier-art{background:radial-gradient(circle at 72% 20%,#fff8 0 8%,transparent 8.5%),linear-gradient(140deg,#b9e9de,#b9c9f5 70%)}.hero-purifier{position:absolute;left:50%;top:57px;width:150px;height:255px;transform:translateX(-50%)}.hero-purifier i{position:absolute;inset:0 0 15px;background:repeating-linear-gradient(90deg,#f7f8ff 0 7px,#d5e0f8 7px 10px);border-radius:32px 32px 22px 22px;box-shadow:inset 0 0 0 9px #fff}.hero-purifier b{position:absolute;top:18px;left:49px;width:52px;height:52px;border-radius:50%;background:#eef1fb;border:6px solid #65708f}.hero-purifier em{position:absolute;bottom:0;left:18px;width:114px;height:15px;background:#596482;border-radius:50%}
.perfume-hero-art{background:radial-gradient(circle at 20% 18%,#fff7 0 8%,transparent 8.5%),linear-gradient(145deg,#f9b7d2,#ba8fc4 56%,#553550)}.hero-perfume{position:absolute;bottom:60px;width:100px;height:205px;border-radius:12px 12px 18px 18px;box-shadow:inset 0 0 0 7px #ffffff55,0 11px 18px #542b4b44}.hero-perfume::before{content:'';position:absolute;left:30px;top:-34px;width:40px;height:37px;background:#201a27;border-radius:5px 5px 2px 2px}.hero-perfume::after{content:'YSL';position:absolute;left:0;right:0;top:87px;text-align:center;color:#fff;font:700 .8rem 'DM Mono',monospace;letter-spacing:.1em}.hero-perfume-one{left:17%;background:linear-gradient(90deg,#dfaf67,#ffd999,#b27b35);transform:rotate(-10deg)}.hero-perfume-two{left:42%;height:242px;background:radial-gradient(circle at 50% 48%,#f777ad 0 24%,#15121c 25% 70%,#332733 71%);border-radius:45%}.hero-perfume-two::before{left:29px}.hero-perfume-three{right:16%;background:linear-gradient(90deg,#152b5f,#1c5693,#0d1c46);transform:rotate(9deg)}
.perfume-list .pick-image{background:radial-gradient(circle at 50% 30%,#fffdf7 0 7%,transparent 8%),linear-gradient(145deg,#fde8f0,#e7c4e7)}.perfume-pick.libre-intense .pick-image{background:linear-gradient(145deg,#f9cfab,#b36c5e)}.perfume-pick.black-opium .pick-image{background:radial-gradient(circle at 50% 45%,#f481b5 0 17%,#211a29 18% 56%,#513453 57%)}.perfume-pick.myslf .pick-image{background:linear-gradient(145deg,#dedde5,#a9a0ad)}.perfume-pick.y-edp .pick-image{background:linear-gradient(145deg,#bbdbef,#92a9e0)}.perfume-bottle{position:relative;width:138px;height:246px;border-radius:13px 13px 23px 23px;box-shadow:inset 0 0 0 8px #ffffff55,0 17px 25px #4c284744;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 1px #0005}.perfume-bottle::before{content:'';position:absolute;top:-43px;width:55px;height:47px;border-radius:7px 7px 2px 2px;background:#2b202b}.perfume-bottle b{font:700 1.25rem/1 'DM Sans',sans-serif;letter-spacing:.06em}.perfume-bottle i{margin-top:8px;font:700 .62rem 'DM Mono',monospace;letter-spacing:.12em;font-style:normal}.libre-bottle{background:linear-gradient(90deg,#d6a15c,#fee1a0,#bb853e);transform:rotate(-4deg)}.libre-bottle::after,.libre-intense-bottle::after{content:'';position:absolute;inset:16px -12px;border:5px solid #c8953c;border-radius:12px;transform:rotate(-32deg)}.libre-intense-bottle{background:linear-gradient(90deg,#9c4a31,#f0a75d,#6f2f2c);transform:rotate(5deg)}.libre-intense-bottle::after{border-color:#d7a451}.opium-bottle{background:radial-gradient(circle at 50% 48%,#ed70aa 0 25%,#181421 26% 64%,#3d3040 65%);border-radius:45%;width:190px;height:210px}.opium-bottle::before{left:67px}.myslf-bottle{background:linear-gradient(90deg,#0f0e13,#38333d,#101014);border-radius:8px}.y-bottle{background:linear-gradient(90deg,#13316a,#3484bb,#101d4f);border-radius:8px}.y-bottle::after{content:'Y';position:absolute;font:700 5.6rem/.8 'DM Sans',sans-serif;color:#d8e6edbb;right:12px;top:82px}.y-bottle b,.y-bottle i{z-index:1}.perfume-guide .guide-footer-note .button{background:#ffb4cf}
@media (max-width:720px){.guide-hero{grid-template-columns:1fr;padding:48px 25px 40px}.guide-hero-art{min-height:270px;order:-1}.guide-hero-copy h1{font-size:3.3rem}.guide-intro{padding:28px 24px}.vacuum-list{padding:0 16px 50px}.vacuum-pick,.vacuum-pick:nth-child(even){grid-template-columns:1fr;gap:22px;padding:20px}.vacuum-pick:nth-child(even) .pick-image,.vacuum-pick:nth-child(even) .pick-copy{grid-column:auto;grid-row:auto}.pick-image{height:275px}.pick-copy h2{font-size:2.45rem}.guide-footer-note{margin:0 16px 55px;padding:28px 20px}.guide-page .site-header nav a{font-size:.75rem}}