.om-category-image{position:relative;border:2px solid var(--wp--preset--color--orange,#f26b21);border-radius:10px;overflow:hidden;isolation:isolate;background:#242829}
.om-category-image>img,.om-category-image>a>img{display:block;border-radius:0}
.om-category-image .om-image-overlays{position:absolute;inset:0;z-index:2;margin:0!important;padding:0!important;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;line-height:1.35;text-transform:none;letter-spacing:normal;text-align:left;color:#fff}
.om-category-image .om-image-category{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:7px 8px;border-left:3px solid var(--wp--preset--color--orange,#f26b21);border-radius:4px;background:#171a1bf5;color:#fff;text-decoration:none;font-size:12px;font-weight:650;line-height:1.35;overflow-wrap:normal;word-break:normal;pointer-events:auto}
.om-category-image .om-image-category span{min-width:0}
.om-category-image .om-image-category:hover{text-decoration:underline;color:#ffae70}
.om-category-image .om-image-category:focus-visible{outline:2px solid #ffae70;outline-offset:2px}
.om-category-icon{display:block;width:15px;height:15px;flex:0 0 15px;color:#ffae70}
.om-category-image .om-image-brand{position:absolute;bottom:9px;left:9px;color:#fff;font-size:11px;line-height:1.3;text-shadow:0 1px 3px #000,0 0 6px #000;background:#171a1bbf;padding:3px 5px;border-radius:3px}
.om-category-image .om-offer-status{position:absolute;bottom:8px;right:8px;max-width:calc(100% - 16px);padding:6px 8px;border-radius:4px;font-size:12px;line-height:1.35;font-weight:650;text-align:left;overflow-wrap:normal;word-break:normal;background:#483b24;color:#ffe1a3}
.om-category-image .om-offer-active{background:#183b2a;color:#beefd0}
.om-category-image .om-offer-expired{background:#552829;color:#ffd5d5}
.om-category-image:has(.om-offer-status) .om-image-brand{bottom:66px}
.om-card>.om-category-image{border-radius:10px 0 0 10px;min-height:210px;min-width:0}
.om-card>.om-category-image .om-image-category{font-size:12px}
.om-card .om-category-image>a:not(.om-image-category){position:absolute;inset:0;width:100%;height:100%}
.om-card .om-category-image img{border-radius:0}
.om-card-content>.om-card-meta{justify-content:flex-end}
.om-card-meta>.wp-block-post-date{margin-left:auto!important}
.om-image-placeholder{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:65px 12px;color:#ffae70;background:radial-gradient(ellipse at 70% 25%,#454b46,transparent 65%),#242829;font-size:clamp(16px,2vw,24px);font-weight:750;text-align:center}
.om-image-placeholder>span{color:#ddd;font-size:11px;font-weight:400}
.om-image-placeholder-link{text-decoration:none}
.om-article>.om-category-image{min-height:220px}
.om-article>.om-category-image img{width:100%;height:auto}
.om-article>.om-no-featured-image{aspect-ratio:16/9;max-height:400px}
@media(pointer:coarse){.om-category-image .om-image-category{min-height:44px}}
@media(min-width:481px) and (max-width:600px){
.om-card{grid-template-columns:minmax(150px,36%) minmax(0,1fr)!important}
.om-card>.om-category-image{min-height:230px}
}
@media(max-width:480px){
.om-card>.om-category-image{border-radius:10px 10px 0 0;height:180px;min-height:180px!important}
.om-card>.om-category-image .om-image-category{font-size:12px}
.om-article>.om-category-image{min-height:200px}
.om-article>.om-category-image .om-image-category{font-size:12px}
} .om-card>.om-category-image .om-image-category{display:flex;inset:8px auto auto 8px;width:max-content;height:auto;max-width:calc(100% - 16px)} .om-card>.om-category-image{display:block;align-self:start;aspect-ratio:auto;height:auto!important;min-height:0!important;padding:48px 0 36px;overflow:hidden;background:#1b1e1f}
.om-card>.om-category-image>a:not(.om-image-category){display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}
.om-card>.om-category-image>a:not(.om-image-category)>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;border-radius:0}
.om-card>.om-category-image:has(.om-offer-status) .om-image-brand{display:none}
.om-card>.om-category-image .om-image-brand{bottom:9px}
.om-card>.om-category-image .om-offer-status{bottom:6px;font-size:11px;padding:4px 6px}
.om-card>.om-category-image .om-image-category{top:4px;bottom:auto;min-height:36px;max-height:none;font-size:12px;padding:4px 7px}
@media(pointer:coarse){.om-card>.om-category-image .om-image-category{min-height:44px;top:0}}
@media(min-width:481px) and (max-width:600px){.om-card>.om-category-image{padding-top:56px}}
@media(max-width:480px){.om-card>.om-category-image{height:auto!important;min-height:0!important;border-radius:10px 10px 0 0}} .om-card>.om-category-image{padding:0!important}
.om-card>.om-category-image .om-image-category{top:6px}
.om-card>.om-category-image .om-image-brand{bottom:8px}
@media(pointer:coarse){.om-card>.om-category-image .om-image-category{top:4px}} .om-article>.om-category-image{width:fit-content;max-width:100%;min-height:0;height:auto;max-height:none;aspect-ratio:auto;padding:0;margin:18px auto 24px!important}
.om-article>.om-category-image>a{display:block;width:fit-content;max-width:100%;height:auto}
.om-article>.om-category-image>img,.om-article>.om-category-image>a>img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:220px;object-fit:contain!important;object-position:center}
.om-article>.om-category-image .om-image-category{display:flex;inset:8px auto auto 8px;width:max-content;height:auto;max-width:calc(100% - 16px);min-height:32px;align-items:center}
.om-category-image .om-image-brand{display:none!important}
.om-article>.om-no-featured-image{width:min(50%,330px);aspect-ratio:3/2;height:auto;max-height:220px}
@media(max-width:600px){
.om-article>.om-category-image{min-height:0;margin:14px auto 20px!important}
.om-article>.om-category-image>img,.om-article>.om-category-image>a>img{max-height:180px}
}