.elementor-1282 .elementor-element.elementor-element-9735952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1282 .elementor-element.elementor-element-9735952:not(.elementor-motion-effects-element-type-background), .elementor-1282 .elementor-element.elementor-element-9735952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://roestyd.com/wp-content/uploads/2026/08/tengyart-SYtyoEuhPuk-unsplash-1.jpg");background-repeat:no-repeat;background-size:auto;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1282 .elementor-element.elementor-element-4c0ccd7 .elementor-button{background-color:#B5BDB6D6;fill:#1A1919;color:#1A1919;}.elementor-1282 .elementor-element.elementor-element-4c0ccd7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:1025px){.elementor-1282 .elementor-element.elementor-element-9735952:not(.elementor-motion-effects-element-type-background), .elementor-1282 .elementor-element.elementor-element-9735952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-bf1e883 */@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap');

.roestyd-menu {
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  color: #222;
  max-width: 920px;
  margin: 28px auto;
  padding: 28px;
  background: rgba(255,255,255,0.94); /* ✅ white background */
  border-radius: 8px;                 /* ✅ rounded corners */
  box-shadow: 0 12px 30px rgba(0,0,0,0.06); /* ✅ shadow */
  line-height: 1.45;
}

/* Header */
.menu-header { text-align: center; margin-bottom: 18px; }
.menu-header h1 {
  font-weight: 700;
  font-size: 34px;
  color: #8B5A2B;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.menu-header .tag { font-weight: 600; margin-top: 6px; color:#6a5a4a; }

/* Section headers */
.section-header { text-align: center; margin-bottom: 14px; }
.section-title {
  font-weight: 700;
  font-size: 28px;
  color: #8B5A2B;
  margin: 0 0 6px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.section-sub {
  font-size: 16px;
  color: #6a5a4a;
  font-weight: 600;
  margin: 4px 0;
}

/* Grid layout */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 28px;
  align-items: start;
}
.col { display:flex; flex-direction:column; gap:8px; }

/* Items */
.item {
  display: grid;
  grid-template-columns: 1fr 84px;
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0,0,0,0.06);
}
.item-left { min-width:0; }
.item-name {
  margin: 0;
  font-weight: 600;
  font-size: 15.5px;
  color: #6f4f36;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.item-desc {
  margin: 6px 0 0;
  color: #b84b2a;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
}
.item-price {
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  color: #222;
  padding-top: 2px;
}

/* Add-ons / desserts */
.addon-title {
  display:block;
  margin-top:18px;
  font-weight:700;
  font-size:16px;
  color:#8B5A2B;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:0.6px;
}
.addons-list {
  color:#5b4a3f;
  font-size:15px;
  margin-top:8px;
  text-align:center;
}

/* Responsive */
@media (max-width:760px) {
  .grid-2 { grid-template-columns: 1fr !important; }
  .item { grid-template-columns: 1fr 64px !important; }
  .section-title { font-size:24px !important; }
  .item-desc { font-size:15px !important; line-height:1.45 !important; }
  .menu-header h1 { font-size:28px !important; }
}/* End custom CSS */