/* =========================================================
   ANANYA COLLECTION - MOBILE APP DESIGN
   Mobile only. Desktop website remains unchanged.
========================================================= */

@media (max-width: 700px) {

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #fffdf9;
  }

  body {
    margin: 0;
    padding-bottom: 88px;
    font-family: "Poppins", sans-serif;
  }

  /* HEADER */

  #ananyaPermanentHeader .aph-top {
    height: auto !important;
    border-bottom: none !important;
    background: #fffdf9 !important;
  }

  #ananyaPermanentHeader .aph-top-inner {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 14px 10px !important;

    display: grid !important;
    grid-template-columns: 1fr 58px !important;
    grid-template-rows: auto auto !important;

    gap: 10px 8px !important;
  }

  /* LOGO */

  #ananyaPermanentHeader .aph-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    flex-basis: auto !important;

    justify-content: flex-start !important;
  }

  #ananyaPermanentHeader .aph-brand-box {
    width: auto !important;
    height: auto !important;

    align-items: flex-start !important;
    text-align: left !important;
  }

  #ananyaPermanentHeader .aph-brand-name {
    font-size: 50px !important;
    line-height: 0.8 !important;
  }

  #ananyaPermanentHeader .aph-brand-collection {
    margin-top: 4px !important;
    padding-left: 65px !important;

    font-size: 10px !important;
    letter-spacing: 5px !important;
  }

  #ananyaPermanentHeader .aph-brand-subtitle {
    margin-top: 2px !important;
    padding-left: 46px !important;

    font-size: 10px !important;
  }

  /* SEARCH */

  #ananyaPermanentHeader .aph-search-wrap {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    height: 58px !important;
  }

  #ananyaPermanentHeader .aph-search {
    width: 100% !important;
    max-width: none !important;
    height: 56px !important;

    padding: 0 0 0 16px !important;

    border: 1px solid #ddd8d4 !important;
    border-radius: 12px !important;

    overflow: hidden !important;
    background: #ffffff !important;
  }

  #ananyaPermanentHeader .aph-search input {
    height: 54px !important;
    font-size: 15px !important;
  }

  #ananyaPermanentHeader .aph-search button {
    width: 90px !important;
    height: 56px !important;
    flex: 0 0 90px !important;

    border-radius: 0 !important;

    background: #ef3d78 !important;
    color: white !important;
  }

  /* HIDE DESKTOP CATEGORY BAR */

  #ananyaPermanentHeader .aph-categories {
    display: none !important;
  }

  /* BOTTOM NAVIGATION */

  #ananyaPermanentHeader .aph-nav {
    position: fixed !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index: 99999 !important;

    width: 100% !important;
    height: 82px !important;

    padding: 4px 4px 6px !important;

    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;

    gap: 0 !important;

    background: white !important;

    border-top: 1px solid #e6e1dd !important;

    box-shadow:
      0 -4px 15px rgba(0, 0, 0, 0.06) !important;
  }

  #ananyaPermanentHeader .aph-nav-link {
    width: 100% !important;
    height: 70px !important;

    min-width: 0 !important;

    padding: 6px 1px 3px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    font-size: 10px !important;
    line-height: 13px !important;

    color: #111111 !important;
  }

  #ananyaPermanentHeader .aph-nav-link i {
    width: 28px !important;
    height: 28px !important;

    font-size: 23px !important;
  }

  #ananyaPermanentHeader .aph-nav-link.aph-active {
    color: #ef3d78 !important;
  }

  #ananyaPermanentHeader .aph-nav-link.aph-active::after {
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;

    height: 2px !important;
  }

  /* HOME CONTENT */

  .home-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
      10px
      14px
      28px !important;
  }

  /* HERO BANNER */

  .hero {
    min-height: 230px !important;
    height: 230px !important;

    position: relative !important;

    display: block !important;

    overflow: hidden !important;

    border-radius: 16px !important;

    background: #fff0f3 !important;
  }

  .hero-image-area {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
  }

  .hero-image {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: 68% center !important;
  }

  .hero-image-overlay {
    background:
      linear-gradient(
        90deg,
        #fff1f3 0%,
        rgba(255, 241, 243, 0.95) 40%,
        rgba(255, 241, 243, 0.2) 75%
      ) !important;
  }

  .hero-copy {
    width: 58% !important;

    position: relative !important;
    z-index: 5 !important;

    padding:
      25px
      12px
      20px
      16px !important;
  }

  .hero-title {
    margin-top: 14px !important;

    font-size: 31px !important;
    line-height: 1.05 !important;
  }

  .hero-title span {
    color: #ef3d78 !important;
  }

  .hero-description {
    display: none !important;
  }

  .hero-actions {
    margin-top: 18px !important;
  }

  .primary-button {
    height: 40px !important;

    min-width: 0 !important;

    padding: 0 15px !important;

    font-size: 11px !important;
  }

  .secondary-button {
    display: none !important;
  }

  /* BENEFITS */

  .benefits {
    display: none !important;
  }

  /* SECTIONS */

  .section {
    margin-top: 28px !important;
  }

  .section-title {
    font-size: 22px !important;
  }

  /* COLLECTION CARDS */

  .home-collection-grid {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 10px !important;
  }

  .home-collection-card {
    min-height: 112px !important;
    height: 112px !important;

    border-radius: 13px !important;

    overflow: hidden !important;

    background: #fff8f2 !important;
  }

  .home-collection-card img {
    width: 48% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;
  }

  .home-collection-copy {
    left: 52% !important;
    right: 7px !important;

    top: 31px !important;
    bottom: auto !important;

    color: #111111 !important;
  }

  .home-collection-copy h3 {
    margin: 0 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    color: #111111 !important;
  }

  .home-collection-copy p,
  .home-collection-copy small {
    display: none !important;
  }

  .home-collection-copy span {
    margin-top: 10px !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    color: #ef3d78 !important;
  }

  /* PRODUCTS */

  .products-grid,
  .smart-showcase-products {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 9px !important;
  }

  .product-image-box {
    height: 205px !important;
  }

  /* WHATSAPP */

  .whatsapp {
    right: 16px !important;
    top: 22px !important;
    bottom: auto !important;

    width: 50px !important;
    height: 50px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
  }

  .whatsapp-copy {
    display: none !important;
  }

  /* FOOTER */

  footer {
    padding-bottom: 12px !important;
  }

}
/* =========================================================
   FINAL MOBILE BOTTOM NAV FIX
========================================================= */

