.mop-page .hero-layout { gap: 55px; }
.mop-page h1 { font-size: clamp(35px, 3.8vw, 53px); }
.mop-page .product-stage { padding-top: 25px; }
.mop-page .product-frame { padding: 25px 22px; border-radius: 130px 130px 12px 12px; }
.mop-page .product-frame img { height: 555px; object-fit: contain; background: #fff; }
.mop-page .chip-bottom > strong { font-size: 21px; }
.mop-quote { max-width: 405px; padding: 20px 22px; border: 1px solid #703047; border-radius: 5px 20px 20px 20px; background: linear-gradient(125deg, #2e1022, #1a141b); }
.mop-quote > strong { display: block; margin-top: 10px; font-size: 21px; letter-spacing: -.035em; }
.mop-quote p { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.mop-specifications { background: #121014; border-block: 1px solid var(--line); }
.mop-specifications .split { grid-template-columns: .85fr 1.15fr; gap: 70px; }
.mop-specs { margin: 0; border-top: 1px solid #69445b; }
.mop-specs > div { display: grid; grid-template-columns: minmax(120px, .7fr) 1fr; gap: 25px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.85; }
.mop-specs dt { color: #fff4fb; font-weight: 800; }
.mop-specs dd { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.mop-spec-note { color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 18px; }
.mop-accessories { margin: 30px 0 0; padding: 24px; border: 1px solid #69445b; border-radius: 7px; background: #1a151c; }
.mop-accessories img { display: block; width: 100%; height: 360px; object-fit: contain; background: #fff; border-radius: 5px; }
.mop-accessories figcaption { margin: 16px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.mop-kit { list-style: none; padding: 0; margin: 25px 0 0; }
.mop-kit li { position: relative; padding: 13px 0 13px 23px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.7; }
.mop-kit li::before { content: "✓"; position: absolute; left: 0; color: var(--pink); font-weight: 800; }
.mop-kit strong { color: #fff4fa; }
.mop-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 0; margin: 32px 0 0; list-style: none; }
.mop-steps li { padding: 25px; border: 1px solid var(--line); border-radius: 7px; background: #18151a; }
.mop-steps .index { display: block; margin-bottom: 16px; }
.mop-steps h3 { font-size: 15px; }
.mop-steps p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.85; }
.mop-care-list { margin: 20px 0 0; padding-left: 20px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.mop-care-list li + li { margin-top: 10px; }
.mop-source { display: inline-block; margin-top: 22px; color: #ff80bf; font-size: 11px; line-height: 1.8; text-underline-offset: 4px; }
.mop-visit { margin: 20px 0 0; padding: 16px 18px; border-left: 2px solid var(--pink); color: var(--muted); background: #211920; font-size: 12px; line-height: 1.85; }
.mop-visit strong { color: #fff4fa; }
@media (max-width: 1000px) { .mop-page .hero-layout { gap: 35px; } .mop-specifications .split { gap: 45px; } .mop-page .product-frame img { height: 490px; } }
@media (max-width: 800px) { .mop-specifications .split { grid-template-columns: 1fr; } .mop-steps { grid-template-columns: 1fr; gap: 17px; } .mop-accessories { max-width: 480px; } .mop-page .product-frame img { height: 510px; } }
@media (max-width: 560px) { .mop-page h1 { font-size: clamp(31px, 8.1vw, 43px); } .mop-page .product-frame { padding: 22px 15px 15px; border-radius: 95px 95px 12px 12px; } .mop-page .product-frame img { height: 430px; } .mop-specs > div { grid-template-columns: 1fr; gap: 5px; padding-block: 15px; } .mop-accessories { padding: 17px; } .mop-accessories img { height: 300px; } .mop-steps li { padding: 22px; } .mop-spec-note { font-size: 10px; } }

.mop-reel-section { background: radial-gradient(ellipse at 78% 50%, #42192f, transparent 63%), #171118; border-block: 1px solid var(--line); }
.mop-reel-layout { align-items: center; }
.mop-reel-frame { width: min(100%, 430px); margin-inline: auto; padding: 10px; background: #fff; border: 1px solid #86506d; border-radius: 18px; box-shadow: 0 20px 70px #0006; }
.mop-reel-frame iframe { display: block; width: 100%; height: 760px; border: 0; border-radius: 10px; background: #fff; }
.mop-reel-direct { display: block; padding: 15px 10px; background: #241725; color: #ff9ad0; border-radius: 0 0 9px 9px; text-align: center; font-size: 12px; font-weight: 800; line-height: 1.7; text-underline-offset: 4px; }
.mop-reel-help { max-width: 420px; margin: 20px 0 0; color: var(--muted); font-size: 11px; line-height: 1.85; }
@media (max-width: 560px) { .mop-reel-frame { padding: 6px; border-radius: 13px; } .mop-reel-frame iframe { height: 700px; } .mop-reel-direct { font-size: 11px; } }