.octarine-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:space-between;grid-gap:clamp(8px,1.2vw,20px);gap:clamp(8px,1.2vw,20px);width:100%;padding:0;margin-top:24px}.octarine-collection-grid__item{display:block;width:100%;max-width:100%;aspect-ratio:360/481;min-width:0}.octarine-collection-grid .collection-hover-container,.octarine-collection-grid .img-style,.octarine-collection-grid img{display:block;width:100%;height:100%}.octarine-collection-grid img{object-fit:cover}@media(max-width:767px){.octarine-collection-grid{display:flex;justify-content:flex-start;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:12px;gap:10px;padding:0 12px 4px;scrollbar-width:none}.octarine-collection-grid::-webkit-scrollbar{display:none}.octarine-collection-grid__item{flex:0 0 251px;width:251px;max-width:calc(100vw - 48px);aspect-ratio:251/355;scroll-snap-align:start}}.collection-hover-container{position:relative;overflow:hidden;cursor:pointer}.collection-hover-container img{transition:transform .3s ease}.collection-hover-container .collection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease;z-index:2}.collection-hover-container .collection-overlay .overlay-content{text-align:center;color:#fff}.collection-hover-container .collection-overlay .overlay-content .collection-title{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#fff}.collection-hover-container .collection-overlay .overlay-content .collection-count{font-size:.9rem;opacity:.9}.collection-hover-container:hover .collection-overlay{opacity:1}.collection-hover-container:hover img{transform:scale(1.05)}.HeroBanner_hero__3nXQk{position:relative;padding:4rem 1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:640px}.HeroBanner_mobileArt__yA8Yu{display:none}.HeroBanner_overlay__p4KpK{display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;width:100%;align-items:center;gap:2rem;position:relative;z-index:2}.HeroBanner_content__65cjS{max-width:600px}.HeroBanner_content__65cjS h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.HeroBanner_content__65cjS p{font-size:1.25rem;margin-bottom:2rem;line-height:1.5}.HeroBanner_button__gZqv4{background:#fff;color:#000;font-weight:600;padding:1rem 1.875rem;min-width:314px;border:2px solid #000;border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;justify-content:center;align-items:center}.HeroBanner_button__gZqv4:hover{background:#000;color:#fff}.HeroBanner_product__lXhJP{position:relative;max-width:400px;width:100%}@media(max-width:768px){.HeroBanner_hero__3nXQk{background-image:none!important;min-height:0;padding:0 0 2.5rem;flex-direction:column;align-items:stretch}.HeroBanner_mobileArt__yA8Yu{display:block;width:100%;height:auto}.HeroBanner_overlay__p4KpK{flex-direction:column-reverse;text-align:center;padding:2rem 1rem 0}.HeroBanner_content__65cjS h1{font-size:2.25rem}.HeroBanner_content__65cjS p{font-size:1rem}.HeroBanner_product__lXhJP{max-width:300px}}