@charset "UTF-8";
:root{
    --bg:#edeeef;
    --white:#ffffff;
    --teal:#15758d;
    --ink:#222222;
    --line:#dedede;
    --gray-btn:#888888;
    --tagbg:#ebe4cd;
    --price:#ba0909;
    --container:1100px;
  }
  *{box-sizing:border-box;}
  img{max-width:100%;display:block;}
  .container{max-width:var(--container);margin:0 auto;padding:0 20px;}

  #classca-maintenance p{font-size: 16px; font-size: 1.6rem;}

/* ===== Hero (Flexbox版) ===== */
.hero{position:relative;width:100%;height:300px;display:flex;align-items:center;overflow:hidden;}
.hero-text{width:100%;max-width:1060px;margin:0 auto;padding:0 20px;position:relative;z-index:2;}
.hero-text-inner{border-left:2px solid var(--teal);padding: 10px 0 10px 28px;max-width:500px;}
.hero .eyebrow{font-size:15px;color:var(--teal);letter-spacing:.02em;margin-bottom:14px; font-weight: bold;}
.hero h1{font-size:32px;font-weight:700;letter-spacing:.04em;margin:0 0 16px;}
.hero p{font-size:16px;color:var(--ink);margin:0;}
.hero-image{position:absolute;top:0;right:0;width:45vw;min-width:600px;height:100%;z-index:1;}
.hero-image img{width:100%;height:100%;object-fit:cover;display:block;}

  /* ===== Values ===== */
  .values{background:var(--white);padding:120px 0 0;}
  .values-inner{position:relative;text-align:center;}
  .eyebrow-c{font-size:16px;font-weight:700;color:var(--teal);margin-bottom:40px;}
  .values h2{font-size:32px;font-weight:700;margin:0 0 40px;}
  .values p{max-width:520px;margin:0 auto; line-height: 2.2;}
  .values-images{display:flex;justify-content:space-between;gap:20px; width: 100%; max-width: 1500px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
  .values-images img{border-radius:0;object-fit:cover;}
  .values-images .img-a{width:280px;height:400px;margin-top: -20px;}
  .values-images .img-b{width:340px;height:220px;align-self:flex-end;margin-bottom: -20px;}
  .banner{width:100%;height:300px;object-fit:cover;margin-top:120px;}

  /* ===== Traits ===== */
  .traits{background:var(--white);padding:100px 0;}
  .traits-top{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:flex-start;margin-bottom:40px;}
  .traits .eyebrow-l{font-size:16px;font-weight:700;color:var(--teal);margin-bottom:20px;}
  .traits h2{font-size:30px;font-weight:700;margin:0 0 24px;}
  #classca-maintenance .traits-top p{font-size:15px;}
  .traits-top img{height:260px;object-fit:cover;width:100%;}
  .trait-item{display:grid;grid-template-columns:350px 1fr;gap:20px;border-top:1px solid var(--line);padding:24px 20px;position:relative;}
  .trait-item:last-child{border-bottom:1px solid var(--line);}
  .trait-num{font-size:13px;color:var(--ink);opacity:.3;margin-right:8px;}
  .trait-item h3{font-size:19px;font-weight:700;margin:0;display:flex;}
  #classca-maintenance .trait-item .body p{font-size:14px;color:var(--ink);margin:0 0 8px;}
  .trait-item .more{font-size:13px;color:var(--teal);}

  /* ===== Care section ===== */
  .care-section{padding:100px 0 0;}
  .section-bar{background:var(--teal);color:#fff;font-size:26px;font-weight:700;padding:0 28px;border-radius:8px;height:80px;display:flex;align-items:center;margin-bottom:40px;}
  .care-block{margin-bottom:14px;}
  .care-head{display:grid;grid-template-columns:400px 1fr;gap:40px;margin-bottom:40px;}
  .care-head img{width:100%;height:240px;object-fit:cover;border-radius:0;}
  .care-head h3{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 14px;}
  #classca-maintenance .care-head p{font-size:15px;margin:0;}
  .sub-eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--teal);margin-bottom:14px;}
  .sub-eyebrow::before{content:"";width:18px;height:1px;background:var(--teal);}
  #aging .care-head.aging-care-head{margin-top: 80px;}

  .parts-card{background:#fff;border-radius:8px;padding:36px;margin-bottom:24px;}
  .parts-card h4{font-size:20px;font-weight:700;color:var(--teal);margin:0 0 20px;}
  .parts-list{display:flex;flex-direction:column;gap:10px;}
  .parts-item{border-bottom:1px solid var(--line);padding-bottom:16px; margin-bottom: 10px;}
  .parts-item:last-child{border-bottom:none;padding-bottom:0; margin-bottom: 0;}
  .parts-item .pname{font-size:17px;font-weight:700;margin:0 0 8px; padding-left: 6px; border-left: 4px solid var(--teal); line-height: 1.25;}
  .parts-item .pdesc{font-size:13px;margin:0;color:var(--ink); padding-left: 1em; opacity: .7;}
  .parts-item .name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
  .at-chip{background:var(--teal);color:#fff;font-size:12px;padding:2px 8px;border-radius:3px;white-space:nowrap;}

  .accordion{background:rgba(255,255,255,.7);border-radius:8px;overflow:hidden;}
  .accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;border:none;cursor:pointer;padding:26px 36px;}
  .accordion-label{font-size:19px;font-weight:700;color:var(--teal);}
  .accordion-icon{display:flex;flex-direction:column;align-items:center;line-height:1;}
  .icon-symbol{width:30px;height:30px;border-radius:50%;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:32px;}
  .icon-text{font-size:10px;color:var(--ink);opacity:.6;margin-top:4px;}
  .accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .accordion-panel-inner{padding:32px 40px;}
  .inspect-row{display:flex;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px;}
  .inspect-row .iname{flex:none;width:340px;font-size:14px;font-weight:700;}
  .inspect-row .idash{opacity:.3;flex:none;}
  .inspect-row .idesc{opacity:.75;font-size:13px;}
  .btn-close{display:block;width:220px;margin:32px auto 0;text-align:center;background:var(--gray-btn);color:#fff;font-size:15px;font-weight:700;padding:15px 0;border-radius:6px;cursor:pointer;border:none;}

  /* ===== Gallery ===== */
  .gallery{padding:100px 0 0; margin: auto;}
  .gallery .body-refresh{display:grid;grid-template-columns:460px 1fr;gap:40px;margin-top:40px;}
  .gallery .lato{font-size:15px;margin-bottom:8px; letter-spacing:.02em; font-weight: bold;}
  .gallery h2{font-size:28px;font-weight:700;line-height:1.5;}
  #classca-maintenance .gallery p{font-size:15px; margin: 24px 0 0 0;}
  .gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;}
  .gallery-grid .big{grid-row:span 2;height:100%;}
  .gallery-grid img{width:100%;height:250px;object-fit:cover;}
  .gallery-grid .big img{height:500px;}

  /* ===== Products ===== */
  #classca-maintenance .products{padding:80px 0; margin-top: 80px; border-top: 1px solid var(--line);}
  #classca-maintenance .products h2{font-size:32px;font-weight:700;text-align:center;margin-bottom:24px;}
  #classca-maintenance .products .lead{font-size:15px;text-align:center;margin-bottom:40px;}
  #classca-maintenance .car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  #classca-maintenance .car-card{background:#fff;overflow:hidden;}
  #classca-maintenance .car-card a{display: block;}
  #classca-maintenance .car-card a:hover{text-decoration: none;}
  #classca-maintenance .car-card img{height:190px;object-fit:cover;}
  #classca-maintenance .car-card .car-body{padding:16px 20px;}
  #classca-maintenance .car-card h4{font-size:15px;font-weight:700;margin:0 0 8px;}
  #classca-maintenance .car-card .spec{font-size:13px;margin:0 0 10px; letter-spacing: .015em; opacity: .7;}
  #classca-maintenance .car-card .price-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px;}
  #classca-maintenance .car-card .price-tag{background:var(--tagbg);font-size:11px;padding:2px 5px;}
  #classca-maintenance .car-card .price{color:var(--price);font-size:18px;font-weight:700;}
  #classca-maintenance .car-card .price small{font-size:13px;font-weight:500;}
  #classca-maintenance .products-cta{display:block;width:240px;margin:44px auto 0;text-align:center;background:var(--teal);color:#fff;padding:17px 0;border-radius:4px;font-size:15px;font-weight:700;}

  @media (max-width:768px){

 .container{padding:0 16px;}

#classca-maintenance p{font-size: 15px; font-size: 1.5rem;}

#classca-maintenance .hero{flex-direction:column;min-width:0;height:auto;padding:0;}
#classca-maintenance .hero-image{position:relative;width:100%;height:150px;}
#classca-maintenance .hero-text{padding:16px;}
#classca-maintenance .hero-text-inner{border-left:2px solid var(--teal);padding: 8px 0 8px 20px;}
#classca-maintenance .hero .eyebrow{font-size:14px;}
#classca-maintenance .hero h1{font-size:24px;}
#classca-maintenance .hero p{font-size:14px;}
#classca-maintenance .hero-image img{width:100%;height:100%;object-fit:cover;display:block;}

#classca-maintenance .hero-inner,.values-images,.traits-top,.care-head,.trait-item{grid-template-columns:1fr !important;display:block;}
#classca-maintenance .inspect-row{flex-direction:column;align-items:flex-start;}

  /* ===== Values ===== */
  .values{padding:0;}
  .values-inner{padding: 40px 16px 0;}
  .eyebrow-c{font-size:13px;color:var(--teal);margin-bottom:20px;}
  .values h2{font-size:28px;margin:0 0 20px;}
  #classca-maintenance .values p{font-size: 14px;}
  .values-images{display:flex;justify-content:space-between;gap:20px; width: 100%; position: relative; top: 0; left: 0; transform: none; height: 200px; z-index: 0; margin-top: 20px;}
  .values-images .img-a{width:40%;height:90%; margin: 0;}
  .values-images .img-b{width:50%;height:80%;align-self:flex-end; margin: 0;}
  .banner{width:100%;height:150px;object-fit:cover;margin-top:40px;}

  /* ===== Traits ===== */
  .traits{padding:50px 0;}
  .traits .eyebrow-l{font-size:13px;margin-bottom:16px;}
  .traits h2{font-size:24px;margin:0 0 16px;}
  #classca-maintenance .traits-top p{font-size:14px;}
  .traits-top img{height:200px;}
  .trait-item{gap:20px;border-top:1px solid var(--line);padding:24px 0;position:relative;}
  .trait-item:last-child{border-bottom:1px solid var(--line);}
  .trait-num{font-size:13px;color:var(--ink);opacity:.3;margin-right:8px;}
  .trait-item h3{font-size:18px; margin-bottom: 20px;}
  #classca-maintenance .trait-item .body p{font-size:14px;color:var(--ink);margin:0 0 8px;}
  .trait-item .more{font-size:13px;color:var(--teal);}

   /* ===== Care section ===== */
   .care-section{padding:50px 0 0;}
   .section-bar{font-size:20px;padding:16px;border-radius:6px;height:auto;margin-bottom:24px;}
   .care-block{margin-bottom:14px;}
   .care-head{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px;}
   .care-head img{width:100%;aspect-ratio: 16/9; height: auto;}
   .care-head h3{font-size:20px;}
   #classca-maintenance .care-head p{font-size:14px;margin:0;}
   .sub-eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--teal);margin-bottom:14px;}
   .sub-eyebrow::before{content:"";width:18px;height:1px;background:var(--teal);}
   #aging .care-head.aging-care-head{margin-top: 40px;}
 
   .parts-card{border-radius:6px;padding:20px;margin-bottom:20px;}
   .parts-card h4{font-size:18px;margin:0 0 20px;}
   .parts-list{display:flex;flex-direction:column;gap:10px;}
   .parts-item{border-bottom:1px solid var(--line);padding-bottom:16px; margin-bottom: 10px;}
   .parts-item:last-child{border-bottom:none;padding-bottom:0; margin-bottom: 0;}
   .parts-item .pname{font-size:16px;margin:0 0 8px;}
   .parts-item .pdesc{font-size:13px;}
   .parts-item .name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
 
   .accordion{border-radius:6px;}
   .accordion-toggle{width:100%;padding:16px;}
   .accordion-label{font-size:16px; text-align: left;}
   .accordion-icon{display:flex;flex-direction:column;align-items:center;line-height:1;}
   .icon-symbol{width:30px;height:30px;border-radius:50%;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:28px;}
   .icon-text{font-size:10px;color:var(--ink);opacity:.6;margin-top:4px;}
   .accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease;}
   .accordion-panel-inner{padding:16px;}
   .inspect-row{display:flex;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px;}
   .inspect-row .iname{flex:none;width:100%;font-size:14px;font-weight:700;}
   .inspect-row .idash{display: none;}
   .inspect-row .idesc{opacity:.75;font-size:12px;}
   .btn-close{display:block;width:220px;margin:32px auto 0;text-align:center;background:var(--gray-btn);color:#fff;font-size:15px;font-weight:700;padding:15px 0;border-radius:6px;cursor:pointer;border:none;}
  
  /* ===== Gallery ===== */
  .gallery{padding:50px 0 0; margin: auto;}
  .gallery .body-refresh{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;}
  .gallery .lato{font-size:14px;margin-bottom:8px;}
  .gallery h2{font-size:20px;}
  #classca-maintenance .gallery p{font-size:14px; margin: 0;}
  .gallery-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap:0;}
  .gallery-grid .big{grid-column: 1 / -1;}
  .gallery-grid img{width:100%;height:auto;object-fit:cover;aspect-ratio: 16/9;}
  .gallery-grid .big img{height:auto;aspect-ratio: 3/2;}

  /* ===== Products ===== */
  #classca-maintenance .products{padding:50px 0; margin-top: 50px;}
  #classca-maintenance .products h2{font-size:24px;}
  #classca-maintenance .products .lead{font-size:14px;text-align:left;margin-bottom:24px;}
  #classca-maintenance .car-grid{display:grid;grid-template-columns:1fr;gap:16px;}
  #classca-maintenance .car-card img{height:auto;aspect-ratio: 3/2;}
  }