/* Pantit VJO Sök, i Vintage Jewelrys färger: svart text, vitt och grått,
   champagne på "See all". Samma variabler som Pantit VJO Filter. */
:root{
	--pvs-ink:#1a1a1a;
	--pvs-muted:#6d6d6d;
	--pvs-paper:#f7f7f7;
	--pvs-panel:#ffffff;
	--pvs-line:#e2e2e2;
	--pvs-chip:#f2f2f2;
	--pvs-champagne:#faedd1;
	--pvs-champagne-grad:linear-gradient(135deg,#fdf6e6 0%,#faedd1 55%,#f2dfb4 100%);
	--pvs-champagne-line:#e6cf9e;
	--pvs-shadow:0 2px 4px rgba(0,0,0,.05),0 12px 28px -12px rgba(0,0,0,.28);
}

/* ---------- sökfältet (header, widgetar) ---------- */
.pvs-field-wrap{position:relative;width:100%;font-family:'Montserrat',system-ui,-apple-system,sans-serif;text-align:left;}
.pvs-field{display:flex;align-items:center;gap:10px;margin:0;background:var(--pvs-panel);border:1.5px solid var(--pvs-line);border-radius:8px;padding:0 14px;transition:border-color .15s,box-shadow .15s;}
.pvs-field:focus-within{border-color:var(--pvs-ink);box-shadow:0 0 0 3px rgba(26,26,26,.06);}
.pvs-field svg{width:19px;height:19px;flex:none;color:var(--pvs-muted);}
/* input[type] + !important: Storefronts egen input[type=search]-stil
   (grå bakgrund, inre skugga) vinner annars över vår. 16 px så att
   iPhone inte zoomar in. */
.pvs-field input[type]{flex:1;min-width:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;padding:11px 0!important;color:var(--pvs-ink);font:inherit;font-size:16px!important;outline:none;}
.pvs-field input[type]::placeholder{color:var(--pvs-muted);opacity:1;}
.pvs-field input[type]::-webkit-search-cancel-button{-webkit-appearance:none;}

.pvs-drop{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--pvs-panel);border:1px solid var(--pvs-line);border-radius:14px;box-shadow:var(--pvs-shadow);padding:8px;display:none;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto;z-index:1000;}
/* Ett smalt fält (till exempel i sidopanelen) får ändå en läsbar rullgardin, men bara där det finns plats */
@media (min-width:601px){.pvs-drop{min-width:300px;}}
.pvs-drop.show{display:flex;}
.pvs-drop .pvs-card{border:0;padding:6px;}
.pvs-drop .pvs-card:hover{background:var(--pvs-paper);}
.pvs-drop .pvs-see-all{margin-top:4px;}

