/* /bc_shop_categories/static/src/category.css */
.ccr-film-frame{position:relative;overflow:hidden;border-radius:12px;background:#f5f6f3}.ccr-film-toggle{position:absolute;inset:0;width:100%;height:100%;display:grid;place-content:center;border:0;background:transparent;color:white;font-size:24px;cursor:pointer;text-shadow:0 1px 8px #004128}.ccr-film-toggle:not(.is-playing)::before{content:"";position:absolute;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);background:#004128dc;border-radius:50%;z-index:-1}.ccr-film-toggle{isolation:isolate}.ccr-film-toggle.is-playing{opacity:0;transition:opacity .15s}.ccr-film-frame:hover .ccr-film-toggle.is-playing,.ccr-film-toggle.is-playing:focus-visible{opacity:1;background:#00412818}.ccr-film-toggle:focus-visible{outline:3px solid #80ba27;outline-offset:-5px}#wrap .ccr .ccr-benefit h2,#wrap .ccr .ccr-section h2{font-size:clamp(30px,3vw,46px);line-height:1.08;text-transform:none;letter-spacing:0}#wrap .ccr .ccr-benefit{gap:clamp(24px,4vw,64px);padding:clamp(32px,4vw,56px) 0}#wrap .ccr .ccr-benefit .ccr-kicker{display:none}.ccr .ccr-cladding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}.ccr-cladding-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce3dc;border-radius:12px;overflow:hidden;text-decoration:none!important}.ccr-cladding-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f8f5}.ccr-cladding-card div{padding:20px}#wrap .ccr .ccr-cladding-card h3{font-family:inherit;font-size:20px;line-height:1.2;text-transform:none;margin:0 0 10px}.ccr-cladding-card p{font-size:14px;color:#53685f;line-height:1.5;margin:0}.ccr-cladding-card:hover{border-color:#004128}.ccr-cladding-card:focus-visible{outline:3px solid #80ba27;outline-offset:3px}.ccr .ccr-wrap{max-width:1300px;padding-inline:0}@media(max-width:767px){.ccr .ccr-cladding-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 12px;gap:14px}.ccr-cladding-card{flex:0 0 82%;scroll-snap-align:start}.ccr-film-toggle.is-playing{transition:none}}