/* ============================================================
   service-brand.css
   ============================================================ */

  .detail-hero{padding:32px 80px 80px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;position:relative;overflow:hidden;}
  .detail-hero::after{content:'';position:absolute;right:-150px;top:-150px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(137,222,124,0.15),transparent 70%);border-radius:50%;animation:glow 8s ease-in-out infinite;pointer-events:none;}
  @keyframes glow{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
  .dh-label{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:12px;}
  .dh-title{font-size:clamp(38px,5vw,58px);font-weight:900;line-height:1.1;margin-bottom:20px;letter-spacing:-.02em;}
  .dh-title em{font-style:normal;color:var(--accent-dark);}
  .dh-sub{font-size:16px;color:var(--text-muted);line-height:1.9;margin-bottom:32px;}
  .dh-btns{display:flex;gap:12px;flex-wrap:wrap;}
  .btn-primary{background:var(--primary);color:var(--white);padding:13px 28px;border-radius:40px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;transition:background .25s,transform .25s;}
  .btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);}
  .btn-ghost{background:transparent;color:var(--primary);padding:13px 24px;border-radius:40px;border:1.5px solid currentColor;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;transition:color .2s,transform .2s;}
  .btn-ghost:hover{color:var(--accent-dark);background-color: var(--bg);transform:translateY(-2px);}

  .hero-img-wrap{border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 32px 80px rgba(42,50,75,0.16);animation:imgFloat 6s ease-in-out infinite;}
  .hero-img-wrap img{width:100%;height:100%;object-fit:cover;}
  @keyframes imgFloat{0%,100%{transform:translateY(0) rotate(-0.5deg);}50%{transform:translateY(-14px) rotate(0.5deg);}}

  /* WHAT'S INCLUDED */
  .included{background:var(--white);padding:80px;}
  .sec-label{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:10px;}
  .sec-title{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:40px;}
  .inc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  .inc-card{background:var(--bg);border-radius:16px;padding:28px;transition:transform .3s,box-shadow .3s;}
  .inc-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(42,50,75,0.1);}
  /* 圖片容器 */
.ic-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.ic-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.92) saturate(0.9);
  transition: transform 0.5s ease, filter 0.4s ease;
}

.inc-card:hover .ic-img img {
  transform: scale(1.05);
  filter: brightness(1) saturate(1);
}
  .ic-title{font-size:16px;font-weight:700;margin-bottom:8px;}
  .ic-desc{font-size:14px;color:var(--text-muted);line-height:1.8;}

  /* DELIVERY */
  .delivery{background:var(--primary);color:var(--white);padding:80px;}
  .delivery .sec-label{color:var(--accent);}
  .delivery .sec-title{color:var(--white);}
  .del-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .del-list{display:flex;flex-direction:column;gap:16px;margin-top:16px;}
  .del-item{display:flex;align-items:flex-start;gap:14px;}
  .del-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--primary);font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .del-text h4{font-size:16px;font-weight:700;margin-bottom:4px;}
  .del-text p{font-size:14px;opacity:.65;line-height:1.7;}
  .del-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 60px rgba(0,0,0,0.25);}
  .del-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
  .del-img:hover img{transform:scale(1.04);}

  /* NOTE */
  .note-section{background:var(--bg);padding:60px 80px;}
  .note-inner{background:rgba(137,222,124,0.15);border-left:4px solid var(--accent-dark);border-radius:0 16px 16px 0;padding:28px 32px;max-width:720px;}
  .note-inner h4{font-size:15px;font-weight:700;margin-bottom:8px;}
  .note-inner p{font-size:14px;color:var(--text-muted);line-height:1.8;}

  /* CTA SECTION */
  .cta-band{background:var(--accent);padding:80px;text-align:center;}
  .cta-band h2{font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--primary);margin-bottom:12px;}
  .cta-band p{font-size:15px;color:var(--primary);opacity:.7;margin-bottom:32px;}

  /* FOOTER */
  footer{background:var(--primary);color:var(--white);padding:60px 80px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;}
  .footer-brand .logo{font-size:16px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;}
  .footer-brand p{font-size:13px;opacity:.5;line-height:1.8;max-width:260px;}
  .footer-col h4{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.4;margin-bottom:16px;}
  .footer-col a{display:block;font-size:13px;opacity:.7;text-decoration:none;color:var(--white);margin-bottom:8px;transition:opacity .2s;}
  .footer-col a:hover{opacity:1;}
  .footer-bottom{background:var(--primary);text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,0.08);}
  .footer-bottom p{font-size:14px;color:rgba(255,255,255,0.35);}


