
.ces-award{display:inline-block;flex:0 0 auto;width:74px;max-width:100%;line-height:0;vertical-align:middle;border-radius:0;overflow:visible}
.ces-award>img.ces-award-artwork{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;aspect-ratio:4/5;object-fit:contain;margin:0;mix-blend-mode:normal;transform:none;filter:none;transition:none}
.compare-product{position:relative}
.ces-award--compare{position:absolute;z-index:2;left:20px;top:24px;width:67px}
.product-award-scene{--render-h:500px;--badge-w:60px;--fit-w:min(100cqw,calc(var(--render-h) * 1.1803921569));--fit-h:calc(var(--fit-w) * .8471760797);position:relative;container-type:inline-size}
.product-award-stage{position:relative;height:var(--render-h)}
.product-award-stage>img{height:var(--render-h);width:100%;object-fit:contain}
.product-render .ces-award>img.ces-award-artwork{height:auto;width:100%}
.ces-award--product{position:absolute;z-index:2;width:var(--badge-w);left:calc(50cqw - var(--fit-w) * .5 + var(--fit-w) * .043 - var(--badge-w) - 16px);top:calc((var(--render-h) - var(--fit-h)) * .5 + var(--fit-h) * .024)}
@media(max-width:1100px){.ces-award--product{left:max(0px,calc(50cqw - var(--fit-w) * .5 + var(--fit-w) * .043 - var(--badge-w) - 8px));top:calc((var(--render-h) - var(--fit-h)) * .5 + var(--fit-h) * .114 - var(--badge-w) * 1.25 - 8px)}}
.ces-award--home{position:absolute;z-index:3;top:20px;left:22px;width:64px}

.ces-award--hero{--art-x:8vw;--art-y:0px;--art-w:112vw;--art-h:clamp(640px,calc(100svh - 104px),820px);--fit-w:min(var(--art-w),calc(var(--art-h) * 1.77777778));--badge-gap:20px;position:absolute;z-index:3;left:calc(var(--art-x) + var(--art-w) * .5 + var(--fit-w) * .195 + var(--badge-gap));top:calc(var(--art-y) + var(--art-h) * .5 - var(--fit-w) * .1445625);width:88px;box-shadow:0 5px 24px #0003;border:1px solid #ffffff20}
@media(min-width:1700px){.ces-award--hero{--art-x:12vw;--art-w:104vw}}
.ces-award--hero{box-shadow:none;border:0}
.ces-award--hero>img.ces-award-artwork{background:#fff;border-radius:2px;box-shadow:0 0 0 3px #fff}
@media(min-width:801px) and (max-width:1100px){
  .ces-award--compare{left:15px;top:19px;width:55px}
  .product-award-scene{--render-h:400px;--badge-w:48px;padding-top:32px}
  .ces-award--hero{--art-x:10vw;--art-w:115vw;--art-h:700px;--badge-gap:16px;width:64px}
}
@media(min-width:801px) and (max-width:960px){.ces-award--hero{--badge-gap:12px;width:56px}}
@media(max-width:800px){
  .ces-award--compare{position:static;display:block;width:50px;margin:0 auto 18px}
  .product-award-scene{--render-h:330px;--badge-w:44px;padding-top:36px}
  html[lang="en"] .product-award-scene{--render-h:310px}
  .ces-award--home{top:16px;left:16px;width:49px}
  .ces-award--hero{--art-x:-27.5vw;--art-y:392px;--art-w:155vw;--art-h:425px;--badge-gap:12px;width:54px}
}
@media(max-width:380px){
  .ces-award--compare{width:44px;margin-bottom:16px}
  .ces-award--home{width:43px;left:13px}
  .ces-award--hero{--badge-gap:10px;width:50px}
}
@media(max-width:320px){.ces-award--hero{width:44px}}


.mega-item .mega-product-visual{height:125px}
.mega-item .mega-product-visual.has-award{display:grid;grid-template-columns:minmax(0,148px) 34px;gap:9px;align-items:center;width:min(100%,191px);margin-inline:auto}
.mega-item .ces-award--menu{display:block;width:34px;max-width:none;margin:6px 0 0;align-self:start;line-height:0;box-shadow:0 2px 8px #17294712}
.mega-item .ces-award--menu>img.ces-award-artwork{width:100%;height:auto;margin:0}
.mobile-menu a.mobile-product-item{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-product-info{min-width:0}
.mobile-menu .ces-award--mobile-menu{display:block;width:27px;max-width:none;margin:0;line-height:0;box-shadow:0 2px 8px #17294712}
.mobile-menu .ces-award--mobile-menu>img.ces-award-artwork{width:100%;height:auto;margin:0}
@media(min-width:801px) and (max-width:1100px){
 .mega-item .mega-product-visual.has-award{grid-template-columns:minmax(0,1fr) 30px;gap:7px}
 .mega-item .ces-award--menu{width:30px}
}
@media(max-width:380px){
 .mobile-menu a .mobile-product-info small{display:block;margin:5px 0 0}
 .mobile-menu .ces-award--mobile-menu{width:25px}
}


.family .family-product-visual{position:relative;height:150px;transition:transform .45s}
.family .family-item:hover .family-product-visual{transform:translateY(-7px)}
.family .family-item:hover .family-product-visual>img{transform:none}
.family .ces-award--family{position:absolute;z-index:1;right:0;top:-10px;width:32px;max-width:none;box-shadow:0 2px 8px #17294714}
.family .family-product-visual .ces-award>img.ces-award-artwork{width:100%;height:auto;transform:none}
@media(min-width:801px) and (max-width:1100px){
 .family .family-product-visual{height:125px}
 .family .ces-award--family{width:28px;top:-22px}
}
@media(max-width:800px){
 .family .family-product-visual{height:102px}
 .family .ces-award--family{width:22px;top:-13px}
}
