/* stylelint-disable selector-class-pattern, no-descending-specificity */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

/* stylelint-disable no-empty-source */
:root,
.dropin-design {
    /* Adobe Commerce Dropin design tokens */
    --color-modal-grey: #606061;
    --color-modal-overlay: rgb(0 0 0 / 50%);
    --color-indicators-active: #505050;
    --color-indicators: #d3d3d3;
    --color-email-black: #141517;
    --color-nav-black: #2c2c2c;
    --color-coal-black: #000000;
    --color-anchor-links: #737373;
    --color-anchor-links-hover: #0d6efd;
    --color-category-header: #000;
    --color-button-bkg-black: #1e1e1e;
    --color-footer-tagline: #4e4f51;
    --color-brand-colour: #eb1000;
    --color-onhover-link-bg: #efefef;
    --color-bsc-lightgrey2: #eaeaec;
    --color-onhover-link-bg: #efefef;
    --color-bsc-lightgrey2: #eaeaec;
    --color-white: #fff;
    --color-black: #000;
    --color-grey: #555;
    --color-green: #008000;
    --color-dimgrey: #757575;
    --color-red:#b30000;
    --color-header-bg: #f7f7f7;
    --color-header-bg: #f7f7f7;
    --color-footer-border-line: #eb1000;
    --color-price-info: #7a7a7a;
    --color-button-bkg-blue: #1473e6;
    --color-input-field: #1c93d1;
    --color-input: #aab1b7;
    --color-lightgrey: #eaeaec;
    --color-brand-300: #6d6d6d;
    --color-brand-500: #454545;
    --color-brand-600: #383838;
    --color-brand-700: #2b2b2b;
    --color-neutral-50: #fff;
    --color-neutral-100: #fafafa;
    --color-neutral-200: #f5f5f5;
    --color-neutral-300: #e8e8e8;
    --color-neutral-400: #d6d6d6;
    --color-neutral-500: #b8b8b8;
    --color-neutral-600: #8f8f8f;
    --color-neutral-700: #666;
    --color-neutral-800: #3d3d3d;
    --color-neutral-900: #292929;
    --color-positive-200: #eff5ef;
    --color-positive-500: #7fb078;
    --color-positive-800: #53824c;
    --color-informational-200: #eeeffb;
    --color-informational-500: #6978d9;
    --color-informational-800: #5d6dd6;
    --color-warning-200: #fdf3e9;
    --color-warning-500: #e79f5c;
    --color-warning-800: #cc7a2e;
    --color-alert-200: #ffebeb;
    --color-alert-500: #db7070;
    --color-alert-800: #c35050;
    --color-bsa-black: #141517;
    --color-grey-anchor: rgb(122, 122, 122);
    --color-button-active: var(--color-brand-700);
    --color-button-focus: var(--color-neutral-400);
    --color-button-hover: var(--color-brand-600);
    --color-action-button-active: var(--color-neutral-50);
    --color-action-button-hover: var(--color-neutral-300);
    --color-border-anchor-header: rgba(51, 51, 51, 0.3);
    --color-grey-anchor: rgb(122, 122, 122);
    --color-opacity-16: rgb(255 255 255 / 16%);
    --color-opacity-24: rgb(255 255 255 / 24%);
    --color-solid-grey: rgb(118, 118, 118);
    --color-border-anchor-header: rgba(51, 51, 51, 0.3);
    --color-cookie-popup: rgb(61 120 186);
    --color-notify-orange: rgb(252 77 15);
    --color-notify-white: rgb(255 255 255);
    --color-modal-overlay: rgb(0 0 0 / 50%);
    --color-swatch: rgb(0 0 0 / 25%);
    --color-modal-grey: #606061;
    --color-notify-black: #212529;
    --color-indicators-active: #505050;
    --color-indicators: #d3d3d3;
    --color-order-list: rgb(44, 44, 44);
    --color-black: rgb(40, 40, 41);
    --color-password-black: rgb(20, 21, 23);
    --color-order-bkg: #f3f3f3;
    --quicklook-header-color: #323232;
    --color-bsc-semilight: #bebebe;
    --color-text-focus: #0b1c39;
    --color-list-hover: rgb(49, 116, 222);
    --color-address-item: #eeeeee;
    --color-address-suggestions: #dadada;
    --color-email-alert: #d1e7dd;
    --color-email-alert-title: #0f5132;
    --color-classification-black: rgb(0, 0, 0);
    --strikethrough-color:#4A4A4A;
    --grid-1-columns: 4;
    --grid-1-margins: 0;
    --grid-1-gutters: 1.6rem;
    --grid-2-columns: 12;
    --grid-2-margins: 0;
    --grid-2-gutters: 1.6rem;
    --grid-3-columns: 12;
    --grid-3-margins: 0;
    --grid-3-gutters: 2.4rem;
    --grid-4-columns: 12;
    --grid-4-margins: 0;
    --grid-4-gutters: 2.4rem;
    --grid-5-columns: 12;
    --grid-5-margins: 0;
    --grid-5-gutters: 2.4rem;
    --gutter-space-1: 1rem;
    --gutter-space-2: 1.5rem;
    --shape-border-radius-1: 3px;
    --shape-border-radius-2: 8px;
    --shape-border-radius-3: 24px;
    --shape-border-width-1: 1px;
    --shape-border-width-2: 1.5px;
    --shape-border-width-3: 2px;
    --shape-border-width-4: 4px;
    --shape-shadow-1: 0 0 16px 0 rgb(0 0 0 / 16%);
    --shape-shadow-2: 0 2px 16px 0 rgb(0 0 0 / 16%);
    --shape-shadow-3: 0 2px 3px 0 rgb(0 0 0 / 16%);
    --shape-icon-stroke-1: 1px;
    --shape-icon-stroke-2: 1.5px;
    --shape-icon-stroke-3: 2px;
    --shape-icon-stroke-4: 4px;
    --spacing-xxsmall: 0.4rem;
    --spacing-xsmall: 0.8rem;
    --spacing-12: 1.2rem;
    --spacing-small: 1.6rem;
    --spacing-pdp: 2rem;
    --spacing-22: 2.2rem;
    --spacing-medium: 2.4rem;
    --spacing-big: 3.2rem;
    --spacing-x36: 3.6rem;
    --spacing-xbig: 4rem;
    --spacing-43: 4.3rem;
    --spacing-xxbig: 4.8rem;
    --spacing-large: 6.4rem;
    --spacing-xlarge: 7.2rem;
    --spacing-xxlarge: 9.6rem;
    --spacing-huge: 120px;
    --spacing-xhuge: 144px;
    --spacing-xxhuge: 192px;
    --type-base-font-family: 'Adobe Clean', -apple-system, blinkmacsystemfont,
        segoe ui, sans-serif;
    --base-font-family-h3: 'Adobe Clean';
    --type-condensed-font-family: 'Adobe Clean', sans-serif;
    --type-display-1-font: normal normal 300 6rem/7.2rem
        var(--type-base-font-family);
    --type-display-1-letter-spacing: 0;
    --type-display-2-font: normal normal 300 4.8rem/5.6rem
        var(--type-base-font-family);
    --type-display-2-letter-spacing: 0;
    --type-display-3-font: normal normal 300 3.4rem/4rem
        var(--type-base-font-family);
    --type-display-3-letter-spacing: 0;
    --type-headline-1-font: normal normal 400 2.4rem/3.2rem
        var(--type-condensed-font-family);
    --type-headline-1-letter-spacing: 0;
    --type-headline-2-default-font: normal normal 300 2rem/2.4rem
        var(--type-condensed-font-family);
    --type-headline-2-default-letter-spacing: 0;
    --type-headline-2-strong-font: normal normal 400 2rem/2.4rem
        var(--type-condensed-font-family);
    --type-headline-2-strong-letter-spacing: 0;
    --type-body-1-default-font: normal normal 300 1.6rem/2.4rem
        var(--type-base-font-family);
    --type-body-1-default-letter-spacing: 0;
    --type-body-1-strong-font: normal normal 400 1.6rem/2.4rem
        var(--type-base-font-family);
    --type-body-1-strong-letter-spacing: 0;
    --type-body-1-emphasized-font: normal normal 700 1.6rem/2.4rem
        var(--type-base-font-family);
    --type-body-1-emphasized-letter-spacing: 0;
    --type-body-2-default-font: normal normal 300 1.4rem/2rem
        var(--type-base-font-family);
    --type-body-2-default-letter-spacing: 0;
    --type-body-2-strong-font: normal normal 400 1.4rem/2rem
        var(--type-base-font-family);
    --type-body-2-strong-letter-spacing: 0;
    --type-body-2-emphasized-font: normal normal 700 1.4rem/2rem
        var(--type-base-font-family);
    --type-body-2-emphasized-letter-spacing: 0;
    --type-button-1-font: normal normal 400 2rem/2.6rem
        var(--type-base-font-family);
    --type-button-1-letter-spacing: 0;
    --type-button-2-font: normal normal 400 1.6rem/2.4rem
        var(--type-base-font-family);
    --type-button-2-letter-spacing: 0;
    --type-details-caption-1-font: normal normal 400 1.2rem/1.6rem
        var(--type-base-font-family);
    --type-details-caption-1-letter-spacing: 0;
    --type-details-caption-2-font: normal normal 300 1.2rem/1.6rem
        var(--type-base-font-family);
    --type-details-caption-2-letter-spacing: 0;
    --type-details-overline-font: normal normal 400 1.2rem/2rem
        var(--type-base-font-family);
    --size-13: 1.3rem;
    --size-14: 1.4rem;
    --size-15: 1.5rem;
    --gift-packaging-desc: '';
    --size-16: 1.6rem;
    --size-17: 1.7rem;
    --size-18: 1.8rem;
    --size-19: 1.9rem;
    --size-21: 2.1rem;
    --size-22: 2.2rem;
    --size-25: 2.5rem;
    --size-28: 2.8rem;
    --size-31: 3.1rem;
    --size-32: 3.2rem;
    --size-36: 3.6rem;
    --size-41: 4.1rem;
    --size-43: 4.3rem;
    --size-48: 4.8rem;
    --type-details-overline-letter-spacing: 0em;
    --font-size-xxxxsmall: 0.5rem;
    --font-size-8: 0.8rem;
    --font-size-xxxsmall: 1rem;
    --font-size-xxsmall: 1.2rem;
    --font-size-13: 1.3rem;
    --font-size-xsmall-1: 1.4rem;
    --font-size-xsmall-2: 1.5rem;
    --font-size-xs: 1.6rem;
    --font-size-s: 1.8rem;
    --font-size-m-1: 2rem;
    --font-size-21: 2.1rem;
    --font-size-24: 2.4rem;
    --font-size-25: 2.5rem;
    --font-size-26: 2.6rem;
    --font-size-m-2: 2.6rem;
    --font-size-28: 2.8rem;
    --font-size-xl: 3rem;
    --spacing-xxs: 0.5rem;
    --spacing-xs: 1rem;
    --spacing-13: 1.3rem;
    --spacing-14: 1.4rem;
    --spacing-s: 1.5rem;
    --spacing-m: 2rem;
    --spacing-25: 2.5rem;
    --spacing-28: 2.8rem;
    --spacing-30: 3rem;
    --spacing-36: 3.6rem;
    --spacing-l: 4rem;
    --spacing-xl: 5rem;
    --spacing-xxl: 6rem;
    --screen-max-width: 1200px;
    --footer-max-width: 530px;

    /* Additional tokens */
    --header-welcome-text: 'Welcome';
    --type-fixed-font-family: menlo, consolas, 'Liberation Mono', monospace;
    --background-color: var(--color-white);
    --nav-height: 60px;
    --nav-max-width: 100%;
    --nav-icon-height: 18px;
}

