.kBIu84uVG6XMbUN { margin: 0 auto; } .sthneqVFTRLRwOi { display: flex; margin: 152px auto 0 auto; } .eeoLor0iYEnlXpK { display: flex; height: 100%; width: 100%; justify-content: center; padding-top: 200px; z-index: 1001; background-color: rgba(255, 255, 255, 0.5); position: absolute; } .ykBNmaLFh7uyrzn { width: 100%; max-width: var(--ddsweb-theme-breakpoints-desktop); padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-xl); } @media (min-width: 768px) { .ykBNmaLFh7uyrzn { position: absolute; top: 40%; left: 0; transform: translateY(-50%); } } .zLmiASiaIsvud2S { color: var(--ddsweb-theme-colors-link); margin-bottom: var(--ddsweb-theme-spacing-md); font-size: var(--ddsweb-theme-font-size-xxxl); } .UbGWgWr2WKo34Nz { margin-bottom: var(--ddsweb-theme-spacing-md); } .fjJT3zb8Ar4ScLQ { color: var(--ddsweb-theme-colors-secondary); } .qZ82BsT_P8qj92r { position: relative; } .Lyh7JMvO4h07k8k { color: var(var(--ddsweb-theme-colors-base, 'inherit')); font-weight: var(--ddsweb-theme-font-weight-heading); font-size: var(--ddsweb-theme-font-size-next-headline-md); line-height: var(--ddsweb-theme-line-height-next-heading); font-family: var(--ddsweb-theme-font-family-heading); margin-bottom: var(--ddsweb-theme-spacing-xs); } .zXSNJl_VV1SjywI { margin-top: var(--ddsweb-theme-spacing-lg); } .zXSNJl_VV1SjywI [class*='SelectedIcon'] { padding: var(--ddsweb-theme-spacing-xxx); } .zXSNJl_VV1SjywI [class*='SelectedIcon'] path { fill: var(--ddsweb-theme-colors-primary); } .FUmIAPbw9Gt3qNn { max-height: 89px; overflow-y: hidden; transition: max-height 0.5s ease; margin-bottom: var(--ddsweb-theme-spacing-xs); } .P_AYMy5ovd1R4cg { display: flex; flex-wrap: wrap; margin: var(--ddsweb-theme-spacing-xx) 0; padding: 0; } .P_AYMy5ovd1R4cg li { list-style-type: none; margin: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx); } .P_AYMy5ovd1R4cg .yAMcv6TX1D7zyE8 { margin: 0 var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xx) 0; } .yAMcv6TX1D7zyE8 button { padding: 0; } .P_AYMy5ovd1R4cg .ddsweb-button .ddsweb-button__inner-container { text-transform: capitalize; } .P_AYMy5ovd1R4cg .ddsweb-button.unavailable .ddsweb-button__inner-container, .P_AYMy5ovd1R4cg .ddsweb-button__anchor.unavailable.selected .ddsweb-button__inner-container { text-decoration: line-through; } .P_AYMy5ovd1R4cg .ddsweb-button.selected .ddsweb-link__text { text-decoration: underline; } .ZAd74xp8RgfEV1f { max-height: fit-content; } .PkcDb3y_9p7YaDc { font-weight: 700; font-family: var(--ddsweb-theme-base-font-family); } .smcUW9N7wU9gQ1U { text-decoration: underline; } .Ot1d06LpRAja6YY { margin-left: var(--ddsweb-theme-spacing-sm); } .qMpbk5elTD286ah { width: 343px; margin-bottom: var(--ddsweb-theme-spacing-sm); } .qMpbk5elTD286ah select, .qMpbk5elTD286ah .ddsweb-dropdown__select-span { text-transform: capitalize; } /* TODO - change this to mobile first approach */ @media (max-width: 503px) { .qMpbk5elTD286ah { max-width: 295px; } } .joel8oWzZGNEshT { width: 164px; margin-top: var(--ddsweb-theme-spacing-xl); } .nvRgcZnvnyeLywE div { padding: 0; height: auto; } .nvRgcZnvnyeLywE > div p { font-size: var(--ddsweb-theme-font-size-xx); line-height: 18px; font-family: var(--ddsweb-theme-base-font-family); color: rgb(51, 51, 51); font-weight: bold; padding: var(--ddsweb-theme-spacing-xxx) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx); } .joel8oWzZGNEshT .ddsweb-value-bar__promo-text-container { padding: var(--ddsweb-theme-spacing-xxx) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx); } .D2nXYYew0iMy_na { font-size: var(--ddsweb-theme-font-size-xx); line-height: 18px; font-family: var(--ddsweb-theme-base-font-family); padding: var(--ddsweb-theme-spacing-xxx) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx); } .yO1alddHA69tlgU { margin-left: 0; } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-family-heading: "TESCO Modern", Arial, sans-serif; --ddsweb-theme-font-family-text: "TESCO Modern", Arial, sans-serif; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-base-font-family: "TESCO Modern", Arial, sans-serif; --ddsweb-theme-base-font-size: 16px; --ddsweb-theme-base-hyphens: auto; --ddsweb-theme-base-line-height: 1.25; --ddsweb-theme-base-logo: default; --ddsweb-theme-base-outline: none; --ddsweb-theme-base-overflow-wrap: break-word; --ddsweb-theme-base-tap-highlight-color: transparent; --ddsweb-theme-base-transition-duration: 0.3s; --ddsweb-theme-base-rgb-opacity: 0.4; --ddsweb-theme-base-focus-outline-width: 3px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-branding-width: 121px; --ddsweb-theme-branding-height: 35px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-buttons-size-xs: 24px; --ddsweb-theme-buttons-size-sm: 32px; --ddsweb-theme-buttons-size-md: 40px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-colors-active-rgb: 0, 126, 179; --ddsweb-theme-colors-active: #007eb3; --ddsweb-theme-colors-background-base-rgb: 255, 255, 255; --ddsweb-theme-colors-background-base: #ffffff; --ddsweb-theme-colors-background-dark-rgb: 246, 246, 246; --ddsweb-theme-colors-background-dark: #f6f6f6; --ddsweb-theme-colors-background-darkest-rgb: 229, 229, 229; --ddsweb-theme-colors-background-darkest: #e5e5e5; --ddsweb-theme-colors-background-error-rgb: 248, 230, 230; --ddsweb-theme-colors-background-error: #f8e6e6; --ddsweb-theme-colors-background-info-rgb: 224, 239, 245; --ddsweb-theme-colors-background-info: #e0eff5; --ddsweb-theme-colors-background-success-rgb: 224, 240, 224; --ddsweb-theme-colors-background-success: #e0f0e0; --ddsweb-theme-colors-background-warning-rgb: 255, 242, 224; --ddsweb-theme-colors-background-warning: #fff2e0; --ddsweb-theme-colors-base-rgb: 51, 51, 51; --ddsweb-theme-colors-base: #333333; --ddsweb-theme-colors-black-rgb: 0, 0, 0; --ddsweb-theme-colors-black: #000000; --ddsweb-theme-colors-disabled-base-rgb: 204, 204, 204; --ddsweb-theme-colors-disabled-base: #cccccc; --ddsweb-theme-colors-disabled-with-background-rgb: 102, 102, 102; --ddsweb-theme-colors-disabled-with-background: #666666; --ddsweb-theme-colors-disabled-interaction-rgb: 229, 229, 229; --ddsweb-theme-colors-disabled-interaction: #e5e5e5; --ddsweb-theme-colors-error-rgb: 204, 51, 51; --ddsweb-theme-colors-error: #cc3333; --ddsweb-theme-colors-grayscale-rgb: 102, 102, 102; --ddsweb-theme-colors-grayscale: #666666; --ddsweb-theme-colors-heading-rgb: 51, 51, 51; --ddsweb-theme-colors-heading: #333333; --ddsweb-theme-colors-info-rgb: 0, 126, 179; --ddsweb-theme-colors-info: #007eb3; --ddsweb-theme-colors-info-messaging-rgb: 0, 116, 224; --ddsweb-theme-colors-info-messaging: #0074e0; --ddsweb-theme-colors-inverse-rgb: 255, 255, 255; --ddsweb-theme-colors-inverse: #ffffff; --ddsweb-theme-colors-lines-base-rgb: 204, 204, 204; --ddsweb-theme-colors-lines-base: #cccccc; --ddsweb-theme-colors-lines-light-rgb: 229, 229, 229; --ddsweb-theme-colors-lines-light: #e5e5e5; --ddsweb-theme-colors-link-active-rgb: 0, 126, 179; --ddsweb-theme-colors-link-active: #007eb3; --ddsweb-theme-colors-link-base-rgb: 0, 83, 159; --ddsweb-theme-colors-link-base: #00539f; --ddsweb-theme-colors-nutrition-green-rgb: 185, 212, 121; --ddsweb-theme-colors-nutrition-green: #b9d479; --ddsweb-theme-colors-nutrition-red-rgb: 240, 130, 117; --ddsweb-theme-colors-nutrition-red: #f08275; --ddsweb-theme-colors-nutrition-yellow-rgb: 253, 210, 133; --ddsweb-theme-colors-nutrition-yellow: #fdd285; --ddsweb-theme-colors-messaging-info-messaging-light-rgb: 224, 238, 251; --ddsweb-theme-colors-messaging-info-messaging-light: #e0eefb; --ddsweb-theme-colors-messaging-success-messaging-rgb: 224, 241, 224; --ddsweb-theme-colors-messaging-success-messaging: #e0f1e0; --ddsweb-theme-colors-messaging-error-messaging-rgb: 249, 231, 231; --ddsweb-theme-colors-messaging-error-messaging: #f9e7e7; --ddsweb-theme-colors-messaging-warning-messaging-rgb: 251, 236, 224; --ddsweb-theme-colors-messaging-warning-messaging: #fbece0; --ddsweb-theme-colors-messaging-amber-messaging-rgb: 189, 88, 0; --ddsweb-theme-colors-messaging-amber-messaging: #bd5800; --ddsweb-theme-colors-messaging-info-messaging-rgb: 0, 116, 224; --ddsweb-theme-colors-messaging-info-messaging: #0074e0; --ddsweb-theme-colors-messaging-amend-messaging-rgb: 0, 126, 179; --ddsweb-theme-colors-messaging-amend-messaging: #007eb3; --ddsweb-theme-colors-messaging-amend-messaging-light-rgb: 224, 239, 245; --ddsweb-theme-colors-messaging-amend-messaging-light: #e0eff5; --ddsweb-theme-colors-messaging-orange-rgb: 221, 104, 0; --ddsweb-theme-colors-messaging-orange: #dd6800; --ddsweb-theme-colors-tag-fullstop-red-rgb: 232, 28, 45; --ddsweb-theme-colors-tag-fullstop-red: #e81c2d; --ddsweb-theme-colors-primary-rgb: 0, 83, 159; --ddsweb-theme-colors-primary: #00539f; --ddsweb-theme-colors-promo-rgb: 252, 215, 0; --ddsweb-theme-colors-promo: #fcd700; --ddsweb-theme-colors-ratings-rgb: 252, 215, 0; --ddsweb-theme-colors-ratings: #fcd700; --ddsweb-theme-colors-secondary-rgb: 238, 28, 46; --ddsweb-theme-colors-secondary: #ee1c2e; --ddsweb-theme-colors-success-rgb: 0, 136, 0; --ddsweb-theme-colors-success: #008800; --ddsweb-theme-colors-tesco-blue-rgb: 0, 83, 159; --ddsweb-theme-colors-tesco-blue: #00539f; --ddsweb-theme-colors-light-blue-rgb: 197, 214, 229; --ddsweb-theme-colors-light-blue: #c5d6e5; --ddsweb-theme-colors-tesco-red-rgb: 238, 28, 46; --ddsweb-theme-colors-tesco-red: #ee1c2e; --ddsweb-theme-colors-text-base-rgb: 102, 102, 102; --ddsweb-theme-colors-text-base: #666666; --ddsweb-theme-colors-text-dark-rgb: 51, 51, 51; --ddsweb-theme-colors-text-dark: #333333; --ddsweb-theme-colors-utils-rgb: 0, 41, 79; --ddsweb-theme-colors-utils: #00294f; --ddsweb-theme-colors-warning-rgb: 255, 153, 0; --ddsweb-theme-colors-warning: #ff9900; --ddsweb-theme-colors-orange-rgb: 221, 104, 0; --ddsweb-theme-colors-orange: #dd6800; --ddsweb-theme-colors-white-rgb: 255, 255, 255; --ddsweb-theme-colors-white: #ffffff; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-size-next-text-xs: 12px; --ddsweb-theme-font-size-next-text-sm: 14px; --ddsweb-theme-font-size-next-text-md: 16px; --ddsweb-theme-font-size-next-text-lg: 20px; --ddsweb-theme-font-size-next-headline-sm: 14px; --ddsweb-theme-font-size-next-headline-md: 16px; --ddsweb-theme-font-size-next-headline-lg: 20px; --ddsweb-theme-font-size-next-headline-xl: 24px; --ddsweb-theme-font-size-next-headline-xxl: 28px; --ddsweb-theme-font-size-next-headline-xxxl: 32px; --ddsweb-theme-font-size-next-oversized-lg: 40px; --ddsweb-theme-font-size-next-oversized-xl: 48px; --ddsweb-theme-font-size-next-oversized-xxl: 56px; --ddsweb-theme-font-size-next-oversized-xxxl: 64px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-size-xxx: 12px; --ddsweb-theme-font-size-xx: 14px; --ddsweb-theme-font-size-xs: 16px; --ddsweb-theme-font-size-sm: 20px; --ddsweb-theme-font-size-md: 24px; --ddsweb-theme-font-size-lg: 28px; --ddsweb-theme-font-size-xl: 32px; --ddsweb-theme-font-size-xxl: 36px; --ddsweb-theme-font-size-xxxl: 40px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-font-weight-heading: bold; --ddsweb-theme-font-weight-text: normal; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-forms-small-field-diameter: 24px; --ddsweb-theme-forms-field-diameter: 32px; --ddsweb-theme-forms-field-height: 40px; --ddsweb-theme-forms-small-field-height: 32px; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-icons-background-sizes-xx: 16px; --ddsweb-theme-icons-background-sizes-xs: 24px; --ddsweb-theme-icons-background-sizes-sm: 40px; --ddsweb-theme-icons-background-sizes-xl: 70px; --ddsweb-theme-icons-background-sizes-xxxl: 120px; --ddsweb-theme-icons-sizes-base: 22px; --ddsweb-theme-icons-sizes-xx: 0.5; --ddsweb-theme-icons-sizes-xs: 0.666666667; --ddsweb-theme-icons-sizes-sm: 1; --ddsweb-theme-icons-sizes-xl: 1.85; --ddsweb-theme-icons-sizes-xxxl: 3.65; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-line-height-next-heading: calc(1em + 0.25rem); --ddsweb-theme-line-height-next-text-sm: calc(1em + 0.25rem); --ddsweb-theme-line-height-next-text-md: calc(1em + 0.5rem); } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-line-height-heading-xs: 1.25; --ddsweb-theme-line-height-heading-sm: 1.2; --ddsweb-theme-line-height-heading-md: 1.17; --ddsweb-theme-line-height-heading-lg: 1.14; --ddsweb-theme-line-height-heading-xl: 1.13; --ddsweb-theme-line-height-text-xx: 1.57; --ddsweb-theme-line-height-text-xs: 1.5; --ddsweb-theme-line-height-text-sm: 1.4; } } } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-spacing-xxx: 2px; --ddsweb-theme-spacing-xx: 4px; --ddsweb-theme-spacing-xs: 8px; --ddsweb-theme-spacing-sm: 12px; --ddsweb-theme-spacing-md: 16px; --ddsweb-theme-spacing-lg: 20px; --ddsweb-theme-spacing-xl: 24px; --ddsweb-theme-spacing-xxl: 28px; --ddsweb-theme-spacing-xxxl: 32px; } } } @layer ddsweb-base, ddsweb-small-atoms, ddsweb-large-atoms, ddsweb-molecules, ddsweb-organisms, ddsweb-overrides; @layer ddsweb-base { @layer ddsweb-normalise, ddsweb-theme, ddsweb-theme-smaller, ddsweb-theme-fandf, ddsweb-fonts, ddsweb-foundation, dds-grid, ddsweb-helpers; } @layer ddsweb-small-atoms { @layer ddsweb-divider, ddsweb-heading, ddsweb-icon, ddsweb-icons, ddsweb-branding, ddsweb-label, ddsweb-logos, ddsweb-tag, ddsweb-text; } @layer ddsweb-large-atoms { @layer ddsweb-spinner, ddsweb-button, ddsweb-link, ddsweb-rating, ddsweb-responsive-image, ddsweb-card; } @layer ddsweb-molecules { @layer ddsweb-calendar, ddsweb-action-menu, ddsweb-messaging, ddsweb-form-group, ddsweb-checkbox, ddsweb-checkbox-with-label, ddsweb-checkbox-group, ddsweb-text-input, ddsweb-time-input, ddsweb-textarea, ddsweb-textarea-group, ddsweb-date-input, ddsweb-date-picker, ddsweb-dropdown, ddsweb-filter-tabs, ddsweb-password-entry, ddsweb-password-entry-group, ddsweb-password-creation, ddsweb-radio-button, ddsweb-radio-button-with-label, ddsweb-radio-button-group, ddsweb-skip-to-content, ddsweb-multiselect-dropdown, ddsweb-toggle, ddsweb-progress-bar, ddsweb-breadcrumb, ddsweb-link-list, ddsweb-messaging-card, ddsweb-nutritional-info, ddsweb-page-action-control, ddsweb-product-header, ddsweb-pagination-bar, ddsweb-pagination, ddsweb-popover, ddsweb-search-input, ddsweb-segmented-controller, ddsweb-step-indicator, ddsweb-tabs-menu, ddsweb-tabs, ddsweb-accordion, ddsweb-colleague-table, ddsweb-table, ddsweb-footer, ddsweb-value-bar, ddsweb-value-tile, ddsweb-global-navigation, ddsweb-sidebar-panel, ddsweb-sidebar-navigation, ddsweb-toolkit-navigation, ddsweb-local-navigation; } @layer ddsweb-organisms { @layer ddsweb-colleague-news-tile, ddsweb-banner, ddsweb-carousel, ddsweb-consent-banner, ddsweb-content-group, ddsweb-content-stamps, ddsweb-context-card, ddsweb-cookies-notification, ddsweb-icon-stamps, ddsweb-modal, ddsweb-sidebar, ddsweb-rewards-tile; } @layer ddsweb-base { @layer ddsweb-theme { :root { --ddsweb-theme-name: default; } } } .template-wrapper:has([data-mfe='mfe-pdp']) { max-width: 1512px; } .LZbHitedHvndpxg { overflow: hidden; background: var(--ddsweb-theme-colors-background-base); padding: var(--ddsweb-theme-spacing-sm); height: 100%; } .LZbHitedHvndpxg span[class*='fullStopRed'] { margin: 0; } @media (min-width: 1008px) { .LZbHitedHvndpxg { padding-right: var(--ddsweb-theme-spacing-xl); } } @media (min-width: 756px) and (max-width: 1259px) { .LZbHitedHvndpxg { width: calc(100vw - 238px); } } .XX02bVGNGoJbxm5{ font-family: var(--ddsweb-theme-base-font-family); margin-left: 0; } @media (min-width: 756px) { .XX02bVGNGoJbxm5{ margin: var(--ddsweb-theme-spacing-xs) 0 var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-xs); } } .zc3gBZiM13DSVRr & nav.waOoKufT6U5lWHH { background-color: unset; } .zc3gBZiM13DSVRr .ddsweb-breadcrumb__current-page { max-width: 315px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .zc3gBZiM13DSVRr & div.kVyfJ9dJwVf4LKq { border: 0; padding-top: 0; } .zc3gBZiM13DSVRr & nav { padding-left: 0; } .Q1N6G3ybiD1Sx8j{ font-family: var(--ddsweb-theme-base-font-family); } .y9chcOtM6BG7M3A { width: 228px; font-family: var(--ddsweb-theme-base-font-family); white-space: normal; } .y9chcOtM6BG7M3A > div { display: block; padding: 0; } .dCbM4x1N9N4TRpD { margin-top: var(--ddsweb-theme-spacing-sm); padding: 0 var(--ddsweb-theme-spacing-sm); text-decoration: none; } .dCbM4x1N9N4TRpD h3 { font-size: var(--ddsweb-theme-spacing-md); } .dCbM4x1N9N4TRpD h3:hover { color: inherit; } .dCbM4x1N9N4TRpD:focus { text-decoration: underline; } .KTaE_CEm62CbtZB { padding: 0 var(--ddsweb-theme-spacing-sm); } .Gn90qCtrnbKOx6G { margin-top: var(--ddsweb-theme-spacing-xs); } .Gn90qCtrnbKOx6G > div { margin-bottom: var(--ddsweb-theme-spacing-sm); } .YjM96XFwDlPsiHx .ddsweb-form-group__children > div { width: auto; } .YjM96XFwDlPsiHx .ddsweb-buybox__price p { font-size: var(--ddsweb-theme-spacing-md); } .YjM96XFwDlPsiHx .ddsweb-quantity-controls__remove-button { margin-right: var(--ddsweb-theme-spacing-xs); } .hKqoc6jmaqbiy0K { position: relative; padding-top: var(--ddsweb-theme-spacing-xx); } .hKqoc6jmaqbiy0K > div { z-index: 0; } .ucSWznNIDbTuKcn { width: 100%; } .ucSWznNIDbTuKcn:focus-visible { display: block; } .nJX_ChFdDpoqvSE { margin-top: 40px; margin-bottom: var(--ddsweb-theme-spacing-xxl); } .hi4pqTRiUnEYJPF { color: #00539f; text-wrap: wrap; } .kMKzEhV9gUGzHac { margin-bottom: var(--ddsweb-theme-spacing-md); } .HnykNgbyVMY3MGe{ height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .awNbgqJ_vwoBgdY { height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } .J_0_6LDBThsLTZt { width: 228px; font-family: var(--ddsweb-theme-base-font-family); white-space: normal; } .J_0_6LDBThsLTZt > div { display: block; padding: 0; } .XrIm6ByMY27wrNK { margin-top: var(--ddsweb-theme-spacing-sm); padding: 0 var(--ddsweb-theme-spacing-sm); text-decoration: none; } .XrIm6ByMY27wrNK h3 { font-size: var(--ddsweb-theme-spacing-md); } .XrIm6ByMY27wrNK h3:hover { color: inherit; } .XrIm6ByMY27wrNK:focus { text-decoration: underline; } .Spqb2tm6o0g0xmy { display: grid; margin-top: var(--ddsweb-theme-spacing-xl); } .Spqb2tm6o0g0xmy .ddsweb-carousel__item-container { display: inline-flex; margin-top: var(--ddsweb-theme-spacing-md); margin-bottom: var(--ddsweb-theme-spacing-md); } .ZtRKHjrFhsgLu1t { margin-top: var(--ddsweb-theme-spacing-xxxl); margin-bottom: var(--ddsweb-theme-spacing-xxl); } .FW5Itlp41uy_0kx { color: var(--ddsweb-theme-colors-tesco-blue); } .GEcGN4rY3tAdOfd { padding: 0 var(--ddsweb-theme-spacing-sm); } .NV5KrKCO0eofbKQ { margin-top: var(--ddsweb-theme-spacing-xs); } .NV5KrKCO0eofbKQ > div { margin-bottom: var(--ddsweb-theme-spacing-sm); } .x8aultZ6cp4pCJq .ddsweb-form-group__children > div { width: auto; } .x8aultZ6cp4pCJq .ddsweb-buybox__price p { font-size: var(--ddsweb-theme-spacing-md); } .x8aultZ6cp4pCJq .ddsweb-quantity-controls__remove-button { margin-right: var(--ddsweb-theme-spacing-xs); } .Pme8HcgERWxyUQh { position: relative; padding-top: var(--ddsweb-theme-spacing-xx); } .Pme8HcgERWxyUQh > div { z-index: 0; } .pP0ylvgAY9FmEGk { width: 100%; } .P5Bdbrp_KCDP_15 { height: 134px; width: 134px; margin: auto; margin-top: var(--ddsweb-theme-spacing-sm); } .xGJ6waKSn0U8ZkF { display: grid; } .xGJ6waKSn0U8ZkF .ddsweb-carousel__item-container { display: inline-flex; } .D6tSpRTG2wT4tCb{ margin: 0 0 var(--ddsweb-theme-spacing-sm); } .OobGYfu9hvCUvH6{ margin: 0 0 var(--ddsweb-theme-spacing-md); } .QhtPR2LZPKOnKcE{ display: block; white-space: pre-line; } .kjo809roPhwnXIZ { margin-left: var(--ddsweb-theme-spacing-xl); } .nw8FUdI4ntTTv5I { display: inline-block; } .nw8FUdI4ntTTv5I svg { height: 78px; width: 78px; background-size: 78px; margin: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-lg) var(--ddsweb-theme-spacing-sm) 0; } .KefyClY6NpfAk_q { font-family: var(--ddsweb-theme-font-family-text); color: var(--ddsweb-theme-colors-grayscale); -webkit-tap-highlight-color: transparent; box-sizing: border-box; outline: none; position: relative; } .KefyClY6NpfAk_q .RNEGJ486p9x6dl0 { border-collapse: collapse; padding: 0; width: 100%; } .KefyClY6NpfAk_q .RNEGJ486p9x6dl0 th, .KefyClY6NpfAk_q .RNEGJ486p9x6dl0 td { border: 1px solid var(--ddsweb-theme-colors-lines-base); font-size: var(--ddsweb-theme-font-size-xs); line-height: var(--ddsweb-theme-spacing-md); padding: var(--ddsweb-theme-spacing-xx); vertical-align: top; max-width: 60px; text-align: start; word-break: break-word; } .KefyClY6NpfAk_q .RNEGJ486p9x6dl0 tbody th { font-weight: normal; color: var(--ddsweb-theme-colors-grayscale); } .GTMMgbiSts3Y1nk .RNEGJ486p9x6dl0 tbody th { font-weight: var(--ddsweb-theme-font-weight-text); color: var(--ddsweb-theme-colors-base); } [data-mfe='mfe-pdp'] .NYTzFRWcFqtoY2x { margin: var(--ddsweb-theme-spacing-sm) 0; } .qz8EsCrak1VsQup{ padding-top: var(--ddsweb-theme-spacing-xs) } .p3naBl8yaGVb7Uy{ padding-bottom: var(--ddsweb-theme-spacing-xs) } .FpKL1oaBBzLFGEf { color: var(--ddsweb-theme-colors-heading); font-weight: 700; } .eZzgBRJXxxtZh9d { margin-left: var(--ddsweb-theme-spacing-xl); line-height: var(--ddsweb-theme-line-height-next-text-md); } .Dp49u1yJsD11zUh { color: var(--ddsweb-theme-colors-primary); font-size: var(--ddsweb-theme-font-size-xs); font-style: normal; font-weight: 700; margin-right: var(--ddsweb-theme-spacing-xx); margin-left: var(--ddsweb-theme-spacing-xx); } .jV3yqyua4h9o9zU { margin: 0; } .iO2wBrVm8wGLcJV { margin-bottom: var(--ddsweb-theme-spacing-xl); } ._6lLht7t6pO_wDE { margin-bottom: var(--ddsweb-theme-spacing-md); } .oV1FULnoPOdOybu { padding: var(--ddsweb-theme-spacing-xl) 0; } .oJz3l14vnvNMj5n { border: 1px solid var(--ddsweb-theme-colors-lines-base); background: var(--ddsweb-theme-colors-background-base); padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-md); } .TOnnGPkTlCnE36L { color: var(--ddsweb-theme-colors-heading); } .lerp8aTzrm6OIz7 { padding-left: 32px; } .TUddAB9EEcucejz { color: var(--ddsweb-theme-colors-text-base); font-size: var(--ddsweb-theme-font-size-xs); font-style: normal; font-weight: 400; } .d8B63qIhbAEAueH { margin: var(--ddsweb-theme-spacing-xl); } .d8B63qIhbAEAueH .xixmdQjwPuw4kWD { font-weight: bold; } .d8B63qIhbAEAueH li { color: var(--ddsweb-theme-colors-text); font-size: var(--ddsweb-theme-font-size-xs); font-style: normal; font-weight: 400; padding: 0 var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xs); } .UUvn42Kw2vtSstu { font-weight: var(--ddsweb-theme-font-weight-heading); } .j_stZbHwaXq44fW { margin-top: var(--ddsweb-theme-spacing-xl); } ._3XfFA0_SQfJGS4 { line-height: var(--ddsweb-theme-spacing-lg); margin-top: var(--ddsweb-theme-spacing-lg); color: var(--ddsweb-theme-colors-grayscale); font-size: var(--ddsweb-theme-font-size-xs); margin-bottom: 0px; } .RptTVfiSU4jCQTC { margin-bottom: var(--ddsweb-theme-spacing-md); } .uCitUWgLigQyYjt { font-family: var(--ddsweb-theme-font-family-text); } .ILAuM5ZwahtJKTg { padding-bottom: var(--ddsweb-theme-spacing-sm); font-size: var(--ddsweb-theme-font-size-xs); font-weight: var(--ddsweb-theme-font-weight-heading); } [data-mfe='mfe-pdp'] .uCitUWgLigQyYjt .ddsweb-nutritional-info-item { box-sizing: unset; } [data-mfe='mfe-pdp'] .UVkfytJs1FWtNNo { margin-bottom: var(--ddsweb-theme-spacing-lg); } :root { --mfe-pdp-dietary-bg-color: #005200; } .evIOzVnY7JPAmb8 { display: flex; column-gap: var(--ddsweb-theme-spacing-xs); margin-bottom: var(--ddsweb-theme-spacing-lg); } .HUQ7XYZAWa_Nd5d { color: inherit; } .boFW2P2tRbRD5D_ { display: flex; align-items: center; background: var(--mfe-pdp-dietary-bg-color); max-width: 110px; height: var(--ddsweb-theme-spacing-xl); color: var(--ddsweb-theme-colors-white); padding: 0 var(--ddsweb-theme-spacing-xs); } .boFW2P2tRbRD5D_ svg { margin: var(--ddsweb-theme-spacing-xx); margin-left: var(--ddsweb-theme-spacing-xs); width: auto; } /* Mobile-first styles */ .mnwM3actwF_P5wK { margin-top: 0; } .mnwM3actwF_P5wK > h2 { font-size: var(--ddsweb-theme-spacing-lg); } .mnwM3actwF_P5wK [data-accordion] > h2 { font-size: var(--ddsweb-theme-spacing-md); } @media (min-width: 756px) { .mnwM3actwF_P5wK { margin-top: 48px; } } .azuiWe2GnJXyab4 { margin: var(--ddsweb-theme-spacing-xl) 0; font-family: var(--ddsweb-theme-font-family-text); -webkit-font-smoothing: antialiased; } .azuiWe2GnJXyab4 div > *, .azuiWe2GnJXyab4 button { padding-left: 0; } .azuiWe2GnJXyab4 button:hover > span, .azuiWe2GnJXyab4 button:focus > span { color: var(--ddsweb-theme-colors-link-active); } .lXYbsroaWYgUPBH { display: flex; column-gap: var(--ddsweb-theme-spacing-xs); margin-bottom: var(--ddsweb-theme-spacing-lg); } .g6BIzh45mSJTtAz { display: flex; column-gap: var(--ddsweb-theme-spacing-xs); margin-bottom: var(--ddsweb-theme-spacing-lg); } .yIvy1RyqoMi2FN5 { width: 100%; } .M674yIv6vDWXCsF { margin-top: var(--ddsweb-theme-spacing-sm); margin-bottom: var(--ddsweb-theme-spacing-sm); width: 100%; } .oZnKHpDtnPmufmW { line-height: var(--ddsweb-theme-spacing-xl); color: var(--ddsweb-theme-colors-heading); } /* TODO - change this to mobile first approach */ @media (max-width: 503px) { .oZnKHpDtnPmufmW { font-size: var(--ddsweb-theme-font-size-xs); } } .fh7ITb_yXWI2y_9 { font-weight: 400; line-height: var(--ddsweb-theme-spacing-lg); margin-right: var(--ddsweb-theme-spacing-sm); color: var(--ddsweb-theme-colors-grayscale); } .kosCFqSYiYD7uD7 { display: flex; margin-top: var(--ddsweb-theme-spacing-xs); margin-bottom: var(--ddsweb-theme-spacing-sm); } .gGMjaKmTJUPoLEJ { margin-bottom: var(--ddsweb-theme-spacing-xl); } @media (min-width: 504px) { .gGMjaKmTJUPoLEJ { font-size: var(--ddsweb-theme-spacing-xxl); } } .E7eRDtEL_aObN0M { margin: var(--ddsweb-theme-spacing-xl) 0; } .vkhIh03l_nCv5DF { margin: var(--ddsweb-theme-spacing-xl) 0; color: var(--ddsweb-theme-colors-grayscale); } .aECk_o43U5I6kVV { margin-bottom: var(--ddsweb-theme-spacing-xl); font-family: var(--ddsweb-theme-base-font-family); } .aECk_o43U5I6kVV .ddsweb-link__icon-container { margin-right: 0; } .X37eryWhD52X7Y0 { margin-top: var(--ddsweb-theme-spacing-sm); margin-bottom: var(--ddsweb-theme-spacing-sm); width: 100%; } .fKSVFikz1ftZWo5 { margin-top: var(--ddsweb-theme-spacing-sm); } /* TODO - change this to mobile first approach */ @media (max-width: 503px) { .fKSVFikz1ftZWo5 { font-size: var(--ddsweb-theme-font-size-xs); } } @media (min-width: 504px) { .fKSVFikz1ftZWo5 { font-size: var(--ddsweb-theme-font-size-sm); } } .r2rHaOyY29E1api { margin-top: var(--ddsweb-theme-spacing-xs); } .fJUTA6YJyshf0cN { margin-top: var(--ddsweb-theme-spacing-xs); } .H6BI41_ijUixbTx { margin-top: var(--ddsweb-theme-spacing-xs); } .o4cxBxL61RQP4u4 { color: var(--ddsweb-theme-colors-grayscale); } .nT6QV82tgJCN2Fq { min-height: auto; } .SNCRkHgZ4fdoZsP { color: var(--ddsweb-theme-colors-heading); font-weight: 700; } .y4KqQiiwS5_MCUf { color: var(--ddsweb-theme-colors-grayscale); margin-left: var(--ddsweb-theme-spacing-xx); } .aGZf1DwkYF61Ypz { margin-top: var(--ddsweb-theme-spacing-sm); } .Ae9ktM_AnOPogZL { margin-right: var(--ddsweb-theme-spacing-sm); min-height: auto; } .atCH2_SFEUFErX9 { text-align: center; } .XrJA9XDAMk7CMk0 { display: flex; margin-top: var(--ddsweb-theme-spacing-xx); } .HW6u1eqqgUMtUph { padding: var(--ddsweb-theme-spacing-xx); } .Gn3FoX1I4o4prd8 { display: block; text-align: center; margin-top: var(--ddsweb-theme-spacing-sm); color: var(--ddsweb-theme-colors-grayscale); } .yMPmz67OkTJmgHr { display: flex; flex-direction: column; justify-content: center; width: 100%; margin-bottom: var(--ddsweb-theme-spacing-lg); } .yMPmz67OkTJmgHr a, .yMPmz67OkTJmgHr button { margin-bottom: var(--ddsweb-theme-spacing-sm); margin-left: var(--ddsweb-theme-spacing-sm); margin-right: var(--ddsweb-theme-spacing-sm); } @media (min-width: 756px) { .yMPmz67OkTJmgHr { flex-direction: row-reverse; } .yMPmz67OkTJmgHr a, .yMPmz67OkTJmgHr button { margin-bottom: 0; } .yMPmz67OkTJmgHr a:first-child, .yMPmz67OkTJmgHr button:first-child { margin-right: 0; } .yMPmz67OkTJmgHr a:last-child, .yMPmz67OkTJmgHr button:last-child { margin-left: 0; } } .wKIxJW9n9gH89GH { margin-bottom: var(--ddsweb-theme-spacing-lg); } .U1V5I76h1K7ADWP { margin-bottom: var(--ddsweb-theme-spacing-xl); } .qnAZSoELirN14Oj { margin: var(--ddsweb-theme-spacing-xl) 0; width: 100%; } .LxTJAUfycvAoqHL { display: block; color: var(--ddsweb-theme-colors-heading); } .lJykraEMquoBbq6 { margin-top: var(--ddsweb-theme-spacing-xl); font-weight: 700; } .lJykraEMquoBbq6 .ddsweb-button__inner-container { display: flex; column-gap: var(--ddsweb-theme-spacing-xx); align-items: center; } .lJykraEMquoBbq6 .ddsweb-button__inner-container > [class^='LoadingSpinner'] { top: 2px; position: relative; } .Fum38OB3ve1RXAx { font-weight: 700; } ._4B4CsCPxyUrSE2 { display: flex; align-items: center; gap: var(--ddsweb-theme-spacing-xx); font-family: var(--ddsweb-theme-font-family-text); } .lel7dApsssjT4C3 { margin-top: var(--ddsweb-theme-spacing-xl); } .ExLKStOxoJ0pIQf { display: flex; flex-direction: row; } .xnTQPuea5JsKmnL { padding: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx) 0; } .EXaravs4lAvOBpg { padding-top: var(--ddsweb-theme-spacing-xxx); color: var(--Text-Palette-Body-Grey, #666); font-feature-settings: 'liga' off, 'clig' off; font-family: var(--ddsweb-theme-font-family-text); font-size: var(--ddsweb-theme-font-size-xx); line-height: var(--ddsweb-theme-line-height-heading-xs); } .k07USzTBsPoAkG9 { display: flex; margin-right: var(--ddsweb-theme-spacing-md); margin-top: var(--ddsweb-theme-spacing-xs); gap: var(--ddsweb-theme-spacing-sm); } .qwjE0ytR1vc2N3P { color: var(--Text-Palette-Body-Grey, #666); font-feature-settings: 'liga' off, 'clig' off; font-family: var(--ddsweb-theme-font-family-text); font-size: var(--ddsweb-theme-font-size-xx); line-height: var(--ddsweb-theme-line-height-heading-xs); } .T0bNRreBrSBm10h { color: var(--Typography-colour-text-body, #666); font-feature-settings: 'liga' off, 'clig' off; font-family: var(--ddsweb-theme-font-family-text); font-size: var(--ddsweb-theme-font-size-xxx); margin-top: var(--ddsweb-theme-spacing-xs); } .E25pIxElNaivOev { display: flex; flex-direction: column; align-items: flex-start; padding: var(--ddsweb-theme-spacing-sm) 0; } .sLLuoU83bVVQdPT { color: var(--Text-Palette-Header-Grey, #333); font-feature-settings: 'liga' off, 'clig' off; font-family: var(--ddsweb-theme-font-family-text); font-size: var(--ddsweb-theme-font-size-xs); font-weight: var(--ddsweb-theme-font-weight-heading); line-height: var(--ddsweb-theme-line-height-heading-xs); margin: var(--ddsweb-theme-spacing-sm) 0 var(--ddsweb-theme-spacing-xx) 0; } .rBSFtRFU2q0Wob6 { color: var(--Text-Palette-Body-Grey, #666); font-feature-settings: 'liga' off, 'clig' off; font-family: var(--ddsweb-theme-font-family-text); font-size: var(--ddsweb-theme-font-size-xs); line-height: var(--ddsweb-theme-line-height-text-xs); margin-top: var(--ddsweb-theme-spacing-xs); } .ZdMPHehHr6jsWfM { margin-right: var(--ddsweb-theme-spacing-sm); } .t59SYNrgO0tUL__ { color: var(--Typography-colour-text-header-primary, #333); font-family: var(--ddsweb-theme-base-font-family); font-size: var(--ddsweb-theme-font-size-xx); font-weight: var(--ddsweb-theme-font-weight-heading); line-height: var(--ddsweb-theme-line-height-heading-xs); } .VsykXzdBWhozX2o { margin-top: var(--ddsweb-theme-spacing-xs); } .nb8EuGPHEwF3SnN { display: flex; } @media (max-width: 1260px) { .nb8EuGPHEwF3SnN { flex-direction: column; } } .GTvFS2m6BDp7Jjg { width: 388px; margin-right: var(--ddsweb-theme-spacing-xxxl) } @media (max-width: 1260px) { .GTvFS2m6BDp7Jjg { width: 100%; } } .ZEtAs5p6HPhDqvC { flex: 1 } .Em5TqmyfLqaEODC { width: 100%; } .ZBVjDt79jH3VRMT { margin: var(--ddsweb-theme-spacing-xx) 0 var(--ddsweb-theme-spacing-sm) 0; } .jy7ZLII5BUgGw98 { font-size: var(--ddsweb-theme-font-size-md); line-height: var(--ddsweb-theme-line-height-heading-md); font-weight: var(--ddsweb-theme-font-weight-heading); font-family: var(--ddsweb-theme-font-family-heading); } .KArKiRjiNuizhKV { margin-bottom: var(--ddsweb-theme-spacing-xxxl); font-family: var(--ddsweb-theme-font-family-text); } @media (min-width: 1260px) { .KArKiRjiNuizhKV { margin-bottom: 0; } } .mDr11VZymLtFW4G { position: relative; cursor: pointer; display: flex; justify-content: center; } .FENvzUNohQcpvRg { margin: 0 auto; width: 296px; height: 296px; } @media (min-width: 504px) { .FENvzUNohQcpvRg { width: 378px; height: 378px; } } @media (min-width: 1260px) { .FENvzUNohQcpvRg { width: 480px; height: 480px; } } .NepJYcmC1C8af8v img { object-fit: contain; max-width: fit-content; height: 100%; transition: transform 0.12s ease-in-out 0s; } @media (min-width: 504px) { .NepJYcmC1C8af8v { object-fit: contain; max-width: fit-content; height: 100%; } } @media (min-width: 1008px) { .NepJYcmC1C8af8v { height: 100%; } } .ptPBBnWn5Qy53sZ { height: 100%; } @media (min-width: 1008px) { .ptPBBnWn5Qy53sZ { overflow: visible; } } .BQBE0i8UpEPpS5M { width: 100%; height: 100%; overflow: scroll; } @media (min-width: 1008px) { .BQBE0i8UpEPpS5M { width: auto; overflow: visible; } } .O0OgbjbNHt5IJcq { cursor: pointer; transition: 0.3s; } .O0OgbjbNHt5IJcq:hover { opacity: 0.5; } .NyltjaWFmWqwKRs { cursor: zoom-out; } .aBO9K54LJ6iOl5u { transform: scale(1); cursor: zoom-in; transform-origin: 0% 0%; } @media (min-width: 504px) { .rILKJIuLY3azcds .ddsweb-modal__inner-container .ddsweb-heading { font-size: var(--ddsweb-theme-font-size-md); } } .rILKJIuLY3azcds .ddsweb-modal__content { height: 100%; overflow: hidden; } .rILKJIuLY3azcds > div { display: flex; flex-direction: column; height: 100%; position: relative; max-height: calc(100vh - 24px); } .rILKJIuLY3azcds { max-width: none; width: 94%; height: 100%; } .uewnqUTUkYRNFpC { margin-bottom: var(--ddsweb-theme-spacing-lg); height: 100%; } .uewnqUTUkYRNFpC > .zoomImageModalContainer { display: flex; justify-content: center; align-items: center; overflow: hidden; height: 100%; } .yiGY11G6nhYqLnI { margin: var(--ddsweb-theme-spacing-xx); position: absolute; z-index: 1; bottom: var(--ddsweb-theme-spacing-sm); right: 0; } .yiGY11G6nhYqLnI.xhr5NcQiEwqRjvJ { margin-right: 52px; } .uewnqUTUkYRNFpC .zoomImageModalContainer { height: calc(100% - 100px); } .X8njtBaitUZOh6T .zoomImageModalContainer { height: calc(100% - 122px); } @media (min-width: 504px) { .yiGY11G6nhYqLnI { top: 50%; } .yiGY11G6nhYqLnI.xhr5NcQiEwqRjvJ { left: 0; } .yiGY11G6nhYqLnI.D3cf5yCMq_M9HzH { right: 0; } .uewnqUTUkYRNFpC .zoomImageModalContainer { height: calc(100% - 118px); } .rILKJIuLY3azcds { width: 96%; } } @media (min-width: 1260px) { .yiGY11G6nhYqLnI { margin: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs); } .rILKJIuLY3azcds { width: 98%; } } .xDhKm8dGrexHmtO { position: absolute; bottom: 0; left: 0; display: flex; width: 120px; margin: 0 var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xx); } .p3euqpoAeerb1Tq { margin: var(--ddsweb-theme-spacing-xs) 0; } .e8DX3DXbisEOqcI { margin: var(--ddsweb-theme-spacing-xs) 0 0 var(--ddsweb-theme-spacing-xs); } .YVsQZB1hQzIqxA3 { position: relative; height: 100%; } .XVNiCYIMZ8apDSi { background-color: var(--ddsweb-theme-colors-black); display: inline-block; padding: 1px var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs); position: absolute; bottom: var(--ddsweb-theme-spacing-sm); right: var(--ddsweb-theme-spacing-sm); } .HVASit6bN3QH5ml { color: var(--ddsweb-theme-colors-white); font-weight: var(--ddsweb-theme-font-weight-heading); } .SXAvV_fX_W3CZHq { display: flex; align-items: center; justify-content: center; right: 0; bottom: var(--ddsweb-theme-spacing-xs); position: relative; margin: 0 auto; margin-top: var(--ddsweb-theme-spacing-xl); max-width: 95vw; } .productImageCaraousalModal.SXAvV_fX_W3CZHq { position: absolute; bottom: 0px; width: 100%; } .x8VyClAQ3Yvm2UX { display: flex; flex-wrap: nowrap; overflow-x: hidden; padding: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xx) 0; } .M5CimHhLIPG8DrF .x8VyClAQ3Yvm2UX { /* Mobile default */ display: flex; } @media (min-width: 1008px) { /* aboveTabletLarge breakpoint */ .x8VyClAQ3Yvm2UX { padding: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx) 0; } } @media (min-width: 1260px) { /* aboveDesktop breakpoint */ .x8VyClAQ3Yvm2UX { max-width: 400px; } } .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU { position: relative; background: none; border-width: var(--ddsweb-theme-spacing-xx); border-style: solid; border-color: transparent; outline: none; box-shadow: none; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0 var(--ddsweb-theme-spacing-xx); scroll-margin-inline: 4px; } .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU.NF48DQ5mmXVhVIE, .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU:hover, .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU:focus-visible, .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU.NF48DQ5mmXVhVIE img, .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU:hover img, .x8VyClAQ3Yvm2UX .I1pHQp7UVev35pU:focus-visible img { border-color: var(--ddsweb-theme-colors-primary); } .ddsweb-modal__content-container .x8VyClAQ3Yvm2UX { max-width: 100%; } .R4ybIcSHXyCcBEj { border: var(--ddsweb-theme-spacing-xxx) solid var(--ddsweb-theme-colors-primary); border-radius: 50%; position: absolute; right: calc(-1 * var(--ddsweb-theme-spacing-xs)); top: calc(-1 * var(--ddsweb-theme-spacing-xs)); background-color: var(--ddsweb-theme-colors-background-base); cursor: default; width: var(--ddsweb-theme-spacing-xl); height: var(--ddsweb-theme-spacing-xl); padding: var(--ddsweb-theme-spacing-xx); z-index: 1; display: flex; align-items: center; justify-content: center; } .R4ybIcSHXyCcBEj .ddsweb-messaging__icon-svg path:nth-of-type(1) { fill: none; } .R4ybIcSHXyCcBEj .ddsweb-messaging__icon-svg path:nth-of-type(2) { fill: var(--ddsweb-theme-colors-primary); } .xSm80IhV1O0hRhf { object-fit: contain; height: 100%; width: 100%; border-width: 1px; border-style: solid; border-color: var(--ddsweb-theme-colors-lines-base); } .s53vOZAw6jk9oEA { object-fit: cover; cursor: pointer; padding: var(--ddsweb-theme-spacing-xxx); width: 88px; display: flex; align-items: center; justify-content: center; } .VYawoyiyUTH9rfu { height: 88px; } .i73EMPZ0sfIbPX7 { height: 110px; } @media (min-width: 504px) { /* aboveMobileLarge breakpoint */ .s53vOZAw6jk9oEA { width: 88px; } .VYawoyiyUTH9rfu { height: 88px; } .i73EMPZ0sfIbPX7 { height: 105px; } } .GJAHjXh07LVMopa { cursor: pointer; transition: 0.3s; } .GJAHjXh07LVMopa:hover { opacity: 0.5; } .nbxNPCoXaoStSXa { margin: var(--ddsweb-theme-spacing-xx); min-width: 40px; } .Gex1SmD1ScM0lET { margin-right: 0; } .rLfxNFkQ8wx6RNQ { margin-left: 0; } .h9NDIrtVdWO28_W { margin: var(--ddsweb-theme-spacing-xs) 0 var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xs); position: absolute; bottom: var(--ddsweb-theme-spacing-sm); left: var(--ddsweb-theme-spacing-sm); } .m7Gaj6HJyRWeT2B { margin: 0 auto; width: 100%; height: auto; object-fit: contain; } .xx5oawTvF7HOwaA > div { z-index: 0; } .ioh8JiUK4oOb8Pd { position: relative; overflow: hidden; width: 100%; } .m11ES32rZWLMMZ5 { display: flex; transition: transform 0.3s ease; touch-action: pan-y; } .l3WJOuDs2cq6zn5{ font-size: var(--ddsweb-theme-font-size-xx); } .ASWiPWS5wVQMq0_ { margin-bottom: var(--ddsweb-theme-spacing-sm); font-family: var(--ddsweb-theme-base-font-family); } .ASWiPWS5wVQMq0_ .ddsweb-link__icon-container { margin-right: 0; } .wBxYOfV40uC02Ki { box-sizing: border-box; } .zj9sUa131nvJTJm { margin-bottom: var(--ddsweb-theme-spacing-xs); color: var(--ddsweb-theme-colors-base); font-weight: 700; } .kRqz21aqjk9g6_Y { margin-bottom: var(--ddsweb-theme-spacing-md); margin-top: 0; color: var(--ddsweb-theme-colors-grayscale); } .F_e4BNb2yO4hl79 { color: var(--ddsweb-theme-colors-grayscale); margin: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-md); } .bEmuL0vHsS5_cQk { margin-bottom: var(--ddsweb-theme-spacing-xl); } .bEmuL0vHsS5_cQk label { color: var(--ddsweb-theme-colors-error); } .bEmuL0vHsS5_cQk .ddsweb-checkbox-with-label__label { color: var(--ddsweb-theme-colors-base); font-weight: 700; height: var(--ddsweb-theme-spacing-xs); } .mIGodxUqiqIKWGZ { margin-bottom: var(--ddsweb-theme-spacing-md); } .MG4dy8nrXwmRCaI { margin-bottom: var(--ddsweb-theme-spacing-xl); } .ptyl3ou_T7fn3Xq { margin-bottom: var(--ddsweb-theme-spacing-xs); } .ptyl3ou_T7fn3Xq:last-child { margin-bottom: 0; } ._1i_5VvEC7n6GwYr { margin-top: var(--ddsweb-theme-spacing-lg); margin-bottom: var(--ddsweb-theme-spacing-xl); } ._1i_5VvEC7n6GwYr label { display: block; margin-bottom: var(--ddsweb-theme-spacing-xs); color: var(--ddsweb-theme-colors-base); font-weight: 400; font-size: var(--ddsweb-theme-base-font-size); } ._1i_5VvEC7n6GwYr textarea { border: 1px solid var(--ddsweb-theme-colors-lines-light); border-radius: 4px; background-color: var(--ddsweb-theme-colors-background-base); width: 100%; min-height: 100px; } .zRDJVK7cDT9eJBP { font-size: var(--ddsweb-theme-base-font-size); color: var(--ddsweb-theme-colors-grayscale); margin-top: var(--ddsweb-theme-spacing-xs); margin-bottom: 0; } .njLFm7nhJJXbeRN { color: var(--ddsweb-theme-colors-grayscale); font-weight: 400; } .XMOx8hOXPm5wifK { display: flex; justify-content: flex-start; gap: var(--ddsweb-theme-spacing-md); margin-top: var(--ddsweb-theme-spacing-xl); } .xtJUBC1IXP0ieDG { min-width: 120px; } .Sl1TddHm25sJfCf { margin-left: var(--ddsweb-theme-spacing-md); } .qBvoSOGVDaKp57c { color: var(--ddsweb-theme-colors-grayscale); margin-top: 0; } .SBFKJq9UxQ1z5J7 { text-align: center; margin-bottom: var(--ddsweb-theme-spacing-xl); } .SBFKJq9UxQ1z5J7 p { margin-top: var(--ddsweb-theme-spacing-md); color: var(--ddsweb-theme-colors-base); } [data-mfe='mfe-pdp'] .jC9Q5Xc5kmPPJfy { color: var(--ddsweb-theme-colors-heading); } [data-mfe='mfe-pdp'] .t9pk6aC9By8Dpre { font-weight: var(--ddsweb-theme-font-weight-text); color: var(--ddsweb-theme-colors-text-base); } [data-mfe='mfe-pdp'] .kDr26IAJTEPipfW { margin-bottom: var(--ddsweb-theme-spacing-md); } [data-mfe='mfe-pdp'] .Th1mHjTCKWSn6q3 { color: var(--ddsweb-theme-colors-heading); font-weight: var(--ddsweb-theme-font-weight-heading); padding-top: var(--ddsweb-theme-spacing-md); } .IyWrVJAgjBjej_b { font-weight: var(--ddsweb-theme-font-weight-heading); } ._50uW7dzXObXZ9J { color: var(--ddsweb-theme-colors-link-base); font-size: var(--ddsweb-theme-font-size-xs); font-weight: var(--ddsweb-theme-font-weight-heading); margin-right: var(--ddsweb-theme-spacing-xx); font-style: normal; } .XegKz4SfZd1LjuZ { font-size: var(--ddsweb-theme-font-size-xx); color: var(--ddsweb-theme-colors-text-base); margin-top: var(--ddsweb-theme-spacing-md); } .W2yVP_HAmVpykAO > li { color: var(--ddsweb-theme-colors-text-base); font-size: var(--ddsweb-theme-font-size-xs); font-weight: var(--ddsweb-theme-font-weight-text); font-style: normal; } .cwtD2gfnykQS6rD { border: 1px solid var(--ddsweb-theme-colors-lines-base); background: var(--ddsweb-theme-colors-background-base); padding: var(--ddsweb-theme-spacing-md); } .vaS_MDvqDopDZjv { padding: var(--ddsweb-theme-spacing-xl) 0; } .I7FUl6gcAlt6jxO { color: var(--ddsweb-theme-colors-primary); cursor: pointer; text-decoration: underline; } .I7FUl6gcAlt6jxO:hover { text-decoration: none; } .qWMfM5oc6lP5YVA{ display: flex; flex-direction: row; align-items: center; } .UFw2NVGLqXyAPLy{ height: var(--ddsweb-theme-spacing-xl); } .vbmm8Ekteo7Z_p6{ color: var(--ddsweb-theme-colors-grayscale); font-size: var(--ddsweb-theme-font-size-xx); width: 45px; height: var(--ddsweb-theme-spacing-xl); display: inline; } .S2dBDq7p7LLE6HB{ color: var(--ddsweb-theme-colors-link-base); font-size: var(--ddsweb-theme-font-size-xx); font-style: normal; font-weight: var(--ddsweb-theme-font-weight-heading); padding-left: var(--ddsweb-theme-spacing-xs); text-decoration: none; } .S2dBDq7p7LLE6HB:hover { text-decoration: underline; } .n3EDMMlf_KvbhPw { align-items: stretch; flex-direction: column; gap: var(--ddsweb-theme-spacing-xx); border-top: 1px solid var(--ddsweb-theme-colors-lines-base); position: fixed; top: 118px; z-index: 2; left: 0; background: var(--ddsweb-theme-colors-background-base); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); align-self: stretch; box-sizing: border-box; width: 100%; padding: 5px var(--ddsweb-theme-spacing-xs); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; display: flex; } .HJyUW9nLcy5OdEi { display: none; } .ZNy3VZt9W6VOGLs { transform: translateY(0); } .ngJg2ZY03c5SfbK { transform: translateY(-100%); } .n3EDMMlf_KvbhPw .ddsweb-in-page-messaging__container { display: none; } .XavYYFhn7oJR1qI { display: flex; align-items: center; min-height: 58px; justify-content: space-between; } .okST6neFxS8ji6U { display: flex; } .i5nsXwAmNmTV8A8 { display: none; } [data-mfe='mfe-pdp'] .QOrumNNLLp0x_KU { width: 48px; height: 48px; flex-shrink: 0; margin-right: var(--ddsweb-theme-spacing-sm); } [data-mfe='mfe-pdp'] .DAgHh_Uue3PhLZl { display: none; } .N_VjsbFZQFPQHSf { display: none; } [data-mfe='mfe-pdp'] .N_VjsbFZQFPQHSf .ddsweb-rating__hint { margin-left: var(--ddsweb-theme-spacing-xs); } @media (min-width: 504px) { /* aboveMobileLarge breakpoint */ .N_VjsbFZQFPQHSf { height: var(--ddsweb-theme-spacing-xl); display: flex; align-items: center; } .n3EDMMlf_KvbhPw { top: 112px; display: flex; padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 6px var(--ddsweb-theme-spacing-sm); left: 0; max-width: calc(1260px - 240px); min-height: 84.5px; } .okST6neFxS8ji6U { column-gap: 10px; } .i5nsXwAmNmTV8A8 { display: flex; flex-direction: column; } [data-mfe='mfe-pdp'] .DAgHh_Uue3PhLZl { display: block; max-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow-wrap: anywhere; line-height: 20px; } } @media (min-width: 504px) and (max-width: 756px) { .n3EDMMlf_KvbhPw { width: 100%; top: 112px; } } @media (min-width: 756px) { /* aboveTablet breakpoint */ .n3EDMMlf_KvbhPw { width: calc(100% - 240px); top: var(--mfe-pdp-sticky-banner-top-value, 118px); } } @media (min-width: 1260px) { /* aboveDesktop breakpoint */ .n3EDMMlf_KvbhPw { width: calc(100% - 250px); max-width: calc(1260px - 250px); left: unset; min-height: 84.5px; } } /* BuyBoxWrapper */ .G4Nl1PT3UPO31Oe { display: flex; width: 100%; align-items: center; min-height: 58px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-dropdown__hidden-select, [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__radio-button-with-label, [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__weight-input-controls, [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__select-icon, [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-dropdown__container .ddsweb-buybox__select-icon { display: none; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-dropdown__select-span { border: none; background: transparent; left: 55px; top: -13px; color: var(--ddsweb-theme-colors-base); font-weight: var(--ddsweb-theme-font-weight-heading); text-overflow: clip; white-space: normal; width: auto; } [data-mfe="mfe-pdp"] .dBLsDeLq4An3txr .ddsweb-dropdown__select-span { display: block; } [data-mfe="mfe-pdp"] .VMyHVfSgFhbpeD0 .ddsweb-dropdown__select-span { display: none; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-form-group__children { width: 116px; grid-row: 1 / -1; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .ddsweb-form-group__children { width: 116px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.dBLsDeLq4An3txr .ddsweb-form-group__children { width: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-form-group__children div:first-child { width: auto; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__buttons { width: 120px; margin-right: unset; margin-left: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.dBLsDeLq4An3txr .ddsweb-quantity-controls__buttons { width: 155px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__buttons button:last-child { margin-left: 36px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.dBLsDeLq4An3txr .ddsweb-quantity-controls__buttons button:last-child { margin-left: 74px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__price-and-actions { display: flex; padding-bottom: 0px; padding: 0; width: 100%; align-items: center; justify-content: space-between; column-gap: 10px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__price-and-actions div:first-child { margin-bottom: 0px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__remove-button { margin-right: 0; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .ddsweb-quantity-controls__remove-button { margin-right: 35px; } [data-mfe='mfe-pdp'] .G4Nl1PT3UPO31Oe .ddsweb-buybox__container { padding: 0; display: flex; width: 100%; justify-content: end; } [data-mfe='mfe-pdp'] .G4Nl1PT3UPO31Oe .input-wrapper { width: 23px; position: absolute; right: -53px; font-weight: var(--ddsweb-theme-font-weight-heading); } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.dBLsDeLq4An3txr .input-wrapper { display: none; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.VMyHVfSgFhbpeD0 .input-wrapper { display: block; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .input-wrapper { display: none; right: var(--ddsweb-theme-spacing-lg) } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { display: block; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-form-group__container > .ddsweb-text { display: none; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-text-input__wrapper { position: absolute; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .ddsweb-text-input__wrapper { right: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .ddsweb-text-input__wrapper { right: 26px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-text-input__container { border: none; width: 40px; position: absolute; right: 0px; padding: 0; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .ddsweb-text-input__container { display: none; right: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .ddsweb-text-input__container { display: block; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-text-input__container .ddsweb-text-input { text-align: center; color: var(--ddsweb-theme-colors-heading); font-weight: var(--ddsweb-theme-font-weight-heading); } [data-mfe="mfe-pdp"] .ddsweb-input { background-color: transparent; border: none; font-size: var(--ddsweb-theme-font-size-xs); color: inherit; text-align: center; pointer-events: none; width: var(--ddsweb-theme-spacing-lg); max-width: var(--ddsweb-theme-spacing-lg); min-width: 0; padding: 0; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__price { display: flex; flex-direction: column; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-price__container { position: static; margin-right: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-text { min-width: 50px; font-size: var(--ddsweb-theme-font-size-sm); overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; line-height: 20px; margin: 0 auto; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-price__subtext { min-width: 50px; margin-right: 10px; margin: 0 auto; font-size: var(--ddsweb-theme-font-size-xx); font-style: normal; font-weight: 400; line-height: 20px; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__add-button { align-self: center; width: 116px; margin-left: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__remove-button + .ddsweb-quantity-controls__add-button { width: 40px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.EI90qeggksL9Na1 .ddsweb-text { min-width: 60px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.YjA_Oie9R8WPhU7 .ddsweb-text { min-width: 81px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.EI90qeggksL9Na1 .ddsweb-price__subtext { min-width: 60px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.YjA_Oie9R8WPhU7 .ddsweb-price__subtext { min-width: 81px; } @media (min-width: 504px) { .G4Nl1PT3UPO31Oe { width: auto; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-dropdown__select-span { left: 55.5px; padding: 8px; text-overflow: clip; white-space: normal; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-quantity-controls__buttons button:last-child { margin-left: 0px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.VMyHVfSgFhbpeD0 .ddsweb-quantity-controls__remove-button { margin-right: 35px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.dBLsDeLq4An3txr .ddsweb-quantity-controls__remove-button { margin-right: 75px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-buybox__container { width: unset; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .input-wrapper { right: 54px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-text { overflow-wrap: normal; display: block; -webkit-box-orient: initial; line-height: var(--ddsweb-text-line-height); margin: initial; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.EI90qeggksL9Na1 .ddsweb-text { min-width: 50px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.YjA_Oie9R8WPhU7 .ddsweb-text { min-width: 50px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe .ddsweb-price__subtext { overflow-wrap: normal; display: block; -webkit-box-orient: initial; line-height: 22px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.EI90qeggksL9Na1 .ddsweb-price__subtext { min-width: 50px; } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.YjA_Oie9R8WPhU7 .ddsweb-price__subtext { min-width: 50px; } } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .input-wrapper { right: var(--ddsweb-theme-spacing-lg); } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { right: 49px; } /* Media query breakpoints for input-wrapper */ @media (min-width: 415px) { [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.W0Y5aH6jKuoA1b0 .input-wrapper { right: var(--ddsweb-theme-spacing-lg); } [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { right: 55px; } } @media (min-width: 391px) { [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { right: 55px; } } @media (min-width: 376px) { [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { right: 56px; } } @media (min-width: 360px) { [data-mfe="mfe-pdp"] .G4Nl1PT3UPO31Oe.M7FGQBrVXsuDkts .input-wrapper { right: 55px; } } [data-mfe='mfe-pdp'] .FjWDggzBPJmUR7V { margin-top: var(--ddsweb-theme-spacing-md); } [data-mfe='mfe-pdp'] .FjWDggzBPJmUR7V > div { border: none; grid-template-areas: 'image' 'title'; grid-template-columns: 100%; padding: 0; } @media (min-width: 1008px) { /* aboveTabletLarge breakpoint */ [data-mfe='mfe-pdp'] .FjWDggzBPJmUR7V > div { grid-template-areas: 'image title'; grid-template-columns: calc(50% - var(--ddsweb-theme-spacing-sm)) calc( 50% - var(--ddsweb-theme-spacing-sm) ); grid-column-gap: var(--ddsweb-theme-spacing-xl); } } .JymlEzh9p7pzxpD { position: relative; font-family: var(--ddsweb-theme-font-family-text); } .LM81xGln7vgoMfg { grid-area: 'title'; } .PKnjDyC7NhDMFtJ { grid-area: 'image'; } ._wtXqsWX_QlE7hm { margin-top: var(--ddsweb-theme-spacing-sm); display: inline-flex; } ._wtXqsWX_QlE7hm a { align-items: center; } [data-mfe='mfe-pdp'] ._wtXqsWX_QlE7hm .ddsweb-rating__hint { margin-left: var(--ddsweb-theme-spacing-xs); } @media (max-width: 504px) { /* belowMobileLarge breakpoint */ ._wtXqsWX_QlE7hm { flex-direction: column; } } [data-mfe='mfe-pdp'] .hJBP59QjztnKBbr a { margin: 0 var(--ddsweb-theme-spacing-sm); font-size: var(--ddsweb-theme-spacing-md); } @media (max-width: 504px) { /* belowMobileLarge breakpoint */ .hJBP59QjztnKBbr a { margin: var(--ddsweb-theme-spacing-sm) 0; } } .BpkR21OQ_b1LUoy { margin-top: var(--ddsweb-theme-spacing-xl); } [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-buybox__container { padding-bottom: 0; } [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-form-group__children > div { width: auto; } [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-price__subtext { font-size: var(--ddsweb-theme-spacing-md); } @media (min-width: 504px) { /* aboveMobileLarge breakpoint */ [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-form-group__children > button { width: 25%; } .BpkR21OQ_b1LUoy [type='number'] { width: 108px; } } @media (max-width: 504px) { /* belowMobileLarge breakpoint */ [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-form-group__children > button { width: 50%; } } [data-mfe='mfe-pdp'] .BpkR21OQ_b1LUoy .ddsweb-quantity-controls__remove-button { margin-right: var(--ddsweb-theme-spacing-xs); } .h5a_JgHGO3cFkZ4 { display: flex; flex-direction: column; row-gap: var(--ddsweb-theme-spacing-sm); } .fJfcHehQlt_0y_r > div { margin: var(--ddsweb-theme-spacing-xl) 0; } .EzxAL9wbMSmMWsV { position: absolute; right: var(--ddsweb-theme-spacing-sm); top: -var(--ddsweb-theme-spacing-xl); } .J1lOXToaexbctNk > div { margin: var(--ddsweb-theme-spacing-sm) 0; } [data-mfe='mfe-pdp'] .V0na29KPCl3DPxU { margin-top: var(--ddsweb-theme-spacing-xl); } [data-mfe='mfe-pdp'] .LCohT4j5eS52FNW { margin-top: 0; } [data-mfe='mfe-pdp'] .ZBmoJtSgiSykix6 { font-size: var(--ddsweb-theme-font-size-md); } @media (min-width: 756px) { /* belowTablet breakpoint */ [data-mfe='mfe-pdp'] .ZBmoJtSgiSykix6 { font-size: var(--ddsweb-theme-font-size-next-headline-xxxl); } } .DofwM7ioC5DYY3E{ margin-top: var(--ddsweb-theme-spacing-lg); margin-bottom: var(--ddsweb-theme-spacing-lg); } .DofwM7ioC5DYY3E > p { margin-bottom: var(--ddsweb-theme-spacing-lg); } .Z7H3ilhFBdLUpcb{ margin: var(--ddsweb-theme-spacing-lg) 0; } .txHTCuZp132SooT { margin: var(--ddsweb-theme-spacing-xs) 0 var(--ddsweb-theme-spacing-xs) 0; font-family: var(--ddsweb-theme-base-font-family); } .txHTCuZp132SooT .ddsweb-link__icon-container { margin-right: 0; } @media (min-width: 320px) and (max-width: 503px) { .txHTCuZp132SooT { max-width: 355px; } } .Dw_84Yj0WR8FILr { margin-bottom: var(--ddsweb-theme-spacing-sm); } .hLumBWz1qTnb7nW { font-family: var(--ddsweb-theme-font-family-text); margin: var(--ddsweb-theme-spacing-xs) 0 var(--ddsweb-theme-spacing-xx) 0; @media (max-width: 503px) { max-width: 355px; } } .hLumBWz1qTnb7nW .ddsweb-link__icon-container { margin-right: 0; } .ggDlunWuWVs9H6G { margin-top: var(--ddsweb-theme-spacing-xl); } .EDKkDLfHRY13DuI { margin-top: var(--ddsweb-theme-spacing-sm); display: flex; flex-wrap: wrap; column-gap: var(--ddsweb-theme-spacing-md); } /*# sourceMappingURL=e4709fce6010969fba2e.css.map*/