/* Shared storefront tokens. Theme stylesheets override these values. */
:root {
    --shop-accent: #7fad39;
    --shop-ink: #252525;
    --shop-muted: #6f6f6f;
    --shop-soft: #f3f6fa;
    --shop-border: #e1e1e1;
    --shop-page: #fff;
    --shop-gold: #7fad39;
    --shop-hero-wash: rgba(255,255,255,.85);
}
body { background: var(--shop-page); color: var(--shop-ink); }
.header__logo img, .humberger__menu__logo img, .footer__about__logo img {
    width: auto; max-width: 100%; height: 90px; object-fit: contain;
}
.hero__item { position: relative; isolation: isolate; background-size: cover; background-position: center; }
.hero__item::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--shop-hero-wash), transparent); }
.featured__item__pic { background-color: var(--shop-soft); }
.breadcrumb-section { position: relative; isolation: isolate; background-size: cover; background-position: center; }
.breadcrumb-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,.4); }
.footer__copyright__payment img { max-width: 100%; max-height: 40px; object-fit: contain; }
:focus-visible { outline: 3px solid var(--shop-accent); outline-offset: 3px; }
@media (max-width: 767px) {
    .header__logo img { height: 72px; }
    .hero__text h2 { font-size: 36px; }
    .hero__item { padding: 32px 24px; }
}
