.details-page-banner{isolation:isolate;padding:12px var(--padding-horizontal);margin-bottom:56px;position:relative;overflow:clip visible}.is-mobile .details-page-banner{padding:0}.details-page-banner-container{--border-radius:32px;border-radius:var(--border-radius);height:350px}.is-mobile .details-page-banner-container{--border-radius:0;height:450px}.details-page-banner-container:before,.details-page-banner-container:after{content:"";z-index:-1;border-radius:inherit;background:var(--banner-background);pointer-events:none;position:absolute;inset:0}.details-page-banner-container:before{filter:blur(35px)saturate(180%);opacity:.65;inset:-20px -20px -30px;transform:scale(1.03)}.details-page-banner-container:after{filter:blur(70px)saturate(220%);opacity:.35;inset:-40px -40px -80px;transform:scale(1.08)}:root:has(.is-mobile) .details-page-banner-container:before{inset:-20px -20px -100px}:root:has(.is-mobile) .details-page-banner-container:after{inset:-40px -40px -160px}.details-page-banner-details-container{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0}.details-page-banner-details-container>*{z-index:1}.details-page-banner-details-container:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border:1px solid #ffffff26;width:100%;height:100%;position:absolute;inset:0}.details-page-banner-details-container{z-index:2;width:100%;max-width:min(600px,100vw - var(--padding-horizontal)*2);color:#fff;border-radius:48px;flex-direction:column;gap:10px;padding:24px;display:flex;position:absolute;bottom:-40px;left:50px;overflow:hidden}.is-mobile .details-page-banner-details-container{bottom:-60px;left:50%;transform:translate(-50%)}.details-page-banner-details-container .details-head{justify-content:space-between;display:flex}.details-page-banner-details-container .rating{position:relative}.details-page-banner-details-container .title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:24px;line-height:1.2;display:-webkit-box;overflow:hidden}@media (max-width:960px){.details-page-banner-details-container .title{font-size:20px}}.details-page-banner .smart-savings-badge{z-index:3;background:color-mix(in srgb, var(--primary) 50%, transparent);border:1px solid color-mix(in srgb, var(--primary) 18%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex;position:absolute;top:22px;right:24px}.details-page-banner .smart-savings-icon{color:var(--surface-inverse);cursor:pointer;font-size:20px;transition:transform .2s,filter .2s,opacity .2s}.details-page-banner .smart-savings-icon:hover{filter:brightness(1.01);transform:translateY(-.5px)scale(1.01)}.details-page-banner .smart-savings-icon:active{transform:translateY(0)scale(.98)}.details-page-banner .smart-savings-text{white-space:nowrap;color:#fff;font-weight:600;line-height:1}.details-page-banner .rating-icon.is-interactive{cursor:pointer}.details-page-banner .rating-icon.is-interactive:hover{opacity:.9}@media (max-width:960px){.details-page-banner .smart-savings-badge{gap:4px;max-width:calc(100% - 20px);padding:5px 10px;top:20px;right:20px}.details-page-banner .smart-savings-icon{font-size:14px}.details-page-banner .smart-savings-text{font-size:12px}}.details-page-banner-rating-popper{z-index:3000}.details-page-banner-rating-tooltip{box-shadow:0 8px 32px color-mix(in srgb, var(--ink-permanent) 22%, transparent);background:0 0}.details-page-banner-rating-tooltip>*{z-index:1}.details-page-banner-rating-tooltip:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border:1px solid #ffffff26;width:100%;height:100%;position:absolute;inset:0}.details-page-banner-rating-tooltip{min-width:190px;box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 28%, transparent);border-radius:24px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.details-page-banner-rating-tooltip .rating-tooltip-label{color:var(--surface-inverse);font-weight:500;line-height:1}.details-page-banner-rating-tooltip .details-page-banner-rating-stars{align-items:center;gap:8px;display:flex}.details-page-banner-rating-tooltip .rating-star-button{width:34px;height:34px;color:var(--primary);cursor:pointer;appearance:none;border:0;border-radius:999px;outline:0;justify-content:center;align-items:center;padding:0;transition:transform .18s,opacity .18s,color .18s;display:inline-flex;box-shadow:none!important;background:0 0!important}.details-page-banner-rating-tooltip .rating-star-button:hover:not(:disabled),.details-page-banner-rating-tooltip .rating-star-button:focus-visible:not(:disabled),.details-page-banner-rating-tooltip .rating-star-button.is-active{color:var(--primary);transform:translateY(-1px)scale(1.08)}.details-page-banner-rating-tooltip .rating-star-button:active:not(:disabled){transform:translateY(0)scale(.96)}.details-page-banner-rating-tooltip .rating-star-button:disabled{opacity:.55;cursor:default}.details-page-banner-rating-tooltip .rating-star-icon,.details-page-banner-rating-tooltip .rating-star-icon svg,.details-page-banner-rating-tooltip .rating-star-icon path,.details-page-banner-rating-tooltip .rating-star-icon .MuiSvgIcon-root{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.details-page-banner-rating-tooltip .rating-star-icon{font-size:30px;color:currentColor!important}@media (max-width:960px){.details-page-banner-rating-tooltip{min-width:175px;padding:12px 14px}.details-page-banner-rating-tooltip .details-page-banner-rating-stars{gap:6px}.details-page-banner-rating-tooltip .rating-star-button{width:30px;height:30px}.details-page-banner-rating-tooltip .rating-star-icon{font-size:27px}}
.share-buttons-container{flex-wrap:wrap;gap:2px;display:flex}.share-buttons-more-actions{flex-direction:column;gap:8px;display:flex}.share-buttons-more-content{flex-direction:column;gap:12px;padding:16px;display:flex}.share-buttons-more-title{justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.share-buttons-more-actions .share-button,.share-buttons-container .share-button{justify-content:center;align-items:center;height:32px;padding:4px;text-decoration:none;display:flex}.share-buttons-more-actions .share-button .MuiSvgIcon-root,.share-buttons-more-actions .share-button .icon,.share-buttons-container .share-button .MuiSvgIcon-root,.share-buttons-container .share-button .icon{max-width:18px;max-height:18px;margin-right:2px;font-size:18px}
.details-page-description-container .details-page-about-text{margin-bottom:16px}.details-page-description-container .details-page-description-content{border:1px solid var(--glass-gradient-start);background:linear-gradient(114deg, var(--glass-gradient-start) 0%, var(--glass-gradient-end) 100%);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--ink-permanent) 22%, transparent);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.details-page-description-container .details-page-description-content .nutrition-facts-container .nutrition-facts-label{margin-bottom:12px}.details-page-description-container .details-page-description-content .nutrition-facts-container .nutrition-facts{flex-wrap:wrap;gap:12px;display:flex}.details-page-description-container .details-page-description-content .nutrition-facts-container .nutrition-facts .nutrition-fact{text-transform:capitalize}.details-page-description-container .details-page-description-content .details-page-tags-container{flex-wrap:wrap;gap:8px;display:flex}.details-page-description-container .details-page-description-content .details-page-tags-container .tag{background-color:var(--surface-strong);border:1px solid var(--surface-hover);text-transform:uppercase;border-radius:999px;padding:6px 12px}
