/* Al-Muqaddim Organic Foods - Premium Header */

.amq-site-header,
.amq-site-header * {
    box-sizing: border-box;
}

.amq-site-header {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99999;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(40,85,29,.12);
    box-shadow: 0 7px 28px rgba(0,0,0,.08);
}

.amq-site-header a { text-decoration:none; }

.amq-main-header {
    width:100%;
    min-height:78px;
    display:flex;
    align-items:center;
    padding:7px 25px;
    gap:15px;
    background:linear-gradient(90deg,#fff,#f8fcf4,#fff);
}

.amq-logo {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-right:18px;
    transition:.3s ease;
}

.amq-logo img {
    display:block;
    width:auto;
    height:58px;
    max-width:190px;
    object-fit:contain;
    border-radius:9px;
    filter:drop-shadow(0 5px 12px rgba(35,70,20,.15));
    transition:.35s ease;
}

.amq-logo:hover img {
    transform:scale(1.035) translateY(-1px);
    filter:drop-shadow(0 8px 17px rgba(35,70,20,.25));
}

.amq-navigation {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.amq-menu {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    list-style:none;
    margin:0;
    padding:0;
}

.amq-menu li { list-style:none; }

.amq-menu a {
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    padding:11px 13px;
    color:#263622;
    font-size:13px;
    font-weight:800;
    border-radius:11px;
    transition:.3s ease;
}

.amq-menu a:hover {
    color:#fff;
    background:#28551d;
    transform:translateY(-2px);
    box-shadow:0 7px 17px rgba(40,85,29,.22);
}

.amq-shop-button {
    color:#fff !important;
    background:linear-gradient(135deg,#28551d,#6d9f37) !important;
    padding:12px 18px !important;
    border-radius:30px !important;
    box-shadow:0 7px 18px rgba(40,85,29,.25);
}

.amq-shop-button:hover {
    transform:translateY(-3px) scale(1.03) !important;
    box-shadow:0 12px 25px rgba(40,85,29,.32);
}

.amq-actions {
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}

.amq-action-button {
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(40,85,29,.13);
    border-radius:50%;
    background:#fff;
    color:#28551d;
    font-size:17px;
    cursor:pointer;
    transition:.3s ease;
}

.amq-action-button:hover {
    color:#fff;
    background:#28551d;
    transform:translateY(-2px);
}

.amq-cart {
    position:relative;
    width:49px;
    height:49px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(135deg,#173c11,#72a23a);
    font-size:22px;
    box-shadow:0 8px 20px rgba(40,85,29,.28);
    transition:.3s ease;
}

.amq-cart:hover {
    transform:translateY(-3px) scale(1.07) rotate(-4deg);
}

.amq-cart::before {
    content:"";
    position:absolute;
    inset:-5px;
    border:2px solid rgba(109,159,55,.38);
    border-radius:50%;
    animation:amqCartPulse 2.2s infinite;
}

@keyframes amqCartPulse {
    0% { transform:scale(.9); opacity:.9; }
    100% { transform:scale(1.35); opacity:0; }
}

.amq-cart-count {
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:21px;
    height:21px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border:2px solid #fff;
    border-radius:50px;
    background:#e44835;
    color:#fff;
    font-size:10px;
    font-weight:900;
    z-index:5;
}

.amq-mobile-button {
    display:none;
    width:43px;
    height:43px;
    border:0;
    border-radius:11px;
    background:#28551d;
    color:#fff;
    font-size:21px;
    cursor:pointer;
}

.amq-feature-bar {
    width:100%;
    overflow:hidden;
    padding:7px 0;
    color:#fff;
    background:linear-gradient(90deg,#173c11,#376a23,#669a35,#376a23,#173c11);
}

.amq-feature-track {
    display:inline-flex;
    align-items:center;
    gap:25px;
    min-width:max-content;
    animation:amqMarquee 28s linear infinite;
}

.amq-feature {
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
}

.amq-feature-track > span {
    color:#dcefaa;
    font-weight:900;
}

@keyframes amqMarquee {
    0% { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}

/* Search overlay */

.amq-search-overlay {
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:100px 20px;
    background:rgba(15,35,10,.72);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    transition:.3s ease;
}

.amq-search-overlay.active {
    opacity:1;
    visibility:visible;
}

.amq-search-box {
    width:min(600px,100%);
    padding:25px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 25px 70px rgba(0,0,0,.30);
    transform:translateY(-20px);
    transition:.3s ease;
}

.amq-search-overlay.active .amq-search-box {
    transform:translateY(0);
}

.amq-search-box h3 {
    margin:0 0 15px;
    color:#28551d;
    font-size:22px;
}

.amq-search-close {
    float:right;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#eef4e9;
    color:#28551d;
    cursor:pointer;
}

.amq-search-form {
    display:flex;
    gap:8px;
}

.amq-search-form input[type="search"] {
    flex:1;
    min-width:0;
    height:50px;
    padding:0 15px;
    border:1px solid #d9e4d3;
    border-radius:11px;
    outline:none;
    font-size:14px;
}

.amq-search-form button {
    height:50px;
    padding:0 20px;
    border:0;
    border-radius:11px;
    background:#28551d;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

/* Tablet */

@media(max-width:1000px) {
    .amq-main-header { padding:7px 15px; }

    .amq-logo { margin-right:5px; }

    .amq-logo img {
        height:55px;
        max-width:175px;
    }

    .amq-menu {
        position:absolute;
        left:10px;
        right:10px;
        top:100%;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        padding:12px;
        background:#fff;
        border-radius:0 0 18px 18px;
        box-shadow:0 18px 40px rgba(0,0,0,.16);
        opacity:0;
        visibility:hidden;
        transform:translateY(-12px);
        transition:.3s ease;
    }

    .amq-menu.active {
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .amq-menu a { padding:14px; }

    .amq-mobile-button {
        display:flex;
        align-items:center;
        justify-content:center;
    }
}

/* Mobile */

@media(max-width:600px) {
    .amq-main-header {
        min-height:65px;
        padding:6px 9px;
        gap:6px;
    }

    .amq-logo { margin-right:auto; }

    .amq-logo img {
        height:48px;
        max-width:145px;
    }

    .amq-action-button {
        width:39px;
        height:39px;
        font-size:15px;
    }

    .amq-cart {
        width:44px;
        height:44px;
        font-size:20px;
    }

    .amq-mobile-button {
        width:40px;
        height:40px;
    }

    .amq-feature { font-size:10px; }
    .amq-feature-track { gap:20px; }
}

@media(max-width:380px) {
    .amq-logo img {
        height:43px;
        max-width:125px;
    }

    .amq-action-button { display:none; }
}

@media(prefers-reduced-motion:reduce) {
    .amq-site-header *,
    .amq-site-header *::before,
    .amq-site-header *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}