/* Viken Profil 6.37.9 – mobile UX + compact fallback menu */
@media (max-width:820px){
:root{--vp-mobile-pad:12px} html{scroll-padding-top:70px} body{padding-bottom:env(safe-area-inset-bottom)}
header,.top,.vp-global-header{position:sticky!important;top:0;z-index:900;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.vp6120-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ddd;background:#fff;font:700 12px/1 Arial,sans-serif;letter-spacing:.04em}
.vp6120-mobile-menu{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.28);display:none;align-items:flex-end}.vp6120-mobile-menu.open{display:flex}
.vp6120-mobile-sheet{width:100%;max-height:88dvh;overflow:auto;background:#fff;padding:12px 12px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -16px 50px rgba(0,0,0,.15)}
.vp6120-mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-12px;background:#fff;padding:8px 0 10px;z-index:2;border-bottom:1px solid #eee}.vp6120-mobile-sheet-head strong{font-size:14px}.vp6120-mobile-close{width:44px;height:44px;border:1px solid #ddd;background:#fff;font-size:20px}
.vp6120-mobile-links{display:block;padding-top:8px}.vp6120-mobile-links>a,.vp6120-services-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 2px;border:0;border-bottom:1px solid #ededed;text-decoration:none;color:#111;font:750 13px/1.2 Inter,Arial,sans-serif;background:#fff;text-align:left}.vp6120-services-toggle span{margin-left:auto;transition:transform .18s ease}.vp6120-services-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.vp6120-services{display:none;padding:1px 0 6px 13px}.vp6120-services.is-open{display:block}.vp6120-services a{display:flex;align-items:center;min-height:36px;padding:8px 0;border-bottom:1px solid #f2f2f2;text-decoration:none;color:#4b4b4b;font-size:11px;font-weight:650}.vp6120-mobile-links>a.vp6120-shop-cta{margin-top:10px;padding:12px 14px;justify-content:center;background:#111;color:#fff;border:1px solid #111;font-weight:850}
.hero{min-height:auto!important}.hero-inner,.hero-content{min-height:0!important}.hero h1{font-size:clamp(36px,11vw,52px)!important;line-height:.96!important}.hero p{max-width:38rem!important}
.section,.service,.detail-section{padding-top:34px!important;padding-bottom:34px!important}.sectionhead h2{font-size:clamp(26px,8vw,38px)!important;line-height:1.02!important}
.category-grid,.categories-grid,.product-grid,.products-grid{gap:7px!important}.category-card,.product-card{border-radius:0!important}.product-card h3,.category-card h3{font-size:13px!important}.product-card p,.category-card p{font-size:11px!important}
.product-main{padding-top:12px!important}.purchase-actions{position:sticky;bottom:0;z-index:100;background:rgba(255,255,255,.96);padding:8px 0 calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
.vp6100-bundle-config,.bundle-config,.bundle-part{max-width:100%!important}.bundle-part{padding:12px!important}.bundle-variants,.variant-grid{grid-template-columns:1fr!important}
footer a{min-height:32px;display:inline-flex;align-items:center}
}
@media (max-width:390px){.product-grid,.products-grid,.category-grid,.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}