.original-grid-container{display:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.original-grid-section{--_info-start: 80%;display:block grid;grid-template:[image-start] var(--_info-start) [info-start] auto [image-end info-end] / [image-start] 55% [info-start] 45% [image-end info-end]}.original-img-area:before{content:"";display:block flow;aspect-ratio:3 / 4}.original-info-area{grid-area:info;display:block grid;background-color:#f0f0f0;opacity:.7;padding:.25rem;font-size:1.25rem;font-weight:400;line-height:1.2;color:#000;justify-self:end;align-self:end;padding:unset}.original-main-section{--_info-start: 85%;display:block grid;grid-template:[image-start] var(--_info-start) [info-start] auto [image-end info-end] / [image-start] 70% [info-start] 30% [image-end info-end]}.original-main-image-section{grid-area:image;position:relative}.original-main-image-section:before{content:"";display:block;aspect-ratio:3 / 4}.original-main-image-section img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:opacity .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.original-main-image-section:hover .navigation-hint{opacity:1}.original-navigation-hint{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.original-navigation-hint.left{left:1rem}.original-navigation-hint.right{right:1rem}.original-main-info-section{display:block grid;grid-area:info;row-gap:.15rem;background-color:#f0f0f0;opacity:.7;padding:.25rem;font-size:.6875rem;font-weight:400;line-height:1.2;color:#000;justify-self:end;align-self:end}.original-main-info-section>*{text-align:right;opacity:1}.thumbnail-container{overflow:hidden;position:relative;display:flex;align-items:center;gap:.5rem}.thumbnail-wrapper{display:flex;gap:.5rem;transition:transform .3s ease;flex:1}.thumbnail-nav-btn{background:#333;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .3s ease;flex-shrink:0;inline-size:: 40px;block-size:: 40px;display:flex;align-items:center;justify-content:center}.thumbnail-nav-btn:hover{background:#555}.thumbnail{flex:0 0 calc((100% - 3rem) / 7.5);cousor:pointer;position:relative;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{transform:scale(1.05);border-color:#333}.thumbnail.active{border-color:#333;transform:scale(1.02)}.thumbnail:before{content:"";display:block;aspect-ratio:3 / 4}.thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.thumbnail-info{position:absolute;bottom:0;right:0;background-color:#f0f0f0e6;padding:.125rem .25rem;font-size:.5rem;font-weight:400;line-height:1.1;color:#000}@media (max-width: 768px){.main-section{grid-template:[image-start] 80% [info-start] auto [image-end info-end] / [image-start] 75% [info-start] 25% [image-end info-end]}.thumbnail{flex:0 0 calc((100% - 2.5rem) / 5.5)}}@media (max-width: 480px){.thumbnail{flex:0 0 calc((100% - 2rem) / 4.5)}}.original-grid-container{display:none}.original-grid-section{--_info-start: 80%;display:grid;grid-template:[image-start] var(--_info-start) [info-start] auto [image-end info-end] / [image-start] 55% [info-start] 45% [image-end info-end]}.original-img-area{grid-area:image;position:relative}.original-img-area:before{content:"";display:block;aspect-ratio:3 / 4}.original-img-area img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.original-info-area{grid-area:info;display:grid;background-color:#f0f0f0;opacity:.7;padding:.25rem;font-size:1.25rem;font-weight:400;line-height:1.2;color:#000;justify-self:end;align-self:end}.original-info-area>p{text-align:right;opacity:1;margin-block:unset;padding:.25rem}.slider-container{inline-size:100%;margin-inline:auto;padding:1rem;max-width:960px}.slider-main-section{--_info-start: 85%;display:grid;grid-template:[image-start] var(--_info-start) [info-start] auto [image-end info-end] / [image-start] 70% [info-start] 30% [image-end info-end];margin-bottom:2rem}.slider-main-image{grid-area:image;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.slider-main-image:before{content:"";display:block;aspect-ratio:3 / 4}.slider-main-image img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;transition:opacity .3s ease}.slider-nav-hint{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;padding-inline:.5rem;padding-block-start:.5rem;border-radius:4px;font-size:2rem;line-height:2;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.slider-nav-hint.left{left:1rem}.slider-nav-hint.right{right:1rem}.slider-main-image:hover .slider-nav-hint{opacity:1}.slider-main-info{grid-area:info;display:grid;row-gap:.15rem;background-color:#f0f0f0;opacity:.7;padding:.5rem;font-weight:400;line-height:1.2;color:#000;justify-self:end;align-self:end}@media (width <= 750px){.slider-main-info{font-size:1rem}}.slider-main-info>*{text-align:right;opacity:1}.slider-thumbnail-container{display:flex;align-items:center;gap:.5rem}.slider-thumbnail-viewport{flex:1;overflow:hidden;position:relative}.slider-thumbnail-wrapper{display:flex;gap:.5rem;transition:transform .3s ease}.slider-nav-btn{background:#333;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .3s ease;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10}.slider-nav-btn:hover{background:#555}.slider-thumbnail{flex:0 0 120px;cursor:pointer;position:relative;transition:all .3s ease;border:2px solid transparent}.slider-thumbnail:hover,.slider-thumbnail.active{border-color:#333}.slider-thumbnail:before{content:"";display:block;aspect-ratio:3 / 4}.slider-thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.slider-thumbnail-info{position:absolute;bottom:0;right:0;background-color:#f0f0f0e6;padding:.125rem .25rem;font-size:1.3rem;font-weight:400;line-height:1.1;color:#000}@media (width <= 750px){.slider-thumbnail-info{font-size:1rem}}@media (max-width: 768px){.slider-main-section{grid-template:[image-start] 80% [info-start] auto [image-end info-end] / [image-start] 75% [info-start] 25% [image-end info-end]}.slider-thumbnail{flex:0 0 100px}.slider-nav-btn{display:none}.slider-thumbnail-container{gap:0}}@media (max-width: 480px){.slider-thumbnail{flex:0 0 80px}}@media (max-width: 360px){.slider-thumbnail{flex:0 0 70px}}.slider-not-available{text-align:center;padding:2rem;background:#f9f9f9;border-radius:8px;margin:1rem 0}.slider-not-available p{color:#666;font-size:.875rem;margin:0}
/*# sourceMappingURL=/cdn/shop/t/19/assets/original-grid-style.css.map */