.hcs-wrap{
  width:100%;
  padding:24px 0;
  background:var(--hcs-section-bg,#e9e9e9);
  box-sizing:border-box;
}
.hcs-shell{
  max-width:var(--hcs-max-width,1500px);
  margin:0 auto;
  background:var(--hcs-shell-bg,#f7f7f7);
  border-radius:var(--hcs-radius,20px);
  padding:25px;
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:26px;
  box-shadow:0 8px 25px rgba(0,0,0,.06);
  overflow:hidden;
  box-sizing:border-box;
}
.hcs-title-card{
  height:520px;
  background:var(--hcs-title-bg,#e00000);
  border-radius:calc(var(--hcs-radius,20px) - 2px);
  display:flex;
  align-items:flex-end;
  padding:42px 24px;
  box-sizing:border-box;
}
.hcs-title-card h2{
  margin:0;
  color:var(--hcs-title-color,#fff);
  font-size:38px;
  line-height:1.55;
  font-weight:800;
  letter-spacing:-.5px;
}
.hcs-title-card span{display:inline-block;margin-left:10px;}
.hcs-slider-area{position:relative;min-width:0;padding-bottom:60px;overflow:hidden;}
.hcs-track{
  display:flex;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  gap:0;
}
.hcs-track::-webkit-scrollbar{display:none;}
.hcs-page{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:250px 250px;
  gap:24px 26px;
  scroll-snap-align:start;
  box-sizing:border-box;
}
.hcs-item{border-radius:18px;overflow:hidden;background:#ddd;min-width:0;min-height:0;}
.hcs-item img{width:100%;height:100%;object-fit:cover;display:block;}
.hcs-page .hcs-item:nth-child(1){grid-column:1;grid-row:1;}
.hcs-page .hcs-item:nth-child(2){grid-column:2;grid-row:1 / span 2;}
.hcs-page .hcs-item:nth-child(3){grid-column:3;grid-row:1;}
.hcs-page .hcs-item:nth-child(4){grid-column:4;grid-row:1;}
.hcs-page .hcs-item:nth-child(5){grid-column:1;grid-row:2;}
.hcs-page .hcs-item:nth-child(6){grid-column:3 / span 2;grid-row:2;}
.hcs-controls{position:absolute;right:0;bottom:0;display:flex;gap:14px;}
.hcs-controls button{width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#111;font-size:34px;line-height:36px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;padding:0;}
.hcs-controls button:hover{background:#e00000;color:#fff;}
@media(max-width:1200px){
  .hcs-shell{grid-template-columns:260px minmax(0,1fr);gap:22px;}
  .hcs-title-card{height:470px;}
  .hcs-page{grid-template-rows:223px 223px;gap:20px;}
}
@media(max-width:1024px){
  .hcs-shell{grid-template-columns:230px minmax(0,1fr);gap:18px;padding:18px;}
  .hcs-title-card{height:420px;}
  .hcs-title-card h2{font-size:30px;}
  .hcs-page{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:200px 200px;gap:18px;}
  .hcs-page .hcs-item:nth-child(1){grid-column:1;grid-row:1;}
  .hcs-page .hcs-item:nth-child(2){grid-column:2;grid-row:1 / span 2;}
  .hcs-page .hcs-item:nth-child(3){grid-column:3;grid-row:1;}
  .hcs-page .hcs-item:nth-child(4){grid-column:1;grid-row:2;}
  .hcs-page .hcs-item:nth-child(5){grid-column:3;grid-row:2;}
  .hcs-page .hcs-item:nth-child(6){display:none;}
}
@media(max-width:767px){
  .hcs-wrap{padding:16px 10px;}
  .hcs-shell{display:block;border-radius:18px;padding:16px;}
  .hcs-title-card{height:auto;min-height:150px;padding:28px 22px;margin-bottom:16px;}
  .hcs-title-card h2{font-size:28px;line-height:1.3;}
  .hcs-slider-area{padding-bottom:54px;}
  .hcs-track{display:flex;gap:14px;}
  .hcs-page{display:flex;gap:14px;flex:0 0 100%;}
  .hcs-page .hcs-item,
  .hcs-page .hcs-item:nth-child(n){display:block;flex:0 0 82%;height:260px;}
}