.customize-box__hero{margin-block-start:20px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:32px 24px 48px;border-radius:20px;background-color:var(--ui-color-light-blue);text-align:center}.customize-box__eyebrow{display:flex;align-items:center;gap:4px;margin:0;font-family:var(--ui-font-accent);font-size:12px;font-weight:var(--font-accent--weight-semibold, 600);line-height:1.35;text-transform:uppercase;color:var(--ui-color-primary)}.customize-box__eyebrow-icon,.customize-box__eyebrow-icon>svg{display:block;inline-size:16px;block-size:16px}.customize-box__heading{margin:48px 0 16px;font-family:var(--font-heading--family);font-size:48px;font-weight:700;line-height:1.1;color:var(--ui-color-black)}.customize-box__heading-accent{color:var(--ui-color-primary)}.customize-box__subheading{max-inline-size:46ch;margin:0;font-family:var(--ui-font-body);font-size:16px;line-height:1.3;color:var(--ui-color-gray)}.customize-box__layout{display:grid;gap:48px;margin-block-start:20px;--th-step-lead: 49px}@media screen and (min-width:1200px){.customize-box__layout{grid-template-columns:minmax(0,710fr) minmax(0,522fr);align-items:start}}.customize-box__main{display:flex;flex-direction:column;gap:48px;min-inline-size:0}.customize-box__screen{display:flex;flex-direction:column;gap:48px}.customize-box__screen:not([data-screen="1"]){gap:20px}.customize-box__screen[hidden]{display:none}.customize-box__step{display:flex;flex-direction:column;gap:20px}.customize-box__card{display:flex;flex-direction:column;gap:24px;box-sizing:border-box;padding:24px;border:1px solid rgb(var(--ui-color-border-gray-rgb) / .5)}.customize-box__card-head{display:flex;flex-direction:column;gap:10px}@media screen and (max-width:749px){.customize-box__card{padding:16px}}.customize-box__card-title{margin:0;font-family:var(--font-heading--family);font-size:24px;font-weight:700;line-height:1.1;color:var(--ui-color-black)}.customize-box__card-number{margin-inline-end:4px}.customize-box__card-intro{margin:0;font-family:var(--ui-font-body);font-size:12px;line-height:1.1;color:var(--ui-color-gray)}.customize-box__rule{inline-size:100%;margin:0;border:0;border-block-start:1px solid rgb(var(--ui-color-border-gray-rgb) / .5)}.customize-box__packs{display:flex;gap:24px;align-items:stretch}.customize-box__packs>.ui-choice-tile{block-size:250px}.customize-box__packs .ui-choice-tile__media{min-block-size:180px}@media screen and (min-width:750px)and (max-width:1199px){.customize-box__packs{gap:16px}}@media screen and (max-width:749px){.customize-box__packs{flex-direction:column;gap:12px}.customize-box__packs>.ui-choice-tile{block-size:auto}.customize-box__packs .ui-choice-tile__media{flex-basis:48%;block-size:120px;min-block-size:120px}}.customize-box__flavours [data-flavour-add]:disabled{opacity:.45;cursor:not-allowed}.customize-box__flavours{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(140px,calc((100% - 36px)/4)),1fr));gap:12px}.customize-box__tally{margin:0;font-family:var(--ui-font-body);font-size:12px;line-height:1.3;color:var(--ui-color-gray)}.customize-box__tally[data-complete]{color:var(--ui-color-primary)}.customize-box__packaging,.customize-box__review{display:flex;flex-direction:column;gap:12px}.customize-box__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.customize-box__promo{display:flex;flex-direction:column;gap:6px;box-sizing:border-box;padding:14px;border-radius:var(--ui-radius-sm);background-color:var(--ui-color-light-blue)}.customize-box__promo-title{display:flex;align-items:center;gap:4px;margin:0;font-family:var(--ui-font-accent);font-size:12px;font-weight:var(--font-accent--weight-semibold, 600);line-height:1.35;text-transform:uppercase;color:var(--ui-color-primary)}.customize-box__promo-icon,.customize-box__promo-icon>svg{display:block;inline-size:16px;block-size:16px}.customize-box__promo-text{display:flex;flex-direction:column}.customize-box__promo-copy{margin:0;max-inline-size:62ch;font-family:var(--ui-font-body);font-size:14px;line-height:1.3;color:var(--ui-color-black)}@media screen and (min-width:750px){.customize-box__promo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px}.customize-box__promo-title{grid-column:1 / -1}}.customize-box__summary-inner{display:flex;flex-direction:column;gap:24px;box-sizing:border-box;padding:20px;border:1px solid rgb(var(--ui-color-border-gray-rgb) / .5)}@media screen and (min-width:1200px){.customize-box__summary{margin-block-start:var(--th-step-lead);position:sticky;inset-block-start:calc(var(--header-height, 0px) + 24px)}.customize-box__screen[data-screen="4"]{margin-block-start:var(--th-step-lead)}}.customize-box__summary-title{margin:0;font-family:var(--font-heading--family);font-size:24px;font-weight:700;line-height:1.1;color:var(--ui-color-black)}.customize-box__summary-row,.customize-box__summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-family:var(--ui-font-body);font-size:16px;line-height:1.1;color:var(--color-foreground-heading)}.customize-box__summary-row[hidden],.customize-box__summary-chips[hidden]{display:none}.customize-box__add-error{margin-block-start:8px;font-family:var(--ui-font-body);font-size:12px;line-height:1.3;color:var(--ui-color-error)}.customize-box__summary-row>span{font-size:14px;line-height:1.3;color:var(--ui-color-gray)}.customize-box__summary-extra{font-weight:var(--ui-font-body-weight);font-size:14px;line-height:1.3}.customize-box__summary-total>span{font-family:var(--ui-font-accent);font-size:12px;font-weight:var(--font-accent--weight-semibold, 600);text-transform:uppercase}.customize-box__summary-total>strong{font-size:24px;line-height:1.1}.customize-box__summary-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(160px,calc((100% - 10px)/2)),1fr));gap:10px}.customize-box__chip{display:flex;align-items:center;box-sizing:border-box;min-block-size:48px;padding:0;border:1px solid rgb(var(--ui-color-border-gray-rgb) / .5);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-white);font-family:var(--ui-font-body);font-size:12px;line-height:1.1;color:var(--ui-color-black)}.customize-box__chip-image{display:block;flex:0 0 auto;inline-size:46px;block-size:46px;border-radius:1px;object-fit:cover}.customize-box__chip-body{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-inline-size:0;padding:6px 10px}.customize-box__chip-name{min-inline-size:0}.customize-box__chip-count{margin-inline-start:auto;font-weight:700}.customize-box__setup{margin:24px 0 0;font-family:var(--ui-font-body);font-size:14px;line-height:1.3;color:var(--ui-color-gray)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/th-section-customize-box.css.map */