/* Trang chi tiết dịch vụ SINTA: tư vấn - giá trị - chuyển đổi. */
.service-detail-premium{overflow:hidden;background:#f5f9fb;color:#102a43}
.service-detail-hero{position:relative;overflow:hidden;padding:34px 0 78px;background:linear-gradient(127deg,#071c38 0%,#103d68 54%,#087d78 126%);color:#fff}
.service-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.service-detail-hero .site-container{position:relative;z-index:2}.service-hero-orbit{position:absolute;border:1px solid rgba(137,241,222,.22);border-radius:50%;pointer-events:none}
.service-hero-orbit-one{width:680px;height:680px;right:-270px;top:-470px;box-shadow:0 0 0 58px rgba(137,241,222,.045),0 0 0 116px rgba(137,241,222,.025)}
.service-hero-orbit-two{width:370px;height:370px;left:-220px;bottom:-310px}
.service-breadcrumb{display:inline-flex;align-items:center;gap:8px;margin-bottom:37px;color:#c5ebe9;font-size:.84rem;font-weight:700;text-decoration:none}.service-breadcrumb:hover{color:#a0f5e3}
.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:62px;align-items:center}
.service-detail-kicker{display:inline-flex;align-items:center;gap:8px;color:#94f3df;font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.service-detail-intro h1{max-width:760px;margin:14px 0 17px;color:#fff;font-size:clamp(2.4rem,5vw,5.1rem)!important;letter-spacing:-.055em;line-height:1.02}
.service-detail-intro>p{max-width:660px;margin:0;color:#d3e6f6;font-size:1.08rem;line-height:1.75}
.service-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.service-main-cta,.service-secondary-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border-radius:10px;font-size:.9rem;font-weight:800;text-decoration:none}
.service-main-cta{background:#a0f0df;color:#07334e;box-shadow:0 10px 23px rgba(0,0,0,.18)}.service-main-cta b{font-size:1.1rem;transition:transform .2s ease}.service-main-cta:hover b{transform:translateX(4px)}
.service-secondary-cta{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.055)}
.service-detail-assurances{display:flex;flex-wrap:wrap;gap:13px 18px;margin-top:25px;color:#c3e9ed;font-size:.78rem}.service-detail-assurances i{color:#97f0df}
.service-hero-visual{position:relative;padding:13px 8px 13px 20px}.service-image-frame{position:relative;overflow:hidden;min-height:370px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:#dbe9ec;box-shadow:20px 24px 0 rgba(4,22,49,.21),0 26px 50px rgba(0,0,0,.2)}
.service-image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 45%,rgba(4,27,51,.18))}.service-image-frame img{width:100%;height:100%;min-height:370px;object-fit:cover}
.service-floating-note{position:absolute;z-index:3;display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(7,32,61,.78);box-shadow:0 10px 20px rgba(0,0,0,.19);backdrop-filter:blur(8px);color:#fff}.service-floating-note>i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#a0f0df;color:#075b5b}.service-floating-note span{display:grid;gap:2px;font-size:.76rem;font-weight:720}.service-floating-note small{color:#a2e7e0;font-size:.62rem;letter-spacing:.08em}.service-note-top{top:-10px;right:-8px}.service-note-bottom{bottom:-7px;left:-5px}
.service-value-strip{position:relative;z-index:3;margin-top:-35px}.service-value-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #dbe7ef;border-radius:15px;background:#fff;box-shadow:0 13px 32px rgba(20,57,95,.11)}
.service-value-grid article{display:flex;gap:13px;align-items:center;padding:18px 24px;border-right:1px solid #e2ebf1}.service-value-grid article:last-child{border-right:0}.service-value-grid article>i{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:9px;background:#e9f7f5;color:#07837a;font-size:1.1rem}.service-value-grid article:nth-child(2)>i{background:#eaf1ff;color:#3266ca}.service-value-grid article:nth-child(3)>i{background:#fff3e5;color:#d77a16}.service-value-grid b{display:block;margin-bottom:3px;font-size:.88rem}.service-value-grid span{display:block;color:#667c8e;font-size:.77rem;line-height:1.45}
.service-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:44px;padding-top:78px;padding-bottom:76px}.service-article{min-width:0}.service-article-heading{padding-bottom:24px;border-bottom:1px solid #dbe6ed}.service-article-heading>span,.related-heading span{color:#07877e;font-size:.71rem;font-weight:800;letter-spacing:.1em}.service-article-heading h2{margin:10px 0 0;font-size:clamp(1.75rem,3.2vw,3rem)!important;letter-spacing:-.045em;line-height:1.14}.service-article-heading h2 em{color:#087f70;font-style:normal}
.premium-content{max-width:none;margin:28px 0 0;color:#314b60;font-size:1.02rem;line-height:1.85}.premium-content h1,.premium-content h2,.premium-content h3{color:#102a43;line-height:1.28}.premium-content h2{margin:34px 0 13px;font-size:1.6rem!important}.premium-content h3{margin:27px 0 10px;font-size:1.25rem!important}.premium-content p{margin:0 0 18px}.premium-content img{display:block;max-width:100%;height:auto;margin:28px auto;border-radius:16px;box-shadow:0 13px 29px rgba(24,59,94,.13)}.premium-content ul,.premium-content ol{margin:0 0 22px;padding-left:23px}.premium-content li{margin-bottom:8px}.premium-content a{color:#087d70;font-weight:700}.premium-content blockquote{margin:28px 0;padding:19px 22px;border-left:4px solid #16a698;border-radius:0 12px 12px 0;background:#eaf8f6;color:#184d52;font-weight:600}
.service-detail-sidebar{align-self:start;position:sticky;top:100px;display:grid;gap:15px}.service-side-card{padding:25px;border:1px solid #dbe8ed;border-radius:16px;background:#fff;box-shadow:0 10px 23px rgba(22,54,88,.06)}.service-side-label{color:#07877d;font-size:.68rem;font-weight:800;letter-spacing:.1em}.service-side-card h2{margin:9px 0 16px;font-size:1.25rem!important}.service-side-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.service-side-card li{display:flex;gap:9px;color:#506a7d;font-size:.85rem;line-height:1.52}.service-side-card li i{color:#0d978a;font-size:1rem}
.service-contact-card{display:grid;grid-template-columns:37px 1fr;gap:11px;padding:21px;border-radius:16px;background:linear-gradient(145deg,#0c3658,#087c78);color:#fff}.service-contact-card>i{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:rgba(157,244,225,.16);color:#a4f0e1}.service-contact-card span{display:block;color:#a5e9dc;font-size:.65rem;font-weight:800;letter-spacing:.09em}.service-contact-card strong{display:block;margin-top:4px;font-size:.92rem;line-height:1.4}.service-contact-card a{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);color:#fff;font-size:.83rem;font-weight:750;text-decoration:none}
.service-conversion{padding:54px 0;background:linear-gradient(112deg,#087d73,#0c4070);color:#fff}.service-conversion .site-container{display:flex;justify-content:space-between;align-items:center;gap:35px}.service-conversion span{color:#a7f4e3;font-size:.72rem;font-weight:800;letter-spacing:.09em}.service-conversion h2{margin:10px 0 9px;font-size:clamp(1.65rem,3vw,2.5rem)!important;letter-spacing:-.04em;line-height:1.13}.service-conversion p{max-width:710px;margin:0;color:#d5eff1;line-height:1.65}.service-conversion-actions{display:grid;gap:10px;min-width:205px}.service-conversion-actions a{display:flex;justify-content:center;gap:8px;padding:12px 15px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;text-decoration:none;font-size:.86rem;font-weight:760}.service-conversion-actions a:first-child{background:#a0efdd;color:#06364b;border-color:#a0efdd}
.related-services-premium{padding-top:75px}.related-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.related-heading h2{margin:8px 0 0;font-size:2rem!important;letter-spacing:-.035em}.related-heading>a{display:inline-flex;align-items:center;gap:8px;color:#087d70;font-size:.86rem;font-weight:800;text-decoration:none}.service-card-related h3 a{color:#102a43;text-decoration:none}
@media(max-width:1000px){.service-detail-hero-grid{grid-template-columns:1fr;gap:42px}.service-detail-intro h1{max-width:870px}.service-hero-visual{max-width:670px}.service-detail-body{grid-template-columns:1fr;gap:26px}.service-detail-sidebar{position:static;grid-template-columns:1fr 1fr}.service-value-grid article{padding:16px}.service-conversion .site-container{align-items:flex-start;flex-direction:column}.service-conversion-actions{grid-template-columns:repeat(2,1fr);width:100%}}
@media(max-width:700px){.service-detail-hero{padding:26px 0 61px}.service-breadcrumb{margin-bottom:28px}.service-detail-intro h1{font-size:2.65rem!important}.service-detail-intro>p{font-size:1rem}.service-detail-assurances{display:grid;gap:8px}.service-hero-visual{padding:12px 7px}.service-image-frame,.service-image-frame img{min-height:250px}.service-value-strip{margin-top:-21px}.service-value-grid{grid-template-columns:1fr;border-radius:12px}.service-value-grid article{border-right:0;border-bottom:1px solid #e2ebf1}.service-value-grid article:last-child{border-bottom:0}.service-detail-body{padding-top:50px;padding-bottom:50px}.service-detail-sidebar{grid-template-columns:1fr}.service-conversion{padding:42px 0}.service-conversion-actions{grid-template-columns:1fr}.related-heading{align-items:flex-start;flex-direction:column}.related-services-premium{padding-top:50px;padding-bottom:55px}.service-note-top{right:-4px}.service-note-bottom{left:-4px}.service-floating-note{padding:8px 9px}.service-floating-note span{font-size:.68rem}.service-floating-note>i{width:26px;height:26px}.service-detail-actions{display:grid}.service-main-cta,.service-secondary-cta{justify-content:center}.service-article-heading h2{font-size:1.85rem!important}}

/* Luxury editorial direction: dark stone, champagne gold and spacious private-advisory composition. */
.service-detail-premium {
    background: linear-gradient(180deg, #f8f5ee 0%, #fffdfa 44%, #f2ede4 100%);
    color: #24201b;
}

.service-detail-hero {
    isolation: isolate;
    padding-top: 42px;
    background:
        radial-gradient(circle at 84% 17%, rgba(201, 161, 94, .24), transparent 25%),
        radial-gradient(circle at 17% 95%, rgba(124, 87, 47, .17), transparent 30%),
        linear-gradient(118deg, #08090b 0%, #151310 54%, #292218 100%);
}

.service-detail-hero::before {
    opacity: .52;
    background-image:
        linear-gradient(rgba(218, 185, 120, .1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(218, 185, 120, .1) 1px, transparent 1px);
    background-size: 54px 54px;
}

.service-detail-hero::after {
    position: absolute;
    z-index: -1;
    right: 8%;
    bottom: -210px;
    width: 540px;
    height: 540px;
    border: 1px solid rgba(222, 187, 116, .17);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(222, 187, 116, .035), 0 0 0 86px rgba(222, 187, 116, .02);
    content: "";
}

.service-hero-orbit { border-color: rgba(225, 188, 115, .2); }
.service-hero-orbit-one { box-shadow: 0 0 0 58px rgba(225, 188, 115, .04), 0 0 0 116px rgba(225, 188, 115, .02); }
.service-breadcrumb { color: #ddc38f; letter-spacing: .02em; }
.service-breadcrumb:hover { color: #fff0c8; }
.service-detail-kicker { color: #dfbe7d; }
.service-detail-intro h1 { max-width: 720px; font-size: clamp(2.5rem, 4.2vw, 4.6rem) !important; letter-spacing: -.065em; }
.service-detail-intro > p { color: #dfd7c9; }

/* Ưu tiên không gian hình ảnh trong Hero sau khi lược bỏ các nhãn phụ. */
@media (min-width: 1001px) {
    .service-detail-hero-grid {
        grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr);
        gap: 48px;
    }
}

.service-main-cta,
.service-conversion-actions a:first-child {
    color: #21170d !important;
    border: 1px solid rgba(255, 240, 199, .5);
    background: linear-gradient(135deg, #f3d895, #bd8744);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .48);
}

.service-main-cta:hover { color: #110d08 !important; filter: brightness(1.07); transform: translateY(-2px); }
.service-secondary-cta { border-color: rgba(228, 198, 136, .42); color: #f9ead0; background: rgba(255, 250, 238, .045); }
.service-secondary-cta:hover { color: #fff8e9; background: rgba(237, 204, 137, .12); }
.service-detail-assurances { color: #d8cdbb; }
.service-detail-assurances i { color: #e7c988; }

.service-hero-edition {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 28px;
    color: #bba57d;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.service-hero-edition i { width: 30px; height: 1px; background: linear-gradient(90deg, transparent, #d7b46e); }

.service-hero-visual { padding: 13px 17px 13px 8px; animation: service-luxury-float 5.5s ease-in-out infinite; }
.service-image-frame {
    min-height: 395px;
    border: 1px solid rgba(232, 207, 159, .58);
    border-radius: 3px;
    background: #1d1914;
    box-shadow: 18px 22px 0 rgba(195, 153, 83, .15), 0 34px 74px rgba(0, 0, 0, .42);
}

.service-image-frame::before { position: absolute; z-index: 2; top: 12px; right: 12px; left: 12px; height: 1px; background: linear-gradient(90deg, transparent, rgba(252, 223, 162, .8), transparent); content: ""; }
.service-image-frame::after { background: linear-gradient(130deg, rgba(13, 10, 7, .04) 30%, rgba(12, 9, 6, .48)); }
.service-image-frame img { min-height: 395px; }
.service-floating-note { border-color: rgba(231, 199, 132, .35); border-radius: 3px; background: rgba(18, 16, 13, .82); box-shadow: 0 12px 25px rgba(0, 0, 0, .29); }
.service-floating-note > i { border-radius: 2px; color: #2d2112; background: linear-gradient(135deg, #f1d99c, #bd8746); }
.service-floating-note small { color: #d9b973; }

.service-value-grid { border-color: #ded4c2; border-radius: 4px; box-shadow: 0 15px 36px rgba(47, 32, 12, .12); }
.service-value-grid article { border-right-color: #e7dece; }
.service-value-grid article > i { border-radius: 2px; color: #76511f; background: #f6ead2; }
.service-value-grid article:nth-child(2) > i { color: #4f6271; background: #e8eff0; }
.service-value-grid article:nth-child(3) > i { color: #825a26; background: #f6e7cf; }
.service-value-grid b { color: #30271d; }
.service-value-grid span { color: #786e61; }

.service-detail-body { padding-top: 88px; }
.service-article-heading { border-bottom-color: #d9cdbb; }
.service-article-heading > span,
.related-heading span,
.service-side-label { color: #a36e29; }
.service-article-heading h2 { color: #262017; }
.service-article-heading h2 em { color: #a36e29; }
.premium-content { color: #51483d; }
.premium-content h1,
.premium-content h2,
.premium-content h3 { color: #272118; }
.premium-content a { color: #9a6423; }
.premium-content blockquote { border-left-color: #bd8844; background: #f4ead9; color: #4b3824; }
.premium-content img { border: 1px solid #e5d8c4; border-radius: 4px; box-shadow: 0 19px 38px rgba(47, 32, 12, .16); }

.service-side-card { border-color: #ded4c2; border-radius: 4px; background: #fffdf9; box-shadow: 0 13px 30px rgba(47, 32, 12, .08); }
.service-side-card h2 { color: #30271d; }
.service-side-card li { color: #706558; }
.service-side-card li i { color: #ae7530; }
.service-contact-card { border: 1px solid rgba(230, 197, 132, .23); border-radius: 4px; background: linear-gradient(145deg, #1b1814, #3a2a19); }
.service-contact-card > i { border-radius: 2px; color: #261b0f; background: linear-gradient(135deg, #f0d591, #bf8845); }
.service-contact-card span { color: #dbbd7d; }

.service-conversion { position: relative; overflow: hidden; background: linear-gradient(112deg, #15120f, #332719 62%, #17130f); }
.service-conversion::before { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(224, 189, 118, .1), transparent); content: ""; }
.service-conversion .site-container { position: relative; }
.service-conversion span { color: #e3c17b; }
.service-conversion p { color: #d9d0c0; }
.service-conversion-actions a { border-color: rgba(229, 198, 139, .42); color: #fff4dc; }
.service-conversion-actions a:hover { border-color: #efd18e; color: #fff9ee; background: rgba(235, 202, 134, .08); }

.related-services-premium { padding-bottom: 88px; }
.related-heading h2 { color: #292218; }
.related-heading > a,
.service-card-related .service-link { color: #9a6423; }

@keyframes service-luxury-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@media (max-width: 700px) {
    .service-detail-intro h1 { font-size: clamp(2.25rem, 11vw, 3.05rem) !important; }
    .service-hero-edition { flex-wrap: wrap; margin-top: 22px; }
    .service-image-frame,
    .service-image-frame img { min-height: 260px; }
}

@media (prefers-reduced-motion: reduce) {
    .service-hero-visual { animation: none; }
}

/* Service solution presentation: emerald system, derived from the public home palette. */
.service-detail-premium {
    --sinta-ink: #073b2d;
    --sinta-deep: #0a4d37;
    --sinta-mid: #336a29;
    --sinta-leaf: #498428;
    --sinta-soft: #80b155;
    --sinta-lime: #c1d95c;
    --sinta-cream: #eaef9d;
    background:
        radial-gradient(circle at 9% 21%, rgba(193, 217, 92, .13), transparent 24rem),
        radial-gradient(circle at 93% 77%, rgba(128, 177, 85, .14), transparent 25rem),
        linear-gradient(155deg, #08432f 0%, #0b5138 47%, #073c2c 100%);
    color: #f6fae5;
}

.service-detail-hero {
    padding: 40px 0 76px;
    background:
        linear-gradient(rgba(4, 51, 35, .76), rgba(4, 51, 35, .8)),
        radial-gradient(circle at 88% 18%, rgba(193, 217, 92, .15), transparent 26rem),
        linear-gradient(135deg, #0a4934 0%, #0b573b 50%, #073a2a 100%);
}

.service-detail-hero::before {
    opacity: .34;
    background-image:
        linear-gradient(rgba(234, 239, 157, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(234, 239, 157, .08) 1px, transparent 1px);
    background-size: 42px 42px;
}

.service-detail-hero::after {
    right: -120px;
    bottom: -245px;
    width: 560px;
    height: 560px;
    border-color: rgba(193, 217, 92, .2);
    box-shadow: 0 0 0 38px rgba(193, 217, 92, .035), 0 0 0 92px rgba(193, 217, 92, .018);
}

.service-breadcrumb {
    margin-bottom: 26px;
    padding: 7px 10px;
    border: 1px solid rgba(234, 239, 157, .19);
    border-radius: 99px;
    background: rgba(4, 49, 34, .28);
    color: var(--sinta-cream);
}

.service-breadcrumb:hover { color: #fff; background: rgba(193, 217, 92, .13); }
.service-detail-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); gap: 34px; align-items:stretch; }
.service-detail-intro { display:flex; flex-direction:column; justify-content:center; min-width:0; }
.service-detail-kicker { color: var(--sinta-lime); }
.service-detail-intro h1 { max-width: 760px; color:#fff; font-size:clamp(2.35rem,4.35vw,4.25rem)!important; letter-spacing:-.055em; }
.service-detail-intro > p { max-width: 720px; color: #dce9bf; font-size: 1rem; line-height: 1.75; }

.service-main-cta,
.service-conversion-actions a:first-child {
    border-color: rgba(234, 239, 157, .42);
    background: linear-gradient(135deg, #e4ef92, #9bc75e);
    color: #173a1e !important;
    box-shadow: 0 12px 24px rgba(0, 26, 16, .23), inset 0 1px rgba(255,255,255,.44);
}

.service-secondary-cta {
    border-color: rgba(234, 239, 157, .36);
    background: rgba(234, 239, 157, .08);
    color: #f6fae5;
}

.service-main-cta:hover,
.service-secondary-cta:hover { transform: translateY(-2px); filter:brightness(1.045); }

.service-hero-visual {
    display:flex;
    min-height: 100%;
    padding: 0;
    animation: service-emerald-float 6s ease-in-out infinite;
}

.service-image-frame {
    width:100%;
    min-height: 430px;
    border: 1px solid rgba(193, 217, 92, .25);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 15%, rgba(193, 217, 92, .22), transparent 35%),
        linear-gradient(145deg, rgba(34, 112, 58, .8), rgba(10, 66, 43, .94));
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 24px 48px rgba(0, 33, 20, .26);
}

.service-image-frame::before {
    z-index:3;
    top:16px;
    right:16px;
    left:16px;
    background:linear-gradient(90deg, transparent, rgba(234,239,157,.74), transparent);
}

.service-image-frame::after {
    z-index:2;
    background:
        linear-gradient(180deg, rgba(5, 57, 35, .1), rgba(3, 47, 29, .68)),
        linear-gradient(130deg, transparent 32%, rgba(193, 217, 92, .1));
}

.service-image-frame img {
    min-height:430px;
}

.service-floating-note {
    z-index:4;
    border-color: rgba(193, 217, 92, .31);
    border-radius:11px;
    background: rgba(6, 67, 43, .86);
    box-shadow: 0 12px 25px rgba(0, 32, 18, .28);
    color:#f5fae5;
}

.service-floating-note > i { color:#214721; background:linear-gradient(135deg,#e5ef95,#a3cd63); }
.service-floating-note small { color: var(--sinta-lime); }
.service-note-top { top: 16px; right: 16px; }
.service-note-bottom { bottom: 16px; left: 16px; }

.service-value-strip { margin-top:-24px; }
.service-value-grid {
    border-color: rgba(193,217,92,.25);
    border-radius: 16px;
    background: linear-gradient(135deg, #0d5a3b, #0a4933);
    box-shadow: 0 16px 32px rgba(0, 39, 22, .22);
}
.service-value-grid article { border-right-color: rgba(193,217,92,.18); }
.service-value-grid article > i,
.service-value-grid article:nth-child(2) > i,
.service-value-grid article:nth-child(3) > i {
    border-radius:9px;
    color:#1e4b25;
    background:linear-gradient(135deg,#e8f09d,#a8d068);
}
.service-value-grid b { color:#f8fbe8; }
.service-value-grid span { color:#d2e4b8; }

.service-detail-body {
    grid-template-columns:minmax(0, 1fr) 318px;
    gap: 28px;
    padding-top: 52px;
    padding-bottom: 66px;
}

.service-article {
    padding: 30px clamp(21px, 3vw, 38px);
    border: 1px solid rgba(193,217,92,.2);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(21, 104, 62, .92), rgba(10, 72, 46, .95));
    box-shadow: inset 0 1px rgba(255,255,255,.045), 0 18px 35px rgba(0, 39, 22, .14);
}
.service-article-heading { border-bottom-color: rgba(193,217,92,.22); }
.service-article-heading-compact { padding-bottom:0; border-bottom:0; }
.service-article-heading > span,
.related-heading span,
.service-side-label { color:var(--sinta-lime); }
.service-article-heading h2,
.service-article-heading h2 em { color:#fff; }
.service-article-heading h2 em { color:var(--sinta-cream); }
.premium-content { color:#e2eed1; }
    .premium-content h1,
    .premium-content h2,
    .premium-content h3 {
        color: #fff;
        margin: 10px 10px 10px 0px !important;
    }
.premium-content a { color:var(--sinta-cream); }
.premium-content blockquote {
    border-left-color:var(--sinta-lime);
    background:rgba(193,217,92,.1);
    color:#f5fae5;
}
.premium-content img { border-color:rgba(234,239,157,.3); box-shadow:0 18px 35px rgba(0,32,18,.25); }

.service-detail-sidebar { gap:16px; }
.service-side-card {
    border-color:rgba(193,217,92,.22);
    border-radius:16px;
    background:linear-gradient(145deg, rgba(23,105,62,.95), rgba(8,67,42,.96));
    box-shadow:0 14px 28px rgba(0,39,22,.16);
}
.service-side-card h2 { color:#fff; }
.service-side-card li { color:#deebce; }
.service-side-card li i { color:var(--sinta-lime); }
.service-contact-card {
    border-color:rgba(193,217,92,.25);
    border-radius:16px;
    background:linear-gradient(145deg, #4b842a, #2f692b);
}
.service-contact-card > i { color:#294d22; background:linear-gradient(135deg,#e7f098,#9fca5e); }
.service-contact-card span { color:#eef5bd; }
.service-contact-card a { color:#fff; }

.service-conversion {
    background:
        radial-gradient(circle at 15% 30%, rgba(193,217,92,.15), transparent 22rem),
        linear-gradient(120deg, #0a4832, #376f2e 58%, #1d5528);
}
.service-conversion::before { background:linear-gradient(90deg, transparent, rgba(234,239,157,.13), transparent); }
.service-conversion span { color:var(--sinta-cream); }
.service-conversion p { color:#dce9be; }
.service-conversion-actions a { border-color:rgba(234,239,157,.35); color:#f9fce9; }
.service-conversion-actions a:hover { border-color:var(--sinta-cream); background:rgba(234,239,157,.1); }

.related-services-premium { padding-top:12px; padding-bottom:80px; }
.related-heading h2 { color:#f7fae9; }
.related-heading > a,
.service-card-related .service-link { color:var(--sinta-cream); }
.service-card-related h3 a { color:#fff; }

@keyframes service-emerald-float {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-5px); }
}

@media (max-width: 1000px) {
    .service-detail-hero-grid { grid-template-columns:1fr; }
    .service-hero-visual { min-height:350px; max-width:none; }
}

@media (max-width: 700px) {
    .service-detail-hero { padding:28px 0 58px; }
    .service-detail-hero-grid { gap:24px; }
    .service-image-frame,
    .service-image-frame img { min-height:300px; }
    .service-detail-body { padding-top:35px; }
    .service-article { padding:23px 18px; border-radius:14px; }
}

@media (prefers-reduced-motion: reduce) {
    .service-hero-visual { animation:none; }
}

/* Trang chi tiết dùng nền tràn toàn màn hình, không giữ dải trắng của layout nội dung chung. */
.site-main:has(.service-detail-premium) {
    background: #08432f;
}

.site-main:has(.service-detail-premium) > .site-page-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Bảng màu chuẩn SINTA: EAEF9D / C1D95C / 80B155 / 498428 / 336A29. */
.site-main:has(.service-detail-premium) { background:#336a29; }

.service-detail-premium {
    background:
        radial-gradient(circle at 8% 20%, rgba(234, 239, 157, .13), transparent 25rem),
        radial-gradient(circle at 95% 80%, rgba(128, 177, 85, .18), transparent 26rem),
        linear-gradient(145deg, #498428 0%, #336a29 72%);
}

.service-detail-hero {
    background:
        radial-gradient(circle at 84% 12%, rgba(234, 239, 157, .18), transparent 25rem),
        linear-gradient(135deg, #498428 0%, #336a29 100%);
}

.service-image-frame {
    background:
        radial-gradient(circle at 50% 14%, rgba(234, 239, 157, .21), transparent 35%),
        linear-gradient(145deg, #498428, #336a29);
}

.service-article,
.service-side-card {
    background:linear-gradient(145deg, rgba(73, 132, 40, .94), rgba(51, 106, 41, .97));
}

.service-value-grid {
    background:linear-gradient(135deg, #498428, #336a29);
}

.service-contact-card {
    background:linear-gradient(145deg, #498428, #336a29);
}

.service-conversion {
    background:
        radial-gradient(circle at 15% 30%, rgba(234, 239, 157, .16), transparent 22rem),
        linear-gradient(135deg, #498428 0%, #336a29 100%);
}

/* Ảnh Hero được nâng lên trên nhẹ để cân bằng với tiêu đề và CTA. */
@media (min-width: 1001px) {
    .service-hero-visual {
        top: -26px;
        min-height: 0;
        margin-top: 0;
        margin-bottom: 0;
        align-self: start;
    }

    .service-detail-hero-grid {
        grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr);
    }

    .service-detail-intro h1 {
        max-width: 610px;
        font-size: clamp(2.15rem, 3.25vw, 3.5rem) !important;
    }

    .service-image-frame,
    .service-image-frame img {
        min-height: 400px;
        height: 400px;
    }
}

@media (max-width: 1000px) {
    .service-detail-intro h1 {
        font-size: clamp(2.1rem, 7vw, 3.1rem) !important;
    }
}

@media (max-width: 700px) {
    .service-detail-intro h1 {
        font-size: clamp(2rem, 9vw, 2.65rem) !important;
    }
}

/* Nền khối riêng cho toàn bộ phần Chi tiết dịch vụ phía dưới Hero. */
.service-detail-body {
    position: relative;
    margin-top: 38px;
    margin-bottom: 68px;
    padding: 28px !important;
    border: 1px solid rgba(234, 239, 157, .24);
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 8%, rgba(234, 239, 157, .12), transparent 20rem),
        linear-gradient(135deg, rgba(73, 132, 40, .9), rgba(51, 106, 41, .97));
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 20px 42px rgba(0, 42, 24, .18);
}

@media (max-width: 700px) {
    .service-detail-body {
        margin-top: 25px;
        margin-bottom: 45px;
        padding: 15px !important;
        border-radius: 15px;
    }
}

/* Mobile-first repair: luôn xếp nội dung chi tiết trước, sidebar phía dưới. */
@media (max-width: 1000px) {
    .service-detail-body {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .service-detail-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .service-detail-sidebar {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
    }

    .service-side-card,
    .service-contact-card {
        padding: 18px;
    }
}

/* Dịch vụ cùng nhóm: thư viện thẻ giải pháp đồng bộ phong cách SINTA. */
.related-services-premium {
    margin-top: 0;
    margin-bottom: 76px;
    padding: 28px !important;
    border: 1px solid rgba(234, 239, 157, .2);
    border-radius: 20px;
    background:
        radial-gradient(circle at 87% 8%, rgba(193, 217, 92, .12), transparent 21rem),
        linear-gradient(145deg, #0b5138, #073b2d);
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 20px 42px rgba(0, 39, 22, .18);
}

.related-services-premium .related-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin: 0 0 22px;
    padding: 18px 21px;
    border: 1px solid rgba(234, 239, 157, .18);
    border-radius: 15px;
    background: rgba(73, 132, 40, .22);
}

.related-services-premium .related-heading-copy { min-width: 0; }
.related-services-premium .related-heading span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #c1d95c;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.related-services-premium .related-heading span i { font-size: .85rem; }
.related-services-premium .related-heading h2 {
    margin: 7px 0 4px;
    color: #f7fbe8;
    font-size: clamp(1.3rem, 2vw, 1.75rem) !important;
    letter-spacing: -.035em;
}

.related-services-premium .related-heading h2 em {
    color: #c1d95c;
    font-style: normal;
}

.related-services-premium .related-heading p {
    margin: 0;
    color: #cfe2b7;
    font-size: .84rem;
    line-height: 1.55;
}

.related-services-premium .related-heading > a {
    flex: 0 0 auto;
    padding: 10px 13px;
    border: 1px solid rgba(234, 239, 157, .34);
    border-radius: 9px;
    color: #f7fbe8;
    background: rgba(234, 239, 157, .08);
    font-size: .8rem;
    font-weight: 800;
}

.related-services-premium .related-heading > a:hover {
    color: #183c20;
    background: #c1d95c;
    border-color: #c1d95c;
}

.related-services-premium .service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.related-services-premium .service-card-related {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid rgba(234, 239, 157, .19);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(30, 106, 62, .96), rgba(10, 75, 46, .98));
    box-shadow: inset 0 1px rgba(255,255,255,.04);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.related-services-premium .service-card-related:hover {
    transform: translateY(-6px);
    border-color: rgba(234, 239, 157, .47);
    box-shadow: 0 17px 29px rgba(0, 29, 16, .26), inset 0 1px rgba(255,255,255,.08);
}

.related-services-premium .service-card-related .service-image {
    position: relative;
    display: block;
    height: 190px;
    margin: 14px 14px 0;
    overflow: hidden;
    border-radius: 12px;
    background: #336a29;
}

.related-services-premium .service-card-related .service-image::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(4, 59, 35, .38));
    content: "";
}

.related-services-premium .service-card-related .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}

.related-services-premium .service-card-related:hover .service-image img {
    filter: saturate(1.06) brightness(1.05);
    transform: scale(1.055);
}

.related-services-premium .service-card-related > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
}

.related-services-premium .service-card-related > div > span {
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 5px 8px;
    border: 1px solid rgba(234, 239, 157, .2);
    border-radius: 999px;
    color: #cfe2b7;
    background: rgba(234, 239, 157, .06);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.related-services-premium .service-card-related h3 {
    margin: 0 0 8px;
    font-size: 1.03rem;
    line-height: 1.35;
}

.related-services-premium .service-card-related h3 a { color: #f7fbe8; }
.related-services-premium .service-card-related p {
    margin: 0 0 16px;
    color: #cfe2b7;
    font-size: .8rem;
    line-height: 1.58;
}

.related-services-premium .service-card-related .service-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    margin-top: auto;
    padding: 8px 10px;
    border: 1px solid rgba(234, 239, 157, .2);
    border-radius: 9px;
    color: #f7fbe8;
    background: rgba(234, 239, 157, .06);
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
}

.related-services-premium .service-card-related .service-link:hover {
    color: #173d20;
    background: #c1d95c;
    border-color: #c1d95c;
}

@media (max-width: 1000px) {
    .related-services-premium .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .related-services-premium {
        margin-bottom: 48px;
        padding: 15px !important;
        border-radius: 15px;
    }

    .related-services-premium .related-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        padding: 16px;
    }

    .related-services-premium .related-heading > a { width: 100%; justify-content: center; }
    .related-services-premium .service-grid { grid-template-columns: minmax(0, 1fr); }
    .related-services-premium .service-card-related .service-image {
        height: 205px;
        margin: 12px 12px 0;
        border-radius: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .related-services-premium .service-card-related,
    .related-services-premium .service-card-related .service-image img { transition: none; }
}
/* Keep the service overview inside the article so visitors receive the context,
   visual, commitments and detailed content as one continuous reading experience. */
.service-article-overview {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: -30px -38px 28px;
    padding: 31px 38px 36px;
    border-bottom: 1px solid rgba(234, 239, 157, .23);
    background:
        radial-gradient(circle at 87% 12%, rgba(234, 239, 157, .17), transparent 21rem),
        linear-gradient(135deg, #498428 0%, #336a29 100%);
}
.service-article-overview::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    opacity: .35;
    background-image:
        linear-gradient(rgba(234, 239, 157, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(234, 239, 157, .08) 1px, transparent 1px);
    background-size: 42px 42px;
}
.service-article-overview .service-hero-orbit { z-index: -1; }
.service-article-overview .service-breadcrumb { margin-bottom: 15px; }
.service-article-overview .service-detail-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(270px, .76fr);
    gap: 25px;
}
.service-article-overview .service-detail-intro h1 {
    max-width: 620px;
    font-size: clamp(2.2rem, 3.65vw, 3.35rem) !important;
    margin:0px;
}
.service-article-overview .service-detail-intro > p { font-size: .96rem; }
.service-article-overview .service-hero-visual {
    top: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
}
.service-article-overview .service-image-frame,
.service-article-overview .service-image-frame img {
    min-height: 286px;
    height: 100%;
}
.service-article-value-strip { margin: 0 0 28px; }
.service-article-value-strip .service-value-grid { box-shadow: 0 12px 24px rgba(0, 39, 22, .18); }

@media (max-width: 1000px) {
    .service-article-overview .service-detail-hero-grid { grid-template-columns: 1fr; }
    .service-article-overview .service-hero-visual { max-width: none; }
    .service-article-overview .service-image-frame,
    .service-article-overview .service-image-frame img { min-height: 330px; }
}

@media (max-width: 700px) {
    .service-article-overview {
        margin: -23px -18px 24px;
        padding: 24px 18px 27px;
    }
    .service-article-overview .service-breadcrumb { margin-bottom: 20px; }
    .service-article-overview .service-image-frame,
    .service-article-overview .service-image-frame img { min-height: 255px; }
    .service-article-value-strip { margin-bottom: 24px; }
}
/* Typography requested for the service-detail conversion and service title. */
.service-article-overview .service-detail-intro h1 {
    font-size: 30px !important;
    line-height: 1.18;
}
.service-conversion h2 {
    font-size: 30px !important;
    line-height: 1.18;
}
@media (min-width: 1001px) {
    .service-conversion h2 { white-space: nowrap; }
}

/* Direct-phone call to action: make the contact number immediately noticeable. */
.service-contact-card a {
    justify-content: center;
    gap: .65rem;
    margin-top: 10px;
    padding: 13px 16px;
    border: 1px solid rgba(234, 255, 157, .92);
    border-radius: 10px;
    color: #173d20 !important;
    background: linear-gradient(135deg, #efffa6 0%, #c7e563 100%);
    box-shadow: 0 12px 22px rgba(0, 39, 22, .28), inset 0 1px 0 rgba(255, 255, 255, .58);
    font-size: 1.04rem;
    font-weight: 900;
    letter-spacing: .015em;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.service-contact-card a i {
    font-size: 1.08em;
    transition: transform .2s ease;
}

.service-contact-card a:hover,
.service-contact-card a:focus-visible {
    color: #173d20 !important;
    filter: brightness(1.04);
    box-shadow: 0 16px 28px rgba(0, 39, 22, .36), inset 0 1px 0 rgba(255, 255, 255, .68);
    transform: translateY(-2px);
}

.service-contact-card a:hover i,
.service-contact-card a:focus-visible i {
    transform: translateX(3px);
}

/* Nội dung chi tiết gọn hơn, giảm khoảng cách giữa dòng và các đoạn. */
.service-detail-premium .premium-content {
    line-height: 1.2;
}

.service-detail-premium .premium-content p {
    margin-bottom: 12px;
    line-height: 1.2;
}

.service-detail-premium .premium-content ul,
.service-detail-premium .premium-content ol {
    margin-bottom: 16px;
}

.service-detail-premium .premium-content li {
    margin-bottom: 4px;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .service-contact-card a {
        padding: 12px 14px;
        font-size: 1rem;
    }
}