html,
body {
    height: 100%;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--base-font-family-h3);
    line-height: 1.5;
    font-weight: 400;
    margin: 0;
    color: var(--color-nav-black);
    background-color: var(--background-color);
    font-size: 16px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
}

body:not(.appear) {
    display: none;
}

header {
    grid-row: 1;
    height: var(--nav-height);
}

main {
    grid-row: 2;
    margin: 0;
    width: 100%;
}

footer {
    grid-row: 3;
}

header .header,
footer .footer {
    visibility: hidden;
}

header .header[data-block-status='loaded'],
footer .footer[data-block-status='loaded'] {
    visibility: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--base-font-family-h3);
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 500;
}

h1 {
    font-size: calc(26px + (72 - 26) * ((100vw - 320px) / (1920 - 320)));
}

h2 {
    font-size: calc(22px + (48 - 22) * ((100vw - 320px) / (1920 - 320)));
}

h3 {
    font-size: calc(17px + (32 - 17) * ((100vw - 320px) / (1920 - 320)));
}

h4 {
    font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
}

h5 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

h6 {
    font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
}

p {
    border: 0;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.4rem;
}

ul {
    padding-inline-start: var(--spacing-l);
}

li {
    font-family: var(--base-font-family-h3);
    font-weight: 500;
}