/* PRICE */
  .price-section{background:var(--white);padding:64px 80px;}
  .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .price-card{border-radius:20px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
  .price-card-a{background:var(--primary);}
  .price-card-b{background:var(--bg);border:1.5px solid rgba(42,50,75,0.08);}
  .pc-left{}
  .pc-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;}
  .price-card-a .pc-label{color:var(--accent);}
  .price-card-b .pc-label{color:var(--accent-dark);}
  .pc-title{font-size:16px;font-weight:700;margin-bottom:6px;}
  .price-card-a .pc-title{color:var(--white);}
  .price-card-b .pc-title{color:var(--primary);}
  .pc-note{font-size:14px;line-height:1.6;max-width:100%;}
  .price-card-a .pc-note{color:rgba(255,255,255,0.5);}
  .price-card-b .pc-note{color:var(--text-light);}
  .pc-tag{display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-top:8px;letter-spacing:.04em;}
  .price-card-a .pc-tag{background:rgba(137,222,124,0.18);color:var(--accent);}
  .price-card-b .pc-tag{background:rgba(42,50,75,0.07);color:var(--primary);}
  .pc-right{display:flex;align-items:baseline;gap:4px;flex-shrink:0;}
  .pc-from{font-size:13px;font-weight:500;}
  .price-card-a .pc-from{color:rgba(255,255,255,0.5);}
  .price-card-b .pc-from{color:var(--text-muted);}
  .pc-amount{font-size:clamp(32px,3.5vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1;}
  .price-card-a .pc-amount{color:var(--white);}
  .price-card-b .pc-amount{color:var(--primary);}
  .pc-unit{font-size:14px;font-weight:600;}
  .price-card-a .pc-unit{color:rgba(255,255,255,0.5);}
  .price-card-b .pc-unit{color:var(--text-muted);}
  .portfolio-section{background:var(--white);padding:80px;}
  .port-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:16px;}
  .port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .port-item{border-radius:16px;overflow:hidden;aspect-ratio:4/3;position:relative;cursor:pointer;box-shadow:0 8px 28px rgba(42,50,75,0.1);}
  .port-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
  .port-item:hover img{transform:scale(1.06);}
  .port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(42,50,75,0.7) 0%,transparent 55%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:20px;}
  .port-item:hover .port-overlay{opacity:1;}
  .port-label{font-size:13px;font-weight:700;color:var(--white);letter-spacing:.04em;}
  .port-extra{display:none;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
  .port-extra.open{display:grid;}
  .port-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent-dark);background:none;border:1.5px solid var(--accent-dark);padding:9px 20px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s;margin-top:28px;}
  .port-toggle:hover{background:var(--accent-dark);color:var(--white);}
  .port-toggle .arrow{transition:transform .3s;display:inline-block;}
  .port-toggle.open .arrow{transform:rotate(180deg);}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}

  /* PRICE 
  .price-section{background:var(--white);padding:64px 80px;}
  .price-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;border:1.5px solid rgba(42,50,75,0.08);border-radius:20px;padding:40px 48px;}
  .price-left{}
  .price-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:8px;}
  .price-title{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:6px;}
  .price-note{font-size:14px;color:var(--text-light);line-height:1.6;max-width:360px;}
  .price-right{display:flex;align-items:baseline;gap:6px;flex-shrink:0;}
  .price-from{font-size:13px;font-weight:500;color:var(--text-muted);}
  .price-amount{font-size:clamp(36px,4vw,52px);font-weight:900;color:var(--primary);letter-spacing:-.02em;line-height:1;}
  .price-unit{font-size:15px;font-weight:600;color:var(--text-muted);}
  .price-tag{display:inline-block;font-size:13px;font-weight:700;background:rgba(137,222,124,0.18);color:var(--accent-dark);padding:4px 12px;border-radius:20px;margin-top:8px;letter-spacing:.04em;}
  .portfolio-section{background:var(--bg);padding:80px;}
  .port-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:16px;}
  .port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .port-item{border-radius:16px;overflow:hidden;aspect-ratio:4/3;position:relative;cursor:pointer;box-shadow:0 8px 28px rgba(42,50,75,0.1);}
  .port-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
  .port-item:hover img{transform:scale(1.06);}
  .port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(42,50,75,0.7) 0%,transparent 55%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:20px;}
  .port-item:hover .port-overlay{opacity:1;}
  .port-label{font-size:13px;font-weight:700;color:var(--white);letter-spacing:.04em;}
  .port-extra{display:none;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
  .port-extra.open{display:grid;}
  .port-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent-dark);background:none;border:1.5px solid var(--accent-dark);padding:9px 20px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s;margin-top:28px;}
  .port-toggle:hover{background:var(--accent-dark);color:var(--white);}
  .port-toggle .arrow{transition:transform .3s;display:inline-block;}
  .port-toggle.open .arrow{transform:rotate(180deg);}*/


  /* FAQ */
  .faq-section{background:var(--bg);padding:80px;}
  .faq-list{display:flex;flex-direction:column;gap:16px;margin-top:40px;}
  .faq-item{border:1.5px solid rgba(42,50,75,0.08);border-radius:16px;overflow:hidden;transition:border-color .25s;}
  .faq-item:hover{border-color:rgba(6,199,85,0.4);}
  .faq-q{width:100%;background:var(--white);border:none;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;}
  .faq-q-text{font-size:15px;font-weight:700;color:var(--primary);line-height:1.5;}
  .faq-icon{width:28px;height:28px;border-radius:50%;background:rgba(6,199,85,0.1);color:var(--line-green);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s,transform .3s;}
  .faq-item.is-open .faq-icon{background:var(--line-green);color:var(--white);transform:rotate(45deg);}
  .faq-a{display:none;background:var(--white) ; padding:0 28px 22px;font-size:14px;color:var(--text-muted);line-height:1.9;}
  .faq-a p+p{margin-top:10px;}
  .faq-item.is-open .faq-a{display:block;}


  /* PROCESS */
  .process-section{background:var(--primary);padding:80px;color:var(--white);}
  .process-section .sec-label{color:var(--accent);}
  .process-section .sec-title{color:var(--white);}
  .process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:56px;position:relative;}
  .process-steps::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:1px;background:rgba(137,222,124,0.2);z-index:0;}
  .proc-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px;}
  .ps-num{width:40px;height:40px;border-radius:50%;background:rgba(137,222,124,0.12);border:1px solid var(--accent);color:var(--accent);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .25s,transform .25s;}
  .proc-step:hover .ps-num{background:var(--accent);color:var(--primary);transform:scale(1.1);}
  .ps-title{font-size:13px;font-weight:700;margin-bottom:6px;}
  .ps-desc{font-size:11.5px;opacity:.55;line-height:1.6;}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.visible{opacity:1;transform:none;}

  @media(max-width:900px){
    nav{padding:0;} .nav-links{display:none;}
    .breadcrumb,.detail-hero,.included,.delivery,.note-section,.price-section,.portfolio-section,.process-section,.cta-band{padding-left:28px;padding-right:28px;}
    .detail-hero,.del-row,.price-grid{grid-template-columns:1fr;}
    .inc-grid{grid-template-columns:1fr;}
    .port-grid,.port-extra{grid-template-columns:1fr;}
    .process-steps{grid-template-columns:1fr 1fr;gap:28px;}
    .process-steps::before{display:none;}
    .port-item{spect-ratio:height;}
    .faq-section{padding:28px;}
     .pc-tag{padding:8px 12px;border-radius:8px;margin-top:16px;letter-spacing:.08em;}
    footer{grid-template-columns:1fr;gap:32px;padding:48px 28px;}
  }