/* Homepage components. Loaded only by index.php. */

/* ---------- shared ---------- */
.hm-section{padding:60px 0;}
.hm-section-alt{background:#f7f7f7;}
.hm-head{max-width:640px;margin:0 auto 36px;text-align:center;}
.hm-head h2{margin:0 0 8px;font-family:'Roboto Condensed',sans-serif;font-size:34px;font-weight:normal;line-height:1.2;color:#000;}
.hm-head p{margin:0;text-align:center;font-family:'Source Sans Pro',sans-serif;font-size:17px;line-height:1.6;color:#666;}
.hm-btn{display:inline-block;padding:13px 34px;border:1px solid #201061;background:#201061;color:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight:bold;letter-spacing:.5px;text-transform:uppercase;transition:.4s all ease-in-out;}
.hm-btn:hover,.hm-btn:focus{background:#f83c26;border-color:#f83c26;color:#fff;text-decoration:none;}

/* ---------- hero carousel ---------- */
.hm-hero{position:relative;}
.hm-hero .carousel-control{width:auto;top:50%;bottom:auto;margin-top:-22px;opacity:0;text-shadow:none;transition:opacity .3s ease;}
.hm-hero .carousel-control.left{left:20px;}
.hm-hero .carousel-control.right{right:20px;}
.hm-hero:hover .carousel-control,.hm-hero .carousel-control:focus{opacity:1;}
.hm-hero .carousel-control i{display:block;width:44px;height:44px;border:0;border-radius:0;background:rgba(255,255,255,.9);color:#000;font-size:24px;line-height:44px;text-align:center;}
.hm-hero .carousel-control:hover i{background:#fff;color:#1a7a92;}
.hm-hero .carousel-indicators{bottom:14px;margin-bottom:0;}
.hm-hero .carousel-indicators li,.hm-hero .carousel-indicators .active{width:28px;height:3px;margin:0 3px;border:0;border-radius:0;background:rgba(255,255,255,.55);}
.hm-hero .carousel-indicators .active{background:#fff;}

/* ---------- trust bar ---------- */
.hm-trust{border-bottom:1px solid #e7e7e7;background:#fff;}
.hm-trust ul{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;}
.hm-trust li{border-left:1px solid #e7e7e7;}
.hm-trust li:first-child{border-left:0;}
.hm-trust a,.hm-trust li > span{display:flex;align-items:center;justify-content:center;padding:20px 10px;color:#000;font-family:'Roboto Condensed',sans-serif;font-size:17px;line-height:1.2;transition:color .3s ease;}
.hm-trust a:hover,.hm-trust a:focus{color:#d61f4b;text-decoration:none;}
.hm-trust i{margin-right:12px;color:#201061;font-size:24px;}

/* ---------- categories ---------- */
.hm-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 30px;}
.hm-cat{display:block;color:#000;}
.hm-cat:hover,.hm-cat:focus{color:#d61f4b;text-decoration:none;}
.hm-cat-img{display:block;overflow:hidden;aspect-ratio:4/5;background:#f3f3f3;}
.hm-cat-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.hm-cat:hover .hm-cat-img img{transform:scale(1.04);}
.hm-cat h3{margin:14px 0 0;font-family:'Roboto Condensed',sans-serif;font-size:19px;font-weight:normal;line-height:1.3;color:inherit;text-align:center;transition:color .3s ease;}

/* ---------- promo slider ---------- */
.promo-slider{position:relative;padding:0 0 60px;font-family:'Source Sans Pro',sans-serif;}
.promo-track{display:grid;grid-template-columns:minmax(0,1fr);}
.promo-slide{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s;}
.promo-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease;}
.promo-slide img{display:block;width:100%;height:auto;}
.promo-slide figcaption{max-width:620px;margin:0 auto;padding:30px 15px 0;text-align:center;}
.promo-slide h2{margin:0 0 10px;font-family:'Roboto Condensed',sans-serif;font-size:32px;font-weight:normal;line-height:1.25;color:#000;}
.promo-slide p{margin:0 0 22px;font-size:17px;line-height:1.6;color:#666;}
.promo-btn{display:inline-block;padding:12px 34px;background:#f83c26;border:1px solid #f83c26;color:#fff;font-family:'Roboto',sans-serif;font-size:15px;font-weight:bold;letter-spacing:.5px;text-transform:uppercase;transition:.4s all ease-in-out;}
.promo-btn:hover,.promo-btn:focus{background:#1a7a92;border-color:#1a7a92;color:#fff;text-decoration:none;}
.promo-frame{position:relative;}
.promo-arrows{position:absolute;top:0;left:0;width:100%;height:0;padding-top:50%;pointer-events:none;}
.promo-arrow{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;background:rgba(255,255,255,.85);border:0;color:#000;font-size:16px;line-height:44px;text-align:center;cursor:pointer;pointer-events:auto;transition:.3s all ease-in-out;}
.promo-arrow:hover,.promo-arrow:focus{background:#fff;color:#1a7a92;}
.promo-prev{left:0;}
.promo-next{right:0;}
.promo-dots{display:flex;justify-content:center;margin:26px 0 0;padding:0;list-style:none;}
.promo-dots button{display:block;width:10px;height:10px;margin:0 6px;padding:0;border:1px solid #999;border-radius:50%;background:transparent;cursor:pointer;transition:.3s all ease-in-out;}
.promo-dots button[aria-current="true"]{background:#333;border-color:#333;}

/* ---------- featured products ---------- */
.hm-products{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.hm-product{position:relative;display:flex;flex-direction:column;border:1px solid #e7e7e7;background:#fff;transition:box-shadow .3s ease;}
.hm-product:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);}
.hm-product-img{display:block;overflow:hidden;aspect-ratio:4/3;background:#f3f3f3;}
.hm-product-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.hm-product:hover .hm-product-img img{transform:scale(1.04);}
.hm-sale{position:absolute;top:12px;left:12px;z-index:1;padding:4px 10px;background:#f83c26;color:#fff;font-family:'Roboto',sans-serif;font-size:12px;font-weight:bold;letter-spacing:.5px;text-transform:uppercase;}
.hm-product-body{display:flex;flex:1;flex-direction:column;padding:18px 18px 20px;}
.hm-product-body h3{display:-webkit-box;min-height:42px;margin:0 0 10px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Roboto',sans-serif;font-size:16px;font-weight:500;line-height:1.35;}
.hm-product-body h3 a{color:#000;}
.hm-product-body h3 a:hover,.hm-product-body h3 a:focus{color:#d61f4b;text-decoration:none;}
.hm-rating{height:18px;margin:0 0 10px;}
.hm-rating i.fa{margin-right:1px;color:#f27d04;font-size:14px;}
.hm-swatches{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px;}
.hm-swatches img{width:20px;height:20px;border:1px solid #ddd;object-fit:cover;}
.hm-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:auto 0 16px;font-family:'Roboto',sans-serif;}
.hm-price-now{color:#f83c26;font-size:21px;font-weight:bold;}
.hm-price-was{color:#8a8a8a;font-size:14px;}
.hm-product .view-product{display:block;margin:0;padding:11px 10px;background:#000;color:#fff;font-family:'Roboto',sans-serif;font-size:13px;font-weight:bold;letter-spacing:.5px;text-align:center;text-transform:uppercase;transition:.3s all ease-in-out;}
.hm-product .view-product:hover,.hm-product .view-product:focus{background:#f83c26;color:#fff;text-decoration:none;}
.hm-more{margin-top:40px;text-align:center;}

/* ---------- videos ---------- */
.hm-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.hm-video{display:block;overflow:hidden;background:#000;}
.hm-video img{display:block;width:100%;height:auto;transition:opacity .3s ease,transform .6s ease;}
.hm-video:hover img,.hm-video:focus img{opacity:.9;transform:scale(1.02);}
.hm-video-modal .modal-dialog{width:100%;max-width:800px;}
.hm-video-modal video{display:block;width:100%;height:auto;}

/* ---------- curtains promo ---------- */
.hm-curtains{margin:0 0 50px;padding:60px 0;background:#f7f7f7;}
.hm-curtains-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;}
.hm-curtains-img{position:relative;min-height:460px;overflow:hidden;}
.hm-curtains-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.hm-curtains-body{display:flex;flex-direction:column;justify-content:center;padding:56px 60px;}
.hm-tag{align-self:flex-start;margin:0 0 18px;padding:5px 12px;background:#f83c26;color:#fff;font-family:'Roboto',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;}
.hm-curtains-body h2{margin:0 0 12px;font-family:'Roboto Condensed',sans-serif;font-size:40px;font-weight:bold;line-height:1.15;color:#000;}
.hm-curtains-body > p{margin:0 0 26px;text-align:left;font-family:'Source Sans Pro',sans-serif;font-size:18px;line-height:1.6;color:#555;}
.hm-curtains-features{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0 0 32px;padding:24px 0 0;border-top:1px solid #e7e7e7;list-style:none;}
.hm-curtains-features li{display:flex;align-items:center;font-family:'Roboto Condensed',sans-serif;font-size:17px;color:#000;}
.hm-curtains-features i{width:22px;margin-right:10px;color:#201061;font-size:18px;text-align:center;}
.hm-curtains-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;}
.hm-curtains-call{font-family:'Source Sans Pro',sans-serif;font-size:16px;color:#555;}
.hm-curtains-call a{color:#000;font-weight:600;}
.hm-curtains-call a:hover,.hm-curtains-call a:focus{color:#d61f4b;text-decoration:none;}

/* ---------- responsive ---------- */
@media(prefers-reduced-motion:reduce){
  .promo-slide{transition:none;}
  .hm-cat-img img,.hm-product-img img,.hm-video img{transition:none;}
}
@media(max-width:1199px){
  .hm-trust a,.hm-trust li > span{font-size:15px;}
  .hm-trust i{margin-right:8px;font-size:20px;}
}
@media(max-width:991px){
  .hm-section{padding:48px 0;}
  .hm-trust ul{grid-template-columns:repeat(3,1fr);}
  .hm-trust li{border-bottom:1px solid #e7e7e7;}
  .hm-trust li:nth-child(4){border-left:0;}
  .hm-cats{grid-template-columns:repeat(3,1fr);gap:30px 20px;}
  .hm-products{grid-template-columns:repeat(2,1fr);}
  .hm-curtains-grid{grid-template-columns:1fr;}
  .hm-curtains-img{min-height:0;aspect-ratio:3/2;}
  .hm-curtains-body{padding:40px;}
}
@media(max-width:767px){
  .hm-section{padding:40px 0;}
  .hm-head{margin-bottom:26px;}
  .hm-head h2{font-size:28px;}
  .hm-head p{font-size:16px;}
  .hm-hero .carousel-control{display:none;}
  .hm-hero .carousel-indicators{bottom:6px;}
  .hm-hero .carousel-indicators li,.hm-hero .carousel-indicators .active{width:18px;}
  .hm-trust ul{grid-template-columns:repeat(2,1fr);}
  .hm-trust li:nth-child(4){border-left:1px solid #e7e7e7;}
  .hm-trust li:nth-child(odd){border-left:0;}
  .hm-trust li:last-child{grid-column:1 / -1;}
  .hm-trust a,.hm-trust li > span{justify-content:flex-start;padding:14px 12px;}
  .hm-cats{grid-template-columns:repeat(2,1fr);gap:24px 15px;}
  .hm-cat h3{font-size:16px;}
  .hm-videos{grid-template-columns:1fr;gap:20px;}
  .promo-slider{padding-bottom:40px;}
  .promo-slide figcaption{padding-top:22px;}
  .promo-slide h2{font-size:25px;}
  .promo-slide p{font-size:16px;}
  .promo-arrow{width:34px;height:34px;margin-top:-17px;line-height:34px;font-size:13px;}
  .hm-curtains{padding:40px 0;}
  .hm-curtains-body{padding:32px 20px;}
  .hm-curtains-body h2{font-size:30px;}
  .hm-curtains-body > p{font-size:16px;}
}
@media(max-width:480px){
  .hm-products{grid-template-columns:1fr;}
  .hm-curtains-features{grid-template-columns:1fr;}
}