/* LEAP Shop Style — /shop/（body.leap-shop-page）だけに適用。
   LEAP TOPページ（C / Modern Gallery + Editorial）／ /contact/ と同じトーン・タイポグラフィを踏襲。
   他のページ・ショートコード・BtoBフォームには一切影響しない（全セレクタ body.leap-shop-page 起点）。
   HTML構造・ブロックの並び順は既存のまま。CSSのみで見た目を調整。 */

body.leap-shop-page{
  --ls-white:#ffffff;
  --ls-ivory:#f7f5f0;
  --ls-deep-green:#1c3327;
  --ls-brown:#4a3626;
  --ls-ink:#211e1a;
  --ls-muted:#5c574d;
  --ls-line:#e4ded1;
  --ls-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  --ls-serif-en:"Cormorant Garamond",var(--ls-serif);
  --ls-sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;
  --ls-ease:cubic-bezier(.16,.7,.2,1);
}

/* --- ページ全体の余白・背景（ivoryの余白でTOP/contactと統一） --- */
body.leap-shop-page main,
body.leap-shop-page main.wp-block-group{
  background:var(--ls-ivory);
  padding-bottom:120px;
}

/* --- タイトル「ONLINE SHOP」をエディトリアルな見出しに --- */
body.leap-shop-page .wp-block-post-title{
  font-family:var(--ls-serif-en);
  font-weight:500;
  font-size:clamp(38px,4.4vw,56px);
  letter-spacing:.04em;
  color:var(--ls-ink);
}

/* --- 本文コンテナ：TT4の620px制約を解除し、TOPと同じ広めのガイドラインで中央寄せ --- */
body.leap-shop-page .entry-content{
  max-width:900px;
  margin-inline:auto !important;
  padding-inline:clamp(20px,5vw,32px);
  color:var(--ls-ink);
  font-family:var(--ls-sans);
}
body.leap-shop-page .entry-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:none;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* --- 冒頭の案内文（FAQへの導線） --- */
body.leap-shop-page .entry-content > p.wp-block-paragraph:first-of-type{
  font:500 14px/1.95 var(--ls-serif);
  color:var(--ls-muted);
  text-align:center;
  margin:0 0 8px;
}
body.leap-shop-page .entry-content > p.wp-block-paragraph:first-of-type a{
  color:var(--ls-deep-green);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid #1c332733;
}
body.leap-shop-page .entry-content > p.wp-block-paragraph:first-of-type a:hover{
  border-bottom-color:var(--ls-deep-green);
}

/* --- 各ショップの見出しボタン（「自社オンラインショップ」「楽天市場」等）
       ピル型ボタンではなく、細い下線付きのエディトリアルな見出しに --- */
body.leap-shop-page .entry-content .wp-block-buttons:has(> .wp-block-button.is-style-outline){
  margin-top:8px;
}
body.leap-shop-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  display:inline-block;
  width:auto !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid var(--ls-deep-green) !important;
  border-radius:0 !important;
  padding:0 0 10px !important;
  font-family:var(--ls-serif-en) !important;
  font-size:clamp(20px,2.2vw,26px) !important;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ls-ink) !important;
  transition:color .3s var(--ls-ease), border-color .3s var(--ls-ease);
}
body.leap-shop-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{
  color:var(--ls-deep-green) !important;
}

/* --- バナー画像：角丸＋影＋ホバーで軽く持ち上がる（ギャラリー感） --- */
body.leap-shop-page .entry-content figure.wp-block-image{
  margin:18px 0 0;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 18px 40px -24px rgba(28,51,39,.35);
  transition:transform .45s var(--ls-ease), box-shadow .45s var(--ls-ease);
}
body.leap-shop-page .entry-content figure.wp-block-image:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 48px -22px rgba(28,51,39,.42);
}
body.leap-shop-page .entry-content figure.wp-block-image img{
  display:block;
  width:100%;
  height:auto;
}

/* --- タグバッジ（「名入れ対応商品あり」等）：小さなピルに統一 --- */
body.leap-shop-page .entry-content .wp-block-buttons:not(:has(> .wp-block-button.is-style-outline)) .wp-block-button__link{
  border-radius:999px !important;
  padding:7px 16px !important;
  font:600 11px/1 var(--ls-sans) !important;
  letter-spacing:.06em;
  box-shadow:none !important;
}

/* --- 補足テキスト（「1〜2営業日で発送」「おためしおやつ便」等の段落） --- */
body.leap-shop-page .entry-content .wp-block-group p.wp-block-paragraph,
body.leap-shop-page .entry-content > p.wp-block-paragraph:not(:first-of-type){
  font:500 13px/1.9 var(--ls-serif);
  color:var(--ls-muted);
  margin:2px 0 0;
}
body.leap-shop-page .entry-content p.wp-block-paragraph a{
  color:var(--ls-deep-green);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid #1c332733;
}
body.leap-shop-page .entry-content p.wp-block-paragraph a:hover{
  border-bottom-color:var(--ls-deep-green);
}

/* ============ タブレット（980px） ============ */
@media (max-width:980px){
  body.leap-shop-page main,
  body.leap-shop-page main.wp-block-group{ padding-bottom:96px; }
}

/* ============ スマホ（767px） ============ */
@media (max-width:767px){
  body.leap-shop-page .entry-content{ padding-inline:18px; }
  body.leap-shop-page .entry-content .wp-block-button.is-style-outline .wp-block-button__link{
    font-size:20px !important;
  }
  body.leap-shop-page .entry-content .wp-block-buttons:not(:has(> .wp-block-button.is-style-outline)) .wp-block-button__link{
    font-size:10.5px !important;
    padding:6px 13px !important;
  }
}