hr {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border: 0;
    border-bottom: var(--shape-border-width-1) solid var(--color-neutral-300);
}

code,
pre {
    font: var(--type-body-2-default-font);
    letter-spacing: var(--type-body-2-default-letter-spacing);
    font-family: var(--type-fixed-font-family);
}

pre {
    overflow: scroll;
}

main pre {
    background-color: var(--color-neutral-300);
    padding: 1em;
    border-radius: 0.25em;
    overflow-x: auto;
    white-space: pre;
}

main > div {
    margin: var(--spacing-xbig) var(--spacing-small);
}

input,
textarea,
select,
button {
    font: inherit;
}

a {
    text-decoration: none;
    color: var(--color-button-bkg-blue);
}

a:hover {
    color: var(--color-black);
    text-decoration: underline;
}

nav a {
    text-decoration: none;
    color: var(--color-nav-black);
}

nav a:hover {
    color: var(--color-nav-black);
    text-decoration: underline;
}
b,
strong {
    font-weight: bolder;
}
/* buttons */
main a.button:any-link,
button.button {
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.4em;
    user-select: none;
    border: solid 1px var(--color-category-header);
    background-color: var(--color-category-header);
    color: var(--color-white);
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}

main a.button:hover,
main a.button:focus,
button.button:hover,
button.button:focus {
    background-color: var(--color-brand-600);
    cursor: pointer;
}

