.modulus-product-hero{background:var(--ph-bg, var(--color-background));color:var(--color-foreground);padding:var(--ph-py, var(--mod-section-py)) var(--mod-section-px)}.modulus-product-hero__inner{max-width:var(--mod-max-width);margin:0 auto}.modulus-product-hero__grid{display:grid;grid-template-columns:55fr 45fr;gap:var(--mod-gap-xl);align-items:start}.modulus-product-hero__gallery{position:relative}.modulus-product-hero__main{position:relative;width:100%;aspect-ratio:var(--ph-aspect, 4 / 5);overflow:hidden;background:rgb(var(--color-foreground-rgb) / .04)}.modulus-product-hero__main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--mod-duration-base) var(--mod-ease)}.modulus-product-hero__main-number{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--mod-font-label);font-size:11px;color:var(--color-foreground);letter-spacing:.15em;text-shadow:0 1px 2px rgb(var(--color-foreground-rgb) / .4)}.modulus-product-hero__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px;list-style:none;padding:0}.modulus-product-hero__thumb{cursor:pointer;border:1px solid transparent;background:rgb(var(--color-foreground-rgb) / .04);padding:0;aspect-ratio:1 / 1;overflow:hidden;transition:border-color var(--mod-duration-fast) var(--mod-ease)}.modulus-product-hero__thumb img{width:100%;height:100%;object-fit:cover;display:block}.modulus-product-hero__thumb:hover,.modulus-product-hero__thumb.is-active{border-color:var(--color-foreground)}.modulus-product-hero__info{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.modulus-product-hero__vendor{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.15em;text-transform:uppercase;margin:0}h1.modulus-product-hero__title{font-family:var(--mod-font-display);font-size:clamp(32px,5vw,56px);font-weight:600;font-style:normal;color:var(--color-foreground);line-height:1.1;letter-spacing:normal;text-transform:uppercase;margin:0}.modulus-product-hero__short-desc{font-family:var(--mod-font-body);font-size:var(--mod-text-body);color:rgb(var(--color-foreground-rgb) / .6);line-height:1.7}.modulus-product-hero__short-desc p{margin:0 0 .5em}.modulus-product-hero__short-desc p:last-child{margin-bottom:0}.modulus-product-hero__price{font-family:var(--mod-font-display);font-size:32px;font-weight:600;color:var(--color-foreground);line-height:1;display:flex;align-items:baseline;gap:12px;padding:16px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.modulus-product-hero__price-prefix{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.15em;text-transform:uppercase}.modulus-product-hero__price-quote{font-family:var(--mod-font-display);font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modulus-product-hero__variants{display:flex;flex-direction:column;gap:16px}.modulus-product-hero__option{display:flex;flex-direction:column;gap:8px}.modulus-product-hero__option-label{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.15em;text-transform:uppercase}.modulus-product-hero__option-values{display:flex;flex-wrap:wrap;gap:8px}.modulus-product-hero__option-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:10px 16px;border:1px solid rgb(var(--color-foreground-rgb) / .3);background:transparent;color:var(--color-foreground);font-family:var(--mod-font-body);font-size:13px;cursor:pointer;transition:all var(--mod-duration-fast) var(--mod-ease)}.modulus-product-hero__option-btn:hover{border-color:var(--color-foreground)}.modulus-product-hero__option-btn--active{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.modulus-product-hero__volume{display:flex;flex-direction:column;gap:8px;padding:16px;background:rgb(var(--color-foreground-rgb) / .04);border:1px solid var(--color-border)}.modulus-product-hero__volume-label{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.15em;text-transform:uppercase}.modulus-product-hero__volume-row{display:flex;justify-content:space-between;font-family:var(--mod-font-body);font-size:13px;color:var(--color-foreground);padding:4px 0;border-bottom:1px solid var(--color-border)}.modulus-product-hero__volume-row:last-child{border-bottom:none}.modulus-product-hero__quantity{display:flex;align-items:center;gap:16px}.modulus-product-hero__qty-label{font-family:var(--mod-font-label);font-size:var(--mod-text-label);color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.15em;text-transform:uppercase}.modulus-product-hero__qty-control{display:inline-flex;align-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .3)}.modulus-product-hero__qty-btn{width:36px;height:36px;background:transparent;border:none;color:var(--color-foreground);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background var(--mod-duration-fast) var(--mod-ease)}.modulus-product-hero__qty-btn:hover{background:rgb(var(--color-foreground-rgb) / .1)}.modulus-product-hero__qty-input{width:56px;height:36px;background:transparent;border:none;color:var(--color-foreground);text-align:center;font-family:var(--mod-font-body);font-size:14px}.modulus-product-hero__qty-input::-webkit-outer-spin-button,.modulus-product-hero__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modulus-product-hero__buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.modulus-product-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:18px 24px;border:1px solid;font-family:var(--mod-font-label);font-size:var(--mod-text-label);font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;box-shadow:none;transition:background var(--mod-duration-base) var(--mod-ease),color var(--mod-duration-base) var(--mod-ease)}.modulus-product-hero__cta--primary{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.modulus-product-hero__cta--primary:hover{background:rgb(var(--color-foreground-rgb) / .04);color:var(--color-foreground);border-color:rgb(var(--color-foreground-rgb) / .04)}.modulus-product-hero__cta--secondary{background:transparent;color:var(--color-foreground);border-color:var(--color-foreground)}.modulus-product-hero__cta--secondary:hover{background:var(--color-foreground);color:var(--color-background)}.modulus-product-hero__wishlist-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform var(--mod-duration-fast) var(--mod-ease)}.modulus-product-hero__wishlist-icon svg{width:100%;height:100%;fill:none;stroke:currentColor}.modulus-product-hero__cta--secondary.is-active{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.modulus-product-hero__cta--secondary.is-active .modulus-product-hero__wishlist-icon svg{fill:currentColor}.modulus-product-hero__cta--secondary.is-active:hover .modulus-product-hero__wishlist-icon{transform:scale(1.08)}.modulus-product-hero__cta:disabled,.modulus-product-hero__cta[disabled]{opacity:.4;cursor:not-allowed}.modulus-product-hero__trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.modulus-product-hero__trust-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--mod-font-label);font-size:11px;color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.1em;text-transform:uppercase}.modulus-product-hero__trust-icon{width:14px;height:14px;flex-shrink:0}.modulus-product-hero__trust-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.modulus-product-hero--light{background:rgb(var(--color-foreground-rgb) / .06);color:var(--color-background)}.modulus-product-hero--light h1.modulus-product-hero__title,.modulus-product-hero--light .modulus-product-hero__price,.modulus-product-hero--light .modulus-product-hero__option-btn{color:var(--color-background)}.modulus-product-hero--light .modulus-product-hero__short-desc{color:rgb(var(--color-foreground-rgb) / .6)}@media(max-width:1024px){.modulus-product-hero__grid{grid-template-columns:1fr;gap:var(--mod-gap-lg)}.modulus-product-hero__info{position:static}}@media(max-width:768px){.modulus-product-hero__main{aspect-ratio:1 / 1}h1.modulus-product-hero__title{font-size:clamp(24px,7vw,36px)}.modulus-product-hero__price{font-size:24px}}@media(max-width:768px){.modulus-product-hero{padding-top:var(--ph-py-mobile, 64px);padding-bottom:var(--ph-py-mobile, 64px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/modulus-product-hero.css.map */