body.home-modern main{position:relative}
.hero-showcase{position:relative;isolation:isolate;min-height:calc(100svh - 84px);display:flex;flex-direction:column;overflow:hidden;background:#e7eeeb}
.full-motion-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.full-bg-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.full-bg-scene.active{opacity:1}
.full-bg-scene img{width:100%;height:100%;object-fit:cover;object-position:75% center;animation:refined-drift 14s ease-in-out infinite alternate!important}
.full-motion-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffffff2 0%,#ffffffcf 23%,#ffffff50 47%,transparent 70%),linear-gradient(0deg,#eef3eff5 0%,transparent 30%)}
body.home-modern #top.hero-carousel{background:transparent;flex:1;display:flex;flex-direction:column;min-height:430px}
body.home-modern #top.hero-carousel .hero-swiper{width:100%;flex:1;display:flex;align-items:center}
body.home-modern #top.hero-carousel .hero-panel:before{background:transparent!important}
body.home-modern #top.hero-carousel .revised-hero-grid{min-height:0!important;padding:46px 0 22px;align-items:center}
body.home-modern #top.hero-carousel .revised-hero-photo{min-height:0;visibility:hidden}
body.home-modern #top.hero-carousel .hero-copy{max-width:460px;position:relative;z-index:2}
body.home-modern #top.hero-carousel .hero-copy h1,body.home-modern #top.hero-carousel .hero-slide-heading{font-size:clamp(30px,2.6vw,43px);line-height:1.35;letter-spacing:-1.5px}
body.home-modern #top.hero-carousel .revised-hero-actions{margin-top:20px}
body.home-modern #top.hero-carousel .hero-tabs{position:relative;bottom:auto;left:auto;right:auto;padding:0 0 10px;justify-content:flex-start;gap:12px}
body.home-modern #top.hero-carousel .hero-tabs button{font-size:12px;min-height:44px;padding:8px 4px}
body.home-modern #categories{background:transparent;padding:12px 0 24px}
body.home-modern #categories .section-head{margin-bottom:10px;text-align:left}
body.home-modern #categories .section-head h2{font-size:17px;text-align:left;letter-spacing:-.5px}
body.home-modern #categories .category-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}
body.home-modern #categories .category-card:nth-child(n){height:56px;min-height:56px;padding:6px 8px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;border:1px solid #ffffffc9;border-radius:9px;background:#ffffffc9;box-shadow:0 2px 9px #153e4b05;font-size:11px;line-height:15px;backdrop-filter:blur(8px)}
body.home-modern #categories .category-icon,body.home-modern #categories .computer-upgrade-card .category-icon{width:24px;height:24px;min-width:24px;grid-row:auto;flex:none}
body.home-modern #categories .category-icon img{width:24px;height:24px;object-fit:contain}
body.home-modern #categories .category-description{display:none}
body.home-modern #categories .computer-upgrade-card{grid-column:span 1}
body.home-modern #categories .computer-upgrade-card>span:not(.category-icon){font-size:11px;line-height:15px}
body.home-modern #categories .category-card:hover{background:#fff;border-color:#00828b;transform:translateY(-2px)}
.full-bg-paused .full-bg-scene img{animation-play-state:paused!important}
@keyframes refined-drift{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1%)}}
@media(max-width:1279px){body.home-modern #categories .container,body.home-modern #top .container{width:calc(100% - 48px)}body.home-modern #categories .category-grid{grid-template-columns:repeat(10,minmax(0,1fr))}body.home-modern #categories .category-card:nth-child(n){flex-direction:column;height:65px;min-height:65px;padding:4px 2px;gap:2px}}
@media(max-width:900px){.hero-showcase{min-height:calc(100svh - 76px)}.full-bg-scene img{object-position:67% center}.full-motion-background:after{background:linear-gradient(90deg,#fffffff0,#ffffff72),linear-gradient(0deg,#eef3eff5,transparent 50%)}body.home-modern #top.hero-carousel{min-height:430px}body.home-modern #top.hero-carousel .revised-hero-grid{padding:55px 0 12px;display:block}body.home-modern #top.hero-carousel .revised-hero-photo{display:none}body.home-modern #top.hero-carousel .hero-copy{max-width:330px}body.home-modern #top.hero-carousel .hero-copy h1,body.home-modern #top.hero-carousel .hero-slide-heading{font-size:29px}body.home-modern #top.hero-carousel .hero-tabs{justify-content:flex-start;gap:8px}body.home-modern #top.hero-carousel .hero-tabs button{flex:none;font-size:11px}body.home-modern #categories .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body.home-modern #categories .category-card:nth-child(n){height:50px;min-height:50px;font-size:10px;flex-direction:row;padding:4px;gap:3px}body.home-modern #categories .computer-upgrade-card{grid-column:span 1}body.home-modern #categories .category-icon,body.home-modern #categories .computer-upgrade-card .category-icon{width:20px;height:20px;min-width:20px}body.home-modern #categories .category-icon img{width:20px;height:20px}body.home-modern #categories .container,body.home-modern #top .container{width:calc(100% - 32px)}}

/* Final typography and consistent service-button alignment. */
body.home-modern #categories .section-head.centered{justify-content:flex-start;text-align:left}
body.home-modern #categories .section-head.centered>div{width:100%;text-align:left}
body.home-modern #categories .category-card:nth-child(n){display:flex;flex-direction:column;height:76px;min-height:76px;padding:7px 3px;gap:5px;background:#fffffff5;border:1px solid #d9e4e6;backdrop-filter:none;box-shadow:0 2px 7px #17384c08;color:#102b46;font-size:12px;font-weight:700;line-height:17px;letter-spacing:-.35px;text-align:center;overflow-wrap:normal;word-break:keep-all}
body.home-modern #categories .category-card>span:not(.category-icon){display:flex;align-items:center;justify-content:center;height:34px;width:100%;font-size:12px;font-weight:700;line-height:17px;color:#102b46;text-align:center}
body.home-modern #categories .category-icon,body.home-modern #categories .computer-upgrade-card .category-icon{width:25px;height:25px;min-width:25px;min-height:25px;flex:none}
body.home-modern #categories .category-icon img{width:25px;height:25px}
body.home-modern #categories .category-description{display:none!important}
body.home-modern #categories .computer-upgrade-card>span:not(.category-icon){display:block;align-content:center;font-size:12px;font-weight:700;line-height:17px}
.full-bg-scene img{animation-duration:20s!important}
@media(max-width:900px){body.home-modern #categories .category-card:nth-child(n){height:76px;min-height:76px;padding:6px 2px;gap:3px;font-size:12px}body.home-modern #categories .category-card>span:not(.category-icon){font-size:11px;line-height:16px;height:32px}body.home-modern #categories .computer-upgrade-card>span:not(.category-icon){font-size:12px;line-height:16px}}


body.home-modern #categories .category-card>span:not(.category-icon){display:block;align-content:center}


body.home-modern #categories .category-card:nth-child(n){display:grid;grid-template-rows:25px 34px;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:2px;padding:6px 3px;box-sizing:border-box;overflow:visible}
body.home-modern #categories .category-card>span{margin:0;padding:0;min-height:0}
body.home-modern #categories .category-card>span:not(.category-icon){height:34px;min-height:34px;width:100%;display:block;align-content:center;line-height:17px}


/* Smaller boxes while retaining readable labels. */
body.home-modern #categories .category-card:nth-child(n){height:62px;min-height:62px;grid-template-rows:20px 32px;padding:3px;gap:0;border-radius:7px}
body.home-modern #categories .category-icon,body.home-modern #categories .computer-upgrade-card .category-icon{width:20px;height:20px;min-width:20px;min-height:20px}
body.home-modern #categories .category-icon img{width:20px;height:20px}
body.home-modern #categories .category-card>span:not(.category-icon){height:32px;min-height:32px;line-height:16px}
body.home-modern #categories .category-grid{gap:6px}


/* Keep the bathroom work at the far right inside the interior frame. */
.full-bg-scene:nth-child(2) img{object-position:100% center;transform-origin:100% 50%;animation-name:interior-safe-drift!important}
@keyframes interior-safe-drift{from{transform:scale(1)}to{transform:scale(1.025)}}


/* Bring device repair work further into view, anchored to the right edge. */
.full-bg-scene:nth-child(3) img{object-position:100% center;transform-origin:100% 50%;animation-name:devices-safe-drift!important}
@keyframes devices-safe-drift{from{transform:scale(1)}to{transform:scale(1.04)}}


/* Preserve the full four-service panorama on narrow screens. */
@media(max-width:1100px){.full-bg-scene:nth-child(3){background:#ece9e2}.full-bg-scene:nth-child(3)::before{content:"";position:absolute;inset:0;background:url("assets/images/hero-tv-20261021-v1/devices-tv-mobile.webp") center/cover;filter:blur(16px);opacity:.4}.full-bg-scene:nth-child(3) img{position:relative;object-fit:contain;object-position:center 55%;transform-origin:center 55%}}

/* Fit the complete TV panorama; softly fill the remaining background. */
.full-bg-scene:nth-child(3){background:#eee9e1}
.full-bg-scene:nth-child(3)::before{content:"";position:absolute;inset:0;background:url("assets/images/hero-tv-20261021-v1/devices-tv-desktop.webp") center/cover;filter:blur(20px);opacity:.24}
.full-bg-scene:nth-child(3) img{position:relative;object-fit:contain;object-position:center 52%;transform-origin:center 52%;animation-name:tv-panorama-drift!important}
@keyframes tv-panorama-drift{from{transform:scale(1)}to{transform:scale(1.015)}}
@media(max-width:1100px){.full-bg-scene:nth-child(3)::before{background-image:url("assets/images/hero-tv-20261021-v1/devices-tv-mobile.webp")}.full-bg-scene:nth-child(3) img{object-position:center 55%}}


/* Keep web expert-card hearts inside their own cards, not over the hero. */
body.home-modern:not(.ys-home-installed) #expert-grid .ys-expert-card{position:relative}