:root {
    --an-dark: #14161a;
    --an-dark-2: #1f2329;
    --an-accent: #f5a63c;
    --an-accent-dark: #d98a1c;
    --an-light: #f4f5f7;
}
body { font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; color: #2b2f36; }
a { color: #b36b00; }

/* Navbar */
.an-navbar { background: #fff; border-bottom: 3px solid var(--an-accent); box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.an-logo { height: 46px; width: auto; }
.an-logo-full { max-height: 120px; width: auto; }
.an-brand { font-weight: 700; letter-spacing: .15em; color: var(--an-dark); }
.an-brand span { color: var(--an-accent-dark); }
.an-navbar .nav-link { color: #3a3f47; font-weight: 500; }
.an-navbar .nav-link:hover, .an-navbar .nav-link:focus { color: var(--an-accent-dark); }
.an-badge { background: var(--an-accent); color: #14161a; }
.an-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Buttons */
.an-btn-accent { background: var(--an-accent); border-color: var(--an-accent); color: #14161a; font-weight: 600; }
.an-btn-accent:hover, .an-btn-accent:focus { background: var(--an-accent-dark); border-color: var(--an-accent-dark); color: #14161a; }

/* Hero / carousel */
.an-hero { background: var(--an-dark); }
.an-slide { height: 520px; object-fit: contain; background: radial-gradient(circle at center, #2b3038 0%, #14161a 80%); }
.an-caption { background: linear-gradient(transparent, rgba(0,0,0,.7)); left: 0; right: 0; bottom: 0; padding-bottom: 3rem; }
.an-caption h2 { font-weight: 700; }
@media (max-width: 768px) { .an-slide { height: 320px; } .an-caption { padding-bottom: 2.2rem; } .an-caption p { display: none; } }

/* Typography & sections */
.an-title { font-weight: 700; color: var(--an-dark); }
.an-lead { max-width: 760px; color: #555b66; }
.an-band { background: var(--an-light); }
.an-pagehead { background: linear-gradient(135deg, var(--an-dark), var(--an-dark-2)); color: #fff; padding: 3rem 0; border-bottom: 3px solid var(--an-accent); }
.an-pagehead h1 { font-weight: 700; }

/* Cards */
.an-card { background: #fff; border: 1px solid #e3e6ea; border-radius: .75rem; padding: 1.75rem; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
.an-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--an-accent); color: #14161a; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }

/* Shop */
.an-product { border-radius: .75rem; overflow: hidden; border: 1px solid #e3e6ea; transition: transform .15s, box-shadow .15s; }
.an-product:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.1) !important; }
.an-product-img { height: 220px; object-fit: cover; background: #eee; }
.an-price { font-weight: 700; color: var(--an-dark); }
.an-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: .4rem; }

/* Order status */
.an-status { width: 72px; height: 72px; line-height: 72px; border-radius: 50%; font-size: 2.2rem; margin: 0 auto 1rem; color: #fff; }
.an-status-ok { background: #2e9e5b; }
.an-status-wait { background: var(--an-accent); color: #14161a; }
.an-status-fail { background: #c9423a; }

/* Footer */
.an-footer { background: var(--an-dark); color: rgba(255,255,255,.8); border-top: 3px solid var(--an-accent); }

/* Blog & FAQ */
.an-post-img { height: 200px; object-fit: cover; background: #eee; }
.an-prose { font-size: 1.05rem; line-height: 1.75; }
.an-prose h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; }
.an-prose h3 { font-size: 1.2rem; font-weight: 700; margin-top: 1.5rem; }
.an-prose img { max-width: 100%; height: auto; border-radius: .5rem; }
.accordion-button:not(.collapsed) { background: #fff4e0; color: #14161a; }
.accordion-button:focus { box-shadow: 0 0 0 .2rem rgba(245,166,60,.35); }

/* Language switch (NL | EN) */
.an-lang { gap: .15rem; margin-right: .25rem; }
.an-lang a { color: #3a3f47; text-decoration: none; font-weight: 600; font-size: .85rem; padding: .25rem .5rem; border-radius: .3rem; }
.an-lang a:hover { color: var(--an-accent-dark); }
.an-lang a.active { background: var(--an-accent); color: #14161a; }
.an-lang-sep { color: #b5b9bf; }