/* ---------- träffar ---------- */
.pvs-card{display:flex;gap:12px;align-items:center;background:var(--pvs-panel);border:1px solid var(--pvs-line);border-radius:12px;padding:8px;text-decoration:none!important;color:var(--pvs-ink)!important;}
.pvs-thumb{flex:none;width:56px;height:56px;border-radius:8px;background:var(--pvs-paper);overflow:hidden;}
.pvs-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pvs-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.pvs-name{font-size:14px;font-weight:600;line-height:1.3;}
.pvs-desc{font-size:12.5px;color:var(--pvs-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pvs-price{flex:none;font-size:14px;font-weight:700;color:var(--pvs-ink);white-space:nowrap;}
.pvs-sold{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pvs-muted);}

.pvs-see-all{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;background:var(--pvs-champagne);background-image:var(--pvs-champagne-grad);border:1px solid var(--pvs-champagne-line);border-radius:10px;padding:12px;color:var(--pvs-ink)!important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-decoration:none!important;text-align:center;}
.pvs-see-all.loading{pointer-events:none;opacity:.85;}
.pvs-spinner{width:15px;height:15px;border:2px solid rgba(26,26,26,.25);border-top-color:var(--pvs-ink);border-radius:50%;animation:pvs-spin .6s linear infinite;flex:none;}
@keyframes pvs-spin{to{transform:rotate(360deg);}}
.pvs-error{margin:8px;color:var(--pvs-muted);font-size:13.5px;}

/* ---------- mobilens helskärmssök ---------- */
/* 1.2.2, som Marknads Sök 1.3.9: sajtens meny ska synas medan sökningen är
   öppen. Längre ner på sidan börjar sökningen under VJ:s fasta meny (45 px,
   samma höjd i mobilen som #masthead .storefront-primary-navigation) och
   menyn hålls framme ovanpå. Högst upp täcker sökningen hela skärmen och
   har en egen menyrad (se menyrad() i sok.js), eftersom iPhone där inte
   ritar sajtens meny ovanpå. Nedre menyraden (z-index 9999) syns hela tiden. */
.pvs-overlay{position:fixed;top:45px;left:0;right:0;bottom:0;z-index:998;display:flex;flex-direction:column;background:var(--pvs-paper);font-family:'Montserrat',system-ui,-apple-system,sans-serif;color:var(--pvs-ink);transform:translateY(100%);transition:transform .22s ease;}
.pvs-overlay[hidden]{display:none;}
.pvs-overlay.open{transform:translateY(0);}
.pvs-overlay.pvs-instant{transition:none!important;}
.pvs-overlay.pvs-own-bar{top:0;z-index:9998;}
body.pvs-search-open:not(.pvs-search-ownbar) #masthead{position:relative;z-index:1000!important;}
body.pvs-search-open:not(.pvs-search-ownbar) #masthead .storefront-primary-navigation{transform:none!important;position:fixed!important;top:0!important;margin-top:0!important;z-index:1000!important;background:#fff!important;}
.pvs-ov-sitebar{display:none;}
.pvs-own-bar .pvs-ov-sitebar{flex:none;display:flex;align-items:center;justify-content:center;min-height:45px;padding:0 14px;padding-top:env(safe-area-inset-top,0px);background:#fff;box-shadow:1px 1px 15px rgba(0,0,0,.1);position:relative;z-index:1;}
.pvs-ov-logo{display:flex;align-items:center;text-decoration:none!important;color:var(--pvs-ink);font-weight:700;letter-spacing:.08em;}
.pvs-ov-logo img{height:auto;max-height:22px;width:auto;max-width:230px;display:block;}
.pvs-ov-burger{position:absolute;right:4px;bottom:0;width:44px;height:45px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;}
.pvs-ov-burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--pvs-ink);}
.pvs-ov-top{display:flex;align-items:center;gap:10px;padding:14px;background:var(--pvs-panel);border-bottom:1px solid var(--pvs-line);}
.pvs-ov-top .pvs-field{flex:1;border-radius:12px;}
.pvs-ov-close{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--pvs-chip);color:var(--pvs-ink);font-size:16px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pvs-ov-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 14px calc(84px + env(safe-area-inset-bottom,0px));}
.pvs-pop-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pvs-muted);margin:14px 0 8px;}
.pvs-chips{display:flex;flex-wrap:wrap;gap:8px;}
.pvs-chip{background:var(--pvs-panel);border:1px solid var(--pvs-line);border-radius:999px;padding:9px 15px;font:inherit;font-size:14px;color:var(--pvs-ink);cursor:pointer;}
.pvs-chip:active{background:var(--pvs-champagne);border-color:var(--pvs-champagne-line);}
.pvs-results{display:none;flex-direction:column;gap:8px;margin-top:14px;}
.pvs-results.show{display:flex;}
/* "See all" står först och följer med när man scrollar, ovanför tangentbordet */
.pvs-ov-body .pvs-see-all{position:sticky;top:0;z-index:2;box-shadow:var(--pvs-shadow);}
.pvs-empty{display:none;text-align:center;padding:30px 10px;color:var(--pvs-muted);font-size:14px;}
.pvs-empty.show{display:block;}

/* ---------- söksidan ---------- */
/* Temats grå "SEARCH RESULTS: …"-ruta och Webshop-rutan (snippet #58)
   ersätts av sökordsraden nedan. */
.pvs-search-page #searchresult-heading,
.pvs-search-page .link-box-row{display:none!important;}
.pvs-search-meta{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:4px 0 22px;font-family:'Montserrat',sans-serif;}
.pvs-term-label{font-size:15px;font-weight:600;color:var(--pvs-muted);}
.pvs-term-label strong{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:var(--pvs-ink);font-weight:800;font-size:28px;letter-spacing:.01em;vertical-align:middle;}
.pvs-sparkle{display:inline-block;font-size:20px;animation:pvs-sparkle 1.8s ease-in-out infinite;}
.pvs-sparkle:last-child{animation-delay:.3s;}
@keyframes pvs-sparkle{0%,100%{transform:scale(1) rotate(0);}50%{transform:scale(1.25) rotate(14deg);}}
@media (prefers-reduced-motion:reduce){.pvs-sparkle{animation:none;}}
@media (max-width:600px){.pvs-term-label strong{font-size:22px;}}
.pvs-search-page .pantit-cat-chips{margin-bottom:18px;}

/* ---------- ovanför filtret (webshop, kategorier, söksidan) ---------- */
.pvs-over-filter{clear:both;width:100%;margin:0 0 14px;}
.pvs-over-filter .pvs-field{border-radius:10px;padding:2px 18px;}