/* MAISON-2610: カルティエ・エルメス関連頁の見た目(ボス 2026-10-22「全体的に高級感がとても乏しい…テキストまみれより画像や装飾多めで今風の作りに」「関連ページ以外は一切変更しない」)。
   body.mz26 の頁だけに効く。本文・価格・LINE/電話/メールのリンク先と数は変えない(見せ方だけ)。
   C56: 紙色(ベージュ)全面の背景・雑誌風の飾り数字・エッセイ調は使わない=白地+濃色の帯+カード。相場カードの写真は大きくしない(10/5「参考価格画像でかすぎ」)。 */
body.mz26{--mz-ink:#15130f;--mz-ink2:#1e1b16;--mz-gold:#C59846;--mz-gold-l:#e6cf9c;--mz-line:rgba(197,152,70,.32);--mz-text:#24221f;--mz-sub:#6b655b;--mz-serif:"Shippori Mincho","Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;--mz-en:"Cormorant Garamond","Cormorant","Times New Roman",serif}

/* ---- 区画の見出し(新しい区画用) ---- */
body.mz26 .mz-head{text-align:center;margin:0 auto 26px;max-width:760px;padding:0 20px}
body.mz26 .mz-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 10px;font-family:var(--mz-en);font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--mz-gold)}
body.mz26 .mz-kicker::before,body.mz26 .mz-kicker::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--mz-gold))}
body.mz26 .mz-kicker::after{transform:scaleX(-1)}
body.mz26 .mz-h2{margin:0;font-family:var(--mz-serif);font-weight:700;font-size:clamp(21px,5.4vw,34px);line-height:1.5;letter-spacing:.04em;color:inherit;border:0;padding:0;background:none}
body.mz26 .mz-lead{margin:12px auto 0;font-size:13px;line-height:1.9;color:var(--mz-sub)}

