/* V998.4 — three equal header buttons, side-by-side, without overlap.
   Applies only to customer mobile/tablet header; desktop remains unchanged.
   Loaded after V913/V970/V994 so it can override the old 2-column fixed rules. */
@media (max-width:980px) {
  body.webshop-v301 .mobile-head-v301 {
    display:grid!important;
    grid-template-columns:85px minmax(0,1fr) 128px!important;
    column-gap:0!important;
    align-items:center!important;
    min-height:40px!important;
    overflow:visible!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 {
    position:relative!important;
    inset:auto!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns:repeat(3,40px)!important;
    grid-template-rows:40px!important;
    gap:4px!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
    flex-wrap:nowrap!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 > #ccMobileV9983,
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-news-button-v431,
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-cart-button-v301 {
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border:1px solid #d9e5f4!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#1266f1!important;
    box-shadow:0 7px 18px rgba(31,93,171,.08)!important;
    cursor:pointer!important;
    line-height:1!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 > #ccMobileV9983 {grid-column:1!important}
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-news-button-v431 {grid-column:2!important}
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-cart-button-v301 {grid-column:3!important}
  body.webshop-v301 #ccMobileV9983 > svg {
    display:block!important;
    width:21px!important;
    height:21px!important;
    margin:auto!important;
    stroke:currentColor!important;
    fill:none!important;
  }
  body.webshop-v301 #ccMobileV9983 > .cc-badge-v9983 {
    position:absolute!important;
    top:-6px!important;
    right:-5px!important;
    z-index:3!important;
    height:18px!important;
    min-width:18px!important;
    line-height:16px!important;
    background:#ef4444!important;
    color:#fff!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:800!important;
    padding:0 3px!important;
  }
  body.webshop-v301 #ccMobileV9983 > .cc-badge-v9983[hidden] {display:none!important}
  /* The title gets the middle space, instead of covering the right controls. */
  body.webshop-v301 .mobile-head-v301 .logo-v301 {
    position:absolute!important;
    left:calc(50% - 15px)!important;
    right:auto!important;
    top:50%!important;
    width:min(135px,calc(100% - 232px))!important;
    max-width:min(135px,calc(100% - 232px))!important;
    min-width:0!important;
    transform:translate(-50%,-50%)!important;
    grid-column:1/-1!important;
    pointer-events:none!important;
    z-index:2!important;
  }
}
@media (max-width:380px) {
  body.webshop-v301 .mobile-head-v301 {
    grid-template-columns:80px minmax(0,1fr) 122px!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 {
    grid-template-columns:repeat(3,38px)!important;
    grid-template-rows:38px!important;
    gap:4px!important;
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    height:38px!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 > #ccMobileV9983,
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-news-button-v431,
  body.webshop-v301 .mobile-head-actions-v431 > .mobile-cart-button-v301 {
    width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
  }
  body.webshop-v301 .mobile-head-v301 .logo-v301 {
    width:min(115px,calc(100% - 224px))!important;
    max-width:min(115px,calc(100% - 224px))!important;
    left:calc(50% - 13px)!important;
  }
}