/* Ker Coast — one premium bespoke showcase | 2026-10-28
   Only #sur-mesure on public homepages FR/EN/DE.
   Historic sales/checkout, B2B tariffs and paid guides are not affected. */
.kc-home-refresh #sur-mesure.kc-bespoke-showcase {
  background:#e5eef6!important;
  color:#172f43!important;
}
.kc-home-refresh #sur-mesure .kc-bespoke-intro {
  max-width:760px;
  margin:18px auto 0;
  color:#3b5368!important;
  font-size:clamp(1rem,1.3vw,1.08rem);
  line-height:1.6;
}
.kc-home-refresh #sur-mesure .kc-bespoke-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  margin:34px auto 0;
}
.kc-home-refresh #sur-mesure .kc-bespoke-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #cbd9e3;
  border-radius:20px;
  background:#fbf8f2;
  color:#172f43;
  box-shadow:0 12px 32px rgba(20,52,78,.075);
  transition:box-shadow .18s ease,transform .18s ease;
}
.kc-home-refresh #sur-mesure .kc-bespoke-card:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(20,52,78,.13);
}
.kc-home-refresh #sur-mesure .kc-bespoke-featured {border-color:#7e9db3;}
.kc-home-refresh #sur-mesure .kc-bespoke-media {
  position:relative;
  height:190px;
  overflow:hidden;
  flex:none;
  background:#dce9f3;
}
.kc-home-refresh #sur-mesure .kc-bespoke-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
}
.kc-home-refresh #sur-mesure .kc-bespoke-copy {
  padding:23px 23px 24px;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
}
.kc-home-refresh #sur-mesure .kc-bespoke-kicker {
  margin:0 0 8px;
  font:800 .7rem/1.45 system-ui,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#356b91!important;
}
.kc-home-refresh #sur-mesure .kc-bespoke-copy h3 {
  font:600 clamp(1.35rem,1.65vw,1.65rem)/1.22 Georgia,serif;
  letter-spacing:-.022em;
  color:#14344e!important;
  margin:0 0 10px;
  min-height:2.48em;
  overflow-wrap:anywhere;
}
.kc-home-refresh #sur-mesure .kc-bespoke-description {
  color:#42586a!important;
  margin:0 0 13px;
  line-height:1.55;
  font-size:.9rem;
  min-height:4.65em;
}
.kc-home-refresh #sur-mesure .kc-bespoke-price {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:4px 9px;
  padding:0 0 16px;
  margin:0;
  border-bottom:1px solid #d2dee7;
}
.kc-home-refresh #sur-mesure .kc-bespoke-amount {
  font:600 clamp(1.9rem,2.4vw,2.25rem)/1.22 Georgia,serif;
  color:#14344e!important;
  white-space:nowrap;
}
.kc-home-refresh #sur-mesure .kc-bespoke-price span {
  font-size:.77rem;
  font-weight:600;
  color:#52697a;
}
.kc-home-refresh #sur-mesure .kc-bespoke-benefits {
  list-style:none;
  display:grid;
  align-content:start;
  gap:10px;
  margin:18px 0 20px;
  padding:0;
}
.kc-home-refresh #sur-mesure .kc-bespoke-benefits li {
  position:relative;
  margin:0;
  padding:0 0 0 23px;
  font-size:.84rem;
  line-height:1.45;
  color:#253e50;
}
.kc-home-refresh #sur-mesure .kc-bespoke-benefits li::before {
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:800;
  color:#234b68;
}
.kc-home-refresh #sur-mesure .kc-bespoke-footer {
  margin-top:auto;
  padding-top:4px;
}
.kc-home-refresh #sur-mesure .kc-bespoke-actions {
  display:grid;
  gap:8px;
}
.kc-home-refresh #sur-mesure .kc-bespoke-button {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  min-height:47px;
  padding:11px 14px;
  border:1px solid #14344e;
  border-radius:12px;
  background:#14344e!important;
  color:#fff!important;
  text-decoration:none;
  font:750 .86rem/1.35 system-ui,sans-serif;
  transition:background .15s ease,border-color .15s ease;
}
.kc-home-refresh #sur-mesure .kc-bespoke-button:hover {
  background:#234b68!important;
  border-color:#234b68;
}
.kc-home-refresh #sur-mesure .kc-bespoke-secondary {
  background:transparent!important;
  color:#14344e!important;
  border-color:#9cafbc;
}
.kc-home-refresh #sur-mesure .kc-bespoke-secondary:hover {
  background:#e5eef6!important;
  color:#14344e!important;
}
.kc-home-refresh #sur-mesure .kc-bespoke-button:focus-visible {
  outline:3px solid #bd7d29;
  outline-offset:3px;
}
.kc-home-refresh #sur-mesure .kc-bespoke-status {
  color:#4a6073!important;
  font:500 .76rem/1.5 system-ui,sans-serif;
  border-left:2px solid #9cafbc;
  padding-left:10px;
  margin:14px 0 0;
}
.kc-home-refresh #sur-mesure .kc-bespoke-disclaimer {
  max-width:900px;
  margin:24px auto 12px;
  font-size:.83rem;
  line-height:1.6;
  color:#3c5368!important;
  text-align:center;
}
.kc-home-refresh #sur-mesure .kc-home-catalogue-note {
  max-width:900px;
  margin:16px auto 0;
  font-size:.73rem;
  line-height:1.5;
  color:#506679;
  text-align:center;
}
.kc-home-refresh #sur-mesure .kc-home-catalogue-note a {
  color:#234b68;
  text-underline-offset:3px;
}
@media(max-width:1100px) and (min-width:901px) {
  .kc-home-refresh #sur-mesure .kc-bespoke-grid{gap:12px;}
  .kc-home-refresh #sur-mesure .kc-bespoke-copy{padding:17px;}
  /* At laptop widths EN/DE kickers wrap; preserve matching price baselines. */
  .kc-home-refresh #sur-mesure .kc-bespoke-kicker{min-height:2.9em;}
  .kc-home-refresh #sur-mesure .kc-bespoke-description{min-height:6.2em;}
}
@media(max-width:900px) {
  .kc-home-refresh #sur-mesure .kc-bespoke-grid {
    grid-template-columns:minmax(0,1fr);
    max-width:620px;
    gap:20px;
    margin:24px auto 0;
  }
  .kc-home-refresh #sur-mesure .kc-bespoke-media{height:215px;}
  .kc-home-refresh #sur-mesure .kc-bespoke-copy{padding:21px;}
  .kc-home-refresh #sur-mesure .kc-bespoke-copy h3,
  .kc-home-refresh #sur-mesure .kc-bespoke-description{min-height:0;}
}
@media(max-width:400px) {
  .kc-home-refresh #sur-mesure .kc-bespoke-media{height:180px;}
  .kc-home-refresh #sur-mesure .kc-bespoke-copy{padding:18px;}
  .kc-home-refresh #sur-mesure .kc-bespoke-amount{font-size:1.95rem;}
}
@media(prefers-reduced-motion:reduce){
  .kc-home-refresh #sur-mesure .kc-bespoke-card,
  .kc-home-refresh #sur-mesure .kc-bespoke-button{transition:none;}
  .kc-home-refresh #sur-mesure .kc-bespoke-card:hover{transform:none;}
}