@media (max-width: 700px) {

  body {
    padding-bottom: 96px !important;
  }

  /* Bottom navigation */
  body > .aph-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 86px !important;
    min-height: 86px !important;

    margin: 0 !important;
    padding: 6px 3px 5px !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    background: #ffffff !important;

    border-top: 1px solid #e9e4e0 !important;

    box-shadow: 0 -4px 16px rgba(0,0,0,.08) !important;

    overflow: visible !important;

    z-index: 9999999 !important;
  }

  body > .aph-nav .aph-nav-link {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 74px !important;
    min-height: 74px !important;

    margin: 0 !important;
    padding: 5px 1px 3px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    overflow: visible !important;

    color: #111111 !important;

    font-size: 10px !important;
    text-decoration: none !important;
  }

  /* ICON */
  body > .aph-nav .aph-nav-link > i {
    display: flex !important;

    width: 30px !important;
    height: 30px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 24px !important;
    line-height: 30px !important;

    color: inherit !important;
  }

  /* MENU NAME — IMPORTANT: DOES NOT TARGET BADGE */
  body > .aph-nav .aph-nav-link > span:not(.aph-badge) {
    display: block !important;

    width: auto !important;
    height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: inherit !important;

    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 16px !important;

    text-align: center !important;
    white-space: nowrap !important;

    position: static !important;
  }

  /* ACTIVE HOME / PAGE */

  body > .aph-nav .aph-nav-link.aph-active {
    color: #ef3d78 !important;
  }

  body > .aph-nav .aph-nav-link.aph-active::after {
    content: "" !important;

    position: absolute !important;

    left: 20% !important;
    right: 20% !important;

    bottom: -2px !important;

    height: 2px !important;

    border-radius: 5px !important;

    background: #ef3d78 !important;
  }

  /* CART / WISHLIST BADGE FIX */

  body > .aph-nav .aph-badge {
    position: absolute !important;

    top: 1px !important;
    right: 8px !important;

    width: auto !important;
    min-width: 18px !important;
    max-width: 30px !important;

    height: 18px !important;
    min-height: 18px !important;

    margin: 0 !important;
    padding: 0 5px !important;

    display: none !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 20px !important;

    background: #ef3d78 !important;
    color: #ffffff !important;

    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 18px !important;

    z-index: 20 !important;
  }

  body > .aph-nav .aph-badge.aph-show {
    display: flex !important;
  }

  /* DON'T SHOW ZERO BADGES */

  body > .aph-nav .aph-badge:empty {
    display: none !important;
  }

  footer {
    margin-bottom: 86px !important;
  }
}
/* =========================================================
   BOTTOM MENU — PINK ONLY WHILE PRESSED
========================================================= */

