/* AED.VN Design System - Mệnh Kim */
.admin-media-picker[hidden]{display:none}.admin-media-picker{position:fixed;inset:0;z-index:1000;background:rgba(26,18,10,.48);padding:28px;display:grid;place-items:center}.admin-media-picker__dialog{width:min(1080px,100%);max-height:min(780px,calc(100vh - 56px));overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(36,24,8,.24)}.admin-media-picker__header,.admin-media-picker__tools,.admin-media-picker__footer{display:flex;align-items:center;gap:14px;padding:18px 22px}.admin-media-picker__header{justify-content:space-between;border-bottom:1px solid var(--color-border)}.admin-media-picker__header h3{margin:0}.admin-media-picker__header .eyebrow{margin:0 0 4px}.admin-media-picker__tools{border-bottom:1px solid var(--color-border)}.admin-media-picker__tools .form-control{flex:1}.admin-media-picker__upload{position:relative;overflow:hidden;white-space:nowrap}.admin-media-picker__upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-media-picker__grid{overflow:auto;padding:20px 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-height:260px}.admin-media-picker__item{position:relative;min-height:154px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:#fff;padding:0;text-align:left;cursor:pointer;color:var(--color-text)}.admin-media-picker__item:hover,.admin-media-picker__item[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.admin-media-picker__item img,.admin-media-picker__fallback{width:100%;height:120px;object-fit:cover;display:block;background:var(--color-surface)}.admin-media-picker__fallback{display:grid!important;place-items:center;padding:0!important;color:var(--color-primary)}.admin-media-picker__fallback i{position:static!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;font-size:25px}.admin-media-picker__item span{display:block;padding:8px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-media-picker__item i{position:absolute;right:8px;top:8px;width:25px;height:25px;display:none;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff}.admin-media-picker__item[aria-pressed=true] i{display:grid}.admin-media-picker__load-more{grid-column:1/-1;min-height:44px;border:1px dashed var(--color-primary);border-radius:10px;background:#fffaf4;color:var(--color-primary-dark);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.admin-media-picker__load-more:hover{background:var(--color-primary-soft)}.admin-media-picker__empty{margin:0 22px 22px}.admin-media-picker__footer{justify-content:space-between;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted)}.media-picker-button{display:flex;align-items:center;gap:8px;justify-content:center;width:100%}.media-picker-preview{display:block;width:100%;max-height:160px;object-fit:cover;border:1px solid var(--color-border);border-radius:10px;margin:0 0 10px}.media-picker-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.media-picker-gallery:empty{display:none}.media-picker-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--color-border)}
@media(max-width:780px){.admin-media-picker{padding:12px}.admin-media-picker__tools{align-items:stretch;flex-direction:column}.admin-media-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.admin-media-picker__item img{height:96px}.admin-media-picker__footer{padding:14px;align-items:flex-start;flex-direction:column}.media-picker-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
:root {
  --color-canvas: #ffffff;
  --color-surface: #f8f6f2;
  --color-surface-warm: #faf5f0;
  --color-primary: #b8892d;
  --color-secondary: #dfad49;
  --color-primary-dark: #8d681f;
  --color-primary-soft: #f3e8cd;
  --color-silver: #d8dde3;
  --color-silver-dark: #8d98a5;
  --color-text: #241b10;
  --color-text-muted: #756b5d;
  --color-border: #e8e2d8;
  --color-white: #ffffff;
  --color-success: #178a55;
  --color-danger: #d94343;
  
  --shadow-sm: 0 4px 18px rgba(91, 73, 43, 0.08);
  --shadow-md: 0 12px 36px rgba(91, 73, 43, 0.12);
  
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  
  --container-width: 1320px;
  --font-primary: "Be Vietnam Pro", system-ui, sans-serif;
}

/* Reset & Global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    background-color: var(--color-canvas);
    color: var(--color-text);
    line-height: 1.7;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--color-primary-dark);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-text);
    margin-bottom: 1rem;
    line-height: 1.2;
}

h1 { font-size: 52px; font-weight: 800; line-height: 1.15; }
h2 { font-size: 34px; font-weight: 800; }
h3 { font-size: 24px; font-weight: 700; }

@media (max-width: 768px) {
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
}

.text-center { text-align: center; }
.text-muted { color: var(--color-text-muted); }
.text-primary { color: var(--color-primary); }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 3rem; }
.mb-6 { margin-bottom: 4rem; }
.mt-4 { margin-top: 2rem; }

/* Layout & Containers */
.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 24px;
}

@media (max-width: 768px) {
    .container { padding: 0 16px; }
}

.section {
    padding: 88px 0;
}

.section-surface {
    background-color: var(--color-surface);
    background-image: radial-gradient(var(--color-border) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
}

.section-warm {
    background-color: var(--color-surface-warm);
    background-image: radial-gradient(var(--color-border) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
}

@media (max-width: 768px) {
    .section { padding: 56px 0; }
}

/* Header */
.header {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border-top: 4px solid #b6d0b2; /* Green top line */
    border-bottom: 1px solid var(--color-border);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px; /* Reduced from 80px */
}

.logo strong {
    font-size: 20px; /* Reduced from 24px */
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: -0.5px;
}

.nav-desktop {
    display: flex;
    gap: 8px; /* Tighter gap because of padding */
    margin-left: auto;
    margin-right: 24px;
}

.nav-desktop a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-text);
    font-weight: 700;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
}

.nav-desktop a i {
    font-size: 14px;
    color: inherit;
}

.nav-desktop a:hover {
    color: var(--color-primary-dark);
    background-color: #fcf8f4;
}

.nav-desktop a.active {
    background-color: #f7ede3;
    color: var(--color-primary-dark);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-menu-mobile {
    display: none;
    background: none;
    border: none;
    font-size: 28px;
    color: var(--color-text);
    cursor: pointer;
}

@media (max-width: 992px) {
    .nav-desktop { display: none; }
    .btn-menu-mobile { display: block; }
    .header-actions .btn { display: none; }
}

/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100vh;
    background: var(--color-white);
    z-index: 2000;
    box-shadow: var(--shadow-md);
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
}

.mobile-menu.active {
    right: 0;
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    border-bottom: 1px solid var(--color-border);
}

.mobile-menu-header strong {
    color: var(--color-primary);
    font-size: 20px;
}

.btn-close-menu {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--color-text);
}

.nav-mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
}

.nav-mobile a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.nav-mobile a i {
    font-size: 16px;
}

.nav-mobile a.active {
    background-color: #f7ede3;
    border-color: #f7ede3;
    color: #a86c3b;
}

.nav-mobile a.mobile-btn {
    justify-content: center;
    background-color: #a66a38;
    color: var(--color-white);
    border: none;
    height: 42px;
    margin-top: 12px;
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 24px;
    border-radius: var(--radius-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-align: center;
}

.btn-primary {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: var(--color-white);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(184, 137, 45, 0.2);
}

.btn-nav {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: var(--color-white);
    height: 34px;
    font-size: 13px;
    padding: 0 16px;
    border-radius: var(--radius-sm);
    display: inline-flex;
}
.btn-nav:hover {
    background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(184, 137, 45, 0.2);
}

.btn-outline {
    background-color: transparent;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.btn-outline:hover {
    background-color: var(--color-primary-soft);
    border-color: var(--color-primary-dark);
}

/* Cards */
.card {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 32px;
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.card-product, .card-project {
    padding: 0;
    overflow: hidden;
}

.card-img-wrap {
    width: 100%;
    height: 240px;
    background: var(--color-surface);
    position: relative;
    overflow: hidden;
}

.card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.card:hover .card-img-wrap img {
    transform: scale(1.05);
}

.card-body {
    padding: 24px;
}

.badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    background: var(--color-primary-soft);
    color: var(--color-primary-dark);
    margin-bottom: 12px;
}

/* Grid Layouts */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }

@media (max-width: 992px) {
    .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
}

/* Hero Section Update */
.hero {
    position: relative;
    padding: 50px 0 0;
    background-color: var(--color-surface-warm);
    background-image: radial-gradient(var(--color-border) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
}

.hero::before, .hero::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(120px);
    z-index: 0;
    pointer-events: none;
}
.hero::before {
    background: rgba(184, 137, 45, 0.15);
    top: -200px;
    left: -200px;
}
.hero::after {
    background: rgba(184, 137, 45, 0.1);
    bottom: -200px;
    right: -200px;
}

.hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    padding-bottom: 110px;
}

@media (max-width: 992px) {
    .hero-inner {
        flex-direction: column;
    }
}

.hero-content {
    flex: 1;
    max-width: 600px;
    max-width: 520px;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-primary-dark);
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(184, 137, 45, 0.15);
}

.hero h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 16px;
    color: var(--color-text);
}

.hero-desc {
    font-size: 16px;
    color: var(--color-text-muted);
    line-height: 1.5;
    margin-bottom: 24px;
}

.hero-features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.hero-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    color: var(--color-text-muted);
    font-weight: 500;
}
.hero-content ul li i {
    color: var(--color-primary);
    margin-top: 2px;
}

.hero-actions {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.hero-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
    max-width: 520px;
}
.stat-item { min-width: 0; }
@media (max-width: 992px) {
    .hero-stats {
        width: 100%;
        gap: 10px;
        max-width: 520px;
    }
}
.stat-item h3 {
    font-size: 27px;
    margin-bottom: 2px;
    color: var(--color-primary-dark);
    white-space: nowrap;
    letter-spacing: -0.03em;
}
.stat-item p {
    font-size: 10px;
    color: var(--color-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.hero-visual {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 440px;
}

.hero-feature-card {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    transition: transform 0.3s, box-shadow 0.3s;
}
.hero-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}
.hero-feature-card i {
    font-size: 36px;
    color: var(--color-primary);
}
.hero-feature-card span {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text);
}

/* Ticker Section */
.hero-ticker-wrapper {
    width: 100%;
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    height: 54px;
    z-index: 10;
}

.hero-ticker-container {
    height: 100%;
    display: flex;
    align-items: center;
}

.hero-ticker-badge {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.hero-ticker-content {
    flex: 1;
    overflow: hidden;
    padding-left: 24px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent);
}

.hero-ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: ticker-scroll 30s linear infinite;
}

.ticker-group {
    display: flex;
    align-items: center;
    gap: 32px;
    padding-right: 32px;
}

.hero-ticker-track:hover {
    animation-play-state: paused;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text-muted);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.ticker-item:hover {
    color: var(--color-primary);
}

.ticker-item i {
    font-size: 14px;
    color: var(--color-primary);
    opacity: 0.6;
}

@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Hero Bottom Features */
.hero-bottom-features {
    background: #fdfaf6;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.feature-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text-muted);
}

.feature-item i {
    color: var(--color-primary);
    font-size: 18px;
}

/* Mobile Hero Overrides */
@media (max-width: 992px) {
    .hero {
        padding: 60px 0 0;
        text-align: center;
    }
    .hero-inner {
        padding-bottom: 40px;
        gap: 40px;
    }
    .hero-content {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hero-actions {
        justify-content: center;
    }
    .hero-badge {
        margin: 0 auto 24px;
    }
    .hero-features-list {
        display: none;
    }
    .stat-item h3 {
        font-size: 26px;
    }
    .stat-item p {
        font-size: 10px;
    }
    .hero-visual {
        display: none; /* Hide desktop cards */
    }
    .hero-ticker-wrapper {
        border-top: 1px solid var(--color-border);
    }
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
        justify-content: flex-start;
    }
    .feature-item {
        justify-content: flex-start;
        font-size: 13px;
    }
}

@media (max-width: 560px) {
    .hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 20px;
        max-width: 320px;
    }
    .stat-item h3 { font-size: 25px; }
    .stat-item p { font-size: 10px; }
}

/* Footer */
.footer {
    background: #2D1A0A;
    color: rgba(255,255,255,0.8);
    padding: 80px 0 24px;
    border-top: none;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; }
}

.footer-logo {
    color: var(--color-white);
    font-weight: 800;
    font-size: 24px;
}

.footer h4 {
    color: var(--color-white);
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
}

.footer h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: var(--color-primary);
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
    border-radius: 8px;
    transition: all 0.3s ease;
}
.social-icon:hover {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.newsletter-form input:focus {
    border-color: var(--color-primary) !important;
}

.footer ul {
    list-style: none;
}

.footer ul li {
    margin-bottom: 12px;
}

.footer ul li a {
    color: rgba(255,255,255,0.7);
}

.footer ul li a:hover {
    color: var(--color-primary);
}

.footer-bottom {
    text-align: center;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.5);
}

/* Mobile Fixed CTA */
.mobile-fixed-cta {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-white);
    padding: 12px 16px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
    z-index: 1000;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 768px) {
    .mobile-fixed-cta { display: grid; }
    .main-content { padding-bottom: 80px; } /* Space for fixed CTA */
}

.card-product:hover .card-img-wrap img {
    object-position: bottom !important;
}.category-filters a:not(:first-child):hover { background: var(--color-primary-soft) !important; color: var(--color-primary) !important; border-color: var(--color-primary) !important; }

/* Marquee Animation */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 20px 0;
    position: relative;
    background: transparent;
}

/* Mask overlays removed to disable blur */

