.rof-card,.rof-card__img-link,.rof-card__img-wrap,.rof-card__img,.rof-card__img-placeholder,.rof-card *{background-color:#fff!important}.rof-card__body,.rof-card__body *{background-color:transparent!important}.rof-card__atc{background-color:#166534!important}.rof-card__atc:hover{background-color:#134d2a!important}.rof-card__atc--out{background-color:#f3f4f6!important}.rof-card__atc--out:hover{background-color:#e5e7eb!important}.rof-card__compare{background-color:#fff!important}.rof-card__compare.is-selected,.rof-badge--save{background-color:#166534!important}.rof-badge--pop{background-color:#f0a500!important}.rof-card__wish{background-color:#fffffff2!important}.rof-card__wish:hover,.rof-card__wish.is-saved{background-color:#fee2e2!important}.rof-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.rof-card{border:1px solid #e8e8e8!important;border-radius:12px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;transition:box-shadow .22s ease,transform .22s ease!important}.rof-card:hover{box-shadow:0 6px 28px #0000001a!important;transform:translateY(-2px)!important}.rof-card__img-link{display:block!important;text-decoration:none!important;color:inherit!important;flex-shrink:0!important}.rof-card__img-wrap{position:relative!important;aspect-ratio:4 / 3!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-bottom:1px solid #f0f0f0!important}.rof-card__img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px!important;transition:transform .35s ease!important;mix-blend-mode:normal!important}.rof-card:hover .rof-card__img{transform:scale(1.05)!important}.rof-card__img-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#c4d9cc!important}.rof-card__badges{position:absolute!important;top:10px!important;left:10px!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:4px!important}.rof-badge{display:inline-block!important;font-size:11px!important;font-weight:900!important;letter-spacing:.03em!important;padding:4px 9px!important;border-radius:5px!important;line-height:1!important;color:#fff!important}.rof-card__wish{position:absolute!important;top:10px!important;right:10px!important;z-index:3!important;width:32px!important;height:32px!important;border:1px solid #e5e5e5!important;border-radius:50%!important;font-size:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #00000014!important;cursor:pointer!important;color:#888!important;padding:0!important;transition:background .18s,color .18s,border-color .18s!important;line-height:1!important}.rof-card__wish:hover,.rof-card__wish.is-saved{color:#b42318!important;border-color:#fecaca!important}.rof-card__body{padding:14px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:5px!important}.rof-card__vendor{margin:0!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#166534!important}.rof-card__title{display:block!important;font-size:13px!important;font-weight:700!important;color:#111!important;line-height:1.35!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.01em!important}.rof-card__title:hover{color:#166534!important}.rof-card__price-row{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;margin-top:3px!important}.rof-card__price{font-size:17px!important;font-weight:900!important;color:#166534!important}.rof-card__was{font-size:12px!important;color:#9ca3af!important;text-decoration:line-through!important}.rof-card__actions{display:flex!important;gap:8px!important;margin-top:auto!important;padding-top:12px!important}.rof-card__form{flex:1!important;margin:0!important}.rof-card__atc{width:100%!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:10px 12px!important;font-size:12.5px!important;font-weight:800!important;cursor:pointer!important;text-align:center!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .18s!important;white-space:nowrap!important;min-height:40px!important}.rof-card__atc--out{color:#6b7280!important;border:1px solid #e5e7eb!important}.rof-card__compare{flex-shrink:0!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:10px 12px!important;font-size:12px!important;font-weight:700!important;color:#374151!important;cursor:pointer!important;white-space:nowrap!important;transition:border-color .18s,color .18s!important;min-height:40px!important}.rof-card__compare:hover{border-color:#166534!important;color:#166534!important}.rof-card__compare.is-selected{color:#fff!important;border-color:#166534!important}.rof-card__stock{margin:4px 0 0!important;font-size:11px!important;color:#6b7280!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:5px!important}@media screen and (min-width:1500px){.rof-home-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media screen and (max-width:1280px){.rof-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media screen and (max-width:1100px){.rof-filter-layout .rof-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rof-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:990px){.rof-filter-layout .rof-cards-grid,.rof-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rof-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:768px){.rof-cards-grid,.rof-filter-layout .rof-cards-grid,.rof-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}}@media screen and (max-width:600px){.rof-cards-grid,.rof-filter-layout .rof-cards-grid,.rof-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.rof-card__body{padding:11px!important;gap:4px!important}.rof-card__title{font-size:12px!important}.rof-card__compare{display:none!important}.rof-card__actions{padding-top:8px!important}.rof-card__stock{display:none!important}}@media screen and (max-width:380px){.rof-cards-grid,.rof-filter-layout .rof-cards-grid,.rof-home-grid{gap:8px}.rof-card__body{padding:9px!important}.rof-card__vendor{display:none!important}.rof-card__price{font-size:14px!important}}.rof-compare-drawer{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#0f2318!important;color:#fff;z-index:99999;width:min(720px,calc(100% - 32px));border-radius:18px;box-shadow:0 16px 50px #00000040;padding:14px 16px;display:none;align-items:center;justify-content:space-between;gap:16px}.rof-compare-drawer.active{display:flex}.rof-compare-actions{display:flex;gap:10px;align-items:center}.rof-compare-open,.rof-compare-clear{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;font-size:14px}.rof-compare-open{background:#f0a500!important;color:#fff}.rof-compare-clear{background:#ffffff1f!important;color:#fff}@media screen and (max-width:600px){.rof-compare-drawer{flex-direction:column;align-items:stretch;text-align:center;bottom:12px}.rof-compare-actions{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/rof-cards.css.map */