button.button:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

main a.button.disabled,
button.button:disabled,
button.button:disabled:hover {
    background-color: var(--color-neutral-300);
    cursor: unset;
}

main a.button.primary,
button.button.primary {
    border: solid 1px var(--color-category-header);
    background-color: var(--color-button-bkg-black);
    color: var(--color-white);
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

main a.button.secondary,
button.button.secondary {
    background-color: var(--color-white);
    color: var(--color-button-bkg-blue);
}

main a.button.secondary:hover,
button.button.secondary:hover {
    color: var(--color-brand-600);
}

main a.button.alt {
    border: solid 2px var(--color-category-header);
    background-color: var(--color-white);
    color: var(--color-button-bkg-black);
    font-size: var(--font-size-xs);
    min-width: 72px;
    padding: 6px 12px;
}

main input:hover {
    border: var(--shape-border-width-1) solid var(--color-neutral-700);
}

main blockquote {
    font-style: italic;
    margin: 3rem;
    text-indent: -1rem;
    hanging-punctuation: first;
}

main blockquote p::before {
    content: '“';
    line-height: 0;
}

main blockquote p::after {
    content: '”';
    line-height: 0;
}

main input:focus {
    border-color: var(--color-input-field);
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 8px rgb(28 147 209 / 60%);
}

main input {
    border: 1px solid var(--color-input);
    border-radius: 3px;
    color: var(--color-grey);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    display: inline-block;
}

main img {
    max-width: 100%;
    width: auto;
    height: auto;
}

img,
svg {
    vertical-align: middle;
}

.icon {
    display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
}

.icon img {
    height: 100%;
    width: 100%;
}

/* sections */
main > .section {
    margin: var(--spacing-xbig) 0;
}

main > .section > div {
    margin: 0 auto;
    padding: 0 var(--spacing-pdp);
}

main > .section.hero h1,
main > .section.hero h2,
main > .section.hero h3 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    margin-block: var(--spacing-large);
}

main > .enrichment-container > .default-content-wrapper {
    display: none;
}

@media (width >= 576px) {
    .main > .section > div {
        max-width: 540px;
    }
}

@media (width >= 768px) {
    main > .section > div {
        max-width: 720px;
    }

    main > .section.hero h1,
    main > .section.hero h2,
    main > .section.hero h3 {
        font-size: 4.2rem;
    }
}

