/* Only mobile presentation; desktop layout is intentionally unchanged. */
.mobile-only { display:none !important; }
@media(max-width:700px){
.mobile-only { display:block !important; }
.mobile-original { display:none !important; }
/* Home CG: paired images and tighter spacing. */
#cg { padding-top:48px; padding-bottom:48px; }
#cg .cg-intro { margin-bottom:24px; }
#cg .cg-intro .eyebrow { margin-bottom:10px; }
#cg .cg-intro h2 { font-size:23px; margin-bottom:14px; }
#cg .cg-intro p { font-size:13px; line-height:1.8; }
#cg .cg-ba { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; }
#cg .cg-ba__item img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
#cg .cg-ba__item figcaption { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-top:10px; font-size:10px; letter-spacing:0; line-height:1.5; }
#cg .cg-ba__label { font-size:12px; letter-spacing:.1em; }
#cg .cg-foot { margin-top:26px; gap:14px; }
#cg .cg-foot .badge { margin:0; font-size:10px; letter-spacing:.1em; }
#cg .cg-foot .btn { padding-top:12px; padding-bottom:12px; }
/* Pet landing: editorial rules and compact product rows. */
body.page-renovy-pet-2 .rn-pet-floor-intro { background:transparent; border:0; border-top:1px solid #c8c7c2; border-bottom:1px solid #c8c7c2; margin:36px 20px 48px; padding:28px 0; }
body.page-renovy-pet-2 .rn-pet-floor-intro .rn-pet-floor-label { font-size:10px; letter-spacing:.18em; margin-bottom:14px; }
body.page-renovy-pet-2 .rn-pet-floor-intro h2 { font-family:"Noto Serif JP",serif; font-size:23px; letter-spacing:.03em; margin-bottom:16px; }
body.page-renovy-pet-2 .rn-pet-floor-intro .pet-intro-short { font-size:12px; line-height:2; margin:0 0 18px; }
body.page-renovy-pet-2 .rn-pet-floor-points { display:none; }
body.page-renovy-pet-2 .rn-pet-floor-more { border:0; border-top:1px solid #d8d6d1; padding:16px 0 0; font-size:12px; }
body.page-renovy-pet-2 .pet-mobile-points { margin:0 20px 48px; }
body.page-renovy-pet-2 .pet-mobile-points > div { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:17px 0; border-bottom:1px solid #d9d7d1; }
body.page-renovy-pet-2 .pet-mobile-points > div:first-child { border-top:1px solid #d9d7d1; }
body.page-renovy-pet-2 .pet-mobile-points > div > span { font-size:11px; letter-spacing:.08em; color:#87857f; padding-top:5px; }
body.page-renovy-pet-2 .pet-mobile-points h3,body.page-renovy-pet-2 .pet-mobile-products h3 { padding:0; margin:0 0 5px; border:0; background:none; font-size:16px; font-weight:400; line-height:1.6; }
body.page-renovy-pet-2 .pet-mobile-points h3::before,body.page-renovy-pet-2 .pet-mobile-points h3::after,body.page-renovy-pet-2 .pet-mobile-products h3::before,body.page-renovy-pet-2 .pet-mobile-products h3::after { display:none; }
body.page-renovy-pet-2 .pet-mobile-points p { margin:0; font-size:11px; line-height:1.8; color:#64625e; }
body.page-renovy-pet-2 .pet-mobile-products { margin:0 20px 48px; }
body.page-renovy-pet-2 .pet-mobile-products > a { display:grid; grid-template-columns:37% 1fr; align-items:center; gap:18px; border-top:1px solid #d9d7d1; padding:18px 0; text-decoration:none; color:inherit; }
body.page-renovy-pet-2 .pet-mobile-products > a:last-child { border-bottom:1px solid #d9d7d1; }
body.page-renovy-pet-2 .pet-mobile-products img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
body.page-renovy-pet-2 .pet-mobile-products span { font-family:Georgia,serif; font-size:12px; letter-spacing:.08em; color:#79766f; }
body.page-renovy-pet-2 .pet-mobile-products h3 { margin:3px 0 7px; font-size:17px; }
body.page-renovy-pet-2 .pet-mobile-products p { margin:0; font-size:11px; line-height:1.8; }
body.page-renovy-pet-2 .pet-mobile-products em { display:block; font-size:10px; font-style:normal; margin-top:12px; }
body.page-renovy-pet-2 .pet-mobile-products b { float:right; font-weight:400; }
/* Guide: readable comparison without horizontal scrolling. */
body .renovy-page .pf-criteria-item:nth-child(n+4),body .renovy-page .pf-rooms { display:none; }
body .renovy-page .pf-table-scroll { overflow:visible; }
body .renovy-page .pf-table { min-width:0; width:100%; table-layout:fixed; }
body .renovy-page .pf-table th,body .renovy-page .pf-table td { padding:12px 3px; letter-spacing:0; overflow-wrap:anywhere; }
body .renovy-page .pf-table thead th { font-size:10px; line-height:1.6; }
body .renovy-page .pf-table th:first-child { width:22%; }
body .renovy-page .pf-table tbody th { width:auto; white-space:normal; font-size:10px; line-height:1.6; }
body .renovy-page .pf-table .pf-mark { font-size:20px; }
body .renovy-page .pf-table .pf-mark-cap { display:block; font-size:9px; line-height:1.5; letter-spacing:0; }
body .renovy-page .pf-table tr.price td { font-size:11px; white-space:normal; letter-spacing:0; }
body .renovy-page .pf-table tr.price small { display:block; font-size:9px; }
body .renovy-page .pf-compare-title { font-size:21px; letter-spacing:.02em; margin-bottom:24px; }
body .renovy-page .pf-legend { gap:8px; font-size:9px; }
body .renovy-page .pf-choose { padding-top:40px; padding-bottom:40px; }
body .renovy-page .pf-choose-title { font-size:21px; margin-bottom:24px; letter-spacing:.02em; }
body .renovy-page .pf-choose-row { grid-template-columns:1fr auto; gap:5px 8px; padding:18px 0; }
body .renovy-page .pf-choose-row .cond { font-size:11px; grid-column:1; letter-spacing:0; }
body .renovy-page .pf-choose-row .ans { font-size:14px; grid-column:1; letter-spacing:0; }
body .renovy-page .pf-choose-row .ans::before { display:none; }
body .renovy-page .pf-choose-row .go { grid-column:2; grid-row:1 / 3; align-self:center; padding:10px 8px; gap:5px; font-size:9px; letter-spacing:0; }
body .renovy-page .pf-choose .pf-mix { display:none; }
body .renovy-page .pf-csr { padding-top:42px; padding-bottom:42px; }
body .renovy-page .pf-csr-title { font-size:21px; letter-spacing:.02em; }
body .renovy-page .pf-csr-lead { font-size:12px; line-height:1.9; }
body .renovy-page .pf-csr-grid { margin-top:24px; }
body .renovy-page .pf-csr-note { font-size:10px; line-height:1.8; margin-top:16px; }
body .renovy-page .pf-csr-note a { text-decoration:underline; }
body .renovy-page .pf-csr-video-cap { font-size:9px; letter-spacing:0; }
body .renovy-page .pf-csr-cta { justify-content:center; align-items:center; flex-direction:column; margin-top:24px; gap:12px; }
body .renovy-page .pf-csr-cta .rn-btn { width:100%; max-width:320px; box-sizing:border-box; justify-content:center; padding:14px 10px; font-size:11px; }
body .renovy-page .pf-csr-sub { display:none; }
}

/* Mobile refinement: shorter concept, three criteria, no material essays. */
@media(max-width:700px){
body.page-renovy-pet-2 .pet-concept-short { margin:0 20px 36px; text-align:center; }
body.page-renovy-pet-2 .pet-concept-short h2 { font-family:"Noto Serif JP",serif; color:#252620; font-size:24px; font-weight:400; line-height:1.7; margin:0 0 18px; padding:0; border:0; background:none; }
body.page-renovy-pet-2 .pet-concept-short h2::before,body.page-renovy-pet-2 .pet-concept-short h2::after { display:none; }
body.page-renovy-pet-2 .pet-concept-short p { font-size:13px; line-height:2; margin:0; }
body.page-renovy-pet-2 .rn-pet-floor-points { display:grid; grid-template-columns:1fr; gap:0; margin:8px 0 20px; }
body.page-renovy-pet-2 .rn-pet-floor-points > div { padding:13px 0; border-top:1px solid #d9d7d1; }
body.page-renovy-pet-2 .rn-pet-floor-points h3 { font-size:14px; margin:0 0 5px; }
body.page-renovy-pet-2 .rn-pet-floor-points p { font-size:11px; line-height:1.8; margin:0; }
body.page-renovy-pet-2 .pet-floor-mobile-link.mobile-only { display:flex !important; gap:14px; font-size:12px; }
body .renovy-page .pf-material { display:none; }
}

@media(max-width:700px){
body.page-renovy-pet-2 .pet-mobile-points { margin-bottom:24px; }
body.page-renovy-pet-2 .pet-mobile-consult { margin:0 20px 48px; text-align:center; }
body.page-renovy-pet-2 .pet-mobile-consult a { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:48px; padding:0 30px; background:#252620; color:#fff; font-size:13px; text-decoration:none; }
}

/* Guide mobile final: photo first and centered next-guide link. */
@media(max-width:700px){
body .renovy-page .pf-hero { display:flex; flex-direction:column; padding-top:100px; }
body .renovy-page .pf-hero-img { order:-1; width:100%; max-width:none; padding:0; margin:0 0 32px; }
body .renovy-page .pf-hero-img img { aspect-ratio:3/2; object-fit:cover; }
body .renovy-page .pf-mobile-criteria-title { font-family:var(--serif); font-size:22px; font-weight:400; line-height:1.5; margin:12px 0 26px; letter-spacing:.04em; }
body .renovy-page .pf-next .rn-btn { display:flex; width:max-content; max-width:100%; margin-left:auto; margin-right:auto; justify-content:center; }
}

/* Recommended mobile landing flow: choose flooring, then service and consultation. */
@media(max-width:700px){
body.page-renovy-pet-2 .pet-floor-collection { margin:0 20px 48px; }
body.page-renovy-pet-2 .pet-floor-collection .pet-collection-label { font-size:10px; letter-spacing:.18em; color:#77746e; margin:0 0 14px; }
body.page-renovy-pet-2 .pet-floor-collection h2 { color:#252620; font-family:"Noto Serif JP",serif; font-size:22px; font-weight:400; line-height:1.6; margin:0 0 24px; padding:0; background:none; border:0; }
body.page-renovy-pet-2 .pet-floor-collection h2::before,body.page-renovy-pet-2 .pet-floor-collection h2::after,body.page-renovy-pet-2 .pet-mobile-consult h2::before,body.page-renovy-pet-2 .pet-mobile-consult h2::after { display:none; }
body.page-renovy-pet-2 .pet-mobile-products > .pet-floor-feature { display:block; border:0; padding:0; }
body.page-renovy-pet-2 .pet-floor-feature img { width:100%; aspect-ratio:16/10; object-fit:cover; }
body.page-renovy-pet-2 .pet-floor-feature > div { padding:18px 0; }
body.page-renovy-pet-2 .pet-floor-feature h3 { font-size:18px; }
body.page-renovy-pet-2 .pet-floor-feature p { font-size:12px; }
body.page-renovy-pet-2 .pet-floor-feature em { border-bottom:1px solid #aaa69e; padding:8px 0 15px; font-size:12px; }
body.page-renovy-pet-2 .pet-other-products { padding-top:10px; }
body.page-renovy-pet-2 .pet-other-products p { font-size:11px; color:#77746e; margin:0 0 10px; }
body.page-renovy-pet-2 .pet-other-products a { display:inline-flex; align-items:center; gap:18px; color:#55524c; font-size:11px; text-decoration:none; padding:8px 0; margin-right:22px; }
body.page-renovy-pet-2 .pet-mobile-consult { padding:30px 16px; margin:0 20px 48px; background:#eae7df; }
body.page-renovy-pet-2 .pet-consult-label { font-size:10px; letter-spacing:.18em; color:#77746e; }
body.page-renovy-pet-2 .pet-mobile-consult h2 { color:#252620; font-family:"Noto Serif JP",serif; font-size:19px; font-weight:400; line-height:1.7; margin:16px 0; padding:0; border:0; background:none; }
body.page-renovy-pet-2 .pet-mobile-consult p { font-size:12px; line-height:2; margin:0 0 22px; }
body.page-renovy-pet-2 .pet-mobile-consult a { font-size:12px; padding:0 18px; gap:14px; }
body.page-renovy-pet-2 .pet-mobile-consult small { display:block; font-size:10px; color:#77746e; margin-top:12px; }
}

@media(max-width:700px){
body.page-renovy-pet-2 .pet-floor-mobile-link.mobile-only {
  box-sizing:border-box; width:100%; min-height:56px;
  padding:15px 14px; border:1px solid #34352f;
  background:#e7e4dc; color:#252620;
  justify-content:space-between; gap:10px; font-size:12px; line-height:1.7;
}
body.page-renovy-pet-2 .pet-floor-mobile-link:hover { background:#dcd8ce; }
body.page-renovy-pet-2 .pet-floor-mobile-link:active { background:#d2cec4; }
}

/* Mobile photo choices link directly to each material filter. */
@media(max-width:700px){
body .renovy-page .pf-photo-choices { display:grid !important; gap:24px; }
body .renovy-page .pf-photo-choice { display:grid; grid-template-columns:36% minmax(0,1fr); gap:16px; padding:20px 0 0; border-top:1px solid var(--line); }
body .renovy-page .pf-photo-choice > img { width:100%; height:108px; object-fit:cover; }
body .renovy-page .pf-photo-choice > div { align-self:center; }
body .renovy-page .pf-choice-hint { color:var(--ink); font-size:15px; line-height:1.8; margin:0 0 8px; letter-spacing:0; }
body .renovy-page .pf-photo-choice h3 { font-family:var(--serif); font-size:17px; font-weight:400; line-height:1.6; margin:0 0 10px; padding:0; }
body .renovy-page .pf-choice-description { font-size:11px; line-height:1.9; letter-spacing:0; margin:0; }
body .renovy-page .pf-photo-choice > a { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; padding:13px 16px; min-height:48px; box-sizing:border-box; border:1px solid #66645f; color:var(--ink); font-size:12px; text-decoration:none; }
body .renovy-page .pf-photo-choice > a:hover { background:#ebe8e1; }
}

@media(max-width:700px){body .renovy-page .pf-photo-choice h3{letter-spacing:0;}}