:is(.template-index,.template-page) .promo-mosaic--section{margin:0!important;padding:100px 40px;overflow:visible;background-color:#c1c2bd}:is(.template-index,.template-page) .promo-mosaic--section section.home-section--title{max-width:none;margin:0;padding:0;font-size:0;line-height:0;text-transform:none}:is(.template-index,.template-page) .promo-mosaic--section h2.home-section--title{max-width:none;margin:0 0 4px;color:#262724;font-family:var(--pp-font-display);font-size:38px;font-weight:400;line-height:44px;letter-spacing:0;text-align:center;text-transform:uppercase}:is(.template-index,.template-page) .promo-mosaic--section .home-section--subtitle{position:relative;top:1px;max-width:736px;margin:0 auto 36px;color:#262724;font-family:var(--pp-font-body);font-size:17px;font-weight:500;line-height:26px;letter-spacing:0;text-align:center}:is(.template-index,.template-page) .promo-mosaic--section .home-section--content{max-width:1312px;height:auto;margin:0 auto;padding:0}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner{container-type:inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,328px));justify-content:center;gap:0;height:auto;--pp-cu: calc(min(328px, 100cqw / 4) / 328)}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block{position:relative;grid-column:auto;grid-row:auto;order:0;box-sizing:border-box;width:auto;height:auto;min-height:0!important;aspect-ratio:1 / 1;margin:0;padding:0;overflow:visible;border:1px solid #848581;border-radius:0;background:#c1c2bd;color:#262724}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:after{content:"";position:absolute;inset:calc(-1px - 12 * var(--pp-cu));z-index:1;pointer-events:none;background:linear-gradient(#ffae43,#ffae43) 0 0 / calc(24 * var(--pp-cu)) calc(24 * var(--pp-cu)) no-repeat,linear-gradient(#ffae43,#ffae43) 100% 0 / calc(24 * var(--pp-cu)) calc(24 * var(--pp-cu)) no-repeat,linear-gradient(#ffae43,#ffae43) 0 100% / calc(24 * var(--pp-cu)) calc(24 * var(--pp-cu)) no-repeat,linear-gradient(#ffae43,#ffae43) 100% 100% / calc(24 * var(--pp-cu)) calc(24 * var(--pp-cu)) no-repeat}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background{position:absolute;top:calc(44.46 * var(--pp-cu) - 1px);left:50%;width:auto;max-width:calc(280 * var(--pp-cu));height:calc(189 * var(--pp-cu));object-fit:contain;transform:translate(-50%)}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-spare]{height:calc(188 * var(--pp-cu));transform:translate(calc(-50% + .63 * var(--pp-cu)))}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-machine]{top:calc(86.46 * var(--pp-cu) - 1px);height:calc(124 * var(--pp-cu))}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-hose]{top:calc(79.46 * var(--pp-cu) - 1px);height:calc(146 * var(--pp-cu));transform:translate(calc(-50% - .5 * var(--pp-cu)))}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block [data-rimg-canvas],:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--expander{display:none}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:auto;height:auto;min-height:0!important;padding:0;border-radius:0;background:none;color:#262724;text-decoration:none}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--content-wrapper{position:absolute;top:calc(272 * var(--pp-cu) - 1px);right:0;left:0;display:flex;justify-content:center;width:auto;max-width:none;height:auto;margin:0;overflow:visible}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button:hover{display:inline-flex;align-items:center;gap:calc(8 * var(--pp-cu));width:auto;height:auto;margin:0;padding:calc(1.57 * var(--pp-cu)) 0 0;border:0;border-radius:0;background:none;box-shadow:none;color:#262724;font-family:var(--pp-font-display);font-size:max(13px,22 * var(--pp-cu));font-weight:400;line-height:max(14px,24 * var(--pp-cu));letter-spacing:0;text-transform:uppercase;white-space:nowrap}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button:before,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button:after{display:none}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button svg{display:block;flex:none;width:max(14px,24 * var(--pp-cu));height:max(14px,24 * var(--pp-cu));background-color:currentColor;transform:translateY(calc(-1.57 * var(--pp-cu)));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.27 4.91661H19.296L19.488 4.91731L19.488 5.10858V16.135L19.488 16.3263L19.296 16.327L17.366 16.3263L17.175 16.327V8.8789L6.202 19.8515L4.553 18.2025L15.526 7.2299H8.078V5.10858L8.079 4.91731L8.27 4.91661Z' stroke='black' stroke-width='0.383166'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.27 4.91661H19.296L19.488 4.91731L19.488 5.10858V16.135L19.488 16.3263L19.296 16.327L17.366 16.3263L17.175 16.327V8.8789L6.202 19.8515L4.553 18.2025L15.526 7.2299H8.078V5.10858L8.079 4.91731L8.27 4.91661Z' stroke='black' stroke-width='0.383166'/%3E%3C/svg%3E") center / contain no-repeat}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button svg>*{display:none}@media(min-width:750px){:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-spare]) .promo-block--content-wrapper,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-machine]) .promo-block--content-wrapper{left:1px}}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--content:focus-visible{outline:2px solid #262724;outline-offset:-4px}@media(min-width:750px)and (max-width:959px){:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner{grid-template-columns:repeat(2,minmax(0,328px));--pp-cu: calc(min(328px, 100cqw / 2) / 328)}}@media(max-width:749px){:is(.template-index,.template-page) .promo-mosaic--section{padding:60px 0}:is(.template-index,.template-page) .promo-mosaic--section h2.home-section--title{margin:0 0 4px;padding:0 16px;font-size:32px;line-height:35px;text-align:left}:is(.template-index,.template-page) .promo-mosaic--section .home-section--subtitle{max-width:none;margin:0 0 24px;padding:0 16px;text-align:left;text-wrap:pretty}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner{display:grid;grid-template-columns:1fr;container-type:normal}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block{order:0;width:100%;height:240px;min-height:0!important;padding:0;aspect-ratio:auto;overflow:hidden;border:0;background:none}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(#ffae43,#ffae43) 34px 19.05px / 12px 12px no-repeat,linear-gradient(#ffae43,#ffae43) right 34px top 19.05px / 12px 12px no-repeat,linear-gradient(#ffae43,#ffae43) 34px 211.05px / 12px 12px no-repeat,linear-gradient(#ffae43,#ffae43) right 34px top 211.05px / 12px 12px no-repeat,linear-gradient(#292a2766,#292a2766) 0 25.03px / 100% 1px no-repeat,linear-gradient(#292a2766,#292a2766) 0 216.24px / 100% 1px no-repeat,linear-gradient(#292a2766,#292a2766) 39.5px 25.05px / 1px 192px no-repeat,linear-gradient(#292a2766,#292a2766) right 39.5px top 25.05px / 1px 192px no-repeat}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background{top:49.74px;max-width:280px;height:106px;transform:translate(-50%)}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-spare]{top:46.74px;height:111px;transform:translate(calc(-50% + .76px))}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-machine]{top:60.74px;height:88px}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--background[src*=pp-cat-hose]{top:53.74px;height:96px;transform:translate(-50%)}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--content-wrapper{top:180px}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button:hover{gap:5px;padding-top:1.1px;font-size:18px;line-height:20px}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block .promo-block--button svg{width:20px;height:20px;transform:translateY(-1.1px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.789 4.22117H15.839L15.961 4.22186V13.5165L15.839 13.5158L14.255 13.5165L14.133 13.5158V13.3942L14.134 7.35275L5.091 16.3953L3.788 15.0916L12.83 6.04902H6.666V4.22186L6.789 4.22117Z' stroke='black' stroke-width='0.243599'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.789 4.22117H15.839L15.961 4.22186V13.5165L15.839 13.5158L14.255 13.5165L14.133 13.5158V13.3942L14.134 7.35275L5.091 16.3953L3.788 15.0916L12.83 6.04902H6.666V4.22186L6.789 4.22117Z' stroke='black' stroke-width='0.243599'/%3E%3C/svg%3E")}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-spare]) .promo-block--content-wrapper,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-machine]) .promo-block--content-wrapper{top:180.74px}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-spare]) .promo-block--button,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-machine]) .promo-block--button{gap:8px}:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-rotor]) .promo-block--content-wrapper,:is(.template-index,.template-page) .promo-mosaic--section .promo-mosaic--inner .promo-block:has(.promo-block--background[src*=pp-cat-machine]) .promo-block--content-wrapper{left:1px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/pp-categories.css.map */