/* v1.9.73 bright shopping home */
.home-page{
  --home-ink:#17313a;
  --home-muted:#61737a;
  --home-primary:#0f9f98;
  --home-primary-deep:#087a75;
  --home-coral:#ed6847;
  --home-line:#dfeaec;
  background:#f7fbfc;
  color:var(--home-ink);
}
.home-page>header{
  height:74px;
  background:rgba(255,255,255,.96);
  color:var(--home-ink);
  border-bottom:1px solid #e4edef;
  box-shadow:0 8px 28px rgba(29,70,79,.06);
  backdrop-filter:blur(14px);
}
.home-page .brand{color:#122a32;letter-spacing:.09em}
.home-page .brand b{color:var(--home-primary)}
.home-page nav{gap:19px}
.home-page nav>a{color:#38525a;transition:color .18s ease}
.home-page nav>a:hover,.home-page nav>a:focus-visible{color:var(--home-primary-deep);outline:none}
.home-page nav .self-nav-link,.home-page nav .casebook-nav-link{color:var(--home-primary-deep)!important}
.home-page nav .cart{
  border-radius:999px;
  background:var(--home-coral);
  color:#fff;
  box-shadow:0 8px 18px rgba(237,104,71,.22);
}
.home-page .all-menu-btn{
  border-color:#cce9e6;
  border-radius:999px;
  background:#eaf9f7;
  color:#087a75;
}
.home-page .all-menu-btn span{color:#087a75}
.home-page .all-menu-btn:hover,.home-page .all-menu-btn:focus-visible{
  border-color:#8ed3cd;
  background:#d9f4f1;
  color:#075f5b;
}
.home-page .company-hero{
  min-height:590px;
  padding:76px 0 94px;
  color:var(--home-ink);
  background:
    radial-gradient(circle at 10% 13%,rgba(255,212,119,.42),transparent 26%),
    radial-gradient(circle at 88% 20%,rgba(118,221,213,.34),transparent 30%),
    linear-gradient(135deg,#fffdf7 0%,#effbf8 48%,#eef7ff 100%);
  overflow:hidden;
}
.home-page .hero-grid{position:relative;z-index:1}
.home-page .eyebrow,.home-page .kicker{color:var(--home-primary-deep)}
.home-page .company-hero h1{
  max-width:650px;
  margin:16px 0 22px;
  color:#17313a;
  font-size:clamp(2.7rem,5.8vw,5rem);
}
.home-page .company-hero p{
  color:#5c7279;
  line-height:1.75;
}
.home-page .hero-art{
  border:12px solid rgba(255,255,255,.86);
  border-radius:32px;
  background:#fff;
  box-shadow:0 28px 75px rgba(42,104,111,.18);
  filter:none;
}
.home-page .gold-btn,.home-page .outline-btn{
  min-height:50px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:13px 21px;
}
.home-page .gold-btn{
  background:linear-gradient(135deg,#087a75,#13aaa2);
  color:#fff;
  box-shadow:0 12px 24px rgba(15,159,152,.22);
}
.home-page .outline-btn{
  border-color:#cbdfe2;
  background:rgba(255,255,255,.82);
  color:#24434b;
}
.home-page .self-hero-link{
  border-color:#ffd1c5!important;
  background:#fff4f0!important;
  color:#b84529!important;
}
.home-category-nav{
  position:relative;
  z-index:2;
  width:min(1200px,calc(100% - 48px));
  margin:-52px auto 34px;
}
.home-category-inner{
  border:1px solid rgba(218,234,236,.95);
  border-radius:26px;
  background:rgba(255,255,255,.97);
  padding:25px;
  box-shadow:0 24px 55px rgba(33,82,91,.12);
}
.home-category-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 4px 18px;
}
.home-category-heading small{
  color:var(--home-primary-deep);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}
.home-category-heading h2{
  margin:4px 0 0;
  font-size:clamp(1.4rem,2.4vw,2rem);
  letter-spacing:-.04em;
}
.home-category-heading>a{
  flex:0 0 auto;
  color:#577078;
  font-size:.88rem;
  font-weight:800;
}
.home-category-heading>a span{color:var(--home-coral)}
.home-category-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.home-category-grid button{
  position:relative;
  display:flex;
  min-width:0;
  min-height:116px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  border:1px solid #e1ecee;
  border-radius:18px;
  background:#f7fbfc;
  padding:17px;
  color:var(--home-ink);
  text-align:left;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-category-grid button:nth-child(1){border-color:#0f9f98;background:linear-gradient(145deg,#0d938c,#1bb9b0);color:#fff}
.home-category-grid button:nth-child(2){background:#eaf7ff}
.home-category-grid button:nth-child(3){background:#fff5d9}
.home-category-grid button:nth-child(4){background:#efedff}
.home-category-grid button:nth-child(5){background:#fff0eb}
.home-category-grid button:nth-child(6){background:#e9faf3}
.home-category-grid button:hover,.home-category-grid button:focus-visible{
  transform:translateY(-3px);
  border-color:#8fcfca;
  box-shadow:0 12px 24px rgba(35,91,99,.12);
  outline:none;
}
.home-category-grid button>span{
  position:absolute;
  top:13px;
  right:14px;
  color:#799097;
  font-size:.72rem;
  font-weight:900;
}
.home-category-grid button:first-child>span{color:rgba(255,255,255,.72)}
.home-category-grid button>b{font-size:1.08rem;letter-spacing:-.02em}
.home-category-grid button>small{margin-top:3px;color:#6f8389;font-size:.75rem}
.home-category-grid button:first-child>small{color:rgba(255,255,255,.78)}
.home-page .shop-hero{
  max-width:1200px;
  margin:0 auto 28px;
  padding:34px 40px;
  border:1px solid var(--home-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(41,86,94,.07);
  align-items:center;
}
.home-page .shop-hero span,.home-page .section-head small,.home-page dialog small{color:var(--home-primary-deep)}
.home-page .shop-hero h1{
  margin:8px 0 10px;
  color:#18343d;
  font-size:clamp(2rem,4vw,3.2rem);
}
.home-page .shop-hero p{margin:0;color:var(--home-muted)}
.home-page .quick{
  border:0;
  border-radius:20px;
  background:linear-gradient(145deg,#0a847e,#13aaa2);
  box-shadow:0 15px 30px rgba(15,159,152,.2);
}
.home-page .quick a{color:#fff}
.home-page .quick small{color:rgba(255,255,255,.72)}
.home-page .catalog{max-width:1248px;padding:34px 24px 78px}
.home-page .section-head h2{
  color:#17313a;
  font-size:clamp(2rem,3vw,2.7rem);
}
.home-page .section-head input{
  border-color:#dce8ea;
  border-radius:999px;
  box-shadow:0 8px 22px rgba(42,86,94,.06);
}
.home-page .section-head input:focus{
  border-color:#5fc3bd;
  outline:3px solid rgba(15,159,152,.12);
}
.home-page .filters{gap:9px;padding:17px 0 25px}
.home-page .filters button{
  border-color:#dbe8ea;
  background:#fff;
  color:#526970;
  font-weight:800;
}
.home-page .filters button:hover,.home-page .filters button:focus-visible{
  border-color:#82ccc7;
  color:#087a75;
  outline:none;
}
.home-page .filters button.active{
  border-color:#0f9f98;
  background:#0f9f98;
  color:#fff;
  box-shadow:0 8px 16px rgba(15,159,152,.18);
}
.home-page .grid{gap:20px}
.home-page .product{
  border-color:#dfeaec;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(38,82,90,.06);
}
.home-page .product:hover{
  transform:translateY(-5px);
  border-color:#b9dcda;
  box-shadow:0 20px 42px rgba(31,81,89,.13);
}
.home-page .pict{
  height:145px;
  background:linear-gradient(145deg,#dff7f3,#bcebe5);
}
.home-page .product:nth-child(3n+2) .pict{background:linear-gradient(145deg,#e7f4ff,#cce8fb)}
.home-page .product:nth-child(3n+3) .pict{background:linear-gradient(145deg,#fff3d2,#ffe1ae)}
.home-page .product:nth-child(4n) .pict{background:linear-gradient(145deg,#f0edff,#dad4ff)}
.home-page .pict:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}
.home-page .pict i{
  width:78px;
  height:78px;
  border-color:rgba(31,127,121,.2);
  background:rgba(255,255,255,.22);
}
.home-page .pict span{
  color:#176c68;
  font-size:1.18rem;
  text-shadow:none;
}
.home-page .product-body{padding:20px}
.home-page .product-body small{color:#0b8f88}
.home-page .product-body h3{color:#17313a}
.home-page .product-body p{color:#6a7e84;line-height:1.58}
.home-page .product-body strong{color:#102e36;font-size:1.04rem}
.home-page .quote-btn,.home-page .primary{
  border-radius:12px;
  background:#0c8d86;
  color:#fff;
  transition:background .18s ease,transform .18s ease;
}
.home-page .quote-btn:hover,.home-page .primary:hover{background:#076f6a;transform:translateY(-1px)}
.home-page .self-corner-home{
  max-width:1200px;
  margin:12px auto 72px;
  border:1px solid #dcebea;
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 20%,rgba(255,199,151,.55),transparent 30%),
    linear-gradient(135deg,#e7faf6,#eef7ff 58%,#fff8ef);
  color:var(--home-ink);
  box-shadow:0 24px 60px rgba(40,88,96,.11);
}
.home-page .self-corner-copy>small{color:#087a75}
.home-page .self-corner-copy>p{color:#5e757c}
.home-page .self-corner-copy li{
  border-color:#d9e8ea;
  background:rgba(255,255,255,.72);
  color:#426069;
}
.home-page .self-corner-copy>div strong{color:#d95738}
.home-page .self-corner-copy>div span{color:#71868c}
.home-page .self-corner-copy>a{
  border-radius:999px;
  background:linear-gradient(135deg,#e95f3e,#f28363);
  color:#fff;
  box-shadow:0 12px 24px rgba(233,95,62,.2);
}
.home-page .self-corner-copy>a:hover,.home-page .self-corner-copy>a:focus-visible{outline-color:#0f9f98}
.home-page .self-corner-visual::before,.home-page .self-corner-visual::after{border-color:rgba(15,159,152,.22)}
.home-page .self-corner-visual::after{background:rgba(15,159,152,.08)}
.home-page .self-corner-board{
  background:linear-gradient(155deg,#fff 0 61%,#ff8769 61%);
  color:#17313a;
  box-shadow:0 25px 48px rgba(42,94,103,.2);
}
.home-page .self-corner-board b em{color:#d84e2e}
.home-page .self-corner-visual>strong{background:#1f6867;box-shadow:0 6px 0 rgba(17,75,76,.14)}
.home-page .company-section{background:#fff}
.home-page .company-section.service-section{background:#eef8fa}
.home-page .company-section h2{color:#17313a}
.home-page .proof-main,.home-page .proof-card,.home-page .service{
  border-color:#dce8ea;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(37,82,90,.06);
}
.home-page .proof-main{border-top:5px solid #14aaa2}
.home-page .proof-card dt,.home-page .service p{color:#6a7e84}
.home-page .service span{color:#087a75}
.home-page>footer{
  background:#123840;
  color:#a9c0c5;
}
.home-page>footer b{color:#fff}
.home-page .all-menu-dialog{
  border-color:#d7e8e8;
  background:#f7fbfc;
}
.home-page .all-menu-head{
  border-bottom-color:#60d0c9;
  background:linear-gradient(135deg,#087a75,#0ea69e);
}
.home-page .all-menu-head small{color:#c9fffa}
.home-page .all-menu-head p{color:rgba(255,255,255,.75)}
.home-page .all-menu-close{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12)}
.home-page .all-menu-category{border-bottom-color:#ddecf0;background:#e8f7f5;color:#185e5b}
.home-page .all-menu-category:hover,.home-page .all-menu-category:focus-visible{background:#d8f1ee}
.home-page .all-menu-summary button{background:#0b8b84}
.home-page .all-menu-product:hover,.home-page .all-menu-product:focus-visible{background:#0c8d86}
.home-page .price-box{background:#123840}
.home-page .price-box strong{color:#74e1d8}

@media(max-width:1050px){
  .home-page nav{gap:12px;font-size:.88rem}
  .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-page .company-hero{min-height:auto}
}
@media(max-width:900px){
  .home-page .company-hero{padding:54px 0 78px}
  .home-page .hero-grid{grid-template-columns:1fr;gap:30px}
  .home-page .hero-art{max-height:430px;order:-1}
  .home-page .shop-hero{margin-inline:24px;padding:30px}
  .home-page .self-corner-home{margin-inline:24px}
}
@media(max-width:640px){
  .home-page>header{
    min-height:68px;
    padding:12px 14px;
    align-items:center;
  }
  .home-page .brand{font-size:.9rem}
  .home-page nav{gap:7px}
  .home-page .all-menu-btn,.home-page nav .cart{min-height:40px;padding:9px 11px;font-size:.8rem}
  .home-page .company-hero{padding:28px 0 68px}
  .home-page .hero-grid{gap:22px;text-align:left}
  .home-page .hero-art{max-height:285px;border-width:7px;border-radius:22px}
  .home-page .company-hero h1{font-size:2.45rem}
  .home-page .company-hero p{font-size:.98rem}
  .home-page .hero-actions{justify-content:flex-start}
  .home-page .gold-btn,.home-page .outline-btn{flex:1 1 calc(50% - 8px);min-width:138px;padding:11px 14px;font-size:.86rem}
  .home-category-nav{width:calc(100% - 24px);margin:-38px auto 24px}
  .home-category-inner{border-radius:20px;padding:16px}
  .home-category-heading{align-items:flex-start;margin:0 2px 14px}
  .home-category-heading h2{font-size:1.32rem}
  .home-category-heading>a{padding-top:4px;font-size:.78rem}
  .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-category-grid button{min-height:103px;border-radius:15px;padding:14px}
  .home-category-grid button:first-child{grid-column:1/-1;min-height:96px}
  .home-page .shop-hero{margin:0 12px 12px;padding:24px 20px;border-radius:20px}
  .home-page .shop-hero h1{font-size:2rem}
  .home-page .quick{max-width:none;padding:22px}
  .home-page .catalog{padding:28px 12px 54px}
  .home-page .section-head{align-items:flex-start;gap:12px}
  .home-page .section-head h2{font-size:1.9rem}
  .home-page .section-head input{width:45vw;padding:11px 13px}
  .home-page .grid{gap:10px}
  .home-page .product{border-radius:16px}
  .home-page .pict{height:108px}
  .home-page .pict span{font-size:.94rem}
  .home-page .product-body{padding:14px}
  .home-page .product-body h3{font-size:1.04rem;line-height:1.35}
  .home-page .product-body p{
    display:-webkit-box;
    min-height:2.9em;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:.8rem;
  }
  .home-page .product-body strong{font-size:.94rem}
  .home-page .quote-btn{padding:11px 8px}
  .home-page .self-corner-home{margin:6px 12px 54px;border-radius:20px}
  .home-page .self-corner-copy{padding:32px 22px 8px}
  .home-page .self-corner-copy h2{font-size:2.15rem}
  .home-page .self-corner-visual{min-height:290px}
  .home-page .company-section{padding:54px 0}
  .home-page>footer{padding-inline:20px}
}
@media(max-width:370px){
  .home-category-heading>a{display:none}
  .home-page .company-hero h1{font-size:2.15rem}
  .home-page .section-head{display:block}
  .home-page .section-head input{width:100%;margin-top:8px}
}