@media (max-width:700px){

  /* Normal state = BLACK */

  #ananyaMobileBottomNav a,
  #ananyaPermanentHeader .aph-nav-link,
  body > .aph-nav .aph-nav-link{
    color:#111111 !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }

  #ananyaMobileBottomNav a i,
  #ananyaMobileBottomNav a > span:not(.mobile-nav-badge),

  #ananyaPermanentHeader .aph-nav-link i,
  #ananyaPermanentHeader .aph-nav-link > span:not(.aph-badge),

  body > .aph-nav .aph-nav-link i,
  body > .aph-nav .aph-nav-link > span:not(.aph-badge){
    color:#111111 !important;
  }


  /* REMOVE PERMANENT ACTIVE PINK */

  #ananyaMobileBottomNav a.active,
  #ananyaMobileBottomNav a.aph-active,

  #ananyaPermanentHeader .aph-nav-link.active,
  #ananyaPermanentHeader .aph-nav-link.aph-active,

  body > .aph-nav .aph-nav-link.active,
  body > .aph-nav .aph-nav-link.aph-active{
    color:#111111 !important;
  }

  #ananyaMobileBottomNav a.active::after,
  #ananyaMobileBottomNav a.aph-active::after,

  #ananyaPermanentHeader .aph-nav-link.active::after,
  #ananyaPermanentHeader .aph-nav-link.aph-active::after,

  body > .aph-nav .aph-nav-link.active::after,
  body > .aph-nav .aph-nav-link.aph-active::after{
    display:none !important;
  }


  /* =====================================================
     ONLY WHILE PRESSING = PINK
  ===================================================== */

  #ananyaMobileBottomNav a:active,

  #ananyaPermanentHeader .aph-nav-link:active,

  body > .aph-nav .aph-nav-link:active{
    color:#f23872 !important;
  }


  #ananyaMobileBottomNav a:active i,
  #ananyaMobileBottomNav a:active > span:not(.mobile-nav-badge),

  #ananyaPermanentHeader .aph-nav-link:active i,
  #ananyaPermanentHeader .aph-nav-link:active > span:not(.aph-badge),

  body > .aph-nav .aph-nav-link:active i,
  body > .aph-nav .aph-nav-link:active > span:not(.aph-badge){
    color:#f23872 !important;
  }

}
/* =========================================================
   FINAL FIX — 2 PRODUCTS PER ROW ON MOBILE
   Overrides old ≤560px rule that forces 1 product only
========================================================= */

@media (max-width:700px){

  #topRatedGrid,
  #mostViewedGrid,
  #bestSellerGrid,
  #bestSellingGrid,
  #forYouGrid,
  #productsGrid,
  .smart-showcase-products{

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:10px !important;

    align-items:start !important;
  }


  /* VERY IMPORTANT:
     old code hides 2nd/3rd cards on small screens.
     Show the first TWO cards again.
  */

  #topRatedGrid .product-card:nth-child(1),
  #topRatedGrid .product-card:nth-child(2),

  #mostViewedGrid .product-card:nth-child(1),
  #mostViewedGrid .product-card:nth-child(2),

  #bestSellerGrid .product-card:nth-child(1),
  #bestSellerGrid .product-card:nth-child(2),

  #bestSellingGrid .product-card:nth-child(1),
  #bestSellingGrid .product-card:nth-child(2),

  #forYouGrid .product-card:nth-child(1),
  #forYouGrid .product-card:nth-child(2),

  #productsGrid .product-card:nth-child(1),
  #productsGrid .product-card:nth-child(2),

  .smart-showcase-products .product-card:nth-child(1),
  .smart-showcase-products .product-card:nth-child(2){

    display:block !important;

    visibility:visible !important;

    opacity:1 !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    transform:none !important;
  }


  /* Keep only 2 cards in these Home sections */

  #topRatedGrid .product-card:nth-child(n+3),
  #mostViewedGrid .product-card:nth-child(n+3),
  #bestSellerGrid .product-card:nth-child(n+3),
  #bestSellingGrid .product-card:nth-child(n+3),
  #forYouGrid .product-card:nth-child(n+3){

    display:none !important;
  }


  /* IMAGE SIZE */

  #topRatedGrid .product-image-box,
  #mostViewedGrid .product-image-box,
  #bestSellerGrid .product-image-box,
  #bestSellingGrid .product-image-box,
  #forYouGrid .product-image-box,
  #productsGrid .product-image-box,
  .smart-showcase-products .product-image-box{

    width:100% !important;

    height:220px !important;
    min-height:220px !important;
  }


  #topRatedGrid .product-image,
  #mostViewedGrid .product-image,
  #bestSellerGrid .product-image,
  #bestSellingGrid .product-image,
  #forYouGrid .product-image,
  #productsGrid .product-image,
  .smart-showcase-products .product-image{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
  }


  /* REMOVE OLD HUGE MIN HEIGHT */

  #topRatedGrid,
  #mostViewedGrid,
  #bestSellerGrid,
  #bestSellingGrid,
  #forYouGrid{

    min-height:0 !important;
  }


  /* PRODUCT CARD */

  .smart-showcase-products .product-card{

    border-radius:12px !important;

    overflow:hidden !important;
  }


  .smart-showcase-products .product-info{

    padding:9px !important;
  }


  .smart-showcase-products .product-name{

    font-size:11px !important;
    line-height:1.3 !important;
  }


  .smart-showcase-products .product-type{

    font-size:8px !important;
  }


  .smart-showcase-products .price{

    font-size:11px !important;
  }


  .smart-showcase-products .add-cart{

    width:100% !important;

    height:34px !important;

    font-size:8px !important;
  }

}
/* =========================================================
   MOBILE LOGO — SAME AS WEBSITE
========================================================= */

