.oc-home .oc-hero {
  overflow: hidden;
  padding: clamp(58px,6.4vw,96px) 0 clamp(46px,5vw,70px);
}
.oc-home .oc-hero .oc-chat-hero-layout {
  display: grid;
  grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr);
  align-items: center;
  column-gap: clamp(32px,5.6vw,106px);
  text-align: left;
}
.oc-chat-hero-copy { min-width: 0; position: relative; z-index: 3; }
.oc-home .oc-hero .oc-chat-hero-copy .oc-trustline { justify-content: flex-start; }
.oc-home .oc-hero .oc-chat-hero-copy h1 {
  font-size: clamp(43px,5vw,75px);
  line-height: 1.09;
  letter-spacing: -.05em;
  max-width: 680px;
}
.oc-home .oc-hero .oc-chat-hero-copy .oc-subtitle {
  margin: 0 0 30px;
  max-width: 550px;
}
.oc-home .oc-hero .oc-chat-hero-copy .search-container { max-width: 585px; margin: 0; }
.oc-home .oc-hero .oc-chat-hero-copy .search-form { height: 70px; }
.oc-home .oc-hero .oc-chat-hero-copy .search-btn { height: 54px; min-width: 132px; padding-inline: 18px; }
.oc-home .oc-hero .oc-chat-hero-copy .oc-popular { justify-content: flex-start; }
.oc-chat-stage { position: relative; min-width: 0; width: 100%; max-width: 462px; margin: 0; justify-self: end; isolation: isolate; }
/* This is a visual demo, never a scroll trap or a text-entry surface.
   Pointer/touch/wheel gestures pass through the chat card to page scrolling;
   the separate “Découvrir les chefs” CTA remains an actual link. */
