:root {
    --arc-primary: #1b4332;
    --arc-primary-mid: #2d6a4f;
    --arc-primary-dark: #081c15;
    --arc-secondary: #f77f00;
    --arc-bg: #ffffff;
    --arc-light: #f5f7f6;
    --arc-radius: 12px;
    --arc-shadow: 0 8px 30px rgba(0,0,0,.08);
}

* { box-sizing: border-box; }
html { overflow-x: hidden; }
body.arc-body {
    font-family: 'Outfit', sans-serif;
    background: var(--arc-bg);
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 82px;
    overflow-x: hidden;
    max-width: 100%;
}
.arc-main { overflow-x: hidden; max-width: 100%; }
@media (min-width: 768px) { body.arc-body { padding-bottom: 0; font-size: 16px; } }

/* Top Bar - desktop only */
.arc-topbar {
    background: var(--arc-primary-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    z-index: 1100;
}
.arc-topbar a { color: #fff; }
.btn-lang {
    background: rgba(255,255,255,.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,.3);
    font-size: 13px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.2;
}
.btn-lang:hover, .btn-lang:focus { background: rgba(255,255,255,.25); color: #fff; }
.lang-flag { font-size: 14px; }
.lang-text { font-size: 13px; font-weight: 600; }

/* Language in mobile header */
.arc-lang-mobile .btn-lang {
    background: var(--arc-light);
    color: var(--arc-primary);
    border: 1px solid #d0ddd6;
    padding: 6px 10px;
    font-size: 12px;
    min-width: 52px;
    justify-content: center;
}
.arc-lang-mobile .dropdown-menu { min-width: 130px; font-size: 14px; }
.arc-lang-dropdown .dropdown-menu { z-index: 1200; }

/* Main Header */
.arc-header-wrap { z-index: 1040; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.04); }
.arc-header-main { border-bottom: 1px solid #eee; }
.arc-header-inner { padding: 8px 12px 10px; }
@media (min-width: 768px) { .arc-header-inner { padding: 10px 15px 8px; } }

.arc-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.arc-logo-block {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 148px);
}
.arc-logo-text { min-width: 0; overflow: hidden; }
.arc-logo-icon {
    width: 44px; height: 44px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--arc-primary), var(--arc-primary-mid));
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 1.25rem;
}
.arc-site-logo {
    max-height: 38px;
    max-width: min(220px, 58vw);
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: left center;
    display: block;
}
@media (min-width: 576px) {
    .arc-site-logo { max-height: 64px; max-width: 260px; }
}
@media (min-width: 768px) {
    .arc-logo-icon { width: 52px; height: 52px; font-size: 1.45rem; }
    .arc-site-logo { max-height: 78px; max-width: 320px; }
    .arc-logo-block { max-width: none; }
}
@media (min-width: 992px) {
    .arc-site-logo { max-height: 92px; max-width: 380px; }
}
.arc-logo-name {
    font-weight: 800; font-size: 1.05rem; color: var(--arc-primary);
    line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (min-width: 576px) { .arc-logo-name { font-size: 1.35rem; } }
@media (min-width: 992px) { .arc-logo-name { font-size: 1.55rem; } }
.arc-logo-tagline { font-size: 12px; color: #555; font-weight: 500; margin-top: 1px; }

.arc-header-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}
@media (min-width: 768px) { .arc-header-actions { gap: 12px; } }

.arc-search-desktop { flex: 1; max-width: 560px; margin: 0 16px; }
@media (min-width: 992px) {
    .arc-header-row {
        display: grid;
        grid-template-columns: minmax(240px, 380px) minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px 24px;
    }
    .arc-logo-block { flex: unset; min-width: 0; max-width: none; }
    .arc-header-search-center {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
    }
    .arc-search-desktop {
        flex: unset;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .arc-header-actions { justify-self: end; }
}

.arc-search-form .input-group {
    border: 2px solid var(--arc-primary);
    border-radius: 8px;
    overflow: hidden;
}
.arc-search-cat {
    max-width: 150px;
    border: 0;
    background: var(--arc-light);
    font-size: 13px;
}
.arc-search-form .form-control:focus { box-shadow: none; }

/* Mobile promo strip */
.arc-mobile-promo {
    background: var(--arc-primary);
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arc-mobile-promo i { margin-right: 6px; }

.arc-search-form .form-control { border: 0; box-shadow: none; font-size: 15px; }
.arc-search-mobile { margin-top: 10px; }
.arc-search-mobile .form-control { font-size: 14px; padding: 10px 14px; }
.arc-search-mobile .input-group { border: 2px solid var(--arc-primary); border-radius: 10px; overflow: hidden; }
.btn-arc-primary {
    background: var(--arc-primary);
    color: #fff;
    border: 0;
    padding: 0 16px;
}
.btn-arc-primary:hover { background: var(--arc-primary-dark); color: #fff; }
.arc-menu-btn {
    width: 38px; height: 38px;
    padding: 0; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.3rem; flex-shrink: 0;
}

.arc-header-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    gap: 3px;
    min-width: 44px;
    position: relative;
    padding: 2px 4px;
}
.arc-icon-btn { min-width: 38px; }
.arc-header-action i { font-size: 1.45rem; color: var(--arc-primary); line-height: 1; }
.arc-action-label { font-size: 12px; font-weight: 600; color: #444; white-space: nowrap; }
.arc-header-action:hover { color: var(--arc-primary); }
.arc-badge {
    position: absolute;
    top: -4px;
    right: 0;
    background: var(--arc-secondary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

/* Navbar */
.arc-navbar {
    background: transparent;
    border: 0;
    padding: 0 0 10px;
    margin-top: -2px;
}
.arc-all-cat-btn {
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 500;
}
.arc-nav-links .nav-link {
    color: #333;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 14px;
    position: relative;
}
.arc-nav-links .nav-link:hover,
.arc-nav-links .nav-link.active { color: var(--arc-primary); }
.arc-nav-links .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0; left: 14px; right: 14px;
    height: 2px;
    background: var(--arc-primary);
}
.arc-hot-link .badge { font-size: 9px; vertical-align: middle; }
.arc-categories-menu {
    border-radius: 12px;
    border: 1px solid #dbe7e1;
    padding: 8px 0;
    min-width: 290px;
}
.arc-categories-menu .dropdown-item {
    padding: 10px 16px;
    font-weight: 600;
    color: #1f2937;
    border-left: 3px solid transparent;
}
.arc-categories-menu .dropdown-item:hover {
    background: #edf7f2;
    border-left-color: #2d6a4f;
    color: #1b4332;
}

.arc-page-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e4ece8;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.arc-page-pill {
    display: inline-block;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    background: #edf7f2;
    color: #1b4332;
}
.arc-form-clean .form-control {
    border-radius: 10px;
    border: 1px solid #dfece5;
    padding: 10px 12px;
}
.arc-divider {
    position: relative;
    text-align: center;
}
.arc-divider::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #e5ece8;
}
.arc-divider span {
    position: relative;
    background: #fff;
    padding: 0 10px;
    font-size: 11px;
    color: #6b7280;
    font-weight: 700;
}
.arc-login-mode {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f1f5f3;
    border-radius: 12px;
    padding: 4px;
    gap: 4px;
}
.arc-login-tab {
    border: 0;
    border-radius: 10px;
    background: transparent;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #375048;
}
.arc-login-tab.active {
    background: #fff;
    color: #1b4332;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.arc-products-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}
.arc-product-scroll {
    background: #fff;
    border-radius: 16px;
    padding: 14px;
    border: 1px solid #e3ece7;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    position: relative;
    overflow: hidden;
}
.arc-product-scroll::before {
    content: '';
    position: absolute;
    inset: -40% auto auto -8%;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(45,106,79,.08) 0%, rgba(45,106,79,0) 65%);
    pointer-events: none;
}

.arc-shop-hero {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    background: linear-gradient(135deg, #eef8f2, #fff);
    border: 1px solid #ddebe4;
    border-radius: 16px;
    padding: 14px 16px;
}
.arc-shop-search {
    display: flex;
    gap: 8px;
    min-width: 320px;
}
.arc-shop-search .form-control {
    border-radius: 10px;
    border: 1px solid #d9e7e0;
}
.arc-shop-cats li a {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
}
.arc-shop-cats li a:hover,
.arc-shop-cats li a.active {
    background: #edf7f2;
    color: #1b4332;
}

.arc-product-gallery {
    background: #fff;
    border: 1px solid #e3ece7;
    border-radius: 16px;
    padding: 12px;
}
.arc-zoom-tools {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-bottom: 8px;
}
.arc-product-main-wrap {
    background: #f6faf8;
    border-radius: 12px;
    border: 1px solid #e2ebe6;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.arc-product-main-wrap #productMainImg {
    max-height: 360px;
    object-fit: contain;
    transition: transform .2s ease;
    transform-origin: center center;
}
.arc-product-meta {
    background: #f6fbf8;
    border: 1px solid #e2ece7;
    border-radius: 10px;
    padding: 10px 12px;
}
.arc-product-card-premium {
    border: 1px solid #e6ece8;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
}
.arc-product-card-premium .btn {
    border-radius: 10px;
    font-weight: 700;
}
.arc-add-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 34px;
    font-size: 12px;
    border-radius: 10px;
    padding-inline: 10px;
}
.arc-add-cart-btn span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hero - full image, no crop */
.arc-hero-visual { position: relative; background: linear-gradient(180deg, #e8f5ee 0%, #f5f7f6 100%); }
.arc-hero-img-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 8px 0;
    background: #eef5f1;
}
.arc-hero-img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: contain;
    object-position: center;
    display: block;
}
.arc-hero-desktop .arc-hero-img-wrap { min-height: 280px; max-height: 520px; }
.arc-hero-mobile .arc-hero-img-wrap { min-height: 160px; max-height: 280px; }
.arc-hero-mobile .arc-hero-img { max-height: 260px; }
@media (max-width: 767px) {
    .arc-hero-mobile .arc-hero-img-wrap { padding: 4px 0; }
}
.arc-hero-control { width: 8%; opacity: 1; }
.arc-hero-arrow {
    width: 44px; height: 44px;
    background: rgba(255,255,255,.9);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--arc-primary);
    font-size: 1.25rem;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}
.arc-hero-dots { margin-bottom: 16px; }
.arc-hero-dots button {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    border: 0;
    margin: 0 4px;
}
.arc-hero-dots button.active { background: #fff; }

/* Feature Bar */
.arc-feature-bar {
    background: var(--arc-light);
    border-bottom: 1px solid #e8ecea;
    padding: 20px 0;
}
.arc-feature-item { padding: 12px 8px; }
.arc-feature-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e6ece8;
    box-shadow: 0 3px 12px rgba(0,0,0,.06);
    padding: 16px 10px;
}
.arc-feature-icon {
    width: 48px; height: 48px;
    margin: 0 auto 8px;
    background: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--arc-primary);
    font-size: 1.25rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.arc-feature-item h6 { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: var(--arc-primary-dark); }
.arc-feature-item p { font-size: 13px; color: #555; margin: 0; font-weight: 400; }

/* Products & Cards */
.section-title {
    font-weight: 700;
    font-size: 1.35rem;
    color: var(--arc-primary-dark);
    position: relative;
}
@media (min-width: 768px) { .section-title { font-size: 1.5rem; } }
.section-title.text-center::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: var(--arc-secondary);
    margin: 8px auto 0;
}

.arc-product-card {
    border-radius: var(--arc-radius);
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
}
.arc-product-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--arc-shadow);
}
.arc-product-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    background: linear-gradient(180deg, #ffffff 0%, #f4f7f5 100%);
}
.arc-product-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 6px;
    box-sizing: border-box;
    transition: transform .4s ease;
}
.arc-product-card:hover .arc-product-img-wrap img { transform: scale(1.05); }

.arc-category-card {
    border-radius: var(--arc-radius);
    transition: all .3s ease;
    border: 1px solid #eee !important;
}
.arc-category-card:hover {
    border-color: var(--arc-primary) !important;
    box-shadow: var(--arc-shadow);
}

/* Mobile App Nav - exactly 5 buttons */
.arc-mobile-nav {
    position: fixed;
    bottom: 9px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    transform: none;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 -4px 20px rgba(0,0,0,.1);
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
    z-index: 1050;
    border: 1px solid #e5ece8;
}
.arc-mobile-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #777;
    font-size: 11px;
    font-weight: 600;
    gap: 3px;
    padding: 6px 4px;
    flex: 1;
    max-width: 20%;
    min-width: 0;
    transition: color .2s;
}
.arc-mobile-nav a i { font-size: 1.35rem; line-height: 1; }
.arc-mobile-nav a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: center;
    line-height: 1.2;
}
.arc-mobile-nav a.active { color: var(--arc-primary-mid); }
.arc-mobile-nav a.active i { color: var(--arc-primary-mid); }

.arc-mobile-drawer .arc-mobile-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    font-size: 15px;
}

.page-transition { animation: fadeIn .35s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.btn-success { background: var(--arc-primary-mid); border-color: var(--arc-primary-mid); }
.btn-success:hover { background: var(--arc-primary-dark); border-color: var(--arc-primary-dark); }
.text-success { color: var(--arc-primary-mid) !important; }

/* Mobile header compact */
@media (max-width: 767px) {
    body.arc-body { padding-bottom: 94px; }
    .arc-trust-item strong { font-size: 14px; }
    .arc-trust-item span { font-size: 12px; }
    .arc-cat-circle span { font-size: 13px; font-weight: 600; }
    .arc-product-title { font-size: 14px; height: 38px; }
    .arc-price-current { font-size: 17px; }
}

/* Horizontal Scroll - Mobile App Style */
.arc-hscroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 8px;
}
.arc-hscroll::-webkit-scrollbar { display: none; }

