/* GSページだけ .section の共通余白を外す */
main > section.section{
  padding:0;
}

/* =========================================================
  Page title
========================================================= */
.page-title{
  padding:18px 0 8px;
}

.page-title-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.page-title-left{
  display:flex;
  align-items:center;
  gap:10px;bread-info__note
}

.page-mark{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(226,232,240,.9);
  color:#475569;
  font-size:18px;
}

.page-title h1{
  margin:0;
  font-size:22px;
  letter-spacing:.03em;
  font-weight:700;
}

/* =========================================================
  Hero / message
========================================================= */
.page-hero{
  margin:10px 0 6px;
}

.page-hero-media{
  height:min(42vh, 420px);
  border-radius:22px;
  background:url("../img/stand-b.jpg") center/cover no-repeat;
  box-shadow:0 18px 60px rgba(15,23,42,.12);
  border:1px solid rgba(226,232,240,.8);
}

.gs-message{
  max-width:960px;
  margin:6px auto 10px;
  padding:10px 20px;
  text-align:center;
  font-size:16px;
  line-height:1.8;
  letter-spacing:.03em;
  color:#475569;
}

.gs-message p{margin:0}

/* =========================================================
  Stack / card
========================================================= */
.gs-stack{
  display:grid;
  gap:16px;
  padding-top:0;
}

.gs-card{
  padding:18px;
}

.gs-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.gs-card-title{
  font-weight:700;
  font-size:18px;
  letter-spacing:.02em;
  color:#1f2a44;
}

.gs-message + .card{
  margin-top:8px;
}

/* =========================================================
  Hours / callout
========================================================= */
.gs-hours-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  align-items:stretch;
}

.gs-hours-table{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:rgba(255,255,255,.70);
}

.gs-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid rgba(226,232,240,.9);
}

.gs-row:last-child{border-bottom:none}

.gs-cell{
  padding:12px 14px;
  font-size:16px;
}

.gs-cell.k{
  background:rgba(59,130,246,.06);
  color:#23324f;
  font-weight:600;
}

.gs-cell.v{
  text-align:center;
  font-weight:600;
  color:#1f2a44;
}

.gs-cell.v.is-holiday{
  color:#c2410c;
  font-weight:700;
}

.gs-cell.k.is-sunday{
  background:rgba(239,68,68,.12);
  color:#b91c1c;
  font-weight:700;
}

.gs-callout{
  border-radius:16px;
  border:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70));
  padding:14px;
}

.gs-pill{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(245,158,11,.16);
  color:#8a5b00;
  font-weight:700;
  font-size:13px;
}

.gs-callout-body{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:10px;
}

.gs-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(59,130,246,.08);
  border:1px solid rgba(59,130,246,.14);
  color:#1f3a66;
}

.gs-icon svg{
  width:24px;
  height:24px;
}

.gs-callout-kicker,
.gs-service-kicker{
  display:inline-block;
  margin:0;
  padding:2px 10px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.06em;
  color:#334155;
  background:rgba(15,23,42,.06);
  transform:translateY(-1px);
}

.gs-callout-title{
  font-weight:700;
  color:#1f2a44;
  line-height:1.5;
}

.gs-callout-sub{
  margin-top:4px;
  font-size:13px;
  color:var(--muted);
}

/* =========================================================
  Service cards
========================================================= */
.gs-service-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.gs-service-item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(220,230,245,.9);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74));
  box-shadow:
    0 18px 40px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.85);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}

.gs-service-item::before{
  content:"";
  position:absolute;
  inset:auto -40px -50px auto;
  width:220px;
  height:180px;
  border-radius:60px;
  opacity:.95;
  transform:rotate(-10deg);
  background:var(--gs-accent, rgba(59,130,246,.18));
}

.gs-service-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1px 1px at 12px 14px, rgba(15,23,42,.08) 1px, rgba(255,255,255,0) 1.5px);
  background-size:18px 18px;
  opacity:.14;
  pointer-events:none;
}

