.v-drawer *,.sqm-box *{box-sizing:border-box}.sqm-content-scroll,.v-pred-list,.v-drawer-content{scrollbar-width:thin;scrollbar-color:var(--h-border) transparent}.sqm-content-scroll::-webkit-scrollbar,.v-pred-list::-webkit-scrollbar,.v-drawer-content::-webkit-scrollbar{width:var(--s-1)}.sqm-content-scroll::-webkit-scrollbar-thumb,.v-pred-list::-webkit-scrollbar-thumb,.v-drawer-content::-webkit-scrollbar-thumb{background-color:var(--h-border);border-radius:var(--r-sm)}.v-search-spacer{position:relative;width:200px;height:42px;margin-right:var(--s-4);transition:width var(--d-normal) var(--ease-standard)}.v-search-wrapper{position:absolute;top:0;right:0;width:100%;height:42px;z-index:50;transition:width var(--d-normal) var(--ease-standard)}.v-search-wrapper:focus-within{width:min(280px,90vw)}.v-search-form{width:100%;height:100%;margin:0;padding:0}.v-search-input{width:100%;height:100%;background-color:var(--h-search-bg);border:1px solid var(--h-border);border-radius:var(--r-pill);padding:0 var(--s-5) 0 45px;color:var(--h-txt);font-size:var(--t-md);outline:none;transition:border-color var(--d-fast),background-color var(--d-fast)}.v-search-input:focus{border-color:var(--h-accent);background-color:var(--h-bg)}.v-search-input::placeholder{color:var(--h-text-placeholder)}.v-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--h-accent);width:18px;height:18px;pointer-events:none;z-index:2}.v-predictive-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:400px;background-color:var(--h-bg);border-radius:var(--r-xl);border:1px solid var(--h-border);box-shadow:var(--sh-md);padding:clamp(15px,3vw,20px);z-index:var(--z-dropdown);display:flex;flex-direction:column;max-height:80vh;opacity:0;pointer-events:none;transform:translate3d(0,-10px,0);transition:opacity var(--d-fast) ease,transform var(--d-normal) var(--ease-out)}.v-predictive-dropdown.active{opacity:1;pointer-events:auto;transform:translateZ(0)}.v-pred-header{color:var(--h-accent);font-size:var(--t-xs);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--s-4);flex-shrink:0}.v-pred-list{display:flex;flex-direction:column;gap:var(--s-2);overflow-y:auto;flex-grow:1;padding-right:5px}.v-pred-item{display:flex;align-items:center;gap:var(--s-4);cursor:pointer;text-decoration:none;padding:var(--s-2);border-radius:var(--r-lg);transition:background-color var(--d-fast)}.v-pred-img{width:60px;height:60px;border-radius:var(--r-md);object-fit:cover;background-color:var(--h-search-bg);border:1px solid var(--h-border);flex-shrink:0}.v-pred-info{display:flex;flex-direction:column}.v-pred-category{color:var(--h-accent);font-size:var(--t-xs);font-weight:800;text-transform:uppercase;margin-bottom:var(--s-1);letter-spacing:.5px}.v-pred-title{color:var(--h-txt);font-size:var(--t-base);font-weight:600;margin:0 0 var(--s-1) 0;line-height:1.3}.v-pred-price{color:var(--h-text-soft);font-size:var(--t-base);font-weight:500}.v-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);background-color:var(--h-accent);color:var(--v-white, #fff);border:none;border-radius:var(--r-pill);font-weight:800;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:opacity var(--d-fast),transform var(--d-fast)}.v-pred-view-all{background-color:#fb3f5c1a;color:var(--h-accent);padding:var(--s-3);margin-top:var(--s-4);flex-shrink:0}@media(hover:hover){.v-pred-item:hover{background-color:#8080801a}.v-pred-view-all:hover{background-color:var(--h-accent);color:var(--v-white, #fff)}}.v-mobile-btn{display:none;background:none;border:none;color:var(--h-txt);cursor:pointer;padding:5px}.v-overlay,.sqm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:var(--z-overlay);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity var(--d-fast) ease,visibility var(--d-fast) ease}.sqm-overlay{display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.v-overlay.active,.sqm-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.v-drawer{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100dvh;background-color:var(--h-bg);z-index:var(--z-drawer);display:flex;flex-direction:column;box-shadow:var(--sh-drawer);transform:translate3d(-100%,0,0);transition:transform var(--d-normal) var(--ease-out)}.v-drawer.active{transform:translateZ(0)}.v-drawer-header{padding:var(--s-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--h-border)}.v-drawer-content{overflow-y:auto;flex:1;display:flex;flex-direction:column}.v-m-item{border-bottom:1px solid var(--h-border)}.v-m-link{display:flex;justify-content:space-between;padding:18px var(--s-5);color:var(--h-txt);text-decoration:none;font-size:var(--t-md);font-weight:600}.v-m-sub{overflow:hidden;background-color:#00000008;max-height:0}.v-m-item.open .v-m-sub{max-height:none;padding-bottom:var(--s-2)}.v-m-sub-link{display:block;padding:var(--s-3) var(--s-8);color:var(--h-text-soft);text-decoration:none;font-size:var(--t-base);transition:color var(--d-fast)}.v-drawer-footer-actions{display:flex;gap:var(--s-2);padding:var(--s-5);border-top:1px solid var(--h-border);margin-top:auto}.v-df-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3);background:transparent;border:1px solid var(--h-border);border-radius:var(--r-md);color:var(--h-txt);font-size:var(--t-base);font-weight:600;cursor:pointer;transition:border-color var(--d-fast),color var(--d-fast)}@media(hover:hover){.v-m-sub-link:hover{color:var(--h-accent)}.v-df-btn:hover{border-color:var(--h-accent);color:var(--h-accent)}}.sqm-box{background-color:var(--h-bg);width:95%;max-width:950px;max-height:90vh;border-radius:var(--r-xl);border:1px solid var(--h-border);box-shadow:var(--sh-lg);display:flex;flex-direction:column;color:var(--h-txt);position:relative;overflow:hidden;transform:scale(.98) translate3d(0,10px,0);transition:transform var(--d-normal) var(--ease-out)}.sqm-overlay.active .sqm-box{transform:scale(1) translateZ(0)}.sqm-close{position:absolute;top:var(--s-5);right:var(--s-5);width:36px;height:36px;background:transparent;border:1px solid var(--h-border);color:var(--h-txt);border-radius:var(--r-circle);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform var(--d-fast),background-color var(--d-fast)}.sqm-top{display:grid;grid-template-columns:1fr;background-color:var(--h-bg)}.sqm-img-col{position:relative;background-color:var(--v-white, #fff);min-height:350px;display:flex;align-items:center;justify-content:center;padding:var(--s-5);border-radius:var(--r-xl);margin:var(--s-5) 0 var(--s-5) var(--s-5);border:1px solid var(--h-border)}.sqm-img-col img{width:100%;max-height:100%;object-fit:contain}.sqm-info-col{padding:var(--s-8);display:flex;flex-direction:column}.sqm-vendor{color:var(--h-accent);font-size:var(--t-xs);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--s-2)}.sqm-title{font-family:var(--font-heading-family);font-size:var(--t-2xl);font-weight:800;line-height:1.2;margin:0 0 var(--s-2) 0;letter-spacing:-.5px}.sqm-reviews{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);color:var(--h-accent);font-size:var(--t-sm)}.sqm-reviews svg{width:14px;height:14px}.sqm-review-count{color:var(--h-text-muted);font-size:var(--t-base);font-weight:500}.sqm-price{color:var(--h-accent);font-size:var(--t-xl);font-weight:800;margin-bottom:var(--s-4)}.sqm-short-desc{color:var(--h-text-muted);font-size:var(--t-base);line-height:1.5;margin-bottom:var(--s-6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sqm-label,.sqm-select{display:none!important}.sqm-select{width:100%;background-color:var(--h-search-bg);border:1px solid var(--h-border);color:var(--h-txt);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);outline:none;-webkit-appearance:none;appearance:none;font-size:var(--t-base);font-weight:500;margin-bottom:var(--s-6);cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%209L12%2015L18%209%22%20stroke%3D%22%237a8d9e%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right var(--s-4) center;background-size:16px;padding-right:var(--s-8)}.sqm-actions{display:flex;gap:var(--s-2);margin-bottom:var(--s-4)}.sqm-qty{display:flex;align-items:center;background-color:var(--h-search-bg);border:1px solid var(--h-border);border-radius:var(--r-pill);overflow:hidden;width:100px;justify-content:space-between;flex-shrink:0}.sqm-qty button{background:transparent;border:none;color:var(--h-txt);width:30px;height:100%;cursor:pointer;font-size:var(--t-md);display:flex;align-items:center;justify-content:center;transition:color var(--d-fast)}.sqm-qty input{background:transparent;border:none;color:var(--h-txt);width:30px;text-align:center;font-weight:700;outline:none;font-size:var(--t-base)}.sqm-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background-color:var(--h-accent);color:#fff;border:none;border-radius:var(--r-pill);font-weight:800;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity var(--d-fast),transform var(--d-fast)}.sqm-submit svg{flex-shrink:0}.sqm-full-details{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;background:transparent;color:var(--h-accent);border:1px solid var(--h-accent);border-radius:var(--r-pill);padding:var(--s-3) 0;margin-bottom:var(--s-5);font-weight:800;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.5px;text-decoration:none;text-align:center;transition:background-color var(--d-fast),color var(--d-fast)}.sqm-trust{display:flex;align-items:center;gap:var(--s-3);background-color:var(--h-search-bg);border:1px solid var(--h-border);padding:var(--s-3) var(--s-4);border-radius:var(--r-md)}.sqm-trust svg{width:18px;height:18px;flex-shrink:0;color:var(--h-accent)}.sqm-trust div h4{font-size:9px;font-weight:800;margin:0 0 2px;text-transform:uppercase;letter-spacing:.5px}.sqm-trust div p{color:var(--h-text-muted);font-size:var(--t-xs);margin:0}@media(min-width:768px){.sqm-top{grid-template-columns:1fr 1fr}.sqm-img-col{min-height:auto}}@media(max-width:768px){.sqm-info-col{padding:var(--s-5) var(--s-4) var(--s-4) var(--s-4)}.sqm-title{font-size:var(--t-lg)}.sqm-img-col{min-height:250px;margin:var(--s-4) var(--s-4) 0 var(--s-4)}}@media(hover:hover){.sqm-close:hover{background-color:var(--h-accent);border-color:var(--h-accent);transform:rotate(90deg)}.sqm-qty button:hover{color:var(--h-accent)}.v-action-btn:hover,.sqm-submit:hover{opacity:.9;transform:translateY(-2px)}.sqm-full-details:hover{background-color:var(--h-accent);color:var(--v-white, #fff);transform:none}}@media(min-width:1201px)and (max-width:1400px){.v-search-spacer{width:140px;margin-right:5px}.v-search-wrapper:focus-within{width:min(220px,90vw)}}@media(max-width:1200px){.v-mobile-btn{display:flex;justify-content:flex-start;z-index:20;padding:0;width:40px;flex-shrink:0}.v-search-spacer{width:36px;height:36px;margin:0;flex-shrink:0;position:relative}.v-search-wrapper{position:absolute;right:0;top:0;width:36px;height:36px;transition:width var(--d-normal) var(--ease-standard)}.v-search-input{padding:0;border-radius:var(--r-pill);background-color:transparent;cursor:pointer;color:transparent;font-size:var(--t-md)}.v-search-input::placeholder{color:transparent}.v-search-icon{left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.v-search-wrapper:focus-within{width:min(250px,calc(100vw - 110px));background-color:var(--h-bg);z-index:100}.v-search-wrapper:focus-within .v-search-input{padding:0 var(--s-4) 0 40px;cursor:text;color:var(--h-txt);background-color:var(--h-search-bg)}.v-search-wrapper:focus-within .v-search-input::placeholder{color:var(--h-text-placeholder)}.v-search-wrapper:focus-within .v-search-icon{left:15px;transform:translateY(-50%)}.v-predictive-dropdown{width:100%;min-width:250px;right:0;top:calc(100% + 10px)}}@media(max-width:360px){.v-search-spacer,.v-search-wrapper{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header-components.css.map */