@media (width >= 992px) {
    main > .section > div {
        max-width: 960px;
    }
}

@media (width >= 1200px) {
    main > .section > div {
        max-width: 1140px;
    }
}

@media (width >= 1400px) {
    main > .section > div {
        max-width: 1320px;
    }
}

main > .section:first-of-type {
    margin-top: 0;
}

@media (width > 1144px) {
    main > .section > div {
        padding: 0 var(--spacing-big);
    }
}

/* section metadata */
main .section.light,
main .section.highlight {
    background-color: var(--color-neutral-500);
    margin: 0;
    padding: var(--spacing-xbig) 0;
}

/* Base Design System Tokens */
.dropin-design.dropin-design {
    --background-none: none 0 0% no-repeat padding-box;
}

.dropin-input-date__icon {
    z-index: 2;
}

.dropin-design a,
.dropin-picker select {
    color: var(--color-email-black);
}
.dropin-button--primary:hover,
a.dropin-button--primary:hover,
.dropin-iconButton--primary:hover,
.dropin-button--primary:focus:hover,
.dropin-iconButton--primary:focus:hover {
    background-color: var(--color-white);
    text-decoration: none;
}

.dropin-in-line-alert__title{
    color: var(--color-red);
}
.dropin-cart-item__row-total{
    display:inline-flex;
}
/* Layout: Columns */
body.columns main {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1264px;
    margin: 0 auto;
    padding: var(--spacing-large) var(--spacing-small);
    box-sizing: border-box;
    gap: var(--grid-4-gutters);
}

body.columns main > .section {
    flex: 1;
    flex-basis: 100%;
    max-width: unset;
    margin: unset;
    padding: unset;
}

body.columns main > .section > div {
    max-width: unset;
    padding: unset;
}

body.columns main > .section > div:not(:last-child) {
    margin-bottom: var(--gap, unset);
}

body.columns main > .section:empty {
    display: none;
}

@media (width >= 768px) and (width <= 1144px) {
    body.columns main {
        padding: var(--spacing-large) var(--spacing-big);
    }
}

@media (width > 900px) {
    body.columns main {
        flex-direction: row;
    }

    body.columns main > .section {
        flex: 1;
        flex-basis: var(--column-width, auto);
    }
}

/**
* Reset main element visibility
* https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden
*/
main[hidden] {
    display: none !important;
}

@media (width >= 540px) {
    :root,
    .dropin-design {
        --nav-max-width: 540px;
        --footer-max-width: var(--nav-max-width);
    }
}

@media (width >= 768px) {
    :root,
    .dropin-design {
        --nav-max-width: 720px;
    }
}

@media (width >= 991px) {
    :root,
    .dropin-design {
        --nav-max-width: 960px;
    }
}

@media (width >= 1200px) {
    :root,
    .dropin-design {
        --nav-max-width: 1140px;
    }
}

@media (width >= 1400px) {
    :root,
    .dropin-design {
        --nav-max-width: 1320px;
    }
}

/**
* Dropin styling
*/
.dropin-cart-item__footer div {
    margin-top: 0;
}
.dropin-cart-item__configurations__item__value {
    margin-left: var(--spacing-small);
}
/* Dropin: Button */
.dropin-design .dropin-button {
    position: relative;
    border: unset;
    box-shadow: 0 0 0 0 var(--border) inset;
    color: var(--color);
    background-color: var(--bg);
    z-index: 1;
    font-weight: bold;
    font-family: var(--base-font-family-h3);
    letter-spacing: 0;
    transition: color 0.3s linear, background-color 0.3s linear,
        border-color 0.3s linear;
    line-height: 1;
}

.dropin-design .dropin-button:hover {
    color: var(--color);
    border: unset;
}

/* Dropin: Button Disabled */
.dropin-design .dropin-button:disabled {
    opacity: 0.65;
}

/* Dropin: Button Medium */
.dropin-design .dropin-button--medium {
    font-size: 1.4rem;
    padding: 1rem 1.6rem 1.1rem;
}

/* Dropin: Button Large */
.dropin-design .dropin-button--large {
    font-size: 1.6rem;
    padding: 1.2rem 1.8rem 1.4rem;
}