@media (max-width:700px){

  #ananyaPermanentHeader .aph-brand{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    justify-content:flex-start !important;
  }

  #ananyaPermanentHeader .aph-brand-box{
    width:250px !important;
    height:auto !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
  }

  #ananyaPermanentHeader .aph-brand-top{
    width:100% !important;
    height:64px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #ananyaPermanentHeader .aph-brand-name{
    font-family:"Allura",cursive !important;
    font-size:58px !important;
    font-weight:400 !important;
    line-height:.78 !important;
    letter-spacing:-1px !important;

    color:#70422e !important;

    white-space:nowrap !important;
  }

  #ananyaPermanentHeader .aph-flower{
    width:33px !important;
    height:50px !important;

    position:relative !important;

    flex:0 0 33px !important;

    margin-left:3px !important;
    margin-top:-8px !important;
  }

  #ananyaPermanentHeader .aph-flower-head{
    position:absolute !important;

    left:5px !important;
    top:0 !important;

    font-size:23px !important;

    color:#e586a3 !important;
  }

  #ananyaPermanentHeader .aph-flower-stem{
    position:absolute !important;

    left:16px !important;
    top:20px !important;

    width:2px !important;
    height:27px !important;

    background:#79a46f !important;

    border-radius:10px !important;
  }

  #ananyaPermanentHeader .aph-leaf-1{
    position:absolute !important;

    left:7px !important;
    top:29px !important;

    width:10px !important;
    height:6px !important;

    background:#8eae78 !important;
  }

  #ananyaPermanentHeader .aph-leaf-2{
    position:absolute !important;

    left:16px !important;
    top:37px !important;

    width:10px !important;
    height:6px !important;

    background:#8eae78 !important;
  }

  #ananyaPermanentHeader .aph-brand-collection{
    width:100% !important;

    margin-top:4px !important;
    padding:0 !important;

    font-family:"Playfair Display",serif !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:16px !important;

    letter-spacing:5px !important;

    color:#2f2a27 !important;

    text-align:center !important;

    white-space:nowrap !important;
  }

  #ananyaPermanentHeader .aph-brand-subtitle{
    width:100% !important;

    margin-top:4px !important;
    padding:0 !important;

    font-family:"Poppins",sans-serif !important;

    font-size:9px !important;

    line-height:15px !important;

    color:#6f625c !important;

    text-align:center !important;

    white-space:nowrap !important;
  }

}
/* =========================================================
   HOME PAGE — TOP RIGHT PROFILE BUTTON
========================================================= */

@media (max-width:700px){

  .mobile-top-profile{
    position:fixed !important;

    top:18px !important;
    right:72px !important;

    width:44px !important;
    height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid #eaded8 !important;
    border-radius:50% !important;

    background:#ffffff !important;

    color:#111111 !important;

    text-decoration:none !important;

    box-shadow:
      0 4px 14px rgba(0,0,0,.06) !important;

    z-index:999999 !important;

    -webkit-tap-highlight-color:transparent !important;
  }

  .mobile-top-profile i{
    font-size:20px !important;
    color:inherit !important;
  }

  .mobile-top-profile:active{
    color:#ef3d78 !important;
    border-color:#ef3d78 !important;
  }

}
/* =========================================================
   ANANYA COLLECTION
   GLOBAL MOBILE APP BOTTOM MENU
   HOME / COLLECTIONS / SHOP / WISHLIST / ORDERS / CART
========================================================= */

