/* Viken Profil website 6.44.1 — Mobile Product UX */
.vp6441-mobile-description{display:none}
.vp6441-variant-picker{display:none}
/* Legacy three-tile mobile shortcut was visually heavy and duplicated the header navigation. */
.vp6391-home-actions{display:none!important}

@media(max-width:760px){
  .product-main{padding-top:10px!important;gap:12px!important}
  .gallery{gap:6px!important}
  .gallery>.main{height:232px!important;padding:10px!important}
  .gallery>.vp-thumb-row{gap:5px!important;margin-top:2px!important}
  .gallery>.vp-thumb-row>.small{width:48px!important;height:48px!important;min-width:48px!important;padding:4px!important}
  .gallery>.vp6441-mobile-description{display:block!important;order:3!important;margin:5px 0 2px!important;padding:10px 0 8px!important;border-bottom:1px solid #e5e5e5;color:#333;font-size:12px;line-height:1.5}
  .gallery>.vp6441-mobile-description:empty{display:none!important}
  .gallery>.vp-choice-under-image{order:4!important;margin-top:0!important;padding-top:6px!important;border-top:0!important}
  .info>.intro{display:none!important}
  .info{gap:8px!important}
  .info .price{margin-top:2px!important}
  #vp-supplier-note{margin-top:7px!important}
  .vp-product-trust{margin:7px 0!important}
  .info>.section{margin-top:9px!important;padding-top:10px!important}
  .summary{margin-top:10px!important}
  .purchase-actions{margin-top:9px!important}
  .vp-choice-help,.help{margin-top:8px!important}

  /* Long variant/flavour lists collapse into one native picker. The original boxes stay in the DOM for pricing/cart logic. */
  .size-grid.vp6441-long-choices{display:none!important}
  .vp6441-variant-picker{display:grid;gap:7px;margin:2px 0 8px;padding:10px;border:1px solid #d8d8d8;background:#f7f7f5}
  .vp6441-picker-label{font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
  .vp6441-picker-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px}
  .vp6441-picker-row select,.vp6441-picker-row input{width:100%;min-height:44px;border:1px solid #aaa;background:#fff;padding:0 9px;font:inherit;font-size:16px;border-radius:0}
  .vp6441-picker-row input{text-align:center}
  .vp6441-picker-add{min-height:44px;border:0;background:#111;color:#fff;font-size:11px;font-weight:850;letter-spacing:.035em;cursor:pointer}
  .vp6441-selected{display:grid;gap:5px;margin-top:2px}
  .vp6441-selected:empty{display:none}
  .vp6441-selected-row{display:grid;grid-template-columns:minmax(0,1fr) 62px 44px;gap:5px;align-items:center;background:#fff;border:1px solid #ddd;padding:5px 5px 5px 8px}
  .vp6441-selected-row span{min-width:0;font-size:10px;font-weight:750;line-height:1.25}
  .vp6441-selected-row input{width:100%;min-height:44px;border:1px solid #bbb;text-align:center;font-size:16px}
  .vp6441-selected-row button{width:30px;min-height:44px;border:1px solid #bbb;background:#fff;font-size:18px;line-height:1;cursor:pointer}
  .vp6441-picker-note{font-size:9px;color:#666;line-height:1.35}
  .vp6441-picker-empty{font-size:10px;color:#777;padding:4px 0}
}
@media(max-width:390px){
  .gallery>.main{height:218px!important}
  .vp6441-picker-row{grid-template-columns:minmax(0,1fr) 64px}
}
