.serum-cross-sell{--ritual-tint:#f4eff5;--ritual-accent:#8c6a90;margin:26px 0 0;padding:24px;border:1px solid #e9e5e6;border-radius:20px;background:#fff;color:#29252a}
.family-nude .serum-cross-sell{--ritual-tint:#f6f3ed;--ritual-accent:#8a775e}
.family-calm .serum-cross-sell{--ritual-tint:#f1f7eb;--ritual-accent:#608444}
.serum-cross-sell-heading small{display:block;color:var(--ritual-accent);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.serum-cross-sell-heading h2{margin:7px 0 6px;font-size:clamp(21px,2.1vw,28px);font-weight:600;letter-spacing:-.04em;line-height:1.12}
.serum-cross-sell-heading p{margin:0 0 19px;color:#6f696d;font-size:12px;line-height:1.45}
.serum-cross-sell-kit{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:15px;background:var(--ritual-tint)}
.serum-cross-sell-kit-image{grid-row:1/3;display:block;overflow:hidden;height:132px;border-radius:10px;background:#fff}
.serum-cross-sell-kit-image img{display:block;width:100%;height:100%;object-fit:cover}
.serum-cross-sell-kit-copy small{color:var(--ritual-accent);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.serum-cross-sell-kit-copy h3{margin:3px 0;font-size:16px;letter-spacing:-.025em}
.serum-cross-sell-kit-copy p{margin:0;color:#6f696d;font-size:11px;line-height:1.35}
.serum-cross-sell .serum-kit-value{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;margin-top:8px;line-height:1.35}
.serum-cross-sell .serum-kit-reference{color:#6f696d;font-size:11px;white-space:nowrap}
.serum-cross-sell .serum-kit-reference s{text-decoration-thickness:1px}
.serum-cross-sell .serum-kit-saving{padding:3px 7px;border-radius:5px;background:#fff;color:#29252a;font-size:11px;font-weight:700;white-space:nowrap}
.serum-cross-sell-kit-copy a{display:inline-block;margin-top:5px;color:#454047;font-size:11px;font-weight:700;text-underline-offset:3px}
.serum-cross-sell .serum-quick-form{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.serum-cross-sell-kit .serum-quick-form{grid-column:2}
.serum-cross-sell-kit .serum-quick-form button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:#29252a;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}
.serum-cross-sell-kit .serum-quick-form button:hover{background:#4b424d;transform:translateY(-1px)}
.serum-cross-sell-kit .serum-quick-form button span{white-space:nowrap}
.serum-cross-sell-separator{margin:20px 0 11px;color:#817b7e;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.serum-cross-sell-items{display:grid;gap:8px}
.serum-cross-sell-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:74px;padding:7px;border:1px solid #ece8e8;border-radius:12px;background:#fff}
.serum-cross-sell-item-image{display:block;overflow:hidden;width:58px;height:58px;border-radius:7px;background:#f4f1ee}
.serum-cross-sell-item-image img{display:block;width:100%;height:100%;object-fit:cover}
.serum-cross-sell-item-copy a{color:inherit;font-size:12px;font-weight:700;text-decoration:none}
.serum-cross-sell-item-copy a:hover{text-decoration:underline;text-underline-offset:3px}
.serum-cross-sell-item-copy small{display:block;margin-top:3px;color:#736e70;font-size:10px;line-height:1.3}
.serum-cross-sell-item-action{display:grid;justify-items:end;gap:5px}
.serum-cross-sell-item-action strong{font-size:11px;white-space:nowrap}
.serum-cross-sell-item-action button{min-height:30px;padding:5px 10px;border:1px solid #ded7dc;border-radius:8px;background:#fff;color:#29252a;font:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.serum-cross-sell-item-action button:hover{background:var(--ritual-tint);border-color:var(--ritual-accent)}
.serum-cross-sell button:focus-visible,.serum-cross-sell a:focus-visible{outline:2px solid var(--ritual-accent);outline-offset:3px}
@media(max-width:500px){.serum-cross-sell{padding:17px;border-radius:16px}.serum-cross-sell-kit{grid-template-columns:88px minmax(0,1fr);gap:10px}.serum-cross-sell-kit-image{height:118px}.serum-cross-sell-kit-copy h3{font-size:14px}.serum-cross-sell-item{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.serum-cross-sell-item-image{width:52px;height:56px}.serum-cross-sell-item-copy a{font-size:11px}.serum-cross-sell-item-action button{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.serum-cross-sell button{transition:none}}