.shoppable-gallery{padding:4rem 1.5rem}@media screen and (min-width:750px){.shoppable-gallery{padding:4rem 5rem}}.shoppable-gallery__header{text-align:center;margin-bottom:3rem}.shoppable-gallery__title{font-size:calc(var(--font-heading-scale) * 2.4rem);font-weight:var(--font-heading-weight);margin:0 0 .5rem;color:rgb(var(--color-foreground))}.shoppable-gallery__subtitle{font-size:1.125rem;font-weight:400;color:rgba(var(--color-foreground),.7);line-height:1.6;max-width:600px;margin:0 auto}.shoppable-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}@media screen and (min-width:750px) and (max-width:989px){.shoppable-gallery__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.shoppable-gallery__grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0;position:relative}.shoppable-gallery__grid::-webkit-scrollbar{height:6px}.shoppable-gallery__grid::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:3px}.shoppable-gallery__grid::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:3px}.shoppable-gallery__grid::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}}.shoppable-gallery__item{position:relative;border-radius:.8rem;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.shoppable-gallery__item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}@media screen and (max-width:749px){.shoppable-gallery__item{flex:0 0 100%;min-width:100%;scroll-snap-align:start}}.shoppable-gallery__image-wrapper{position:relative;width:100%;overflow:hidden}.shoppable-gallery__image{width:100%;height:auto;display:block;transition:transform .3s ease}.shoppable-gallery__item:hover .shoppable-gallery__image{transform:scale(1.05)}.shoppable-gallery__hotspot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#ffffffe6;border:2px solid rgb(var(--color-button));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0;z-index:2}.shoppable-gallery__item:hover .shoppable-gallery__hotspot{opacity:1}@media screen and (max-width:989px){.shoppable-gallery__hotspot{opacity:.8}.shoppable-gallery__hotspot:active{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.shoppable-gallery__hotspot:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text));transform:translate(-50%,-50%) scale(1.1)}.shoppable-gallery__hotspot-icon{font-size:1.5rem;font-weight:700;line-height:1}.shoppable-gallery__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.shoppable-gallery__modal--active{opacity:1;visibility:visible;pointer-events:auto}.shoppable-gallery__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shoppable-gallery__modal-content{position:relative;background:rgb(var(--color-background));border-radius:1rem;max-width:90vw;max-height:90vh;width:450px;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.shoppable-gallery__modal--active .shoppable-gallery__modal-content{transform:scale(1)}.shoppable-gallery__modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s ease}.shoppable-gallery__modal-close:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.shoppable-gallery__modal-body{padding:2.5rem;display:flex;justify-content:center;align-items:center}.shoppable-gallery__product-card{width:100%;text-align:center}.shoppable-gallery__product-image-wrapper{width:100%;aspect-ratio:1;margin-bottom:1.2rem;border-radius:.5rem;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1)}.shoppable-gallery__product-image{width:100%;height:100%;object-fit:cover}.shoppable-gallery__modal-title{font-size:1.3rem;font-weight:600;margin:0 0 .8rem;color:rgb(var(--color-foreground));line-height:1.3}.shoppable-gallery__modal-price{margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.shoppable-gallery__modal-price .price{font-size:1.3rem;font-weight:600;color:rgb(var(--color-button));line-height:1}.shoppable-gallery__modal-price .price--compare{text-decoration:line-through;color:rgba(var(--color-foreground),.6);font-size:1.1rem;line-height:1}.shoppable-gallery__view-details{display:block;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;transition:all .3s ease;min-height:50px;text-align:center;text-decoration:none;cursor:pointer}.shoppable-gallery__view-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media screen and (max-width:749px){.shoppable-gallery{padding:2rem 1.5rem}.shoppable-gallery__title{font-size:calc(var(--font-heading-scale) * 2rem)}.shoppable-gallery__subtitle{font-size:1rem}.shoppable-gallery__modal-content{width:90vw;max-width:350px}.shoppable-gallery__modal-body{padding:2rem}.shoppable-gallery__modal-title,.shoppable-gallery__modal-price .price{font-size:1.2rem}.shoppable-gallery__view-details{padding:.9rem 1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shoppable-gallery__item{animation:fadeIn .6s ease forwards}.shoppable-gallery__item:first-child{animation-delay:.1s}.shoppable-gallery__item:nth-child(2){animation-delay:.2s}.shoppable-gallery__item:nth-child(3){animation-delay:.3s}.shoppable-gallery__item:nth-child(4){animation-delay:.4s}.shoppable-gallery__item:nth-child(5){animation-delay:.5s}.shoppable-gallery__item:nth-child(6){animation-delay:.6s}@media screen and (min-width:990px){.shoppable-gallery__grid:not(.shoppable-gallery__grid--expanded) .shoppable-gallery__item:nth-child(n+9){display:none}}.shoppable-gallery__show-more-wrapper{text-align:center;margin-top:3rem}@media screen and (max-width:989px){.shoppable-gallery__show-more-wrapper{display:none}}.shoppable-gallery__show-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:2px solid rgb(var(--color-button));border-radius:.5rem;cursor:pointer;transition:all .3s ease}.shoppable-gallery__show-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shoppable-gallery__show-more-btn .show-more-icon{transition:transform .3s ease}.shoppable-gallery__show-more-btn--expanded .show-more-icon{transform:rotate(180deg)}.shoppable-gallery__item--pending{opacity:.7;position:relative}.shoppable-gallery__item--pending:after{content:"Pending Review";position:absolute;top:.5rem;right:.5rem;background:#ffc107e6;color:#000;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;z-index:3;pointer-events:none}.shoppable-gallery__item--upload{display:flex;align-items:stretch;justify-content:stretch;background:rgba(var(--color-foreground),.02);border:2px dashed rgba(var(--color-foreground),.2);cursor:pointer;transition:all .3s ease;min-height:200px}.shoppable-gallery__item--upload:hover{background:rgba(var(--color-button),.05);border-color:rgb(var(--color-button));transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.shoppable-gallery__upload-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.shoppable-gallery__upload-box-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;background:0 0;border:none;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:all .3s ease;padding:1.5rem;position:absolute;top:0;left:0}.shoppable-gallery__item--upload:hover .shoppable-gallery__upload-box-btn{color:rgb(var(--color-button))}.shoppable-gallery__upload-box-btn svg{width:48px;height:48px;transition:transform .3s ease;flex-shrink:0}.shoppable-gallery__item--upload:hover .shoppable-gallery__upload-box-btn svg{transform:scale(1.1)}.shoppable-gallery__upload-box-text{font-size:1.125rem;font-weight:600;text-align:center;line-height:1.3}@media screen and (min-width:990px){.shoppable-gallery__grid:not(.shoppable-gallery__grid--expanded) .shoppable-gallery__item--hidden-when-collapsed{display:none!important}.shoppable-gallery__grid:not(.shoppable-gallery__grid--expanded) .shoppable-gallery__item--upload-replace{display:flex!important}.shoppable-gallery__grid:not(.shoppable-gallery__grid--expanded) .shoppable-gallery__item--upload-last{display:none!important}.shoppable-gallery__grid.shoppable-gallery__grid--expanded .shoppable-gallery__item--hidden-when-collapsed{display:block!important}.shoppable-gallery__grid.shoppable-gallery__grid--expanded .shoppable-gallery__item--upload-replace{display:none!important}.shoppable-gallery__grid.shoppable-gallery__grid--expanded .shoppable-gallery__item--upload-last{display:flex!important}}@media screen and (max-width:749px){.shoppable-gallery__upload-box-btn{padding:1rem}.shoppable-gallery__upload-box-btn svg{width:40px;height:40px}.shoppable-gallery__upload-box-text{font-size:1rem}}.shoppable-gallery__upload-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.shoppable-gallery__upload-modal--active{opacity:1;visibility:visible;pointer-events:auto}.shoppable-gallery__upload-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shoppable-gallery__upload-modal-content{position:relative;background:rgb(var(--color-background));border-radius:1rem;max-width:90vw;max-height:90vh;width:600px;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease}.shoppable-gallery__upload-modal--active .shoppable-gallery__upload-modal-content{transform:scale(1)}.shoppable-gallery__upload-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s ease}.shoppable-gallery__upload-modal-close:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.shoppable-gallery__upload-modal-body{padding:2.5rem}.shoppable-gallery__upload-modal-title{font-size:2rem;font-weight:700;text-align:center;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.shoppable-gallery__upload-modal-description{text-align:center;color:rgba(var(--color-foreground),.7);margin:0 0 2rem;font-size:1rem}.acerill-form-wrapper{width:100%;margin-top:1.5rem}.shoppable-gallery>div:not(.shoppable-gallery__header):not(.shoppable-gallery__grid):not(.shoppable-gallery__show-more-wrapper):not(.shoppable-gallery__modal):not(.shoppable-gallery__upload-modal){display:none!important}.shoppable-gallery__upload-modal .acerill-app-block,.shoppable-gallery__upload-modal .acerill-form-wrapper{display:block!important}.acerill-app-block{width:100%}.shoppable-gallery__upload-modal-body .acerill-form-wrapper{max-width:100%;overflow-x:hidden}.shoppable-gallery__upload-form{width:100%}.shoppable-gallery__upload-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.shoppable-gallery__upload-fields .field{display:flex;flex-direction:column}.shoppable-gallery__upload-fields .field__label{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.shoppable-gallery__upload-fields .field__label .required{color:#ef4444}.shoppable-gallery__upload-fields .field__input{width:100%;padding:.875rem 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.5rem;font-size:1rem;font-family:inherit;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:border-color .3s ease;box-sizing:border-box}.shoppable-gallery__upload-fields .field__input:focus{outline:0;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.shoppable-gallery__upload-fields .text-area{resize:vertical;min-height:100px;font-family:inherit}.shoppable-gallery__upload-fields .field__help{font-size:.875rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem;margin-bottom:0}.shoppable-gallery__upload-fields .file-upload-wrapper{position:relative}.shoppable-gallery__upload-fields .file-upload-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.shoppable-gallery__upload-fields .file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed rgba(var(--color-foreground),.3);border-radius:.5rem;background:rgba(var(--color-foreground),.02);cursor:pointer;transition:all .3s ease;min-height:150px}.shoppable-gallery__upload-fields .file-upload-label:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.shoppable-gallery__upload-fields .file-upload-label svg{margin-bottom:.75rem;color:rgba(var(--color-foreground),.6);transition:color .3s ease}.shoppable-gallery__upload-fields .file-upload-label:hover svg{color:rgb(var(--color-button))}.shoppable-gallery__upload-fields .file-upload-text{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.5rem}.shoppable-gallery__upload-fields .file-upload-filename{font-size:.875rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem;word-break:break-all;text-align:center}.shoppable-gallery__upload-fields .file-preview{margin-top:1rem;border-radius:.5rem;overflow:hidden;max-height:300px;display:none}.shoppable-gallery__upload-fields .file-preview:has(img){display:block}.shoppable-gallery__upload-fields .file-preview img{width:100%;height:auto;display:block;object-fit:contain}.shoppable-gallery__upload-submit{text-align:center}.shoppable-gallery__upload-submit .button{min-width:200px;padding:1rem 2.5rem;font-size:1rem;font-weight:600}.shoppable-gallery__upload-submit .button:disabled{opacity:.6;cursor:not-allowed}.shoppable-gallery__upload-message{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.shoppable-gallery__upload-message--success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.shoppable-gallery__upload-message--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.shoppable-gallery__upload-message svg{flex-shrink:0}.shoppable-gallery__upload-message p{margin:0;font-size:.95rem}@media screen and (max-width:749px){.shoppable-gallery__upload-modal-content{width:90vw;max-width:100%}.shoppable-gallery__upload-modal-body{padding:1.5rem}.shoppable-gallery__upload-modal-title{font-size:1.5rem}.shoppable-gallery__upload-submit .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-shoppable-gallery.css.map */