@media (max-width: 700px) {

  /* page space for locked bottom menu */
  body {
    padding-bottom: 90px !important;
  }


  /* =====================================================
     REMOVE PROFILE FROM NAVIGATION
  ===================================================== */

  .aph-nav a[href*="stitch-profile"],
  .aph-nav a[href*="profile"] {
    display: none !important;
  }


  /* =====================================================
     LOCK REAL APP MENU AT BOTTOM
  ===================================================== */

  .aph-nav {

    position: fixed !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    top: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 82px !important;

    margin: 0 !important;

    padding: 6px 2px !important;

    background: #ffffff !important;

    border-top: 1px solid #e8e8e8 !important;

    display: grid !important;

    grid-template-columns:
      repeat(6, minmax(0, 1fr)) !important;

    align-items: center !important;

    z-index: 2147483647 !important;

    box-sizing: border-box !important;

    transform: none !important;
  }


  /* =====================================================
     SIX MENU BUTTONS
  ===================================================== */

  .aph-nav-link {

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 70px !important;

    margin: 0 !important;

    padding: 5px 1px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 3px !important;

    color: #111111 !important;

    text-decoration: none !important;

    text-align: center !important;

    font-family: "Poppins", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    line-height: 1.15 !important;

    background: transparent !important;

    border: 0 !important;

    box-sizing: border-box !important;
  }


  /* icon */
  .aph-nav-link i {

    display: block !important;

    font-size: 23px !important;

    line-height: 25px !important;

    margin: 0 !important;
  }


  /* label */
  .aph-nav-link > span:not(.aph-badge) {

    display: block !important;

    white-space: nowrap !important;

    font-size: 11px !important;
  }


  /* active page */
  .aph-nav-link.active {

    color: #f23872 !important;
  }


  /* wishlist/cart badge */
  .aph-badge {

    position: absolute !important;

    top: 2px !important;

    right: calc(50% - 25px) !important;

    min-width: 18px !important;

    height: 18px !important;

    padding: 0 4px !important;

    border-radius: 20px !important;

    background: #f23872 !important;

    color: #ffffff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 18px !important;

    text-align: center !important;

    z-index: 10 !important;
  }

}
/* =========================================================
   ANANYA COLLECTION MOBILE APP
   REMOVE PROFILE + FIX BOTTOM MENU ON ALL PAGES
========================================================= */

@media (max-width: 700px) {

  /* REMOVE PROFILE BUTTON FROM BOTTOM MENU */
  .aph-nav-link[href*="stitch-profile.html"],
  .aph-nav-link[href*="profile"] {
    display: none !important;
  }


  /* LOCK BOTTOM MENU */
  .aph-nav {
    position: fixed !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 82px !important;

    margin: 0 !important;

    padding:
      6px
      2px
      calc(6px + env(safe-area-inset-bottom))
      2px !important;

    background: #ffffff !important;

    border-top: 1px solid #e8e8e8 !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    align-items: center !important;

    box-sizing: border-box !important;

    z-index: 2147483647 !important;

    transform: none !important;
  }


  /* SPACE ABOVE FIXED MENU */
  body {
    padding-bottom: 90px !important;
  }


  /* EACH BOTTOM MENU BUTTON */
  .aph-nav-link {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 68px !important;

    margin: 0 !important;
    padding: 5px 1px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 3px !important;

    text-align: center !important;
    text-decoration: none !important;

    color: #111111 !important;

    background: transparent !important;

    border: none !important;

    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.15 !important;

    box-sizing: border-box !important;
  }


  /* ICONS */
  .aph-nav-link i {
    display: block !important;

    font-size: 23px !important;
    line-height: 25px !important;

    margin: 0 !important;
  }


  /* TEXT */
  .aph-nav-link > span:not(.aph-badge) {
    display: block !important;

    font-size: 11px !important;

    line-height: 14px !important;

    white-space: nowrap !important;
  }


  /* ACTIVE PAGE */
  .aph-nav-link.aph-active,
  .aph-nav-link.active {
    color: #f23872 !important;
  }


  /* WISHLIST / CART BADGE */
  .aph-badge {
    position: absolute !important;

    top: 1px !important;

    right: calc(50% - 25px) !important;

    min-width: 18px !important;
    height: 18px !important;

    padding: 0 4px !important;

    border-radius: 20px !important;

    background: #f23872 !important;

    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 18px !important;

    text-align: center !important;

    z-index: 10 !important;
  }

}