.qh,.elementor-location-header:has(.qh){position:sticky;top:var(--qh-sticky-top,0px);z-index:999}.qh{background:#f8f8f8;color:#202020;font:16px Arial,sans-serif}.qh *{box-sizing:border-box}.qh a{color:inherit;text-decoration:none}.qh button{cursor:pointer;color:inherit;background:none;border:0}.qh-row{width:calc(100% - 48px);max-width:1290px;margin:auto;padding:0;height:clamp(76px,4.6vw,116px);display:flex;align-items:center;justify-content:space-between;gap:18px}.qh-logo{font-size:32px;font-weight:800}.qh-logo img{display:block;width:auto;max-width:clamp(145px,12vw,250px);max-height:58px}.qh ul{list-style:none;margin:0;padding:0}.qh-nav>.qh-menu,.qh-tools,.qh-user>a{display:flex;align-items:center}.qh-nav li{position:relative}.qh-nav>.qh-menu>li>a{display:block;padding:22px clamp(7px,.8vw,18px);font-weight:bold;text-transform:uppercase;font-size:14px}.qh-nav ul ul,.qh-login{display:none;position:absolute;background:white;border-radius:13px;box-shadow:0 0 5px #0003;padding:12px 0;width:220px;z-index:2}.qh-nav ul ul a{display:block;padding:9px 20px;color:#777}.qh-nav ul ul a:hover{color:#111}.qh-nav ul ul ul{left:100%;top:0}.qh-nav li:hover>ul,.qh-nav li:focus-within>ul,.qh-user:hover .qh-login,.qh-user:focus-within .qh-login{display:block}.qh-nav .menu-item-has-children>a:after{content:'\203a';margin-left:6px}.qh-nav ul ul .menu-item-has-children>a:after{float:right}.qh-tools{gap:18px}.qh svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.qh-wish{font-size:28px;border-left:1px solid #ddd;padding-left:18px}.qh-user{position:relative;padding:18px 0}.qh-login{right:-16px;width:350px;padding:25px;top:100%}.qh-login>div,.qh-login footer{display:flex;justify-content:space-between;align-items:center}.qh-login>div{padding-bottom:16px;border-bottom:1px solid #ddd}.qh-login strong{font-size:22px}.qh-login form>label{display:block;margin:18px 0 12px}.qh-login em{color:red}.qh-login input:not([type=checkbox]){width:100%;height:42px;border:1px solid;padding:8px 36px 8px 8px;margin-top:8px}.qh-login span{display:block;position:relative}.qh-eye{position:absolute;right:4px;bottom:6px;height:30px}.qh .qh-submit{background:#202020;color:white;border-radius:5px;width:100%;height:44px;margin:3px 0 18px}.qh-open,.qh-drawer:not([open]){display:none}.qh-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(80vw,375px);height:100dvh;max-height:none;padding:0;border:0;color:#222}.qh-drawer::backdrop{background:#000b}.qh-drawer form{display:flex;padding:16px;box-shadow:0 1px 6px #0002}.qh-drawer form input{min-width:0;flex:1;border:0;padding:10px}.qh-drawer li{position:relative}.qh-drawer a{display:block;padding:17px 56px 17px 19px;border-bottom:1px solid #ddd}.qh-drawer svg{width:16px;height:16px}.qh-drawer ul ul{display:none;color:#777}.qh-drawer li.expanded>ul{display:block}.qh-drawer li button{position:absolute;right:0;top:0;height:52px;width:52px;border-left:1px solid #ddd}.qh-drawer li.expanded>button{background:#222;color:white}.qh-drawer li.expanded>button span{display:inline-block;transform:rotate(90deg)}html:has(.qh-drawer[open]){overflow:hidden}@media(max-width:1050px){.qh-row{width:100%;display:grid;grid-template-columns:1fr auto 1fr;padding:0 16px}.qh-nav,.qh-wish,.qh .qh-login{display:none}.qh-open{display:block;justify-self:start;font-size:22px}.qh-tools{justify-self:end}}

/* A header placed first in a container should sit flush with its top edge. */
.e-con:has(> .elementor-widget-qing-shop-header:first-child),
.e-con:has(> .e-con-inner > .elementor-widget-qing-shop-header:first-child) {
    --container-default-padding-top: 0px;
}

/* Legacy Elementor columns apply their default gutter to the widget wrap. */
.elementor-column-gap-default > .elementor-column > .elementor-element-populated:has(> .elementor-widget-qing-shop-header:first-child) {
    padding-top: 0;
}

body.admin-bar:has(#wpadminbar) {
    --qh-sticky-top: var(--wp-admin--admin-bar--height, 32px);
}

/* Keep the template in normal flow inside the editor canvas. */
body.elementor-editor-active .qh,
body.elementor-editor-active .elementor-location-header:has(.qh) {
    position: relative;
    top: auto;
}.qh-tools svg { width: 18px; height: 18px; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; display: block; }
.qh-tools .qh-cart { display: inline-flex; align-items: center; gap: 8px; }
.qh-cart-count { display: inline-grid; place-items: center; min-width: 16px; height: 16px; padding: 0 3px; background: #1c1c1c; color: white; border-radius: 20px; font: bold 10px/1 Arial,sans-serif; }
@media (max-width:1050px) { .qh-tools .qh-cart { display: none; } }

.qh .qh-drawer { width: min(80vw, 375px); background: #fff; outline: none; }
.qh-drawer form { height: 70px; align-items: center; padding: 0 18px; }
.qh-drawer form input { border: 0; border-radius: 0; padding: 0; background: transparent; font: 14px Arial,sans-serif; }
.qh-drawer form button { padding: 6px 0 6px 10px; }
.qh-drawer form svg { width: 22px; height: 22px; display: block; stroke-linecap: round; }
.qh .qh-drawer a { display: flex; align-items: center; gap: 8px; min-height: 50px; padding: 12px 52px 12px 18px; font: 14px/1.35 Arial,sans-serif; }
.qh-drawer .qh-menu > li > a { text-transform: uppercase; }
.qh-drawer li button { height: 50px; width: 49px; border-radius: 0; }
.qh-drawer :is(a,button,input):focus { outline: none; box-shadow: none; }
.qh-drawer :is(a,button):focus-visible { text-decoration: underline; }
.qh-drawer a,.qh-drawer button { -webkit-tap-highlight-color: transparent; }

.qh-open { cursor: pointer; }
.qh-open svg { width: 22px; height: 22px; display: block; stroke-width: 1.5; stroke-linecap: round; }
.qh-drawer li button svg { display: block; width: 14px; height: 14px; }
.qh-drawer li button span { display: inline-flex; vertical-align: middle; }
@media (max-width:1050px) {
    .qh-open { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
}
.qh .qh-basket {position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,360px);max-width:100%;height:100dvh;max-height:none;box-sizing:border-box;border:0;padding:0 0 80px;background:#fff;color:#202020;overflow:auto}
.qh-basket::backdrop {background:#0009}
html:has(.qh-basket[open]) {overflow:hidden}
.qh-basket-head {display:flex;justify-content:space-between;align-items:center;padding:18px 16px;border-bottom:1px solid #ddd;font-size:20px}
.qh-basket-head button {display:flex;align-items:center;gap:5px;font-size:16px}
.qh-basket-head button span {font-size:24px;font-weight:300}
.qh-basket .widget_shopping_cart_content {padding:20px}
.qh-basket .woocommerce-mini-cart__empty-message {margin:10px auto 0;text-align:center;font-weight:600}
.qh-basket .woocommerce-mini-cart__empty-message::before {content:"";display:block;margin:0 auto 16px;width:88px;height:88px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ededed' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 7 2 8 36 37-3 4-23-45-4M30 8l2 3m8-8v6m10-4-3 5'/%3E%3Ccircle cx='21' cy='56' r='3'/%3E%3Ccircle cx='53' cy='56' r='3'/%3E%3C/svg%3E")}
.qh-basket .qh-return {display:none}
.qh-basket:has(.woocommerce-mini-cart__empty-message) .qh-return {display:block;width:fit-content;margin:0 auto;padding:12px 16px;border-radius:5px;background:#191919;color:#fff;font:bold 12px Arial}
.qh-basket .mini_cart_item {padding:12px 0;border-bottom:1px solid #eee}
.qh-basket .mini_cart_item img {width:54px;height:auto;vertical-align:middle;margin-inline:8px}
.qh-basket .quantity {display:block}
.qh-basket .woocommerce-mini-cart__buttons {display:flex;gap:12px}
a.qh-chat,.qh a.qh-chat {text-decoration:none;position:fixed;z-index:1000;bottom:calc(22px + env(safe-area-inset-bottom));right:20px;display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:30px;background:#20cd62;color:white;font:bold 14px Arial;box-shadow:0 4px 14px #0002}
.qh-chat svg {fill:none;stroke:currentColor;stroke-width:1.5;width:20px;height:20px}
@media(max-width:1050px){.qh-tools .qh-cart{display:inline-flex}.qh-tools {gap:8px}}
a.qh-chat > :is(svg,img) {width:var(--qh-chat-icon-size,20px);height:var(--qh-chat-icon-size,20px);object-fit:contain;flex:none}
