/* ==========================================================================
   YC POWER company profile and lifecycle service pages
   ========================================================================== */

.ycc-page{--ycc-shadow:0 16px 42px rgba(15,52,96,.11)}
.ycc-page h2,.ycc-page h3{color:#0f3460}
.ycc-page .ycb-cta h2{color:#fff}
.ycc-page .ycb-cta p{color:rgba(255,255,255,.8)}
.ycc-hero h1{max-width:980px}
.ycc-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 27px}
.ycc-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.065);color:rgba(255,255,255,.9);font-size:11px;font-weight:650;line-height:1.45}
.ycc-hero .ycb-hero-inner{padding-top:112px}

/* Company introduction */
.ycc-intro-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:62px}
.ycc-intro-media{position:relative;min-width:0}
.ycc-intro-media>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;box-shadow:var(--ycc-shadow)}
.ycc-intro-media::after{content:"";position:absolute;right:-18px;bottom:-18px;z-index:-1;width:58%;height:58%;border:1px solid #d8e1ec}
.ycc-rc{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;min-width:170px;padding:14px 17px;background:#fff;box-shadow:0 11px 26px rgba(0,0,0,.15)}
.ycc-rc strong{color:#0f3460;font-size:17px;line-height:1.3}
.ycc-rc span{margin-top:3px;color:#8290a2;font-size:10px;line-height:1.4}
.ycc-intro-copy h2{margin:0 0 20px;font-size:clamp(28px,3.1vw,42px);line-height:1.25}
.ycc-intro-copy p{color:#596779;font-size:15px;line-height:1.92}
.ycc-tagline{margin:27px 0 22px;padding:15px 18px;border-left:3px solid #e94560;background:#f4f7fb;color:#0f3460;font-size:15px;font-weight:750;line-height:1.6;letter-spacing:.02em}
.ycc-address{padding-top:18px;border-top:1px solid #e1e8f0}
.ycc-address strong{display:block;margin-bottom:5px;color:#0f3460;font-size:12px}
.ycc-address span{color:#6c798a;font-size:12px;line-height:1.7}

/* Product cards */
.ycc-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ycc-product-card{position:relative;display:flex;align-items:flex-end;min-height:390px;padding:30px;overflow:hidden;background-position:center;background-size:cover;color:#fff;isolation:isolate;border-radius:4px}
.ycc-product-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,28,52,.97) 0%,rgba(8,31,59,.7) 52%,rgba(8,31,59,.12) 100%);transition:background .3s ease}
.ycc-product-card:hover::before{background:linear-gradient(0deg,rgba(7,28,52,.98) 0%,rgba(15,52,96,.74) 58%,rgba(15,52,96,.18) 100%)}
.ycc-product-card h3{margin:12px 0 8px;color:#fff;font-size:28px;line-height:1.35}
.ycc-product-card p{max-width:520px;margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.75}
.ycc-chip{display:inline-block;padding:4px 8px;background:#e94560;color:#fff;font-size:10px;font-weight:750;letter-spacing:.04em;line-height:1.5}

/* Factory gallery */
.ycc-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:12px}
.ycc-gallery figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#dbe3ed}
.ycc-gallery-main{grid-column:span 2;grid-row:span 2}
.ycc-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ycc-gallery figure:hover img{transform:scale(1.035)}
.ycc-gallery figcaption,.ycc-project-photo-row figcaption{position:absolute;right:0;bottom:0;left:0;padding:24px 15px 11px;background:linear-gradient(0deg,rgba(7,28,52,.9),transparent);color:#fff;font-size:11px;font-weight:650;line-height:1.4}

/* Projects */
.ycc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ycc-project{display:flex;align-items:flex-start;gap:18px;min-height:151px;padding:23px 24px;background:#fff;border:1px solid #dce4ee;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ycc-project:hover{transform:translateY(-3px);border-color:#bdcad9;box-shadow:0 13px 28px rgba(15,52,96,.08)}
.ycc-project-no{flex:0 0 auto;color:#c9d4e2;font-size:38px;font-weight:750;line-height:1}
.ycc-project-body{min-width:0}
.ycc-project h3{margin:9px 0 4px;font-size:17px;line-height:1.45}
.ycc-project p{margin:0;color:#6c798a;font-size:12px;line-height:1.65}
.ycc-project-photo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.ycc-project-photo-row figure{position:relative;margin:0;overflow:hidden;background:#dbe3ed}
.ycc-project-photo-row img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}

/* Service */
.ycc-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ycc-service-card{padding:29px 25px 26px;background:#fff;border:1px solid #dce4ee;border-top:3px solid #0f3460;transition:transform .25s ease,box-shadow .25s ease}
.ycc-service-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,52,96,.09)}
.ycc-service-card h3{margin:0 0 10px;font-size:19px;line-height:1.45}
.ycc-service-card p{margin:0 0 15px;color:#667487;font-size:13px;line-height:1.75}
.ycc-service-card ul{margin:0;padding:0;list-style:none}
.ycc-service-card li{position:relative;margin:0;padding:6px 0 6px 16px;color:#526174;font-size:12px;line-height:1.6}
.ycc-service-card li::before{content:"";position:absolute;top:.9em;left:0;width:6px;height:6px;background:#e94560}
.ycc-warranty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:24px 27px;background:#0f3460;color:#fff}
.ycc-warranty strong{color:#ffb3c1;font-size:26px;line-height:1.2;white-space:nowrap}
.ycc-warranty span{color:rgba(255,255,255,.76);font-size:12px;line-height:1.65}
.ycc-warranty a{color:#fff !important;font-size:12px;font-weight:700;white-space:nowrap}

/* Service page detail */
.ycc-service-hero .ycb-hero-bg{filter:saturate(.85)}
.ycc-maintenance-table td:first-child{width:150px;color:#0f3460;font-weight:750;white-space:nowrap}
.ycc-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ycc-info-card{padding:28px 25px;background:#f7f9fc;border:1px solid #dce4ee}
.ycc-info-num{display:block;margin-bottom:16px;color:#e94560;font-size:12px;font-weight:750;letter-spacing:.1em}
.ycc-info-card h3{margin:0 0 8px;font-size:18px;line-height:1.45}
.ycc-info-card p{margin:0;color:#667487;font-size:13px;line-height:1.75}

@media (max-width:1024px){
  .ycc-intro-grid{gap:38px}
  .ycc-gallery{grid-auto-rows:190px}
  .ycc-product-card{min-height:340px}
  .ycc-warranty{grid-template-columns:auto minmax(0,1fr)}
  .ycc-warranty a{grid-column:2}
}

@media (max-width:820px){
  .ycc-hero .ycb-hero-inner{padding-top:95px}
  .ycc-intro-grid{grid-template-columns:1fr;gap:34px}
  .ycc-intro-media{max-width:650px}
  .ycc-product-grid{grid-template-columns:1fr}
  .ycc-product-card{min-height:330px}
  .ycc-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
  .ycc-gallery-main{grid-column:span 2;grid-row:span 1}
  .ycc-service-grid{grid-template-columns:1fr;gap:12px}
  .ycc-info-grid{grid-template-columns:1fr;gap:12px}
  .ycc-project-photo-row{grid-template-columns:1fr}
}

@media (max-width:620px){
  .ycc-hero h1{font-size:clamp(31px,9.5vw,42px)}
  .ycc-hero-facts{gap:6px}
  .ycc-hero-facts span{font-size:10px}
  .ycc-intro-copy h2{font-size:27px}
  .ycc-intro-copy p{font-size:14px;line-height:1.85}
  .ycc-rc{right:13px;bottom:13px;min-width:145px;padding:11px 13px}
  .ycc-rc strong{font-size:14px}
  .ycc-product-card{min-height:315px;padding:24px 21px}
  .ycc-product-card h3{font-size:23px}
  .ycc-gallery{grid-auto-rows:145px;gap:8px}
  .ycc-gallery figcaption{padding:20px 10px 8px;font-size:9px}
  .ycc-project-grid{grid-template-columns:1fr;gap:10px}
  .ycc-project{min-height:0;padding:19px 18px}
  .ycc-project-no{font-size:29px}
  .ycc-project h3{font-size:16px}
  .ycc-warranty{grid-template-columns:1fr;gap:10px;padding:21px 20px}
  .ycc-warranty a{grid-column:auto}
  .ycc-maintenance-table td:first-child{width:auto}
}