/* 製品詳細（product-detail.php）を新シェルに合わせる補正。事業色：ドローン＝橙 */
.page-product{--biz:#e85b2a;--biz-soft:#fdeae2;--biz-deep:#c94a1e}
.page-product,.page-product body{font-family:var(--f-jp)}
.page-product .product-hero{background:var(--rb-soft2,#f0efec);padding:18px 0 0;border:0}
.page-product .product-hero__breadcrumb{font-size:12px;color:var(--ink-3);margin:0;padding:8px 0 18px}
.page-product .product-hero__breadcrumb a{color:var(--ink-2)}
.page-product .product__content{padding-top:clamp(28px,4vw,48px)}
.page-product h1,.page-product h2,.page-product h3{font-family:var(--f-jp);color:var(--ink);letter-spacing:-.01em}
.page-product .product__category-tag{background:var(--biz-soft);color:var(--biz);font-weight:700;border:0}
.page-product .product__price,.page-product .price,.page-product .plan__price,.page-product .text-accent{color:var(--biz)}
.page-product .btn{font-family:var(--f-jp);border-radius:999px;font-weight:700}
.page-product .btn--primary,.page-product .btn.btn--primary{background:var(--biz);border-color:var(--biz);color:#fff}
.page-product .btn--primary:hover{background:var(--biz-deep)}
.page-product .btn--outline-dark{border-color:var(--ink);color:var(--ink);background:transparent}
.page-product .btn--outline-dark:hover{background:var(--ink);color:#fff}
.page-product .product__thumb.active,.page-product .product__thumb:hover{border-color:var(--biz)}
.page-product .product__spec-table th{color:var(--ink-2);font-weight:700}
.page-product .section-title{font-family:var(--f-jp);color:var(--ink)}
.page-product .related{background:var(--rb-soft2,#f0efec)}
.page-product .back-to-top{display:none}
.page-product .plan.is-recommended,.page-product .plan--recommended{border-color:var(--biz)}
.page-product .related__card:hover{border-color:var(--biz)}
/* 旧 style2.css が無いので、ページで使う共通クラスの最低限 */
.page-product .container{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}
.page-product .section-title{font-size:clamp(22px,3vw,32px);font-weight:700;margin:0 0 24px}
.page-product .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .3s,color .3s}
/* 旧ネイビー帯（レンタルの安心）→ 濃いグレーに。TOP/事例と同じ暗色 */
.page-product .rental-benefits{background:#2a2826 !important;color:#fff;padding:clamp(56px,7vw,96px) 0}
.page-product .rental-benefits .section-label{color:#fff;opacity:.75}
.page-product .rental-benefits .section-title{color:#fff}
.page-product .rental-benefits .benefit,.page-product .rental-benefits [class*="benefit-card"],.page-product .rental-benefits [class*="benefit__"]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.page-product .rental-benefits h3,.page-product .rental-benefits h4{color:#fff}
.page-product .rental-benefits p{color:rgba(255,255,255,.8)}
.page-product .rental-benefits .btn--white-outline,.page-product .rental-benefits .btn--outline{border-color:#fff;color:#fff}
.page-product .rental-benefits .btn--primary{background:var(--biz)}
.page-product .rental-benefits{background-image:none !important}
.page-product .rental-benefits h2,.page-product .rental-benefits .section-title{color:#fff !important;-webkit-text-fill-color:#fff}
.page-product .rental-benefits a:not(.btn){color:#fff;text-decoration:underline}
.page-product .rb{background:#2a2826 !important;background-image:none !important}
.page-product .rb::before,.page-product .rb::after{display:none}
.page-product .rb__sup{color:#fff;border-color:rgba(255,255,255,.4)}
.page-product .rb__h{color:#fff}
.page-product .rb__items>*{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
/* 旧CSSの header 用余白と、共通ヘッダーの Contact 色を戻す */
body.page-product{padding-top:0 !important;margin:0}
.page-product .hd{position:sticky;top:0}
.page-product .hd .pill{background:var(--ink) !important;color:#fff !important}
.page-product .hd .pill:hover{background:var(--biz) !important}
/* 料金カード内の「税込」が折り返さないように */
.page-product .product__pricing-section [class*="price"] .tax,.page-product .plan__tax,.page-product .price-tax{white-space:nowrap;font-size:11px}
.page-product .product__pricing-section .plan__price,.page-product .plan__amount{font-size:clamp(18px,1.6vw,22px);white-space:nowrap}
.page-product .plan-price{font-size:clamp(18px,1.6vw,22px);white-space:nowrap}
.page-product .plan-price small,.page-product .plan-price span{font-size:11px;white-space:nowrap}