.marquee-track {
    display: inline-flex;
    animation: marquee-scroll 40s linear infinite;
    gap: 24px;
}

.marquee-container:hover .marquee-track {
    animation-play-state: paused;
}

.marquee-item {
    display: block;
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    width: 210px;
    height: 70px;
    border: 1px solid var(--color-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    cursor: pointer;
}

.marquee-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.marquee-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.marquee-item .item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: flex-end;
}

.marquee-item:hover .item-overlay {
    opacity: 1;
}

.marquee-item .domain {
    font-size: 11px;
    color: white;
    font-weight: 600;
    background: rgba(0,0,0,0.4);
    padding: 2px 8px;
    border-radius: 12px;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 16px)); /* Account for half + gap */
    }
}

/* Process Section */
.process-section {
    padding: 60px 0;
}
.process-layout {
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 40px;
    align-items: center;
}
.process-left h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--color-text);
    line-height: 1.3;
}
.process-item {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin-bottom: 12px;
    background: transparent;
    overflow: hidden;
    transition: all 0.3s ease;
}
.process-item.active {
    border-color: var(--color-primary);
    background: var(--color-white);
    box-shadow: 0 4px 16px rgba(184, 137, 45, 0.08);
}
.process-header {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: background 0.3s ease;
}
.process-header:hover {
    background: rgba(255, 255, 255, 0.5);
}
.process-item.active .process-header:hover {
    background: transparent;
}
.process-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 12px;
}
.process-title strong {
    font-size: 18px;
    color: var(--color-primary);
}
.process-title .divider {
    color: var(--color-border);
}
.process-icon {
    font-size: 14px;
    color: var(--color-text-muted);
    transition: transform 0.3s ease;
}
.process-item.active .process-icon {
    transform: rotate(180deg);
    color: var(--color-primary);
}
.process-content {
    display: none;
    padding: 0 20px 20px 20px;
    color: var(--color-text-muted);
    font-size: 14px;
    line-height: 1.6;
}
@media (max-width: 992px) {
    .process-layout {
        grid-template-columns: 1fr;
        gap: 32px;
        align-items: flex-start;
    }
}

