.od-xsell{display:flex;flex-direction:column;gap:.85rem;min-width:0;max-width:100%;padding-top:1.1rem;border-top:var(--od-rule)}.od-xsell__head{display:flex;flex-direction:column;gap:.25rem}.od-xsell__title{margin:0;font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:var(--od-label-size);letter-spacing:var(--od-label-tracking);text-transform:uppercase;color:var(--od-brand)}.od-xsell__line{margin:0;font-family:var(--od-font-body);font-size:var(--od-t-xs);line-height:1.55;color:var(--od-ink-soft)}.od-xsell__track{position:relative;display:flex;flex-direction:column;gap:.6rem}.od-mini,.od-up__set,.od-up__meta{position:relative}.od-mini{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.85rem;align-items:center;padding:.55rem;margin:0;background:var(--od-bg);border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-md)}.od-mini[hidden]{display:none}.od-mini__media{display:block;border-radius:var(--od-r-sm);overflow:hidden}.od-mini__media .od-media,.od-up__media .od-media{display:block}.od-mini__media img,.od-up__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.od-mini__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.od-mini__title{font-family:var(--od-font-display);font-weight:var(--od-font-display-weight);font-size:var(--od-t-sm);line-height:1.25;color:var(--od-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.od-mini__price{font-family:var(--od-font-label);font-size:var(--od-t-xs);color:var(--od-ink-soft);font-variant-numeric:tabular-nums}.od-mini__row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.od-mini__select,.od-up__select{-webkit-appearance:none;appearance:none;min-width:72px;min-height:40px;padding:0 1.9rem 0 .7rem;border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-sm);background-color:var(--od-bg);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:var(--od-ink);font-family:var(--od-font-label);font-size:var(--od-t-xs);cursor:pointer}.od-mini__add{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;padding:0 .95rem;border:var(--od-hair) solid var(--od-brand);border-radius:var(--od-r-sm);background:transparent;color:var(--od-brand);font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:var(--od-label-size);letter-spacing:var(--od-label-tracking);text-transform:uppercase;white-space:nowrap;transition:background-color .2s var(--od-ease),color .2s var(--od-ease)}.od-mini__add:hover,.od-mini__add:focus-visible{background:var(--od-brand);color:var(--od-bg)}.od-mini__add[disabled]{opacity:.6;cursor:progress}.od-mini__add.is-done{background:var(--od-brand);color:var(--od-bg)}.od-mini__msg{margin:.15rem 0 0;font-family:var(--od-font-body);font-size:calc(var(--od-t-xs) - 1px);color:var(--od-muted)}.od-up{padding-block:clamp(40px,6vw,90px)}.od-up__line{margin:.4rem 0 0;max-width:56ch;font-family:var(--od-font-body);font-size:var(--od-t-xs);line-height:1.65;color:var(--od-ink-soft)}.od-up__form{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(24px,3.5vw,56px);align-items:start;margin-top:clamp(20px,3vw,40px)}.od-up__set{display:flex;align-items:flex-start;gap:clamp(8px,1.4vw,18px)}.od-up__item{position:relative;flex:1 1 0;min-width:0;max-width:240px;display:flex;flex-direction:column;gap:.6rem;transition:opacity .26s var(--od-ease)}.od-up__item.is-off{opacity:.45}.od-up__plus{flex:none;align-self:center;margin-top:-3.5rem;font-family:var(--od-font-display);font-size:var(--od-t-lg);line-height:1;color:var(--od-muted)}.od-up__media{display:block;border-radius:var(--od-r-md);overflow:hidden}.od-up__this-tag{position:absolute;top:8px;left:8px;z-index:2;padding:.3rem .55rem;border-radius:var(--od-r-pill);background:var(--od-bg);font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:var(--od-label-tracking);text-transform:uppercase;color:var(--od-brand)}.od-up__pick{position:absolute;top:4px;right:4px;z-index:2;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.od-up__check{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.od-up__pick-box{width:22px;height:22px;border-radius:50%;border:var(--od-hair) solid var(--od-brand);background:var(--od-bg);display:grid;place-items:center;transition:background-color .18s var(--od-ease)}.od-up__pick-box:after{content:"";width:9px;height:5px;margin-top:-2px;border-left:2px solid var(--od-bg);border-bottom:2px solid var(--od-bg);transform:rotate(-45deg)}.od-up__check:checked+.od-up__pick-box{background:var(--od-brand)}.od-up__check:focus-visible+.od-up__pick-box{outline:2px solid var(--od-brand);outline-offset:2px}.od-up__meta{display:flex;flex-direction:column;gap:.3rem;min-width:0}.od-up__title{font-family:var(--od-font-display);font-weight:var(--od-font-display-weight);font-size:var(--od-t-sm);line-height:1.25;color:var(--od-ink)}.od-up__price,.od-up__chosen{font-family:var(--od-font-label);font-size:var(--od-t-xs);color:var(--od-ink-soft);font-variant-numeric:tabular-nums}.od-up__chosen{color:var(--od-muted)}.od-up__select{align-self:flex-start;margin-top:.2rem}.od-up__total{position:sticky;top:calc(var(--od-header-h, 88px) + 24px);display:flex;flex-direction:column;gap:.85rem;padding:clamp(18px,2vw,26px);border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-md);background:var(--od-bg)}.od-up__sum{margin:0;display:flex;flex-direction:column;gap:.35rem}.od-up__sum-label{font-family:var(--od-font-label);font-size:var(--od-label-size);letter-spacing:var(--od-label-tracking);text-transform:uppercase;color:var(--od-muted)}.od-up__sum-value{min-height:1.3em;font-family:var(--od-font-display);font-weight:var(--od-font-display-weight);font-size:var(--od-t-xl);line-height:1.1;color:var(--od-brand);font-variant-numeric:tabular-nums}.od-up__note,.od-up__msg{margin:0;font-family:var(--od-font-body);font-size:calc(var(--od-t-xs) - 1px);line-height:1.55;color:var(--od-muted)}.od-up__add.is-done{background:var(--od-brand);border-color:var(--od-brand);color:var(--od-bg)}.od-satc{display:none}@media screen and (max-width:989px){.od-satc{position:fixed;left:0;right:0;bottom:0;z-index:65;display:block;padding:.6rem var(--od-gutter);padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--od-bg);border-top:var(--od-rule);box-shadow:0 -12px 28px -22px var(--od-ink-40);-webkit-transform:translateY(110%);transform:translateY(110%);transition:transform .32s var(--od-ease)}.od-satc[hidden]{display:none}.od-satc.is-shown{-webkit-transform:none;transform:none}html.od-locked .od-satc{-webkit-transform:translateY(110%);transform:translateY(110%)}.od-satc__inner{display:flex;align-items:center;gap:.7rem;padding-right:var(--od-satc-clear, 64px)}.od-satc__thumb{flex:none;width:44px;height:auto;border-radius:var(--od-r-sm);object-fit:cover}.od-satc__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.05rem}.od-satc__price{font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:var(--od-t-sm);color:var(--od-ink);font-variant-numeric:tabular-nums}.od-satc__size{display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:0;font-family:var(--od-font-label);font-size:var(--od-t-xs);color:var(--od-ink-soft);max-width:100%}.od-satc__size span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-satc__size-edit{flex:none;font-size:calc(var(--od-label-size) - 1px);letter-spacing:var(--od-label-tracking);text-transform:uppercase;color:var(--od-brand);border-bottom:var(--od-hair) solid currentColor}.od-satc__add{flex:none;min-height:44px;padding-inline:1rem;white-space:nowrap}.od-pdp--has-satc{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.od-up__form{grid-template-columns:minmax(0,1fr)}.od-up__total{position:static}.od-up__set{min-width:0;max-width:calc(100% + var(--od-gutter) * 2);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--od-gutter) * -1);padding-inline:var(--od-gutter);padding-bottom:4px}.od-up__set::-webkit-scrollbar{display:none}.od-up__item{flex:0 0 44%;max-width:none;scroll-snap-align:start}.od-xsell__track{flex-direction:row;min-width:0;max-width:calc(100% + var(--od-gutter) * 2);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--od-gutter) * -1);padding-inline:var(--od-gutter);scroll-padding-inline:var(--od-gutter);padding-bottom:4px}.od-xsell__track::-webkit-scrollbar{display:none}.od-xsell__track .od-mini{flex:0 0 min(84%,320px);scroll-snap-align:start}}@media(hover:none)and (pointer:coarse){.od-mini__select,.od-up__select{min-height:44px;font-size:16px}.od-mini__add{min-height:44px}}@media screen and (max-width:480px){.od-up__item{flex-basis:58%}}@media(prefers-reduced-motion:reduce){.od-satc,.od-up__item,.od-up__pick-box,.od-mini__add{transition:none}}.od-colours{display:flex;flex-direction:column;gap:.7rem;min-width:0;max-width:100%;padding-top:1.1rem;border-top:var(--od-rule)}.od-colours__head{display:flex;align-items:baseline;gap:.4rem;margin:0;font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:var(--od-label-size);letter-spacing:var(--od-label-tracking);text-transform:uppercase}.od-colours__label{color:var(--od-brand)}.od-colours__now{color:var(--od-ink-soft)}.od-colours__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--od-colour-size, 72px),1fr));gap:var(--od-colour-gap, 8px)}.od-colour{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:inherit;outline:1px solid transparent;outline-offset:2px;transition:outline-color .16s var(--od-ease)}.od-colour__media{display:block;width:100%;background:var(--od-ink-04)}.od-colour__media img{display:block;width:100%;height:100%;object-fit:cover}.od-colour__name{font-family:var(--od-font-body);font-size:var(--od-t-xs);line-height:1.3;color:var(--od-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-colour:hover{outline-color:var(--od-ink-16)}.od-colour:focus-visible{outline:2px solid var(--od-brand);outline-offset:2px}.od-colour--now{outline-color:var(--od-ink)}.od-colour--now .od-colour__name{color:var(--od-ink)}.od-colour--out .od-colour__media{opacity:.45}.od-colour--out .od-colour__name{text-decoration:line-through}@media(prefers-reduced-motion:reduce){.od-colour{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/od-pdp-upsell.css.map */