/* FTS 0.1.24 -- homepage composition correction from owner's real-site screenshot.
   Refinement only: every picture, word, button, section and product card remains
   a separate native WordPress block / FTS content field. No mock-up artwork. */

/* Compact, consistent viewport hierarchy. */
.fts-home-layout > .fts-block-home-hero:first-child,
.fts-home-layout > .fts-block-home-hero:first-of-type { margin-block-start:0!important; }
.fts-block-header-row{min-height:72px;}
.fts-block-header-row .fts-header-logo{width:210px;}
.fts-block-header-row .fts-header-logo img{max-width:100%;height:auto;}

/* An authentic background, in the BACK plane, not a giant close-up across the copy.
   Cropping inside the right 68% reduces magnification of track elements and the
   horizontal fade keeps all heading/button text readable. */
.fts-block-home-hero{background:#edf5fa!important;background-image:none!important;isolation:isolate;}
.fts-block-home-hero .fts-hero-background-photo{
  inset:0 0 0 auto!important;left:auto!important;right:0!important;
  width:69%!important;height:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 45%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 16%,#000 45%);
}
.fts-block-home-hero .fts-hero-background-photo img{
  width:100%;height:100%;object-fit:cover;object-position:58% 43%;
  filter:saturate(.86) contrast(1.13) brightness(.91);
}
.fts-block-home-hero:before{
  z-index:1;background:
   linear-gradient(0deg,rgba(232,243,250,.88) 0%,rgba(232,243,250,.06) 26%,transparent 58%),
   linear-gradient(90deg,#f5f9fc 0%,rgba(245,250,253,.99) 29%,rgba(241,248,252,.89) 39%,rgba(236,246,251,.52) 52%,rgba(226,240,249,.11) 75%,rgba(217,232,243,.12) 100%);
}
/* More product focus but less vertical waste. */
@media(min-width:821px){
  .fts-block-home-hero .fts-home-hero-grid{min-height:342px;gap:clamp(6px,1.8vw,24px);}
  .fts-block-home-hero .hero-copy{padding:28px 0 53px;position:relative;z-index:4;}
  .fts-block-home-hero .hero-copy .eyebrow{margin-bottom:11px;}
  .fts-block-home-hero .hero-copy h1{font-size:clamp(38px,3.35vw,50px);line-height:1.08;max-width:570px;margin-bottom:13px;}
  .fts-block-home-hero .hero-copy>p:not(.eyebrow){margin-bottom:17px;line-height:1.44;max-width:480px;}
  .fts-block-home-hero .fts-hero-actions>.wp-block-button .wp-block-button__link{min-height:44px;padding:10px 18px;}
  .fts-block-home-hero .fts-hero-media-column{z-index:2;}
  .fts-block-home-hero .hero-products{display:block;position:relative;height:350px;padding:0;margin:0;overflow:visible;}
  .fts-block-home-hero .hero-products>.fts-hero-main-image{
    position:absolute;z-index:3;left:-10%;top:0;width:83%;height:100%;min-width:0;flex-basis:83%!important;
  }
  .fts-block-home-hero .fts-hero-main-image .hero-chain{
    height:365px;width:100%;transform:translate(-5px,0) rotate(-6deg);margin:0;
  }
  .fts-block-home-hero .fts-hero-side-images{
    display:block;position:absolute;right:-3%;top:0;height:100%;width:45%;flex-basis:45%!important;min-width:0;z-index:4;
  }
  .fts-block-home-hero .fts-hero-side-images figure{position:absolute;margin:0;max-width:none;display:flex;align-items:center;justify-content:center;}
  .fts-block-home-hero .fts-hero-side-images .hero-roller{
    top:-5%;right:4%;width:51%;height:126px;transform:rotate(5deg);
  }
  .fts-block-home-hero .fts-hero-side-images .hero-bearings{
    bottom:1%;right:8%;width:105%;height:198px;transform:rotate(-4deg);
  }
  .fts-block-home-hero .hero-products img{filter:drop-shadow(0 17px 13px rgba(13,32,46,.25));}
}
/* Search remains a real FTS block. Pull the product directory closer to the first screen. */
.fts-home-search-area{margin-top:-39px!important;}
.fts-home-search-area .fts-search-routes{min-height:41px;}
.fts-home-search-area .fts-search-route{min-height:41px;padding:10px 20px;}
.fts-home-search-area .fts-search-panel-body{padding:10px 16px 12px;}
.fts-home-search-area .search-fields input[type="search"],
.fts-home-search-area .search-fields button{min-height:43px;height:43px;}
.fts-home-search-area .search-hint{margin-top:6px;}
.fts-home-category-section{padding-top:22px;padding-bottom:42px;}
.fts-home-category-section .fts-category-heading-row{margin-bottom:10px!important;}
.fts-home-category-section .fts-category-heading-row h2{font-size:clamp(25px,2.15vw,30px);}
.fts-home-category-section .fts-editable-category-grid .category-visual{height:111px;}
.fts-home-category-section .fts-editable-category-grid .category-name{min-height:43px;padding:9px 9px;}
.fts-home-category-section .fts-editable-category-grid .category-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(15,45,63,.09);}

@media (min-width:821px) and (max-width:1180px){
 .fts-block-home-hero .fts-home-hero-grid{min-height:347px;}
 .fts-block-home-hero .hero-copy h1{font-size:clamp(34px,3.4vw,41px);}
 .fts-block-home-hero .hero-products{height:334px;}
 .fts-block-home-hero .fts-hero-main-image .hero-chain{height:340px;}
 .fts-block-home-hero .fts-hero-side-images .hero-roller{height:105px;}
 .fts-block-home-hero .fts-hero-side-images .hero-bearings{height:165px;}
}
@media (min-width:601px) and (max-width:820px){
 .fts-block-home-hero .fts-hero-background-photo{width:78%!important;}
 .fts-block-home-hero .fts-hero-background-photo img{object-position:61% 36%;}
 .fts-block-home-hero .fts-home-hero-grid{padding-bottom:5px;}
 .fts-block-home-hero .hero-copy h1{font-size:clamp(33px,5vw,42px);}
 .fts-home-search-area{margin-top:-14px!important;}
 .fts-home-category-section{padding-top:24px;}
}
/* Mobile deliberately separates readable text from the image cluster. */
@media(max-width:600px){
 .fts-block-topbar{display:none;}
 .fts-block-header-row{min-height:64px;}
 .fts-block-header-row .fts-header-logo{width:163px;max-width:52%;}
 .fts-block-home-hero .fts-hero-background-photo{width:91%!important;left:auto!important;right:0!important;}
 .fts-block-home-hero .fts-hero-background-photo img{object-position:72% 42%;filter:saturate(.8) contrast(1.08) brightness(.96);}
 .fts-block-home-hero:before{background:
    linear-gradient(0deg,rgba(235,246,252,.94),rgba(235,246,252,.13) 40%,transparent 72%),
    linear-gradient(90deg,#f7fbfe 0%,rgba(247,251,254,.96) 48%,rgba(237,248,252,.47) 79%,rgba(237,247,251,.12) 100%);}
 .fts-block-home-hero .fts-home-hero-grid{min-height:0;}
 .fts-block-home-hero .hero-copy{padding:22px 0 28px;z-index:4;}
 .fts-block-home-hero .hero-copy .eyebrow{font-size:9px;margin-bottom:10px;}
 .fts-block-home-hero .hero-copy h1{font-size:clamp(29px,7.7vw,35px);line-height:1.065;max-width:325px;margin:0 0 13px;}
 .fts-block-home-hero .hero-copy>p:not(.eyebrow){font-size:12.6px;line-height:1.43;max-width:275px;margin-bottom:14px;}
 .fts-block-home-hero .fts-hero-actions{max-width:196px;gap:7px;}
 .fts-block-home-hero .fts-hero-actions>.wp-block-button .wp-block-button__link{min-height:44px!important;padding:10px 8px!important;}
 .fts-block-home-hero.is-style-fts-mobile-overlay .fts-home-hero-grid>.fts-hero-media-column,
 .fts-block-home-hero .fts-home-hero-grid>.fts-hero-media-column{
   position:absolute!important;top:auto!important;bottom:-1px!important;right:-56px!important;
   height:207px!important;width:54%!important;max-width:222px!important;pointer-events:none!important;z-index:2!important;
   -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 27%,#000 58%);
   mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 27%,#000 58%);
 }
 .fts-block-home-hero .fts-hero-main-image .hero-chain{height:100%;transform:translateY(27px) rotate(-5deg)!important;}
 .fts-home-search-area{margin-top:-2px!important;}
 .fts-home-search-area .fts-search-route{font-size:11px;padding:10px 12px;min-height:42px;}
 .fts-home-search-area .fts-search-panel-body{padding:12px;}
 .fts-home-search-area .search-fields input[type="search"]{font-size:16px;min-height:46px;height:46px;}
 .fts-home-search-area .search-fields button{height:45px;min-height:45px;}
 .fts-home-category-section{padding-top:23px;}
 .fts-home-category-section .fts-category-heading-row{margin-bottom:9px!important;}
 .fts-home-category-section .fts-editable-category-grid .category-visual{height:100px;}
 .fts-home-category-section .fts-editable-category-grid .category-name{min-height:45px;}
}
@media(max-width:360px){
 .fts-block-home-hero .hero-copy h1{font-size:28px;max-width:289px;}
 .fts-block-home-hero .hero-copy>p:not(.eyebrow){max-width:242px;}
 .fts-block-home-hero .fts-hero-actions{max-width:185px;}
 .fts-block-home-hero.is-style-fts-mobile-overlay .fts-home-hero-grid>.fts-hero-media-column,
 .fts-block-home-hero .fts-home-hero-grid>.fts-hero-media-column{right:-52px!important;width:49%!important;height:178px!important;}
}
/* At portrait-tablet widths WordPress normally stacks Columns and creates a
   huge vertical hero. Keep a compact two-column editing composition instead. */
@media(min-width:601px) and (max-width:820px){
 .fts-block-home-hero .fts-home-hero-grid{
   display:grid!important;grid-template-columns:minmax(0,55%) minmax(0,45%);
   gap:0!important;align-items:center;min-height:342px!important;
 }
 .fts-block-home-hero .fts-home-hero-grid>.wp-block-column{width:auto!important;flex-basis:auto!important;min-width:0;}
 .fts-block-home-hero .hero-copy{padding:24px 0 53px;position:relative;z-index:3;}
 .fts-block-home-hero .hero-copy h1{font-size:clamp(29px,4.1vw,35px);line-height:1.09;max-width:420px;margin-bottom:13px;}
 .fts-block-home-hero .hero-copy>p:not(.eyebrow){font-size:13.5px;line-height:1.44;max-width:360px;margin-bottom:15px;}
 .fts-block-home-hero .fts-hero-actions .wp-block-button__link{font-size:12px;min-height:42px;padding:9px 12px;}
 .fts-block-home-hero .fts-hero-media-column{position:relative!important;top:auto;right:auto;width:100%!important;height:340px!important;}
 .fts-block-home-hero .hero-products{display:flex!important;flex-wrap:nowrap;align-items:center;height:340px!important;margin:0!important;padding:0!important;gap:3px;}
 .fts-block-home-hero .fts-hero-main-image .hero-chain{height:286px;transform:translateX(-14px) rotate(-5deg);}
 .fts-block-home-hero .fts-hero-side-images{display:flex!important;flex-direction:column;gap:0;}
 .fts-block-home-hero .fts-hero-side-images .hero-roller{height:111px;transform:translate(-14px,0);}
 .fts-block-home-hero .fts-hero-side-images .hero-bearings{height:122px;transform:translate(-18px,-12px);}
 .fts-home-search-area{margin-top:-27px!important;}
}