/* 06-INTEGRACOES-COMERCIAIS/01-thefork-restaurantes.png. */
.restaurant-surface .product-head .wordmark{width:58px}.restaurant-surface .product-head .brand h1{font-size:14px;font-weight:400;border-left:1px solid var(--io-text);padding-left:10px;letter-spacing:-.03em}
.product-ready .restaurant-surface .product-head{min-height:53px;padding-block:4px}
.restaurant-surface .product-head .account-icon{position:relative;border:0;background:transparent}.restaurant-surface .product-head .account-icon::before{content:'';position:absolute;width:27px;height:27px;border:1px solid var(--io-nav-active);border-radius:50%}.restaurant-surface .product-head .account-icon .design-icon{width:17px;height:17px}
.restaurant-surface .area-scroll{padding:3px 16px 20px}.restaurant-surface .area-dock{padding-inline:16px}
.restaurant-surface .restaurant-answer{width:fit-content;max-width:85%;margin:10px 0 10px auto;padding:9px 14px;border-radius:16px;background:linear-gradient(110deg,#f5e4c2,#f5e2bd);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.restaurant-message{display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:start;margin:10px 0 6px}
.restaurant-mascot{width:39px;height:43px;object-fit:contain;flex:none}.restaurant-message>p{width:fit-content;background:#fffc;border:1px solid var(--io-border);border-radius:6px 14px 14px 14px;padding:9px 11px;font-size:13px;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}
.restaurant-choices{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px 48px}.restaurant-surface .restaurant-choices button{min-height:44px;padding:7px 12px;border:1px solid var(--io-border);border-radius:99px;background:transparent;color:var(--io-text);font-size:12px;line-height:1.3;cursor:pointer}.restaurant-choices button[aria-pressed=true]{background:#fff0d6;border-color:#d3aa63}
.restaurant-surface .restaurant-notice{font-size:12px;line-height:1.5;color:var(--io-text-secondary);padding:8px 12px;margin:8px 0;background:#fff3e0;border-radius:10px}
.restaurant-partner{padding:12px;margin:8px 17px 0;border:1px solid var(--io-border);border-radius:19px;background:#ffffffb3;box-shadow:0 4px 12px #42300e0c}
.restaurant-surface .restaurant-eyebrow,.restaurant-dialog .restaurant-eyebrow{font-size:9px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--io-nav-active);margin:0 0 4px}
.restaurant-surface .restaurant-partner-name{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.03em;color:#155e3d;margin:0 0 2px}
.restaurant-surface .restaurant-partner h2{font-size:16px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 9px}
.restaurant-results{display:grid;gap:7px}
.restaurant-result{display:grid;grid-template-columns:106px minmax(0,1fr) 72px;align-items:center;gap:8px;padding:0;border:1px solid #eee6da;border-radius:12px;min-height:71px;overflow:hidden}
.restaurant-result>img{width:106px;height:64px;object-fit:cover;border-radius:10px;align-self:stretch;margin:auto 0}
.restaurant-result-copy{min-width:0;padding-block:6px}.restaurant-surface .restaurant-result-copy h3{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.03em;margin:0 0 4px;overflow-wrap:anywhere}
.restaurant-result-copy>p{font-size:10px;line-height:1.4;color:var(--io-text-secondary);margin:0 0 4px;overflow-wrap:anywhere}.restaurant-result-copy>p svg{width:10px;height:10px;color:#155e3d;vertical-align:baseline}
.restaurant-badges{display:flex;gap:4px;flex-wrap:wrap}.restaurant-badges span{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;font-size:9px;line-height:1.2;white-space:nowrap;border:1px solid var(--io-border);border-radius:99px;background:#faf7f1}.restaurant-badges svg{width:11px;height:11px;flex:none}
.restaurant-surface .restaurant-reserve{min-height:44px;display:block;margin-right:5px;padding:7px 4px;background:#155e3d;color:white;border:1px solid #155e3d;border-radius:12px;font-size:10px;font-weight:500;line-height:1.4;cursor:pointer}.restaurant-reserve svg{width:12px;height:12px;vertical-align:middle}
.restaurant-reason{display:flex;align-items:center;gap:10px;margin:10px 0 8px}.restaurant-reason .restaurant-mascot{width:30px;height:34px}.restaurant-reason p{font-size:11px;line-height:1.45;letter-spacing:-.015em}
.restaurant-surface .restaurant-disclosure{font-size:10px;line-height:1.5;color:var(--io-text-secondary);margin:8px 0}
.restaurant-actions{display:flex;gap:7px;margin-top:8px}.restaurant-surface .restaurant-actions button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 9px;border:1px solid #e7ad52;border-radius:12px;background:transparent;color:var(--io-text);font-size:11px;line-height:1.3;cursor:pointer}
.restaurant-surface .restaurant-actions .primary{background:linear-gradient(110deg,#f2bd62,#ecad45);border-color:#e6a641}.restaurant-actions svg{width:13px;height:13px;flex:none}
.restaurant-empty>p:not(.restaurant-eyebrow){font-size:13px;line-height:1.5;color:var(--io-text-secondary);margin:8px 0}
.restaurant-tools{margin-top:6px}.restaurant-tools>div{display:flex;gap:16px;justify-content:space-between}.restaurant-surface .restaurant-text-button{min-height:44px;border:0;background:transparent;color:var(--io-text-secondary);padding:8px 0;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.restaurant-surface button:disabled{opacity:.5;cursor:default}.restaurant-dialog svg{width:15px;height:15px;flex:none}
.restaurant-surface .mic-button{opacity:.5}
@media(max-width:390px){.restaurant-surface .area-scroll{padding-inline:14px}.restaurant-partner{padding:10px;border-radius:17px;margin-inline:0}.restaurant-message{grid-template-columns:34px minmax(0,1fr);gap:8px}.restaurant-mascot{width:34px;height:40px}.restaurant-choices{margin-left:42px;gap:5px}.restaurant-surface .restaurant-choices button{padding-inline:10px;font-size:11px}.restaurant-result{grid-template-columns:78px minmax(0,1fr) 67px;gap:6px}.restaurant-result>img{width:78px;height:62px}.restaurant-surface .restaurant-result-copy h3{font-size:12px}.restaurant-result-copy>p{font-size:10px}.restaurant-badges span{font-size:9px;padding:3px 4px}.restaurant-surface .restaurant-reserve{font-size:10px;margin-right:4px}.restaurant-surface .restaurant-actions button{font-size:11px;padding-inline:5px}}
@media(forced-colors:active){.restaurant-partner,.restaurant-message>p,.restaurant-answer,.restaurant-reserve{border:1px solid CanvasText;color:CanvasText;background:Canvas}}
/* Keep all four cuisine choices on one line at the reference width. */
.restaurant-surface .restaurant-choices button{font-size:11px;padding-inline:10px}
.restaurant-surface .restaurant-answer{padding:7px 12px;margin-block:8px;font-size:12px}
.restaurant-message{margin-block:8px 5px}.restaurant-message>p{font-size:12px;padding:8px 10px}