* { box-sizing: border-box; } body { margin: 0; font-family: Montserrat, Arial, sans-serif; background: #fffaf7; color: #4b2c39; } .review-header { max-width: 1410px; margin: 0 auto; display: flex; gap: 30px; align-items: center; justify-content: space-between; padding: 26px 40px; border-bottom: 1px solid #eddee1; } .brand { font-size: 26px; font-weight: 800; line-height: .8; letter-spacing: -.055em; color: #bd3269; } .brand span { display: block; font-size: 13px; margin-top: 8px; letter-spacing: -.015em; } .review-label { font-size: 10px; letter-spacing: .15em; color: #806b74; margin-right: auto; } nav { display: flex; gap: 4px; padding: 4px; background: #f2e8e9; border-radius: 8px; } nav button { border: 0; border-radius: 6px; background: none; padding: 10px 16px; color: #715963; font: 500 11px Montserrat, sans-serif; cursor: pointer; } nav button[aria-pressed=true] { background: white; color: #8e2851; box-shadow: 0 1px 4px #4b2c3912; } button:focus-visible { outline: 3px solid #8e2851; outline-offset: 3px; } main { max-width: 1440px; margin: 0 auto; } .review-note { margin: 28px auto; padding: 0 24px; display: flex; justify-content: center; align-items: center; gap: 9px; color: #8a6c58; font-size: 11px; } .review-note p { margin: 0; line-height: 1.6; } .status-dot { width: 6px; height: 6px; border-radius: 50%; background: #b27b4d; flex-shrink: 0; } .frame-wrap { max-width: 1400px; margin: 0 auto; } .frame-wrap.mobile { width: min(390px, 100%); border: 1px solid #e8d8dd; border-radius: 24px; overflow: hidden; box-shadow: 0 15px 60px #633b4310; } iframe { display: block; width: 100%; border: none; height: 730px; background: #fffaf7; } .review-footer { display: flex; justify-content: space-between; gap: 20px; padding: 25px 40px 35px; max-width: 1410px; margin: 25px auto 0; font-size: 10px; color: #937882; } @media(max-width:600px) { .review-header { padding: 24px; gap: 18px; } .review-label { display:none; } nav button { padding: 8px 12px; } .review-note { justify-content: flex-start; margin: 24px 0 12px; } .review-footer { padding:24px; } }