.gs-service-item:hover{
  transform:translateY(-4px);
  box-shadow:
    0 26px 60px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.gs-service-text{
  position:relative;
  z-index:1;
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.gs-service-title{
  text-align:left;
  font-size:16px;
  font-weight:650;
  color:#0f172a;
  letter-spacing:.03em;
  line-height:1.55;
  overflow-wrap:anywhere;
  word-break:normal;
}

.gs-or{
  font-weight:inherit;
  font-size:.95em;
  opacity:.75;
}

.gs-illus{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:98px;
  height:98px;
  border-radius:26px;
  background:
    radial-gradient(120px 80px at 35% 25%, rgba(255,255,255,.95), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
  border:1px solid rgba(210,225,245,.95);
  box-shadow:
    0 14px 26px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.85);
  display:grid;
  place-items:center;
  color:var(--gs-ink, #23406b);
  transition:transform .25s ease;
}

.gs-service-item:hover .gs-illus{
  transform:translateY(-1px);
}

.gs-illus svg{
  width:70px;
  height:70px;
}

.gs-illus svg *{
  vector-effect:non-scaling-stroke;
}

.gs-stroke{
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}

.gs-stroke-soft{
  stroke:currentColor;
  stroke-opacity:.45;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}

.gs-service-item.is-wash{ --gs-accent: rgba(59,130,246,.18); --gs-ink:#1f3a66; }
.gs-service-item.is-bday{ --gs-accent: rgba(168,85,247,.16); --gs-ink:#4c1d95; }
.gs-service-item.is-kids{ --gs-accent: rgba(245,158,11,.18); --gs-ink:#6b3f00; }
.gs-service-item.is-water{ --gs-accent: rgba(16,185,129,.16); --gs-ink:#0f4a3a; }
.gs-service-item.is-dog{ --gs-accent: rgba(236,72,153,.14); --gs-ink:#5a1638; }

.gs-note{
  margin:12px 18px 18px;
  color:rgba(71,85,105,.9);
  font-size:12.5px;
  line-height:1.5;
}

/* =========================================================
  Collage / message
========================================================= */
.photo-msg{
  text-align:center;
  margin:0;
  font-size:16px;
  color:#55657a;
  line-height:1.7;
}

.station-collage{
  width:100%;
  height:auto;
  border-radius:25px;
  display:block;
  padding:0 10px;
}

/* =========================================================
  Table
========================================================= */
.gs-table-wrap{
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:rgba(255,255,255,.70);
}

.gs-table{
  width:100%;
  border-collapse:collapse;
}

.gs-table thead th{
  text-align:left;
  padding:12px 14px;
  font-weight:700;
  background:rgba(59,130,246,.08);
  color:#23324f;
}

.gs-table tbody td{
  padding:11px 14px;
  border-top:1px solid rgba(226,232,240,.85);
  color:#1f2a44;
  font-weight:500;
}

.gs-table tbody td:last-child{
  text-align:right;
  font-weight:700;
}

/* =========================================================
  Responsive
========================================================= */
@media (max-width:980px){
  .page-hero-media{border-radius:18px}
  .gs-hours-grid{grid-template-columns:1fr}
  .gs-service-grid{grid-template-columns:1fr}
}

@media (max-width:560px){
  .gs-message{
    max-width:92vw;
    font-size:14px;
    line-height:1.75;
  }

  .gs-illus{
    width:78px;
    height:78px;
    border-radius:18px;
    flex:0 0 auto;
  }

  .gs-illus svg{
    width:56px;
    height:56px;
  }
}

/* =========================================================
  Table
========================================================= */
.gs-table-wrap{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.76));
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  margin:20px;
}

.gs-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.gs-table thead th{
  text-align:left;
  padding:14px 18px;
  font-weight:700;
  font-size:15px;
  letter-spacing:.03em;
  background:rgba(59,130,246,.10);
  color:#1f2a44;
  border-bottom:1px solid rgba(226,232,240,.9);
}

.gs-table thead th:last-child{
  text-align:right;
}

.gs-table tbody tr{
  transition:background .2s ease;
}

.gs-table tbody tr:nth-child(even){
  background:rgba(248,250,252,.72);
}

.gs-table tbody tr:hover{
  background:rgba(59,130,246,.05);
}

.gs-table tbody td{
  padding:14px 18px;
  border-top:1px solid rgba(226,232,240,.82);
  color:#334155;
  font-size:15px;
  font-weight:500;
  vertical-align:middle;
}

.gs-table tbody tr:first-child td{
  border-top:none;
}

.gs-table tbody td:last-child{
  text-align:right;
  font-weight:800;
  color:#0f172a;
  letter-spacing:.01em;
  white-space:nowrap;
}

.gs-card-title{
  font-weight:700;
  font-size:20px;
  letter-spacing:.02em;
  color:#1f2a44;
}

/* =========================================================
  Price board
========================================================= */
.gs-price-board{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.90));
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}

.gs-price-board-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 20px;
  background:linear-gradient(180deg, rgba(59,130,246,.12), rgba(59,130,246,.07));
  border-bottom:1px solid rgba(226,232,240,.9);
  color:#1f2a44;
  font-size:24px;
  font-weight:800;
  letter-spacing:.06em;
}

.gs-price-board-icon{
  font-size:22px;
  line-height:1;
}

.gs-price-board-body{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.gs-price-col{
  padding:6px 0;
}

.gs-price-col + .gs-price-col{
  border-left:1px solid rgba(226,232,240,.9);
}

.gs-price-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 22px;
  border-top:1px solid rgba(226,232,240,.75);
}

.gs-price-col .gs-price-item:first-child{
  border-top:none;
}

.gs-price-name{
  color:#1f2a44;
  font-size:24px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.02em;
}

.gs-price-value{
  flex:0 0 auto;
  color:#0f172a;
  font-size:24px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  letter-spacing:.01em;
}

/* 右列の空きが目立ちすぎないように */
.gs-price-col:last-child{
  background:
    linear-gradient(180deg, rgba(59,130,246,.02), rgba(59,130,246,0));
}

/* =========================================================
  Responsive
========================================================= */
@media (max-width:980px){
  .gs-price-board-head{
    font-size:22px;
  }

  .gs-price-name,
  .gs-price-value{
    font-size:21px;
  }
}

@media (max-width:560px){
  .gs-price-board-body{
    grid-template-columns:1fr;
  }

  .gs-price-col + .gs-price-col{
    border-left:none;
    border-top:1px solid rgba(226,232,240,.9);
  }

  .gs-price-board-head{
    font-size:18px;
    padding:14px 16px;
  }

  .gs-price-item{
    padding:14px 16px;
  }

  .gs-price-name,
  .gs-price-value{
    font-size:17px;
  }
}

.gs-price-board-head{
  font-size:20px;          /* 24 → 20 */
  font-weight:700;         /* 800 → 700 */
  letter-spacing:.04em;
}

.gs-price-name{
  font-size:18px;          /* 24 → 18 */
  font-weight:600;         /* 700 → 600 */
  color:#334155;           /* 少し柔らかい色 */
}

.gs-price-value{
  font-size:18px;          /* 24 → 18 */
  font-weight:600;         /* 800 → 600 */
  color:#1f2937;           /* 黒→濃いグレー */
}


/* パン販売 */
.bread-info--funnel{
  position:relative;
  display:flex;
  align-items:center;
  gap:30px;
  padding:30px 36px;
  border-radius:28px;
  border:1px solid rgba(199, 168, 128, .72);
  background:
    radial-gradient(circle at 86% 18%, rgba(233, 197, 146, .18) 0, rgba(233, 197, 146, 0) 30%),
    linear-gradient(90deg, #ebe5de 0%, #e7dfd5 52%, #efe1cb 100%);
  box-shadow:
    0 14px 34px rgba(94, 68, 34, .06),
    inset 0 1px 0 rgba(255,255,255,.35);
  overflow:hidden;
}

.bread-info--funnel .bread-info__icon-wrap{
  width:118px;
  height:118px;
  border-radius:50%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.16) 100%);
  display:grid;
  place-items:center;
  flex:0 0 118px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 14px 28px rgba(96, 67, 28, .06);
  backdrop-filter:blur(2px);
}

.bread-info--funnel .bread-info__icon{
  font-size:60px;
  line-height:1;
  transform:translateY(1px) rotate(-6deg);
}

.bread-info--funnel .bread-info__body{
  position:relative;
  z-index:1;
  max-width:600px;
}

.bread-info--funnel .bread-info__eyebrow{
  margin:0 0 10px;
  font-size:12px;
  line-height:1;
  letter-spacing:.22em;
  font-weight:700;
  color:#bc7d3c;
  opacity:.95;
}

.bread-info--funnel .bread-info__shop{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.02em;
  color:#9f6a33;
}

.bread-info--funnel .bread-info__lead{
  margin:0 0 16px;
  font-size:18px;
  letter-spacing: 0.05em;
  line-height:1.85;
  font-weight:500;
  color:#4b3d31;
}

.bread-info--funnel .bread-info__meta{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.bread-info--funnel .bread-info__date{
  display:inline-flex;
  align-items:center;
  padding:9px 17px;
  border-radius:999px;
  background:linear-gradient(180deg, #dc8d2f 0%, #ca7418 100%);
  color:#fff;
  font-size:18px;
  line-height:1;
  font-weight:700;
  letter-spacing:.04em;
  box-shadow:
    0 8px 18px rgba(186, 111, 29, .16),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.bread-info--funnel .bread-info__note{
  font-size:16px;
  letter-spacing: 0.05em;
  line-height:1.8;
  color:#6e5946;
}

.bread-info--funnel .bread-info__subicon{
  position:absolute;
  top:18px;
  right:22px;
  font-size:34px;
  line-height:1;
  opacity:.78;
  transform:rotate(8deg);
  filter:saturate(.92);
}

@media (max-width: 767px){
  .bread-info--funnel{
    gap:18px;
    padding:22px 18px 24px;
    border-radius:22px;
  }

  .bread-info--funnel .bread-info__icon-wrap{
    width:88px;
    height:88px;
    flex-basis:88px;
  }

  .bread-info--funnel .bread-info__icon{
    font-size:36px;
  }

  .bread-info--funnel .bread-info__shop{
    font-size:21px;
  }

  .bread-info--funnel .bread-info__lead{
    font-size:16px;
    line-height:1.75;
  }

  .bread-info--funnel .bread-info__date{
    font-size:16px;
    padding:8px 14px;
  }

  .bread-info--funnel .bread-info__note{
    font-size:14px;
  }

  .bread-info--funnel .bread-info__subicon{
    top:14px;
    right:14px;
    font-size:27px;
  }
}

.bread-info--funnel{
  position:relative;
  display:flex;
  align-items:center;
  gap:30px;
  padding:30px 36px;
  border-radius:28px;
  border:1px solid rgba(199,168,128,.6);

  background:
  linear-gradient(rgba(240,232,220,.90), rgba(240,232,220,.90)),
  url("../img/bread-bg.png") center/cover no-repeat;

  box-shadow:
  0 14px 34px rgba(94,68,34,.06),
  inset 0 1px 0 rgba(255,255,255,.35);
}

.note span{
  opacity:.7;
}

.gs-card-head{
  justify-content: center;
  text-align: center;
}

.gs-card-title{
  text-align: center;
}

.gs-hours .gs-card-head,
.gs-service-section .gs-card-head{
  justify-content: center;
  text-align: center;
}

.gs-hours .gs-card-title,
.gs-service-section .gs-card-title{
  text-align: center;
}

/* 営業時間・会員サービスの見出しを洗車メニュー寄りに統一 */
.gs-card-head{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(59,130,246,.12), rgba(59,130,246,.07));
  border: 1px solid rgba(226,232,240,.9);
  text-align: center;
}

.gs-card-title{
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #1f2a44;
  line-height: 1.3;
}

.gs-card-head{
  background: #f3f6fa;          /* 薄いグレーに統一 */
  border: 1px solid #e2e8f0;
  color: #334155;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 12px 16px;
  border-radius: 12px;
}

.gs-card-title{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .04em;
}

/* =========================
  ファネル 見劣り修正
========================= */

.bread-info--funnel{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 420px;
  align-items: center;
  gap: 24px;
  padding: 24px 28px;
}

/* 左側を詰める */
.bread-info--funnel .bread-info__body{
  max-width: none;
  min-width: 0;
}

.bread-info--funnel .bread-info__eyebrow{
  margin: 0 0 8px;
}

.bread-info--funnel .bread-info__shop{
  margin: 0 0 8px;
  font-size: 22px;
}

.bread-info--funnel .bread-info__lead{
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.7;
}

.bread-info--funnel .bread-info__meta{
  gap: 14px;
}

.bread-info--funnel .bread-info__date{
  font-size: 16px;
  padding: 8px 16px;
}

.bread-info--funnel .bread-info__note{
  font-size: 15px;
  line-height: 1.7;
}

/* 右画像を主役化 */
.bread-info__images{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-left: 0;
}

.bread-info__images img{
  width: 100%;
  height: 168px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* 写真の見え方微調整 */
.bread-info__images img:first-child{
  object-position: center;
}

.bread-info__images img:last-child{
  object-position: center;
}

/* スマホ */
@media (max-width: 767px){
  .bread-info--funnel{
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px 18px;
  }

  .bread-info__images{
    display: flex;
    overflow-x: auto;
    gap: 12px;
  }

  .bread-info__images img{
    width: 78%;
    height: 150px;
    flex: 0 0 auto;
  }
}

@media (max-width: 767px){
  .bread-info--funnel{
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 16px 20px;
  }

  .bread-info--funnel .bread-info__shop{
    font-size: 20px;
    margin-bottom: 6px;
  }

  .bread-info--funnel .bread-info__lead{
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.7;
  }

  .bread-info--funnel .bread-info__meta{
    gap: 10px;
  }

  .bread-info--funnel .bread-info__date{
    font-size: 15px;
    padding: 8px 14px;
  }

  .bread-info--funnel .bread-info__note{
    font-size: 14px;
    line-height: 1.7;
  }

  .bread-info__images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    overflow: visible;
  }

  .bread-info__images img{
    width: 100%;
    height: 124px;
    border-radius: 16px;
    object-fit: cover;
    flex: initial;
  }
}

/* =========================
   ファネル かわいさを少し強める
========================= */
.bread-info--funnel{
  border-radius: 34px;
  border: 1px solid rgba(214, 177, 129, .72);
  background:
    linear-gradient(rgba(255, 248, 241, .94), rgba(255, 248, 241, .94)),
    url("../img/bread-bg.png") center/cover no-repeat;
  box-shadow:
    0 18px 40px rgba(94,68,34,.08),
    inset 0 1px 0 rgba(255,255,255,.55);
}

/* 左側テキストを少しだけやさしく */
.bread-info--funnel .bread-info__eyebrow{
  color:#c6843f;
  letter-spacing:.24em;
}

.bread-info--funnel .bread-info__shop{
  font-size:26px;
  letter-spacing:.08em;
  color:#a56a2f;
}

.bread-info--funnel .bread-info__lead{
  font-size:17px;
  line-height:1.8;
  color:#5e4a38;
}

/* 毎月24日を“かわいい主役”にする */
.bread-info--funnel .bread-info__date{
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(180deg, #e59a3a 0%, #d67f1b 100%);
  box-shadow:
    0 8px 20px rgba(214,127,27,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
}

/* 右写真を少しだけかわいく */
.bread-info__images{
  gap:14px;
}

.bread-info__images img{
  height:172px;
  border-radius:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  border:2px solid rgba(255,255,255,.65);
}

/* 片方だけ少し傾けると変化が見えやすい */
.bread-info__images img:first-child{
  transform:rotate(-2deg);
}

.bread-info__images img:last-child{
  transform:rotate(2deg);
}

.bread-info--funnel{
  transition: transform .25s ease, box-shadow .25s ease;
}

.bread-info--funnel:hover{
  transform: translateY(-2px);
  box-shadow:
    0 22px 50px rgba(94,68,34,.12),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.bread-info__note span{
  display:inline-block;
  transform:translateY(1px);
  opacity:.85;
}

.bread-info__date{
  transition: transform .2s ease, box-shadow .2s ease;
  cursor: default;
}

.bread-info__date:hover{
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 10px 24px rgba(214,127,27,.28),
    inset 0 1px 0 rgba(255,255,255,.3);
}