/* Dropin: Button Primary */
.dropin-design .dropin-button--primary {
    --color: var(--color-white);
    --bg: var(--color-button-bkg-blue);
    border: 2px solid var(--border, var(--color-button-bkg-blue)) !important;
}

.dropin-design .dropin-button--primary:hover {
    --color: var(--color-button-bkg-blue);
    --bg: var(--color-white);
    --border: var(--color-button-bkg-blue);
}

/* Dropin: Button Secondary */

.dropin-design .dropin-button--secondary {
    --color: var(--color-white);
    --bg: var(--color-black);
    --border: var(--color-bg);
}

/* Dropin: Button Tertiary */
.dropin-design .dropin-button--tertiary {
    --color: var(--color-black);
    --bg: var(--color-white);
    --border: var(--color-black);
}

.dropin-design .dropin-button--tertiary.dropin-input-password__eye-icon {
    position: absolute;
    right: 0;
}

/** Dropin: TextSwatch */
.dropin-design .dropin-text-swatch__label {
    border-radius: 50%;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-bsa-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
    font-weight: 500;
    font-size: 1.2rem;
}
.dropin-button-icon {
    height: 15px;
    font-weight: bolder;
}
@media (width >= 768px) {
    .dropin-design .dropin-text-swatch__label {
        width: 5rem;
        height: 5rem;
        font-size: 1.4rem;
    }
}

.dropin-design .dropin-text-swatch--selected + .dropin-text-swatch__label {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

/** Dropin: TextSwatch Label */
.dropin-design .dropin-color-swatch__span {
    border-radius: 0;
    width: 5rem;
    height: 5rem;
    padding: 0;
    border: 2px solid var(--color-white);
    border: none;
    box-shadow: 0 0 0.3rem var(--shape-border-width-1) var(--color-neutral-400) !important;
}

.dropin-design .dropin-color-swatch--selected + .dropin-color-swatch__span {
    border: 2px solid var(--color-category-header);
}

/** Dropin: Icrementer */
.dropin-design .dropin-incrementer__content {
    border: none;
    grid-template-columns: auto auto auto;
}

.dropin-design .dropin-incrementer__decrease-button,
.dropin-design .dropin-incrementer__increase-button {
    border: 1px solid var(--color-neutral-400);
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropin-design .dropin-incrementer__decrease-button:hover,
.dropin-design .dropin-incrementer__increase-button:hover {
    background: unset;
}

.dropin-design .dropin-incrementer__decrease-button > svg,
.dropin-design .dropin-incrementer__increase-button > svg {
    width: 1rem;
    height: 1rem;
    margin-left: 2px;
}

.dropin-design .dropin-incrementer__input {
    font-size: 1.4rem;
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--color-bsa-black);
}

/** Dropin: Text Input */
.dropin-design .dropin-input,
.dropin-design .dropin-picker__select {
    border-width: 0 0 1px 0;
    border-radius: unset;
}

/* Mini Search */

.search-autocomplete .mini-search-results {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    grid-auto-rows: max-content;
    margin-top: 4px;
}

.search-autocomplete .mini-search-results .mini-search-item a {
    padding: var(--spacing-xxsmall) var(--spacing-small);
    display: block;
}

.search-autocomplete .mini-search-results .mini-search-item a:hover {
    text-decoration: none;
    background-color: var(--color-informational-200);
}

.dropin-header-container__title {
    font-weight: 600;
    font-family: var(--base-font-family-h3);
}

/* Account Pages */
body main > .section.commerce-addresses-container,
body main > .section.commerce-orders-list-container,
body main > .section.commerce-returns-list-container,
body main > .section.commerce-gift-certificate-container {
    background-color: var(--color-neutral-200);
    border-radius: var(--spacing-s);
    padding: var(--spacing-36);

    .dropin-header-container {
        margin-bottom: 15px;

        hr {
            display: none;
        }

        .dropin-header-container__title--medium {
            font-size: 20px;
            font-weight: 600;
            color: var(--color-nav-black);
        }
    }
}

/*order-success */
body main > .section.commerce-checkout-container {
    .dropin-header-container__title--large {
        color: var(--color-nav-black);
    }
    .dropin-header-container__title {
        color: var(--color-order-list);
    }
    .dropin-header-container .dropin-header-container__divider {
        display: none;
    }

    .dropin-header-container {
        margin-bottom: var(--spacing-pdp);
    }
    .dropin-cart-item__title {
        font-weight: 500;
        font-size: var(--font-size-xsmall-1);
        color: var(--color-email-black);
    }
    .dropin-cart-item__sku {
        font-weight: 400;
        font-size: var(--font-size-xxsmall);
    }
    .dropin-card--secondary {
        border: none;
    }
    .dropin-header-container__title--large {
        font-size: var(--font-size-28);
    }
}

/*Address-suggestion-popup */
.address-suggestions {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-modal-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.address-suggestions-content {
    background: var(--color-white);
    position: relative;
    padding: var(--spacing-medium);
    border-radius: var(--spacing-xsmall);
    font-size: var(--font-size-xsmall-1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin: var(--spacing-xs);
}

.address-suggestions-content h3 {
    font-size: 2rem;
    color: var(--color-nav-black);
    font-weight: 600;
    line-height: 1.2;
}
.address-suggestions-subtitle {
    margin: var(--spacing-xs) 0;
}
.address-suggestions-subtitle,
.address-suggestion-item {
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--color-category-header);
    line-height: 1.5;
}

.address-suggestions-form {
    margin: var(--spacing-m) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xsmall);
}
.address-suggestion-item {
    display: inline-flex;
    gap: var(--spacing-xsmall);
    cursor: pointer;
    transition: all 0.2s ease;
}
.address-suggestion-item label {
    padding: var(--spacing-xs) var(--spacing-m);
    border: 1px solid var(--color-neutral-400);
    background: var(--color-address-item);
    width: 100%;
    position: relative;
    margin-bottom: var(--spacing-xs);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacing-xs);
    border: none;
    @media (min-width: 767px) {
        justify-content: space-between;
        flex-direction: column;
    }
}
.address-classification {
    background: var(--color-address-suggestions);
    padding: 5px 5px;
    border-radius: 5px;
    width: min-content;
    color: var(--color-classification-black);
    font-size: 1.1rem;
    font-weight: 600;
    @media (min-width: 767px) {
        position: absolute;
        right: 20px;
    }
}

