.mp-rec-feed{margin:0 auto;max-width:1480px;padding:0 28px}.mp-rec-feed.hidden,.mp-rec-section:empty{display:none}.mp-rec-section{padding:44px 0 6px}.mp-rec-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.mp-rec-head span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#7157ff}.mp-rec-head h2{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:6px 0 0;color:#16151b}.mp-rec-head p{max-width:440px;color:#74717d;font-size:13px;margin:0}.mp-rec-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}.mp-rec-card{display:block;min-width:0;background:#fff;border:1px solid #ebe8ef;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;scroll-snap-align:start;box-shadow:0 12px 32px rgba(35,25,60,.06);transition:.2s ease}.mp-rec-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(35,25,60,.1)}.mp-rec-image{height:180px;background:#f6f3f8;display:grid;place-items:center;overflow:hidden}.mp-rec-image img{width:100%;height:100%;object-fit:cover}.mp-rec-copy{padding:14px}.mp-rec-copy small{display:block;color:#8c8793;font-size:11px;margin-bottom:6px}.mp-rec-copy b{display:block;font-size:14px;line-height:1.35;min-height:38px;color:#22202a}.mp-rec-copy>div{display:flex;gap:8px;align-items:center;margin-top:10px}.mp-rec-copy strong{font-size:14px;color:#17141f}.mp-rec-compare{text-decoration:line-through;color:#a09ba8;font-size:11px}.mp-rec-stock{display:block;margin-top:8px;font-size:10px;font-weight:800;color:#17835d}.mp-rec-stock.out{color:#a75d50}.product-page .mp-rec-feed{padding:0}.product-page .mp-rec-section{padding-top:32px}
@media(max-width:720px){.mp-rec-feed{padding:0 16px}.mp-rec-section{padding-top:30px}.mp-rec-head{display:block}.mp-rec-head p{margin-top:8px}.mp-rec-rail{grid-auto-columns:72%;gap:12px}.mp-rec-image{height:160px}.mp-rec-card{border-radius:18px}}

/* Step 19 refinement: paged recommendation carousel (no horizontal scrollbar) */
.mp-rec-slider{position:relative}
.mp-rec-viewport{overflow:hidden;width:100%;padding:3px 1px 8px}
.mp-rec-rail{display:flex!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;gap:14px;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;scrollbar-width:none;transition:transform .55s cubic-bezier(.22,.75,.2,1);will-change:transform}
.mp-rec-rail::-webkit-scrollbar{display:none}
.mp-rec-card{flex:0 0 calc((100% - 56px)/5);scroll-snap-align:none}
.mp-rec-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-top:16px}
.mp-rec-arrow{width:42px;height:42px;border:1px solid #ded9e5;border-radius:50%;background:#fff;color:#24202b;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(35,25,60,.06);transition:.2s ease}
.mp-rec-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:#8c78ef;color:#684fe1}
.mp-rec-arrow:disabled{opacity:.3;cursor:default}
.mp-rec-arrow svg{width:18px;height:18px}.mp-rec-arrow.prev svg{transform:rotate(180deg)}
.mp-rec-dots{display:flex;justify-content:center;align-items:center;gap:7px;min-height:18px}
.mp-rec-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d6d1dd;cursor:pointer;transition:.25s ease}
.mp-rec-dot.active{width:24px;background:#7057e8}
.mp-rec-page-status{display:none}
@media(max-width:1050px){.mp-rec-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:720px){.mp-rec-feed{padding:0 14px}.mp-rec-card{flex-basis:100%}.mp-rec-head{margin-bottom:14px}.mp-rec-head h2{font-size:28px}.mp-rec-controls{grid-template-columns:40px 1fr 40px;margin-top:12px}.mp-rec-arrow{width:38px;height:38px}.mp-rec-dot{width:6px;height:6px}.mp-rec-dot.active{width:20px}.mp-rec-image{height:min(64vw,260px)}}
@media(prefers-reduced-motion:reduce){.mp-rec-rail{transition:none}}

/* Step 19 personalization reason */
.mp-rec-why{display:inline-flex!important;margin-top:8px;padding:4px 7px;border-radius:999px;background:#f3efff;color:#6754c8!important;font-size:8px!important;font-weight:850!important;line-height:1.2}

/* Premium personalization layer */
.mp-personal-shell{position:relative;margin-top:34px;padding:22px 24px 30px;border:1px solid #e8e3ee;border-radius:34px;background:linear-gradient(135deg,rgba(247,244,255,.94),rgba(255,255,255,.98) 46%,rgba(240,250,245,.9));box-shadow:0 24px 70px rgba(39,29,62,.07);overflow:hidden}
.mp-personal-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-210px;background:radial-gradient(circle,rgba(112,87,232,.12),rgba(112,87,232,0) 68%);pointer-events:none}
.mp-personal-intro{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:10px 8px 22px;border-bottom:1px solid rgba(80,64,105,.1)}
.mp-personal-mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#2f214d;color:#fff;box-shadow:0 12px 28px rgba(47,33,77,.18)}
.mp-personal-mark svg{width:23px;height:23px}
.mp-personal-copy>span{display:block;font-size:10px;letter-spacing:.18em;font-weight:900;color:#7157e8;margin-bottom:5px}
.mp-personal-copy h2{margin:0;color:#18151e;font-size:clamp(21px,2.3vw,31px);letter-spacing:-.035em;line-height:1.08}
.mp-personal-copy p{margin:7px 0 0;max-width:680px;color:#77717e;font-size:12px;line-height:1.55}
.mp-personal-signals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:360px}
.mp-personal-signals span{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid rgba(89,72,116,.1);border-radius:999px;background:rgba(255,255,255,.78);color:#716b77;font-size:10px;font-weight:750;white-space:nowrap}
.mp-personal-signals b{color:#30264a;font-size:11px}
.mp-personal-sections .mp-rec-section{padding-top:32px}
.mp-personal-sections .mp-rec-section+.mp-rec-section{margin-top:8px;border-top:1px solid rgba(80,64,105,.08)}
.mp-personal-sections .mp-rec-head span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee9ff;color:#6954d8;font-size:9px;letter-spacing:.14em}
.mp-personal-sections .mp-rec-head h2{font-size:clamp(23px,2.5vw,33px);letter-spacing:-.035em}
.mp-personal-sections .mp-rec-card{box-shadow:0 10px 26px rgba(35,25,60,.045)}
.mp-personal-sections .mp-rec-image{background:linear-gradient(145deg,#faf8fb,#f2eef5)}
@media(max-width:900px){.mp-personal-intro{grid-template-columns:52px 1fr}.mp-personal-signals{grid-column:1/-1;justify-content:flex-start;max-width:none;padding-left:70px}}
@media(max-width:720px){.mp-rec-feed{padding:0 12px}.mp-personal-shell{margin-top:22px;padding:15px 13px 22px;border-radius:25px}.mp-personal-intro{grid-template-columns:44px 1fr;gap:12px;padding:5px 3px 18px}.mp-personal-mark{width:44px;height:44px;border-radius:14px}.mp-personal-copy h2{font-size:22px}.mp-personal-copy p{font-size:11px}.mp-personal-signals{padding-left:0;gap:5px}.mp-personal-signals span{padding:6px 8px;font-size:9px}.mp-personal-sections .mp-rec-section{padding-top:25px}}

.mp-rec-image{position:relative}.mp-rec-tag{position:absolute;z-index:2;top:9px;left:9px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.94);color:#5744b5;font-size:7px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px rgba(42,32,78,.1)}
