.hb-addons{--a-ink: var(--hb-ink, #182438);--a-muted: var(--hb-muted, #5b6474);--a-line: var(--hb-line, #e6e3de);--a-paper: var(--hb-paper, #f4f1ec);--a-focus: var(--hb-red, #f80000);display:grid;gap:14px;margin-top:var(--hb-addons-mt, 24px);margin-bottom:var(--hb-addons-mb, 24px);color:var(--a-ink);font-family:var(--font-body-family, inherit);font-weight:400;-webkit-font-smoothing:antialiased}.hb-addons *{box-sizing:border-box}.hb-addons h3,.hb-addons h4,.hb-addons p{margin:0;letter-spacing:0;text-transform:none}.hb-addons__head{display:grid;gap:4px}.hb-addons__title{font-family:var(--font-body-family, inherit);font-size:18px;font-weight:500;line-height:1.3;color:var(--a-ink)}.hb-addons__ship{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.4;color:var(--a-muted)}.hb-addons__ship strong,.hb-addons__ship b{color:var(--a-ink);font-weight:600}.hb-addons__ship svg{width:18px;height:18px;flex:none;color:var(--a-ink)}.hb-addons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hb-addons--n1 .hb-addons__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media screen and (max-width:989px){.hb-addons--n3 .hb-addons__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 2.3);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.hb-addons--n3 .hb-addons__grid::-webkit-scrollbar{display:none}.hb-addons--n3 .hb-addon{scroll-snap-align:start}}@media screen and (min-width:990px){.hb-addons--n3 .hb-addons__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hb-addons .hb-addon__add{white-space:nowrap}.hb-addon{display:flex;flex-direction:column;gap:6px;min-width:0}.hb-addon__media{display:block;aspect-ratio:1 / 1;max-width:100%;background:var(--a-paper);overflow:hidden}.hb-addons .hb-addon__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:opacity .2s ease}.hb-addons .hb-addon__name{font-family:var(--font-body-family, inherit);font-size:14px;font-weight:400;line-height:1.35;margin-top:4px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-addons .hb-addon__name a{color:inherit;text-decoration:none}.hb-addons .hb-addon__name a:hover{text-decoration:underline;text-underline-offset:3px}.hb-addon__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;font-variant-numeric:tabular-nums}.hb-addon__now{font-size:15px;font-weight:600;color:var(--a-ink)}.hb-addon__was{font-size:13px;color:var(--a-muted)}.hb-addon__meta{font-size:12px;line-height:1.35;color:var(--a-muted)}.hb-addon__style{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-addon__swatches{display:flex;flex-wrap:wrap;gap:6px}.hb-addons .hb-sw{-webkit-appearance:none;appearance:none;position:relative;width:26px;height:26px;min-width:0;padding:0;margin:0;border:1px solid var(--a-line);border-radius:var(--swatches-radius, 50%);background:var(--a-paper);box-shadow:none;overflow:hidden;cursor:pointer}.hb-addons .hb-sw img{display:block;width:100%;height:100%;object-fit:cover}.hb-addons .hb-sw[aria-pressed=true]{border-color:var(--a-ink)}.hb-addons .hb-sw[aria-pressed=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--a-ink);border-radius:inherit;box-shadow:inset 0 0 0 1.5px #fff;pointer-events:none}.hb-addons .hb-sw:disabled{opacity:.35;cursor:not-allowed}.hb-addons .hb-sw:focus-visible{outline:2px solid var(--a-focus);outline-offset:2px}.hb-addons .hb-addon__select{-webkit-appearance:none;appearance:none;width:100%;height:34px;padding:0 28px 0 10px;border:1px solid var(--a-line);border-radius:var(--pickers-small-radius, 8px);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23182438' stroke-width='1.8'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 8px center / 14px;color:var(--a-ink);font:400 13px/1 var(--font-body-family, inherit)}.hb-addons .hb-addon__add{-webkit-appearance:none;appearance:none;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;min-width:0;padding:8px 0 2px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--a-ink);font:600 14px/1 var(--font-body-family, inherit);letter-spacing:0;text-transform:none;cursor:pointer}.hb-addons .hb-addon__add:before,.hb-addons .hb-addon__add:after{display:none}.hb-addon__label{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.hb-addons .hb-addon__add:hover .hb-addon__label{text-decoration-thickness:2px}.hb-addons .hb-addon__add:focus-visible{outline:2px solid var(--a-focus);outline-offset:3px}.hb-addon__add .hb-i{width:18px;height:18px;flex:none}.hb-addon__add .hb-i--spin,.hb-addon__add .hb-i--check{display:none}.hb-addon__add[data-state=loading]{cursor:progress}.hb-addon__add[data-state=loading] .hb-i--bag,.hb-addon__add[data-state=added] .hb-i--bag,.hb-addon__add[data-state=error] .hb-i--bag{display:none}.hb-addon__add[data-state=loading] .hb-i--spin{display:block;animation:hb-addons-spin .7s linear infinite}.hb-addon__add[data-state=added] .hb-i--check{display:block}.hb-addon__add[data-state=added] .hb-addon__label{text-decoration:none}@keyframes hb-addons-spin{to{transform:rotate(360deg)}}.hb-addons__empty{padding:16px;border:1px dashed var(--hb-line, #e6e3de);font-size:13px}@media(prefers-reduced-motion:reduce){.hb-addons *,.hb-addons *:before,.hb-addons *:after{animation:none!important;transition:none!important}}.hb-addon__note[hidden]{display:none!important}.hb-addons__grid{row-gap:0}.hb-addon{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-content:start}.hb-addon>.hb-addon__media{grid-row:1}.hb-addons .hb-addon__name{grid-row:2;min-height:0;margin-top:10px}.hb-addon>.hb-addon__price{grid-row:3;margin-top:6px}.hb-addon>.hb-addon__style{grid-row:4;margin-top:6px}.hb-addon>.hb-addon__swatches,.hb-addon>.hb-addon__select{grid-row:5;margin-top:6px}.hb-addon>.hb-addon__note{grid-row:6;margin-top:6px}.hb-addons .hb-addon__add{grid-row:7;margin-top:6px;align-self:end;justify-self:start}.hb-addon__swatches{gap:4px}.hb-addons .hb-sw{flex:0 0 auto;width:32px;height:auto;aspect-ratio:1 / 1}.hb-addons .hb-addon__swatches:has(>:nth-child(5)) .hb-sw{width:min(32px,calc((100% - 16px)/5))}@media screen and (max-width:749px){.hb-addons--n3 .hb-addon__swatches:has(>:nth-child(5)){display:grid;grid-template-columns:repeat(3,32px)}.hb-addons--n3 .hb-addon__swatches:has(>:nth-child(5)) .hb-sw{width:32px}}@media(max-width:749px){.hb-addons .hb-addon__select{font-size:16px}}.hb-addons .hb-addon__meta{font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hb-addons.css.map */