
.framework-category.jy-approved-category .catalogue-intro{display:grid!important;grid-template-columns:46% 54%!important;gap:0!important;min-height:420px!important;background:#202b30!important;overflow:hidden!important;isolation:isolate}
.framework-category.jy-approved-category .catalogue-intro .inner-hero-copy{position:relative!important;z-index:2!important;padding:40px 24px 40px 40px!important;color:#fff!important;align-self:center}
.framework-category.jy-approved-category .catalogue-intro .inner-hero-copy h1{color:#fff!important}
.framework-category.jy-approved-category .catalogue-intro .inner-hero-copy p{color:#d8dfe1!important}
.framework-category.jy-approved-category .catalogue-intro>.category-task-photo{position:relative!important;inset:auto!important;width:100%!important;height:420px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;opacity:1!important}
.category-task-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--position,center)!important;max-width:none!important;transform:none!important}
.category-task-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#202b30 0%,rgba(32,43,48,.7) 7%,rgba(32,43,48,0) 30%);pointer-events:none}
.category-task-photo figcaption{position:absolute!important;right:18px!important;bottom:18px!important;left:auto!important;z-index:2;color:white!important;background:rgba(25,32,34,.65)!important;padding:7px 12px!important;border-radius:3px;font-size:14px!important}
@media(max-width:760px){.framework-category.jy-approved-category .catalogue-intro{grid-template-columns:1fr!important}.framework-category.jy-approved-category .catalogue-intro .inner-hero-copy{padding:28px 24px!important}.framework-category.jy-approved-category .catalogue-intro>.category-task-photo{height:270px!important}.category-task-photo:after{background:linear-gradient(180deg,#202b30 0%,transparent 28%)}}

.cp-photo-button>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:9px 17px!important;min-height:44px;box-sizing:border-box;background:#f7f9f9!important;color:#24363e!important;border:1px solid #d4dce0!important;border-radius:6px!important;font:650 16px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;transition:background .2s,border-color .2s,box-shadow .2s!important}.cp-photo-button>span>svg{display:inline-block!important;width:20px!important;height:20px!important;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}.cp-photo-button>span:before{content:none!important}.cp-photo-button:hover>span,.cp-photo-button:focus-visible>span{background:#fff3d5!important;border-color:#c9aa62!important;box-shadow:0 3px 10px #68460012!important;transform:none!important}.cp-photo-button:hover>span svg{transform:scale(1.12)}.cp-photo-button:focus-visible{outline:3px solid #eaa51d;outline-offset:3px}


/* Keep original attachment image hierarchy and positioning rules intact. */
.bucket-detail-hero>.jy-product-stage{position:relative!important;box-sizing:border-box;overflow:hidden;min-width:0;border:1px solid #e0e5e7!important;border-radius:8px!important;background:#fff!important;padding-bottom:58px!important}
.jy-product-stage .jy-stage-photo{cursor:pointer!important;transition:scale .3s ease;scale:1}
@media(hover:hover) and (pointer:fine){.jy-product-stage .jy-stage-photo:hover{scale:1.02}}
.jy-product-stage>.standard-image-zoom{position:absolute!important;right:12px!important;bottom:12px!important;left:auto!important;top:auto!important;width:auto!important;margin:0!important;transform:none!important;z-index:2}
.jy-product-stage>.standard-image-zoom,.jy-machine-photo .wm-enlarge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;padding:9px 14px!important;border:1px solid #d4dce0!important;border-radius:6px!important;background:#fff!important;color:#24363e!important;font:650 15px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;cursor:pointer!important;box-sizing:border-box;transition:border-color .2s,box-shadow .2s!important}
body .bucket-detail-hero .jy-product-stage>.standard-image-zoom:hover,body .bucket-detail-hero .jy-product-stage>.standard-image-zoom:focus-visible,.jy-machine-photo .wm-enlarge:hover,.jy-machine-photo .wm-enlarge:focus-visible{background:#fff!important;border-color:#c9aa62!important;box-shadow:none!important}
.jy-product-stage>.standard-image-zoom svg,.jy-machine-photo .wm-enlarge svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.8}
.jy-product-stage .batch-product-photo{border:0!important;box-shadow:none!important}
.jy-stage-photo:focus-visible{outline:2px solid #56716d;outline-offset:-3px}
.jy-machine-photo{position:relative;min-width:0}
.jy-machine-photo>.wm-main-image{cursor:pointer!important}
.jy-machine-photo>.wm-enlarge{position:absolute!important;right:12px!important;bottom:12px!important;margin:0!important;width:auto!important;z-index:2;transform:none!important}
.company-page .cp-photo-button{border:0!important;box-shadow:none!important;cursor:pointer!important;overflow:hidden}
body .company-page .cp-photo-button>span,body .company-page .cp-photo-button:hover>span{right:12px!important;bottom:12px!important;min-height:44px!important;background:#fff!important;color:#24363e!important;border:1px solid #d4dce0!important;border-radius:6px!important;box-shadow:none!important;transform:none!important;font-size:15px!important;padding:9px 14px!important;gap:9px!important}
body .company-page .cp-photo-button:hover>span svg{transform:none!important}
body .company-page .cp-photo-button>span:hover,body .company-page .cp-photo-button:focus-visible>span{background:#fff!important;border-color:#c9aa62!important;box-shadow:none!important}
@media(hover:hover) and (pointer:fine){.company-page .cp-photo-button:hover>img{transform:scale(1.02)}}
@media(max-width:700px){.jy-machine-photo>.wm-enlarge{right:8px!important;bottom:8px!important}.jy-product-stage>.standard-image-zoom,.jy-machine-photo .wm-enlarge{font-size:14px!important;padding:8px 11px!important}}
@media(prefers-reduced-motion:reduce){.jy-stage-photo,.wm-main-image img,.cp-photo-button img{transition:none!important;scale:1!important}.company-page .cp-photo-button>img{transform:none!important}}

body .bucket-detail-hero>.jy-product-stage>button.standard-image-zoom{position:absolute!important;inset:auto 12px 12px auto!important;width:auto!important;margin:0!important;transform:none!important;align-self:auto!important}

/* Larger image thumbnails; keep original right-hand model selector sizing. */
.wm-thumbs{gap:12px!important;margin-top:14px!important}
.wm-thumbs button{flex:0 0 112px!important;height:80px!important;min-height:80px!important}
@media(max-width:700px){.wm-thumbs{gap:10px!important}.wm-thumbs button{flex-basis:94px!important;height:70px!important;min-height:70px!important}}

/* Match the subtle corner-icon interaction across attachments, machines and factory. */
.jy-product-stage>.standard-image-zoom svg,.jy-machine-photo .wm-enlarge svg,.company-page .cp-photo-button>span svg{transition:transform .2s ease!important;transform:none!important}
@media(hover:hover) and (pointer:fine){body .jy-product-stage>.standard-image-zoom:hover svg,.jy-machine-photo .wm-enlarge:hover svg,body .company-page .cp-photo-button>span:hover svg{transform:scale(1.12)!important}}
@media(prefers-reduced-motion:reduce){.jy-product-stage>.standard-image-zoom svg,.jy-machine-photo .wm-enlarge svg,.company-page .cp-photo-button>span svg{transition:none!important}}

/* Scoped display-only balancing: frame dimensions and original files remain unchanged. */
.jy-product-stage[data-jy-balance="box"] img{transform:translateY(38px) scale(1.45)!important;transform-origin:50% 50%!important}
.jy-product-stage[data-jy-balance="forks"] img{transform:translateY(20px) scale(1.25)!important;transform-origin:50% 50%!important}
.jy-product-stage[data-jy-balance="rake"] img{transform:translateY(10px) scale(1.18)!important;transform-origin:50% 50%!important}
@media(max-width:700px){.jy-product-stage[data-jy-balance="box"] img{transform:none!important}.jy-product-stage[data-jy-balance="forks"] img{transform:translateY(12px) scale(1.16)!important}.jy-product-stage[data-jy-balance="rake"] img{transform:translateY(6px) scale(1.12)!important}}

.jy-product-stage[data-jy-balance="side"] .breaker-photo{transform:translateY(12px)!important}
@media(max-width:700px){.jy-product-stage[data-jy-balance="side"] .breaker-photo{transform:translateY(6px)!important}}

/* Reviewed batch: frame dimensions unchanged, display-only per product. */
.jy-product-stage[data-jy-balance="sorting"]{--jy-offset:16px;--jy-scale:1}
.jy-product-stage[data-jy-balance="forestry"]{--jy-offset:18px;--jy-scale:1.16}
.jy-product-stage[data-jy-balance="hydraulic-coupler"]{--jy-offset:16px;--jy-scale:1}
.jy-product-stage[data-jy-balance="mechanical-coupler"]{--jy-offset:16px;--jy-scale:1}
.jy-product-stage[data-jy-balance="top-breaker"]{--jy-offset:12px;--jy-scale:1}
.jy-product-stage[data-jy-balance="stump"]{--jy-offset:14px;--jy-scale:1.1}
.jy-product-stage[data-jy-balance="crusher"]{--jy-offset:14px;--jy-scale:1}
.jy-product-stage[data-jy-balance="drum"]{--jy-offset:12px;--jy-scale:1}
.jy-product-stage[data-jy-balance="ridger"]{--jy-offset:14px;--jy-scale:0.9}
.jy-product-stage[data-jy-balance="tiller"]{--jy-offset:12px;--jy-scale:1}
.jy-product-stage[data-jy-balance="trailer"]{--jy-offset:12px;--jy-scale:1}
.jy-product-stage[data-jy-balance="manure-fork"]{--jy-offset:8px;--jy-scale:1.16}
.jy-product-stage[data-jy-balance="finishing"]{--jy-offset:6px;--jy-scale:1.1}
:is([data-jy-balance="sorting"],[data-jy-balance="forestry"],[data-jy-balance="hydraulic-coupler"],[data-jy-balance="mechanical-coupler"],[data-jy-balance="top-breaker"],[data-jy-balance="stump"],[data-jy-balance="crusher"],[data-jy-balance="drum"],[data-jy-balance="ridger"],[data-jy-balance="tiller"],[data-jy-balance="trailer"],[data-jy-balance="manure-fork"],[data-jy-balance="finishing"]) .jy-stage-photo{translate:0 var(--jy-offset)!important;scale:var(--jy-scale)!important;transform-origin:center center}
@media(hover:hover) and (pointer:fine){:is([data-jy-balance="sorting"],[data-jy-balance="forestry"],[data-jy-balance="hydraulic-coupler"],[data-jy-balance="mechanical-coupler"],[data-jy-balance="top-breaker"],[data-jy-balance="stump"],[data-jy-balance="crusher"],[data-jy-balance="drum"],[data-jy-balance="ridger"],[data-jy-balance="tiller"],[data-jy-balance="trailer"],[data-jy-balance="manure-fork"],[data-jy-balance="finishing"]) .jy-stage-photo:hover{scale:calc(var(--jy-scale) * 1.02)!important}}
@media(max-width:700px){.jy-product-stage[data-jy-balance="sorting"]{--jy-offset:8px;--jy-scale:1}.jy-product-stage[data-jy-balance="forestry"]{--jy-offset:10px;--jy-scale:1.1}.jy-product-stage[data-jy-balance="hydraulic-coupler"]{--jy-offset:8px;--jy-scale:1}.jy-product-stage[data-jy-balance="mechanical-coupler"]{--jy-offset:8px;--jy-scale:1}.jy-product-stage[data-jy-balance="top-breaker"]{--jy-offset:6px;--jy-scale:1}.jy-product-stage[data-jy-balance="stump"]{--jy-offset:8px;--jy-scale:1.06}.jy-product-stage[data-jy-balance="crusher"]{--jy-offset:7px;--jy-scale:1}.jy-product-stage[data-jy-balance="drum"]{--jy-offset:6px;--jy-scale:1}.jy-product-stage[data-jy-balance="ridger"]{--jy-offset:8px;--jy-scale:0.9}.jy-product-stage[data-jy-balance="tiller"]{--jy-offset:6px;--jy-scale:1}.jy-product-stage[data-jy-balance="trailer"]{--jy-offset:6px;--jy-scale:1}.jy-product-stage[data-jy-balance="manure-fork"]{--jy-offset:4px;--jy-scale:1.1}.jy-product-stage[data-jy-balance="finishing"]{--jy-offset:3px;--jy-scale:1.06}}
