#fw-section-hero-1761064248 {
--color-primary: #e11212;
--color-primary-rgb: 225, 18, 18;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-custom-html-84b4dd8f-06d6-4c8c-b5da-090578119bf4 {

.hoi-ramen{
  --ramen-red:#e11d2e;
  --ramen-red-hover:#b71a25;
  --text:#1a1a1a;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#f8f8f8;
  --radius:18px;
}

.hoi-ramen *{box-sizing:border-box}
.hoi-ramen{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);}

.hoi-ramen .container{
  max-width:1100px;
  margin:0 auto;
  padding:24px clamp(16px,3vw,28px);
}

.hoi-ramen h2{
  margin:0 0 12px 0;
  font-size:clamp(1.4rem,3vw,1.8rem);
  font-weight:800;
  letter-spacing:-0.01em;
}

.hoi-ramen p{margin:0 0 10px 0}

.hoi-ramen .section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:32px;
}
@media(max-width:800px){.hoi-ramen .section{grid-template-columns:1fr}}

.hoi-ramen .card{
  background:var(--card);
  border-radius:var(--radius);
  padding:20px clamp(16px,2.5vw,24px);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.hoi-ramen .hours-list{
  display:grid;
  gap:10px;
  padding:0;
  margin:12px 0 0 0;
  list-style:none;
}
.hoi-ramen .hours-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.hoi-ramen .hours-row:last-child{border-bottom:none}
.hoi-ramen .day{font-weight:600}
.hoi-ramen .time{color:var(--text)}
.hoi-ramen .note{margin-top:14px;color:var(--muted);font-size:.95rem}

.hoi-ramen .cta{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* Sørger for at tema ikke overstyrer knappene */
.hoi-ramen a.call-button{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.85rem 1.15rem;
  border-radius:9999px;
  background:var(--ramen-red)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:0 10px 22px rgba(225,29,46,.25);
  transform:translateZ(0);
  transition:background-color 120ms ease,transform 120ms ease,box-shadow 120ms ease;
}
.hoi-ramen a.call-button:hover,
.hoi-ramen a.call-button:focus-visible{
  background:var(--ramen-red-hover)!important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(183,26,37,.28);
  outline:2px solid #ffffff;
  outline-offset:2px;
}
.hoi-ramen a.call-button:active{
  transform:translateY(0);
  box-shadow:0 6px 16px rgba(183,26,37,.22);
}
.hoi-ramen .call-button .icon{width:1.1em;height:1.1em;fill:currentColor;flex:0 0 auto}
.hoi-ramen .subtext{color:var(--muted);font-size:.95rem}
.hoi-ramen .eyebrow{
  text-transform:uppercase;
  font-size:.8rem;
  letter-spacing:.12em;
  color:var(--muted);
  margin-bottom:6px;
  font-weight:700;
}

/* --- Meny --- */
.hoi-ramen .menu-section{margin-bottom:60px;}
.hoi-ramen .menu-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
@media(max-width:700px){.hoi-ramen .menu-grid{grid-template-columns:1fr}}
.hoi-ramen .menu-item{
  background:var(--card);
  border-radius:var(--radius);
  padding:20px clamp(16px,2.5vw,24px);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hoi-ramen .menu-item h3{
  margin:0 0 8px 0;
  font-size:1.2rem;
}
.hoi-ramen .menu-item p{color:var(--muted);margin:0 0 12px 0}
.hoi-ramen .price{
  font-weight:700;
  color:var(--ramen-red);
  font-size:1.1rem;
}

/* --- Tillegg --- */
.hoi-ramen .extras{margin-top:36px;}
.hoi-ramen .extras h3{margin-bottom:8px;font-size:1.2rem;font-weight:700;}
.hoi-ramen .extras-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.hoi-ramen .extras-list li{
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.06);
  padding:8px 0;
}
.hoi-ramen .extras-list span:first-child{font-weight:500}
.hoi-ramen .extras-list span:last-child{color:var(--ramen-red);font-weight:600}

}