/* Compact banner: 1916 x 370 source image recommended. */
/* v38: the hero follows the uploaded image's intrinsic ratio. */
body.software-store-page .software-root>.sw-hero-banner{height:auto;min-height:0;aspect-ratio:auto;display:block}
body.software-store-page .software-root>.sw-hero-banner .sw-banner-image{position:relative;display:block;inset:auto;width:100%;height:auto;object-fit:contain}
/* Compact controls and image-first cards, matching the supplied reference. */
.software-root .sw-promo{border:0;box-shadow:none}
.software-root .sw-promo>div{border:0;box-shadow:none;border-radius:0}
.software-root .sw-cover>img{object-fit:cover;object-position:center}
.software-root .sw-cover>span{background:linear-gradient(135deg,#ff456e,#f5194d);font-size:10px;padding:4px 7px;box-shadow:0 2px 8px #ff23543d}
.software-root .sw-heading-copy{position:relative;padding-left:38px}
.software-root .sw-heading-flame{position:absolute;left:0;top:0;width:30px;height:34px;object-fit:contain;filter:invert(59%) sepia(71%) saturate(1640%) hue-rotate(171deg) drop-shadow(0 0 5px #009cff55)}
.software-root .sw-buy-row a,.software-root .sw-promo span,.software-root .sw-show-all{gap:5px;padding:5px 8px}
.software-root .sw-buy-row .sw-button-icon,.software-root .sw-promo .sw-button-icon,.software-root .sw-show-all .sw-button-icon{width:15px;height:15px;margin:0}
body.software-store-page main.extras-main[data-software-store]{padding:0 5% 32px}
.software-root>.sw-hero-banner{margin:0 -5.555556% 14px;min-height:0;height:clamp(260px,19.32vw,370px);aspect-ratio:auto;padding:0}
.software-root>.sw-hero-banner .sw-banner-image{object-position:center;object-fit:contain;filter:none;opacity:1}
.software-root>.sw-hero-banner .sw-hero-actions{position:absolute;left:9%;top:auto;bottom:20px;width:auto}
.software-root .sw-hero-actions{gap:16px}
.software-root .sw-primary,.software-root .sw-secondary{min-width:184px;height:42px;min-height:42px;font-size:14px;padding:8px 20px;border-radius:12px}
.software-root .sw-categories{gap:14px;margin:0 15px 22px}
.software-root .sw-categories button{height:74px;min-height:74px;padding:10px 20px;gap:20px;border-radius:9px}
.software-root .sw-categories img{width:54px;height:54px}
.software-root .sw-categories b{font-size:13px;line-height:1.35}
.software-root .sw-section-heading{min-height:42px;margin-bottom:10px}
.software-root .sw-section-heading h2{font-size:24px;line-height:1.2}
.software-root .sw-section-heading p{font-size:13px}
.software-root .sw-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.software-root .sw-card{height:139px;padding:7px;gap:15px;border-radius:9px}
.software-root .sw-cover{flex-basis:43%;min-height:0;height:123px}
.software-root .sw-cover>img{height:123px}
.software-root .sw-card-content{padding:12px 0 0}
.software-root .sw-product-name{font-size:14px}
.software-root .sw-card-content>p{margin:4px 0;font-size:12px}
.software-root .sw-buy-row{padding-top:5px}
.software-root .sw-buy-row strong{font-size:19px}
.software-root .sw-buy-row a{padding:6px;font-size:11px}
.software-root .sw-promos{gap:15px;margin-top:14px}
.software-root .sw-promo{min-height:146px;padding:16px 30px;border-radius:9px}
.software-root .sw-promo h3{font-size:25px;line-height:1.2}
.software-root .sw-promo p{font-size:15px}
@media(min-width:1800px){.software-root .sw-card{height:158px}.software-root .sw-cover,.software-root .sw-cover>img{height:142px}}
@media(max-width:1400px){.software-root .sw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.software-root .sw-categories button{padding:10px;gap:10px}.software-root .sw-categories img{width:42px;height:42px}}
@media(max-width:850px){body.software-store-page main.extras-main[data-software-store]{padding:0 16px 24px}.software-root>.sw-hero-banner{margin:0 -16px 14px;padding:20px 24px;height:280px}.software-root .sw-categories{margin:0 0 18px;grid-template-columns:repeat(3,minmax(0,1fr))}.software-root .sw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-root .sw-promo{padding:16px}.software-root .sw-promo h3{font-size:21px}}
@media(max-width:540px){.software-root>.sw-hero-banner{height:240px;padding:16px}.software-root .sw-hero-actions{gap:10px;width:100%}.software-root .sw-primary,.software-root .sw-secondary{min-width:0;flex:1;font-size:12px;padding:8px}.software-root .sw-categories{gap:8px}.software-root .sw-categories button{height:100px;gap:5px}.software-root .sw-grid{grid-template-columns:1fr}.software-root .sw-card{height:139px}.software-root .sw-cover{flex-basis:35%}.software-root .sw-promos{grid-template-columns:1fr}.software-root .sw-promo{min-height:146px}}
@media(max-width:850px){.software-root>.sw-hero-banner{height:auto;padding:0;aspect-ratio:1916 / 821;margin-bottom:76px}.software-root>.sw-hero-banner .sw-hero-actions{top:100%;left:16px;right:16px;padding-top:12px;justify-content:center}.software-root .sw-hero-actions a{flex:1;max-width:240px}}
.software-root .sw-promo>div{position:absolute;left:0;right:0;bottom:12px;max-width:none;width:auto;padding:0;background:none;text-align:center}
.software-root .sw-promo span{background:#041222e8;box-shadow:0 2px 10px #0005}
.software-root .sw-promo-adobe>div{left:37%;right:auto;bottom:9%;width:auto}
.software-root .sw-promo-capcut>div{left:6%;right:auto;bottom:8%;width:auto}
.software-root .sw-promo{aspect-ratio:5.7 / 1;min-height:0}
.software-root .sw-card,.software-root .sw-categories button,.software-root .sw-promo,.software-root a,.software-root .sw-show-all{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}
@media(hover:hover){.software-root .sw-card:hover,.software-root .sw-categories button:hover{transform:translateY(-3px);border-color:#299eff;box-shadow:0 7px 22px #008cff26}.software-root .sw-buy-row a:hover,.software-root .sw-hero-actions a:hover,.software-root .sw-show-all:hover{transform:translateY(-2px);filter:brightness(1.15)}.software-root .sw-promo:hover span{transform:translateY(-2px);box-shadow:0 0 16px #149dff55}}
.software-root .sw-promo span{transition:transform .2s ease,box-shadow .2s ease}
.sw-loading-card{display:flex;gap:14px;min-height:140px;padding:10px;border:1px solid #243d59;border-radius:12px;background:#0b192d;overflow:hidden}
.sw-loading-image{width:40%;border-radius:8px;background:#172e48;flex-shrink:0}
.sw-loading-copy{flex:1;padding-top:14px;display:flex;flex-direction:column;gap:12px}
.sw-loading-copy i{height:11px;width:90%;border-radius:6px;background:#172e48}.sw-loading-copy i:nth-child(2){width:65%}.sw-loading-copy i:last-child{margin-top:auto;width:50%;height:20px}
.sw-loading-image,.sw-loading-copy i{background-image:linear-gradient(100deg,transparent 20%,#459bdb26 50%,transparent 80%);background-size:220% 100%;animation:sw-loading-shimmer 1.5s ease-in-out infinite}
@keyframes sw-loading-shimmer{from{background-position:200% 0}to{background-position:-100% 0}}
.software-root .sw-promo{transition:transform .3s ease,box-shadow .3s ease;--promo-glow:#168fff55}
.software-root .sw-promo-adobe{--promo-glow:#bc46ff55}
.software-root .sw-promo::after{content:'';position:absolute;inset:-50%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff20 50%,transparent 60%);transform:translateX(-110%);opacity:0}
.software-root .sw-promo .sw-promo-bg{transition:transform .55s ease;transform:scale(1);transform-origin:center}
.software-root .sw-promo:focus-visible{outline:2px solid #65caff;outline-offset:4px;box-shadow:0 8px 26px var(--promo-glow)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .software-root .sw-promo:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--promo-glow)}
 .software-root .sw-promo:hover .sw-promo-bg{transform:scale(1.025)}
 .software-root .sw-promo:hover::after,.software-root .sw-promo:focus-visible::after{animation:sw-promo-sheen .85s ease-out both}
}
.software-root .sw-promo:active{transform:scale(.99)}
@keyframes sw-promo-sheen{0%{transform:translateX(-110%);opacity:0}20%{opacity:1}100%{transform:translateX(110%);opacity:0}}
@media(prefers-reduced-motion:reduce){.software-root .sw-promo:active,.software-root .sw-promo:hover{transform:none}.software-root .sw-promo::after{animation:none!important;display:none}}
@media(prefers-reduced-motion:reduce){.software-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:850px){.software-root>.sw-hero-banner{height:auto;aspect-ratio:1916 / 370;min-height:0}.software-root>.sw-hero-banner .sw-hero-actions{bottom:auto}}