/* tokens used by the shared content styles on seller pages (premium.css isn't loaded here) */
:root {
    --qm-gold-1: #f6e3c8;
    --qm-gold-2: #e2c19c;
    --qm-gold-3: #c79a72;
    --qm-gold-4: #a1785c;
    --qm-brown: #6b3e2e;
    --qm-ink: #1a1210;
    --qm-ease: cubic-bezier(.22, .8, .24, 1);
    --qm-gloss-gold: linear-gradient(180deg, #ecd0ad 0%, #cfa47b 42%, #a1785c 56%, #7d5238 100%);
}

/* Qemmah — public seller header (seller::header2-seller-component). */
.qm-sh {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(251, 247, 242, .86);
    border-bottom: 1px solid rgba(161, 120, 92, .14);
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    backdrop-filter: blur(14px) saturate(1.2);
}
.qm-sh__in { display: flex; align-items: center; gap: 20px; min-height: 76px; }
.qm-sh__brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.qm-sh__brand .logo { width: 96px !important; height: auto; }
.qm-sh__tag { padding: 4px 10px; font-size: 11.5px; font-weight: 800; color: #6b3e2e; background: #f3e6d8; border-radius: 999px; white-space: nowrap; }
.qm-sh__nav { display: flex; flex: 1; justify-content: center; gap: 4px; }
.qm-sh__nav a { position: relative; padding: 10px 14px; font-size: 14.5px; font-weight: 700; color: #3a2a22 !important; text-decoration: none; border-radius: 12px; transition: background-color .2s, color .2s; }
.qm-sh__nav a:hover { background: rgba(161, 120, 92, .08); }
.qm-sh__nav a.is-active { color: #6b3e2e !important; }
.qm-sh__nav a.is-active::after { content: ""; position: absolute; right: 14px; bottom: 4px; left: 14px; height: 2px; background: linear-gradient(90deg, #ecd0ad, #a1785c); border-radius: 2px; }
.qm-sh__actions { display: flex; align-items: center; gap: 8px; }
.qm-sh__lang { display: grid; place-items: center; width: 40px; height: 40px; font-size: 13px; font-weight: 800; color: #6b3e2e !important; text-decoration: none; background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(161, 120, 92, .18); }
.qm-sh__link { padding: 10px 12px; font-size: 14px; font-weight: 700; color: #3a2a22 !important; text-decoration: none; white-space: nowrap; }
.qm-sh__cta { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; font-size: 14px; font-weight: 800; color: #fff !important; white-space: nowrap; text-decoration: none; text-shadow: 0 1px 1px rgba(58, 34, 25, .35); background: linear-gradient(180deg, #ecd0ad 0%, #cfa47b 42%, #a1785c 56%, #7d5238 100%); border-radius: 13px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 12px 24px -14px rgba(107, 62, 46, .9); transition: filter .2s; }
.qm-sh__cta:hover { filter: brightness(1.06); }

@media (max-width: 991px) {
    .qm-sh__nav { display: none; }
    .qm-sh__in { justify-content: space-between; min-height: 64px; gap: 10px; }
    .qm-sh__brand .logo { width: 78px !important; }
}

@media (max-width: 480px) {
    .qm-sh__tag, .qm-sh__link { display: none; }
    .qm-sh__cta { height: 40px; padding: 0 14px; font-size: 13px; }
}

.qm-sh__menu { display: none; place-items: center; width: 40px; height: 40px; font-size: 16px; color: #1a1210; background: #fff; border: 0; border-radius: 12px; box-shadow: 0 0 0 1px rgba(161, 120, 92, .18); }
@media (max-width: 991px) { .qm-sh__menu { display: grid; } }

/* mobile drawer */
.qm-sh-drawer { z-index: 1065 !important; background: rgba(26, 18, 16, .45) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.qm-sh-drawer aside { display: flex; flex-direction: column; width: min(320px, 86vw) !important; padding: 0 !important; background: #fbf7f2 !important; transition: transform .35s cubic-bezier(.22, .8, .24, 1) !important; }
html[lang="en"] .qm-sh-drawer aside { right: auto !important; left: 0; }
html[lang="en"] .qm-sh-drawer aside.close { transform: translateX(-100%) !important; }
.qm-sh-drawer .logo_container { margin: 0 !important; padding: 20px !important; background: linear-gradient(150deg, #1a1210 0%, #2b1a14 60%, #4a2c20 100%); border: 0 !important; }
.qm-sh-drawer .logo_container .logo { width: 80px !important; filter: brightness(0) invert(.9) sepia(.4) saturate(2.2) hue-rotate(-12deg); }
.qm-sh-drawer .close_key { display: grid; place-items: center; width: 38px; height: 38px; color: #f6e3c8; background: rgba(255, 255, 255, .08); border: 1px solid rgba(226, 193, 156, .3); border-radius: 12px; }
.qm-sh-drawer__nav { display: grid; gap: 2px; padding: 14px 12px; }
.qm-sh-drawer__nav a { display: flex; align-items: center; gap: 12px; padding: 13px 12px; font-size: 15px; font-weight: 700; color: #1a1210 !important; text-decoration: none; border-radius: 12px; }
.qm-sh-drawer__nav a:hover { background: #f3ebe2; }
.qm-sh-drawer__nav i { width: 20px; text-align: center; color: #a1785c; }
.qm-sh-drawer__foot { display: grid; gap: 8px; margin-top: auto; padding: 16px 20px 24px; border-top: 1px solid rgba(161, 120, 92, .14); }
.qm-sh-drawer__foot .qm-sh__cta { justify-content: center; height: 48px; }
.qm-sh-drawer__foot .qm-sh__link { text-align: center; }
.qm-sh-drawer__foot .qm-sh__link { display: block !important; }

/* breadcrumb (copied from premium.css) */
/* --------------------------------------------------------------------------
   Breadcrumb (.qm-crumbs) — product, store, cart and checkout pages
   -------------------------------------------------------------------------- */

.qm-crumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #8a7466;
}

.qm-crumbs li { display: inline-flex; align-items: center; gap: 6px; }
.qm-crumbs li + li::before { content: "/"; color: #cbb8a6; }
.qm-crumbs a { font-size: inherit !important; color: #8a7466; text-decoration: none; transition: color .2s; }
.qm-crumbs li { font-size: inherit !important; }
.qm-crumbs a:hover { color: var(--qm-brown); }
.qm-crumbs [aria-current] { max-width: 40ch; overflow: hidden; color: var(--qm-ink); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 575px) {
    .qm-crumbs ol { margin: 14px 0; font-size: 12px; }
}