.ya-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;max-width:var(--ya-page-max);margin-inline:auto;padding-inline:var(--ya-gutter);align-items:start;color:var(--ya-red)}.ya-hero--chocolate{color:var(--ya-black)}.ya-gallery-col{display:block;padding-bottom:40px}.ya-gallery{background:var(--ya-bg);display:block}.ya-gallery__main{width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--ya-bg);position:relative;cursor:zoom-in}.ya-gallery__main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.ya-gallery__thumbs{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;gap:4px;padding:8px 0}.ya-gallery__thumbs::-webkit-scrollbar{display:none}.ya-gallery__thumbs .ya-gallery__thumb{flex:0 0 calc(100%/6)!important;aspect-ratio:3/4!important;height:auto!important;width:auto!important;overflow:hidden;opacity:.55;transition:opacity .15s}.ya-gallery__thumbs .ya-gallery__thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border:none;outline:none}.ya-gallery__thumbs .ya-gallery__thumb.active{opacity:1;border-bottom:2px solid var(--ya-red)}.ya-gallery__thumb{cursor:pointer;position:relative;overflow:hidden}.ya-gallery__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ya-gallery__ph-text{font-family:Impact,Arial Black,sans-serif;font-size:64px;letter-spacing:-.02em;color:#d100100f;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-align:center;line-height:.92}.ya-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ya-red);z-index:10;transition:background .15s;line-height:1}.ya-gallery__nav:hover{background:var(--ya-white)}.ya-gallery__nav--prev{left:12px}.ya-gallery__nav--next{right:12px}.ya-hero .ya-gallery-col{position:sticky;top:80px;align-self:start;display:flex;gap:12px;padding-bottom:0;background:transparent}.ya-hero .ya-gallery{order:2;flex:1 1 auto;min-width:0}.ya-hero .ya-gallery__main{aspect-ratio:3/4}.ya-hero .ya-gallery__thumbs{order:1;flex:0 0 64px;width:64px;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;padding:0;gap:8px}.ya-hero .ya-gallery__thumbs::-webkit-scrollbar{display:none}.ya-hero .ya-gallery__thumbs .ya-gallery__thumb{flex:0 0 auto!important;width:64px!important;aspect-ratio:3/4!important;height:auto!important}.ya-hero .ya-gallery__thumbs .ya-gallery__thumb.active{border-bottom:none;outline:1px solid var(--ya-red);outline-offset:-1px}.ya-product-col{position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none;border-left:1px solid var(--ya-light);padding:40px 28px 60px;display:flex;flex-direction:column;justify-content:center}.ya-product-col::-webkit-scrollbar{display:none}.ya-product-col--starter{align-items:stretch;justify-content:flex-start}.ya-product-col--accessory{padding:60px 28px;justify-content:flex-start}.ya-attrs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ya-attr{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ya-mid)}.ya-attr-sep{font-size:10px;color:var(--ya-light)}.ya-price-row{display:flex;align-items:baseline;gap:8px}.ya-price{font-size:18px;font-weight:300;color:var(--ya-red);margin-bottom:28px}.ya-cta-btn{width:100%;padding:14px;background:var(--ya-white);color:var(--ya-red);border:1px solid var(--ya-red);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:all .15s;margin-bottom:14px}.ya-cta-btn:hover:not(:disabled){background:var(--ya-black);border-color:var(--ya-black);color:var(--ya-white)}.ya-cta-btn:disabled{opacity:.5;cursor:not-allowed}.ya-cta-primary{width:100%;padding:14px;background:var(--ya-white);color:var(--ya-red);border:1px solid var(--ya-red);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:all .15s}.ya-cta-primary:hover{background:var(--ya-black);border-color:var(--ya-black);color:var(--ya-white)}.ya-cta-primary:disabled{opacity:.4;cursor:not-allowed}.ya-trust{display:flex;justify-content:space-between;font-size:10px;color:var(--ya-mid);letter-spacing:.04em;margin-top:20px;margin-bottom:28px;flex-wrap:wrap;gap:4px}.ya-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--ya-white);border-top:1px solid var(--ya-light);padding:12px 16px}.ya-sticky-cta.show{display:block}.ya-sticky-cta__btn{width:100%;padding:13px;background:var(--ya-white);color:var(--ya-red);border:1px solid var(--ya-red);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:all .15s;margin-bottom:0}.ya-sticky-cta__btn:hover:not(:disabled){background:var(--ya-black);border-color:var(--ya-black);color:var(--ya-white)}.ya-reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.ya-reveal.on{opacity:1;transform:none}@media(max-width:768px){.hero{display:block!important;min-height:auto!important}.ya-hero{grid-template-columns:1fr!important;min-height:auto;padding-top:60px;padding-inline:0;gap:0;max-width:none;margin-inline:0}.ya-gallery-col{width:100%!important}.ya-hero .ya-gallery-col{position:static!important;flex-direction:column!important;gap:0!important}.ya-gallery{position:static!important;top:auto!important;height:auto!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:visible!important;gap:0;padding:0}.ya-gallery__thumbs{display:none!important}.ya-gallery__main{width:100%!important;height:auto!important;aspect-ratio:4/5!important;position:relative!important;overflow:hidden;cursor:default!important;flex-shrink:0}.ya-hero .ya-gallery__main{aspect-ratio:3/4!important}.ya-gallery__main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ya-gallery__main .ya-gallery__ph,.ya-gallery__main .ya-gallery__ph-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ya-product-col{position:static!important;max-height:none!important;overflow-y:visible!important;padding:24px 16px 100px;border-left:none;border-top:1px solid var(--ya-light)}.ya-product-col--accessory{padding:28px 16px 80px}.ya-product-col--starter{padding:24px 16px 100px}.ya-attrs{gap:0;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;padding:0}.ya-attrs::-webkit-scrollbar{display:none}.ya-attr{font-size:10px;white-space:nowrap;margin-right:16px}.ya-attr-sep{display:none}.ya-trust{justify-content:space-between;width:100%}}.ya-pack{margin:20px 0 8px}.ya-pack__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ya-mid);margin-bottom:10px}.ya-pack__slots{display:flex;gap:10px;flex-wrap:wrap}.ya-pack__slot{width:84px;display:flex;flex-direction:column;align-items:center;text-align:center}.ya-pack__slot--empty{aspect-ratio:4/5;width:84px;border:1px dashed var(--ya-light);border-radius:6px;display:flex;align-items:center;justify-content:center}.ya-pack__plus{font-size:20px;color:var(--ya-light);line-height:1}.ya-pack__thumb{width:84px;aspect-ratio:4/5;object-fit:cover;border-radius:6px;border:1px solid var(--ya-light);display:block;background:var(--ya-bg)}.ya-pack__thumb--ph{background:var(--ya-bg)}.ya-pack__name{font-size:11px;color:var(--ya-black);margin-top:6px;line-height:1.3}.ya-pack__view{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ya-mid);text-decoration:underline;margin-top:3px}.ya-pack__view:hover{color:var(--ya-red)}.ya-pack__remove{margin-top:5px;background:none;border:none;padding:0;font-size:14px;line-height:1;color:var(--ya-mid);cursor:pointer}.ya-pack__remove:hover{color:var(--ya-red)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-product-shared.css.map */