/* Custom products: keep actions close to their description. */
#technologyServicesSidebar .modexa-custom-products-grid > .service-card {
 height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;
}
#technologyServicesSidebar .modexa-custom-products-grid .service-content {
 flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0 0 12px!important;padding:0!important;position:static!important;transform:none!important;
}
#technologyServicesSidebar .modexa-custom-products-grid .service-content p {margin-bottom:0!important;height:auto!important;min-height:0!important;padding-bottom:0!important}
#technologyServicesSidebar .modexa-custom-products-grid .service-content + a.service-button {margin-top:0!important}
#technologyServicesSidebar .modexa-custom-products-grid a.service-button {
 position:static!important;transform:none!important;flex:0 0 auto!important;
 width:100%!important;box-sizing:border-box;min-height:48px!important;height:auto!important;
 margin:10px 0 0!important;padding:12px 16px!important;border:1px solid #ccdaeb!important;
 border-radius:18px!important;background:linear-gradient(120deg,#f2f7ff,#fff)!important;
 color:#1c416b!important;box-shadow:0 3px 9px #254c7810!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 text-decoration:none!important;transition:background .2s,border-color .2s,box-shadow .2s;
}
#technologyServicesSidebar .modexa-custom-products-grid .service-button-text {font-size:13px!important;font-weight:600!important;line-height:1.4!important;white-space:normal!important}
#technologyServicesSidebar .modexa-custom-products-grid .service-button-arrow {
 flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 background:#e5eefb!important;border:0!important;color:#245ca0!important;font-size:18px!important;
}
#technologyServicesSidebar .modexa-custom-products-grid a.service-button:hover {background:#e9f2ff!important;border-color:#93b4df!important;box-shadow:0 5px 14px #254c7820!important}
#technologyServicesSidebar .modexa-custom-products-grid a.service-button:focus-visible {outline:3px solid #367ada;outline-offset:3px}
/* Shared typography keeps all three hero messages clear and consistent. */
#carouselExampleCaptions .home-slide-eyebrow,
#carouselExampleCaptions #slide1 .slide1-badge {font-size:10px!important;font-weight:700!important;letter-spacing:1.8px!important;line-height:1.5!important;color:#365b7d!important}
#carouselExampleCaptions .home-power-copy h2,
#carouselExampleCaptions .home-phone-copy h2,
#carouselExampleCaptions #slide1 .slide1-heading {font-family:inherit!important;font-weight:750!important;font-size:clamp(30px,3.2vw,44px)!important;line-height:1.12!important;letter-spacing:-1.2px!important;color:#17324d!important;text-wrap:balance;margin:12px 0 16px!important}
#carouselExampleCaptions .home-power-copy h2 span,
#carouselExampleCaptions .home-phone-copy h2 span,
#carouselExampleCaptions #slide1 .slide1-heading span {color:#2165df!important}
#carouselExampleCaptions .home-power-copy p,
#carouselExampleCaptions .home-phone-copy p,
#carouselExampleCaptions #slide1 .slide1-description {font-size:15px!important;line-height:1.65!important;font-weight:400!important;color:#466078!important;text-wrap:pretty;max-width:460px}
@media(max-width:767.98px){
 #carouselExampleCaptions .home-power-copy h2,
 #carouselExampleCaptions .home-phone-copy h2,
 #carouselExampleCaptions #slide1 .slide1-heading {font-size:clamp(27px,7vw,33px)!important;letter-spacing:-.8px!important;margin:8px 0 10px!important}
 #carouselExampleCaptions .home-power-copy p,
 #carouselExampleCaptions .home-phone-copy p,
 #carouselExampleCaptions #slide1 .slide1-description {font-size:13px!important;line-height:1.5!important;margin-left:auto!important;margin-right:auto!important}
 #carouselExampleCaptions .home-slide-eyebrow,
 #carouselExampleCaptions #slide1 .slide1-badge {font-size:9px!important;letter-spacing:1.4px!important}
}
/* Featured inventory slide. Existing slides retain their styling hooks. */
#carouselExampleCaptions .home-power-slide {height:100%;display:grid;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:auto auto;align-content:center;align-items:center;gap:18px 36px;padding:24px 70px 54px;background:linear-gradient(120deg,#f2f7ff,#fff 70%)}
#carouselExampleCaptions .home-power-copy {grid-column:1;grid-row:1;max-width:540px}
#carouselExampleCaptions .home-power-copy h2 {font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.7px;margin:16px 0 14px;color:#19344e}
#carouselExampleCaptions .home-power-copy h2 span {color:#2868ed}
#carouselExampleCaptions .home-power-copy p {font-size:14px;line-height:1.65;color:#416482;margin:0 0 16px;max-width:460px}
#carouselExampleCaptions .home-power-features {display:flex;flex-wrap:wrap;gap:7px}
#carouselExampleCaptions .home-power-features span {padding:6px 10px;border:1px solid #d9e5f5;border-radius:20px;background:#fff;color:#34516d;font-size:11px}
#carouselExampleCaptions .home-power-visual {grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;height:310px;min-width:0}
#carouselExampleCaptions .home-power-visual img {position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:310px!important;object-fit:contain!important;transform:none!important;mix-blend-mode:multiply}
#carouselExampleCaptions .home-power-button {grid-column:1;grid-row:2;justify-self:start;border-radius:11px;padding:12px 18px;font-size:14px;min-height:46px;display:flex;align-items:center;justify-content:center}
@media(max-width:767.98px){
 #carouselExampleCaptions.carousel {--home-slide-height:530px;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;left:auto!important;right:auto!important;transform:none!important}
 #carouselExampleCaptions .carousel-inner,#carouselExampleCaptions .carousel-item {border-radius:0!important}
 .home-commerce-layout {width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
 .home-products-column {min-width:0;width:100%}
 .home-products-column>section,.home-products-column>.container {width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:8px!important;padding-right:8px!important}
 #carouselExampleCaptions .home-power-slide {grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:18px 30px 54px;text-align:center}
 #carouselExampleCaptions .home-power-copy {grid-column:1;grid-row:1;max-width:400px;justify-self:center}
 #carouselExampleCaptions .home-power-copy h2 {font-size:29px;margin:10px 0}
 #carouselExampleCaptions .home-power-copy p {font-size:13px;line-height:1.5;margin-bottom:10px}
 #carouselExampleCaptions .home-power-features {justify-content:center;gap:5px}
 #carouselExampleCaptions .home-power-features span {font-size:10px;padding:4px 7px}
 #carouselExampleCaptions .home-power-visual {grid-column:1;grid-row:2;height:100%;min-height:0;width:100%;max-width:300px;justify-self:center}
 #carouselExampleCaptions .home-power-visual img {max-height:240px!important}
 #carouselExampleCaptions .home-power-button {grid-column:1;grid-row:3;justify-self:center;width:90%;min-height:48px;font-size:13px}
 #carouselExampleCaptions .home-phone-slide {grid-template-rows:auto minmax(0,1fr) auto}
 #carouselExampleCaptions .home-phone-visual {height:100%!important;min-height:0}
 #carouselExampleCaptions .home-phone-visual img {height:100%!important;max-height:240px!important}
 #carouselExampleCaptions #slide1 #slide1Link,#carouselExampleCaptions #slide1 .slide1-image {height:160px!important;max-height:160px!important}
}


@media(max-width:374.98px) and (orientation:portrait){#carouselExampleCaptions.carousel{--home-slide-height:560px}}
@media(max-width:950px) and (orientation:landscape) and (max-height:600px){
 #carouselExampleCaptions.carousel {--home-slide-height:310px}
 #carouselExampleCaptions .home-power-slide {grid-template-columns:minmax(0,1fr) 32%;grid-template-rows:auto auto;gap:10px 20px;padding:16px 50px 48px;text-align:left}
 #carouselExampleCaptions .home-power-copy {grid-column:1;grid-row:1}
 #carouselExampleCaptions .home-power-copy h2 {font-size:25px;margin:6px 0}
 #carouselExampleCaptions .home-power-copy p {font-size:12px;margin-bottom:6px}
 #carouselExampleCaptions .home-power-features {justify-content:flex-start}
 #carouselExampleCaptions .home-power-visual {grid-column:2;grid-row:1/3;height:220px}
 #carouselExampleCaptions .home-power-button {grid-column:1;grid-row:2;justify-self:start;width:auto;min-height:38px;padding:8px 14px;font-size:11px}
}

/* Keep hero actions in their layout cells, overriding shared button offsets. */
#carouselExampleCaptions .home-power-button,
#carouselExampleCaptions #caseyShopNowBtn,
#carouselExampleCaptions #slide1 .slide1-buttons a.btn {
 position:static!important;inset:auto!important;transform:none!important;float:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;border-radius:24px!important;height:40px!important;
 min-height:40px!important;padding:8px 18px!important;font-size:13px!important;
 line-height:1.25!important;text-align:center!important;margin:0!important;
}
@media(max-width:767.98px){
 #carouselExampleCaptions.carousel {--home-slide-height:490px!important}
 #carouselExampleCaptions .home-power-button,
 #carouselExampleCaptions #caseyShopNowBtn {justify-self:center!important;align-self:center!important;width:90%!important;max-width:360px!important;min-width:0!important;margin:0 auto!important}
 #carouselExampleCaptions .home-power-slide,
 #carouselExampleCaptions .home-phone-slide {box-sizing:border-box!important;padding:16px 28px 54px!important;grid-template-rows:auto minmax(0,1fr) 40px!important;gap:8px!important;min-height:0!important}
 #carouselExampleCaptions .home-power-copy p,
 #carouselExampleCaptions .home-phone-copy p {margin-bottom:6px!important}
 #carouselExampleCaptions .home-power-visual,
 #carouselExampleCaptions .home-phone-visual {min-height:0!important;height:100%!important}
 #carouselExampleCaptions .home-power-visual img,
 #carouselExampleCaptions .home-phone-visual img {max-height:210px!important}
 #carouselExampleCaptions #slide1 .slide1-hero {box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;align-content:stretch!important;justify-items:center!important;gap:7px!important;padding:16px 28px 54px!important;height:100%!important;min-height:0!important}
 #carouselExampleCaptions #slide1 .slide1-hero>div,
 #carouselExampleCaptions #slide1 .slide1-content {display:contents!important}
 #carouselExampleCaptions #slide1 .slide1-badge {grid-row:1;grid-column:1;order:0;margin:0!important}
 #carouselExampleCaptions #slide1 .slide1-heading {grid-row:2;grid-column:1;order:1;margin:0!important;text-align:center!important}
 #carouselExampleCaptions #slide1 .slide1-description {grid-row:3;grid-column:1;order:2;margin:0!important;text-align:center!important}
 #carouselExampleCaptions #slide1 #slide1Link {grid-row:4;grid-column:1;order:3;min-height:0!important;height:100%!important;max-height:145px!important;width:100%!important;position:static!important;transform:none!important;align-self:center!important}
 #carouselExampleCaptions #slide1 .slide1-image {height:100%!important;max-height:145px!important;position:static!important;transform:none!important}
 #carouselExampleCaptions #slide1 .slide1-buttons {grid-row:5;grid-column:1;order:4;position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;max-width:380px!important;margin:0 auto!important;align-self:center!important}
 #carouselExampleCaptions #slide1 .slide1-buttons a.btn {flex:1 1 0!important;flex-basis:0!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;font-size:12px!important;padding:7px 10px!important}
}
@media(max-width:374.98px) and (orientation:portrait){
 #carouselExampleCaptions.carousel {--home-slide-height:510px!important}
 #carouselExampleCaptions #slide1 .slide1-badge {letter-spacing:.7px!important;font-size:8px!important}
}
@media(max-width:950px) and (orientation:landscape) and (max-height:600px){
 #carouselExampleCaptions.carousel {--home-slide-height:310px!important}
}

/* Uniform compact actions for custom products and technology services. */
#technologyServicesSidebar :is(.modexa-custom-products-grid, #modexaServicesSlider) a.service-button {
 box-sizing:border-box!important;min-height:44px!important;height:44px!important;
 padding:6px 12px!important;border:1px solid #ccdaeb!important;border-radius:16px!important;
 background:linear-gradient(120deg,#f2f7ff,#fff)!important;color:#1c416b!important;
 box-shadow:0 3px 9px #254c7810!important;gap:8px!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
}
#technologyServicesSidebar :is(.modexa-custom-products-grid, #modexaServicesSlider) .service-button-text {
 min-width:0!important;font-size:12px!important;font-weight:600!important;line-height:15px!important;white-space:normal!important;
}
#technologyServicesSidebar :is(.modexa-custom-products-grid, #modexaServicesSlider) .service-button-arrow {
 flex:0 0 26px!important;width:26px!important;height:26px!important;border:0!important;
 border-radius:50%!important;background:#e5eefb!important;color:#245ca0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;
}
#technologyServicesSidebar :is(.modexa-custom-products-grid, #modexaServicesSlider) a.service-button:hover {
 background:#e9f2ff!important;border-color:#93b4df!important;box-shadow:0 5px 14px #254c7820!important;
}
#technologyServicesSidebar :is(.modexa-custom-products-grid, #modexaServicesSlider) a.service-button:focus-visible {outline:3px solid #367ada;outline-offset:3px}