.oc-chat-scene {
  position: relative;
  isolation: isolate;
  padding: 21px 8px 26px;
  perspective: 1100px;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.oc-chat-card {
  position:relative; overflow:hidden; width:100%; height: 478px;
  display: flex; flex-direction:column; border-radius: 24px;
  border:1px solid rgba(65,58,83,.14);
  background:#fafbfb;
  box-shadow: 0 36px 70px rgba(32,24,60,.14), 0 10px 24px rgba(24,25,35,.05), inset 0 1px rgba(255,255,255,.8);
  transform-style:preserve-3d; will-change:transform;
  animation:oc-chat-float 8s ease-in-out infinite;
  transition: opacity .35s ease;
}
@keyframes oc-chat-float {
  0%,100% { transform:translate3d(0,2px,0) rotateY(-4.5deg) rotateX(2deg); }
  50% { transform:translate3d(0,-7px,0) rotateY(-3deg) rotateX(1.6deg); }
}
.oc-chat-topbar {
  display:flex; align-items:center; gap:11px; flex-shrink:0;
  height:74px; padding:13px 17px;
  border-bottom:1px solid #ebedf0; background:rgba(255,255,255,.97);
}
.oc-chat-brand {display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#20b865;flex-shrink:0}
.oc-chat-brand svg {width:26px;height:26px}
.oc-chat-avatar {
  width:43px;height:43px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;position:relative;
  color:#4d3e28;font-size:14px;font-weight:750;letter-spacing:-.4px;
  background:linear-gradient(135deg,#eae2d5,#c7b39e);
}
.oc-chat-online{position:absolute;bottom:0;right:0;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#27c56a}
.oc-chat-identity {min-width:0;display:flex;flex-direction:column;gap:4px}
.oc-chat-identity strong {font-size:14px;line-height:1.1;white-space:nowrap;color:var(--ink);font-weight:750}
.oc-chat-identity span {font-size:10.5px;color:#7c8387;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.oc-chat-top-actions{margin-left:auto;display:flex;gap:3px;align-items:center;padding-left:4px}
.oc-chat-top-actions span{width:3px;height:3px;border-radius:50%;background:#a6adae}
.oc-chat-thread{
  position:relative; flex:1; min-height:0; overflow-y:auto; overflow-x:hidden;
  display:flex; flex-direction:column; gap:10px; padding:18px 18px 15px;
  background:
    radial-gradient(circle at 10% 15%,rgba(192,210,201,.13) 0 1px,transparent 1.5px) 0 0/24px 24px,
    linear-gradient(140deg,#eff3f0,#f5f6f3 55%,#f0f2ed);
  scrollbar-width:none; overscroll-behavior:contain;
}
.oc-chat-thread::-webkit-scrollbar{display:none}
.oc-chat-row{display:flex;flex:0 0 auto;animation:oc-chat-pop .42s cubic-bezier(.2,.75,.25,1) both}
.oc-chat-row--client{justify-content:flex-end}
.oc-chat-row--chef{justify-content:flex-start}
@keyframes oc-chat-pop{from{opacity:0;transform:translate3d(0,10px,0) scale(.975)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.oc-chat-bubble{
  display:flex;flex-direction:column;gap:5px;
  max-width:76%;width:max-content;min-width:95px; padding:10px 12px 7px;
  border-radius:13px; color:var(--ink); background:#fff;
  box-shadow:0 2px 6px rgba(21,37,31,.055);
  font-size:12px;line-height:1.43;overflow-wrap:anywhere;
}
.oc-chat-row--client .oc-chat-bubble{background:#d9f9dc;border-top-right-radius:4px}
.oc-chat-row--chef .oc-chat-bubble{border-top-left-radius:4px}
.oc-chat-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;line-height:1;margin-top:2px;color:#82918b;font-size:9px}
.oc-chat-meta svg{width:16px;height:12px;color:#97a9a2;transition:color .24s ease}
.oc-chat-row--client.is-read .oc-chat-meta svg{color:#40a8d5}
.oc-chat-typing{
  flex:0 0 auto;align-self:flex-start;
  padding:10px 13px;border-radius:13px 13px 13px 4px;background:#fff;
  box-shadow:0 2px 6px rgba(21,37,31,.055);
}
.oc-chat-typing[hidden]{display:none!important}
.oc-chat-typing-dots{display:flex;gap:4px;align-items:center;height:12px}
.oc-chat-typing-dots i{width:5px;height:5px;border-radius:50%;background:#95a39d;animation:oc-chat-dot 1.1s ease-in-out infinite}
.oc-chat-typing-dots i:nth-child(2){animation-delay:.15s}
.oc-chat-typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes oc-chat-dot{0%,65%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-3px);opacity:1}}
.oc-chat-typing small{display:block;font-size:9px;color:#86938b;margin-top:3px}
@keyframes oc-chat-caret{50%{opacity:0}}
.oc-chat-floating-mark{position:absolute;right:0;bottom:12px;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#22c96c;color:#fff;box-shadow:0 13px 26px #24b96642;transform:rotate(12deg);pointer-events:none}
.oc-chat-floating-mark svg{width:30px;height:30px}
.oc-chat-bottom{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 14px;margin-top:0}
.oc-chat-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#6650ad!important;font-size:12px;font-weight:700;text-decoration:none}
.oc-chat-cta:hover,.oc-chat-cta:focus-visible{text-decoration:underline}
@media(max-width:1080px) and (min-width:851px){
  .oc-home .oc-hero .oc-chat-hero-copy h1{font-size:clamp(41px,4.65vw,58px)}
  .oc-home .oc-hero .oc-chat-hero-copy .search-btn{min-width:56px;padding:0 12px}
  .oc-home .oc-hero .oc-chat-hero-copy .search-btn span{display:none}
  .oc-chat-card{height:460px}
}
@media(max-width:850px){
  .oc-home .oc-hero .oc-chat-hero-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .oc-home .oc-hero .oc-chat-hero-copy{text-align:center}
  .oc-home .oc-hero .oc-chat-hero-copy .oc-trustline{justify-content:center}
  .oc-home .oc-hero .oc-chat-hero-copy h1{margin-inline:auto}
  .oc-home .oc-hero .oc-chat-hero-copy .oc-subtitle{margin-inline:auto;margin-bottom:24px}
  .oc-home .oc-hero .oc-chat-hero-copy .search-container{margin:auto}
  .oc-home .oc-hero .oc-chat-hero-copy .oc-popular{justify-content:center}
  .oc-chat-stage{max-width:462px;justify-self:center;margin-inline:auto}
}
@media(max-width:500px){
  .oc-home .oc-hero{padding:46px 0 38px}
  .oc-home .oc-hero .oc-chat-hero-copy h1{font-size:clamp(36px,9vw,49px);line-height:1.09;letter-spacing:-.044em}
  .oc-chat-stage{max-width:410px}
  .oc-chat-scene{padding:23px 8px 29px}
  .oc-chat-card{height:426px;border-radius:21px;animation-duration:10s}
  .oc-chat-topbar{height:65px;padding:9px 12px;gap:8px}
  .oc-chat-avatar{width:39px;height:39px}
  .oc-chat-thread{padding:14px 12px}
  .oc-chat-bubble{font-size:11px;max-width:80%}
  .oc-chat-floating-mark{width:43px;height:43px;border-radius:15px}
  .oc-chat-floating-mark svg{width:26px;height:26px}
  .oc-chat-bottom{padding:0 8px}
}
@media(prefers-reduced-motion:reduce){
  .oc-chat-card,.oc-chat-row,.oc-chat-typing-dots i{animation:none!important}
  .oc-chat-card{transform:none!important;will-change:auto}
  .oc-chat-card,.oc-chat-cta{transition:none!important}
  .oc-chat-thread{scroll-behavior:auto}
}

.oc-home .oc-chat-card {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.oc-home .oc-chat-card .oc-chat-identity strong { font-size: 14.5px; font-weight: 650; letter-spacing: -.2px; color: var(--ink); }
.oc-home .oc-chat-card .oc-chat-identity span { font-size: 11px; color: #667781; }
.oc-home .oc-chat-card .oc-chat-message-text { font-size: 13.25px; line-height: 1.43; letter-spacing: -.1px; color: var(--ink); }
.oc-home .oc-chat-card .oc-chat-bubble { font-size: 13.25px; line-height: 1.43; padding: 11px 12px 8px; border-radius: 12px; }
.oc-home .oc-chat-card .oc-chat-row--client .oc-chat-bubble { background-color: #d9fdd3; border-top-right-radius: 4px; }
.oc-home .oc-chat-card .oc-chat-row--chef .oc-chat-bubble { background-color: #ffffff; border-top-left-radius: 4px; }
.oc-home .oc-chat-card .oc-chat-meta { font-size: 9.5px; color:#7d8b8f; }
.oc-home .oc-chat-card .oc-chat-topbar { min-height: 72px; background:#fff; }
.oc-home .oc-chat-card .oc-chat-brand { width: 31px; height: 31px; flex: 0 0 31px; overflow: visible; color: #20bd67; }
.oc-home .oc-chat-card .oc-chat-brand svg { display:block; width: 25px; height:25px; fill:currentColor; overflow:visible; }
.oc-home .oc-chat-floating-mark { width:48px; height:48px; right:3px; bottom:6px; border:0; border-radius:50%; transform:none; background:#20c568; color:#fff; box-shadow:0 10px 22px rgba(9,123,66,.2); }
.oc-home .oc-chat-floating-mark svg { display:block; width:27px; height:27px; fill:currentColor; overflow:visible; }
.oc-home .oc-chat-card .oc-chat-top-actions { display:flex; flex-direction:column; gap:3px; justify-content:center; min-width:16px; }
.oc-home .oc-chat-card .oc-chat-top-actions span { width:3px; height:3px; flex-shrink:0; background:#7e8b91; }
.oc-home .oc-chat-card .oc-chat-typing { padding:10px 14px; border-radius:13px 13px 13px 4px; min-width:75px; box-shadow:0 1px 3px rgba(0,0,0,.045); }
.oc-home .oc-chat-card .oc-chat-typing-dots { height:15px; gap:5px; }
.oc-home .oc-chat-card .oc-chat-typing-dots i { width:6px; height:6px; background:#98aaa2; }
.oc-home .oc-chat-card .oc-chat-typing small { color:#657a72; font-size:9px; margin-top:2px; }
@media(max-width:500px) {
  .oc-home .oc-chat-card .oc-chat-message-text, .oc-home .oc-chat-card .oc-chat-bubble { font-size:12.3px; }
  .oc-home .oc-chat-floating-mark { width:43px; height:43px; }
  .oc-home .oc-chat-card .oc-chat-brand { flex-basis:26px; width:26px; }
  .oc-home .oc-chat-card .oc-chat-brand svg { width:22px; height:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .oc-home .oc-chat-card .oc-chat-typing-dots i { animation:none!important; }
}


.oc-home .oc-hero {
  position: relative;
  isolation: isolate;
  background: #fff;
}
.oc-home .oc-hero > .oc-chat-hero-layout {
  position: relative;
  z-index: 1;
}
.oc-home .oc-hero .oc-chat-hero-copy { z-index: 3; }
.oc-home .oc-hero .oc-chat-stage { z-index: 2; }

.oc-home .oc-chat-card {
  opacity: 1;
}



.oc-home .oc-chat-card .oc-chat-topbar{
  display:flex;align-items:center;justify-content:flex-start;gap:9px;
  height:76px;min-height:76px;padding:12px 13px;background:#f8f7f3;
  border-bottom:1px solid rgba(16,23,26,.075);
}
.oc-home .oc-chat-card .oc-chat-back{
  display:inline-flex;align-items:center;gap:0;flex:0 0 40px;
  height:38px;color:var(--ink);white-space:nowrap;font-size:13px;font-weight:500;
}
.oc-home .oc-chat-card .oc-chat-back svg{
  width:26px;height:26px;display:block;overflow:visible;flex:0 0 auto;
}
.oc-home .oc-chat-card .oc-chat-avatar{
  width:41px;height:41px;flex:0 0 41px;font-size:13px;
  background:linear-gradient(140deg,#e8dece,#c7b59f);
}
.oc-home .oc-chat-card .oc-chat-identity{
  min-width:0;flex:1 1 auto;gap:3px;
}
.oc-home .oc-chat-card .oc-chat-identity strong{
  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
  font-size:14px;line-height:1.18;font-weight:680;color:var(--ink);
}
.oc-home .oc-chat-card .oc-chat-identity span{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:10.5px;line-height:1.2;color:#717a80;
}
.oc-home .oc-chat-card .oc-chat-call-actions{
  display:flex;flex:0 0 auto;align-items:center;gap:10px;
  margin-left:auto;color:var(--ink);
}
.oc-home .oc-chat-card .oc-chat-video,.oc-home .oc-chat-card .oc-chat-phone{
  display:grid;place-items:center;width:24px;height:30px;flex:0 0 24px;
}
.oc-home .oc-chat-card .oc-chat-call-actions svg{
  display:block;width:24px;height:24px;overflow:visible;
}
.oc-home .oc-chat-card .oc-chat-typing{
  min-width:64px;padding:11px 14px;border-radius:14px 14px 14px 4px;
  background:#fff;
}
.oc-home .oc-chat-card .oc-chat-typing-dots{
  display:flex;align-items:center;justify-content:center;gap:5px;height:16px;
}
.oc-home .oc-chat-card .oc-chat-typing-dots i{
  width:6px;height:6px;background:#9299a2;
}
.oc-home .oc-chat-floating-mark{right:3px;bottom:6px;}
@media(max-width:500px){
  .oc-home .oc-chat-card .oc-chat-topbar{gap:6px;min-height:65px;height:65px;padding:9px 10px;}
  .oc-home .oc-chat-card .oc-chat-back{flex-basis:31px;font-size:11px;}
  .oc-home .oc-chat-card .oc-chat-back svg{width:20px;height:20px;}
  .oc-home .oc-chat-card .oc-chat-avatar{width:33px;height:33px;flex-basis:33px;font-size:11px;}
  .oc-home .oc-chat-card .oc-chat-identity strong{font-size:12px;}
  .oc-home .oc-chat-card .oc-chat-identity span{font-size:9px;}
  .oc-home .oc-chat-card .oc-chat-call-actions{gap:5px;}
  .oc-home .oc-chat-card .oc-chat-video,.oc-home .oc-chat-card .oc-chat-phone{width:20px;height:26px;flex-basis:20px;}
  .oc-home .oc-chat-card .oc-chat-call-actions svg{width:19px;height:19px;}
}
@media(prefers-reduced-motion:reduce){
}


.oc-home .oc-chat-card .oc-chat-avatar { overflow:visible; background:#ddd0be; border-radius:50%; }
.oc-home .oc-chat-card .oc-chat-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.oc-home .oc-chat-card .oc-chat-online { z-index:1; }

.oc-home .oc-chat-floating-mark { display:none !important; }
@media(max-width:500px){
 .oc-home .oc-chat-card .oc-chat-thread{background-size:300px auto;}
}
@media(max-width:500px){
}
@media(prefers-reduced-motion:reduce){
}

/* One composer state owns the camera slot, field width and action glyph. */
.oc-chat-card {
  --chat-green:#18b868; --chat-ink:var(--ink); --chat-chrome:#f7f7f2;
  --chat-field:#fff; --chat-border:#d3d4d0; --chat-paper:#f2f0e7;
  --chat-sent:#d9fdd3; --chat-time:#7d8b8f; --chat-read:#40a8d5;
  --chat-motion:200ms cubic-bezier(.22,.72,.24,1);
}
.oc-home .oc-chat-card .oc-chat-composer {
  display:flex;align-items:flex-end;flex-shrink:0;gap:0;
  height:auto;min-height:56px;padding:9px 10px;box-sizing:border-box;
  background:var(--chat-chrome);border-top:1px solid #e5e5df;
}
.oc-chat-composer svg {display:block;flex-shrink:0}
.oc-chat-plus {display:grid;place-items:center;flex:0 0 29px;height:34px;margin-right:6px;color:var(--chat-ink)}
.oc-chat-plus svg {width:24px;height:24px}
.oc-chat-compose-frame {position:relative;flex:1;min-width:0;height:34px;min-height:34px;max-height:110px;overflow:hidden;box-sizing:border-box;border:1px solid var(--chat-border);border-radius:18px;background:var(--chat-field);transition:height var(--chat-motion)}
.oc-chat-compose-text {display:block;box-sizing:border-box;width:100%;height:auto;min-height:32px;max-height:108px;padding:6px 30px 6px 11px;font:13px/20px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--chat-ink);white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;scrollbar-width:none}
.oc-chat-compose-text::-webkit-scrollbar {display:none}
.oc-chat-compose-text::after {content:"";display:inline-block;width:1px;height:14px;vertical-align:-2px;background:var(--chat-green)}
.oc-chat-sticker {position:absolute;right:8px;bottom:7px;width:18px;height:18px;color:var(--chat-ink);pointer-events:none}
.oc-chat-sticker svg {width:100%;height:100%}
.oc-chat-camera {display:grid;place-items:center;flex:0 0 28px;width:28px;height:34px;margin-left:6px;overflow:hidden;opacity:1;color:var(--chat-ink);transition:flex-basis var(--chat-motion),width var(--chat-motion),margin-left var(--chat-motion),opacity var(--chat-motion)}
.oc-chat-camera svg {width:23px;height:23px}
.oc-chat-composer.is-writing .oc-chat-camera {flex-basis:0;width:0;margin-left:0;opacity:0}
.oc-chat-action {position:relative;display:block;flex:0 0 34px;width:34px;height:34px;margin-left:6px;border-radius:50%;background:var(--chat-green);color:#fff;overflow:hidden}
.oc-chat-mic,.oc-chat-send {position:absolute;inset:0;display:grid;place-items:center;color:#fff;transition:opacity var(--chat-motion),transform var(--chat-motion)}
.oc-chat-mic svg {width:19px;height:19px}
.oc-chat-send svg {width:23px;height:23px}
.oc-chat-mic {opacity:1;transform:scale(1)}
.oc-chat-send {opacity:0;transform:scale(.75)}
.oc-chat-composer.is-writing .oc-chat-mic {opacity:0;transform:scale(.75)}
.oc-chat-composer.is-writing .oc-chat-send {opacity:1;transform:scale(1)}
.oc-home .oc-chat-card .oc-chat-thread {background-color:var(--chat-paper);background-image:var(--chat-wallpaper);background-size:240px 240px;transition:opacity .28s ease}
.oc-home .oc-chat-card .oc-chat-bubble {padding:8px 10px 6px;gap:2px;max-width:78%;min-width:0}
.oc-home .oc-chat-card .oc-chat-row--client .oc-chat-bubble {background:var(--chat-sent)}
.oc-home .oc-chat-card .oc-chat-meta {color:var(--chat-time)}
.oc-home .oc-chat-card .is-read .oc-chat-meta svg {color:var(--chat-read)}
.oc-home .oc-chat-card .oc-chat-topbar {background:var(--chat-chrome)}
.oc-chat-card.is-paused,.oc-chat-card.is-paused * {animation-play-state:paused!important}
@media(max-width:500px){
  .oc-home .oc-chat-card .oc-chat-composer {padding:8px}
  .oc-chat-plus {flex-basis:25px;margin-right:5px}
  .oc-chat-action {flex-basis:32px;width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .oc-chat-card *, .oc-chat-card *::after {transition:none!important;animation:none!important}
  .oc-chat-compose-text::after {display:none}
}

.oc-chat-card {--chat-green:#1bab65;--chat-paper:#f4f0ea;--chat-wallpaper:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22280%22%20height%3D%22280%22%20viewBox%3D%220%200%20280%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9cbbb%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%22.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20transform%3D%22translate%283%204%29%20rotate%287%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%2010C-3%201%208-2%2010%204C14-3%2023%202%2020%209L10%2020Z%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2841%201%29%20rotate%28-40%2012%2012%29%20scale%281.3%29%22%20d%3D%22M1%209q9-14%2020%200q-11%2014-20%200Zm8-3v6m4-6v6%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2884%203%29%20rotate%2837%2012%2012%29%20scale%281.1%29%22%20d%3D%22M10%203q-8-7-9%201q-1%207%209%207q-8%208-2%2010q7%201%206-10q11%202%208-6q-3-7-12-2Z%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28122%204%29%20rotate%2838%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%205h19v12H2ZM4%205l8%207%209-7%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28160%205%29%20rotate%288%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%208h18v13H2ZM5%208l2-4h7l2%204M15%2014a4%204%200%201%200-8%200a4%204%200%201%200%208%200%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28205%203%29%20rotate%2814%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2014q7-9%2020%200l-2%207H3ZM5%2010q0-8%206-8q6%200%206%208M10%205h2%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28241%201%29%20rotate%28-34%2012%2012%29%20scale%281.1%29%22%20d%3D%22M3%209h14v9Q10%2024%203%2018ZM17%2010h4q5%207-4%207M6%205q-2-3%200-5m5%205q-2-3%200-5%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%2230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%2237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%281%2044%29%20rotate%2835%2012%2012%29%20scale%281.1%29%22%20d%3D%22M10%201a9%209%200%201%200%200%2018a9%209%200%201%200%200-18Zm0%204a4%204%200%201%200%200%208a4%204%200%201%200%200-8%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2846%2045%29%20rotate%289%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%207q-4-7%203-7q6%200%205%208q0-8%207-8q7%201%202%207ZM10%207v15M1%208h20v14H1%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2880%2042%29%20rotate%28-14%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%2017Q0%203%2018%201Q22%2017%202%2017ZM2%2017L15%205%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28121%2045%29%20rotate%2813%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%2020V9l9-8%209%208v11H2Zm6%200v-8h6v8%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28166%2042%29%20rotate%28-14%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%201h17v20H2ZM6%205h9m-9%205h3m3%200h3m-9%205h3m3%200h3%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28202%2042%29%20rotate%28-35%2012%2012%29%20scale%281.1%29%22%20d%3D%22M3%203h17v13H10l-5%205v-5H3ZM7%208h9m-9%204h6%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28245%2040%29%20rotate%2812%2012%2012%29%20scale%281.1%29%22%20d%3D%22M3%203q8-6%2016%200v16q-8%206-16%200ZM3%207h16M8%202v19m6-19v19%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%2270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%2277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%283%2086%29%20rotate%2822%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2010q1-8%208-8q7-5%2012%203q4%207-2%2014q-10%206-18-9ZM5%206h1m5%200h1m4%205h1m-9%202h1%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2840%2081%29%20rotate%2814%2012%2012%29%20scale%281.4%29%22%20d%3D%22M10%201l3%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1Z%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2886%2080%29%20rotate%2836%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2010q10-16%2020%200ZM11%2010v9q0%206-5%202M7%2010q0-8%204-8q4%200%204%208%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28120%2086%29%20rotate%2834%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%2019q-1-17%2018-18q0%2018-18%2018ZM4%2017L17%204m-9%208V7m4%201h5%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28166%2081%29%20rotate%282%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%2017l8-15%209%2016ZM8%208h5m-8%205h11%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28200%2081%29%20rotate%2829%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%202q17-3%2018%2016l-6%203-2-8-8-3Z%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28244%2080%29%20rotate%2833%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%2010C-3%201%208-2%2010%204C14-3%2023%202%2020%209L10%2020Z%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%22110%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%22117%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%284%20121%29%20rotate%2813%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%209q9-14%2020%200q-11%2014-20%200Zm8-3v6m4-6v6%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2843%20121%29%20rotate%28-29%2012%2012%29%20scale%281.4%29%22%20d%3D%22M10%203q-8-7-9%201q-1%207%209%207q-8%208-2%2010q7%201%206-10q11%202%208-6q-3-7-12-2Z%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2884%20121%29%20rotate%28-18%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%205h19v12H2ZM4%205l8%207%209-7%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28125%20120%29%20rotate%28-34%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%208h18v13H2ZM5%208l2-4h7l2%204M15%2014a4%204%200%201%200-8%200a4%204%200%201%200%208%200%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28164%20125%29%20rotate%2837%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2014q7-9%2020%200l-2%207H3ZM5%2010q0-8%206-8q6%200%206%208M10%205h2%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28205%20122%29%20rotate%2833%2012%2012%29%20scale%281.1%29%22%20d%3D%22M3%209h14v9Q10%2024%203%2018ZM17%2010h4q5%207-4%207M6%205q-2-3%200-5m5%205q-2-3%200-5%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28240%20126%29%20rotate%2811%2012%2012%29%20scale%281.1%29%22%20d%3D%22M10%201a9%209%200%201%200%200%2018a9%209%200%201%200%200-18Zm0%204a4%204%200%201%200%200%208a4%204%200%201%200%200-8%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%22150%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%22157%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%281%20164%29%20rotate%2824%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%207q-4-7%203-7q6%200%205%208q0-8%207-8q7%201%202%207ZM10%207v15M1%208h20v14H1%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2845%20162%29%20rotate%2826%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%2017Q0%203%2018%201Q22%2017%202%2017ZM2%2017L15%205%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2884%20166%29%20rotate%28-29%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%2020V9l9-8%209%208v11H2Zm6%200v-8h6v8%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28120%20166%29%20rotate%2834%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%201h17v20H2ZM6%205h9m-9%205h3m3%200h3m-9%205h3m3%200h3%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28163%20161%29%20rotate%2811%2012%2012%29%20scale%281.1%29%22%20d%3D%22M3%203h17v13H10l-5%205v-5H3ZM7%208h9m-9%204h6%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28204%20165%29%20rotate%28-38%2012%2012%29%20scale%281.3%29%22%20d%3D%22M3%203q8-6%2016%200v16q-8%206-16%200ZM3%207h16M8%202v19m6-19v19%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28246%20164%29%20rotate%282%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2010q1-8%208-8q7-5%2012%203q4%207-2%2014q-10%206-18-9ZM5%206h1m5%200h1m4%205h1m-9%202h1%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%22190%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%22197%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%283%20200%29%20rotate%28-13%2012%2012%29%20scale%281.1%29%22%20d%3D%22M10%201l3%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1Z%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2843%20202%29%20rotate%281%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2010q10-16%2020%200ZM11%2010v9q0%206-5%202M7%2010q0-8%204-8q4%200%204%208%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2882%20205%29%20rotate%28-4%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%2019q-1-17%2018-18q0%2018-18%2018ZM4%2017L17%204m-9%208V7m4%201h5%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28124%20206%29%20rotate%28-33%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%2017l8-15%209%2016ZM8%208h5m-8%205h11%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28163%20206%29%20rotate%2831%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%202q17-3%2018%2016l-6%203-2-8-8-3Z%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28203%20202%29%20rotate%28-9%2012%2012%29%20scale%281.4%29%22%20d%3D%22M2%2010C-3%201%208-2%2010%204C14-3%2023%202%2020%209L10%2020Z%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28245%20200%29%20rotate%2814%2012%2012%29%20scale%281.4%29%22%20d%3D%22M1%209q9-14%2020%200q-11%2014-20%200Zm8-3v6m4-6v6%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%22230%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%22237%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%281%20240%29%20rotate%2811%2012%2012%29%20scale%281.4%29%22%20d%3D%22M10%203q-8-7-9%201q-1%207%209%207q-8%208-2%2010q7%201%206-10q11%202%208-6q-3-7-12-2Z%22/%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2842%20246%29%20rotate%2831%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%205h19v12H2ZM4%205l8%207%209-7%22/%3E%3Ccircle%20cx%3D%2275%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%2881%20245%29%20rotate%28-3%2012%2012%29%20scale%281.1%29%22%20d%3D%22M2%208h18v13H2ZM5%208l2-4h7l2%204M15%2014a4%204%200%201%200-8%200a4%204%200%201%200%208%200%22/%3E%3Ccircle%20cx%3D%22115%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28125%20246%29%20rotate%28-7%2012%2012%29%20scale%281.1%29%22%20d%3D%22M1%2014q7-9%2020%200l-2%207H3ZM5%2010q0-8%206-8q6%200%206%208M10%205h2%22/%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28160%20246%29%20rotate%28-18%2012%2012%29%20scale%281.3%29%22%20d%3D%22M3%209h14v9Q10%2024%203%2018ZM17%2010h4q5%207-4%207M6%205q-2-3%200-5m5%205q-2-3%200-5%22/%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22178%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28201%20240%29%20rotate%2837%2012%2012%29%20scale%281.1%29%22%20d%3D%22M10%201a9%209%200%201%200%200%2018a9%209%200%201%200%200-18Zm0%204a4%204%200%201%200%200%208a4%204%200%201%200%200-8%22/%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22218%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3Cpath%20transform%3D%22translate%28240%20240%29%20rotate%28-33%2012%2012%29%20scale%281.3%29%22%20d%3D%22M2%207q-4-7%203-7q6%200%205%208q0-8%207-8q7%201%202%207ZM10%207v15M1%208h20v14H1%22/%3E%3Ccircle%20cx%3D%22275%22%20cy%3D%22270%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%22277%22%20r%3D%221%22/%3E%3C/g%3E%3C/svg%3E")}

.oc-home .oc-chat-card .oc-chat-topbar {gap:7px;padding-inline:10px}
.oc-chat-contact {display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:4px;border-radius:30px;background:#fffffa}
.oc-home .oc-chat-card .oc-chat-back {justify-content:center;padding:6px 4px;border-radius:24px;background:#fffffa}
.oc-home .oc-chat-card .oc-chat-call-actions {padding:10px 9px;border-radius:30px;background:#fffffa;gap:12px}
.oc-home .oc-chat-card .oc-chat-identity strong {overflow:hidden;text-overflow:ellipsis}
@media(max-width:500px){.oc-home .oc-chat-card .oc-chat-call-actions{gap:8px;padding:8px}.oc-home .oc-chat-card .oc-chat-identity strong{font-size:11px}.oc-chat-contact{gap:5px}}


/* Refined OtterChef hero balance: keep established palette and typography. */
@media (min-width: 851px) {
  .oc-home .oc-hero {
    padding-bottom: clamp(22px, 2.6vw, 36px);
  }
  .oc-home .oc-hero .oc-chat-hero-copy {
    transform: translateY(-23px);
  }
  .oc-home .oc-chat-scene {
    padding-bottom: 14px;
  }
  .oc-home .oc-chat-bottom {
    padding-right: 12px;
    margin-top: -2px;
  }
}
/* Clean navigation and spacing inside the simulated chat header. */
.oc-home .oc-chat-card .oc-chat-topbar {
  gap: 9px;
  padding-inline: 12px;
}
.oc-home .oc-chat-card .oc-chat-back {
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  padding: 5px;
  justify-content: center;
}
.oc-home .oc-chat-card .oc-chat-back svg {
  width: 22px;
  height: 22px;
}
.oc-home .oc-chat-card .oc-chat-contact {
  gap: 9px;
  padding: 4px 7px;
}
.oc-home .oc-chat-card .oc-chat-call-actions {
  gap: 10px;
  padding: 9px 10px;
}
@media (max-width: 500px) {
  .oc-home .oc-chat-card .oc-chat-topbar {
    gap: 6px;
    padding-inline: 9px;
  }
  .oc-home .oc-chat-card .oc-chat-back {
    flex-basis: 30px;
    width: 30px;
    height: 32px;
  }
  .oc-home .oc-chat-card .oc-chat-back svg {
    width: 20px;
    height: 20px;
  }
  .oc-home .oc-chat-card .oc-chat-contact {
    gap: 5px;
    padding: 4px;
  }
  .oc-home .oc-chat-card .oc-chat-call-actions {
    gap: 8px;
    padding: 8px;
  }
}


/* Link the chef-directory CTA visually to the chat, without new explanatory labels. */
.oc-home .oc-chat-bottom {
  padding-right: 8px;
}
.oc-home .oc-chat-cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 7px 6px 13px;
  border: 1px solid rgba(113, 82, 224, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 5px 18px rgba(36, 27, 42, .045);
  color: var(--otterchef-violet) !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.oc-home .oc-chat-cta > span:last-child {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: rgba(113, 82, 224, .10);
  font-size: 14px;
  font-weight: 600;
}
.oc-home .oc-chat-cta:hover,
.oc-home .oc-chat-cta:focus-visible {
  background: #fff;
  border-color: rgba(113, 82, 224, .3);
  box-shadow: 0 7px 22px rgba(36, 27, 42, .075);
  text-decoration: none;
}
@media (min-width: 851px) {
  .oc-home .oc-chat-bottom {
    margin-top: -9px;
  }
}
@media (max-width: 850px) {
  .oc-home .oc-chat-bottom {
    margin-top: -6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-home .oc-chat-cta {
    transition: none;
  }
}


/* Make the homepage chat call to action comfortable to tap on phones. */
@media (max-width: 850px) {
  .oc-home .oc-chat-cta {
    min-height: 44px;
    padding-inline: 14px 8px;
    font-size: 14px;
  }
  .oc-home .oc-chat-cta > span:last-child {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 500px) {
  .oc-chat-stage {
    width: 100%;
  }
  .oc-chat-scene {
    width: 100%;
  }
  .oc-chat-card {
    width: 100%;
  }
}

/* Decorative WhatsApp emblem shares the chat card's exact floating transform. */
.oc-home .oc-chat-float-group {
  position:relative;
  width:100%;
  animation:oc-chat-float 8s ease-in-out infinite;
  will-change:transform;
  transform-style:preserve-3d;
}
.oc-home .oc-chat-float-group > .oc-chat-card {
  animation:none;
  transform:none;
  will-change:auto;
}
.oc-home .oc-chat-wa-badge {
  position:absolute;
  top:-15px;
  right:-12px;
  width:64px;
  height:64px;
  z-index:5;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  transform:rotate(9deg) translateZ(12px);
  filter:drop-shadow(0 13px 16px rgba(16,113,60,.21));
}
.oc-home .oc-chat-wa-badge-face {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  color:#fff;
  background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.48),transparent 42%),linear-gradient(145deg,#47f481 0%,#17d45c 43%,#0ea749 100%);
  border:1px solid rgba(255,255,255,.46);
  box-shadow:inset 0 2px 3px rgba(255,255,255,.4),inset 0 -7px 10px rgba(0,82,31,.17),0 5px 0 #07853a,0 10px 17px rgba(8,114,53,.17);
}
.oc-home .oc-chat-wa-badge-face::before {
  content:"";
  position:absolute;
  top:6px;left:8px;
  width:31px;height:12px;
  background:rgba(255,255,255,.24);
  transform:rotate(-18deg);
  border-radius:100%;
  filter:blur(2px);
}
.oc-home .oc-chat-wa-badge-face svg {
  display:block;
  position:relative;
  z-index:1;
  width:43px;
  height:43px;
  filter:drop-shadow(0 2px 2px rgba(0,92,42,.16));
}
.oc-home .oc-chat-float-group.is-paused,
.oc-home .oc-chat-float-group.is-paused * {animation-play-state:paused!important}
@media(max-width:850px) {
  .oc-home .oc-chat-wa-badge{width:57px;height:57px;top:-12px;right:-8px}
  .oc-home .oc-chat-wa-badge-face{border-radius:18px}
  .oc-home .oc-chat-wa-badge-face svg{width:39px;height:39px}
}
@media(max-width:500px) {
  .oc-home .oc-chat-wa-badge{width:48px;height:48px;top:-8px;right:-4px}
  .oc-home .oc-chat-wa-badge-face{border-radius:15px;box-shadow:inset 0 2px 3px rgba(255,255,255,.4),inset 0 -5px 9px rgba(0,82,31,.17),0 4px 0 #07853a,0 7px 14px rgba(8,114,53,.16)}
  .oc-home .oc-chat-wa-badge-face svg{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .oc-home .oc-chat-float-group{animation:none!important;transform:none!important;will-change:auto}
}
/* Decorative 3D WhatsApp logo removed. */
.oc-home .oc-chat-wa-badge{display:none!important}

/* Single continuous background across the hero, conversation and gallery.
   A broad identical lavender plateau removes the visible section boundary
   on iPhone; only the outer edges fade gradually into white. */
.oc-home .oc-home-visual-flow {
  position: relative;
  background-color: #edebf9;
  background-image: linear-gradient(
    180deg,
    #ffffff 0%,
    #f8f7fd 12%,
    #f1eefb 23%,
    #edebf9 32%,
    #edebf9 84%,
    #f5f3fc 93%,
    #ffffff 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.oc-home .oc-home-visual-flow > .oc-hero,
.oc-home .oc-home-visual-flow > .oc-gallery,
.oc-home .oc-home-visual-flow > .oc-explain {
  position: relative;
  isolation: auto;
  background: transparent !important;
  background-image: none !important;
}
.oc-home .oc-home-visual-flow .oc-hero::before,
.oc-home .oc-home-visual-flow .oc-gallery::before,
.oc-home .oc-home-visual-flow .oc-hero::after,
.oc-home .oc-home-visual-flow .oc-gallery::after {
  content: none !important;
  display: none !important;
}
/* Visible but restrained floating motion: the whole card lifts together.
   Transform-only animation avoids layout shifts and keeps iPhone scrolling fluid. */
@keyframes oc-chat-hover-refined {
  0%, 100% { transform: translate3d(0, 7px, 0) rotateY(-1deg) rotateZ(-.25deg); }
  50% { transform: translate3d(0, -13px, 0) rotateY(-.15deg) rotateZ(.30deg); }
}
@keyframes oc-chat-hover-iphone {
  0%, 100% { transform: translate3d(0, 7px, 0) rotateZ(-.25deg); }
  50% { transform: translate3d(0, -13px, 0) rotateZ(.25deg); }
}
/* No ground shadow: a moving halo crossed the hero/gallery boundary on
   iPhone and looked like a second background colour. Only the card moves. */
.oc-home .oc-chat-scene::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
.oc-home .oc-chat-float-group {
  position: relative;
  z-index: 1;
  animation: oc-chat-hover-refined 6.6s ease-in-out infinite;
}
.oc-home .oc-chat-card {
  box-shadow:
    0 23px 55px rgba(36, 27, 42, .10),
    0 6px 18px rgba(36, 27, 42, .045),
    inset 0 1px rgba(255, 255, 255, .8);
}
@media (max-width: 850px) {
  .oc-home .oc-chat-float-group {
    animation: oc-chat-hover-iphone 6.6s ease-in-out infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-home .oc-chat-float-group {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}

/* Preserve legibility but bring the photographic section slightly sooner on iPhone. */
@media (max-width: 500px) {
  .oc-home .oc-hero { padding-bottom: 30px; }
  .oc-home .oc-chat-scene { padding-top: 19px; padding-bottom: 21px; }
  .oc-home .oc-chat-card {
    height: 407px;
    min-height: 407px;
  }
}

/* Soft local depth only; the glow must not darken the lavender space
   separating the chat widget and editorial photography as it floats. */
.oc-home .oc-chat-card {
  box-sizing: border-box;
  padding-bottom: 0;
  -webkit-mask-image: none;
  mask-image: none;
  background: #f7f7f2;
  border: 1px solid rgba(65, 58, 83, .14);
  box-shadow:
    0 3px 13px rgba(36, 27, 42, .055),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

/* The demo resets with a brief crossfade; never empty the initial viewport. */
.oc-home .oc-chat-card .oc-chat-thread.is-restarting {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .oc-home .oc-chat-card .oc-chat-thread.is-restarting {
    opacity: 1;
  }
}

/* Mobile editorial pass: a smaller, readable chat rather than a full-screen phone.
   Keep the existing suspended motion and the uniform lavender background. */
@media (max-width: 500px) {
  .oc-home .oc-chat-card {
    height: 345px;
    min-height: 345px;
  }
  .oc-home .oc-chat-card .oc-chat-topbar {
    height: 56px;
    min-height: 56px;
    padding-block: 6px;
  }
  .oc-home .oc-chat-card .oc-chat-thread {
    gap: 6px;
    padding: 8px 11px 7px;
  }
  .oc-home .oc-chat-card .oc-chat-bubble {
    padding: 7px 10px 4px;
    gap: 1px;
  }
  .oc-home .oc-chat-card .oc-chat-meta {
    margin-top: 0;
    font-size: 9px;
  }
  .oc-home .oc-chat-card .oc-chat-composer {
    min-height: 48px;
    padding: 6px 8px;
  }
}
/* Very narrow phones need the extra height for four complete messages. */
@media (max-width: 355px) {
  .oc-home .oc-chat-card {
    height: 382px;
    min-height: 382px;
  }
}