/* Blog Section */
.blog-card {
    background: var(--color-white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    border: 1px solid var(--color-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(184, 137, 45, 0.12);
}
.blog-card-img {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.blog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.blog-card:hover .blog-card-img img {
    transform: scale(1.05);
}
.blog-card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.blog-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    color: var(--color-text-muted);
    margin-bottom: 12px;
}
.blog-meta i {
    color: var(--color-primary);
}
.blog-card-body h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(18px * 1.4 * 2);
}
.blog-card-body h3 a {
    color: var(--color-text);
}
.blog-card-body h3 a:hover {
    color: var(--color-primary);
}
.blog-card-body p {
    font-size: 14.5px;
    color: var(--color-text-muted);
    line-height: 1.6;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-readmore {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s ease;
    margin-top: auto;
}
.blog-readmore i {
    transition: transform 0.3s ease;
}
.blog-readmore:hover {
    color: var(--color-primary-dark);
}
.blog-readmore:hover i {
    transform: translateX(4px);
}

/* AED.VN product and administration UI */
.header { border-top: 3px solid var(--color-primary); }
.logo strong { color: var(--color-text); font-size: 22px; }.logo strong span { color: var(--color-primary); }
.cart-link { width: 38px; height: 38px; display: inline-grid; place-items: center; color: var(--color-text); position: relative; border-radius: 50%; }.cart-link:hover { background: var(--color-primary-soft); }.cart-link b { position: absolute; top: -3px; right: -4px; width: 18px; height: 18px; display:grid; place-items:center; border-radius:50%; background:var(--color-primary); color:#fff; font-size:10px; }
.eyebrow { display: inline-flex; align-items: center; gap: 7px; color: var(--color-primary-dark); background: var(--color-primary-soft); border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 16px; }
.lead { font-size: 18px; color: var(--color-text-muted); max-width: 650px; }.page-hero { padding: 94px 0 74px; background: linear-gradient(125deg, #fff 0%, var(--color-surface-warm) 60%, var(--color-primary-soft) 150%); border-bottom: 1px solid var(--color-border); }.page-hero p { max-width: 720px; color: var(--color-text-muted); font-size: 18px; }.page-hero.compact { padding: 66px 0 50px; }.breadcrumb { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--color-text-muted); }
.hero-clean { padding: 90px 0; background: linear-gradient(130deg, #fff 5%, var(--color-surface-warm) 65%, var(--color-primary-soft)); }.hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr); gap: 72px; align-items: center; }.hero-clean h1 { font-size: clamp(40px, 5vw, 60px); max-width: 750px; }.hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:28px; }.trust-list { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; font-size:14px; font-weight:600; color:var(--color-text-muted); }.trust-list i { color:var(--color-success); }
.hero-panel { background:#fff; border:1px solid var(--color-border); box-shadow:var(--shadow-md); border-radius:var(--radius-lg); padding:24px; transform:rotate(1.5deg); }.hero-panel-top { display:flex; justify-content:space-between; color:var(--color-text-muted); font-size:13px; border-bottom:1px solid var(--color-border); padding-bottom:14px; }.metric-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; }.metric-row div { padding:16px; border-radius:12px; background:var(--color-surface); }.metric-row span { display:block; color:var(--color-text-muted); font-size:13px; }.metric-row b { font-size:28px; }.mock-chart { height:180px; display:flex; align-items:end; gap:14px; padding:20px 14px 0; border-bottom:1px solid var(--color-border); }.mock-chart span { flex:1; background:linear-gradient(180deg,var(--color-secondary),var(--color-primary)); border-radius:8px 8px 0 0; min-width:20px; }.mini-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }.mini-cards div { color:var(--color-text-muted); font-size:12px; font-weight:600; }.mini-cards i { color:var(--color-primary); margin-right:3px; }
.section-heading { max-width:760px; margin:0 auto 42px; text-align:center; }.section-heading p { color:var(--color-text-muted); margin-top:12px; }.section-action { text-align:center; margin-top:38px; }
.feature-card, .product-card, .project-card, .article-card, .testimonial-card, .list-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:26px; color:var(--color-text); transition:transform .2s,box-shadow .2s; }.feature-card:hover,.product-card:hover,.project-card:hover,.article-card:hover { color:var(--color-text); transform:translateY(-4px); box-shadow:var(--shadow-md); }.feature-card .icon-box { width:52px; height:52px; display:grid; place-items:center; margin-bottom:20px; border-radius:14px; background:var(--color-primary-soft); color:var(--color-primary-dark); font-size:24px; }.feature-card h3,.feature-card h2,.product-card h2,.project-card h2,.article-card h2 { font-size:20px; margin-bottom:10px; }.feature-card p,.product-card p,.project-card p,.article-card p { color:var(--color-text-muted); font-size:14px; }.card-link { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:18px; font-size:14px; font-weight:700; }.price-line { margin-top:auto; padding-top:10px; color:var(--color-primary-dark)!important; font-weight:700; }
.product-card,.project-card,.article-card { padding:0; overflow:hidden; }.product-thumb,.project-thumb,.article-thumb { display:block; aspect-ratio: 16/10; background:var(--color-surface); overflow:hidden; }.product-thumb img,.project-thumb img,.article-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }.product-card:hover img,.project-card:hover img,.article-card:hover img { transform:scale(1.04); }.image-placeholder { width:100%; height:100%; min-height:150px; display:grid; place-items:center; color:var(--color-silver-dark); background:linear-gradient(135deg,var(--color-surface),var(--color-primary-soft)); font-size:36px; }.product-info,.project-card > div:last-child,.article-card > div:last-child { padding:20px 22px; }.product-info small,.project-meta,.article-card small { color:var(--color-primary-dark); font-size:12px; font-weight:700; }.product-info h3,.product-info h2 { font-size:17px; margin:6px 0 10px; }.product-price { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }.product-price strong { color:var(--color-primary-dark); }.product-price del,.price-large del { color:var(--color-text-muted); font-size:13px; }.product-badge { position:absolute; z-index:1; padding:5px 10px; background:var(--color-primary); color:#fff; font-size:11px; font-weight:700; border-radius:0 0 8px 0; }
.pricing-card { position:relative; background:#fff; padding:30px; border-radius:var(--radius-md); border:1px solid var(--color-border); display:flex; flex-direction:column; }.pricing-card.featured { border:2px solid var(--color-primary); box-shadow:var(--shadow-md); }.pricing-card .price { margin:24px 0; }.pricing-card .price small,.pricing-card .price span { display:block; color:var(--color-text-muted); font-size:13px; }.pricing-card .price b { font-size:27px; color:var(--color-primary-dark); display:block; }.pricing-card ul,.check-list,.list-card ul { list-style:none; margin:0 0 26px; }.pricing-card li,.check-list li,.list-card li { display:flex; gap:10px; margin:10px 0; font-size:14px; }.pricing-card li i,.check-list i,.list-card i { color:var(--color-success); }.pricing-card .btn { margin-top:auto; }
.testimonial-card { min-height:250px; }.testimonial-card .stars { color:var(--color-secondary); margin-bottom:18px; }.testimonial-card > p { font-size:16px; flex:1; }.testimonial-card span { display:block; color:var(--color-text-muted); font-size:13px; }.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:72px; }.faq-list details { border-top:1px solid var(--color-border); padding:18px 0; }.faq-list details:last-child { border-bottom:1px solid var(--color-border); }.faq-list summary { list-style:none; cursor:pointer; font-weight:700; display:flex; gap:20px; justify-content:space-between; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list details[open] summary i { transform:rotate(45deg); color:var(--color-primary); }.faq-list details div { color:var(--color-text-muted); padding:14px 32px 0 0; font-size:14px; }
.section-cta { background:linear-gradient(135deg,#2d1a0a,#563611); color:#fff; }.section-cta h2,.section-cta p { color:#fff; }.consultation { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; }.contact-form { display:grid; gap:12px; }.contact-form.card { padding:28px; }.honeypot { display:none!important; }.form-control { width:100%; min-height:46px; padding:10px 12px; color:var(--color-text); font:inherit; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-sm); }.form-control:focus { outline:3px solid rgba(184,137,45,.18); border-color:var(--color-primary); }.form-group label,.resource-form label,.checkout-form label { display:block; margin-bottom:7px; font-size:14px; font-weight:700; }.form-group label b { color:var(--color-danger); }.form-group { min-width:0; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.span-2 { grid-column:span 2; }.checkbox-label { display:flex!important; align-items:center; gap:9px; margin:6px 0 12px!important; cursor:pointer; font-weight:500!important; }.checkbox-label input { width:18px; height:18px; accent-color:var(--color-primary); }.contact-form .checkbox-label { color:inherit; }.form-help,small { color:var(--color-text-muted); font-size:12px; }.toast { position:fixed; top:82px; right:20px; z-index:3000; max-width:420px; padding:14px 18px; border-radius:10px; box-shadow:var(--shadow-md); color:#fff; display:flex; gap:10px; align-items:center; }.toast-success { background:var(--color-success); }.toast-error { background:var(--color-danger); }
.detail-grid,.product-detail-grid,.reading-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:52px; align-items:start; }.product-detail-grid { grid-template-columns:minmax(0,1fr) 350px; }.prose { max-width:800px; }.prose h2 { margin-top:35px; }.prose p,.prose li { color:var(--color-text-muted); margin-bottom:14px; }.prose img { width:100%; border-radius:var(--radius-md); margin:0 0 28px; }.detail-hero-image { max-height:500px; object-fit:cover; }.detail-aside,.buy-box { position:sticky; top:92px; }.static-card:hover { transform:none; box-shadow:var(--shadow-sm); }.static-card hr,.buy-box hr,.cart-summary hr { border:0; border-top:1px solid var(--color-border); margin:20px 0; }.detail-aside .btn { margin-top:10px; }.tag-list { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }.tag-list span { padding:4px 9px; border-radius:999px; background:var(--color-primary-soft); font-size:12px; }.product-gallery { aspect-ratio:16/9; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; background:var(--color-surface); }.product-gallery img { width:100%; height:100%; object-fit:cover; }.gallery-strip { display:flex; gap:10px; overflow:auto; margin-top:12px; }.gallery-strip img { width:110px; height:75px; flex:0 0 auto; object-fit:cover; border-radius:8px; }.product-content { margin-top:38px; }.price-large { margin:16px 0 20px; }.price-large strong { display:block; font-size:27px; color:var(--color-primary-dark); }.buy-box form { display:grid; gap:12px; }.buy-box label { display:block; font-size:14px; font-weight:700; }.full-width { width:100%; margin-top:10px; }.spec-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; font-size:14px; }.spec-list dt { color:var(--color-text-muted); }.spec-list dd { text-align:right; margin:0; font-weight:700; }
.catalog-filter,.search-bar { max-width:860px; display:flex; gap:12px; margin:0 auto 38px; }.catalog-filter .form-control:first-child { flex:1.5; }.catalog-filter .form-control { flex:1; }.pagination { display:flex; justify-content:center; gap:8px; margin-top:36px; }.pagination a { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:8px; color:var(--color-text); }.pagination a.active,.pagination a:hover { background:var(--color-primary); color:#fff; border-color:var(--color-primary); }.empty-state { padding:60px 24px; border:1px dashed var(--color-border); border-radius:var(--radius-lg); text-align:center; background:var(--color-surface); }.empty-state.large { max-width:700px; margin:40px auto; }.empty-state > i { display:block; color:var(--color-primary); font-size:42px; margin-bottom:14px; }.search-results { max-width:820px; margin:26px auto; }.search-results article { padding:24px 0; border-bottom:1px solid var(--color-border); }.search-results h2 { font-size:20px; margin:9px 0; }.search-results p { color:var(--color-text-muted); }
.cart-layout,.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:32px; align-items:start; }.cart-items { display:grid; gap:14px; }.cart-item { display:grid; grid-template-columns:95px minmax(0,1fr) 160px auto; align-items:center; gap:18px; padding:16px; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); }.cart-item img,.cart-placeholder { width:95px; height:72px; object-fit:cover; border-radius:8px; }.cart-placeholder { display:grid; place-items:center; background:var(--color-primary-soft); color:var(--color-primary); }.cart-item h2 { font-size:17px; margin-bottom:5px; }.cart-item p { color:var(--color-text-muted); font-size:13px; }.quantity-form { display:flex; gap:8px; align-items:center; }.quantity-form .form-control { width:60px; }.cart-summary > div,.checkout-summary .summary-line { display:flex; justify-content:space-between; gap:12px; margin:13px 0; font-size:14px; }.summary-total { font-size:16px!important; }.summary-total strong,.order-total strong { color:var(--color-primary-dark); font-size:20px; }.checkout-form { background:#fff; border:1px solid var(--color-border); padding:30px; border-radius:var(--radius-md); }.checkout-form h2,.checkout-summary h2 { font-size:22px; }.checkout-form > .btn { margin-top:12px; }.success-card { max-width:720px; padding:60px; text-align:center; border:1px solid var(--color-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); margin:35px auto; }.success-icon { width:70px; height:70px; display:grid; place-items:center; margin:0 auto 22px; border-radius:50%; background:#e6f4ea; color:var(--color-success); font-size:34px; }.success-card p { color:var(--color-text-muted); max-width:600px; margin:12px auto; }.success-card .hero-actions { justify-content:center; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }.contact-details { display:grid; gap:22px; margin:30px 0; }.contact-details p { display:flex; gap:14px; align-items:start; }.contact-details i { color:var(--color-primary); font-size:22px; }.contact-details b,.contact-details span { display:block; }.contact-details span { color:var(--color-text-muted); }.contact-details b { color:var(--color-text); }.chip-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }.chip-nav a { padding:7px 12px; border:1px solid var(--color-border); border-radius:999px; font-size:13px; color:var(--color-text-muted); }.chip-nav a:hover { background:var(--color-primary-soft); color:var(--color-primary-dark); }

/* Admin additions */
.admin-page-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }.admin-page-head h3 { margin:0; }.admin-page-head .eyebrow { margin:0 0 6px; }.admin-filter,.upload-form { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }.admin-filter .form-control,.upload-form .form-control { width:auto; min-width:180px; flex:1; }.admin-table-wrap { overflow:auto; border-radius:var(--radius-md); border:1px solid var(--color-border); }.admin-table { min-width:740px; box-shadow:none; border:0; }.admin-table th,.admin-table td { padding:13px 16px; font-size:14px; }.admin-actions { display:flex; gap:6px; align-items:center; }.admin-actions form { margin:0; }.btn-icon { width:36px; height:36px; display:inline-grid; place-items:center; border:1px solid var(--color-border); color:var(--color-text); border-radius:8px; cursor:pointer; background:#fff; }.btn-icon:hover { background:var(--color-primary-soft); color:var(--color-primary-dark); }.btn-icon.danger { color:var(--color-danger); }.btn-icon.danger:hover { background:#fce8e6; }.status { padding:4px 8px; border-radius:999px; font-size:11px; font-weight:700; display:inline-block; background:var(--color-surface); color:var(--color-text-muted); }.status-active,.status-paid,.status-completed,.status-delivered,.status-replied,.status-won { background:#e6f4ea; color:var(--color-success); }.status-inactive,.status-lost,.status-cancelled,.status-refunded { background:#fce8e6; color:var(--color-danger); }.status-new,.status-unread,.status-pending_payment,.status-consulting,.status-processing { background:var(--color-primary-soft); color:var(--color-primary-dark); }.resource-form { max-width:1120px; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:28px; }.resource-form .form-group { min-width:0; }.resource-form textarea { resize:vertical; }.check-group { display:flex; align-items:end; min-height:46px; }.form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:28px; padding-top:20px; border-top:1px solid var(--color-border); }.admin-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-bottom:22px; }.order-item { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--color-border); font-size:14px; }.order-item p,.timeline-entry p { margin:3px 0; color:var(--color-text-muted); font-size:13px; }.order-total { display:flex; justify-content:space-between; align-items:center; }.timeline-entry { padding:12px 0; border-bottom:1px solid var(--color-border); }.timeline-entry small { display:block; }.upload-form { padding:18px; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); }.media-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.media-card { border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; background:#fff; }.media-card > img { width:100%; aspect-ratio:16/10; object-fit:cover; background:var(--color-surface); }.media-card > div { padding:14px; display:grid; gap:8px; }.media-card code { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; color:var(--color-text-muted); }

@media(max-width:992px){.hero-grid,.consultation,.contact-layout,.faq-layout,.detail-grid,.product-detail-grid,.reading-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr;gap:32px}.hero-panel{transform:none;max-width:600px}.detail-aside,.buy-box{position:static}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{width:210px}.admin-main{margin-left:210px}.admin-content{padding:22px}.admin-header{padding:0 22px}.admin-header span{display:none}.admin-nav a{padding:11px 18px}.admin-logo{padding:0 18px}.admin-nav a[style]{padding-left:34px!important}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.section{padding:56px 0}.page-hero{padding:64px 0 50px}.hero-clean{padding:62px 0}.hero-clean h1{font-size:38px}.hero-panel{padding:16px}.trust-list{display:grid;gap:8px}.grid-3,.grid-4{gap:18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.catalog-filter,.search-bar{flex-direction:column}.cart-item{grid-template-columns:70px minmax(0,1fr) auto;gap:10px}.cart-item img,.cart-placeholder{width:70px;height:60px}.quantity-form{grid-column:2/4}.cart-item h2{font-size:15px}.media-grid{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar{position:static;width:auto;height:auto;padding:14px 0;overflow:visible}.admin-nav{display:grid;grid-template-columns:repeat(2,1fr)}.admin-nav .nav-group,.admin-nav .nav-group-title{grid-column:span 2}.admin-nav a,.admin-nav a[style]{padding:10px 14px!important;font-size:12px!important}.admin-logo{margin-bottom:8px}.admin-main{margin-left:0}.admin-header{height:auto;padding:14px 16px}.admin-header .btn{display:none}.admin-content{padding:16px}.admin-page-head{align-items:start;flex-direction:column}.resource-form{padding:18px}.admin-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer{padding-bottom:96px}.success-card{padding:38px 22px}.toast{left:16px;right:16px;top:72px}.mobile-fixed-cta{display:grid}}
.lead-notes{max-width:1120px;margin-top:20px}.lead-notes h3{font-size:19px}.note-form{display:grid;gap:10px;margin:14px 0}
.homepage-editor{max-width:1120px}.homepage-group{margin-bottom:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.homepage-group summary{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.homepage-group summary::-webkit-details-marker{display:none}.homepage-group summary span{display:flex;align-items:center;gap:10px}.homepage-group summary span>i{color:var(--color-primary);font-size:18px}.homepage-group[open] summary{border-bottom:1px solid var(--color-border);background:var(--color-surface-warm)}.homepage-group[open] summary>i{transform:rotate(180deg)}.homepage-group-body{padding:20px 22px 22px}.homepage-group-body .form-help{margin:0 0 18px}.homepage-editor .form-group{min-width:0}.homepage-editor textarea{resize:vertical}.sticky-actions{position:sticky;bottom:0;background:var(--color-surface);padding-bottom:16px;z-index:2}
.post-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.post-editor-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.post-editor-card h4{margin:0 0 18px}.post-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-editor-tabs{display:flex;gap:6px;border-bottom:1px solid var(--color-border);margin-bottom:22px}.post-editor-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 14px;font:inherit;font-weight:700;color:var(--color-text-muted);cursor:pointer}.post-editor-tab.is-active{border-color:var(--color-primary);color:var(--color-primary-dark)}.post-editor-pane{display:none}.post-editor-pane.is-active{display:block}.aed-rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:#fff}.aed-rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:9px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.aed-rich-editor__toolbar button{width:34px;height:32px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-text);cursor:pointer}.aed-rich-editor__toolbar button:hover,.aed-rich-editor__toolbar button.is-active{background:var(--color-primary-soft);color:var(--color-primary-dark);border-color:var(--color-border)}.aed-rich-editor__canvas{min-height:440px;padding:20px;outline:0;line-height:1.75}.aed-rich-editor__canvas.is-source{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;background:#171717;color:#d2f8ce}.aed-rich-editor__canvas table{width:100%;border-collapse:collapse;margin:16px 0}.aed-rich-editor__canvas th,.aed-rich-editor__canvas td{border:1px solid var(--color-border);padding:8px;text-align:left}.aed-rich-editor__canvas img{max-width:100%;height:auto}.aed-rich-editor__footer{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted)}.aed-rich-editor.is-fullscreen{position:fixed;z-index:5000;inset:16px;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.aed-rich-editor.is-fullscreen .aed-rich-editor__canvas{flex:1;overflow:auto}.seo-preview{border:1px solid #dfe3e7;border-radius:8px;padding:16px;background:#fbfcfd}.seo-preview small{display:block;margin-bottom:5px}.seo-preview strong{display:block;color:#1a0dab;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-preview p{margin:5px 0 0;color:#4d5156;font-size:14px}.field-count{display:block;text-align:right;margin-top:5px;font-size:12px;color:var(--color-text-muted)}.field-count.is-warning{color:var(--color-danger);font-weight:700}.image-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px dashed var(--color-border);border-radius:8px;background:var(--color-surface)}.post-list-thumb{width:64px;height:46px;border-radius:6px;object-fit:cover;background:var(--color-surface)}
@media(max-width:992px){.post-editor-layout{grid-template-columns:1fr}}@media(max-width:640px){.post-editor-card{padding:18px}.post-editor-grid{grid-template-columns:1fr}.post-editor-tabs{overflow:auto}.post-editor-tab{white-space:nowrap;padding:11px 10px}.aed-rich-editor__canvas{min-height:340px;padding:14px}.aed-rich-editor__footer{display:block}.aed-rich-editor.is-fullscreen{inset:0;border-radius:0}}

/* Giao diện trang con: sử dụng cùng ngôn ngữ thị giác với trang chủ. */
.is-inner-page{background:var(--color-white)}.is-inner-page .page-hero{position:relative;isolation:isolate;min-height:236px;display:flex;align-items:center;overflow:hidden;padding:34px 0;background-color:var(--color-surface-warm);background-image:radial-gradient(var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px;border-bottom:1px solid var(--color-border)}.is-inner-page .page-hero:before,.is-inner-page .page-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:-1}.is-inner-page .page-hero:before{width:380px;height:380px;top:-180px;left:-140px;background:rgba(184,137,45,.15)}.is-inner-page .page-hero:after{width:440px;height:440px;right:-170px;bottom:-230px;background:rgba(184,137,45,.12)}.is-inner-page .page-hero.compact{min-height:208px;padding:28px 0}.is-inner-page .page-hero .container{position:relative;width:100%;z-index:1}.is-inner-page .page-hero .container:after{content:"◌  ✦  ⌘\A  </>  ϟ  ◉";white-space:pre;position:absolute;right:6%;top:50%;width:265px;height:172px;transform:translateY(-50%) rotate(-2deg);border-radius:16px;opacity:.9;color:var(--color-primary);font-family:ui-monospace,monospace;font-weight:800;font-size:21px;line-height:88px;text-align:center;letter-spacing:8px;background:linear-gradient(#fff 0 0) 0 0/30% 44% no-repeat,linear-gradient(#fff 0 0) 50% 0/30% 44% no-repeat,linear-gradient(#fff 0 0) 100% 0/30% 44% no-repeat,linear-gradient(#fff 0 0) 0 100%/30% 44% no-repeat,linear-gradient(#fff 0 0) 50% 100%/30% 44% no-repeat,linear-gradient(#fff 0 0) 100% 100%/30% 44% no-repeat;filter:drop-shadow(0 7px 12px rgba(60,43,20,.09))}.is-inner-page .page-hero .container>*{position:relative;z-index:1;max-width:620px}.is-inner-page .page-hero .container>.search-bar{max-width:760px}.is-inner-page .page-hero h1{max-width:670px;margin:0 0 10px;font-size:clamp(32px,3.4vw,43px);font-weight:800;line-height:1.16;letter-spacing:-.035em;color:var(--color-text)}.is-inner-page .page-hero p{max-width:620px;margin:0;color:var(--color-text-muted);font-size:15px;line-height:1.6}.is-inner-page .page-hero .eyebrow{margin-bottom:12px;padding:5px 13px;border:1px solid var(--color-primary);background:var(--color-white);box-shadow:0 4px 12px rgba(184,137,45,.14);color:var(--color-primary-dark);text-transform:none;letter-spacing:0}.is-inner-page .page-hero .breadcrumb{color:var(--color-primary-dark);font-weight:700}.is-inner-page .section{padding:82px 0}.is-inner-page .section-surface{background-color:var(--color-surface);background-image:radial-gradient(var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px}.is-inner-page .section-heading h2,.is-inner-page .section h2{letter-spacing:-.02em}.is-inner-page .feature-card,.is-inner-page .product-card,.is-inner-page .project-card,.is-inner-page .article-card,.is-inner-page .pricing-card,.is-inner-page .list-card,.is-inner-page .static-card{border-color:var(--color-border);border-radius:12px;box-shadow:0 4px 12px rgba(45,31,17,.05)}.is-inner-page .feature-card:hover,.is-inner-page .product-card:hover,.is-inner-page .project-card:hover,.is-inner-page .article-card:hover{box-shadow:0 13px 30px rgba(72,51,26,.12)}.is-inner-page .feature-card{padding:24px}.is-inner-page .feature-card .icon-box{width:48px;height:48px;border-radius:12px;background:#f4e5d8;color:var(--color-primary)}.is-inner-page .product-card,.is-inner-page .project-card,.is-inner-page .article-card{background:#fff}.is-inner-page .product-thumb{height:240px;aspect-ratio:auto;border-bottom:1px solid var(--color-border)}.is-inner-page .project-thumb,.is-inner-page .article-thumb{border-bottom:1px solid var(--color-border)}.is-inner-page .product-info,.is-inner-page .project-card>div:last-child,.is-inner-page .article-card>div:last-child{padding:18px}.is-inner-page .product-info small,.is-inner-page .project-meta,.is-inner-page .article-card small{display:inline-block;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.is-inner-page .product-card .card-link{justify-content:center;margin-top:16px;padding:9px 12px;border-radius:6px;background:var(--color-primary);color:#fff}.is-inner-page .article-card .card-link,.is-inner-page .project-card .card-link,.is-inner-page .feature-card .card-link{color:var(--color-primary-dark)}.is-inner-page .catalog-filter,.is-inner-page .search-bar{max-width:900px;padding:16px;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(45,31,17,.05)}.is-inner-page .search-bar{margin:22px 0 0}.is-inner-page .catalog-filter .form-control,.is-inner-page .search-bar .form-control{min-height:48px;border-radius:8px}.is-inner-page .detail-grid,.is-inner-page .product-detail-grid,.is-inner-page .reading-layout{gap:36px}.is-inner-page .prose{padding:4px 0}.is-inner-page .prose h2{color:var(--color-text);font-size:27px}.is-inner-page .prose p,.is-inner-page .prose li{font-size:16px;line-height:1.8}.is-inner-page .detail-aside .static-card,.is-inner-page .buy-box .static-card,.is-inner-page .cart-summary,.is-inner-page .checkout-summary{border-top:3px solid var(--color-primary)}.is-inner-page .pricing-card{padding:28px}.is-inner-page .pricing-card.featured{border-color:var(--color-primary);box-shadow:0 12px 28px rgba(184,137,45,.16)}.is-inner-page .chip-nav a,.is-inner-page .tag-list span{border-color:var(--color-border);background:#fdf6f0;color:var(--color-primary-dark)}.is-inner-page .chip-nav a:hover{background:var(--color-primary);color:#fff}.is-inner-page .empty-state{border-color:var(--color-primary);background:var(--color-surface-warm)}.is-inner-page .pagination a{border-radius:50%}.is-inner-page .section-cta{background-color:var(--color-surface);background-image:radial-gradient(var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px;color:var(--color-text)}.is-inner-page .section-cta h2,.is-inner-page .section-cta p{color:var(--color-text)}.is-inner-page .section-cta .contact-form{padding:28px;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.is-inner-page .contact-form.card,.is-inner-page .checkout-form{border-top:3px solid var(--color-primary);box-shadow:0 7px 20px rgba(45,31,17,.06)}.is-inner-page .success-card{border-top:3px solid var(--color-primary);background:#fff}.is-inner-page .faq-list details{background:#fff;border:1px solid var(--color-border);border-radius:10px;margin-bottom:10px;padding:17px}.is-inner-page .faq-list details:last-child{border-bottom:1px solid var(--color-border)}
@media(max-width:992px){.is-inner-page .page-hero .container:after{display:none}.is-inner-page .page-hero{min-height:216px;padding:32px 0}.is-inner-page .section{padding:64px 0}}@media(max-width:640px){.is-inner-page .page-hero{min-height:194px;padding:30px 0}.is-inner-page .page-hero h1{font-size:31px}.is-inner-page .section{padding:54px 0}.is-inner-page .product-thumb{height:220px}.is-inner-page .catalog-filter,.is-inner-page .search-bar{padding:12px;border-radius:10px}}

/* Trang kho mẫu web dùng đúng bố cục thẻ của khối Kho mẫu web ở trang chủ. */
.is-inner-page .source-catalog-page{padding:70px 0 82px;background-color:var(--color-surface-warm);background-image:radial-gradient(var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px}
.source-catalog-heading{text-align:center;margin:0 auto 46px}.source-catalog-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-primary);color:var(--color-primary);padding:4px 16px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:16px;background:rgba(184,137,45,.05)}.source-catalog-heading h1{margin:0;font-size:36px;line-height:1.25;color:var(--color-text)}.source-catalog-heading h1 span{color:var(--color-primary)}.source-catalog-heading p{margin:8px 0 0;color:var(--color-text-muted);font-size:16px}
.source-catalog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px}.source-catalog-filters button{display:inline-block;padding:8px 20px;border:1px solid #f1e2d5;border-radius:24px;background:#fdf6f0;color:#5a3c23;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.source-catalog-filters button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.source-catalog-filters button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:600}.source-catalog-result{margin:-12px 0 26px;text-align:center;color:var(--color-text-muted);font-size:14px}.source-catalog-result strong{color:var(--color-text)}
.source-catalog-grid{gap:32px}.source-catalog-card{min-width:0;padding:0!important;overflow:hidden;border:1px solid var(--color-border)!important;border-radius:12px!important;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}.source-catalog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.source-catalog-card .source-catalog-image{position:relative;display:block;height:240px;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.source-catalog-card .source-catalog-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 3.5s ease-in-out,transform .5s ease}.source-catalog-card:hover .source-catalog-image img{transform:scale(1.03);object-position:bottom}.source-catalog-discount{position:absolute;z-index:2;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:0 0 12px 0;background:var(--color-primary);color:#fff;font-size:16px;font-weight:700}.source-catalog-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--color-primary);font-size:42px;background:linear-gradient(135deg,#fff,var(--color-primary-soft))}.source-catalog-card-body{display:flex;min-height:190px;padding:16px!important;flex-direction:column;text-align:left}.source-catalog-category{margin-bottom:6px;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.source-catalog-card h2{display:-webkit-box;height:42px;margin:0 0 12px;overflow:hidden;font-size:15px;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-catalog-card h2 a{color:var(--color-text);text-decoration:none}.source-catalog-card h2 a:hover{color:var(--color-primary)}.source-catalog-price{display:flex;align-items:center;gap:8px;margin-bottom:16px}.source-catalog-price del{color:var(--color-text-muted);font-size:13px;font-weight:500}.source-catalog-price strong{color:var(--color-primary);font-size:16px;font-weight:700}.source-catalog-actions{display:flex;gap:8px;margin-top:auto}.source-catalog-actions .btn{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.source-catalog-empty{max-width:620px;margin:0 auto}.source-catalog-pagination{margin-top:38px}
@media(max-width:992px){.is-inner-page .source-catalog-page{padding:62px 0 70px}.source-catalog-grid{gap:24px}}@media(max-width:640px){.is-inner-page .source-catalog-page{padding:54px 0 62px}.source-catalog-heading{margin-bottom:34px}.source-catalog-heading h1{font-size:30px}.source-catalog-heading p{font-size:15px}.source-catalog-filters{gap:8px;margin-bottom:26px}.source-catalog-filters button{padding:7px 13px;font-size:13px}.source-catalog-grid{gap:18px}.source-catalog-card .source-catalog-image{height:220px}}

/* Danh sách blog và dự án: dùng bộ card ảnh gọn, thoáng như khối bài viết ở trang chủ. */
.is-inner-page .listing-page{padding:68px 0 88px;background:#fff}.listing-category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 32px}.listing-category-filters a{display:inline-block;padding:8px 16px;border:1px solid #f1e2d5;border-radius:24px;background:#fdf6f0;color:#5a3c23;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease}.listing-category-filters a:hover,.listing-category-filters a.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.listing-card-grid{gap:32px}.listing-card .blog-card-img{display:block}.listing-image-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#fff,var(--color-primary-soft));color:var(--color-primary);font-size:42px}.listing-card .blog-card-body{padding:24px}.listing-card h3 a{text-decoration:none}.listing-empty{max-width:620px;margin:0 auto}.listing-pagination{margin-top:42px}
@media(max-width:992px){.is-inner-page .listing-page{padding:62px 0 72px}.listing-card-grid{gap:24px}}@media(max-width:640px){.is-inner-page .listing-page{padding:54px 0 62px}.listing-category-filters{justify-content:flex-start;max-height:94px;overflow:auto;padding-bottom:4px}.listing-category-filters a{padding:7px 13px;font-size:13px}.listing-card-grid{gap:18px}}

/* Sidebar Blog: dùng chung cho trang Blog và từng danh mục bài viết. */
.is-inner-page .knowledge-listing{background:#fdf9f5}.blog-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}.blog-archive-main{min-width:0}.blog-archive-grid{gap:24px}.blog-filter-result{margin:0 0 20px;color:var(--color-text-muted);font-size:14px}.blog-filter-result strong{color:var(--color-text)}.blog-sidebar{display:grid;gap:22px}.blog-sidebar-card{padding:28px 29px;border:1px solid #eed4c1;border-radius:19px;background:#fff}.blog-sidebar-card h2,.sidebar-newsletter h2{position:relative;margin:0 0 22px;padding-bottom:13px;color:var(--color-text);font-size:16px;font-weight:800}.blog-sidebar-card h2:after,.sidebar-newsletter h2:after{position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--color-primary);content:""}.sidebar-search-form{position:relative;display:flex;align-items:center;border:1px solid #ebc8ae;border-radius:10px;background:#fff}.sidebar-search-form i{margin-left:17px;color:var(--color-text-muted);font-size:17px}.sidebar-search-form input{width:100%;height:50px;padding:0 14px;border:0;background:transparent;color:var(--color-text);font:inherit;outline:0}.sidebar-search-form input::placeholder{color:var(--color-text-muted)}.sidebar-category-list{display:grid;gap:14px}.sidebar-category-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-size:14px;text-decoration:none}.sidebar-category-list a:hover{color:var(--color-primary-dark)}.sidebar-category-list span{display:flex;align-items:center;gap:7px}.sidebar-category-list i{color:var(--color-primary);font-size:13px}.sidebar-category-list b{min-width:27px;padding:4px 7px;border-radius:999px;background:#a9541f;color:#fff;font-size:12px;text-align:center}.sidebar-popular-list{display:grid;gap:16px}.sidebar-popular-post{display:grid;grid-template-columns:63px minmax(0,1fr);gap:12px;align-items:center;color:var(--color-text);text-decoration:none}.sidebar-popular-post img,.sidebar-post-placeholder{width:63px;height:49px;border-radius:5px;object-fit:cover}.sidebar-post-placeholder{display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary)}.sidebar-popular-post strong{display:-webkit-box;overflow:hidden;color:var(--color-text);font-size:13px;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sidebar-popular-post small{display:block;margin-top:4px;color:var(--color-primary-dark);font-size:12px}.sidebar-popular-post small i{color:var(--color-primary)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tags a{padding:5px 11px;border:1px solid #ebc8ae;border-radius:999px;background:#fff5ed;color:var(--color-primary-dark);font-size:12px;font-weight:600;text-decoration:none}.sidebar-tags a:hover{background:var(--color-primary);color:#fff}.sidebar-newsletter{padding:28px 29px;border-radius:18px;background:linear-gradient(135deg,#f9e8db,#ecd8c6);color:var(--color-text)}.sidebar-newsletter h2{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sidebar-newsletter h2 i{color:var(--color-primary)}.sidebar-newsletter p{margin:0 0 17px;color:var(--color-text-muted);font-size:14px;line-height:1.55}.sidebar-newsletter-link{display:grid;grid-template-columns:minmax(0,1fr) 47px;align-items:center;overflow:hidden;border:1px solid #ebc8ae;border-radius:9px;background:#fff;color:var(--color-text-muted);text-decoration:none}.sidebar-newsletter-link span{padding:0 13px;font-size:13px}.sidebar-newsletter-link i{display:grid;height:40px;place-items:center;background:var(--color-primary);color:#fff}.sidebar-newsletter-link:hover i{background:var(--color-primary-dark)}
@media(max-width:992px){.blog-archive-layout{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-newsletter{grid-column:span 2}}@media(max-width:640px){.blog-archive-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr;gap:18px}.sidebar-newsletter{grid-column:span 1}.blog-sidebar-card,.sidebar-newsletter{padding:24px}.sidebar-popular-post{grid-template-columns:72px minmax(0,1fr)}.sidebar-popular-post img,.sidebar-post-placeholder{width:72px;height:54px}}

/* Trang chi tiết Blog: nội dung dễ đọc, sidebar dùng đồng bộ với trang danh mục. */
.is-inner-page .blog-detail-section{background:#fdf9f5}.blog-detail-layout{align-items:start}.blog-detail-main{min-width:0}.blog-reading-card{max-width:none;padding:38px 42px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(45,31,17,.05)}.blog-reading-card .detail-hero-image{display:block;width:100%;max-height:520px;margin:0 0 30px;border-radius:12px;object-fit:cover}.blog-reading-content>*:first-child{margin-top:0}.blog-reading-content h2{margin-top:38px}.blog-reading-content h3{margin-top:27px}.is-inner-page .detail-grid>.prose:not(.service-landing-content),.is-inner-page .product-content{padding:10px 28px}.blog-detail-sidebar{position:sticky;top:94px;align-self:start}.related-posts-section .section-heading{margin-bottom:34px}.related-post-grid{gap:28px}.related-post-card .blog-card-img{display:block;height:215px}.related-post-card .blog-card-body{padding:20px 22px}.related-post-card .blog-card-body p{margin-bottom:20px}@media(max-width:992px){.blog-detail-sidebar{position:static}.blog-reading-card{padding:30px 32px}.related-post-grid{gap:24px}}@media(max-width:640px){.blog-reading-card{padding:24px 22px;border-radius:14px}.is-inner-page .detail-grid>.prose:not(.service-landing-content),.is-inner-page .product-content{padding:8px 18px}.blog-reading-card .detail-hero-image{margin-bottom:22px;border-radius:10px}.related-post-grid{grid-template-columns:1fr;gap:18px}.related-post-card .blog-card-img{height:205px}}

/* Thẻ dự án liên quan dùng cùng nhịp điệu với danh sách dự án, tránh tiêu đề dính sát ảnh. */
.related-projects-grid{gap:28px}.related-project-card .blog-card-body{padding:22px}.related-project-card .blog-card-img{display:block}.related-project-card h3 a{text-decoration:none}@media(max-width:640px){.related-projects-grid{gap:18px}}

/* Landing nội dung dịch vụ KPanel: giữ hệ màu và nhịp điệu của trang chủ AED. */
.service-landing-content{max-width:none}.service-landing-content .kpanel-section{margin:0 0 28px;padding:44px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 5px 17px rgba(45,31,17,.05)}.service-landing-content .kpanel-section.kpanel-section-soft{background-color:var(--color-surface-warm);background-image:radial-gradient(var(--color-border) 1.3px,transparent 1.3px);background-size:22px 22px}.service-landing-content .kpanel-section h2{margin:0;color:var(--color-text);font-size:clamp(26px,3vw,35px);line-height:1.2}.service-landing-content .kpanel-section h3{margin:0 0 8px;color:var(--color-text);font-size:18px}.service-landing-content .kpanel-section p{margin:10px 0 0;color:var(--color-text-muted);font-size:15px;line-height:1.75}.kpanel-section-heading{max-width:700px;margin:0 auto 30px;text-align:center}.kpanel-section-heading .eyebrow{display:inline-flex;margin-bottom:12px}.kpanel-section-heading p{margin-right:auto;margin-left:auto}.kpanel-tech-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.kpanel-tech-row span{padding:9px 13px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-primary-dark);font-size:12px;font-weight:800;letter-spacing:.04em}.kpanel-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kpanel-feature{min-height:178px;padding:22px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.kpanel-feature i{display:grid;width:46px;height:46px;place-items:center;margin-bottom:17px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:22px}.kpanel-feature h3{font-size:17px!important}.kpanel-feature p{font-size:14px!important;line-height:1.65!important}.kpanel-platform-grid,.kpanel-architecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kpanel-platform-card,.kpanel-architecture-card{padding:28px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.kpanel-platform-card i,.kpanel-architecture-card i{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:23px}.kpanel-check-list,.kpanel-plan ul{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}.kpanel-check-list li,.kpanel-plan li{position:relative;padding-left:24px;color:var(--color-text-muted);font-size:14px;line-height:1.55}.kpanel-check-list li:before,.kpanel-plan li:before{position:absolute;left:0;color:var(--color-success);content:'✓';font-weight:800}.kpanel-architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpanel-architecture-card{position:relative;text-align:center}.kpanel-architecture-card strong{display:block;color:var(--color-text);font-size:16px}.kpanel-architecture-card small{display:block;margin-top:7px;color:var(--color-text-muted);font-size:13px;line-height:1.5}.kpanel-architecture-card:nth-child(1){grid-column:1/-1;background:linear-gradient(135deg,#fff8ef,#fff)}.kpanel-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kpanel-plan{display:flex;flex-direction:column;padding:28px;border:1px solid var(--color-border);border-radius:14px;background:#fff}.kpanel-plan.kpanel-plan-popular{border:2px solid var(--color-primary);box-shadow:0 12px 30px rgba(184,137,45,.17)}.kpanel-plan .kpanel-plan-label{display:inline-flex;align-self:flex-start;margin-bottom:13px;padding:5px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:800;letter-spacing:.05em}.kpanel-plan h3{font-size:22px!important}.kpanel-plan .kpanel-price{margin:9px 0 0;color:var(--color-primary-dark);font-size:26px;font-weight:800}.kpanel-plan .kpanel-price small{font-size:13px;font-weight:600}.kpanel-plan ul{margin-bottom:0}.kpanel-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:#fff}.kpanel-comparison{width:100%;min-width:620px;border-collapse:collapse;font-size:14px}.kpanel-comparison th,.kpanel-comparison td{padding:14px 16px;border-bottom:1px solid var(--color-border);text-align:left}.kpanel-comparison th{background:#fff8ef;color:var(--color-text);font-size:13px}.kpanel-comparison tr:last-child td{border-bottom:0}.kpanel-comparison .kpanel-highlight{color:var(--color-primary-dark);font-weight:800}.kpanel-faq{display:grid;gap:10px}.kpanel-faq details{padding:0 18px;border:1px solid var(--color-border);border-radius:10px;background:#fff}.kpanel-faq summary{padding:17px 26px 17px 0;color:var(--color-text);font-size:15px;font-weight:800;cursor:pointer}.kpanel-faq summary::marker{color:var(--color-primary)}.kpanel-faq details p{padding:0 0 17px;margin:0;font-size:14px}.kpanel-note{margin:24px 0 0!important;text-align:center;font-size:13px!important;font-style:italic}
@media(max-width:800px){.service-landing-content .kpanel-section{padding:30px 24px}.kpanel-feature-grid,.kpanel-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpanel-architecture-grid{grid-template-columns:1fr}.kpanel-architecture-card:nth-child(1){grid-column:auto}}@media(max-width:560px){.service-landing-content .kpanel-section{padding:27px 19px;border-radius:14px}.kpanel-feature-grid,.kpanel-platform-grid,.kpanel-price-grid{grid-template-columns:1fr}.kpanel-tech-row{justify-content:flex-start}.kpanel-feature{min-height:0}.kpanel-comparison{font-size:13px}.kpanel-comparison th,.kpanel-comparison td{padding:12px}}

/* Landing dịch vụ tăng tốc: cùng hệ thiết kế AED, nội dung tách theo từng phần rõ ràng. */
.service-landing-content .speed-section{margin:0 0 28px;padding:44px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 5px 17px rgba(45,31,17,.05)}.service-landing-content .speed-section.speed-section-soft{background-color:var(--color-surface-warm);background-image:radial-gradient(var(--color-border) 1.3px,transparent 1.3px);background-size:22px 22px}.service-landing-content .speed-section h2{margin:0;color:var(--color-text);font-size:clamp(26px,3vw,35px);line-height:1.2}.service-landing-content .speed-section h3{margin:0 0 8px;color:var(--color-text);font-size:18px}.service-landing-content .speed-section p{margin:10px 0 0;color:var(--color-text-muted);font-size:15px;line-height:1.75}.speed-section-heading{max-width:700px;margin:0 auto 30px;text-align:center}.speed-section-heading .eyebrow{display:inline-flex;margin-bottom:12px}.speed-section-heading p{margin-right:auto;margin-left:auto}.speed-intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:22px;align-items:stretch}.speed-intro-copy{padding:28px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.speed-intro-copy h3{font-size:22px!important}.speed-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.speed-stat{display:flex;flex-direction:column;justify-content:center;min-height:128px;padding:18px;border-radius:12px;background:var(--color-primary-soft)}.speed-stat strong{color:var(--color-primary-dark);font-size:18px}.speed-stat span{margin-top:6px;color:var(--color-text-muted);font-size:13px;line-height:1.4}.speed-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.speed-step{position:relative;padding:24px 20px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.speed-step b{display:grid;width:32px;height:32px;place-items:center;margin-bottom:16px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:13px}.speed-step p{font-size:14px!important;line-height:1.65!important}.speed-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.speed-benefit{padding:23px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.speed-benefit i{display:grid;width:46px;height:46px;place-items:center;margin-bottom:16px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:22px}.speed-benefit p{font-size:14px!important;line-height:1.65!important}.speed-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.speed-checklist-card{padding:25px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.speed-checklist-card i{margin-right:9px;color:var(--color-primary);font-size:19px}.speed-checklist-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.speed-checklist-card li{position:relative;padding-left:22px;color:var(--color-text-muted);font-size:14px;line-height:1.6}.speed-checklist-card li:before{position:absolute;left:0;color:var(--color-success);content:'✓';font-weight:800}.speed-faq{display:grid;gap:10px}.speed-faq details{padding:0 18px;border:1px solid var(--color-border);border-radius:10px;background:#fff}.speed-faq summary{padding:17px 26px 17px 0;color:var(--color-text);font-size:15px;font-weight:800;cursor:pointer}.speed-faq summary::marker{color:var(--color-primary)}.speed-faq details p{padding:0 0 17px;margin:0;font-size:14px}.speed-note{margin:22px 0 0!important;text-align:center;font-size:13px!important;font-style:italic}
.service-landing-content .service-visual-hero{margin:0 0 28px;overflow:hidden;border:1px solid var(--color-border);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(45,31,17,.07)}.service-landing-content .service-visual-hero img{display:block;width:100%;margin:0;aspect-ratio:16/9;object-fit:cover}.service-landing-content .service-visual-hero figcaption{padding:13px 18px;color:var(--color-text-muted);font-size:13px;font-style:italic;text-align:center}
.service-landing-content .service-local-note{display:flex;align-items:flex-start;gap:9px;margin:-8px 0 28px;padding:13px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:14px!important;font-weight:650;line-height:1.55}.service-landing-content .service-local-note i{margin-top:3px;color:var(--color-primary);font-size:16px}
.service-card-grid{gap:28px}.is-inner-page .service-card{min-width:0;padding:0!important;overflow:hidden}.service-card-image{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-surface-warm)}.service-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-card:hover .service-card-image img{transform:scale(1.035)}.service-card-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#fff,var(--color-primary-soft));color:var(--color-primary);font-size:42px}.service-card-content{display:flex;min-height:258px;padding:19px 22px 22px;flex-direction:column}.service-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.is-inner-page .service-card .icon-box{width:42px;height:42px;margin:0;border-radius:11px;font-size:20px}.service-card .badge{margin:0;padding:6px 11px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:800;letter-spacing:.03em}.service-card h2{margin:0 0 9px;font-size:19px!important;line-height:1.32}.service-card h2 a{color:var(--color-text);text-decoration:none}.service-card h2 a:hover{color:var(--color-primary-dark)}.service-card p{line-height:1.65}.service-card .price-line{margin:10px 0 0;padding:0;color:var(--color-primary-dark)!important;font-size:14px;font-weight:800}.service-card .card-link{margin-top:auto;padding-top:17px;color:var(--color-primary-dark)}
@media(max-width:640px){.service-card-grid{gap:20px}.service-card-content{min-height:0;padding:18px}.service-card h2{font-size:18px!important}}
@media(max-width:800px){.service-landing-content .speed-section{padding:30px 24px}.speed-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speed-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.service-landing-content .speed-section{padding:27px 19px;border-radius:14px}.speed-intro-grid,.speed-checklist-grid,.speed-process-grid,.speed-benefit-grid{grid-template-columns:1fr}.speed-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speed-step{padding:21px 18px}}

/* Bốn mức giá, vẫn co giãn theo lưới trang chủ. */
.service-price-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1050px){.service-price-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.service-price-grid-four{grid-template-columns:1fr}}

/* Nội dung mặc định không có padding riêng; từng khung đọc tự kiểm soát khoảng cách của mình. */
.is-inner-page .prose{padding:0}.is-inner-page .blog-reading-card{padding:38px 42px}.is-inner-page .detail-grid>.prose:not(.service-landing-content),.is-inner-page .product-content{padding:10px 28px}@media(max-width:992px){.is-inner-page .blog-reading-card{padding:30px 32px}}@media(max-width:640px){.is-inner-page .blog-reading-card{padding:24px 22px}.is-inner-page .detail-grid>.prose:not(.service-landing-content),.is-inner-page .product-content{padding:8px 18px}}

/* Ảnh đầu bài chạm khung, chỉ phần chữ mới chừa lề để dễ đọc. */
.blog-reading-card .detail-hero-image{width:calc(100% + 84px);max-width:none;margin:-38px -42px 32px;border-radius:17px 17px 0 0}@media(max-width:992px){.blog-reading-card .detail-hero-image{width:calc(100% + 64px);margin:-30px -32px 30px}}@media(max-width:640px){.blog-reading-card .detail-hero-image{width:calc(100% + 44px);margin:-24px -22px 24px;border-radius:13px 13px 0 0}}

/* Tiêu đề bài viết hiển thị gọn theo nhịp H2, vẫn giữ H1 cho cấu trúc SEO. */
.is-inner-page .page-hero h1.blog-detail-title{max-width:760px;font-size:clamp(28px,2.7vw,36px);line-height:1.23;letter-spacing:-.028em}@media(max-width:640px){.is-inner-page .page-hero h1.blog-detail-title{font-size:28px;line-height:1.25}}

/* Bài viết: mục lục tự sinh từ H2/H3 */
.article-toc{margin:0 0 28px;padding:17px 22px;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:12px;background:var(--color-surface-warm)}.article-toc strong{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:16px}.article-toc strong i{color:var(--color-primary);font-size:18px}.article-toc ol{display:grid;gap:5px;margin:10px 0 0;padding-left:20px}.prose .article-toc li{margin-bottom:0;padding-left:2px;color:var(--color-primary);line-height:1.5}.article-toc .toc-level-3{margin-left:12px;font-size:14px}.article-toc a{color:var(--color-text-muted);text-decoration:none}.article-toc a:hover{color:var(--color-primary-dark);text-decoration:underline}.blog-reading-content h2,.blog-reading-content h3{scroll-margin-top:108px}@media(max-width:640px){.article-toc{margin-bottom:24px;padding:16px}.article-toc .toc-level-3{margin-left:8px}}
.blog-reading-content .faq-inline{display:grid;gap:10px;margin:0 0 30px}.blog-reading-content .faq-inline details{border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-warm);padding:0 18px}.blog-reading-content .faq-inline summary{padding:16px 28px 16px 0;color:var(--color-text);font-weight:750;cursor:pointer}.blog-reading-content .faq-inline summary::marker{color:var(--color-primary)}.blog-reading-content .faq-inline details p{margin:0 0 16px;color:var(--color-text-muted)}
.contact-page-section{padding:74px 0 58px;background:var(--color-surface-warm)}.contact-page-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:34px;align-items:start;max-width:1000px}.contact-info-panel{padding:2px 0}.contact-info-panel .eyebrow{margin:0 0 12px}.contact-info-panel h2{margin:0;color:var(--color-text);font-size:31px;line-height:1.2;letter-spacing:-.03em}.contact-intro{max-width:350px;margin:13px 0 24px;color:var(--color-text-muted);font-size:15px;line-height:1.7}.contact-info-cards{display:grid;gap:14px}.contact-info-card{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px 17px;border:1px solid var(--color-border);border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(45,31,17,.045);transition:transform .2s ease,box-shadow .2s ease}.contact-info-card:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(45,31,17,.09)}.contact-info-card>span:last-child{display:grid;gap:3px;min-width:0}.contact-info-card b{color:var(--color-text);font-size:14px}.contact-info-card small{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:12px;line-height:1.45}.contact-info-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;font-size:17px}.contact-info-icon.address{color:#c8752d;background:#fff0e4}.contact-info-icon.phone{color:#2aa85a;background:#e8f8ed}.contact-info-icon.email{color:#2079dc;background:#e9f3ff}.contact-socials{display:grid;gap:11px;margin-top:29px}.contact-socials>b{font-size:14px;color:var(--color-text)}.contact-socials>div{display:flex;gap:9px}.contact-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-primary-dark);font-size:15px;transition:background .2s ease,color .2s ease,transform .2s ease}.contact-socials a:hover{transform:translateY(-2px);background:var(--color-primary);color:#fff}.contact-visual-form{padding:31px 34px 32px;border-radius:15px;background:#fff;box-shadow:0 16px 35px rgba(45,31,17,.12)}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.contact-field{min-width:0}.contact-field-full{grid-column:1/-1}.contact-field label{display:block;margin:0 0 8px;color:#6e6a66;font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}.contact-field label b{color:var(--color-primary)}.field-control{position:relative;display:block}.field-control>i{position:absolute;z-index:1;top:50%;left:13px;transform:translateY(-50%);color:#a4a3a1;font-size:15px;pointer-events:none}.field-control .form-control{min-height:45px;padding-left:37px;border-radius:9px;border-color:#e9e5e0;background:#fff;box-shadow:inset 0 1px 2px rgba(45,31,17,.02);font-size:13px}.field-control .form-control::placeholder{color:#aaa8a6}.select-control:after{content:'⌄';position:absolute;top:50%;right:13px;transform:translateY(-55%);color:#7e7a76;font-size:18px;line-height:1;pointer-events:none}.select-control select{appearance:none;padding-right:35px}.textarea-control>i{top:17px;transform:none}.textarea-control textarea.form-control{min-height:104px;padding-top:13px;resize:vertical}.contact-consent{display:flex;align-items:flex-start;gap:8px;margin:18px 0 12px;color:var(--color-text-muted);font-size:12px;line-height:1.5;cursor:pointer}.contact-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--color-primary)}.contact-form-action{display:flex;justify-content:flex-end}.contact-form-action .btn{min-width:205px;padding:12px 17px;border-radius:9px;font-size:14px}.contact-map-section{height:360px;border-top:1px solid var(--color-border);background:#e8e3dc}.contact-map-section iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.85) contrast(.97)}@media(max-width:992px){.contact-page-grid{grid-template-columns:1fr;max-width:720px}.contact-info-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:24px}.contact-info-panel .eyebrow,.contact-info-panel h2,.contact-info-panel .contact-intro{grid-column:1/-1}.contact-info-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1}.contact-info-card{align-items:flex-start;min-height:104px;padding:14px 12px;gap:10px}.contact-info-icon{flex-basis:34px;width:34px;height:34px}.contact-socials{grid-column:1/-1}.contact-map-section{height:320px}}@media(max-width:640px){.contact-page-section{padding:45px 0 40px}.contact-page-grid{gap:28px}.contact-info-panel{display:block}.contact-info-panel h2{font-size:28px}.contact-info-cards{grid-template-columns:1fr}.contact-info-card{min-height:76px;align-items:center;padding:13px 15px}.contact-visual-form{padding:24px 18px;border-radius:13px}.contact-form-grid{grid-template-columns:1fr;gap:17px}.contact-field-full{grid-column:auto}.contact-form-action .btn{width:100%;justify-content:center}.contact-map-section{height:270px}}

/* Trang chủ: thẻ dịch vụ là liên kết nội bộ rõ ràng, bấm toàn bộ khung */
.home-service-card{color:var(--color-text);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.home-service-card:hover{color:var(--color-text);transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.home-service-card:focus-visible{outline:3px solid rgba(184,137,45,.3);outline-offset:3px}.home-service-card h3{color:var(--color-text)}

/* Header: menu gọn, có trạng thái trang đang xem và nút hành động riêng */
.header{background:rgba(255,253,249,.97);border-top:3px solid #c5dfc3;border-bottom:1px solid #eee1d4;box-shadow:0 4px 18px rgba(58,39,18,.045)}.header-inner{height:72px}.logo,.mobile-brand{display:inline-flex;align-items:center;gap:9px;color:var(--color-text);text-decoration:none}.logo-symbol{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ead3bd;border-radius:10px;background:#fff7ee;color:var(--color-primary);font-size:17px}.logo-copy{display:grid;gap:2px}.brand-wordmark-image{display:block;width:94px;height:30px;object-fit:cover;object-position:center 56%;border-radius:3px}.logo small{color:var(--color-text-muted);font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.footer-logo{display:inline-flex;align-items:center;margin-bottom:18px}.footer-logo-image{display:block;width:116px;height:37px;object-fit:cover;object-position:center 56%;border-radius:4px}.nav-desktop{gap:3px;margin-left:auto;margin-right:16px}.nav-desktop a{gap:6px;padding:9px 10px;border-radius:9px;color:#3c3024;font-size:13px;font-weight:700;line-height:1;text-decoration:none}.nav-desktop a i{color:var(--color-primary-dark);font-size:14px}.nav-desktop a:hover{background:#fff3e8;color:var(--color-primary-dark)}.nav-desktop a.active{background:#f7e9dc;color:var(--color-primary-dark)}.header-actions{gap:10px}.cart-link{display:grid;width:38px;height:38px;place-items:center;border:1px solid #ead8c7;border-radius:10px;background:#fff;color:var(--color-text)}.cart-link:hover{background:#fff3e8;color:var(--color-primary-dark)}.header-cta{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid var(--color-primary);border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:13px;font-weight:800;text-decoration:none}.header-cta:hover{background:var(--color-primary);color:#fff}@media(max-width:1100px){.nav-desktop a{padding:8px 7px;font-size:12px}.nav-desktop a i{display:none}}@media(max-width:992px){.header-inner{height:64px}.header-cta{display:none}.brand-wordmark-image{width:84px;height:27px}.footer-logo-image{width:108px;height:34px}.logo small{display:none}}

/* Menu điện thoại đồng bộ với header mới */
@media(max-width:992px){.btn-menu-mobile{display:grid;width:40px;height:40px;place-items:center;border:1px solid #ead8c7;border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:23px}.mobile-menu{right:-380px;width:min(88vw,355px);background:#fffdf9;box-shadow:-14px 0 38px rgba(48,31,13,.17)}.mobile-menu-header{padding:19px 18px;border-bottom:1px solid #eee1d4}.mobile-brand{display:inline-flex;align-items:center;gap:9px;color:var(--color-text);text-decoration:none}.mobile-brand .logo-symbol{width:34px;height:34px}.mobile-brand .logo-copy strong{font-size:18px}.mobile-brand .logo-copy small{display:block}.btn-close-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid #ead8c7;border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:18px}.nav-mobile{gap:8px;padding:18px;overflow-y:auto}.nav-mobile a{min-height:48px;gap:11px;padding:12px 13px;border:1px solid #eee1d4;border-radius:11px;background:#fff;color:var(--color-text);font-size:14px;font-weight:750;box-shadow:0 2px 7px rgba(58,39,18,.025)}.nav-mobile a>i:first-child{width:22px;color:var(--color-primary-dark);font-size:16px;text-align:center}.nav-mobile a .mobile-nav-arrow{margin-left:auto;color:#bca28a;font-size:12px}.nav-mobile a.active{border-color:#ead3bd;background:#fff1e4;color:var(--color-primary-dark)}.nav-mobile a.active>i:first-child{color:var(--color-primary)}.mobile-cart-link{position:relative}.mobile-cart-link b{display:grid;width:19px;height:19px;place-items:center;margin-left:auto;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px}.mobile-quote-link{justify-content:center;margin-top:7px!important;border-color:var(--color-primary)!important;background:var(--color-primary)!important;color:#fff!important}.mobile-quote-link i{color:#fff!important}}

/* Tablet ngang: dùng cùng menu gọn để không bị chen các mục điều hướng */
@media(min-width:993px) and (max-width:1180px){.nav-desktop,.header-cta{display:none}.header-inner{height:66px}.logo small{display:none}.btn-menu-mobile{display:grid;width:40px;height:40px;place-items:center;border:1px solid #ead8c7;border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:23px}.mobile-menu{right:-380px;width:355px;background:#fffdf9;box-shadow:-14px 0 38px rgba(48,31,13,.17)}.mobile-menu-header{padding:19px 18px;border-bottom:1px solid #eee1d4}.mobile-brand{display:inline-flex;align-items:center;gap:9px;color:var(--color-text);text-decoration:none}.mobile-brand .logo-symbol{width:34px;height:34px}.mobile-brand .logo-copy strong{font-size:18px}.mobile-brand .logo-copy small{display:block}.btn-close-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid #ead8c7;border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:18px}.nav-mobile{gap:8px;padding:18px;overflow-y:auto}.nav-mobile a{min-height:48px;gap:11px;padding:12px 13px;border:1px solid #eee1d4;border-radius:11px;background:#fff;color:var(--color-text);font-size:14px;font-weight:750;box-shadow:0 2px 7px rgba(58,39,18,.025)}.nav-mobile a>i:first-child{width:22px;color:var(--color-primary-dark);font-size:16px;text-align:center}.nav-mobile a .mobile-nav-arrow{margin-left:auto;color:#bca28a;font-size:12px}.nav-mobile a.active{border-color:#ead3bd;background:#fff1e4;color:var(--color-primary-dark)}.nav-mobile a.active>i:first-child{color:var(--color-primary)}.mobile-cart-link{position:relative}.mobile-cart-link b{display:grid;width:19px;height:19px;place-items:center;margin-left:auto;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px}.mobile-quote-link{justify-content:center;margin-top:7px!important;border-color:var(--color-primary)!important;background:var(--color-primary)!important;color:#fff!important}.mobile-quote-link i{color:#fff!important}}

.admin-bulk-price{margin:0 0 22px;padding:20px 22px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.admin-bulk-price__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.admin-bulk-price__header strong{display:block;color:var(--color-text);font-size:16px}.admin-bulk-price__header strong i{margin-right:7px;color:var(--color-primary)}.admin-bulk-price__header span{display:block;margin-top:5px;color:var(--color-text-muted);font-size:13px;line-height:1.5}.admin-bulk-price__header b{padding:7px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:12px;white-space:nowrap}.admin-bulk-price__controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.admin-bulk-price__controls label{display:grid;min-width:170px;gap:6px;color:var(--color-text-muted);font-size:12px;font-weight:750}.admin-bulk-price__controls label:nth-child(3){min-width:235px}.admin-bulk-price__controls .form-control{min-height:42px}.admin-bulk-price__controls .btn{min-height:42px;margin-left:auto}.admin-bulk-price .form-help{margin:13px 0 0;font-size:12px}.admin-priority-toggle{margin:0}.admin-priority-toggle label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--color-text-muted);font-size:12px;font-weight:700;white-space:nowrap}.admin-priority-toggle input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.admin-priority-toggle input:checked+span{color:var(--color-primary-dark)}@media(max-width:640px){.admin-bulk-price{padding:18px}.admin-bulk-price__header{align-items:flex-start;flex-direction:column}.admin-bulk-price__controls{display:grid;grid-template-columns:1fr}.admin-bulk-price__controls label,.admin-bulk-price__controls label:nth-child(3){min-width:0}.admin-bulk-price__controls .btn{margin-left:0}}

/* Bảng giá dịch vụ */
.pricing-section-heading{max-width:720px;margin:0 auto 34px;text-align:center}.pricing-section-heading .eyebrow{margin-bottom:12px}.pricing-section-heading h2{margin:0;font-size:clamp(27px,3vw,37px)}.pricing-section-heading p{margin:12px 0 0;color:var(--color-text-muted);line-height:1.7}.pricing-plan-grid{align-items:stretch;gap:20px}.pricing-plan-grid .pricing-card{min-width:0;padding:25px 22px}.pricing-plan-grid .pricing-card .badge{align-self:flex-start;margin-bottom:15px}.pricing-plan-grid .pricing-card h2{font-size:21px}.pricing-plan-grid .pricing-card>p{min-height:48px;font-size:14px;line-height:1.6}.pricing-plan-grid .pricing-card .price{margin:19px 0}.pricing-plan-grid .pricing-card .price b{font-size:23px}.pricing-plan-grid .pricing-card ul{margin-bottom:22px}.pricing-plan-grid .pricing-card li{margin:8px 0;line-height:1.45}.pricing-plan-grid .pricing-card .btn{width:100%;justify-content:center}.pricing-service-grid{gap:24px}.pricing-service-card{min-height:278px;padding:23px!important}.pricing-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pricing-service-top .icon-box{margin:0!important}.pricing-service-top span{padding:6px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pricing-service-card h2{margin:0 0 9px;font-size:20px!important}.pricing-service-card p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.65}.pricing-service-price{display:block;margin-top:15px;color:var(--color-primary-dark);font-size:14px;line-height:1.45}.pricing-service-card .card-link{padding-top:15px}@media(max-width:1100px){.pricing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pricing-plan-grid{grid-template-columns:1fr}.pricing-plan-grid .pricing-card{padding:24px 20px}.pricing-section-heading{margin-bottom:26px}.pricing-service-grid{grid-template-columns:1fr}}

/* Nội dung có hình minh họa của dịch vụ ngoài landing page chuyên biệt */
.prose .service-visual-hero{margin:0 0 28px;overflow:hidden;border:1px solid var(--color-border);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(45,31,17,.07)}.prose .service-visual-hero img{display:block;width:100%;margin:0;aspect-ratio:16/9;object-fit:cover}.prose .service-visual-hero figcaption{padding:13px 18px;color:var(--color-text-muted);font-size:13px;font-style:italic;text-align:center}.prose .service-local-note{display:flex;align-items:flex-start;gap:9px;margin:-8px 0 28px;padding:13px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:14px!important;font-weight:650;line-height:1.55}.prose .service-local-note i{margin-top:3px;color:var(--color-primary);font-size:16px}

/* Landing Automation */
.automation-flow-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.automation-flow-node{position:relative;min-height:172px;padding:22px 18px;border:1px solid var(--color-border);border-radius:13px;background:#fff}.automation-flow-node:not(:last-child):after{position:absolute;top:50%;right:-18px;z-index:1;width:21px;height:2px;background:var(--color-primary);content:""}.automation-flow-node i{display:grid;width:43px;height:43px;place-items:center;margin-bottom:15px;border-radius:11px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:20px}.automation-flow-node strong{display:block;color:var(--color-text);font-size:17px}.automation-flow-node span{display:block;margin-top:7px;color:var(--color-text-muted);font-size:13px;line-height:1.55}.automation-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.automation-price-card{padding:29px;border:1px solid var(--color-border);border-radius:14px;background:#fff}.automation-price-card>i{display:grid;width:46px;height:46px;place-items:center;margin-bottom:15px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:22px}.automation-price-card h3{font-size:20px!important}.automation-price-card p{font-size:14px!important}.automation-price-card .btn{margin-top:18px}.automation-price-highlight{border:2px solid var(--color-primary);box-shadow:0 12px 28px rgba(184,137,45,.14)}@media(max-width:900px){.automation-flow-map{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-flow-node:nth-child(2):after{display:none}}@media(max-width:560px){.automation-flow-map,.automation-price-grid{grid-template-columns:1fr}.automation-flow-node:not(:last-child):after{display:none}}

.source-catalog-load-more{display:grid;min-height:74px;place-items:center;margin-top:28px;color:var(--color-text-muted);font-size:14px;font-weight:600;text-align:center}.source-catalog-load-more .source-catalog-load-spinner{display:none;margin-top:7px;color:var(--color-primary);font-size:20px}.source-catalog-load-more.is-loading .source-catalog-load-spinner{display:block;animation:source-catalog-spin .85s linear infinite}.source-catalog-load-more[data-has-more="false"]{color:var(--color-text-muted);font-weight:500}@keyframes source-catalog-spin{to{transform:rotate(360deg)}}

/* Preview mẫu web: mô phỏng kích thước thiết bị trong một khung riêng */
.preview-page{min-height:calc(100vh - 75px);padding:32px 0 56px;background-color:#fdf9f5;background-image:radial-gradient(var(--color-border) 1.3px,transparent 1.3px);background-size:24px 24px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.preview-title{display:flex;align-items:center;gap:16px}.preview-title h1{margin:5px 0 0;font-size:clamp(23px,2.6vw,32px);line-height:1.2}.preview-title .eyebrow{margin:0}.preview-back{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--color-border);border-radius:9px;background:#fff;color:var(--color-text-muted);font-size:13px;font-weight:700;text-decoration:none}.preview-back:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.preview-actions{display:flex;align-items:center;gap:10px}.preview-device-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:11px;background:#fff}.preview-device-switch button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:13px;font-weight:750;cursor:pointer}.preview-device-switch button:hover{color:var(--color-primary-dark);background:#fff5ed}.preview-device-switch button.active{background:#f5e5d6;color:var(--color-primary-dark)}.preview-open-live{display:inline-flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid var(--color-primary);border-radius:10px;background:#fff;color:var(--color-primary-dark);font-size:13px;font-weight:800;text-decoration:none}.preview-open-live:hover{background:var(--color-primary);color:#fff}.preview-help{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--color-text-muted);font-size:13px}.preview-help i{color:var(--color-primary)}.preview-stage{display:grid;min-height:760px;place-items:start center;padding:24px;border:1px solid var(--color-border);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(45,31,17,.07);overflow:auto}.preview-browser{width:min(100%,1360px);height:calc(100vh - 220px);min-height:680px;overflow:hidden;border:1px solid #d9c7b6;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(44,30,14,.15);transition:width .3s ease,height .3s ease,border-radius .3s ease}.preview-browser.is-tablet{width:820px;height:900px;border-radius:18px}.preview-browser.is-mobile{width:390px;height:780px;border-radius:29px;border-width:8px;border-color:#342a22}.preview-browser-top{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-bottom:1px solid #e9ded3;background:#fffaf6}.preview-browser-top>span{width:9px;height:9px;border-radius:50%;background:#eab091}.preview-browser-top>span:nth-child(2){background:#edd280}.preview-browser-top>span:nth-child(3){background:#b8d3af}.preview-browser-top div{max-width:65%;margin-left:8px;padding:5px 10px;overflow:hidden;border:1px solid #eee1d4;border-radius:6px;background:#fff;white-space:nowrap;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis}.preview-browser-top div i{color:var(--color-success)}.preview-browser iframe{display:block;width:100%;height:calc(100% - 38px);border:0;background:#fff}@media(max-width:900px){.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-actions{width:100%;justify-content:space-between}.preview-stage{min-height:680px;padding:16px}.preview-browser{height:720px;min-height:0}.preview-browser.is-tablet{width:760px;height:820px}}@media(max-width:640px){.preview-page{padding:20px 0 36px}.preview-title{align-items:flex-start;flex-direction:column;gap:10px}.preview-title h1{font-size:24px}.preview-back{padding:8px 10px}.preview-actions{align-items:stretch;flex-direction:column}.preview-device-switch{width:100%;justify-content:space-between}.preview-device-switch button{padding:9px 8px;font-size:12px}.preview-open-live{justify-content:center}.preview-help{align-items:flex-start;line-height:1.5}.preview-stage{min-height:580px;padding:10px}.preview-browser{height:620px}.preview-browser.is-tablet{width:620px;height:720px}.preview-browser.is-mobile{width:300px;height:650px;border-width:6px;border-radius:24px}.preview-browser-top{height:31px;padding:0 9px}.preview-browser-top>span{width:7px;height:7px}.preview-browser-top div{font-size:8px}.preview-browser iframe{height:calc(100% - 31px)}}
.prose .payment-bank-card{margin:30px 0;padding:28px;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fffaf2 100%);box-shadow:0 10px 24px rgba(86,57,19,.07)}.prose .payment-bank-card__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--color-primary-dark);font-size:14px;font-weight:800}.prose .payment-bank-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.prose .payment-bank-card dl div{padding:14px 16px;border:1px solid #f0dfc8;border-radius:11px;background:#fff}.prose .payment-bank-card dl .payment-bank-card__full{grid-column:1/-1}.prose .payment-bank-card dt{margin:0;color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.prose .payment-bank-card dd{margin:5px 0 0;color:var(--color-text);font-weight:800;line-height:1.45}.prose .payment-bank-card .bank-account-number{color:var(--color-primary-dark);font-size:21px;letter-spacing:.08em}.prose .payment-bank-card .payment-note{display:flex;gap:9px;margin:18px 0 0;padding:12px 14px;border-radius:9px;background:#f8ead6;color:#6f4a1d;font-size:14px;line-height:1.6}.prose .payment-bank-card .payment-note i{margin-top:3px;color:var(--color-primary)}@media(max-width:640px){.prose .payment-bank-card{padding:22px 18px}.prose .payment-bank-card dl{grid-template-columns:1fr}.prose .payment-bank-card dl .payment-bank-card__full{grid-column:auto}.prose .payment-bank-card .bank-account-number{font-size:18px}}
.prose .about-intro-card{margin:30px 0;padding:28px;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fdf7ef 100%);box-shadow:0 10px 24px rgba(86,57,19,.07)}.prose .about-intro-card p{margin:0;color:var(--color-text);font-size:18px;line-height:1.75}.prose .about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 32px}.prose .about-principle{padding:20px;border:1px solid var(--color-border);border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(45,31,17,.04)}.prose .about-principle i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:11px;background:#f4e5d8;color:var(--color-primary);font-size:20px}.prose .about-principle h3{margin:0 0 8px;color:var(--color-text);font-size:17px}.prose .about-principle p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.65}.prose .about-cta{margin:32px 0 0;padding:25px 28px;border-radius:14px;background:var(--color-text);color:#fff}.prose .about-cta h2{margin-top:0;color:#fff}.prose .about-cta p{margin-bottom:0;color:#f5e9dc}.prose .about-cta a{color:#f4c766;font-weight:800}@media(max-width:640px){.prose .about-intro-card{padding:22px 18px}.prose .about-intro-card p{font-size:16px}.prose .about-principles{grid-template-columns:1fr}.prose .about-cta{padding:22px 20px}}
.static-page-sidebar{position:sticky;top:94px;display:grid;gap:22px;align-self:start}.static-page-nav-card{padding:28px 29px}.static-page-nav{display:grid;gap:7px}.static-page-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 10px;border-radius:9px;color:var(--color-text-muted);font-size:14px;font-weight:650;line-height:1.35;text-decoration:none;transition:background .2s ease,color .2s ease}.static-page-nav a span{display:flex;align-items:center;gap:9px}.static-page-nav a span i{color:var(--color-primary);font-size:15px}.static-page-nav a>.bi-arrow-right{font-size:13px;opacity:.55}.static-page-nav a:hover{background:#fff5ed;color:var(--color-primary-dark)}.static-page-nav a.is-active{background:#f5e5d6;color:var(--color-primary-dark);font-weight:800}.static-page-nav a.is-active>.bi-arrow-right{opacity:1}.static-page-contact{margin:0}.static-page-contact h2{font-size:17px}@media(max-width:992px){.static-page-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.static-page-contact{height:100%}}@media(max-width:640px){.static-page-sidebar{grid-template-columns:1fr;gap:18px}.static-page-nav-card,.static-page-contact{padding:24px}.static-page-nav a{padding:11px 8px}}
.home-cta-section{padding:50px 0}.home-cta-card{width:100%;padding:34px 40px;border:1px solid var(--color-border);border-top:3px solid rgba(184,137,45,.72);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fffdf9 100%);box-shadow:0 10px 28px rgba(58,39,18,.07);text-align:center}.home-cta-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;padding:4px 14px;border:1px solid var(--color-primary);border-radius:999px;background:rgba(184,137,45,.05);color:var(--color-primary);font-size:12px;font-weight:800}.home-cta-title{margin:0 0 9px;color:var(--color-text);font-size:clamp(28px,3vw,35px);font-weight:800;line-height:1.25;letter-spacing:-.03em}.home-cta-description{max-width:680px;margin:0 auto 20px;color:var(--color-text-muted);font-size:15px;line-height:1.6}.home-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.home-cta-primary,.home-cta-secondary{min-height:44px;padding:0 25px}.home-cta-primary{border:0!important;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;color:#fff!important;box-shadow:0 7px 18px rgba(184,137,45,.2)}.home-cta-primary i{color:#fff!important}.home-cta-secondary{border:1px solid var(--color-primary)!important;background:transparent;color:var(--color-primary)!important}.home-cta-secondary:hover{background:rgba(184,137,45,.06)!important;color:var(--color-primary-dark)!important}@media(max-width:640px){.home-cta-section{padding:42px 0}.home-cta-card{padding:30px 20px;border-radius:16px}.home-cta-title{font-size:27px}.home-cta-description{margin-bottom:19px;font-size:14px}.home-cta-actions{display:grid;grid-template-columns:1fr}.home-cta-primary,.home-cta-secondary{justify-content:center;width:100%;padding:0 16px}}

/* Chân trang AED.VN: nền công nghệ đen - vàng, hiệu ứng thuần CSS */
.footer-tech-footer{position:relative;isolation:isolate;overflow:hidden;padding:78px 0 25px;background:radial-gradient(ellipse 48% 68% at 8% 90%,rgba(195,133,20,.24),transparent 64%),radial-gradient(ellipse 42% 60% at 92% 52%,rgba(174,110,14,.2),transparent 70%),radial-gradient(ellipse 38% 40% at 50% -8%,rgba(136,86,18,.17),transparent 75%),linear-gradient(132deg,#080603 0%,#171005 45%,#070503 100%);color:rgba(255,247,233,.77);border-top:1px solid rgba(226,171,66,.42)}.footer-tech-footer::before,.footer-tech-footer::after{position:absolute;z-index:-1;inset:0;pointer-events:none;content:""}.footer-tech-footer::before{opacity:.62;background-image:linear-gradient(115deg,transparent 0 36%,rgba(217,154,35,.22) 36.05%,transparent 36.25% 100%),linear-gradient(24deg,transparent 0 64%,rgba(255,203,78,.16) 64.05%,transparent 64.2% 100%),radial-gradient(circle at 14% 72%,rgba(255,218,116,.95) 0 2px,transparent 3px),radial-gradient(circle at 78% 24%,rgba(255,218,116,.78) 0 1.5px,transparent 2.5px),radial-gradient(circle at 87% 70%,rgba(255,218,116,.75) 0 2px,transparent 3px);background-size:100% 100%,100% 100%,150px 130px,210px 180px,170px 155px;animation:footer-light-shift 16s ease-in-out infinite alternate}.footer-tech-footer::after{opacity:.25;background-image:radial-gradient(rgba(241,182,68,.6) 1px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);animation:footer-dot-drift 24s linear infinite}.footer-tech-footer .footer-content{position:relative;z-index:1}.footer-tech{position:absolute;z-index:-1;pointer-events:none;opacity:.76;filter:drop-shadow(0 0 14px rgba(238,177,47,.32));animation:footer-tech-float 13s ease-in-out infinite alternate}.footer-tech-left{bottom:-96px;left:-58px;width:min(39vw,620px);height:530px;background:repeating-linear-gradient(90deg,rgba(230,171,53,.42) 0 1px,transparent 1px 31px),repeating-linear-gradient(0deg,rgba(230,171,53,.22) 0 1px,transparent 1px 31px),radial-gradient(circle at 25% 60%,rgba(255,219,114,.95) 0 3px,transparent 4px),radial-gradient(circle at 48% 41%,rgba(255,214,91,.7) 0 2px,transparent 3px),linear-gradient(135deg,transparent 0 48%,rgba(203,139,25,.2) 48.2% 48.8%,transparent 49%);clip-path:polygon(0 7%,70% 0,100% 30%,62% 62%,45% 100%,0 94%)}.footer-tech-right{top:-130px;right:-60px;width:min(43vw,690px);height:600px;background:radial-gradient(circle at 63% 52%,transparent 0 29%,rgba(220,159,35,.22) 29.3% 29.55%,transparent 29.8% 39%,rgba(220,159,35,.19) 39.3% 39.5%,transparent 39.8%),repeating-radial-gradient(ellipse at 70% 55%,rgba(238,178,55,.52) 0 1px,transparent 1.5px 12px),linear-gradient(155deg,transparent 0 42%,rgba(227,168,44,.23) 42.15% 42.4%,transparent 42.65%);clip-path:polygon(34% 0,100% 7%,100% 100%,0 86%,21% 59%,0 36%)}.footer-tech-footer .footer-grid{grid-template-columns:minmax(0,1.42fr) minmax(150px,.88fr) minmax(175px,1fr) minmax(210px,1.23fr);gap:0;margin:0 0 52px}.footer-tech-footer .footer-col{min-width:0}.footer-tech-footer .footer-links-col{padding:3px 28px 0;border-left:1px solid rgba(223,174,72,.26)}.footer-tech-footer .footer-logo{margin:0 0 23px;text-decoration:none}.footer-brand{display:inline-flex;gap:10px;align-items:center}.footer-brand-mark{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(245,191,81,.68);border-radius:12px;background:linear-gradient(135deg,rgba(255,214,119,.22),rgba(102,56,5,.12));color:#f3c155;font-size:20px;box-shadow:inset 0 0 18px rgba(255,211,104,.09),0 0 22px rgba(220,156,35,.14)}.footer-brand-wordmark{padding:7px 13px 8px;border:1px solid rgba(245,191,81,.58);border-radius:5px;background:linear-gradient(110deg,rgba(255,213,113,.1),rgba(101,58,5,.12));color:#ffd36b;font-size:clamp(25px,2vw,34px);font-weight:850;letter-spacing:.045em;line-height:1;text-shadow:0 0 18px rgba(255,194,61,.2)}.footer-tech-footer .footer-description{max-width:335px;margin:0 0 22px;color:rgba(255,247,233,.76);font-size:14px;line-height:1.75}.footer-contact-list,.footer-link-list{padding:0;margin:0;list-style:none}.footer-tech-footer .footer-contact-list{display:grid;gap:13px}.footer-tech-footer .footer-contact-list li{display:flex;gap:12px;align-items:flex-start;margin:0;color:rgba(255,248,237,.78);font-size:14px;line-height:1.55}.footer-tech-footer .footer-contact-list li>i{width:20px;margin-top:2px;color:#eab63e;font-size:19px;text-align:center}.footer-tech-footer .footer-contact-list a{color:inherit;text-decoration:none}.footer-tech-footer .footer-contact-list a:hover{color:#ffd471}.footer-socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.footer-socials a{display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(246,197,91,.35);border-radius:50%;background:rgba(255,225,157,.06);color:#f5c85c;font-size:15px;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.footer-socials a:hover{transform:translateY(-3px);border-color:#f5cc66;background:#e0a530;color:#1c1105}.footer-tech-footer .footer-col h3{position:relative;margin:0 0 25px;padding-bottom:16px;color:#ffd16a;font-size:clamp(18px,1.45vw,22px);font-weight:750;letter-spacing:-.02em;line-height:1.25}.footer-tech-footer .footer-col h3::after{position:absolute;bottom:0;left:0;width:45px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffcf60,#a96f18);content:""}.footer-tech-footer .footer-link-list{display:grid;gap:7px}.footer-tech-footer .footer-link-list li{margin:0}.footer-tech-footer .footer-link-list a{display:flex;gap:9px;align-items:flex-start;padding:5px 0;color:rgba(255,249,239,.79);font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-tech-footer .footer-link-list a i{flex:0 0 auto;margin-top:3px;color:#e5ad36;font-size:13px;transition:transform .2s ease}.footer-tech-footer .footer-link-list a:hover{color:#ffd574;transform:translateX(4px)}.footer-tech-footer .footer-link-list a:hover i{transform:translateX(2px)}.footer-tech-footer .footer-bottom{display:flex;align-items:center;justify-content:center;gap:17px;padding:23px 0 0;border-top:1px solid rgba(235,188,85,.25);color:rgba(255,248,237,.7);text-align:center}.footer-tech-footer .footer-bottom p{margin:0;font-size:13px;line-height:1.55}.footer-tech-footer .footer-bottom a{display:inline-flex;align-items:center;gap:9px;color:#f6c85c;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap;transition:color .2s ease,transform .2s ease}.footer-tech-footer .footer-bottom a:hover{color:#ffe19a;transform:translateX(3px)}.footer-tech-footer .footer-bottom a i{font-size:19px}@keyframes footer-light-shift{0%{transform:translate3d(-1.2%,0,0);opacity:.5}100%{transform:translate3d(1.2%,-.8%,0);opacity:.75}}@keyframes footer-dot-drift{from{background-position:0 0}to{background-position:90px 54px}}@keyframes footer-tech-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(14px,-8px,0) scale(1.025)}}@media(max-width:1100px){.footer-tech-footer{padding-top:66px}.footer-tech-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 0}.footer-tech-footer .footer-links-col{padding-left:28px}.footer-tech-footer .footer-policy-col{border-left:0;padding-left:0}.footer-tech-left{width:54vw}.footer-tech-right{width:54vw}}@media(max-width:640px){.footer-tech-footer{padding:54px 0 100px}.footer-tech-footer .footer-grid{grid-template-columns:1fr;gap:31px;margin-bottom:35px}.footer-tech-footer .footer-links-col,.footer-tech-footer .footer-policy-col{padding:0;border-left:0}.footer-tech-footer .footer-logo{margin-bottom:19px}.footer-brand-mark{width:39px;height:39px;font-size:18px}.footer-brand-wordmark{font-size:27px}.footer-tech-footer .footer-description{max-width:none;margin-bottom:19px}.footer-tech-footer .footer-col h3{margin-bottom:15px;padding-bottom:12px}.footer-tech-footer .footer-link-list{gap:4px}.footer-tech-footer .footer-contact-list{gap:10px}.footer-tech-footer .footer-bottom{align-items:center;flex-direction:column;gap:8px;padding-top:19px}.footer-tech-footer .footer-bottom p{font-size:12px}.footer-tech-left{bottom:-143px;left:-104px;width:100vw;opacity:.56}.footer-tech-right{top:-175px;right:-160px;width:115vw;opacity:.47}}@media(prefers-reduced-motion:reduce){.footer-tech-footer::before,.footer-tech-footer::after,.footer-tech{animation:none}.footer-tech-footer .footer-link-list a,.footer-socials a,.footer-tech-footer .footer-bottom a{transition:none}}
.footer-tech-footer{background:#2D1A0A}.footer-tech-footer::before,.footer-tech-footer::after,.footer-tech{display:none}

/* Lối vào quản trị luôn ở thanh đầu trang, không cần kéo xuống footer */

/* Trang Liên hệ trong admin: hiển thị đúng các dữ liệu đang có ở website ngoài */
.admin-contact-page-settings{padding:24px;border:1px solid #ead8bd;border-radius:15px;background:linear-gradient(135deg,#fffdf9,#fff5e7);box-shadow:0 8px 20px rgba(78,50,14,.06)}.admin-contact-page-settings__heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:21px}.admin-contact-page-settings__heading .icon-box{display:grid;flex:0 0 43px;width:43px;height:43px;place-items:center;border-radius:11px;background:#f2dfc4;color:var(--color-primary-dark);font-size:20px}.admin-contact-page-settings__heading h4{margin:0 0 5px;color:var(--color-text);font-size:18px}.admin-contact-page-settings__heading p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.admin-contact-page-settings__heading a{color:var(--color-primary-dark);font-weight:750}.admin-contact-page-settings__grid{gap:17px 18px}@media(max-width:640px){.admin-contact-page-settings{padding:19px 16px}.admin-contact-page-settings__heading{gap:11px}.admin-contact-page-settings__heading h4{font-size:16px}.admin-contact-page-settings__heading .icon-box{flex-basis:38px;width:38px;height:38px;font-size:18px}}