/* Hover feedback stays stationary for custom products and service actions. */
#technologyServicesSidebar .service-card,
#technologyServicesSidebar .service-card:hover,
#technologyServicesSidebar .service-card:focus-within,
#technologyServicesSidebar .service-button,
#technologyServicesSidebar .service-button:hover,
#technologyServicesSidebar .service-button:active,
#technologyServicesSidebar .service-button-arrow,
#technologyServicesSidebar .service-button:hover .service-button-arrow {
 transform:none!important;translate:none!important;scale:none!important;
 transition-property:background-color,border-color,color,box-shadow!important;
}

/* Wider desktop hero actions, matching the width of the headline copy. */
@media(min-width:992px){
 #carouselExampleCaptions .home-power-button,
 #carouselExampleCaptions #caseyShopNowBtn {
  width:100%!important;max-width:360px!important;min-width:0!important;
  justify-self:start!important;box-sizing:border-box!important;
 }
 #carouselExampleCaptions #slide1 .slide1-buttons {
  width:100%!important;max-width:460px!important;display:flex!important;gap:10px!important;
 }
 #carouselExampleCaptions #slide1 .slide1-buttons a.btn {flex:1 1 0!important;min-width:0!important}
}

/* Phone hero actions keep pill corners and fill their column when rotated. */
@media(max-width:991.98px), (hover:none) and (pointer:coarse){
 #carouselExampleCaptions .home-power-button,
 #carouselExampleCaptions #caseyShopNowBtn,
 #carouselExampleCaptions #slide1 .slide1-buttons a.btn {border-radius:999px!important}
}
@media(orientation:landscape) and (max-width:1100px) and (max-height:600px){
 #carouselExampleCaptions .home-power-button,
 #carouselExampleCaptions #caseyShopNowBtn {
  width:100%!important;max-width:none!important;min-width:0!important;
  justify-self:stretch!important;margin:0!important;box-sizing:border-box!important;
 }
 #carouselExampleCaptions #slide1 .slide1-buttons {
  width:100%!important;max-width:none!important;flex-direction:row!important;
  flex-wrap:nowrap!important;gap:8px!important;margin:0!important;
 }
 #carouselExampleCaptions #slide1 .slide1-buttons a.btn {
  flex:1 1 0!important;width:auto!important;min-width:0!important;
 }
}
