* {
    box-sizing: border-box;
}

.category-tree summary::after { content:'›'; position:absolute; right:12px; transform:rotate(90deg); }
.shop-logo-image {
    display: inline-block;
    width: 140px;
    height: 40px;
    max-width: 100%;
    object-fit: contain;
    vertical-align: middle;
}

@media (max-width: 767.98px) {
    .shop-logo-image {
        width: 110px;
        height: 32px;
    }
}

body {
    margin: 0;
    font-family: var(--font-family-base);
    color: var(--text-color);
    background: var(--customer-bg-color);
}

.header-user-btn {
    border-radius: 50%;
    transition: transform .15s ease, box-shadow .15s ease;
}
.header-user-btn:hover {
    transform: scale(1.05);
}
.header-user-btn.dropdown-toggle::after,
.header-user-btn::after {
    display: none !important;
}
.customer-avatar-header {
    object-fit: cover;
    border: 2px solid var(--border-color);
}

/* Customer Account Dropdown Menu */
.customer-user-menu {
    min-width: 230px !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
    list-style: none !important;
    background-color: #ffffff !important;
    border: 1px solid var(--border-color, #e2e8f0) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    z-index: 1050 !important;
}
.customer-user-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.customer-user-menu li::before,
.customer-user-menu li::after {
    display: none !important;
    content: none !important;
}
.customer-user-menu .customer-user-header {
    padding: 12px 16px !important;
    background-color: var(--customer-surface-color, #f8fafc) !important;
    border-bottom: 1px solid var(--border-color, #e2e8f0) !important;
}
.customer-user-menu .customer-user-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.customer-user-menu .customer-user-email {
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 2px !important;
}
.customer-user-menu .dropdown-item,
.customer-user-menu a.dropdown-item,
.customer-user-menu button.dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #334155 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background-color .15s ease, color .15s ease !important;
}
.customer-user-menu .dropdown-item:hover,
.customer-user-menu a.dropdown-item:hover,
.customer-user-menu button.dropdown-item:hover {
    background-color: #f1f5f9 !important;
    color: var(--primary-color, #0f172a) !important;
}
.customer-user-menu .dropdown-item.text-danger,
.customer-user-menu button.dropdown-item.text-danger {
    color: #dc2626 !important;
}
.customer-user-menu .dropdown-item.text-danger:hover,
.customer-user-menu button.dropdown-item.text-danger:hover {
    background-color: #fef2f2 !important;
    color: #b91c1c !important;
}
.customer-user-menu .dropdown-item .material-symbols-outlined,
.customer-user-menu .customer-menu-icon {
    font-size: 18px !important;
    line-height: 1 !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--primary-color, #166534) !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.customer-user-menu .dropdown-item.text-danger .material-symbols-outlined,
.customer-user-menu .dropdown-item.text-danger .customer-menu-icon {
    color: #dc2626 !important;
}
.customer-user-menu hr.dropdown-divider {
    margin: 4px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--border-color, #e2e8f0) !important;
    opacity: 1 !important;
}

a {
    color: var(--customer-link-color);
    text-decoration: none;
}

a:hover {
    color: var(--customer-link-hover-color);
}

.btn-primary,
.btn-danger {
    background-color: var(--customer-btn-color);
    border-color: var(--customer-btn-color);
    color: var(--on-button-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-danger:hover,
.btn-danger:focus {
    background-color: var(--customer-btn-hover-color);
    border-color: var(--customer-btn-hover-color);
    color: var(--on-button-hover-color);
}

.customer-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

.customer-page > .storefront-frame {
    flex: 1 0 auto;
}

.customer-page > .shop-footer {
    flex-shrink: 0;
    margin-top: auto;
}

:root { --shop-red:var(--primary-color); --shop-dark:var(--text-color); --shop-line:var(--border-color); --shop-muted:var(--muted-color); }
body { font-size:14px; overflow-x:hidden; }
.shop-shell { width:min(1180px, calc(100% - 32px)); max-width:1180px; margin-inline:auto; box-sizing:border-box; }
.shop-shell .shop-shell { width:100%; max-width:100%; margin-inline:0; }
.shop-header { background:var(--customer-bg-color); border-bottom:1px solid var(--shop-line); position:relative; z-index:30; }
.shop-header-main { height:72px; display:flex; align-items:center; gap:34px; }
.shop-logo { color:var(--text-color); font-size:25px; font-weight:600; letter-spacing:-1px; white-space:nowrap; }
.shop-logo:hover { color:var(--text-color); }.shop-logo span { color:var(--shop-red); font-family: var(--font-family-base); font-size:.72em; font-style:italic; font-weight:400; }
.hero { min-height:255px; background:linear-gradient(115deg,var(--theme-color-fff0d1) 0 42%,var(--theme-color-b6d652) 42% 68%,var(--theme-color-f38b24) 68%); display:flex; align-items:center; justify-content:space-between; overflow:hidden; padding:25px 7%; margin-bottom:24px; position:relative; }
.hero:after { content:'🍁'; position:absolute; font-size:120px; opacity:.13; right:31%; transform:rotate(-18deg); }.hero-copy { display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:1; }.hero-copy>span { color:var(--shop-red); font-weight:600; font-size:12px; }.hero-copy strong { font-size:27px; color:var(--text-color); line-height:1.2; }.hero-copy strong b { color:var(--shop-red); font-size:43px; }.hero-copy small { color:var(--muted-color); }.hero-copy a { margin-top:14px; background:var(--text-color); color:var(--customer-bg-color); padding:8px 17px; font-size:11px; }.hero-sale { width:190px;height:190px; background:var(--theme-color-fff7dc); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-6deg); position:relative; z-index:1; box-shadow:0 6px 20px var(--theme-color-89420033); }.hero-sale small{font-family: var(--font-family-base);color:var(--theme-color-db7537);font-size:19px}.hero-sale strong{font-size:37px;color:var(--shop-red);line-height:1}.hero-sale b{font-size:10px;margin-top:8px}
.shop-footer { background:var(--text-color); color:var(--secondary-color); }.footer-main { padding:40px 0 34px; display:grid; grid-template-columns:1.5fr .8fr .9fr; gap:60px; }.footer-intro { background:var(--text-color); border-radius:6px; padding:22px; }.shop-logo.light { color:var(--customer-bg-color); }.footer-main p,.footer-main address { font-size:11px; line-height:1.8; font-style:normal; }.footer-main h2 { color:var(--muted-color); font-size:13px; letter-spacing:2px; text-transform:uppercase; font-weight:600; margin-bottom:15px; }.footer-main a { color:var(--customer-bg-color); }.social-links { display:flex; gap:18px; }.social-links a { font-size:17px; }.social-links a:last-child { color:var(--primary-color); }.footer-bottom { background:var(--text-color); padding:15px 0; font-size:10px; }.footer-bottom>div { display:flex; justify-content:space-between; align-items:center; }.footer-bottom nav { display:flex; gap:46px; }.footer-bottom a { color:var(--muted-color); }

@media (max-width: 991.98px) {
    .shop-header-main { height:58px; gap:14px; }.footer-main { gap:35px; }
}
@media (max-width: 767.98px) {
    .shop-shell { width:calc(100% - 32px); max-width:100%; }.shop-header-main { flex-wrap:wrap; height:auto; padding-block:10px; }.shop-logo { font-size:20px; }.shop-actions { margin-left:auto; }.footer-main { padding:28px 0 22px; grid-template-columns:1fr; gap:22px; text-align:center; }.footer-intro { padding:20px; }.social-links { justify-content:center; }.footer-bottom>div { flex-direction:column; gap:13px; }.footer-bottom nav { gap:15px; flex-wrap:wrap; justify-content:center; }
}