/* ---- コレクション・ギャラリー(濃色・写真タイル。スマホは横スクロール) ---- */
body.mz26 .mz-gallery{position:relative;overflow:hidden;background:var(--mz-ink)!important;color:#fff!important;padding:56px 0 52px!important;border:0!important}
/* 頁側の id 規則(例: body.cer-jewelry-hub :is(#item-categories,…){background:紙色} h2{text-align:left}) に負けないよう主要な値だけ !important */
body.mz26 .mz-gallery .mz-h2,body.mz26 .mz-gallery .mz-kicker,body.mz26 .mz-gallery .mz-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body.mz26 .mz-gallery .mz-h2{color:#fff!important;font-size:clamp(21px,5.4vw,34px)!important;line-height:1.5!important;letter-spacing:.04em!important;margin:0!important}
body.mz26 .mz-gallery .mz-kicker{color:var(--mz-gold)!important;font-size:13px!important;margin:0 0 10px!important}
body.mz26 .mz-gallery .mz-lead{color:rgba(255,255,255,.62)!important;font-size:13px!important;margin:12px auto 0!important}
body.mz26 .mz-gallery::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0,rgba(197,152,70,.18),transparent 70%);pointer-events:none}
body.mz26 .mz-gallery>.mz-wrap{position:relative;width:min(1200px,100%);margin:0 auto}
body.mz26 .mz-gallery .mz-h2{color:#fff}
body.mz26 .mz-gallery .mz-lead{color:rgba(255,255,255,.62)}
body.mz26 .mz-rail{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 20px;padding:4px 20px 16px;margin:0;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body.mz26 .mz-rail::-webkit-scrollbar{display:none}
body.mz26 .mz-tile{position:relative;display:block;scroll-snap-align:start;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:#1f1c17;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(197,152,70,.2)}
body.mz26 .mz-tile img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 56%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
body.mz26 .mz-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,15,0) 48%,rgba(21,19,15,.9) 100%);pointer-events:none}
body.mz26 .mz-tile-txt{position:absolute;left:16px;right:16px;bottom:15px;z-index:1}
body.mz26 .mz-tile-en{display:block;font-family:var(--mz-en);font-size:21px;font-weight:700;letter-spacing:.12em;line-height:1.15;color:#fff}
body.mz26 .mz-tile-jp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-size:11px;letter-spacing:.12em;color:var(--mz-gold-l)}
body.mz26 .mz-tile-jp::after{content:"";flex:0 0 auto;width:18px;height:1px;background:var(--mz-gold-l);box-shadow:4px -3px 0 -0.5px transparent}
body.mz26 .mz-rail-hint{margin:2px 0 0;text-align:center;font-family:var(--mz-en);font-size:12px;letter-spacing:.3em;color:rgba(255,255,255,.42)}
body.mz26 .mz-gallery-more{margin:18px 20px 0;text-align:center}
body.mz26 .mz-gallery-more details{display:inline-block;text-align:left;max-width:100%}
body.mz26 .mz-gallery-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid var(--mz-line);border-radius:999px;color:var(--mz-gold-l);font-size:13px;letter-spacing:.08em}
body.mz26 .mz-gallery-more summary::-webkit-details-marker{display:none}
body.mz26 .mz-gallery-more summary::after{content:"+";font-size:16px;line-height:1}
body.mz26 .mz-gallery-more details[open] summary::after{content:"−"}
body.mz26 .mz-gallery-more ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
body.mz26 .mz-gallery-more a{display:inline-block;padding:7px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#efe9de;font-size:12px;text-decoration:none}
@media(hover:hover){body.mz26 .mz-tile:hover img{transform:scale(1.05)}body.mz26 .mz-gallery-more a:hover{border-color:var(--mz-gold);color:#fff}}
@media(min-width:768px){
 body.mz26 .mz-gallery{padding:80px 0 72px}
 body.mz26 .mz-rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;padding:4px 32px 0}
 body.mz26 .mz-rail-hint{display:none}
}
@media(min-width:1180px){body.mz26 .mz-rail[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ---- 写真の帯(3枚の実物写真+短い言葉。リンク・ボタンは置かない) ---- */
body.mz26 .mz-band{position:relative;margin:0;background:var(--mz-ink);color:#fff;overflow:hidden}
body.mz26 .mz-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:clamp(220px,58vw,440px)}
body.mz26 .mz-band-grid img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 58%}
body.mz26 .mz-band-grid img+img{box-shadow:-1px 0 0 rgba(197,152,70,.25)}
body.mz26 .mz-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,15,.05) 0,rgba(21,19,15,.25) 50%,rgba(21,19,15,.92) 100%);pointer-events:none}
body.mz26 .mz-band figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 20px 26px;text-align:center}
body.mz26 .mz-band-en{display:block;font-family:var(--mz-en);font-size:12px;font-weight:700;letter-spacing:.38em;color:var(--mz-gold-l);text-transform:uppercase}
body.mz26 .mz-band-jp{display:block;margin-top:8px;font-family:var(--mz-serif);font-size:clamp(19px,5.2vw,30px);font-weight:700;line-height:1.5;letter-spacing:.08em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
@media(min-width:768px){body.mz26 .mz-band figcaption{padding-bottom:40px}}

/* ---- 続きを読む(文字の多い区画を畳む。中身は頁に残る=検索/AI の引用は従来どおり。JS 無効時は全文表示) ---- */
body.mz26 .mz-fold{position:relative}
body.mz26 .mz-fold.is-closed{max-height:var(--mz-fold-h,560px);overflow:hidden}
body.mz26 .mz-fold.is-closed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--mz-fold-bg,#fff) 72%);pointer-events:none;z-index:4}
body.mz26 .mz-fold-ctl{position:absolute;left:0;right:0;bottom:24px;z-index:5;text-align:center}
body.mz26 .mz-fold:not(.is-closed) .mz-fold-ctl{display:none}
body.mz26 .mz-fold-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 30px;border:1px solid var(--mz-gold);border-radius:999px;background:#fff;color:#6b5225;font-size:13px;font-weight:700;letter-spacing:.14em;cursor:pointer;box-shadow:0 8px 24px rgba(21,19,15,.08)}
body.mz26 .mz-fold-btn::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
body.mz26 .mz-fold-btn:focus-visible{outline:2px solid var(--mz-gold);outline-offset:3px}

/* ---- 口コミ(濃色・スマホは横スクロール) ---- */
body.mz26 .g-reviews{background:var(--mz-ink);color:#efe9de;border:0;padding:60px 0 56px}
body.mz26 .g-reviews-eyebrow{text-align:center;font-family:var(--mz-en);font-size:13px;letter-spacing:.34em;color:var(--mz-gold)}
body.mz26 .g-reviews h2{text-align:center;color:#fff;font-family:var(--mz-serif)}
body.mz26 .g-reviews-score{justify-content:center;color:rgba(255,255,255,.62)}
body.mz26 .g-reviews-score strong{color:#fff}
body.mz26 .g-review{background:var(--mz-ink2);border:1px solid rgba(197,152,70,.24);box-shadow:none;color:#e9e3d8}
body.mz26 .g-review-meta{color:rgba(255,255,255,.55)}
body.mz26 .g-review-tag{background:transparent;border-color:rgba(197,152,70,.45);color:var(--mz-gold-l)}
body.mz26 .g-review-text,body.mz26 .g-review-text p{color:#e9e3d8}
body.mz26 .g-reviews p:not(.g-reviews-score):not(.g-review-meta):not(.g-reviews-eyebrow){color:rgba(255,255,255,.55)}
body.mz26 .g-reviews a{color:var(--mz-gold-l)}
body.mz26 .g-reviews details summary{background:transparent;border-color:rgba(197,152,70,.45);color:var(--mz-gold-l)}
@media(max-width:767px){
 body.mz26 .g-reviews-wrap>.g-reviews-list{grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:2px 20px 14px;scrollbar-width:none}
 body.mz26 .g-reviews-wrap>.g-reviews-list::-webkit-scrollbar{display:none}
 body.mz26 .g-reviews-wrap>.g-reviews-list>.g-review{scroll-snap-align:center}
}

/* ---- 買取実績(写真カード。スマホは横スクロール) ---- */
body.mz26 #jisseki-2610{background:#fff;border:0;padding:56px 0 52px}
body.mz26 #jisseki-2610 .jis-wrap{padding:0 20px}
body.mz26 #jisseki-2610 .jis-eyebrow{text-align:center;font-family:var(--mz-en);font-size:13px;letter-spacing:.34em}
body.mz26 #jisseki-2610 h2.jis-h2{text-align:center;font-family:var(--mz-serif);font-size:clamp(23px,5.8vw,32px);letter-spacing:.06em;margin-bottom:8px}
body.mz26 #jisseki-2610 .jis-lead{text-align:center;color:var(--mz-sub);font-size:12px}
body.mz26 #jisseki-2610 .jis-card{border:0;border-radius:3px;background:#f7f7f5;box-shadow:inset 0 0 0 1px #ece9e3}
body.mz26 #jisseki-2610 .jis-rank{background:var(--mz-ink);letter-spacing:.06em}
@media(max-width:767px){
 body.mz26 #jisseki-2610 .jis-grid{grid-auto-flow:column;grid-auto-columns:58%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:2px 20px 12px;scrollbar-width:none}
 body.mz26 #jisseki-2610 .jis-grid::-webkit-scrollbar{display:none}
 body.mz26 #jisseki-2610 .jis-card{scroll-snap-align:start}
}

/* ---- 専門ノート(表を上品に) ---- */
body.mz26 .ex2610 .ex-kicker{font-family:var(--mz-en);letter-spacing:.34em}
body.mz26 .ex2610 h2{font-family:var(--mz-serif);letter-spacing:.04em}
body.mz26 .ex2610 .ex-table{border-collapse:collapse}
body.mz26 .ex2610 .ex-table th,body.mz26 .ex2610 .ex-table td{border-color:#ece7dc}

/* ---- 既存のカード列をスマホで横スクロールに(data-mz="rail" の区画の直下〜2階層の .grid。文字は減らさず縦の長さを減らす) ---- */
@media(max-width:767px){
 body.mz26 [data-mz~="rail"] .grid{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-16px;margin-right:-16px;padding:4px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body.mz26 [data-mz~="rail"] .grid::-webkit-scrollbar{display:none}
 body.mz26 [data-mz~="rail"] .grid>*{scroll-snap-align:center;min-width:0}
 body.mz26 [data-mz~="rail"] .grid.grid-cols-2{grid-auto-columns:46%}
}
/* ---- 参考買取相場の絞り込みチップ(品目・ライン)はスマホで1行の横スライダーに(ボス 2026-10-22「したのモデル名もスライダーにして」) ---- */
@media(max-width:767px){
 body.mz26 #buyback-soba :is(#lv-price-filters,#lv-cat-filters,.filters[role="group"]:not([hidden])){display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin-left:-16px;margin-right:-16px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 body.mz26 #buyback-soba :is(#lv-price-filters,#lv-cat-filters,.filters[role="group"])::-webkit-scrollbar{display:none}
 body.mz26 #buyback-soba :is(#lv-price-filters,#lv-cat-filters,.filters[role="group"])>*{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
 body.mz26 #buyback-soba #lv-cat-filters{margin-bottom:6px!important}
 body.mz26 #buyback-soba #lv-price-filters{margin-bottom:18px!important}
 /* 品目+ラインの2列がある頁(カルティエ総合)は .mz-chips で包み、1行のスライダーにまとめる(ボス「スライダーは1行で」) */
 body.mz26 #buyback-soba .mz-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -16px 18px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 body.mz26 #buyback-soba .mz-chips::-webkit-scrollbar{display:none}
 body.mz26 #buyback-soba .mz-chips>:is(#lv-cat-filters,#lv-price-filters){display:contents}
 body.mz26 #buyback-soba .mz-chips button{flex:0 0 auto;white-space:nowrap}
 body.mz26 #buyback-soba .mz-chips #lv-cat-filters>button:last-child{margin-right:14px}
}

/* ---- 共通の「高価買取強化アイテム」(他ブランドの写真)はこの頁では文字の並びに(リンク先は残す) ---- */
body.mz26 [data-mz~="cats"]{padding:34px 0 38px!important;background:#fff!important}
body.mz26 [data-mz~="cats"] h2{font-size:15px!important;letter-spacing:.14em!important;margin-bottom:14px!important}
body.mz26 [data-mz~="cats"] h2 span{color:inherit!important}
body.mz26 [data-mz~="cats"] .text-center.mb-10{margin-bottom:10px!important}
body.mz26 [data-mz~="cats"] .text-center.mb-10>div{display:none!important}
body.mz26 [data-mz~="cats"] .grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important}
body.mz26 [data-mz~="cats"] .grid>a{position:static!important;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;padding:8px 14px;border:1px solid #d9cfbd!important;border-radius:999px!important;box-shadow:none!important;background:#fff;overflow:visible!important}
body.mz26 [data-mz~="cats"] .grid>a img{display:none!important}
body.mz26 [data-mz~="cats"] .grid>a>div{position:static!important;background:none!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:baseline;gap:6px}
body.mz26 [data-mz~="cats"] .grid>a>div p{color:#3f3a33!important;font-size:12px!important;letter-spacing:.06em}
body.mz26 [data-mz~="cats"] .grid>a>div p+p{color:#a08a5a!important;font-size:10px!important;opacity:1!important;font-family:var(--mz-en);letter-spacing:.12em}

/* ---- お悩み(赤い警告色の丸アイコン→金の線アイコン) ---- */
body.mz26 [data-mz="concerns"] .bg-red-50{background:rgba(197,152,70,.12)!important}
body.mz26 [data-mz="concerns"] .text-red-400{color:var(--mz-gold)!important}
body.mz26 [data-mz="concerns"] .bg-gray-50{background:#fff!important;border-color:#ece7dc!important}