/* Trust Bar */
.arc-trust-bar { background: #fff; border-bottom: 1px solid #eee; padding: 14px 0; }
.arc-trust-item {
    display: flex; align-items: center; gap: 12px;
    min-width: 240px; scroll-snap-align: start;
    padding: 8px 16px; flex-shrink: 0;
}
.arc-trust-icon {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--arc-light); color: var(--arc-primary-mid);
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;
}
.arc-trust-item strong { display: block; font-size: 14px; font-weight: 700; color: var(--arc-primary-dark); }
.arc-trust-item span { font-size: 12px; color: #666; }
.arc-trust-card { background: #fff; border-radius: 14px; padding: 14px 16px; box-shadow: 0 2px 12px rgba(0,0,0,.06); border: 1px solid #eee; }
.arc-trust-card.trust-c1 .arc-trust-icon { background: rgba(45,106,79,.15); color: #2d6a4f; }
.arc-trust-card.trust-c2 .arc-trust-icon { background: rgba(247,127,0,.15); color: #e85d04; }
.arc-trust-card.trust-c3 .arc-trust-icon { background: rgba(0,119,182,.12); color: #0077b6; }
.arc-trust-card.trust-c4 .arc-trust-icon { background: rgba(90,24,154,.12); color: #7b2cbf; }
.arc-trust-bar { margin-top: 10px; }
.arc-trust-scroll { align-items: stretch; }
@media (min-width: 992px) {
    .arc-trust-scroll {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        overflow: visible;
        padding-bottom: 0;
    }
    .arc-trust-scroll .arc-trust-item {
        min-width: 0;
        width: 100%;
        flex-shrink: 1;
    }
}

/* Category Circles */
.arc-cat-head .section-title { font-size: clamp(1.6rem, 3vw, 2.3rem); }
.arc-category-scroll {
    gap: 14px;
    align-items: stretch;
}
.arc-cat-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 132px;
    max-width: 142px;
    scroll-snap-align: start;
    flex-shrink: 0;
    text-align: center;
    padding: 14px 10px 12px;
    background: #fff;
    border: 1px solid #e8ecea;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.arc-cat-icon {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: #f4f8f3;
    border: 2px solid #e8ecea;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: var(--arc-primary-mid);
    overflow: hidden; transition: all .3s;
    margin-bottom: 10px;
}
.arc-cat-icon img { width: 100%; height: 100%; object-fit: cover; }
.arc-cat-circle:hover { border-color: #cde2d8; transform: translateY(-2px); box-shadow: 0 10px 22px rgba(27,67,50,.09); }
.arc-cat-circle:hover .arc-cat-icon { border-color: var(--arc-primary-mid); box-shadow: var(--arc-shadow); }
.arc-cat-name {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.3;
    min-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arc-cat-go {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eef6ea;
    color: #4b8f6a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    font-size: 14px;
}

/* Premium Product Slide Cards */
.arc-slide-card { min-width: 180px; max-width: 200px; scroll-snap-align: start; flex-shrink: 0; }
@media (min-width: 768px) { .arc-slide-card { min-width: 220px; max-width: 240px; } }

.arc-product-card-premium { border-radius: 14px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
.arc-product-card-premium .arc-product-img-wrap { aspect-ratio: 1; position: relative; }
.arc-badge-best {
    position: absolute; top: 8px; left: 8px;
    background: var(--arc-secondary); color: #fff;
    font-size: 10px; font-weight: 600; padding: 3px 8px; border-radius: 4px;
}
.arc-badge-off {
    position: absolute; top: 8px; right: 8px;
    background: #dc3545; color: #fff;
    font-size: 10px; font-weight: 600; padding: 3px 8px; border-radius: 4px;
}
.arc-product-title { font-size: 14px; font-weight: 600; line-height: 1.35; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #222; }
.arc-price-current { font-weight: 700; color: var(--arc-primary-mid); font-size: 17px; }
.arc-price-old { text-decoration: line-through; color: #999; font-size: 14px; }

.arc-slider-btn {
    width: 32px; height: 32px; border-radius: 50%;
    border: 1px solid #ddd; background: #fff; color: var(--arc-primary);
    display: inline-flex; align-items: center; justify-content: center; padding: 0;
}
.arc-slider-btn:hover { background: var(--arc-primary); color: #fff; }

/* Promo Cards v2 */
.arc-promo-section { background: linear-gradient(180deg, #fff 0%, #f0faf4 100%); }
.arc-promo-card-v2 {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(27,67,50,.1);
    border: 1px solid #e2ece6;
    transition: transform .25s, box-shadow .25s;
}
.arc-promo-card-v2:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(27,67,50,.15); }
.arc-promo-img-box {
    height: 120px;
    background: linear-gradient(135deg, #d8f3dc, #b7e4c7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}
.arc-promo-img-box img {
    width: 100%;
    height: 100%;
    max-height: 110px;
    object-fit: contain;
    object-position: center;
}
.arc-promo-placeholder { font-size: 2rem; color: var(--arc-primary-mid); opacity: .5; }
.arc-promo-caption { padding: 12px 14px; }
.arc-promo-caption h6 { font-size: 13px; font-weight: 700; color: var(--arc-primary-dark); margin: 0 0 6px; line-height: 1.3; }
.arc-promo-btn { font-size: 12px; font-weight: 700; color: var(--arc-secondary); }

/* Colorful app sections */
.arc-body { background: #f8faf9; }
.section-title-color { color: var(--arc-primary-dark); }
.arc-btn-gradient {
    background: linear-gradient(135deg, var(--arc-secondary), #fcbf49);
    color: #fff; border: 0; font-weight: 700;
}
.arc-btn-gradient:hover { color: #fff; opacity: .92; }

.arc-stats-strip { padding: 20px 0; background: #fff; border-block: 1px solid #e8ecea; }
.arc-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 768px) { .arc-stats-grid { grid-template-columns: repeat(4, 1fr); } }
.arc-stat-card {
    display: flex; align-items: center; gap: 12px;
    padding: 16px; border-radius: 14px; color: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.arc-stat-card i { font-size: 1.75rem; opacity: .9; }
.arc-stat-card strong { display: block; font-size: 1.35rem; line-height: 1.1; }
.arc-stat-card span { font-size: 12px; opacity: .9; font-weight: 500; }
.arc-stat-green { background: linear-gradient(135deg, #1b4332, #40916c); }
.arc-stat-orange { background: linear-gradient(135deg, #e85d04, #f77f00); }
.arc-stat-blue { background: linear-gradient(135deg, #0077b6, #00b4d8); }
.arc-stat-purple { background: linear-gradient(135deg, #5a189a, #9d4edd); }

.arc-deal-card {
    border-radius: 16px; padding: 18px 16px; color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transition: transform .25s;
}
.arc-deal-card:hover { transform: scale(1.02); color: #fff; }
.arc-deal-icon {
    width: 48px; height: 48px; border-radius: 12px;
    background: rgba(255,255,255,.25); display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; margin-bottom: 10px;
}
.arc-deal-card h6 { font-weight: 700; font-size: 15px; margin-bottom: 4px; }
.arc-deal-card p { font-size: 12px; opacity: .9; margin-bottom: 8px; }
.arc-deal-link { font-size: 12px; font-weight: 700; }
.deal-green { background: linear-gradient(145deg, #2d6a4f, #52b788); }
.deal-blue { background: linear-gradient(145deg, #0077b6, #48cae4); }
.deal-orange { background: linear-gradient(145deg, #e85d04, #ffb703); }
.deal-purple { background: linear-gradient(145deg, #7b2cbf, #c77dff); }

.arc-coupon-row { display: flex; flex-wrap: wrap; gap: 8px; }
.arc-coupon-chip {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; border: 2px dashed var(--arc-secondary);
    border-radius: 10px; padding: 8px 14px; font-size: 13px; font-weight: 600;
    color: var(--arc-primary-dark);
}
.arc-coupon-chip strong { color: var(--arc-secondary); }

.arc-services-section { background: linear-gradient(180deg, #fff5e6 0%, #fff 50%); }
.arc-service-card {
    border-radius: 14px; padding: 16px 10px; color: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.arc-service-icon {
    width: 44px; height: 44px; margin: 0 auto 10px;
    background: rgba(255,255,255,.25); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; font-size: 1.25rem;
}
.arc-service-card h6 { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.arc-service-card p { font-size: 11px; opacity: .9; margin: 0; line-height: 1.3; }
.svc-1 { background: linear-gradient(160deg, #e85d04, #f48c06); }
.svc-2 { background: linear-gradient(160deg, #2d6a4f, #52b788); }
.svc-3 { background: linear-gradient(160deg, #0077b6, #48cae4); }
.svc-4 { background: linear-gradient(160deg, #5a189a, #9d4edd); }
.svc-5 { background: linear-gradient(160deg, #1b4332, #40916c); }
.svc-6 { background: linear-gradient(160deg, #bc4749, #e5989b); }

.arc-info-section { background: linear-gradient(180deg, #e8f5ee, #fff); }
.arc-info-section {
    position: relative;
    overflow: hidden;
}
.arc-info-section::before {
    content: '';
    position: absolute;
    left: -70px;
    top: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(0,119,182,.08) 0%, rgba(0,119,182,0) 70%);
    pointer-events: none;
}
.arc-info-card {
    min-width: 200px; max-width: 220px; scroll-snap-align: start; flex-shrink: 0;
    background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 4px 16px rgba(27,67,50,.1); border: 1px solid #e2ece6;
}
.arc-info-card-img { height: 120px; background: #f0f4f2; display: flex; align-items: center; justify-content: center; padding: 8px; }
.arc-info-card-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.arc-info-card-img-bg {
    background-size: cover;
    background-position: center;
    position: relative;
}
.arc-info-card-img-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, .28);
}
.arc-info-card-img-bg img {
    position: relative;
    z-index: 1;
    max-height: 86%;
}
.arc-info-card-body { padding: 12px; }
.arc-info-card-body h6 { font-size: 14px; font-weight: 700; color: var(--arc-primary-dark); margin-bottom: 6px; line-height: 1.3; }
.arc-info-card-body span { font-size: 12px; font-weight: 600; color: var(--arc-secondary); }

.arc-cert-section { background: linear-gradient(180deg, #fff8ed, #fff); }
.arc-cert-card {
    display: block;
    background: #fff;
    border: 1px solid #ece7df;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
    color: #2f2f2f;
    text-align: center;
}
.arc-cert-card.cert-open-btn {
    cursor: zoom-in;
}
.arc-cert-card:focus-visible {
    outline: 2px solid #2d6a4f;
    outline-offset: 2px;
}
.arc-cert-card p {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.arc-cert-image-wrap {
    background: #f7f9fa;
    border-radius: 10px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.arc-cert-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.arc-cert-card-lg {
    padding: 14px;
    border-radius: 16px;
    transition: transform .2s ease, box-shadow .2s ease;
}
.arc-cert-card-lg:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(22,101,52,.12);
}
.arc-cert-image-wrap-lg {
    height: min(52vw, 280px);
    min-height: 200px;
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, #f4f7f5);
    border: 1px solid #e8eee9;
}
.arc-certificates-page .arc-certs-hero {
    background: linear-gradient(135deg, #fff7ed, #fff);
}
#certModalImage {
    max-height: 82vh;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.arc-app-cta-section { padding: 24px 0; }
.arc-app-cta-card {
    background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 40%, #f77f00 100%);
    border-radius: 20px; padding: 28px 24px;
    box-shadow: 0 12px 40px rgba(27,67,50,.25);
}
.arc-app-badge {
    display: inline-block; background: rgba(255,255,255,.2); color: #fff;
    font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 20px;
    text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px;
}

.arc-trust-bar { background: linear-gradient(90deg, #fff 0%, #f0faf4 50%, #fff 100%); }
.arc-trust-bar {
    position: relative;
    overflow: hidden;
}
.arc-trust-bar::after {
    content: '';
    position: absolute;
    right: -50px;
    top: -40px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(247,127,0,.09) 0%, rgba(247,127,0,0) 65%);
    pointer-events: none;
}
.arc-feature-bar { background: linear-gradient(180deg, #fff9e6, #fff); }
.arc-product-card-premium { border: 1px solid #e8ecea; }
.arc-section.bg-light { background: linear-gradient(180deg, #f8faf9, #fff) !important; }

/* Why Choose */
.arc-why-section { background: linear-gradient(180deg, #f0faf4, #fff); }
.arc-why-card h6 { font-size: 15px; font-weight: 700; }
.arc-view-all { font-size: 14px; font-weight: 600; }
.arc-why-card { background: #fff; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
.arc-why-icon {
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(45,106,79,.1); color: var(--arc-primary-mid);
    display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
}

/* Brands */
.arc-brand-item {
    min-width: 120px; height: 60px; scroll-snap-align: start; flex-shrink: 0;
    background: #fff; border-radius: 10px; border: 1px solid #eee;
    display: flex; align-items: center; justify-content: center; padding: 10px 20px;
    font-weight: 600; color: #666; font-size: 13px;
}
.arc-brand-item img { max-height: 40px; max-width: 100px; object-fit: contain; }

/* Testimonials Slide */
.arc-testimonial-card {
    min-width: 280px; max-width: 300px; scroll-snap-align: start; flex-shrink: 0;
    background: #fff; border-radius: 14px; padding: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06); border: 1px solid #f0f0f0;
}
.arc-testimonial-avatar { font-size: 2rem; color: var(--arc-primary-mid); }

/* Blog Cards */
.arc-blog-card {
    min-width: 260px; max-width: 280px; scroll-snap-align: start; flex-shrink: 0;
    background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.arc-blog-img { position: relative; height: 150px; background: var(--arc-light); }
.arc-blog-img img { width: 100%; height: 100%; object-fit: cover; }
.arc-blog-placeholder { height: 150px; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: #ccc; }
.arc-blog-date {
    position: absolute; top: 10px; left: 10px;
    background: var(--arc-primary); color: #fff;
    font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 6px;
}

/* Newsletter */
.arc-newsletter-section {
    background: linear-gradient(135deg, var(--arc-primary-dark), var(--arc-primary-mid));
}
.arc-newsletter-form {
    display: flex; gap: 8px; max-width: 480px;
}
.arc-newsletter-form .form-control { border-radius: 8px 0 0 8px; border: 0; }
.arc-newsletter-form .btn { border-radius: 0 8px 8px 0; white-space: nowrap; }
@media (max-width: 575px) {
    .arc-newsletter-form { flex-direction: column; }
    .arc-newsletter-form .form-control, .arc-newsletter-form .btn { border-radius: 8px; }
}

/* Footer — slim app-style */
.arc-footer {
    background: linear-gradient(180deg, #0f1720 0%, #111827 100%);
    color: #fff;
    margin-top: 0;
    border-top: 1px solid rgba(255,255,255,.06);
}
.arc-footer-inner {
    padding-top: 1.75rem;
    padding-bottom: 1.25rem;
}
.arc-footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}
.arc-footer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.arc-footer-brand strong {
    font-size: 1.2rem;
    font-weight: 700;
}
.arc-footer-brand .arc-site-logo {
    max-height: 50px;
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.arc-footer-tag {
    font-size: .88rem;
    color: rgba(255,255,255,.72);
    line-height: 1.35;
    margin: 0 0 12px;
}
.arc-footer-links-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.arc-footer-title {
    color: #fbbf24;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.arc-footer-links a {
    color: rgba(255,255,255,.86);
    text-decoration: none;
    line-height: 1.55;
    font-size: .9rem;
    font-weight: 500;
    display: inline-block;
    padding: 1px 0;
}
.arc-footer-links a:hover { color: #fff; }
.arc-footer-links li + li { margin-top: 1px; }
.arc-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.arc-footer-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.9);
    text-decoration: none;
    font-size: .86rem;
    line-height: 1.35;
    max-width: 100%;
}
.arc-footer-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.arc-footer-chip i {
    color: #4ade80;
    font-size: .95rem;
    flex-shrink: 0;
}
.arc-footer-chip:hover { color: #fff; }
.arc-footer-address {
    color: rgba(255,255,255,.78);
    font-size: .84rem;
    line-height: 1.4;
    display: flex;
    gap: 7px;
    align-items: flex-start;
}
.arc-footer-address i {
    color: #4ade80;
    margin-top: 2px;
    flex-shrink: 0;
}
.arc-footer-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 14px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.arc-footer-copy,
.arc-payment-icons {
    color: rgba(255,255,255,.68);
    font-size: .8rem;
}
.arc-payment-icons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 6px;
}
.arc-payment-icons i { color: #86efac; font-size: .9rem; }
.arc-footer .arc-social {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.arc-footer .arc-social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: .9rem;
}
.arc-footer .arc-social a:hover { background: var(--arc-primary-mid); }

.arc-qty-wrap {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dbe7e1;
    border-radius: 10px;
    overflow: hidden;
}
.arc-qty-btn {
    border: 0;
    width: 32px;
    height: 36px;
    background: #edf7f2;
    color: #1b4332;
    font-weight: 700;
}
.arc-qty-wrap .cart-qty {
    width: 54px !important;
    border: 0;
    border-left: 1px solid #dbe7e1;
    border-right: 1px solid #dbe7e1;
    text-align: center;
    border-radius: 0;
}
.arc-payment-item {
    border: 1px solid #dcebe4;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: #f8fcfa;
}
.arc-checkout-steps {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.arc-checkout-steps span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #dce5eb;
    border-radius: 999px;
    padding: 6px 10px;
}
.arc-checkout-steps span.active {
    color: #166534;
    background: #ecfdf3;
    border-color: #bbf7d0;
}

/* Cart notification toast */
.arc-toast {
    position: fixed;
    right: 14px;
    bottom: 88px;
    z-index: 1200;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #dfece5;
    box-shadow: 0 10px 28px rgba(0,0,0,.16);
    padding: 12px 14px;
    min-width: 220px;
    max-width: 300px;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: all .25s ease;
}
.arc-toast.show { transform: translateY(0); opacity: 1; }
.arc-toast i { color: #16a34a; font-size: 1.1rem; }
.arc-toast strong { display: block; font-size: 13px; color: #1b4332; }
.arc-toast span { display: block; font-size: 12px; color: #4b5563; }
.btn-add-cart.btn-added {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #fff !important;
}
.arc-processing-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .42);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1600;
}
.arc-processing-card {
    width: min(92vw, 360px);
    background: #fff;
    border-radius: 14px;
    border: 1px solid #dce7e2;
    box-shadow: 0 16px 40px rgba(0,0,0,.22);
    padding: 16px;
}
.arc-processing-title {
    font-size: 14px;
    font-weight: 700;
    color: #14532d;
    margin-bottom: 8px;
}
.arc-processing-text {
    font-size: 12px;
    color: #475569;
    margin-bottom: 10px;
}
.arc-processing-bar {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.arc-processing-bar span {
    display: block;
    width: 42%;
    height: 100%;
    background: linear-gradient(90deg, #16a34a, #84cc16);
    border-radius: inherit;
    animation: arcLoading 1s ease-in-out infinite;
}
@keyframes arcLoading {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(280%); }
}

/* Section spacing mobile */
@media (max-width: 767px) {
    .arc-section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .arc-feature-item { min-width: 0; scroll-snap-align: unset; flex-shrink: 1; }
    .arc-feature-scroll { gap: 0; }

    .arc-footer {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        box-shadow: 0 -6px 24px rgba(0,0,0,.12);
    }
    .arc-footer-inner {
        padding-top: .65rem !important;
        padding-bottom: calc(4.6rem + env(safe-area-inset-bottom, 0px)) !important;
    }
    .arc-footer-top { margin-bottom: 2px; }
    .arc-footer-brand .arc-site-logo { max-height: 30px; max-width: 118px; }
    .arc-footer-brand strong { font-size: .95rem; }
    .arc-footer-tag {
        font-size: .7rem;
        line-height: 1.25;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .arc-footer .arc-social a {
        width: 28px;
        height: 28px;
        font-size: .8rem;
    }
    .arc-footer-links-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px 10px;
        padding-top: 8px;
    }
    .arc-footer-col-contact {
        grid-column: 1 / -1;
        padding-top: 2px;
    }
    .arc-footer-title {
        font-size: .72rem;
        margin-bottom: 4px;
    }
    .arc-footer-links a {
        font-size: .78rem;
        line-height: 1.35;
    }
    .arc-footer-links li + li { margin-top: 0; }
    .arc-footer-contact { gap: 4px; }
    .arc-footer-chip { font-size: .76rem; }
    .arc-footer-address {
        font-size: .72rem;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .arc-footer-bar {
        margin-top: 8px;
        padding-top: 8px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .arc-footer-copy,
    .arc-payment-icons { font-size: .68rem; }
    .arc-payment-icons i { font-size: .78rem; }

    .arc-toast { left: 12px; right: 12px; bottom: 78px; max-width: none; }
    .arc-products-head { align-items: flex-start; flex-direction: column; }
    .arc-products-head .d-flex { width: 100%; justify-content: flex-end; }
    .arc-product-scroll { padding: 10px; border-radius: 14px; }
    .arc-category-scroll { gap: 10px; }
    .arc-cat-circle {
        min-width: 126px;
        max-width: 126px;
        padding: 12px 8px 10px;
        border-radius: 14px;
    }
    .arc-cat-icon { width: 76px; height: 76px; }
    .arc-cat-name { font-size: 12.5px; }
    .arc-add-cart-btn { font-size: 11px; padding-inline: 8px; }
    .arc-shop-hero { flex-direction: column; align-items: stretch; }
    .arc-shop-search { min-width: 0; width: 100%; }
    .arc-product-main-wrap { min-height: 260px; }
    .arc-product-main-wrap #productMainImg { max-height: 240px; }
}

/* --- Header/topbar polish + coupon ticker --- */
.arc-topbar { font-size: 13px; }
.arc-topbar-line {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 42px;
    white-space: nowrap;
    overflow: visible;
}
.arc-top-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .98;
}
.arc-top-help { font-weight: 600; }
.arc-topbar .arc-lang-dropdown { margin-left: auto; }
.arc-topbar .container { position: relative; z-index: 2; }
.arc-topbar .arc-lang-dropdown { position: relative; z-index: 1300; }
.arc-topbar .arc-lang-dropdown .dropdown-menu {
    margin-top: 8px;
    z-index: 1400;
    border-radius: 12px;
    border: 1px solid #dbe7e1;
}
.arc-topbar .arc-lang-dropdown .dropdown-item {
    color: #1f2937 !important;
    font-weight: 600;
}
.arc-topbar .arc-lang-dropdown .dropdown-item:hover {
    background: #eef6f2;
    color: #0f5132 !important;
}

.btn-lang {
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
}
.lang-flag {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.2);
    font-size: 10px;
    font-weight: 700;
}
.lang-text { font-size: 12px; font-weight: 700; }

.arc-coupon-ticker {
    min-width: 190px;
    max-width: 190px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid #fbd38d;
    background: linear-gradient(135deg, #fff7e6, #fff0d6);
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 8px rgba(247,127,0,.15);
}
.arc-coupon-track {
    display: flex;
    flex-direction: column;
    animation: arcCouponSwap 7.5s infinite;
}
.arc-coupon-track span {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #9a3412;
}
.arc-coupon-track strong { color: #ea580c; margin-right: 6px; }
@keyframes arcCouponSwap {
    0%, 28% { transform: translateY(0); }
    33%, 61% { transform: translateY(-34px); }
    66%, 94% { transform: translateY(-68px); }
    100% { transform: translateY(0); }
}

/* --- Trust cards center + colorful --- */
.arc-trust-scroll { gap: 12px; }
.arc-trust-item.arc-trust-card {
    min-width: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 14px;
}
.arc-trust-item.arc-trust-card strong { text-align: center; }
.arc-trust-item.arc-trust-card span { text-align: center; line-height: 1.3; }

/* --- Info guides: 2 cards on mobile --- */
.arc-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.arc-info-grid .arc-info-card {
    min-width: 0;
    max-width: 100%;
}
@media (max-width: 767px) {
    .arc-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .arc-info-grid .arc-info-card { width: 100%; }
    .arc-info-grid .arc-info-card-img { height: 96px; }
    .arc-info-grid .arc-info-card-body { padding: 10px; }
    .arc-info-grid .arc-info-card-body h6 { font-size: 12px; line-height: 1.25; }
}

/* --- Mobile hero image gap fix --- */
.arc-hero-mobile .arc-hero-img-wrap {
    min-height: 0;
    max-height: none;
    padding: 0;
    background: transparent;
}
.arc-hero-mobile .arc-hero-img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
}
.arc-section { padding: 2rem 0; }
.arc-motivation-section { background: linear-gradient(135deg, #f0fdf4 0%, #ecfccb 50%, #fef9c3 100%); }
.arc-motivation-card { max-width: 760px; }
.arc-motivation-icon-wrap {
    width: 64px; height: 64px; border-radius: 50%;
    background: linear-gradient(135deg, #16a34a, #84cc16);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 1.8rem;
    box-shadow: 0 8px 24px rgba(22,163,74,.25);
}
.arc-motivation-title { font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 800; color: #14532d; }
.arc-motivation-sub { color: #166534; font-size: 1.05rem; }
.arc-motivation-body { max-width: 620px; color: #334155; font-size: .96rem; line-height: 1.65; }
.arc-motivation-cta { border-radius: 999px; padding-inline: 1.6rem; }

.arc-reviews-strip { background: transparent; }
.arc-reviews-card-v2 {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px;
    background: linear-gradient(90deg, #ecfdf5, #fffbeb);
    border: 1px solid #d1fae5; border-radius: 16px; padding: 12px 16px;
}
.arc-reviews-stars { color: #f59e0b; font-size: 1.05rem; }
.arc-reviews-text strong { color: #14532d; margin-right: 4px; }
.arc-reviews-text span { color: #64748b; font-size: .88rem; }
.arc-reviews-badge-v2 {
    font-size: 11px; font-weight: 800; color: #166534; background: #fff;
    border: 1px solid #bbf7d0; border-radius: 999px; padding: 5px 12px;
}
.arc-reviews-card { gap: 12px !important; }
.arc-reviews-badge { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.25); }

.arc-shop-products-section { background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%); }
.arc-product-carousel-wrap { padding: 0 42px; }
.arc-product-carousel {
    display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory;
    scrollbar-width: none; -ms-overflow-style: none;
}
.arc-product-carousel::-webkit-scrollbar { display: none; }
.arc-product-carousel-item {
    flex: 0 0 calc(50% - 8px); scroll-snap-align: start; min-width: calc(50% - 8px);
}
@media (min-width: 768px) {
    .arc-product-carousel-item { flex: 0 0 calc(33.333% - 11px); min-width: calc(33.333% - 11px); }
}
.arc-carousel-btn {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid #cfe8d8;
    background: #fff; color: #166534; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
.arc-carousel-prev { left: 0; }
.arc-carousel-next { right: 0; }

.arc-section-slim { padding: 1.25rem 0 !important; }
.arc-section-eyebrow {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
    color: #b45309; background: #fff7ed; border: 1px solid #fed7aa;
    border-radius: 999px; padding: 5px 12px; margin-bottom: 10px;
}

/* Profit section v3 */
.arc-profit-v3 { background: linear-gradient(180deg, #fffbeb 0%, #f0fdf4 100%); }
.arc-profit-shell {
    background: #fff; border-radius: 20px; border: 1px solid #e8f0eb;
    box-shadow: 0 12px 40px rgba(27,67,50,.08); padding: 18px 16px; overflow: hidden;
    position: relative;
}
.arc-profit-shell::before {
    content: ''; position: absolute; top: -40px; right: -40px; width: 140px; height: 140px;
    background: radial-gradient(circle, rgba(34,197,94,.12), transparent 70%); pointer-events: none;
}
.arc-profit-layout-v3 {
    display: grid; grid-template-columns: 1fr 1.15fr; gap: 20px; align-items: center; position: relative; z-index: 1;
}
.arc-profit-title-v3 { font-size: 1.45rem; font-weight: 800; color: #0f172a; line-height: 1.25; margin-bottom: 8px; }
.arc-profit-sub-v3 { font-size: .92rem; font-weight: 700; color: #14532d; margin-bottom: 8px; }
.arc-profit-body-v3 { font-size: .86rem; color: #64748b; margin-bottom: 12px; line-height: 1.55; }
.arc-profit-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.arc-profit-chips span {
    font-size: 11px; font-weight: 700; color: #166534; background: #ecfdf5;
    border: 1px solid #bbf7d0; border-radius: 999px; padding: 5px 10px;
}
.arc-profit-chips i { margin-right: 4px; }
.arc-profit-compare-v3 {
    background: linear-gradient(180deg, #fafaf9, #fff);
    border: 1px solid #e8f0eb; border-radius: 16px; padding: 10px 12px;
}
.arc-profit-compare-head, .arc-profit-compare-row {
    display: grid; grid-template-columns: 1fr 52px 52px; gap: 8px; align-items: center;
}
.arc-profit-compare-head {
    padding-bottom: 8px; margin-bottom: 4px; border-bottom: 2px solid #e8f0eb;
    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;
}
.arc-pcol-us, .arc-pcol-them { text-align: center; }
.arc-pcol-us { color: #166534; }
.arc-pcol-them { color: #94a3b8; }
.arc-profit-compare-row { padding: 7px 0; border-bottom: 1px solid #f1f5f9; }
.arc-profit-compare-row:last-child { border-bottom: 0; }
.arc-pcol-label {
    display: flex; align-items: center; gap: 8px; font-size: .84rem; color: #1e293b; font-weight: 600;
}
.arc-pcol-label i { color: #ea580c; font-size: .9rem; flex-shrink: 0; }
.arc-pmark {
    width: 26px; height: 26px; border-radius: 50%; display: inline-flex;
    align-items: center; justify-content: center; font-size: .85rem; font-weight: 700;
}
.arc-pmark-yes { background: #dcfce7; color: #16a34a; }
.arc-pmark-no { background: #fee2e2; color: #dc2626; }

/* Info section v3 */
.arc-info-v3 { background: #f8faf9; }
.arc-info-shell {
    background: #fff; border-radius: 20px; border: 1px solid #e4ece8;
    box-shadow: 0 10px 32px rgba(27,67,50,.06); padding: 14px; overflow: hidden;
}
.arc-info-toprow {
    display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 12px; margin-bottom: 4px;
}
.arc-info-toprow::-webkit-scrollbar { display: none; }
.arc-info-quicklink {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
    text-decoration: none; font-size: 12px; font-weight: 700; color: #166534;
    background: #ecfdf5; border: 1px solid #bbf7d0; border-radius: 999px; padding: 7px 12px;
    transition: background .2s, transform .2s;
}
.arc-info-quicklink:hover { background: #d1fae5; color: #14532d; transform: translateY(-1px); }
.arc-info-hero-v3 {
    border-radius: 16px; min-height: 130px; margin-bottom: 14px; overflow: hidden;
    background: linear-gradient(135deg, #14532d 0%, #22c55e 100%);
    background-size: cover; background-position: center; position: relative;
}
.arc-info-hero-v3.has-bg::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(15,60,35,.9), rgba(15,60,35,.5));
}
.arc-info-hero-v3-inner {
    position: relative; z-index: 1; padding: 16px; min-height: 130px;
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px;
    color: #fff;
}
.arc-info-badge-v3 {
    display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 800;
    text-transform: uppercase; letter-spacing: .05em;
    background: rgba(255,255,255,.16); border-radius: 999px; padding: 4px 10px; margin-bottom: 6px;
}
.arc-info-hero-v3 h2 { font-size: 1.3rem; font-weight: 800; color: #fff; }
.arc-info-hero-v3 p { font-size: .85rem; color: rgba(255,255,255,.9); max-width: 480px; }
.arc-info-viewall-v3 { font-weight: 700; }
.arc-info-cards-v3 {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.arc-info-card-v3 {
    display: flex; flex-direction: column; text-decoration: none; color: inherit;
    background: #fff; border: 1px solid #dcebe4; border-radius: 14px; overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.04); transition: transform .2s, box-shadow .2s;
}
.arc-info-card-v3:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(27,67,50,.12); }
.arc-info-card-v3.is-featured { grid-column: span 2; flex-direction: row; }
.arc-info-card-v3-media {
    position: relative; height: 100px; background: #f0fdf4; flex-shrink: 0;
    background-size: cover; background-position: center;
}
.arc-info-card-v3.is-featured .arc-info-card-v3-media { width: 42%; height: auto; min-height: 120px; }
.arc-info-card-v3-media img { width: 100%; height: 100%; object-fit: cover; }
.arc-info-card-v3-icon {
    position: absolute; top: 8px; left: 8px; width: 28px; height: 28px; border-radius: 8px;
    background: rgba(255,255,255,.92); color: #166534; display: flex; align-items: center; justify-content: center;
    font-size: .85rem; box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.arc-info-card-v3-body { padding: 10px 12px; flex: 1; }
.arc-info-card-v3-tag {
    font-size: 10px; font-weight: 800; color: #16a34a; text-transform: uppercase; letter-spacing: .04em;
}
.arc-info-card-v3-body h6 { font-size: .88rem; font-weight: 700; margin: 4px 0; color: #0f172a; line-height: 1.3; }
.arc-info-card-v3-body p { font-size: .75rem; color: #64748b; margin: 0; line-height: 1.4; }
@media (min-width: 768px) {
    .arc-profit-shell { padding: 24px 28px; }
    .arc-profit-title-v3 { font-size: 1.65rem; }
    .arc-info-shell { padding: 18px 20px; }
    .arc-info-cards-v3 { grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .arc-info-card-v3.is-featured { grid-column: span 2; grid-row: span 1; }
    .arc-info-toprow { flex-wrap: wrap; overflow: visible; }
}
@media (max-width: 767px) {
    .arc-profit-layout-v3 { grid-template-columns: 1fr; gap: 14px; }
    .arc-profit-copy-v3 { text-align: center; }
    .arc-profit-chips { justify-content: center; }
    .arc-info-card-v3.is-featured { flex-direction: column; grid-column: span 2; }
    .arc-info-card-v3.is-featured .arc-info-card-v3-media { width: 100%; height: 110px; min-height: 0; }
    .arc-motivation-section,
    .arc-profit-v3 .arc-profit-shell,
    .arc-info-v3 .arc-info-shell,
    .arc-reviews-strip {
        margin-left: 10px; margin-right: 10px;
    }
}

/* Legacy profit (keep for compatibility) */
.arc-profit-section { background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 45%, #f0fdf4 100%); }
.arc-profit-layout {
    display: grid; grid-template-columns: 1fr 1.1fr; gap: 20px; align-items: center;
}
.arc-profit-emoji { font-size: 1.4rem; display: block; margin-bottom: 4px; }
.arc-profit-sub { color: #14532d; }
.arc-profit-table-card {
    background: #fff; border-radius: 14px; padding: 12px 14px;
    border: 1px solid #e7efe9; box-shadow: 0 8px 24px rgba(20,83,45,.07);
}
.arc-profit-table { width: 100%; }
.arc-profit-thead, .arc-profit-trow {
    display: grid; grid-template-columns: 1fr 56px 56px; gap: 8px; align-items: center;
}
.arc-profit-thead {
    padding: 0 4px 8px; border-bottom: 2px solid #e8f0eb;
    font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
}
.arc-profit-th-col { text-align: center; }
.arc-profit-th-us { color: #166534; }
.arc-profit-th-others { color: #94a3b8; }
.arc-profit-trow {
    padding: 8px 4px; border-bottom: 1px solid #f1f5f9;
}
.arc-profit-trow:last-child { border-bottom: 0; }
.arc-profit-tfeature {
    display: flex; align-items: center; gap: 8px; font-size: .88rem; color: #1e293b;
}
.arc-profit-tfeature i { color: #ea580c; font-size: .95rem; flex-shrink: 0; }
.arc-profit-tcol { text-align: center; }
.arc-profit-tick {
    width: 28px; height: 28px; margin: 0 auto; border-radius: 50%;
    background: #ecfdf5; color: #16a34a; display: flex; align-items: center; justify-content: center;
    font-size: .95rem; font-weight: 700;
}
.arc-profit-cross {
    width: 28px; height: 28px; margin: 0 auto; border-radius: 50%;
    background: #fef2f2; color: #dc2626; display: flex; align-items: center; justify-content: center;
    font-size: .95rem; font-weight: 700;
}

.arc-info-section { background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%); }
.arc-usp-section { background: #14532d; overflow: hidden; }
.arc-usp-track-wrap { overflow: hidden; }
.arc-usp-track {
    display: flex; gap: 12px; width: max-content;
    animation: arcUspScroll 28s linear infinite;
}
.arc-usp-chip {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
    color: #fff; border-radius: 999px; padding: 10px 16px; white-space: nowrap;
    font-size: .88rem; font-weight: 600;
}
.arc-usp-icon {
    width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.15);
    display: inline-flex; align-items: center; justify-content: center;
}
@keyframes arcUspScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.arc-testimonials-section { background: linear-gradient(180deg, #f8fafc 0%, #ecfdf5 100%); }
.arc-testimonial-card {
    background: #fff; border-radius: 14px; padding: 14px; min-width: 260px; max-width: 300px;
    border: 1px solid #e2e8f0; box-shadow: 0 6px 18px rgba(0,0,0,.05);
}
.arc-feature-list { padding-left: 1.2rem; }
.arc-feature-list li { margin-bottom: 6px; }

.arc-hero-visual { background: linear-gradient(180deg, #f0fdf4, #fff); }
.arc-hero-img-wrap { border-radius: 0 0 18px 18px; overflow: hidden; }
.arc-hero-desktop .arc-hero-img-wrap { max-height: 420px; }
.arc-hero-desktop .arc-hero-img { width: 100%; height: 100%; object-fit: cover; }

/* --- Header v2: reference-style compact --- */
.arc-topbar-line { min-height: 34px !important; gap: 10px !important; }
.arc-top-divider {
    width: 1px; height: 14px; background: rgba(255,255,255,.28); flex-shrink: 0;
}
.arc-top-item { font-size: 12px; gap: 5px; }
.arc-header-main { background: #fff; border-bottom: 0; }
.arc-header-wrap { box-shadow: 0 2px 16px rgba(0,0,0,.06); }

.arc-search-pill {
    display: flex; align-items: center; width: 100%;
    border: 2px solid var(--arc-primary); border-radius: 999px;
    background: #fff; overflow: hidden; padding-left: 12px;
    min-height: 46px;
}
.arc-search-pill .form-control {
    padding: 11px 8px; font-size: 15px; background: transparent;
}
.arc-search-icon { color: #94a3b8; margin-right: 4px; }
.arc-search-btn {
    border-radius: 999px !important; margin: 4px; padding: 9px 16px !important;
    min-width: 46px;
}
.arc-search-mobile { margin-top: 10px; }
.arc-search-mobile .arc-search-pill { min-height: 48px; }
.arc-search-mobile .form-control { font-size: 15px; padding: 12px 10px; }
.arc-search-mobile .arc-search-btn { min-width: 48px; padding: 10px 16px !important; }
.arc-mobile-coupon {
    display: flex; gap: 8px; overflow-x: auto; padding: 8px 0 2px;
    scrollbar-width: none;
}
.arc-mobile-coupon::-webkit-scrollbar { display: none; }
.arc-coupon-pill {
    flex-shrink: 0; font-size: 11px; font-weight: 700;
    background: #fff7ed; color: #c2410c; border: 1px solid #fed7aa;
    border-radius: 999px; padding: 5px 12px; white-space: nowrap;
}
.arc-coupon-pill.arc-coupon-alt { background: #ecfdf5; color: #166534; border-color: #bbf7d0; }
.arc-coupon-pill i { margin-right: 4px; }

.arc-navbar-pill {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    background: linear-gradient(135deg, #1b4332, #2d6a4f);
    border-radius: 14px; padding: 6px 10px 6px 6px;
    box-shadow: 0 8px 24px rgba(27,67,50,.22);
}
.arc-nav-links { flex-wrap: nowrap; gap: 2px; }
.arc-nav-links .nav-link {
    color: rgba(255,255,255,.92) !important; font-size: 13px; font-weight: 600;
    padding: 8px 12px !important; border-radius: 10px; white-space: nowrap;
}
.arc-nav-links .nav-link:hover { background: rgba(255,255,255,.1); color: #fff !important; }
.arc-nav-links .nav-link.active {
    background: rgba(255,255,255,.18); color: #fff !important;
}
.arc-nav-links .nav-link.active::after { display: none; }
.arc-navbar-coupon { flex-shrink: 0; }
.arc-coupon-pill-nav {
    font-size: 11px; font-weight: 700; white-space: nowrap;
    background: #fff; color: #c2410c; border-radius: 999px;
    padding: 7px 12px; display: inline-flex; align-items: center; gap: 5px;
}
.arc-coupon-pill-nav i { color: #ea580c; }

/* Hero points strip (below banner) */
.arc-hero-points {
    background: #fafaf8;
    border-bottom: 1px solid #eceee9;
    padding: 12px 0;
}
.arc-hero-points-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px; overflow-x: auto; scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.arc-hero-points-row::-webkit-scrollbar { display: none; }
.arc-hero-point {
    display: flex; align-items: center; gap: 10px; flex: 1; min-width: 150px;
    opacity: 0; animation: arcPointFade .55s ease forwards;
}
@keyframes arcPointFade {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.arc-hero-point-icon {
    width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%;
    border: 2px solid var(--arc-primary); color: var(--arc-primary);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem; background: #fff;
    transition: transform .3s ease, background .3s ease;
}
.arc-hero-point:hover .arc-hero-point-icon {
    transform: scale(1.06); background: #ecfdf5;
}
.arc-hero-point-text strong {
    display: block; font-size: 13px; color: var(--arc-primary); line-height: 1.2;
}
.arc-hero-point-text span {
    display: block; font-size: 11px; color: #64748b; line-height: 1.2;
}
.arc-hero-point-divider {
    width: 1px; height: 36px; background: #e2e8e4; flex-shrink: 0;
}

/* Mobile app-style homepage */
@media (max-width: 767px) {
    .arc-section { padding: 1.1rem 0 !important; }
    .arc-app-container { padding-left: 10px; padding-right: 10px; max-width: 100%; }
    .arc-app-section-card {
        background: #fff; border-radius: 16px; padding: 12px;
        border: 1px solid #e8f0eb;
        box-shadow: 0 4px 18px rgba(27,67,50,.06);
    }
    .arc-app-product-scroll {
        gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory;
        padding: 4px 2px 8px; margin: 0 -4px; scrollbar-width: none;
    }
    .arc-app-product-scroll::-webkit-scrollbar { display: none; }
    .arc-app-product-item {
        flex: 0 0 46%; min-width: 46%; scroll-snap-align: start;
    }
    .arc-app-product-item .arc-product-card {
        border-radius: 14px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
    }
    .arc-app-product-item .card-title { font-size: 12px !important; }
    .arc-app-product-item .arc-add-cart-btn { font-size: 10px !important; padding: 4px 6px !important; }
    .arc-motivation-section,
    .arc-profit-section,
    .arc-info-section-v2,
    .arc-reviews-strip {
        margin-left: 10px; margin-right: 10px;
        border-radius: 16px; overflow: hidden;
    }
    .arc-motivation-card { padding: 0 6px; }
    .arc-hero-points { margin: 0; border-radius: 0; }
    .arc-hero-point { min-width: 130px; }
    .arc-hero-point-icon { width: 36px; height: 36px; font-size: .95rem; }
    .arc-hero-point-text strong { font-size: 12px; }
    .arc-hero-point-text span { font-size: 10px; }
    .arc-usp-section { border-radius: 0; }
}

/* Information section v2 */
.arc-info-section-v2 {
    background: linear-gradient(180deg, #ecfdf5 0%, #f0fdf4 100%);
}
.arc-info-hero {
    border-radius: 16px; min-height: 140px; position: relative; overflow: hidden;
    background: linear-gradient(135deg, #166534, #22c55e);
    margin-bottom: 14px;
}
.arc-info-hero-has-img {
    background-size: cover; background-position: center;
}
.arc-info-hero-overlay {
    position: relative; z-index: 1; padding: 18px 16px;
    background: linear-gradient(90deg, rgba(15,60,35,.88), rgba(15,60,35,.45));
    min-height: 140px; display: flex; align-items: flex-end;
}
.arc-info-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    background: rgba(255,255,255,.18); color: #fff;
    border-radius: 999px; padding: 4px 10px; margin-bottom: 8px;
}
.arc-info-hero-title { color: #fff; font-size: 1.35rem; font-weight: 800; }
.arc-info-hero-sub { color: rgba(255,255,255,.88); font-size: .88rem; max-width: 520px; }
.arc-info-viewall { font-weight: 700; border-radius: 999px; }
.arc-info-cards-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
@media (min-width: 768px) {
    .arc-info-cards-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
}
.arc-info-card-v2 {
    background: #fff; border-radius: 14px; overflow: hidden;
    border: 1px solid #dcebe4; box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: transform .2s ease, box-shadow .2s ease;
}
.arc-info-card-v2:hover {
    transform: translateY(-3px); box-shadow: 0 10px 24px rgba(27,67,50,.12);
}
.arc-info-card-v2-media {
    position: relative; height: 110px; background: #f0fdf4;
    background-size: cover; background-position: center;
}
.arc-info-card-v2-media img {
    width: 100%; height: 100%; object-fit: cover;
}
.arc-info-card-v2-tag {
    position: absolute; bottom: 8px; right: 8px;
    font-size: 10px; font-weight: 700; background: #fff;
    color: #166534; border-radius: 999px; padding: 4px 10px;
}
.arc-info-card-v2-body { padding: 10px 12px 12px; }
.arc-info-card-v2-body h6 {
    font-size: 13px; font-weight: 700; color: #14532d;
    margin-bottom: 4px; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.arc-info-card-v2-body p {
    font-size: 11px; color: #64748b; margin: 0; line-height: 1.35;
}

/* Fix page width blowout */
.arc-usp-section { max-width: 100vw; }
.arc-usp-track-wrap { max-width: 100%; overflow: hidden; }
.arc-product-carousel-wrap { max-width: 100%; }
.arc-main .container { padding-left: 12px; padding-right: 12px; }
@media (min-width: 768px) {
    .arc-main .container { padding-left: 15px; padding-right: 15px; }
}

/* --- Sticky full header + reference nav deco --- */
.arc-header-sticky {
    z-index: 1080;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.arc-header-sticky .arc-topbar { position: relative; }
.arc-header-wrap { box-shadow: none !important; }
.arc-header-inner { padding: 8px 12px 10px !important; }
@media (min-width: 768px) { .arc-header-inner { padding: 10px 15px 8px !important; } }
.arc-site-logo { max-height: 56px !important; max-width: min(220px, 58vw) !important; }
@media (min-width: 576px) { .arc-site-logo { max-height: 64px !important; max-width: 260px !important; } }
@media (min-width: 768px) { .arc-site-logo { max-height: 78px !important; max-width: 320px !important; } }
@media (min-width: 992px) { .arc-site-logo { max-height: 92px !important; max-width: 380px !important; } }
@media (min-width: 1200px) { .arc-site-logo { max-height: 100px !important; max-width: 320px !important; } }

/* Mobile header: more room for logo, compact actions */
@media (max-width: 767px) {
    .arc-header-row { gap: 8px; align-items: center; }
    .arc-lang-mobile { display: none !important; }
    .arc-header-actions { gap: 0; }
    .arc-icon-btn { min-width: 40px; padding: 6px 4px !important; }
    .arc-header-action i { font-size: 1.35rem; }
    .arc-menu-btn {
        width: 42px; height: 42px; padding: 0 !important;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 12px;
    }
    .arc-menu-btn i { font-size: 1.35rem; }
}

.arc-navbar { padding: 0 0 8px; margin-top: 0; }
.arc-navbar-outer {
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 52px;
}
.arc-nav-deco {
    position: absolute;
    top: 72%;
    transform: translateY(-50%);
    height: 131px;
    width: auto;
    max-width: 70px;
    pointer-events: none;
    z-index: 1;
}
.arc-nav-deco-left { left: -8px; }
.arc-nav-deco-right { right: -8px; }
.arc-navbar-pill {
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: calc(100% - 40px);
}
.arc-nav-links .nav-link i { margin-right: 4px; font-size: .9rem; }
.arc-nav-links .nav-link.active {
    background: #fff !important;
    color: var(--arc-primary) !important;
    font-weight: 700;
}

/* Motivation split layout */
.arc-motivation-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
    background: #fff;
    border-radius: 18px;
    padding: 16px;
    border: 1px solid #e8f0eb;
    box-shadow: 0 8px 28px rgba(27,67,50,.07);
}
@media (min-width: 768px) {
    .arc-motivation-split {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        padding: 24px 28px;
    }
}
.arc-motivation-copy { text-align: left; }
.arc-motivation-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 700; color: #166534;
    background: #ecfdf5; border-radius: 999px; padding: 5px 12px; margin-bottom: 10px;
}
.arc-motivation-title {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 800; color: #14532d; text-align: left;
}
.arc-motivation-sub { color: #166534; text-align: left; }
.arc-motivation-body { color: #475569; font-size: .94rem; line-height: 1.65; text-align: left; }
.arc-motivation-body p:last-child { margin-bottom: 0; }
.arc-motivation-cta { border-radius: 999px; margin-top: 12px; }
.arc-motivation-img-wrap {
    border-radius: 16px; overflow: hidden;
    background: linear-gradient(135deg, #ecfdf5, #d9f99d);
    min-height: 200px;
    display: flex; align-items: center; justify-content: center;
}
.arc-motivation-img-wrap img {
    width: 100%; height: auto; min-height: 0;
    object-fit: contain;
    object-position: center;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .arc-motivation-media { order: -1; }
    .arc-motivation-img-wrap { min-height: 160px; }
    .arc-motivation-img-wrap img { min-height: 0; }
}

/* FAQ 70/30 */
.arc-faq-section { background: linear-gradient(180deg, #f8fafc, #f0fdf4); }
.arc-faq-image-wrap {
    border-radius: 16px; overflow: hidden;
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    min-height: 100%;
    display: flex; align-items: stretch;
}
.arc-faq-side-img {
    width: 100%; height: 100%; min-height: 320px;
    object-fit: cover;
}

/* Product card gaps */
.arc-product-carousel { gap: 18px !important; }
.arc-product-carousel-item { padding: 0 2px; }
.arc-app-product-scroll { gap: 14px !important; padding: 6px 4px 10px !important; }
.arc-app-product-item { flex: 0 0 48% !important; min-width: 48% !important; }

/* Mobile menu offers */
.arc-mobile-menu-offers .arc-coupon-pill { display: block; width: 100%; }

/* USP credit-card carousel */
.arc-usp-cards-section { background: #f8faf9; overflow: hidden; }
.arc-usp-cards-viewport {
    overflow: hidden; margin: 0 -12px; padding: 4px 0 8px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.arc-usp-cards-track {
    display: flex; gap: 14px; width: max-content;
    animation: arcUspCardsScroll 32s linear infinite;
}
.arc-usp-cards-track:hover { animation-play-state: paused; }
.arc-usp-credit-card {
    flex: 0 0 calc((100vw - 48px) / 1.5);
    min-width: calc((100vw - 48px) / 1.5);
    max-width: calc((100vw - 48px) / 1.5);
    aspect-ratio: 1.58 / 1; border-radius: 18px; padding: 16px 18px;
    color: #fff; display: flex; flex-direction: column; justify-content: space-between;
    box-shadow: 0 12px 32px rgba(0,0,0,.18); position: relative; overflow: hidden;
}
.arc-usp-credit-card::after {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(circle at 85% 15%, rgba(255,255,255,.22), transparent 45%);
    pointer-events: none;
}
.arc-usp-credit-card.g1 { background: linear-gradient(135deg, #14532d, #22c55e); }
.arc-usp-credit-card.g2 { background: linear-gradient(135deg, #1e3a5f, #3b82f6); }
.arc-usp-credit-card.g3 { background: linear-gradient(135deg, #7c2d12, #f97316); }
.arc-usp-credit-card.g4 { background: linear-gradient(135deg, #4c1d95, #a855f7); }
.arc-usp-credit-card.g5 { background: linear-gradient(135deg, #134e4a, #14b8a6); }
.arc-usp-credit-card.g6 { background: linear-gradient(135deg, #713f12, #eab308); }
.arc-usp-card-top { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; }
.arc-usp-card-icon {
    width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.18);
    display: flex; align-items: center; justify-content: center; font-size: 1rem;
}
.arc-usp-card-chip {
    font-size: 10px; font-weight: 800; letter-spacing: .12em;
    background: rgba(255,255,255,.2); border-radius: 6px; padding: 3px 8px;
}
.arc-usp-credit-card h3 { font-size: 1rem; font-weight: 700; margin: 10px 0 4px; position: relative; z-index: 1; }
.arc-usp-credit-card p { font-size: .78rem; opacity: .9; margin: 0; position: relative; z-index: 1; }
@keyframes arcUspCardsScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (min-width: 768px) {
    .arc-usp-credit-card {
        flex: 0 0 calc((min(1140px, 100vw - 48px)) / 3.5);
        min-width: calc((min(1140px, 100vw - 48px)) / 3.5);
        max-width: calc((min(1140px, 100vw - 48px)) / 3.5);
        padding: 18px 20px;
    }
    .arc-usp-credit-card h3 { font-size: 1.05rem; }
}
@media (max-width: 767px) {
    .arc-profit-layout { grid-template-columns: 1fr; gap: 12px; }
    .arc-profit-copy { text-align: center; }
    .arc-profit-thead, .arc-profit-trow { grid-template-columns: 1fr 44px 44px; }
}

/* Product page v2 */
.arc-product-page { padding-bottom: 72px; }
.arc-breadcrumb-pill {
    display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px;
    background: #f1f5f9; border-radius: 999px; padding: 6px 14px;
    font-size: 12px; color: #64748b;
}
.arc-breadcrumb-pill a { color: #166534; text-decoration: none; font-weight: 600; }
.arc-breadcrumb-pill i { font-size: 10px; opacity: .6; }
.arc-breadcrumb-pill span { color: #334155; font-weight: 600; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arc-product-gallery-v2 { padding: 12px; position: relative; }
.arc-product-zoom-stage {
    position: relative; overflow: hidden; border-radius: 12px;
    background: #f8fafc; aspect-ratio: 1; cursor: default;
    touch-action: pan-y;
}
.arc-product-zoom-stage img {
    width: 100%; height: 100%; object-fit: contain; object-position: center;
    transition: transform .15s ease-out; transform-origin: center center;
    display: block; margin: 0 auto;
}
.arc-gallery-nav {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 3; width: 38px; height: 38px; border-radius: 50%;
    border: 0; background: rgba(255,255,255,.92); color: #166534;
    box-shadow: 0 4px 14px rgba(15,23,42,.14);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}
.arc-gallery-prev { left: 10px; }
.arc-gallery-next { right: 10px; }
.arc-gallery-nav:active { transform: translateY(-50%) scale(.96); }
.arc-zoom-tools-v2 { display: flex; gap: 6px; justify-content: center; margin-top: 8px; }
.arc-product-thumbs {
    display: flex; gap: 8px; margin-top: 10px; overflow-x: auto;
    scrollbar-width: none; justify-content: center; padding: 2px 4px;
    -webkit-overflow-scrolling: touch;
}
.arc-product-thumbs::-webkit-scrollbar { display: none; }
.product-thumb-btn {
    flex: 0 0 64px; width: 64px; height: 64px; border-radius: 10px;
    border: 2px solid #e2e8f0; padding: 0; overflow: hidden; background: #fff;
}
.product-thumb-btn.active { border-color: #16a34a; }
.product-thumb-btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 4px; box-sizing: border-box; }
.arc-product-title { color: #0f172a; line-height: 1.3; }
.arc-pdp-title {
    font-size: clamp(1.45rem, 2.6vw, 2.05rem);
    font-weight: 800;
    line-height: 1.25;
    color: #0f172a;
    letter-spacing: -0.02em;
    margin: 0;
    height: auto;
    overflow: visible;
    display: block;
    -webkit-line-clamp: unset;
}
.arc-product-price { font-size: 1.5rem; font-weight: 800; color: #166534; }
.arc-product-price-old { font-size: .95rem; color: #94a3b8; text-decoration: line-through; margin-left: 8px; }
.arc-product-meta-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.arc-chip {
    font-size: 11px; background: #f1f5f9; border-radius: 999px; padding: 5px 10px; color: #475569;
}
.arc-chip i { color: #16a34a; margin-right: 3px; }
.arc-chip-warn { background: #fff7ed; color: #c2410c; }
.arc-chip-warn i { color: #ea580c; }
.arc-tab-pills { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.arc-tab-pills::-webkit-scrollbar { display: none; }
.arc-tab-pills .nav-link {
    flex-shrink: 0; border-radius: 999px !important; font-size: 12px; font-weight: 600;
    padding: 7px 14px !important; color: #64748b; background: #f1f5f9; border: 0;
}
.arc-tab-pills .nav-link.active { background: #166534 !important; color: #fff !important; }
.arc-product-tabs-inline { margin-top: 4px; }
.arc-product-tab-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 14px 16px;
    max-height: min(420px, 50vh);
    overflow-y: auto;
    font-size: .88rem;
    line-height: 1.55;
}
.arc-product-tab-panel .tab-pane { color: #475569; }
@media (min-width: 992px) {
    .arc-product-page .row.g-3.g-md-4 { align-items: flex-start; }
    .arc-product-gallery-v2 {
        position: sticky;
        top: 78px;
    }
}  
.arc-product-mobile-bar {
    position: fixed; left: 10px; right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)); z-index: 1045;
    display: flex; align-items: center; gap: 8px; padding: 10px 12px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.arc-product-mobile-price { font-weight: 800; color: #166534; font-size: 1rem; min-width: 72px; }
@media (max-width: 767px) {
    .arc-product-page { padding-bottom: 148px; }
    .arc-product-gallery-v2 {
        margin-left: 0; margin-right: 0;
        border-radius: 14px;
        padding: 8px;
        width: 100%;
    }
    .arc-product-zoom-stage {
        aspect-ratio: 1;
        width: 100%;
        max-height: none;
        border-radius: 12px;
        background: linear-gradient(180deg, #fff 0%, #f4f7f5 100%);
    }
    .arc-product-zoom-stage img {
        width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 10px;
    }
    .arc-gallery-nav { width: 34px; height: 34px; font-size: 1rem; }
    .arc-gallery-prev { left: 6px; }
    .arc-gallery-next { right: 6px; }
    .arc-zoom-tools-v2 { display: none; }
    .arc-product-thumbs { justify-content: flex-start; }
    .arc-product-tab-panel { max-height: none; }
    .arc-breadcrumb-pill { font-size: 11px; max-width: 100%; }
}

/* Checkout v2 */
.arc-checkout-page .arc-checkout-steps span { flex: 1; justify-content: center; font-size: 11px; }
.arc-checkout-item {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 10px 0;
    border-bottom: 1px solid #f1f5f9; font-size: 13px;
}
.arc-checkout-item:last-child { border-bottom: 0; }
.arc-checkout-item-body { flex: 1; min-width: 0; }
.arc-checkout-item-name { margin-bottom: 6px; }
.arc-checkout-item-actions {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.arc-checkout-item-price { white-space: nowrap; padding-top: 2px; }
.arc-checkout-summary .arc-qty-wrap { display: inline-flex; align-items: center; gap: 0; }
.arc-checkout-summary .arc-qty-wrap .cart-qty {
    width: 42px; text-align: center; border-radius: 0; border-left: 0; border-right: 0;
}
.arc-footer-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.arc-footer-credit a:hover { color: #86efac; }
.arc-payment-option {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    border: 1px solid #dcebe4; border-radius: 10px; margin-bottom: 8px;
    background: #f8fcfa; cursor: pointer; font-size: 13px;
}
.arc-payment-option:has(input:checked) { border-color: #16a34a; background: #ecfdf5; }
.arc-checkout-pay-note {
    margin-top: 8px; font-size: 12px; color: #64748b; text-align: center; line-height: 1.4;
}
.arc-header-user-menu .dropdown-toggle::after { display: none; }
.arc-header-avatar {
    width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
    border: 2px solid #dcfce7; background: #ecfdf5;
}
.arc-header-avatar-fallback {
    width: 34px; height: 34px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #ecfdf5; color: #166534; font-size: 1.1rem;
}
.arc-header-user-name { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arc-complete-avatar-preview {
    width: 88px; height: 88px; border-radius: 50%; object-fit: cover;
    border: 3px solid #dcfce7; background: #f8fafc;
}

/* Contact v2 */
.arc-contact-hero { background: linear-gradient(180deg, #ecfdf5, #fff); }
.arc-contact-item {
    display: flex; align-items: flex-start; gap: 12px; padding: 12px 0;
    border-bottom: 1px solid #f1f5f9; text-decoration: none; color: inherit;
}
.arc-contact-item:last-child { border-bottom: 0; }
.arc-contact-icon {
    width: 40px; height: 40px; border-radius: 12px; background: #ecfdf5; color: #166534;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.arc-contact-item strong { display: block; font-size: 12px; color: #64748b; }
.arc-contact-item span { font-size: 14px; color: #0f172a; }

/* Login v2 */
.arc-login-card { max-width: 420px; margin: 0 auto; }
.arc-login-header { background: linear-gradient(135deg, #14532d, #22c55e); }
.arc-login-logo {
    width: 52px; height: 52px; border-radius: 50%; margin: 0 auto;
    background: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}
.letter-spacing-otp { letter-spacing: .35em; }

/* === Premium v10: centered search, scroll reveal, section polish === */
html { scroll-behavior: smooth; }
.arc-body { -webkit-font-smoothing: antialiased; }

.arc-search-autocomplete { position: relative; width: 100%; }
.arc-search-autocomplete .arc-search-pill { overflow: visible; position: relative; z-index: 2; }
.arc-search-suggest-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 16px 48px rgba(15, 23, 42, .14);
    border: 1px solid #e2e8f0;
    max-height: 380px;
    overflow-y: auto;
    z-index: 1060;
    padding: 8px;
}
.arc-search-suggest-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none;
    color: #0f172a;
    transition: background .2s ease;
}
.arc-search-suggest-item:hover { background: #f0fdf4; color: #14532d; }
.arc-search-suggest-img {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: contain;
    object-position: center;
    background: #f8fafc;
    flex-shrink: 0;
    padding: 3px;
    box-sizing: border-box;
}
.arc-search-suggest-meta { min-width: 0; }
.arc-search-suggest-meta strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arc-search-suggest-meta span { font-size: 12px; color: #16a34a; font-weight: 700; }
.arc-search-suggest-all {
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #166534;
    text-decoration: none;
    border-top: 1px solid #f1f5f9;
    margin-top: 4px;
}

.arc-reveal {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .75s cubic-bezier(.22, 1, .36, 1), transform .75s cubic-bezier(.22, 1, .36, 1);
}
.arc-reveal-left { transform: translateX(-48px); }
.arc-reveal-right { transform: translateX(48px); }
.arc-reveal-delay { transition-delay: .15s; }
.arc-reveal.is-visible {
    opacity: 1;
    transform: none;
}

.arc-motivation-premium { background: linear-gradient(160deg, #f0fdf4 0%, #ecfccb 45%, #fff 100%); }
.arc-motivation-premium-card {
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(22, 101, 52, .12);
    border-radius: 24px;
    padding: clamp(20px, 4vw, 36px);
    box-shadow: 0 20px 60px rgba(20, 83, 45, .08);
}
.arc-motivation-cta-animated {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    padding: 12px 28px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    animation: arcCtaPulse 2.4s ease-in-out infinite;
}
.arc-motivation-cta-animated::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);
    transform: translateX(-120%);
    animation: arcCtaShine 3s ease-in-out infinite;
}
.arc-cta-arrow { transition: transform .3s ease; }
.arc-motivation-cta-animated:hover .arc-cta-arrow { transform: translateX(4px); }
@keyframes arcCtaPulse {
    0%, 100% { box-shadow: 0 4px 18px rgba(22, 163, 74, .35); }
    50% { box-shadow: 0 8px 28px rgba(22, 163, 74, .55); }
}
@keyframes arcCtaShine {
    0% { transform: translateX(-120%); }
    40%, 100% { transform: translateX(120%); }
}
.arc-motivation-img-wrap { position: relative; }
.arc-motivation-img-glow {
    position: absolute;
    inset: -8%;
    background: radial-gradient(circle, rgba(34, 197, 94, .25), transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.arc-motivation-img-wrap img { position: relative; z-index: 1; }

.arc-shop-premium-card {
    border-radius: 22px;
    border: 1px solid #e8f5e9;
    background: linear-gradient(180deg, #fff 0%, #f8fdf9 100%);
    box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
    padding: clamp(18px, 3vw, 28px) !important;
}
.arc-shop-eyebrow { color: #15803d; }
.arc-shop-title { font-weight: 800; color: #14532d; }
.arc-shop-sub { color: #64748b; font-size: .92rem; }
.arc-shop-viewall { font-weight: 600; }
.arc-product-carousel-premium .arc-product-card {
    transition: transform .35s ease, box-shadow .35s ease;
}
.arc-product-carousel-premium .arc-product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(20, 83, 45, .12);
}
.arc-app-product-scroll-premium { scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 6px; }
.arc-app-product-scroll-premium .arc-app-product-item { scroll-snap-align: start; }

.arc-profit-premium .arc-profit-shell {
    border-radius: 22px;
    background: linear-gradient(135deg, #fff 0%, #f0fdf4 100%);
    border: 1px solid rgba(22, 101, 52, .1);
    box-shadow: 0 16px 48px rgba(15, 23, 42, .07);
    padding: clamp(20px, 3vw, 32px);
}
.arc-profit-compare-premium {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(20, 83, 45, .08);
}

.arc-info-premium .arc-info-shell {
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e8f5e9;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
    padding: clamp(16px, 3vw, 24px);
}
.arc-info-toprow-premium .arc-info-quicklink {
    border-radius: 14px;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.arc-info-toprow-premium .arc-info-quicklink:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(22, 101, 52, .12);
}
.arc-info-hero-premium {
    border-radius: 18px;
    overflow: hidden;
}
.arc-info-card-premium {
    transition: transform .3s ease, box-shadow .3s ease;
    border-radius: 16px;
    overflow: hidden;
}
.arc-info-card-premium:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .1);
}
.arc-info-cards-premium { gap: 14px; }

@media (max-width: 991px) {
    .arc-motivation-premium-card { border-radius: 18px; padding: 18px 14px; }
    .arc-reveal-left, .arc-reveal-right { transform: translateY(28px); }
    .arc-reveal.is-visible { transform: none; }
}

/* === v11: search fix, hero mobile nav, profit/info v4, site polish === */
.arc-header-sticky,
.arc-header-wrap,
.arc-header-main,
.arc-header-inner { overflow: visible !important; }

.arc-search-autocomplete { position: relative; width: 100%; z-index: 20; }
.arc-search-suggest-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .16);
    border: 1px solid #dcefe4;
    max-height: 380px;
    overflow-y: auto;
    z-index: 1090;
    padding: 8px;
}
.arc-search-suggest-dropdown[hidden] { display: none !important; }
.arc-search-suggest-dropdown.is-open { display: block; animation: arcSuggestIn .22s ease; }
@keyframes arcSuggestIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: none; }
}
.arc-search-suggest-free { font-size: 11px; color: #0ea5e9; font-weight: 700; }

/* Hero — desktop + mobile */
.arc-hero-visual { position: relative; }
.arc-hero-desktop .arc-hero-img-wrap {
    border-radius: 0 0 22px 22px;
    box-shadow: 0 12px 40px rgba(20, 83, 45, .1);
}
.arc-hero-mobile {
    padding: 0 10px;
    margin-bottom: 4px;
}
.arc-hero-mobile .arc-hero-img-wrap {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .12);
    min-height: 180px;
    max-height: 300px;
}
.arc-hero-mobile .arc-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 300px;
}
.arc-hero-control {
    width: auto;
    opacity: 1;
    z-index: 3;
}
.arc-hero-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: #14532d;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
    border: 1px solid rgba(22, 101, 52, .15);
    font-size: 14px;
    transition: transform .2s ease, background .2s ease;
}
.arc-hero-control:hover .arc-hero-arrow {
    background: #fff;
    transform: scale(1.08);
}
.arc-hero-mobile .arc-hero-arrow {
    width: 28px;
    height: 28px;
    font-size: 12px;
}
.arc-hero-mobile .carousel-control-prev { left: 6px; }
.arc-hero-mobile .carousel-control-next { right: 6px; }
.arc-hero-mobile .arc-hero-control { display: flex; }
.arc-hero-mobile .arc-hero-dots { display: flex; margin-bottom: 6px; }
.arc-hero-dots { margin-bottom: 12px; }
.arc-hero-dots-mobile {
    margin-bottom: 6px;
}
.arc-hero-dots-mobile button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 3px;
}

/* Profit v4 */
.arc-profit-v4 { background: linear-gradient(165deg, #fffbeb 0%, #ecfdf5 55%, #f0fdf4 100%); }
.arc-profit-layout-v4 {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: clamp(20px, 3vw, 32px);
    align-items: center;
}
.arc-profit-title-v4 {
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 8px;
}
.arc-profit-sub-v4 { font-size: .95rem; font-weight: 700; color: #14532d; margin-bottom: 8px; }
.arc-profit-body-v4 { font-size: .88rem; color: #64748b; line-height: 1.6; margin-bottom: 14px; }
.arc-profit-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.arc-profit-stat {
    background: linear-gradient(135deg, #f0fdf4, #fff);
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    padding: 12px 10px;
    text-align: center;
}
.arc-profit-stat strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    color: #15803d;
    line-height: 1.1;
}
.arc-profit-stat span {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.arc-profit-compare-v4 {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 16px 48px rgba(20, 83, 45, .1);
    padding: 16px;
    overflow: hidden;
}
.arc-profit-compare-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}
.arc-profit-brand-us {
    background: linear-gradient(135deg, #14532d, #22c55e);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 999px;
}
.arc-profit-brand-vs { font-size: 11px; color: #94a3b8; font-weight: 700; }
.arc-profit-brand-them { font-size: 12px; color: #94a3b8; font-weight: 600; }
.arc-profit-compare-head-v4,
.arc-profit-compare-row-v4 {
    display: grid;
    grid-template-columns: 1fr 56px 56px;
    gap: 8px;
    align-items: center;
}
.arc-profit-compare-head-v4 {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    padding-bottom: 8px;
    border-bottom: 2px solid #f1f5f9;
    margin-bottom: 4px;
}
.arc-profit-compare-row-v4 {
    padding: 9px 0;
    border-bottom: 1px solid #f8fafc;
    animation: arcRowIn .5s ease backwards;
    animation-delay: var(--row-delay, 0s);
}
.arc-profit-compare-row-v4:last-child { border-bottom: 0; }
@keyframes arcRowIn {
    from { opacity: 0; transform: translateX(12px); }
    to { opacity: 1; transform: none; }
}
.arc-profit-compare-row-v4 .arc-pcol-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    font-weight: 600;
    color: #334155;
}
.arc-profit-compare-row-v4 .arc-pcol-label i { color: #16a34a; }

/* Info v4 */
.arc-info-v4 { background: linear-gradient(180deg, #f8faf9 0%, #fff 100%); }
.arc-info-header-v4 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.arc-info-badge-v4 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #166534;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    padding: 5px 12px;
    margin-bottom: 8px;
}
.arc-info-title-v4 {
    font-size: clamp(1.3rem, 3vw, 1.65rem);
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}
.arc-info-sub-v4 { color: #64748b; font-size: .9rem; margin: 0; max-width: 520px; }
.arc-info-viewall-v4 { font-weight: 700; white-space: nowrap; }
.arc-info-quicklink-v4 {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}
.arc-info-featured-banner {
    border-radius: 18px;
    min-height: 140px;
    background-size: cover;
    background-position: center;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}
.arc-info-featured-overlay {
    background: linear-gradient(135deg, rgba(20, 83, 45, .88), rgba(34, 197, 94, .75));
    padding: 24px 20px;
    color: #fff;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.arc-info-featured-overlay h3 { font-size: 1.15rem; font-weight: 800; margin-bottom: 6px; }
.arc-info-featured-overlay p { font-size: .85rem; opacity: .92; margin-bottom: 12px; max-width: 400px; }
.arc-info-magazine {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.arc-info-mag-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e2ebe6;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
    position: relative;
}
.arc-info-mag-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #14532d, #22c55e, #86efac);
    opacity: .85;
}
.arc-info-mag-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(20, 83, 45, .14);
    border-color: #bbf7d0;
    color: inherit;
}
.arc-info-mag-card.is-featured {
    grid-column: span 2;
    flex-direction: column;
}
.arc-info-mag-media {
    position: relative;
    height: 140px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eef2ef;
}
.arc-info-mag-card.is-featured .arc-info-mag-media {
    width: 100%;
    height: 200px;
    min-height: unset;
}
.arc-info-mag-media img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    object-position: center;
    /* padding: 4px 8px; */
    box-sizing: border-box;
    transition: transform .4s ease;
}
.arc-info-mag-card:hover .arc-info-mag-media img { transform: scale(1.03); }
.arc-info-mag-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .96);
    color: #166534;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
    border: 1px solid #e2ebe6;
}
.arc-info-mag-body { padding: 14px 16px 16px; flex: 1; display: flex; flex-direction: column; gap: 4px; }
.arc-info-mag-tag {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #16a34a;
    letter-spacing: .05em;
}
.arc-info-mag-body h6 {
    font-size: .92rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.arc-info-mag-body p {
    font-size: .78rem;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.arc-info-mag-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px dashed #e2ebe6;
}
.arc-info-mag-chip {
    font-size: 10px;
    font-weight: 700;
    color: #166534;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    padding: 3px 8px;
    white-space: nowrap;
}
.arc-info-mag-arrow {
    font-size: 12px;
    font-weight: 700;
    color: #15803d;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Global section polish */
.arc-app-section-card {
    border-radius: 20px !important;
    border: 1px solid #edf2ef !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, .05) !important;
}
.arc-hero-points {
    background: #fff;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
    box-shadow: 0 4px 20px rgba(15, 23, 42, .04);
}
.arc-hero-point {
    transition: transform .25s ease;
}
.arc-hero-point:hover { transform: translateY(-2px); }
.arc-testimonials-section .arc-testimonial-card {
    border-radius: 16px;
    border: 1px solid #e8f0eb;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}
.arc-testimonials-section .arc-testimonial-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(20, 83, 45, .1);
}
.arc-reviews-card-v2 {
    border-radius: 18px !important;
    box-shadow: 0 6px 24px rgba(22, 101, 52, .08) !important;
}

@media (max-width: 991px) {
    .arc-profit-layout-v4 { grid-template-columns: 1fr; }
    .arc-profit-stats { grid-template-columns: repeat(3, 1fr); }
    .arc-info-magazine {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding-bottom: 6px;
        scrollbar-width: none;
    }
    .arc-info-magazine::-webkit-scrollbar { display: none; }
    .arc-info-mag-card {
        flex: 0 0 72%;
        scroll-snap-align: start;
        min-width: 72%;
    }
    .arc-info-mag-card.is-featured {
        flex: 0 0 85%;
        min-width: 85%;
        flex-direction: column;
        grid-column: auto;
    }
    .arc-info-mag-card.is-featured .arc-info-mag-media {
        width: 100%;
        height: 140px;
    }
    .arc-info-header-v4 { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 575px) {
    .arc-profit-stats { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
    .arc-profit-stat { padding: 10px 6px; }
    .arc-profit-stat strong { font-size: 1rem; }
    .arc-profit-stat span { font-size: 9px; }
}

/* === v12: hero natural size, WhatsApp + live chat, homepage polish === */

/* Hero — 100% width, auto height (desktop + mobile) */
.arc-hero-visual { width: 100%; background: #f8faf9; }
.arc-hero-visual .carousel,
.arc-hero-visual .carousel-inner,
.arc-hero-visual .carousel-item,
.arc-hero-slide-link { width: 100%; }
.arc-hero-img-wrap {
    width: 100% !important;
    min-height: unset !important;
    max-height: none !important;
    height: auto !important;
    padding: 0 !important;
    display: block !important;
    line-height: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
}
.arc-hero-img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center;
    display: block;
    vertical-align: top;
}
.arc-hero-desktop .arc-hero-img-wrap,
.arc-hero-mobile .arc-hero-img-wrap {
    min-height: unset !important;
    max-height: none !important;
    border-radius: 0;
    box-shadow: none;
}
.arc-hero-mobile { padding: 0; margin-bottom: 0; }
.arc-hero-desktop .arc-hero-img-wrap { border-radius: 0 0 20px 20px; overflow: hidden; }
.arc-hero-mobile .arc-hero-img-wrap { border-radius: 0 0 14px 14px; overflow: hidden; margin: 0 8px; width: calc(100% - 16px) !important; }

/* Floating WhatsApp + Chat */
.arc-fab-stack {
    position: fixed;
    right: 16px;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    z-index: 1085;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}
/* Product sticky bar (Add to Cart / Buy Now) — lift FABs above it */
@media (max-width: 767px) {
    body:has(.arc-product-mobile-bar) .arc-fab-stack,
    body.arc-has-product-bar .arc-fab-stack {
        bottom: calc(148px + env(safe-area-inset-bottom, 0px));
        right: 12px;
    }
    body:has(.arc-product-mobile-bar) .arc-fab,
    body.arc-has-product-bar .arc-fab {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }
    body:has(.arc-product-mobile-bar) .arc-chat-panel,
    body.arc-has-product-bar .arc-chat-panel {
        bottom: calc(210px + env(safe-area-inset-bottom, 0px));
        max-height: min(420px, calc(100vh - 230px));
    }
}
@media (min-width: 768px) {
    .arc-fab-stack { bottom: 24px; right: 22px; }
}
.arc-fab {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
    color: #fff;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .22);
    transition: transform .25s ease, box-shadow .25s ease;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}
.arc-fab:hover {
    transform: scale(1.08);
    color: #fff;
    box-shadow: 0 12px 36px rgba(15, 23, 42, .28);
}
.arc-fab-wa { background: linear-gradient(135deg, #25d366, #128c7e); }
.arc-fab-nutrition {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
}
.arc-fab-chat {
    background: linear-gradient(135deg, #14532d, #22c55e);
}
.arc-fab-chat.is-active { transform: scale(.95); }
.arc-fab-pulse {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid rgba(34, 197, 94, .5);
    animation: arcFabPulse 2s ease infinite;
    pointer-events: none;
}
@keyframes arcFabPulse {
    0%, 100% { transform: scale(1); opacity: .8; }
    50% { transform: scale(1.15); opacity: 0; }
}

/* Live chat panel */
.arc-chat-panel {
    position: fixed;
    right: 16px;
    bottom: calc(140px + env(safe-area-inset-bottom, 0px));
    width: min(360px, calc(100vw - 32px));
    max-height: min(520px, calc(100vh - 180px));
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .2);
    border: 1px solid #e2e8f0;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translateY(16px) scale(.96);
    opacity: 0;
    pointer-events: none;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), opacity .28s ease;
}
.arc-chat-panel.is-open {
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
.arc-chat-panel[hidden] { display: flex !important; }
@media (min-width: 768px) {
    .arc-chat-panel { right: 22px; bottom: 90px; }
}
.arc-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: linear-gradient(135deg, #14532d, #22c55e);
    color: #fff;
}
.arc-chat-header-info { display: flex; align-items: center; gap: 10px; }
.arc-chat-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(255,255,255,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}
.arc-chat-header strong { display: block; font-size: 14px; }
.arc-chat-status {
    font-size: 11px; opacity: .9; display: flex; align-items: center; gap: 4px;
}
.arc-chat-status i { font-size: 7px; color: #86efac; }
.arc-chat-close {
    background: rgba(255,255,255,.15);
    border: none; color: #fff; width: 32px; height: 32px;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.arc-chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    background: #f8fafc;
    min-height: 200px;
    max-height: 340px;
}
.arc-chat-welcome p {
    font-size: 13px; color: #475569; margin-bottom: 12px; line-height: 1.5;
}
.arc-chat-quick {
    display: flex; flex-wrap: wrap; gap: 8px;
}
.arc-chat-chip {
    border: 1px solid #bbf7d0;
    background: #fff;
    color: #166534;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: background .2s, transform .2s;
}
.arc-chat-chip:hover { background: #ecfdf5; transform: translateY(-1px); }
.arc-chat-msg {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    animation: arcMsgIn .25s ease;
}
@keyframes arcMsgIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}
.arc-chat-msg-user { justify-content: flex-end; }
.arc-chat-msg-user .arc-chat-msg-bubble {
    background: linear-gradient(135deg, #14532d, #16a34a);
    color: #fff;
    border-radius: 16px 16px 4px 16px;
}
.arc-chat-msg-bot .arc-chat-msg-bubble {
    background: #fff;
    color: #334155;
    border: 1px solid #e2e8f0;
    border-radius: 16px 16px 16px 4px;
}
.arc-chat-msg-avatar {
    width: 28px; height: 28px; flex-shrink: 0;
    border-radius: 50%; background: #ecfdf5; color: #166534;
    display: flex; align-items: center; justify-content: center; font-size: 12px;
}
.arc-chat-msg-bubble {
    max-width: 82%;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-word;
}
.arc-chat-typing .arc-chat-msg-bubble {
    display: flex; gap: 4px; padding: 12px 16px;
}
.arc-chat-typing .arc-chat-msg-bubble span {
    width: 7px; height: 7px; border-radius: 50%; background: #94a3b8;
    animation: arcDot 1.2s ease infinite;
}
.arc-chat-typing .arc-chat-msg-bubble span:nth-child(2) { animation-delay: .15s; }
.arc-chat-typing .arc-chat-msg-bubble span:nth-child(3) { animation-delay: .3s; }
@keyframes arcDot {
    0%, 80%, 100% { transform: scale(.6); opacity: .5; }
    40% { transform: scale(1); opacity: 1; }
}
.arc-chat-form {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}
.arc-chat-input {
    flex: 1;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 14px;
    outline: none;
}
.arc-chat-input:focus { border-color: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.arc-chat-send {
    width: 42px; height: 42px; border-radius: 50%; border: none;
    background: linear-gradient(135deg, #14532d, #22c55e);
    color: #fff; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

/* Homepage premium polish */
.arc-home-page .arc-main { background: #fafcfb; }
.arc-home-premium .arc-section { position: relative; }
.arc-home-premium .arc-section:nth-child(even) {
    background: linear-gradient(180deg, rgba(240,253,244,.45) 0%, transparent 100%);
}
.arc-home-premium .arc-motivation-premium-card,
.arc-home-premium .arc-shop-premium-card,
.arc-home-premium .arc-profit-shell,
.arc-home-premium .arc-info-shell,
.arc-home-premium .arc-app-section-card {
    transition: box-shadow .35s ease;
}
.arc-home-premium .arc-motivation-premium-card:hover,
.arc-home-premium .arc-shop-premium-card:hover,
.arc-home-premium .arc-profit-shell:hover,
.arc-home-premium .arc-info-shell:hover {
    box-shadow: 0 20px 56px rgba(20, 83, 45, .1) !important;
}
.arc-home-premium .section-title {
    letter-spacing: -.02em;
}
@media (max-width: 767px) {
    .arc-fab { width: 48px; height: 48px; font-size: 1.3rem; }
    .arc-chat-panel { right: 10px; width: calc(100vw - 20px); }
    .arc-chat-body { max-height: 280px; }
}

/* === v14: Liquid / Solid category + landing pages === */
.arc-khaad-type-section { background: linear-gradient(180deg, #ecfdf5 0%, #fff 70%); }
.arc-khaad-type-title {
    font-size: clamp(1.35rem, 3.5vw, 1.85rem);
    font-weight: 800; color: #14532d; margin: 8px 0 6px;
}
.arc-khaad-type-sub { color: #64748b; max-width: 520px; margin: 0 auto 18px; font-size: .92rem; }
.arc-khaad-type-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
@media (max-width: 575px) {
    .arc-khaad-type-grid { grid-template-columns: 1fr; gap: 12px; }
}
.arc-khaad-type-card {
    display: block; text-decoration: none !important; color: #0f172a !important;
    background: #fff; border-radius: 20px; overflow: hidden;
    border: 1px solid #dcefe4;
    box-shadow: 0 10px 32px rgba(20, 83, 45, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}
.arc-khaad-type-card:hover,
.arc-khaad-type-card:focus,
.arc-khaad-type-card:visited {
    transform: translateY(-4px);
    box-shadow: 0 18px 44px rgba(20, 83, 45, .14);
    color: #0f172a !important;
    text-decoration: none !important;
}
.arc-khaad-type-card h3,
.arc-khaad-type-card p,
.arc-khaad-type-card span {
    text-decoration: none !important;
}
.arc-khaad-type-media {
    position: relative; aspect-ratio: 16/10; background: #f0fdf4; overflow: hidden;
}
.arc-khaad-type-media img {
    width: 100%; height: 100%; object-position: center;
    box-sizing: border-box;
    transition: transform .45s ease;
}
.arc-khaad-type-card:hover .arc-khaad-type-media img { transform: scale(1.05); }
.arc-khaad-type-pill {
    position: absolute; left: 12px; bottom: 12px;
    background: rgba(20, 83, 45, .92); color: #fff;
    font-size: 12px; font-weight: 700; padding: 6px 12px;
    border-radius: 999px; display: inline-flex; align-items: center; gap: 6px;
}
.arc-khaad-solid .arc-khaad-type-pill { background: rgba(120, 53, 15, .92); }
.arc-khaad-type-body { padding: 14px 16px 16px; }
.arc-khaad-type-body h3 {
    font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0 0 4px;
}
.arc-khaad-type-body p { font-size: .82rem; color: #64748b; margin: 0 0 10px; }
.arc-khaad-type-cta {
    font-size: 13px; font-weight: 700; color: #15803d;
    display: inline-flex; align-items: center; gap: 6px;
}

/* Landing page */
.arc-landing-body .arc-main { background: #f7faf8; }
.arc-landing-page { padding-bottom: 90px; }
.arc-lp-container { max-width: 920px; }
.arc-lp-hero {
    position: relative; padding: 18px 0 8px;
    background: linear-gradient(165deg, #0b3d2e 0%, #14532d 45%, #166534 100%);
    overflow: hidden;
}
.arc-lp-hero-bg {
    position: absolute; inset: 0;
    background-image: var(--lp-hero);
    background-size: cover; background-position: center;
    opacity: .18; filter: blur(1px);
}
.arc-lp-hero-card {
    position: relative; z-index: 1;
    background: rgba(255,255,255,.96);
    border-radius: 22px; padding: 20px 18px 22px;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}
.arc-lp-badge {
    display: inline-flex; font-size: 11px; font-weight: 800;
    text-transform: uppercase; letter-spacing: .05em;
    background: #ecfdf5; color: #166534; border: 1px solid #bbf7d0;
    border-radius: 999px; padding: 5px 12px; margin-bottom: 10px;
}
.arc-lp-title {
    font-size: clamp(1.5rem, 4.5vw, 2.1rem);
    font-weight: 800; color: #0f172a; line-height: 1.15; margin-bottom: 8px;
}
.arc-lp-sub { color: #475569; font-size: .95rem; line-height: 1.55; margin-bottom: 14px; }
.arc-lp-hero-media {
    border-radius: 16px; overflow: hidden; margin-bottom: 14px;
    background: #f0fdf4; aspect-ratio: 16/10;
}
.arc-lp-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arc-lp-cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
.arc-lp-btn-yellow {
    background: #facc15 !important; color: #14532d !important;
    font-weight: 800 !important; border: none !important;
    border-radius: 12px !important; padding: 12px 22px !important;
    box-shadow: 0 8px 20px rgba(250, 204, 21, .35);
    text-transform: uppercase; letter-spacing: .02em;
}
.arc-lp-btn-yellow:hover { background: #eab308 !important; color: #052e16 !important; }
.arc-lp-btn-outline {
    background: transparent; border: 2px solid #14532d; color: #14532d;
    font-weight: 700; border-radius: 12px; padding: 10px 18px;
}
.arc-lp-btn-outline-light {
    background: transparent; border: 2px solid rgba(255,255,255,.7); color: #fff;
    font-weight: 700; border-radius: 12px; padding: 10px 18px;
}
.arc-lp-btn-wa {
    width: 48px; height: 48px; border-radius: 12px;
    background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem; flex-shrink: 0;
}
.arc-lp-section { padding: 28px 0; }
.arc-lp-heading {
    text-align: center; font-size: clamp(1.25rem, 3.5vw, 1.65rem);
    font-weight: 800; color: #14532d; margin-bottom: 8px;
}
.arc-lp-lead {
    text-align: center; color: #64748b; font-size: .9rem;
    max-width: 560px; margin: 0 auto 18px; line-height: 1.5;
}
.arc-lp-cta-center { text-align: center; margin-top: 18px; }
.arc-lp-proof { background: #fff; }
.arc-lp-proof-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
@media (min-width: 768px) {
    .arc-lp-proof-grid { grid-template-columns: repeat(3, 1fr); }
}
.arc-lp-proof-item {
    display: flex; align-items: center; gap: 8px;
    background: #f0fdf4; border: 1px solid #bbf7d0;
    border-radius: 12px; padding: 12px;
    font-size: .85rem; font-weight: 600; color: #14532d;
}
.arc-lp-proof-item i { color: #16a34a; font-size: 1.1rem; }
.arc-lp-compare { background: #ecfdf5; }
.arc-lp-compare-table {
    background: #fff; border-radius: 16px; overflow: hidden;
    border: 1px solid #d1fae5; box-shadow: 0 8px 28px rgba(20,83,45,.08);
}
.arc-lp-compare-head, .arc-lp-compare-row {
    display: grid; grid-template-columns: 1fr 70px 70px;
    gap: 8px; align-items: center; padding: 12px 14px;
}
.arc-lp-compare-head {
    background: #14532d; color: #fff; font-size: 11px;
    font-weight: 800; text-transform: uppercase;
}
.arc-lp-compare-row {
    border-bottom: 1px solid #f1f5f9; font-size: .85rem; color: #334155; font-weight: 600;
}
.arc-lp-compare-row:last-child { border-bottom: 0; }
.arc-lp-compare-row .yes {
    width: 28px; height: 28px; margin: 0 auto; border-radius: 50%;
    background: #dcfce7; color: #16a34a; display: flex; align-items: center; justify-content: center;
}
.arc-lp-compare-row .no {
    width: 28px; height: 28px; margin: 0 auto; border-radius: 50%;
    background: #fee2e2; color: #dc2626; display: flex; align-items: center; justify-content: center;
}
.arc-lp-app { background: #fff; }
.arc-lp-app-gallery {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px;
}
@media (max-width: 575px) {
    .arc-lp-app-gallery { grid-template-columns: repeat(2, 1fr); }
}
.arc-lp-app-thumb {
    border-radius: 12px; overflow: hidden; aspect-ratio: 1;
    background: #e8f5ec; border: 1px solid #dcefe4;
}
.arc-lp-app-thumb img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
    display: block;
}
.arc-lp-accordion { display: flex; flex-direction: column; gap: 8px; }
.arc-lp-acc-item {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;
}
.arc-lp-acc-btn {
    width: 100%; display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 14px 16px; background: #f8fafc; border: none;
    font-size: .92rem; font-weight: 700; color: #14532d; text-align: left; cursor: pointer;
}
.arc-lp-acc-btn i { transition: transform .25s ease; }
.arc-lp-acc-item.is-open .arc-lp-acc-btn i { transform: rotate(45deg); }
.arc-lp-acc-body {
    display: none; padding: 0 16px 14px; color: #475569; font-size: .88rem; line-height: 1.55;
}
.arc-lp-acc-item.is-open .arc-lp-acc-body { display: block; }
.arc-lp-products { background: #f0fdf4; }
.arc-lp-product-grid {
    display: grid; grid-template-columns: 1fr; gap: 14px;
}
@media (min-width: 768px) {
    .arc-lp-product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
    .arc-lp-product-grid { grid-template-columns: repeat(2, 1fr); }
}
.arc-lp-pcard {
    position: relative; background: #fff; border-radius: 18px; overflow: hidden;
    border: 1px solid #dcefe4; box-shadow: 0 10px 32px rgba(15,23,42,.06);
    display: flex; flex-direction: column;
}
.arc-lp-pcard-badge {
    position: absolute; top: 12px; left: 12px; z-index: 2;
    background: #14532d; color: #fff; font-size: 11px; font-weight: 800;
    padding: 5px 10px; border-radius: 999px;
}
.arc-lp-pcard-img {
    display: flex; align-items: center; justify-content: center;
    aspect-ratio: 4/3; background: linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
    overflow: hidden; border-bottom: 1px solid #eef2ef;
}
.arc-lp-pcard-img img {
    width: 100%; height: 100%; object-fit: contain; object-position: center;
    padding: 4px 8px; box-sizing: border-box;
}
.arc-lp-pcard-body { padding: 14px 16px 16px; flex: 1; display: flex; flex-direction: column; }
.arc-lp-pcard-body h3 {
    font-size: .98rem; font-weight: 800; color: #0f172a; line-height: 1.3; margin-bottom: 4px;
}
.arc-lp-bestfor { font-size: .78rem; color: #64748b; margin-bottom: 8px; }
.arc-lp-price { margin-bottom: 10px; }
.arc-lp-price strong { font-size: 1.25rem; color: #dc2626; font-weight: 800; }
.arc-lp-price s { color: #94a3b8; font-size: .9rem; margin-left: 6px; }
.arc-lp-checks {
    list-style: none; padding: 0; margin: 0 0 14px;
    flex: 1;
}
.arc-lp-checks li {
    display: flex; gap: 8px; align-items: flex-start;
    font-size: .8rem; color: #334155; margin-bottom: 5px; line-height: 1.35;
}
.arc-lp-checks i { color: #16a34a; margin-top: 2px; }
.arc-lp-detail-link {
    display: block; text-align: center; margin-top: 8px;
    font-size: 12px; font-weight: 600; color: #166534; text-decoration: none;
}
.arc-lp-faq { background: #fff; }
.arc-lp-faq-visual {
    border-radius: 16px; overflow: hidden; margin-bottom: 16px;
    aspect-ratio: 16/9; background: #ecfdf5;
}
.arc-lp-faq-visual img { width: 100%; height: 100%; object-fit: cover; }
.arc-lp-trust { background: #ecfdf5; }
.arc-lp-trust-card {
    display: grid; gap: 14px; background: #fff; border-radius: 18px;
    overflow: hidden; border: 1px solid #d1fae5;
}
@media (min-width: 768px) {
    .arc-lp-trust-card { grid-template-columns: 1fr 1fr; align-items: stretch; }
}
.arc-lp-trust-img { min-height: 180px; background: #f0fdf4; }
.arc-lp-trust-img img { width: 100%; height: 100%; object-fit: cover; min-height: 180px; }
.arc-lp-trust-copy { padding: 16px 18px; color: #334155; font-size: .9rem; line-height: 1.55; }
.arc-lp-join { padding-bottom: 36px; }
.arc-lp-join-visual {
    border-radius: 16px 16px 0 0; overflow: hidden; aspect-ratio: 16/9;
}
.arc-lp-join-visual img { width: 100%; height: 100%; object-fit: cover; }
.arc-lp-join-banner {
    background: #14532d; color: #fff; border-radius: 0 0 16px 16px;
    padding: 22px 18px; text-align: center;
}
.arc-lp-join-banner h2 { font-size: 1.25rem; font-weight: 800; margin-bottom: 8px; }
.arc-lp-join-banner p { opacity: .9; font-size: .88rem; margin-bottom: 14px; }
.arc-lp-join-banner .btn { margin: 4px; }
.arc-lp-sticky-cta {
    position: fixed; left: 10px; right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    z-index: 1045; display: flex; gap: 8px; padding: 10px;
    background: #fff; border-radius: 14px; border: 1px solid #e2e8f0;
    box-shadow: 0 8px 28px rgba(0,0,0,.14);
}
body:has(.arc-lp-sticky-cta) .arc-fab-stack,
body.arc-has-lp-cta .arc-fab-stack {
    bottom: calc(148px + env(safe-area-inset-bottom, 0px));
}
body:has(.arc-lp-sticky-cta) .arc-chat-panel,
body.arc-has-lp-cta .arc-chat-panel {
    bottom: calc(210px + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 768px) {
    .arc-landing-page { padding-bottom: 40px; }
}

/* v15 — stats, community, crops, benefits sections */
.arc-lp-stats { background: #14532d; padding: 20px 0; }
.arc-lp-stats-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
@media (min-width: 768px) {
    .arc-lp-stats-grid { grid-template-columns: repeat(4, 1fr); }
}
.arc-lp-stat-box {
    text-align: center; background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.15); border-radius: 14px;
    padding: 14px 10px; color: #fff;
}
.arc-lp-stat-box strong {
    display: block; font-size: 1.35rem; font-weight: 800;
    color: #facc15; line-height: 1.1; margin-bottom: 4px;
}
.arc-lp-stat-box span { font-size: 11px; opacity: .9; font-weight: 600; }

.arc-lp-community { background: #fff; }
.arc-lp-community-card {
    border-radius: 18px; overflow: hidden;
    border: 1px solid #e2e8f0; box-shadow: 0 10px 32px rgba(15,23,42,.06);
}
@media (min-width: 768px) {
    .arc-lp-community-card { display: grid; grid-template-columns: 1.1fr 1fr; }
}
.arc-lp-community-img { min-height: 200px; background: #ecfdf5; }
.arc-lp-community-img img { width: 100%; height: 100%; object-fit: cover; min-height: 200px; }
.arc-lp-community-copy {
    padding: 20px 18px; display: flex; flex-direction: column; justify-content: center;
}
.arc-lp-community-copy h2 {
    font-size: 1.2rem; font-weight: 800; color: #14532d; margin-bottom: 8px;
}
.arc-lp-community-copy p { color: #64748b; font-size: .9rem; margin: 0; line-height: 1.55; }

.arc-lp-section-banner {
    border-radius: 16px; overflow: hidden; margin-bottom: 16px;
    aspect-ratio: 16/7; background: #ecfdf5;
}
.arc-lp-section-banner img { width: 100%; height: 100%; object-fit: cover; }

.arc-lp-crops { background: #f8faf9; }
.arc-lp-crops-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
@media (min-width: 768px) {
    .arc-lp-crops-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
.arc-lp-crop-card {
    border-radius: 14px; overflow: hidden; background: #fff;
    border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(15,23,42,.05);
}
.arc-lp-crop-card img {
    width: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: center;
    display: block; background: #dcefe4;
}
.arc-lp-crop-card span {
    display: block; padding: 10px 12px; font-size: 13px;
    font-weight: 700; color: #14532d; text-align: center;
}

.arc-lp-benefits { background: #fff; }
.arc-lp-benefits-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
@media (min-width: 768px) {
    .arc-lp-benefits-grid { grid-template-columns: repeat(3, 1fr); }
}
.arc-lp-benefit-card {
    background: #f0fdf4; border: 1px solid #bbf7d0;
    border-radius: 16px; padding: 16px 14px; text-align: center;
}
.arc-lp-benefit-icon {
    width: 44px; height: 44px; border-radius: 50%;
    background: #14532d; color: #fff; margin: 0 auto 10px;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.arc-lp-benefit-card h4 {
    font-size: .9rem; font-weight: 800; color: #14532d; margin-bottom: 6px;
}
.arc-lp-benefit-card p {
    font-size: .78rem; color: #64748b; margin: 0; line-height: 1.45;
}

/* Cart confirm modal */
.arc-cart-confirm {
    position: fixed; inset: 0; z-index: 2000;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.arc-cart-confirm[hidden] { display: none !important; }
.arc-cart-confirm-backdrop {
    position: absolute; inset: 0; background: rgba(15, 23, 42, .55);
}
.arc-cart-confirm-card {
    position: relative; z-index: 1; width: min(420px, 100%);
    background: #fff; border-radius: 20px; padding: 28px 22px 22px;
    text-align: center; box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
}
.arc-cart-confirm-close {
    position: absolute; top: 10px; right: 10px;
    border: 0; background: #f1f5f9; width: 32px; height: 32px;
    border-radius: 50%; color: #64748b;
}
.arc-cart-confirm-icon {
    width: 58px; height: 58px; border-radius: 50%; margin: 0 auto 12px;
    background: #ecfdf5; color: #16a34a;
    display: flex; align-items: center; justify-content: center; font-size: 1.6rem;
}
.arc-cart-confirm-card h3 {
    font-size: 1.15rem; font-weight: 800; color: #14532d; margin-bottom: 6px;
}
.arc-cart-confirm-card p {
    font-size: .9rem; color: #64748b; margin-bottom: 18px;
}
.arc-cart-confirm-actions {
    display: flex; flex-direction: column; gap: 8px;
}
@media (min-width: 480px) {
    .arc-cart-confirm-actions { flex-direction: row; justify-content: center; }
    .arc-cart-confirm-actions .btn { min-width: 150px; }
}
body.arc-cart-confirm-open { overflow: hidden; }

/* Nutritional + Information pages */
.arc-nutrition-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 800; color: #0f766e;
    background: #ccfbf1; border-radius: 999px; padding: 5px 12px; margin-bottom: 10px;
}
.arc-nutrition-media {
    border-radius: 16px; overflow: hidden; background: #f0fdf4;
    border: 1px solid #d1fae5; aspect-ratio: 16/10;
}
.arc-nutrition-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arc-nutrition-body { line-height: 1.65; color: #334155; }
.arc-nutrition-body ul { padding-left: 1.1rem; }
.arc-nutrition-hero { background: linear-gradient(135deg, #ecfdf5, #fff 55%); }
.arc-nutrition-pill i { font-size: 1.35rem; color: #166534; }
.arc-nutrition-pill span { font-size: .85rem; font-weight: 700; color: #334155; }
.arc-reviews-page-hero { background: linear-gradient(135deg, #fff7ed, #fff); }
.arc-review-card { border: 1px solid #eef2f0; }
.arc-review-avatar { font-size: 1.8rem; color: #16a34a; line-height: 1; }
.arc-review-stars { color: #f59e0b; letter-spacing: 1px; }
.arc-info-page-hero { background: linear-gradient(135deg, #f0fdf4, #fff); }
.arc-info-side-nav { display: flex; flex-direction: column; gap: 6px; }
.arc-info-side-link {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 12px; text-decoration: none;
    color: #334155; font-weight: 600; font-size: .9rem;
    border: 1px solid transparent; background: #f8fafc;
}
.arc-info-side-link i { color: #16a34a; }
.arc-info-side-link:hover { background: #ecfdf5; border-color: #bbf7d0; color: #14532d; }
.arc-info-block-icon {
    width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0;
    background: #ecfdf5; color: #166534;
    display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
}
@media (min-width: 992px) {
    .sticky-lg-top { position: sticky; top: 90px; }
}

/* Cart — mobile app style */
.arc-cart-page { padding-bottom: 100px; }
.arc-cart-item-card {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 10px;
    align-items: start;
    background: #fff;
    border: 1px solid #e8f0eb;
    border-radius: 16px;
    padding: 12px;
    margin-bottom: 10px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .05);
}
.arc-cart-item-thumb {
    width: 72px; height: 72px; border-radius: 12px; overflow: hidden;
    background: linear-gradient(180deg, #fff, #f4f7f5);
    border: 1px solid #eef2ef;
    display: flex; align-items: center; justify-content: center;
}
.arc-cart-item-thumb img {
    width: 100%; height: 100%; object-fit: contain; padding: 4px;
}
.arc-cart-item-name {
    font-size: .82rem; font-weight: 700; color: #0f172a;
    text-decoration: none; line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.arc-cart-item-name small { font-weight: 500; }
.arc-cart-item-price { font-size: .78rem; color: #64748b; margin-top: 2px; }
.arc-cart-line-total { font-size: .88rem; color: #166534; white-space: nowrap; }
.arc-cart-item-remove {
    border: 0; background: #fef2f2; color: #dc2626;
    width: 32px; height: 32px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
}
.arc-cart-summary-row {
    display: flex; justify-content: space-between; gap: 12px;
    font-size: .88rem; padding: 4px 0; color: #64748b;
}
.arc-cart-summary-row strong { color: #0f172a; }
.arc-cart-summary-total {
    border-top: 1px dashed #e2e8f0; margin-top: 6px; padding-top: 10px;
    font-size: 1rem; font-weight: 700;
}
.arc-cart-summary-total strong { color: #166534; font-size: 1.1rem; }
.arc-cart-mobile-checkout {
    position: fixed;
    left: 10px; right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    z-index: 1040;
    padding: 0;
}
body:has(.arc-cart-mobile-checkout) .arc-fab-stack {
    bottom: calc(138px + env(safe-area-inset-bottom, 0px));
}
.arc-cart-table-img img {
    width: 56px; height: 56px; object-fit: contain;
    border-radius: 10px; background: #f8fafc; padding: 4px;
    border: 1px solid #eef2ef;
}
.arc-lp-sticky-cta .arc-lp-btn-yellow { flex: 1; }
@media (max-width: 767px) {
    .arc-cart-page { padding-bottom: 130px; }
}