/* Dunkin identity over the Taco Bell renderer. Native menu/cart/combo mechanics. */
@font-face {
 font-family: DunkinDisplay;
 src: url('fonts/Fredoka-variable.woff') format('woff');
 font-weight: 300 700;
 font-display: swap;
}
:root {
 --dunkin-paper: #f8f4f1;
 --dunkin-ink: #352018;
 --dunkin-berry: #a92d55;
 --dunkin-pink: #c23864;
 --dunkin-orange: #ef6a00;
 --dunkin-orange-button: #b64900;
 --dunkin-line: #eaddd2;
 --dunkin-card-radius: 16px;
 --dunkin-card-shadow: 0 1px 4px #0c0c0d18, 0 0 0 1px #0c0c0d06;
 --a-color-primary: var(--dunkin-orange);
 --a-color-text: var(--dunkin-ink);
}
html,body{overscroll-behavior:none;overflow:hidden}
body{color:var(--dunkin-ink);background:var(--dunkin-paper);-webkit-tap-highlight-color:transparent}
.dunkin-start-recovery:not([hidden]) {
 position: fixed;
 inset: 0;
 z-index: 2147483647;
 display: grid;
 place-content: center;
 justify-items: center;
 padding: 24px;
 background: var(--dunkin-paper);
 color: var(--dunkin-ink);
 text-align: center;
 font-size: clamp(22px, 4vw, 42px);
}
.dunkin-start-recovery p { margin: 0 0 24px; }
.dunkin-start-recovery button {
 padding: .5em 1.2em;
 border: 0;
 border-radius: 999px;
 background: var(--dunkin-orange-button);
 color: white;
 font: inherit;
 cursor: pointer;
}
body, body :where(:not(svg, svg *), svg text, svg tspan) {
 font-family: DunkinDisplay, Arial, sans-serif !important;
}
body :is(.dunkin-promo__headline,.dunkin-promo__eyebrow,.dunkin-promo__action,
 .order-type__title,.core-menu-group__title,.core-scenarios-home-page__title,
 .app-dish__title,.dunkin-product-badge,.dialog__title,.dish-combo-dialog__title,.dish-combo-dialog__group-title,
 .name-group-modi,.dish-scrollable-modifiers .dish__name,.menu-item-upsell-dish__name,
 .content__thanks,.content__number .number__id,.content__title,.cart-item__title-text,
 .dialog-big-text,.app-button,.dish-combo-dialog__dish-btn,.list-selectors .name,
 .list-selectors__home,.app-header__lang-select,.cart-stat .text-order p,.cart-stat .total-stat__sum){
 font-weight:700!important;
}
img{user-select:none;-webkit-user-drag:none;object-fit:contain}
.app-image, .app-image__img { background-color: transparent !important; }
button{touch-action:manipulation}
.version-text{display:none!important}
button:focus-visible,[role=button]:focus-visible{outline:4px solid #ff671f;outline-offset:3px}
.app-header__logo{pointer-events:none}
.list-selectors__item,.list-selectors__home{box-sizing:border-box!important;max-width:100%!important}
.app-header__logo-img{width:235px!important;height:auto!important;max-width:100%;max-height:82px!important}
.page__header .app-header {
 box-sizing: border-box;
 width: auto !important;
 height: 96px !important;
 margin: 18px 24px 14px;
 padding: 0 24px !important;
 border: 0;
 border-radius: var(--dunkin-card-radius);
 background: #fff;
 box-shadow: var(--dunkin-card-shadow);
}
.app-header__lang-select {
 min-height: 58px;
 padding: 0 18px !important;
 border: 0 !important;
 border-radius: var(--dunkin-card-radius);
 background: #f8e8ed;
 color: var(--dunkin-berry) !important;
 font-size: 29px !important;
}
.app-header__lang-select > div { font: inherit !important; }
[data-kiosk-id="select-lang-dialog"] .content__title {
 font-size: clamp(40px, 5vw, 54px) !important;
 line-height: 1.12 !important;
}
[data-kiosk-id="select-lang-dialog"] .languages__item {
 font-size: clamp(26px, 3.2vw, 34px) !important;
 font-weight: 700 !important;
 line-height: 1.15 !important;
}
.page__menu-sidebar, .page__menu-carousel, .page__content { background: #fff !important; }
.page__menu-carousel .b-associative-menu { overflow: clip !important; }
.list-selectors__item, .list-selectors__home {
 border-radius: 22px !important;
 box-shadow: none !important;
 margin-inline: auto !important;
 text-align: center;
}
.page__menu-carousel .list-selectors__item {
 max-width: calc(100% - 12px) !important;
 border-radius: var(--dunkin-card-radius) !important;
 background: #fff !important;
 box-shadow: var(--dunkin-card-shadow) !important;
}
.list-selectors__item .wrapper-img {
 flex: 1 1 0;
 min-height: 0;
 padding: 0 !important;
}
.list-selectors__item .wrapper-img img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.list-selectors__item .name {
 flex: none;
 padding: 4px 6px !important;
}
.list-selectors__item.active-item,
.page:has(.core-scenarios-home-page) .list-selectors__item[data-id="245521"] {
 box-shadow: inset 0 0 0 2px var(--dunkin-orange), var(--dunkin-card-shadow) !important;
}
.list-selectors__item.active-item .name,
.page:has(.core-scenarios-home-page) .list-selectors__item[data-id="245521"] .name {
 color: var(--dunkin-orange-button) !important;
}
.menu-sidebar-actions > :has(> .menu-sidebar-actions__home) { display: none; }
.core-menu-group__title{font-size:58px!important;line-height:1.1!important;font-weight:800!important;margin:28px 0 35px!important;color:var(--dunkin-pink)!important;text-align:center;text-transform:uppercase}
.core-menu-grid, .core-scenarios-home-page__grid {
 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 grid-auto-rows: 1fr !important;
 align-items: stretch !important;
 gap: 38px 24px !important;
}
.core-menu-grid > .core-menu-grid__cell { align-items: stretch !important; }
.core-menu-grid__cell > .core-menu-item:has(> .app-dish) {
 display: flex;
 flex-direction: column;
}
.core-menu-grid__cell > .core-menu-item > .app-dish { flex: 1; }
.core-menu-grid__cell,.core-menu-item,.app-dish{min-width:0!important;max-width:100%}
.core-menu-grid .app-dish__description{display:none!important}
.cart-stat{gap:18px!important;padding:16px 20px!important;align-items:center!important;justify-content:space-between!important}
.cart-stat .text-order{min-width:0;gap:8px;flex:1}
.cart-stat .text-order p{font-size:27px!important;white-space:normal;line-height:1.1;font-weight:700}
.cart-stat .total-stat{gap:8px!important}
.cart-stat .total-stat__text{display:none}
.cart-stat .total-stat__sum{font-size:30px!important}
.cart-stat .app-button{font-size:25px!important;min-width:160px!important;padding:20px 16px!important;height:auto!important;border-radius:10px!important}
.cart-stat :is(.app-button > .app-button__text, .total-stat__sum > div) { font: inherit !important; }
.cart-stat [data-kiosk-id="mini-cart-pay-button"] {
 background: var(--dunkin-orange) !important;
 color: #fff !important;
 opacity: 1;
}
.cart-stat .btn-stat{padding:0 4px!important}
.dialog__title{font-size:52px!important;line-height:1.12!important;overflow-wrap:break-word}
.app-button{white-space:normal!important;line-height:1.15!important}
.name-group-modi{font-size:40px!important;line-height:1.15!important}
[data-kiosk-id="dish-dialog"] .content__title,
[data-kiosk-id="mixed-menu-dialog"] .dialog__title,
.dish-scrollable-modifiers .dish__name,
.dish-combo-dialog__title,
.dish-modifiers-dialog__title {
 font-size: clamp(28px, 3.35vw, 36px) !important;
 line-height: 1.12 !important;
 overflow-wrap: break-word;
}
.app-dialog__dialog{border-radius:20px!important}
.core-scenarios-home-page__title{font-size:43px!important;line-height:1.15!important;margin:24px 0 18px!important;color:var(--dunkin-pink)!important;text-transform:uppercase}
.home-page__advert:has(> .dunkin-promo) > .fit-container { display: none; }
.home-page:has(.dunkin-promo--start) :is(.app-header, .home-page__footer) { display: none; }
.dunkin-promo {
 box-sizing: border-box;
 display: grid;
 grid-template-rows: auto auto minmax(0, 1fr) auto;
 gap: clamp(16px, 2.2vh, 48px);
 padding: clamp(34px, 5.7vw, 90px);
 background: #f6f3ef;
 text-align: left;
}
.dunkin-promo--start {
 position: fixed;
 inset: 0;
 z-index: 80;
 cursor: pointer;
}
.dunkin-promo__brand {
 display: flex;
 align-items: center;
 padding: 22px 34px;
 background: #fff;
 border-radius: 999px;
 box-shadow: 0 14px 45px #35201818;
}
.dunkin-promo__brand img {
 width: clamp(240px, 28vw, 360px);
 height: auto;
}
.dunkin-promo__copy {
 align-self: center;
 z-index: 1;
 min-width: 0;
}
.dunkin-promo__eyebrow {
 margin: 0 0 .7em;
 color: var(--dunkin-berry);
 font-size: clamp(25px, 3.7vw, 43px);
 line-height: 1.12;
 letter-spacing: .035em;
 text-transform: uppercase;
}
.dunkin-promo__headline {
 margin: 0;
 color: var(--dunkin-orange);
 font-size: clamp(74px, 13vw, 170px);
 line-height: .87;
 letter-spacing: -.025em;
 text-transform: uppercase;
}
.dunkin-promo__headline span {
 display: block;
 margin-top: .09em;
 color: var(--dunkin-pink);
 font-family: inherit !important;
}
.dunkin-promo__art {
 position: relative;
 container-type: size;
 overflow: hidden;
 min-width: 0;
 min-height: 0;
}
.dunkin-promo__art img {
 position: absolute;
 width: min(225cqw, 213.333cqh);
 height: auto;
 max-width: none;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
.dunkin-promo__action {
 justify-self: start;
 position: relative;
 z-index: 1;
 border: 0;
 border-radius: 999px;
 background: var(--dunkin-orange);
 color: #fff;
 padding: .78em 1.5em;
 font-size: clamp(44px, 5.2vw, 56px);
 line-height: 1.14;
 text-transform: uppercase;
 cursor: pointer;
}
.dunkin-mini-promo {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 32%;
 align-items: center;
 gap: 14px;
 padding: 18px 28px;
 border-radius: 28px;
 background: #fff0e0;
}
.dunkin-mini-promo .dunkin-promo__headline { font-size: clamp(40px, 6vw, 66px); }
.dunkin-mini-promo__art { position: relative; height: clamp(130px, 17vw, 190px); }
.dunkin-mini-promo__art img { position: absolute; }
.dunkin-mini-promo__art img:first-child { inset: 0 0 auto auto; width: 88%; height: 100%; }
.dunkin-mini-promo__art img:last-child { inset: auto auto 0 0; width: 58%; height: 62%; }
@media (min-aspect-ratio: 5/4) {
 .dunkin-promo--start {
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding: clamp(36px, 4vw, 100px);
 }
 .dunkin-promo--start .dunkin-promo__brand { grid-column: 1 / -1; }
 .dunkin-promo--start .dunkin-promo__headline { font-size: clamp(82px, 9vw, 170px); }
 .dunkin-promo--start .dunkin-promo__art { grid-area: 2 / 2 / 4 / 3; }
 .dunkin-promo--start .dunkin-promo__action { grid-area: 3 / 1; }
}
.core-menu-grid .app-dish, .core-scenarios-home-page__grid .app-dish,
.dish-combo-dialog__dish, .upsell-selector__item, .menu-item-upsell-dish {
 border: 0 !important;
}
.dish-combo-dialog__dish, .upsell-selector__item, .menu-item-upsell-dish {
 background: transparent !important;
 box-shadow: none !important;
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish {
 --dunkin-product-title-size: 25px;
 border-radius: var(--dunkin-card-radius);
 background: #fff !important;
 box-shadow: var(--dunkin-card-shadow) !important;
 box-sizing: border-box;
 height: 100%;
 justify-content: flex-start !important;
 align-items: center !important;
 gap: 7px;
 padding: 0 8px 10px;
 text-align: center;
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-edit__more-info,
.menu-item-upsell-dish__info { display: none !important; }
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish__img {
 position: relative;
 flex: none;
 width: min(100%, 376px, 28vh) !important;
 height: auto !important;
 min-height: 0;
 aspect-ratio: 1;
 contain: size;
 margin: 0 auto 4px !important;
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish__img :is(.app-image,.app-image__img,img) {
 width: 100% !important;
 height: 100% !important;
 max-width: 100% !important;
 max-height: 100% !important;
 object-fit: contain !important;
}
.app-dish__img:has(> .dunkin-product-badge) {
 isolation: isolate;
}
.dunkin-product-badge {
 position: absolute;
 inset-block-start: 40%;
 inset-inline-end: 15%;
 z-index: 3;
 display: grid;
 place-items: center;
 inline-size: clamp(27px, 19%, 43px);
 aspect-ratio: 1;
 border-radius: 50%;
 background: var(--dunkin-pink);
 color: #fff;
 pointer-events: none;
}
.dunkin-product-badge > svg {
 display: block;
 inline-size: 64%;
 block-size: 64%;
}
.dunkin-product-badge:is([data-badge="new"], [data-badge="original"], [data-badge="value"]) {
 background: var(--dunkin-orange);
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish__title {
 display: grid !important;
 align-content: center;
 min-height: 2.1em;
 max-width: 100% !important;
 color: var(--dunkin-orange-button) !important;
 font-size: var(--dunkin-product-title-size) !important;
 line-height: 1.06 !important;
 overflow-wrap: anywhere;
 text-transform: uppercase;
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish__title > div { font: inherit !important; }
.dunkin-product-note {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 max-width: 100%;
 color: #765e54;
 font-size: 18px;
 line-height: 1.35;
}
@media (max-height: 1120px) {
 .dunkin-mini-promo__art { height: 116px; }
 .core-menu-group__title { margin-block: 16px 24px !important; }
}
:is(.core-menu-grid, .core-scenarios-home-page__grid) :is(.app-dish__price, .dunkin-from-price) {
 margin: auto 0 0 !important;
 padding-top: 6px;
 color: var(--dunkin-berry) !important;
 font-size: calc(var(--dunkin-product-title-size) + 4px) !important;
 font-weight: 750 !important;
 font-variant-numeric: tabular-nums;
 line-height: 1.15 !important;
 white-space: nowrap;
}
.cart-stat .app-button, .footer__btn-back, .footer__btn-confirm {
 border-radius: 999px !important;
}
.content__footer.footer > .flex-row:has(> .footer__btn-back):has(> .footer__btn-confirm) {
 width: min(100%, 620px);
 min-width: 0;
 gap: 12px;
}
.content__footer.footer > .flex-row > :is(.footer__btn-back, .footer__btn-confirm) {
 flex: 1 1 0 !important;
 min-width: 0 !important;
 min-height: 68px;
 height: auto !important;
 margin: 0 !important;
 padding: 14px clamp(10px, 2vw, 20px) !important;
 font-size: clamp(24px, 3.3vw, 34px) !important;
}
:is(.footer__btn-back, .footer__btn-confirm) > .app-button__text {
 min-width: 0;
 max-width: 100%;
 font: inherit !important;
 white-space: normal;
 overflow-wrap: anywhere;
}
/* Checkout merchandise uses the native cart recommendation panel. */
.content__bottom-side:has(.recom-list__one) {
 padding: 12px clamp(16px, 3vw, 36px) 6px !important;
 margin: 0 !important;
}
.app-dialog__dialog .content__bottom-side .cart-page__recom {
 padding: 0 0 10px;
 color: var(--dunkin-berry);
 font-size: clamp(24px, 3.4vw, 36px);
 line-height: 1.15;
}
.app-dialog__dialog .content__bottom-side .recom-list { max-width: 980px; margin: 0; }
.app-dialog__dialog .content__bottom-side .recom-list::before,
.app-dialog__dialog .content__bottom-side .recom-list::after { content: none; }
.app-dialog__dialog .content__bottom-side .recom-list__scroll {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: clamp(8px, 1.4vw, 18px);
 max-height: none;
 padding: 2px;
 overflow: visible;
}
.app-dialog__dialog .content__bottom-side .recom-list__one {
 position: relative;
 isolation: isolate;
 display: grid;
 grid-template-rows: auto 1fr auto;
 justify-items: center;
 gap: 6px;
 margin: 0;
 padding: clamp(7px, 1.2vw, 14px);
 border: 1px solid var(--dunkin-line);
 border-radius: var(--dunkin-card-radius);
 background: #fff;
 box-shadow: var(--dunkin-card-shadow);
 text-align: center;
}
.app-dialog__dialog .content__bottom-side .recom-list__img {
 width: 100%;
 max-width: none;
 height: clamp(72px, 11vh, 144px);
}
.app-dialog__dialog .content__bottom-side .recom-list__img > div,
.app-dialog__dialog .content__bottom-side .recom-list__img .app-image__img,
.app-dialog__dialog .content__bottom-side .recom-list__img img {
 width: 100%;
 height: 100%;
 max-height: none;
}
.app-dialog__dialog .content__bottom-side .recom-list__title {
 padding: 0;
 font-size: clamp(16px, 2.4vw, 24px);
 line-height: 1.16;
 overflow-wrap: anywhere;
}
.app-dialog__dialog .content__bottom-side .recom-list__price {
 width: auto;
 padding: 0;
 color: var(--dunkin-berry);
 font-size: clamp(19px, 2.8vw, 28px);
 font-weight: 700;
 line-height: 1.3;
 white-space: nowrap;
}
.app-dialog__dialog .content__bottom-side .recom-list__button {
 position: absolute;
 inset: 0;
 z-index: 2;
 width: auto;
 height: auto;
}
.app-dialog__dialog .content__bottom-side .recom-list__button .recom-list__price__add-btn {
 position: absolute;
 inset: 0;
 width: auto;
 height: auto;
 cursor: pointer;
 border-radius: var(--dunkin-card-radius);
 background: transparent !important;
}
.app-dialog__dialog .content__bottom-side .recom-list__button .recom-list__price__add-btn::before {
 content: '+';
 inset: 8px 8px auto auto;
 display: grid;
 place-items: center;
 width: 1.3em;
 height: 1.3em;
 margin: 0;
 border-radius: 50%;
 background: var(--dunkin-orange);
 color: #fff;
 font-size: clamp(20px, 2.7vw, 28px);
 line-height: 1;
}
.app-dialog__dialog .content__bottom-side .recom-list__button .recom-list__price__add-btn::after { content: none; }
.app-dialog__dialog .content__bottom-side .recom-list__one:focus-within { outline: 3px solid var(--dunkin-orange); }
.app-dialog__dialog .content__bottom-side .recom-list__one:has(.recom-list__price__add-btn:active) { background: #fff5eb; }
.order__cart-items :is(.cart-item__title-modi, .cart-item__title-combo-item) { font-weight: 550 !important; }
.order__cart-items :is(.cart-item__price, .cart-item__price-current, .cart-item__price-total, .cart-item__price-pcs) {
 font-weight: 700 !important;
 font-variant-numeric: tabular-nums;
}
.app-dialog__dialog:has(.order__cart-items) .footer {
 padding: 18px clamp(18px, 3vw, 36px) 22px !important;
}
.app-dialog__dialog:has(.order__cart-items) .footer > .flex-row:has(> .footer__total) {
 gap: 20px;
}
.app-dialog__dialog:has(.order__cart-items) .footer__total {
 min-width: 0;
 padding: 0 !important;
}
.app-dialog__dialog:has(.order__cart-items) .footer__total .total__count {
 font-size: clamp(21px, 2.7vw, 27px) !important;
 line-height: 1.25 !important;
}
.app-dialog__dialog:has(.order__cart-items) .footer__total .total__price {
 font-size: clamp(26px, 3.1vw, 36px) !important;
 line-height: 1.25 !important;
}
.app-dialog__dialog:has(.order__cart-items) .footer .flex-row:has(> .footer__btn-confirm) {
 flex: 0 1 460px;
 min-width: 0;
 gap: 12px;
}
.app-dialog__dialog:has(.order__cart-items) .footer :is(.footer__btn-back, .footer__btn-confirm) {
 flex: 1 1 0 !important;
 width: auto !important;
 min-width: 0 !important;
 height: clamp(70px, 7vh, 82px) !important;
 min-height: 0 !important;
 margin: 0 !important;
 padding: 0 clamp(8px, 2vw, 18px) !important;
 font-size: clamp(22px, 2.6vw, 30px) !important;
}
.app-dialog__dialog:has(.order__cart-items) .footer :is(.footer__btn-back, .footer__btn-confirm) > .app-button__text {
 white-space: nowrap;
}
@media (max-width: 800px) {
 .app-dialog__dialog:has(.order__cart-items) .footer .flex-row:has(> .footer__btn-confirm) {
  flex: 0 0 auto;
  width: 100%;
 }
}
:is(.footer__btn-confirm, .dish-combo-dialog__dish-btn):not(:disabled) {
 background: var(--dunkin-orange) !important;
 color: #fff !important;
}
.upsell-selector__items{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;align-items:center!important;gap:26px!important}
.upsell-selector__item{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important}
.upsell-selector__item:only-child{grid-column:1/-1}
.menu-item-upsell-dish__name{font-size:30px!important;line-height:1.2!important;word-break:normal!important;overflow-wrap:break-word}
.menu-item-upsell-dish__price{white-space:nowrap!important;font-size:34px!important}
.upsell-selector__base-dish{font-size:30px!important;gap:14px;line-height:1.2!important}
.upsell-selector__base-dish-price{font-size:32px!important;white-space:nowrap}
.dish-combo-dialog__header{padding:24px 32px!important;gap:24px!important;align-items:center!important}
.dish-combo-dialog__header-left{width:220px!important;flex:0 0 220px!important}
.dish-combo-dialog__header-right{flex:1!important;min-width:0!important;padding:0!important}
.dish-combo-dialog__img{width:100%!important;height:220px!important;object-fit:contain!important}
.dish-combo-dialog__description{display:none!important}
.dish-combo-dialog__tabs{flex-shrink:0!important;min-height:100px}
.dish-combo-dialog__group{overflow-x:hidden!important;padding:20px 28px!important}
.dish-combo-dialog__group-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important;min-width:0!important}
.dish-combo-dialog__dish{min-width:0!important;width:100%!important;max-width:100%!important;padding:16px!important;box-sizing:border-box}
.dish-combo-dialog__dish-img{width:100%!important;height:210px!important;object-fit:contain!important;transform:none!important}
.dish-combo-dialog__dish-name{font-size:28px!important;line-height:1.2!important;overflow-wrap:break-word}
.dish-combo-dialog__dish-btn{font-size:23px!important;white-space:normal!important;line-height:1.15!important;min-height:70px!important;padding:10px!important;width:100%!important}
.dish-combo-dialog__group-title{font-size:42px!important}
.dish-combo-dialog__group-limits{font-size:25px!important;line-height:1.25!important}
.payment-overlay__text{width:85%!important;max-width:850px!important;font-size:48px!important;line-height:1.3!important;word-break:normal!important;overflow-wrap:normal!important}
.content__thanks{font-size:64px!important;line-height:1.25!important;text-align:center}
.content__number .number__id{font-size:320px!important;line-height:1.15!important}
.content__number .number__text{font-size:44px!important;line-height:1.2!important;white-space:normal!important;text-align:center}
.app-dialog__dialog:has(.order-type-list):not(:has(.order-type)){max-width:calc(100vw - 32px)!important;padding:32px!important;box-sizing:border-box}
.dialog-big-text{font-size:48px!important;line-height:1.2!important;overflow-wrap:break-word;text-align:center}
.order-type-list.languages{justify-content:center!important;margin:24px 0!important}

.order-type-selection:has(.order-type) > .app-dialog__inner {
 padding: 0 !important;
}
.order-type-selection:has(.order-type) .app-dialog__dialog {
 width: 100% !important;
 height: 100% !important;
 max-width: none !important;
 max-height: none !important;
 border-radius: 0 !important;
 background: radial-gradient(ellipse at 50% 0%, #fceada, var(--dunkin-paper) 62%) !important;
}
.order-type-selection .app-dialog__dialog:has(.home-page--offset) > :has(> .dialog__header) {
 display: none;
}
.order-type-selection:has(.order-type) .home-page {
 box-sizing: border-box;
 padding: 36px clamp(24px, 5vw, 56px) !important;
}
.order-type-selection:has(.order-type) .home-page > .flex-col {
 width: min(100%, 880px);
 margin: auto;
 flex: none;
}
.order-type-selection:has(.order-type) .home-page > .flex-col::before {
 content: '';
 display: block;
 width: clamp(224px, 32vw, 340px);
 aspect-ratio: 300 / 71;
 margin: 0 auto clamp(32px, 5vw, 56px);
 background: url('img/dunkin-wordmark-at.svg') center / contain no-repeat;
}
.order-type-selection .order-type-list:not(.languages) {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: clamp(16px, 3vw, 32px);
 margin: clamp(24px, 4vw, 44px) 0 0;
 padding: 0;
}
.order-type-selection :has(> .order-type-list:not(.languages)) > .dialog-big-text {
 max-width: 13em;
 margin: 0 auto;
 padding: 0 !important;
 font-size: clamp(44px, 6vw, 66px) !important;
 line-height: 1.08 !important;
 color: var(--dunkin-berry);
 text-wrap: balance;
}
.order-type-selection .order-type {
 width: 100% !important;
 min-width: 0 !important;
 min-height: 0 !important;
 box-sizing: border-box;
 padding: clamp(14px, 2.3vw, 24px) !important;
 border: 1px solid var(--dunkin-line);
 border-radius: 32px !important;
 background: #fffdfa !important;
 box-shadow: 0 10px 26px #3520180d;
 cursor: pointer;
}
.order-type-selection .order-type__img {
 --order-art-size: clamp(172px, 25vw, 248px);
 flex: none;
 width: 100%;
 height: var(--order-art-size);
 margin: 0 0 18px;
 padding: 0 !important;
}
.order-type-selection .order-type__img img {
 width: min(78%, var(--order-art-size));
 height: 75%;
 max-width: none !important;
 max-height: none !important;
 object-fit: contain;
}
.order-type-selection .order-type__title {
 display: grid;
 place-items: center;
 min-height: 2.6em;
 padding: 0 10px;
 border-radius: 999px;
 background: var(--dunkin-orange);
 color: #fff !important;
 font-size: clamp(26px, 3.2vw, 37px) !important;
 line-height: 1.12 !important;
 text-transform: uppercase;
 white-space: normal !important;
}
.order-type-selection .order-type:active .order-type__title {
 filter: brightness(.9);
}
.order-type-selection:has(.order-type) :has(> .languages) > .dialog-big-text {
 margin: clamp(34px, 6vw, 64px) 0 16px;
 padding: 0 !important;
 color: var(--dunkin-berry);
 font-size: 28px !important;
}
.order-type-selection:has(.order-type) .languages {
 margin: 0 !important;
 padding: 0;
 gap: 12px;
}
.order-type-selection:has(.order-type) .languages .languages__item {
 box-sizing: border-box;
 width: 106px;
 height: 84px;
 padding: 14px 24px;
 border: 1px solid var(--dunkin-line);
 border-radius: 999px;
 background: #fffdfa;
 box-shadow: none;
 transform: none;
 cursor: pointer;
}
.order-type-selection:has(.order-type) .languages .card-style--active {
 border-color: var(--dunkin-orange);
 background: #fff0e0;
}
.order-type-selection:has(.order-type) .languages .language-img {
 width: 100%;
 height: auto;
}
@media(max-width:800px){
 .dunkin-mini-promo { padding: 12px 18px; }
 .dish-combo-dialog__header{padding:22px!important;gap:18px!important}
 .dish-combo-dialog__header-left{width:150px!important;flex-basis:150px!important}
 .dish-combo-dialog__img{height:150px!important}
 .dish-combo-dialog__group-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
 .dish-combo-dialog__dish-img{height:170px!important}
 .dish-combo-dialog__dish-name{font-size:25px!important}
 .dish-combo-dialog__dish-btn{font-size:22px!important;min-height:70px!important}
 .dish-combo-dialog__group-title{font-size:34px!important}
 .dish-combo-dialog__tabs-img{width:54px!important;height:54px!important;object-fit:contain}
 .dish-combo-dialog__tabs-item{font-size:23px!important}
 .page__menu-sidebar,.page__menu-carousel,.b-associative-menu{width:155px!important;min-width:155px!important}
 .list-selectors__item{padding:8px 7px!important}
 .list-selectors__item .name{font-size:19px!important;line-height:1.15;max-width:100%;overflow-wrap:anywhere}
 .list-selectors,.list-selectors__wrapper{width:100%!important;max-width:100%!important}
 .core-scenarios-home-page__title{font-size:36px!important}
 :is(.core-menu-grid, .core-scenarios-home-page__grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}
 :is(.core-menu-grid, .core-scenarios-home-page__grid) .app-dish{--dunkin-product-title-size:21px}
 .core-menu-group__title{font-size:40px!important;margin-bottom:24px!important}
 .page__header .app-header{height:84px!important;margin:12px 16px 10px;padding:0 16px!important}
 .app-header__logo-img{width:170px!important;max-height:62px!important}
 .app-header__lang-select{font-size:25px!important;min-height:54px}
 .cart-stat{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px 18px!important;height:auto!important;min-height:150px!important}
 .cart-stat .total-stat{justify-self:end}
 .cart-stat>div:last-child{grid-column:1/-1;width:100%;gap:10px}
 .cart-stat .btn-stat{flex:1!important;min-width:0!important;padding:0!important}
 .cart-stat .app-button{width:100%!important}
 .cart-stat .text-order p{font-size:23px!important}
 .cart-stat .total-stat__sum{font-size:28px!important}
 .cart-stat .app-button{font-size:22px!important;min-width:125px!important;padding:20px 12px!important}
 .dialog__title{font-size:40px!important}
 .name-group-modi{font-size:32px!important}
 .upsell-selector__body{padding:20px!important}
 .upsell-selector__items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
 .menu-item-upsell-dish__media{height:210px!important;width:100%!important;min-height:0!important}
 .menu-item-upsell-dish__img{height:100%!important;width:100%!important;object-fit:contain!important}
 .menu-item-upsell-dish__about{padding:16px 8px!important}
 .menu-item-upsell-dish__name{font-size:25px!important}
 .menu-item-upsell-dish__price{font-size:28px!important}
 .upsell-selector__base-dish{font-size:26px!important}
 .upsell-selector__base-dish-price{font-size:28px!important}
 .app-dialog__dialog:has(.order__cart-items){max-width:calc(100vw - 24px)!important}
 .app-dialog__dialog:has(.order__cart-items) .content__title{font-size:44px!important;line-height:1.15!important}
 .app-dialog__dialog:has(.order__cart-items) .flex-row:has(>.footer__total){flex-direction:column!important;align-items:stretch!important;gap:20px!important;width:100%!important}
 .footer__total{width:100%!important;min-width:0!important;margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .footer__total .total__count{font-size:24px!important;line-height:1.2!important}
 .footer__total .total__price{font-size:32px!important;line-height:1.2!important;white-space:nowrap}
 .footer__btn-back,.footer__btn-confirm{font-size:28px!important;padding:24px 16px!important;min-width:0!important;width:auto!important;flex:1!important;margin:0 6px!important;height:auto!important}
 .cart-item__title-text{font-size:28px!important;line-height:1.2!important;min-width:0}
 .cart-item__price-current{font-size:28px!important;white-space:nowrap}
 .cart-item__title-modi{font-size:23px!important;line-height:1.35!important;color:#6a5145!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Use the kiosk's existing card, text and button colors on both coffee screens. */
[data-dunkin-coffee] {
 --coffee-inset: 80px;
 --coffee-gutter: 40px;
 --coffee-surface: rgba(var(--a-color-default-rgb), .15);
}
[data-dunkin-coffee] > .app-dialog__inner {
 align-items: stretch !important;
 justify-content: center !important;
 padding: clamp(24px, 8.2vh, 80px) var(--coffee-inset) !important;
}
[data-dunkin-coffee] .app-dialog__dialog {
 flex: 0 1 auto !important;
 height: auto !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: 100% !important;
 max-height: 100% !important;
}
[data-dunkin-coffee] .dialog__header {
 align-items: center;
 padding: 32px var(--coffee-gutter) 18px !important;
}
[data-dunkin-coffee] .dialog__close { padding: 0 0 0 14px !important; }
[data-dunkin-coffee="sizes"] .dialog__header { padding-inline: max(72px, var(--coffee-gutter)) !important; }
[data-dunkin-coffee="sizes"] .upsell-selector__close { top: 9px !important; right: 9px !important; }
[data-dunkin-coffee] .dialog__content {
 display: flex;
 flex-direction: column;
 flex: 0 1 auto !important;
 height: auto !important;
 min-height: 0 !important;
}
[data-dunkin-coffee] :is(.upsell-selector__body,.dialog__footer:has(.upsell-selector__base-dish),.dish-scrollable-modifiers,.content__footer:not(.coffee-actions),.count-info) {
 display: none !important;
}
.dish-modifiers-dialog[data-dunkin-coffee="illustrated"] :is(.dish-modifiers-dialog__group, .dish-modifiers-dialog__actions, .dish-modifiers-dialog__price) {
 display: none !important;
}
.coffee-panel {
 display: flex;
 flex-direction: column;
 min-height: 0;
 width: 100%;
 box-sizing: border-box;
 color: var(--dunkin-ink);
}
.coffee-panel :is(h3,h4,p) { margin: 0; }
.coffee-edit-quantity {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 14px;
 margin-bottom: 10px;
}
.coffee-panel button { font: inherit; cursor: pointer; }
.coffee-panel button:disabled { opacity: .48; cursor: default; }
.coffee-heading { text-align: center; }
.coffee-sizes { gap: 20px; padding: 0 var(--coffee-gutter) var(--coffee-gutter); overflow-y: auto; }
.coffee-size-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.coffee-tile {
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 0;
 border: 1px solid var(--dunkin-line);
 border-radius: var(--dunkin-card-radius);
 padding: 10px 12px;
 background: #fff;
 box-shadow: var(--dunkin-card-shadow);
 color: var(--dunkin-ink);
}
.coffee-tile:is(:hover,:active,[aria-pressed="true"]) { border-color: var(--dunkin-orange); }
.coffee-tile[aria-pressed="true"] { background: #fff7ef; box-shadow: inset 0 0 0 1px var(--dunkin-orange); }
.coffee-size { flex-direction: column; justify-content: flex-start; gap: 10px; padding: 20px 16px; }
.coffee-size[data-size="large"] { border-color: var(--dunkin-orange); }
.coffee-tile-name { font-weight: 700; }
.coffee-cup { position: relative; flex: none; width: 100%; height: clamp(190px, 30vh, 350px); overflow: hidden; }
.coffee-photo { display: block; width: 100%; height: 100%; object-fit: contain; }
.coffee-cup .coffee-photo { position: absolute; inset: 0 3%; width: 94%; transform-origin: center 88%; }
.coffee-size[data-size="medium"] .coffee-photo { transform: scale(.78); }
.coffee-size[data-size="small"] .coffee-photo { transform: scale(.62); }
.coffee-size-pricing { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px 9px; }
.coffee-price { color: var(--dunkin-orange-button); font-weight: 700; white-space: nowrap; }
.coffee-panel .menu-item-upsell-dish__price { color: var(--dunkin-orange); }
.coffee-upgrade {
 color: var(--dunkin-orange-button);
 background: #fff0e4;
 border-radius: 999px;
 padding: 4px 10px;
 font-size: 22px;
 font-weight: 700;
 white-space: nowrap;
}
.coffee-size--base {
 display: grid;
 grid-template-columns: 92px 1fr auto;
 align-items: center;
 gap: 12px;
 padding: 12px 20px;
 background: var(--coffee-surface);
 text-align: left;
}
.coffee-size--base .coffee-cup { width: 92px; height: 76px; }
.coffee-size--base .coffee-photo { transform: none !important; }
.coffee-options-scroll { overflow: auto; min-height: 0; overscroll-behavior: contain; padding: 4px var(--coffee-gutter) 26px; }
.coffee-offer-heading { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: center; margin-bottom: 20px; }
.coffee-optional {
 border-radius: 999px;
 padding: 3px 12px;
 color: var(--dunkin-berry);
 background: #f8e8ed;
 font-size: 18px;
 font-weight: 650;
}
.coffee-offers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.coffee-offer { flex-direction: column; justify-content: flex-start; gap: 10px; position: relative; padding: 16px 12px; }
.coffee-offer-art { position: relative; display: grid; place-items: center; flex: none; width: 100%; height: clamp(112px, 19vh, 220px); overflow: hidden; }
.coffee-offer-art .coffee-photo { position: absolute; inset: 0; }
.coffee-icon { display: block; width: 65px; height: 65px; color: var(--dunkin-berry); }
.coffee-icon svg { display: block; width: 100%; height: 100%; }
.coffee-offer-copy { display: grid; gap: 5px; text-align: center; }
.coffee-recipe-label { color: #765e54; font-size: 22px; font-weight: 500; }
.coffee-offer-indicator {
 display: grid;
 place-items: center;
 width: 48px;
 height: 48px;
 margin-top: auto;
 border-radius: 50%;
 color: white;
 background: var(--dunkin-orange-button);
 font-size: 26px;
 line-height: 1;
}
.coffee-offers--recipes .coffee-offer-indicator {
 color: var(--dunkin-orange-button);
 background: #fff0e4;
}
.coffee-offers--recipes .coffee-offer[aria-pressed="true"] .coffee-offer-indicator {
 background: var(--dunkin-orange-button);
 color: white;
}
.coffee-offers--pairing { grid-template-columns: 1fr; }
.coffee-offers--pairing .coffee-offer {
 display: grid;
 grid-template-columns: minmax(96px, 22%) 1fr auto;
 align-items: center;
 gap: 12px;
 padding: 10px 20px;
}
.coffee-offers--pairing .coffee-offer-copy { text-align: left; }
.coffee-offers--pairing .coffee-offer-indicator { margin: 0; }
.coffee-details { margin-top: 12px; border: 1px solid var(--dunkin-line); border-radius: var(--dunkin-card-radius); padding: 0 14px; }
.coffee-details > summary { padding: 13px 0; cursor: pointer; color: var(--dunkin-orange-button); font-size: 22px; font-weight: 650; }
.coffee-group { padding: 10px 0; border-top: 1px solid var(--dunkin-line); }
.coffee-group-title { font-size: 24px; line-height: 1.15; }
.coffee-group-summary { color: var(--dunkin-berry); font-size: 20px; }
.coffee-group-summary:empty { display: none; }
.coffee-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 7px; }
.coffee-modifier {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 5px;
 min-height: 52px;
 border: 1px solid var(--dunkin-line);
 border-radius: 12px;
 font-size: 19px;
}
.coffee-modifier--selected { border-color: var(--dunkin-orange); background: #fff7ef; }
.coffee-modifier-copy { display: grid; gap: 3px; padding: 5px 9px; line-height: 1.1; text-align: left; }
.coffee-modifier-copy .coffee-price { font-size: .83em; }
.coffee-choice {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 7px;
 width: 100%;
 min-height: 52px;
 padding: 0 10px 0 0;
 border: 0;
 border-radius: inherit;
 background: transparent;
 color: inherit;
}
.coffee-radio { flex: 0 0 18px; height: 18px; border: 1px solid var(--dunkin-line); border-radius: 50%; }
.coffee-modifier--selected .coffee-radio { border: 5px solid var(--dunkin-orange); }
.coffee-stepper { display: flex; flex: none; align-items: center; gap: 4px; padding-right: 4px; }
.coffee-stepper button { width: 42px; height: 44px; border: 0; border-radius: 10px; background: #f7eee8; color: var(--dunkin-ink); font-size: 26px; }
.coffee-stepper output { min-width: 20px; text-align: center; }
.coffee-actions {
 display: flex;
 flex: none;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 padding: 22px var(--coffee-gutter) !important;
 background: var(--coffee-surface);
 border-radius: 0 0 20px 20px;
}
.coffee-total { font-size: clamp(26px, 3.3vw, 34px); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.coffee-actions.content__footer.footer > .flex-row { width: min(100%, 680px); flex: 0 1 680px; min-width: min(100%, 620px); }
.coffee-actions.content__footer.footer > .flex-row > .footer__btn-confirm { flex-grow: 1.6 !important; }
.coffee-actions .app-button__text { white-space: nowrap; }

/* Open photo cards for Iced Cinnamon Roll Latte. */
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-details { margin: 0; padding: 0; border: 0; }
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-group { padding-block: 18px; }
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-group-title {
 font-size: clamp(25px, 3vw, 32px);
 font-weight: 700;
}
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-choices {
 grid-template-columns: repeat(auto-fill, minmax(min(100%, max(175px, 17%)), 1fr));
 grid-auto-rows: 1fr;
 gap: 12px;
 margin-top: 12px;
}
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-modifier {
 flex-direction: column;
 align-items: stretch;
 gap: 10px;
 padding: 12px 8px;
 border-radius: var(--dunkin-card-radius);
 box-shadow: var(--dunkin-card-shadow);
}
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-choice {
 flex: 1;
 flex-direction: column;
 gap: 10px;
 padding: 0;
}
.coffee-modifier-presentation {
 display: flex;
 flex: 1;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 width: 100%;
 min-width: 0;
}
.coffee-modifier-thumb {
 position: relative;
 display: grid;
 place-items: center;
 width: 100%;
 height: clamp(80px, 12vh, 132px);
 overflow: hidden;
}
.coffee-modifier-thumb .coffee-photo { position: absolute; inset: 0; }
.coffee-modifier-thumb .coffee-icon { width: 42px; height: 42px; }
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-modifier-copy {
 justify-items: center;
 padding: 0 2px;
 text-align: center;
 font-size: clamp(21px, 2.6vw, 27px);
 font-weight: 700;
 overflow-wrap: anywhere;
}
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-radio { flex: 0 0 22px; width: 22px; height: 22px; margin-block: 12px; }
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-stepper { justify-content: center; padding: 0; }
:is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-stepper button { width: 60px; min-height: 60px; }
@media (max-width: 820px) {
 :is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-modifier { gap: 6px; padding: 10px 6px; }
 :is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-choice { gap: 6px; }
 :is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-radio { margin-block: 6px; }
 .coffee-modifier-thumb { height: 92px; }
}
@media (max-width: 550px) {
 :is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 :is([data-dunkin-coffee="illustrated"], [data-dunkin-coffee="compact"]) .coffee-stepper button { width: 48px; min-height: 48px; }
}


@media (max-width: 820px) {
 [data-dunkin-coffee] { --coffee-inset: 24px; --coffee-gutter: 20px; }
 .coffee-size-grid,.coffee-offers { gap: 12px; }
 .coffee-cup { height: 220px; }
 .coffee-upgrade { font-size: 21px; }
 .coffee-offer-art { height: 120px; }
 .coffee-offer .coffee-tile-name { font-size: clamp(20px, 3.8vw, 25px) !important; }
 .coffee-choices { grid-template-columns: 1fr; }
 .coffee-modifier { font-size: 24px; }
 .coffee-modifier,.coffee-choice,.coffee-stepper button { min-height: 76px; }
 .coffee-stepper button { width: 72px; }
 .coffee-details > summary { min-height: 74px; display: list-item; padding: 19px 0; box-sizing: border-box; }
 .coffee-actions { gap: 10px; }
 .coffee-actions.content__footer.footer > .flex-row { flex: 1 0 100%; }
}
@media (max-width: 550px) {
 [data-dunkin-coffee] { --coffee-inset: 16px; --coffee-gutter: 14px; }
 .coffee-offer-art { height: 88px; }
 .coffee-upgrade { font-size: 16px; }
}

/* Cold Brew uses all four groups on a large screen and one group at a time on small screens. */
[data-dunkin-coffee="compact"] .dialog__header { padding-block: 22px 10px !important; }
[data-dunkin-coffee="compact"] .coffee-options-scroll { padding-block: 0 12px; }
[data-dunkin-coffee="compact"] .coffee-offer-heading { margin-bottom: 10px; }
[data-dunkin-coffee="compact"] .coffee-heading { font-size: clamp(25px, 3vw, 32px) !important; }
.coffee-compact-tabs {
 display: grid;
 grid-template-columns: repeat(4,minmax(0,1fr));
 gap: 5px;
 padding: 5px;
 border-radius: 16px;
 background: #f3ece5;
}
.coffee-panel .coffee-compact-tab {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 4px;
 min-height: 54px;
 padding: 6px 4px;
 border: 1px solid transparent;
 border-radius: 12px;
 background: transparent;
 color: var(--dunkin-ink);
 font-size: clamp(17px, 2.8vw, 23px);
 font-weight: 700;
}
.coffee-panel .coffee-compact-tab[aria-pressed="true"] {
 border-color: var(--dunkin-line);
 background: #fff;
 color: var(--dunkin-orange-button);
 box-shadow: 0 1px 3px #35201816;
}
.coffee-compact-count {
 padding: 2px 5px;
 border-radius: 20px;
 color: var(--dunkin-berry);
 background: #f8e8ed;
 font-size: .8em;
}
[data-dunkin-coffee="compact"] .coffee-group[data-coffee-active="false"] { display: none; }
[data-dunkin-coffee="compact"] .coffee-group { border: 0; padding-block: 12px 0; }
[data-dunkin-coffee="compact"] .coffee-group-title { font-size: clamp(22px, 2.5vw, 27px); }
[data-dunkin-coffee="compact"] .coffee-choices {
 grid-template-columns: repeat(3,minmax(0,1fr));
 gap: 8px;
 margin-top: 6px;
}
[data-dunkin-coffee="compact"] .coffee-modifier {
 min-height: 0;
 padding: 7px 4px;
 gap: 5px;
 background: #fff;
 box-shadow: none;
}
[data-dunkin-coffee="compact"] .coffee-modifier--selected {
 border-color: var(--dunkin-orange);
 background: #fff7ee;
 box-shadow: inset 0 0 0 1px var(--dunkin-orange);
}
[data-dunkin-coffee="compact"] .coffee-choice { min-height: 0; gap: 5px; }
[data-dunkin-coffee="compact"] .coffee-modifier-presentation { gap: 4px; }
[data-dunkin-coffee="compact"] .coffee-modifier-thumb { height: clamp(74px, 10vh, 124px); }
[data-dunkin-coffee="compact"] .coffee-modifier-copy { width: 100%; font-size: clamp(17px, 2.8vw, 23px); }
.coffee-compact-name { max-width: 100%; white-space: nowrap; }
.coffee-compact-option-actions {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 5px;
 min-width: 0;
}
.coffee-compact-option-actions .coffee-price { font-size: clamp(15px, 2.2vw, 18px); }
[data-dunkin-coffee="compact"] .coffee-radio { margin-block: 4px; }
[data-dunkin-coffee="compact"] .coffee-compact-check { border-radius: 5px; }
[data-dunkin-coffee="compact"] .coffee-stepper button { width: 44px; min-height: 52px; }
[data-dunkin-coffee="compact"] .coffee-actions { padding-block: 12px !important; }
.coffee-compact-recap { display: grid; flex: 1; gap: 4px; min-width: 0; }
.coffee-compact-selection {
 display: none;
 color: var(--dunkin-orange-button);
 font-size: 20px;
 line-height: 1.1;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
@media (max-width: 550px) {
 [data-dunkin-coffee="compact"] .coffee-stepper button { width: 36px; min-height: 44px; }
}
@media (max-height: 950px) {
 [data-dunkin-coffee="compact"] > .app-dialog__inner { padding-block: 18px !important; }
 [data-dunkin-coffee="compact"] .coffee-offer-heading { display: none; }
 [data-dunkin-coffee="compact"] .coffee-group-title { display: none; }
 [data-dunkin-coffee="compact"] .coffee-modifier-thumb { height: 70px; }
 [data-dunkin-coffee="compact"] .coffee-stepper button { min-height: 48px; }
}
@media (min-width: 960px) and (min-height: 1450px), (min-width: 1450px) and (min-height: 960px) {
 [data-dunkin-coffee="compact"] .coffee-compact-tabs { display: none; }
 [data-dunkin-coffee="compact"] .coffee-group[data-coffee-active="false"] { display: block; }
 [data-dunkin-coffee="compact"] .coffee-choices { grid-template-columns: repeat(5,minmax(0,1fr)); }
 [data-dunkin-coffee="compact"] .coffee-modifier { position: relative; padding: 5px; gap: 4px; }
 [data-dunkin-coffee="compact"] .coffee-modifier-thumb { flex: none; height: 86px; }
 [data-dunkin-coffee="compact"] .coffee-radio { position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; margin: 0; }
 [data-dunkin-coffee="compact"] .coffee-group {
  padding: 10px;
  margin-bottom: 8px;
  border-radius: 20px;
  background: #faf5ef;
 }
 [data-dunkin-coffee="compact"] :is([data-coffee-group="syrup"], [data-coffee-group="macaron"]) { background: #fbf1f4; }
 .coffee-compact-selection { display: block; }
}
@media (min-width: 1450px) and (min-height: 960px) {
 [data-dunkin-coffee="compact"] > .app-dialog__inner { padding-block: 24px !important; }
 [data-dunkin-coffee="compact"] .coffee-offer-heading { display: none; }
 [data-dunkin-coffee="compact"] .coffee-details {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 12px;
 }
 [data-dunkin-coffee="compact"] .coffee-group { margin-bottom: 0; }
 [data-dunkin-coffee="compact"] .coffee-group:not([data-coffee-group="syrup"]) .coffee-choices { grid-template-columns: repeat(4,minmax(0,1fr)); }
 [data-dunkin-coffee="compact"] .coffee-group[data-coffee-group="topping"] { display: flex; flex-direction: column; }
 [data-dunkin-coffee="compact"] .coffee-group[data-coffee-group="topping"] .coffee-choices {
  flex: 1;
  grid-template-columns: repeat(2,minmax(0,1fr));
 }
 [data-dunkin-coffee="compact"] .coffee-modifier-thumb { height: 78px; }
 [data-dunkin-coffee="compact"] .coffee-modifier-copy { font-size: clamp(17px, 1.2vw, 20px); }
 [data-dunkin-coffee="compact"] .coffee-stepper { gap: 2px; }
 [data-dunkin-coffee="compact"] .coffee-stepper output { min-width: 16px; }
 [data-dunkin-coffee="compact"] .coffee-stepper button { width: clamp(26px, 1.84vw, 32px); min-height: 36px; height: 36px; }
 [data-dunkin-coffee="compact"] .coffee-compact-option-actions .coffee-price { font-size: clamp(14px, 1.05vw, 18px); }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] :is(.coffee-modifier, .coffee-choice) {
  display: grid;
  grid-template-columns: clamp(74px, 6vw, 106px) minmax(0,1fr);
  grid-template-rows: 1fr 1fr;
  align-items: center;
  column-gap: 8px;
 }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-choice { grid-area: 1 / 1 / -1 / -1; height: 100%; }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-modifier-presentation { display: contents; }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-modifier-thumb {
  grid-area: 1 / 1 / -1 / 2;
  height: 94px;
 }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-modifier-copy {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
  justify-items: start;
  text-align: left;
 }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-choice .coffee-modifier-copy {
  grid-row: 1 / -1;
  align-self: center;
 }
 [data-dunkin-coffee="compact"] [data-coffee-group="topping"] .coffee-compact-option-actions {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  justify-content: flex-start;
 }
}