.as-product-section{background-color:var(--as-bg-color);color:var(--as-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 1.5rem;box-sizing:border-box;overflow:hidden}@media (min-width: 768px){.as-product-section{padding:8rem 3rem}}.as-product__container{display:flex;flex-direction:column;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto}@media (min-width: 768px){.as-product__container{flex-direction:row;gap:6rem;align-items:flex-start}}.as-product__visual{flex:1;width:100%;opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.as-product__visual.is-visible{opacity:1;transform:translate(0)}.as-product__image-wrapper{position:relative;aspect-ratio:3 / 4;width:100%;max-width:32rem;margin:0 auto;overflow:hidden;border-radius:.125rem;background-color:#eaeae5}.as-product__img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.9;transition:transform 1s ease-out;display:block}.as-product__img:hover{transform:scale(1.05)}.as-product__details{flex:1;width:100%;max-width:32rem;display:flex;flex-direction:column;gap:2rem;opacity:0;transform:translate(50px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}.as-product__details.is-visible{opacity:1;transform:translate(0)}.as-product__title-row{display:flex;justify-content:space-between;align-items:flex-start}.as-product__title{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin:0;line-height:1}@media (min-width: 768px){.as-product__title{font-size:3rem}}.as-product__price{font-size:1.25rem;font-weight:500;margin-top:.5rem;white-space:nowrap}.as-product__subtitle{color:var(--as-text-opacity-60);font-weight:300;margin-top:.5rem}.as-product__description{font-size:1.125rem;font-weight:300;line-height:1.625;color:var(--as-text-opacity-80)}.as-product__sizes{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.as-product__sizes-header{display:flex;justify-content:space-between;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.as-product__size-guide{text-decoration:underline;cursor:pointer;opacity:.5;transition:opacity .2s}.as-product__size-guide:hover{opacity:1}.as-product__size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.as-btn-size{height:3rem;border:1px solid var(--as-text-opacity-20);background:transparent;color:var(--as-text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.as-btn-size:hover{border-color:var(--as-text-color)}.as-btn-size.is-selected{background-color:var(--as-text-color);color:var(--as-bg-color);border-color:var(--as-text-color)}.as-product__actions{padding-top:1.5rem}.as-btn-cta{width:100%;height:4rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.875rem;transition:all .3s;cursor:pointer;border:none;background-color:var(--as-text-opacity-10);color:var(--as-text-opacity-60)}.as-btn-cta:not([disabled]){background-color:var(--as-text-color);color:var(--as-bg-color);cursor:pointer}.as-btn-cta:not([disabled]):hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.as-btn-content{position:absolute;display:flex;align-items:center;gap:.5rem;transition:transform .3s ease,opacity .3s ease;opacity:0;pointer-events:none}.as-btn-cta[data-state=idle] .as-state-idle{opacity:1;transform:translateY(0)}.as-btn-cta:not([data-state=idle]) .as-state-idle{transform:translateY(-20px);opacity:0}.as-btn-cta[data-state=loading] .as-state-loading{opacity:1;transform:translateY(0)}.as-btn-cta:not([data-state=loading]) .as-state-loading{opacity:0}.as-btn-cta[data-state=success] .as-state-success{opacity:1;transform:translateY(0)}.as-btn-cta:not([data-state=success]) .as-state-success{transform:translateY(20px);opacity:0}.as-product__error-msg{font-size:.75rem;color:var(--as-red-color);opacity:.5;text-align:center;margin-top:.5rem;display:none}.as-product__error-msg.is-visible{display:block}.as-icon-plus{margin-left:.25rem}.as-product__footer{padding-top:2rem;border-top:1px solid var(--as-text-opacity-10);display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.as-text-right{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/3/assets/as-product.css.map */