حتماً. فقط **فرمت‌بندی و شکست خطوط** انجام شده و هیچ کدی، مقدار، نام کلاس، ترتیب یا محتوایی تغییر نکرده:

```css
.hero{
  padding:24px 0 0
}
.hero-slider{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(7,35,59,.15);
  background:#061321
}
.hero-track{
  display:flex;
  direction:ltr;
  transition:transform .6s cubic-bezier(.2,.8,.2,1)
}
.hero-slide{
  min-width:100%;
  position:relative;
  aspect-ratio:1600/620
}
.hero-slide img{
  width:100%;
  height:100%;
  object-fit:cover
}
.hero-control{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:var(--navy);
  box-shadow:0 8px 20px rgba(0,0,0,.15)
}
.hero-control.prev{
  right:16px
}
.hero-control.next{
  left:16px
}
.hero-dots{
  position:absolute;
  bottom:15px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  gap:7px;
  direction:ltr
}
.hero-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:20px;
  background:#d8e5ed;
  transition:.25s
}
.hero-dots button.active{
  width:25px;
  background:#18b6e9
}
.benefits{
  padding:18px 0
}
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(11,40,64,.05)
}
.benefit{
  display:flex;
  align-items:center;
  gap:12px;
  padding:50px;
  border-left:1px solid var(--line)
}
.benefit:last-child{
  border-left:0
}
.benefit-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  background:#eaf7fc;
  color:var(--blue);
  display:grid;
  place-items:center;
  font-size:20px
}
.benefit-icon img{
  width:32px;
  height:32px;
  object-fit:contain;
  display:block
}
.benefit strong{
  font-size:16px
}
.benefit span{
  display:block;
  color:#7a8998;
  font-size:11px
}
.category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.category-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:130px;
  transition:.3s;
  overflow:hidden
}
.category-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  border-color:#b8dced
}
.category-card img{
  width:108px;
  height:96px;
  object-fit:cover;
  border-radius:12px;
  background:#f3f7fa
}
.category-card strong{
  font-size:14px;
  color:var(--navy)
}
.category-card small{
  display:block;
  color:#8492a0;
  font-size:10px;
  margin-top:5px
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.product-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  transition:.3s;
  position:relative
}
.product-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow)
}
.product-image{
  aspect-ratio:1.2;
  background:#eef5f9;
  overflow:hidden
}
.product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s
}
.product-card:hover .product-image img{
  transform:scale(1.04)
}
.product-body{
  padding:15px
}
.product-category{
  font-size:10px;
  color:#7d8b98
}
.product-body h3{
  font-size:13px;
  line-height:1.7;
  margin:5px 0 9px;
  color:var(--navy)
}
.price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px
}
.price{
  font-weight:900;
  color:var(--blue);
  font-size:13px
}
.old-price{
  text-decoration:line-through;
  color:#9aa7b2;
  font-size:10px
}
.product-actions{
  display:grid;
  grid-template-columns:1fr 42px;
  gap:7px;
  margin-top:12px
}
.quick-add{
  border:0;
  background:#edf7fc;
  color:#075a92;
  border-radius:10px;
  font-size:11px;
  font-weight:800
}
.quick-add:hover{
  background:#dff1fa
}
.icon-btn{
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  background:#fff;
  border-radius:10px
}
.feature-layout{
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:28px;
  align-items:center
}
.about-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:28px
}
.about-card h2{
  font-size:30px;
  color:var(--navy);
  margin:0 0 12px
}
.about-card p{
  color:#687789;
  font-size:13px
}
.about-image{
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow)
}
.about-image img{
  width:100%;
  height:360px;
  object-fit:cover
}
.brand-row{
  display:flex;
  gap:12px;
  overflow:auto;
  padding:6px 2px 12px;
  scrollbar-width:thin
}
.brand-row img{
  width:180px;
  height:64px;
  flex:0 0 auto
}
.reviews{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.review{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px
}
.review .stars{
  color:#f4b400;
  letter-spacing:2px
}
.review h3{
  font-size:14px;
  margin:8px 0
}
.review p{
  color:#69798a;
  font-size:12px;
  margin:0
}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.blog-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden
}
.blog-card img{
  width:100%;
  aspect-ratio:1.7;
  object-fit:cover
}
.blog-card div{
  padding:15px
}
.blog-card small{
  color:#8493a1
}
.blog-card h3{
  font-size:14px;
  margin:5px 0;
  color:var(--navy)
}
.seo-box{
  background:linear-gradient(135deg,#071426,#0b2a48);
  color:#fff;
  border-radius:26px;
  padding:36px
}
.seo-box h2{
  margin-top:0
}
.seo-box p{
  color:#bcd0df;
  font-size:13px;
  max-width:900px
}
.floating-call{
  position:fixed;
  bottom:22px;
  left:22px;
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#07558f;
  color:#fff;
  box-shadow:0 14px 30px rgba(5,80,140,.3);
  z-index:60;
  border:4px solid #fff
}
@media(max-width:980px){
  .product-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .category-grid{
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px){
  .section{
    padding:52px 0
  }
  .section-head{
    align-items:start;
    flex-direction:column;
    gap:8px
  }
  .section-head h2{
    font-size:24px
  }
  .benefits-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .benefit{
    border-bottom:1px solid var(--line);
    border-left:1px solid var(--line);
    padding:15px
  }
  .benefit:nth-child(2n){
    border-left:0
  }
  .benefit:nth-last-child(-n+2){
    border-bottom:0
  }
  .category-grid{
    grid-template-columns:1fr 1fr;
    gap:10px
  }
  .category-card{
    display:block;
    min-height:0;
    padding:8px
  }
  .category-card img{
    width:100%;
    height:110px
  }
  .category-card div{
    padding:8px 3px
  }
  .category-card strong{
    font-size:12px
  }
  .product-grid{
    grid-template-columns:repeat(2,1fr);
    gap:10px
  }
  .product-body{
    padding:11px
  }
  .product-actions{
    grid-template-columns:1fr
  }
  .icon-btn{
    display:none
  }
  .feature-layout{
    grid-template-columns:1fr
  }
  .about-image img{
    height:250px
  }
  .reviews,.blog-grid{
    grid-template-columns:1fr
  }
  .hero{
    padding-top:12px
  }
  .hero-slider{
    border-radius:17px
  }
  .hero-control{
    width:34px;
    height:34px
  }
  .seo-box{
    padding:25px 20px
  }
  .floating-call{
    left:14px;
    bottom:14px
  }
}
```