.category-tiles-section{padding:2rem 1rem}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.category-tile{display:flex;flex-direction:column;align-items:center;border:0;background:#fff;box-shadow:0 2px 12px #00000014;border-radius:16px;padding:1.25rem;cursor:pointer;transition:box-shadow .18s}.category-tile:focus,.category-tile:hover{box-shadow:0 6px 18px #00000029;outline:2px solid #82bc00}.category-tile.active{box-shadow:0 6px 18px #00000029;outline:2px solid #82bc00}.tile-img{width:100px;height:100px;object-fit:contain;margin-bottom:.75rem}.tile-title{font-weight:600;font-size:1em;text-align:center}.tiles-details-wrapper{margin-top:2.5rem}.tile-details{display:block;background:#fafbfc;border-radius:18px;box-shadow:0 1px 8px #0000000d;padding:2rem 1.5rem;width:100%}.tile-details[hidden]{display:none!important}.tile-details-content{display:flex;flex-wrap:wrap;gap:2rem}.tile-details-image{flex:1 1 220px;min-width:180px}.tile-details-image img{width:100%;border-radius:14px}.tile-details-accordions{flex:2 1 320px;min-width:240px}@media(max-width:850px){.tile-details-content{flex-direction:column;gap:1rem}}.video-thumbnails-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media(max-width:1100px){.video-thumbnails-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.video-thumbnails-grid{grid-template-columns:1fr}}.youtube-thumb{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:0 1px 8px #00000012;background:#111;outline:none;margin-bottom:.5rem}.youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block}.youtube-thumb .play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1e1e1e99;border:none;border-radius:50%;width:48px;height:48px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.youtube-thumb .video-title{font-size:.97em}.youtube-thumb:hover,.youtube-thumb:focus{box-shadow:0 6px 16px #00000026}.youtube-thumb .play-btn:hover,.youtube-thumb .play-btn:focus{background:#3c3c3ccc}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.video-responsive iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}.product__video-card{cursor:pointer}.product__video-card svg{height:48px;width:48px}#video-wrapper{position:fixed;top:0;left:0;background-color:#0009;width:100%;height:100%;overflow:auto;z-index:99999;display:none}.video-container{margin:10% auto;width:80%;padding:20px}.frame-wrapper{position:relative;padding-bottom:56.25%;padding-top:0;height:0;margin-top:30px}.frame-wrapper iframe{position:absolute;top:0;left:0;height:100%;width:100%}.close-video-modal{float:right;color:#fff;background-color:#046a38;padding:5px}.close-video-modal:hover,.close-video-modal:focus{cursor:pointer}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.relative{position:relative}.disclosure>summary{padding:24px 0}.disclosure__content{padding-bottom:calc(6 * .4rem)}.disclosure--row{border:1px solid #24272a26;border-width:1px 0}details-disclosure+details-disclosure .disclosure--row{border-top:0}.js .disclosure__panel{overflow:hidden;transition:height .3s cubic-bezier(.2,.6,.4,1)}.disclosure__toggle{margin-inline-start:calc(3 * .4rem)}.disclosure__toggle>.icon{display:block;width:20px;height:20px}.disclosure[open]:not(.is-closing) .disclosure__toggle>.icon{transform:scaleY(-1)}.disclosure[open]:not(.is-closing) .v-line{display:none}.disclosure__title{max-width:100%;margin-bottom:0}.disclosure__title>.icon{flex-shrink:0;margin:0;margin-inline-end:calc(4 * var(--space-unit))}.disclosure__title>.icon--washing,.disclosure__title>.icon--truck,.disclosure__title>.icon--silhouette,.disclosure__title>.icon--lock{margin-top:-2px}.js .disclosure__content{transition:opacity .3s ease 0s;opacity:0}.js .disclosure[open]:not(.is-closing) .disclosure__content{transition:opacity .3s ease .1s;opacity:1}.image-banner .rte a,.image-banner .rte a:hover{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/745/assets/gwt-support-page.css.map */