.address-suggestions-cancel,
.address-suggestions-use {
    padding: var(--spacing-xs);
    margin-top: var(--spacing-small);
    background: var(--color-notify-black);
    color: var(--color-notify-white);
    border: 1px solid var(--color-neutral-400);
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--font-size-xsmall-1);
    font-weight: 700;
    transition: all 0.2s ease;
    line-height: 1.2;
}

.address-suggestions-cancel:hover,
.address-suggestions-use:hover {
    background: var(--color-white);
    color: var(--color-nav-black);
    border: 2px solid var(--color-nav-black);
}
.address-suggestions-buttons {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xsmall);
}
.address-suggestions-close {
    position: absolute;
    top: 12px;
    right: 20px;
    background: none;
    border: none;
    font-size: var(--font-size-24);
    cursor: pointer;
}

.commerce-customer-information-wrapper
    .account-customer-information-card__actions
    button {
    background: transparent;
}

.sizing-guide {
    margin-bottom: 20px;
    .default-content-wrapper {
                    max-width: var(--nav-max-width);
            box-sizing: border-box;
            padding: 0 20px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 20px;
    }

    .default-content-wrapper h2 {
        grid-column: 1 / -1;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .table th p {
        color: #888;
        font-weight: bold;
        font-size: 16px;
    }

    .table table thead tr {
        border-top: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 5px 0 10px;
    }
    .table table td p {
        font-weight: bold;
        font-size: 15px;
    }

    .table table tbody tr {
        border-bottom: 0;
    }
}

@media (min-width: 768px) {
    .sizing-guide {
        .default-content-wrapper {
            grid-template-columns: repeat(2, auto 1fr);
        }
    }
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    background-color: var(--color-neutral-50) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--color-neutral-50) inset;
}


.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{
    top:-6px;
}

.dropin-design .dropin-incrementer__decrease-button, 
.dropin-design .dropin-incrementer__increase-button {
    display: inline-grid;
}
.dropin-design .dropin-incrementer__decrease-button > svg, 
.dropin-design .dropin-incrementer__increase-button > svg {
    width: 16px;
    height: 16px;
    margin-left: 3px;
}