/* Familia mobile header + menu drawer (the theme's .pf-header-mobile markup). */
@media (max-width:1024px){
  /* compact top: the coupon bar on one line, the delivery note moves into the menu */
  html body #pf-familia10-bar{flex-wrap:nowrap!important;padding:7px 12px!important;gap:8px!important}
  html body #pf-familia10-bar strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body #pf-familia10-bar .pf-offer-detail{display:none!important}
  html body #pf-familia10-bar .pf-f10-code{flex:none;font-size:12px!important;padding:2px 10px!important}
  html body .pf-express-topbar--mobile{display:none!important}

  /* search row */
  html body .pf-mobile-search-row{background:#fff!important;padding:10px 14px 4px!important;border:0!important}
  html body .pf-mobile-search-row .search-field,html body .pf-mobile-search-row input[type="search"]{background:#F3EEFA!important;border:0!important;border-radius:99px!important;height:46px!important;min-height:0!important;padding:0 50px 0 18px!important;font-size:15px!important;color:#2b1747!important;box-shadow:none!important}
  html body .pf-mobile-search-row button[type="submit"]{background:#5B2A86!important;color:#fff!important;border-radius:50%!important;border:0!important}

  /* logo row */
  html body .pf-mobile-header-row{background:#fff!important;border:0!important;box-shadow:0 8px 20px #2b17470f!important;padding:6px 0!important}
  html body .pf-mobile-header-row__logo-img{max-height:46px!important;width:auto!important}
  html body .pf-mobile-header-row__burger{width:46px!important;height:46px!important;border-radius:50%!important;background:#F3EEFA!important;border:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0!important}
  html body .pf-mobile-header-row__burger span{display:block!important;width:20px!important;height:2.5px!important;border-radius:3px;background:#5B2A86!important;margin:0!important}
  html body .pf-mobile-header-row__burger span:nth-child(2){width:14px!important;align-self:center}
  html body .pf-mobile-header-row__cart a{width:46px;height:46px;border-radius:50%;background:#F3EEFA;display:grid!important;place-items:center;color:#5B2A86!important;position:relative}
  html body .pf-mobile-header-row__cart .wcmenucart-details,html body .pf-mobile-header-row__cart .count{background:#FFC82E!important;color:#2b1747!important;font-weight:900!important}

  /* the drawer: a side sheet over the whole screen */
  html body .pf-mobile-drawer{top:0!important;bottom:0!important;height:100dvh!important;left:auto!important;right:0!important;width:min(88vw,400px)!important;background:#fff!important;border-radius:28px 0 0 28px;box-shadow:-24px 0 60px #1a0f2e59;z-index:2147483600!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0!important}
  html body .pf-mobile-drawer:not(.is-open){box-shadow:none!important}
  html.fb-md-open body::after{content:"";position:fixed;inset:0;background:#1a0f2e80;backdrop-filter:blur(2px);z-index:2147483500}
  html body .pf-mobile-drawer__inner{padding:0!important;min-height:100%;display:flex;flex-direction:column;direction:rtl}
  .fb-md-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(180deg,#F3EEFA,#fff);border-bottom:1px solid #E4DAF2}
  .fb-md-logo img{max-height:40px!important;width:auto!important}
  .fb-md-close{width:42px;height:42px;border-radius:50%;border:0;background:#5B2A86;cursor:pointer;display:grid;place-items:center;padding:0;flex:none}
  .fb-md-close span,.fb-md-close span::after{display:block;width:18px;height:2.5px;border-radius:3px;background:#fff;transform:rotate(45deg)}
  .fb-md-close span::after{content:"";transform:rotate(90deg)}

  /* items */
  html body #pf-mobile-menu{margin:0!important;padding:8px 0!important;list-style:none;flex:1}
  html body #pf-mobile-menu li{background:none!important;border:0!important;margin:0!important}
  html body #pf-mobile-menu > li > a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:none!important;color:#2b1747!important;font-size:17px!important;font-weight:800!important;padding:15px 22px!important;border:0!important;border-bottom:1px solid #F0EAF8!important;text-decoration:none!important}
  html body #pf-mobile-menu > li > a::after{color:#5B2A86!important;font-weight:800}
  html body #pf-mobile-menu > li:not(.menu-item-has-children) > a::after{content:"‹";font-size:22px;line-height:1;color:#b9a6d6!important}
  html body #pf-mobile-menu > li.is-open > a{color:#5B2A86!important;background:#FBF8FF!important}
  html body #pf-mobile-menu > li.fb-md-upload > a,html body #pf-mobile-menu > li.fb-md-pack > a{margin:10px 16px 0;border-radius:99px;border:0!important;justify-content:center;padding:13px 18px!important}
  html body #pf-mobile-menu > li.fb-md-upload > a{background:#FDECEF!important;color:#b02a45!important}
  html body #pf-mobile-menu > li.fb-md-pack > a{background:#5B2A86!important;color:#fff!important}
  html body #pf-mobile-menu > li.fb-md-upload > a::after,html body #pf-mobile-menu > li.fb-md-pack > a::after{content:none!important}
  /* level 2: groups */
  html body #pf-mobile-menu .sub-menu{background:#FBF8FF!important;margin:0!important;padding:0!important;list-style:none}
  html body #pf-mobile-menu .sub-menu > li > a{display:flex!important;align-items:center;justify-content:space-between;background:none!important;color:#5B2A86!important;font-size:15px!important;font-weight:800!important;padding:12px 30px 12px 22px!important;border:0!important;border-bottom:1px solid #F0EAF8!important}
  /* level 3: categories with icons */
  html body #pf-mobile-menu .sub-menu .sub-menu{background:#fff!important;padding:6px 14px 10px!important}
  html body #pf-mobile-menu .sub-menu .sub-menu > li{margin:0 0 6px!important}
  html body #pf-mobile-menu .sub-menu .sub-menu > li > a{color:#2b1747!important;font-size:14px!important;font-weight:700!important;padding:10px 10px!important;border:0!important;border-radius:14px;background:#F7F3FC!important;justify-content:flex-start;gap:8px;line-height:1.3}
  html body #pf-mobile-menu .sub-menu .sub-menu > li > a i{display:flex;flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:#5B2A86;align-items:center;justify-content:center;font-size:14px}

  /* bottom: contact */
  .fb-md-foot{padding:16px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;border-top:1px solid #E4DAF2;background:#fff}
  .fb-md-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;padding:13px 18px;font-weight:800;font-size:15px;text-decoration:none!important;background:#F3EEFA;color:#5B2A86!important}
  .fb-md-btn i{display:flex;font-size:17px}
  .fb-md-btn--wa{background:#1ea952;color:#fff!important}
  .fb-md-note{background:#FFF8E1;border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.55;color:#2b1747;font-weight:600}
}

/* the theme's bottom contact bar (mail, phone, WhatsApp) */
@media (max-width:1024px){
  html body .mobile-bar{background:linear-gradient(120deg,#3a1866,#5B2A86)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 28px #2b174733!important;border:0!important}
  html body .mobile-bar > div{border:0!important}
  html body .mobile-bar > div + div{box-shadow:inset -1px 0 0 #ffffff26}
  html body .mobile-bar > div:last-child a{background:#1ea952;border-radius:14px;padding:6px 18px!important}
}
/* the drawer now lives in <body>; its open/closed positions are set here so no theme rule can leave it half off-screen */
@media (max-width:1024px){
  html body .pf-mobile-drawer{transform:translateX(105%)!important;transition:transform .3s ease!important;visibility:hidden}
  html body .pf-mobile-drawer.is-open{transform:none!important;visibility:visible}
}
/* the drawer lives in <body> at every width: keep it fixed and hidden until it is opened (otherwise it shows under the footer on desktop) */
html body > .pf-mobile-drawer{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;visibility:hidden;transform:translateX(105%)!important}
html body > .pf-mobile-drawer.is-open{visibility:visible;transform:none!important}
/* pill items: the theme sets links to width:100%, which with side margins pushed them past the drawer edge */
@media (max-width:1024px){
  html body #pf-mobile-menu > li.fb-md-upload > a,html body #pf-mobile-menu > li.fb-md-pack > a{width:auto!important;box-sizing:border-box!important;min-height:0!important}
  html body #pf-mobile-menu a{box-sizing:border-box!important;max-width:100%}
  html body #pf-mobile-menu .sub-menu .sub-menu > li > a{width:auto!important}
}