#bt-root.bco-page .bcp-hero {
background:
radial-gradient(ellipse 90% 70% at 82% -12%, rgba(255, 246, 240, .92) 0%, rgba(255, 246, 240, 0) 55%),
radial-gradient(ellipse 80% 65% at 10% 110%, rgba(150, 70, 80, .45) 0%, rgba(150, 70, 80, 0) 62%),
linear-gradient(168deg, #fbf1ec 0%, #eed3cc 38%, #cf9a94 78%, #b77a78 100%);
}
#bt-root.bco-page .bcp-hero__season {
color: #8a4a4e;
}
#bt-root.bco-page .bcp-hero__season-line {
background: linear-gradient(90deg, #8a4a4e, transparent);
}
#bt-root.bco-page .bcp-hero__eyebrow {
color: #7a4a4c;
}
#bt-root.bco-page .bcp-hero__title {
color: #4a2a2e;
} #bt-root.bco-page .bcp-hero__title-em {
background: linear-gradient(115deg, #6b2f3a 0%, #a35a66 45%, #6b2f3a 80%);
-webkit-background-clip: text;
background-clip: text;
color: #6b2f3a;
}
#bt-root.bco-page .bcp-hero__catch {
color: #5e3438;
}
#bt-root.bco-page .bcp-hero__period {
box-shadow: 0 6px 24px rgba(110, 60, 65, .16);
}
#bt-root.bco-page .bcp-hero__period-date {
color: #4c2a2e;
}
#bt-root.bco-page .bcp-hero__chips a {
box-shadow: 0 3px 12px rgba(110, 60, 65, .12);
}
#bt-root.bco-page .bcp-hero__model img {
filter: drop-shadow(0 16px 30px rgba(80, 40, 45, .22));
} @media (max-width: 768px) {
#bt-root.bco-page .bcp-hero__period {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 10px 16px 11px;
border-radius: 16px;
}
#bt-root.bco-page .bcp-hero__model {
width: min(195px, 50vw);
}
} @media (max-width: 480px) {
#bt-root.bco-page .bcp-hero__period-date {
font-size: 13px;
letter-spacing: .05em;
}
#bt-root.bco-page .bcp-hero__period-date strong {
font-size: 18px;
}
#bt-root.bco-page .bcp-hero__model {
right: -12px; width: min(195px, 52vw);
}
#bt-root.bco-page .bcp-hero__period {
padding: 10px 12px 11px;
} #bt-root.bco-page .bcp-hero__eyebrow {
max-width: calc(100% - 112px);
}
} #bt-root.bco-page .bcp-item__figure img {
aspect-ratio: 4 / 3;
object-fit: cover;
} @media (min-width: 481px) {
#bt-root.bco-page .bcp-nav__grid {
grid-template-columns: repeat(2, 1fr);
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
} #bt-root.bco-page .bcp-item__price-label {
white-space: normal;
line-height: 1.5;
} #bt-root.bco-page .bcp-nav__off.bco-nav__weekday {
background: linear-gradient(150deg, #7d3a47 0%, #5e2830 100%);
box-shadow: 0 4px 10px rgba(94, 40, 48, .3);
font-family: inherit;
letter-spacing: .1em;
}
#bt-root.bco-page .bco-weekday {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 12px;
margin: 14px 0 0;
}
#bt-root.bco-page .bco-weekday__pill {
display: inline-block;
padding: 5px 12px;
border-radius: 3px;
background: #6b2f3a;
color: #fff;
font-size: clamp(12px, 1.5vw, 14px);
font-weight: 700;
letter-spacing: .14em;
line-height: 1.4;
}
#bt-root.bco-page .bco-weekday__text {
color: #6b2f3a;
font-size: clamp(13px, 1.6vw, 14.5px);
font-weight: 600;
letter-spacing: .03em;
line-height: 1.6;
} #bt-root.bco-page .bco-menu-head {
margin: 0 0 12px;
} #bt-root.bco-page .bco-off-sub {
font-size: clamp(10px, 1.2vw, 12px);
font-weight: 700;
letter-spacing: .2em;
text-indent: .2em;
line-height: 1;
margin-bottom: 2px;
text-shadow: 0 1px 3px rgba(160, 110, 40, .45);
}
#bt-root.bco-page .bco-off-num--text {
font-family: var(--bt-serif, serif);
font-size: clamp(19px, 2.2vw, 24px);
letter-spacing: .08em;
}
#bt-root.bco-page .bco-off-txt--text {
font-family: var(--bt-serif, serif);
font-size: clamp(13px, 1.5vw, 16px);
letter-spacing: .2em;
text-indent: .2em;
}
#bt-root.bco-page .bco-menu-list {
margin: 0;
padding: 0;
list-style: none;
}
#bt-root.bco-page .bco-menu-group {
margin: 14px 0 2px;
padding: 0 0 6px;
color: #6b2f3a;
font-size: clamp(13px, 1.5vw, 14px);
font-weight: 700;
letter-spacing: .18em;
border-bottom: 2px solid #6b2f3a;
}
#bt-root.bco-page .bco-menu-group:first-child {
margin-top: 0;
} #bt-root.bco-page .bco-menu {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 6px 14px;
padding: 10px 0;
border-bottom: 1px dashed #d9c9b6;
color: #4a4138;
font-size: clamp(14px, 1.7vw, 16px);
letter-spacing: .04em;
}
#bt-root.bco-page .bco-menu:last-child {
border-bottom: 0;
}
#bt-root.bco-page .bco-menu__name {
flex: 1 1 auto;
min-width: 0;
font-weight: 600;
line-height: 1.5; word-break: keep-all;
overflow-wrap: anywhere;
}
#bt-root.bco-page .bco-menu__value {
flex: 0 0 auto;
display: inline-flex;
align-items: baseline;
gap: 10px;
white-space: nowrap;
}
#bt-root.bco-page .bco-menu__value del {
color: #8a8a8a;
font-size: clamp(13.5px, 1.6vw, 15.5px);
font-weight: 500;
}
#bt-root.bco-page .bco-menu__price {
color: #c94f6d;
font-weight: 700;
}
#bt-root.bco-page .bco-menu__price strong {
font-family: var(--bt-serif, serif);
font-size: clamp(21px, 2.5vw, 26px);
font-weight: 700;
letter-spacing: .02em;
line-height: 1;
}
#bt-root.bco-page .bco-menu__chip {
align-self: center;
display: inline-block;
padding: 3px 8px;
border-radius: 999px;
background: linear-gradient(150deg, #e0b263 0%, #c9923f 100%);
color: #fff;
font-family: "Inter", Arial, sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .04em;
line-height: 1.3;
}
#bt-root.bco-page .bco-menu__chip--set {
background: #6b2f3a;
font-family: inherit;
letter-spacing: .08em;
} #bt-root.bco-page .bco-menu-notes {
margin: 16px 0 0;
padding: 12px 16px;
list-style: none;
background: rgba(201, 79, 109, .07);
border-left: 3px solid #c94f6d;
border-radius: 4px;
color: #3a332b;
font-size: clamp(13.5px, 1.6vw, 14.5px);
font-weight: 600;
letter-spacing: .03em;
line-height: 2; text-wrap: pretty;
word-break: auto-phrase;
} #bt-root.bco-page .bco-menu-notes__parts-row {
display: flex;
flex-direction: column;
gap: 6px;
}
#bt-root.bco-page .bco-menu-notes__text {
display: block;
}
#bt-root.bco-page .bco-parts {
display: flex;
flex-wrap: wrap;
gap: 6px 6px;
margin: 2px 0 6px;
line-height: 1;
}
#bt-root.bco-page .bco-parts__item {
display: inline-block;
padding: 5px 10px;
background: #fff;
border: 1px solid #d9b8c1;
border-radius: 999px;
color: #4a4138;
font-size: clamp(12.5px, 1.4vw, 13.5px);
font-weight: 600;
letter-spacing: .04em;
line-height: 1.3;
white-space: nowrap;
} #bt-root.bco-page .bcp-notes__list {
max-width: 860px;
text-wrap: pretty;
word-break: auto-phrase;
}
@media (max-width: 767px) { #bt-root.bco-page .bco-pricebox--menus .bco-menu-head {
padding-right: 84px;
}
}
@media (max-width: 480px) { #bt-root.bco-page .bco-menu {
flex-wrap: wrap;
gap: 4px 10px;
}
#bt-root.bco-page .bco-menu__name {
flex-basis: 100%;
min-width: 0;
}
#bt-root.bco-page .bco-menu__value {
margin-left: auto;
}
#bt-root.bco-page .bco-weekday__text {
flex-basis: 100%;
text-align: center;
}
}