@media (max-width: 1024px) {
  .order_history_table td:first-child , .order_history_table th:first-child{padding-left: 0;}
  .order_history_table td:last-child , .order_history_table th:last-child{padding-right: 0;}
  .dnk_item_category a {font-size: 20px !important; }
  .category_sublist a {font-size: 18px !important;}
  
  .nav-content nav li a {color: var(--title-cat-nav);}

  .dnk_item_category {margin-bottom: 5px;}
  .plk_product_menu_li{display:none}
  #megamenu {display:block !important}    

  .profile_menu_list .menu_item {text-wrap: nowrap;  min-width: 250px;} 

  .nav-content nav li a{margin-left: 15px;}
  .nav-content nav.active ul{flex-direction: column;gap:10px;}
   .dropdown-babcground {width: 100%;}
  .nav-content nav.active {display: flex; margin-top: 80px;}

  .nav-content nav.active .grid-container{padding: 0 15px;}

  .nav-content nav.active #menu-cat1 a {margin-bottom: 0;}
  .nav-content nav.active .dropdown {  height: calc(100vh - 295px);}

  #menu-cat1 .dnk_item_category:has(.category_sublist) > a::after {
    transform: rotate(90deg);
  }
#menu-cat1 .dnk_item_category.item_active:has(.category_sublist) > a::after {
  transform: rotate(-90deg);
  }
  #menu-cat1 .dnk_item_category.item_active{color: var(--title-red);}

/*
  #menu-cat1 .dnk_item_category:has(.category_sublist) > a:hover::after{content:unset}
*/
  .dnk_item_category.item_active .category_sublist{display: flex;}
  .dnk_item_category .category_sublist{flex-direction: column; position: unset; margin-left: 10px;}


  .nav-content nav.active #menu-cat1 a {padding: 4px 0;}

  .nav-content nav {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: var(--color-background-grey);
    padding: 40px 15px 15px;
    gap: 15px;
    border-top: 1px solid #ddd;
    z-index: 999;
    height: 100vh;
    overflow: hidden;
  }

  .nav-content nav div a {font-size: 18px; padding: 8px 0;}
  
  .contact_page .contact_wrapper , .checkout_page{display:flex;flex-direction: column; gap:20px;}
  .checkout_page .cart_end{width: 100%;}
  .contact_page .location-section{max-width: 100%;}
.checkout_page .checkout_boxs {width: 100%;}
.checkout_page .cart_end{max-width: 100%;}
  
/*
  .cart_end {    max-width: 400px;
    margin-left: auto; 
    width: 100%;
   flex-direction: column;
   gap:20px;

  }*/

  .cart_end .cart_box , .cart_end .code_promo{max-width: 100%;}

  .category-body{gap:0}

  #filterButton{
 position: fixed;
 bottom: 25px;
 left: 50%;
 transform: translateX(-50%);
 padding: 10px 40px;
 border: none;
 border-radius: 10px;
 cursor: pointer;
 z-index: 2;
 margin-bottom: 0;
 max-width: 280px;
 }
 
 .filter-section.expanded .filter-header{display:none}
 
 .filter-section.expanded .btn_filtermobile{
   display: flex;
   gap: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   background: white;
   padding: 1rem 0;
   width: 100%;
 }
 
 .btn_filtermobile button {
   width: 100%;
   border-radius: 20px;
   flex-wrap: nowrap;
   padding: 15px 0 15px 0;
   border: 2px solid var(--brown-title);
   color: var(--brown-title);
   margin: 0 1rem;
 }
 
 #plk-filter-box {display:none}
 .filter-section {max-width: 0;}
.filter-section.expanded{display: flex;       position: fixed;
z-index: 9999999;
background: white;
width: 100%;
top: 0;
left: 0;
height: 100%;
flex-direction: column;
max-width: 100%;
padding: 20px;
}
.filter-section.expanded #plk-filter-box{display:flex; flex-direction: column;}

.filter-section.expanded .btnclose_filtermobile{ display:flex;justify-content: end;
position: absolute;
width: 100%;
top: 0;
left: 0;
background-color: white;
padding: 1rem;
z-index: 9999;}

.plk_record_orderdate{padding-top: 32px !important;white-space: normal !important; line-height: 1.4; text-align: center !important; width: 140px; }  

}
 /*mobile*/

 @media (max-width: 650px) {
  .plk_record_orderdate{ width: 120px;}
  .plk_title_ordernumber span{display:none}
  .order_history_section.bottom200{margin-bottom: 200px !important;}

  .plk_title_orderdate {text-align: left;}
  .plk_title_orderstatus,.plk_record_state{display:none}
  .order_history_table th, .order_history_table td{padding:10px}

  .card_category h3 {font-size: 16px;}
  .contact_page .btn_more.clean{display:none}
  .contact_page .contact-btn{max-width: 100%;}
  .contact_page .btn_more{max-width: 100%;}
  .btn_more.clean{display: none;}


  .profile_menu_list {display:flex; flex-direction: row !important; overflow-x: scroll;
    scroll-snap-type: x mandatory; /* ativa o snap horizontal */
    -webkit-overflow-scrolling: touch; /* suavidade no iOS */}
  .profile_menu_list .menu_item{min-width: 85%;  scroll-snap-align: start; /* define onde o item encaixa */
    flex-shrink: 0; /* impede encolher */}

    .profile_menu_list .menu_item:last-child{min-width: 100%;}
  .profile_menu_list .menu_item::before{ content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: var(--color-background-grey)}

  .two_labels {display:flex;flex-direction: column;gap:0}
  .cart_page .cart_list .line-1.cart-row{display:none}

  .dnk_cart_itens .cart_box{flex-direction: column;}
  .dnk_cart_itens .cart_values_box, .dnk_cart_itens .dnk_btn {
    width: 100%;
    max-width: 100%;
}

  .box_shadow {box-shadow: none;padding:0}
  .section_header{padding:20px 0 !important}
  .dnk_item_category a , .nav-content nav li a{font-size: 18px !important; }
  .category_sublist a {font-size: 16px !important;}

  .nav-content nav.active .grid-container{padding: 0 }
  .features-container.grid-container{padding:0}

  .plk_mid_banner .content_banner .btn_more{margin:auto}

  .plk_mid_banner .content_banner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 275px; width: 100%;}

  .plk_mid_banner.grid-container{padding: 0;}

  .btn_more {height:35px; max-width: 130px;}
  .banner_lst .btn_more{height: 40px;}
  .carousel .caption .text{display:none}
  
  .nav-content nav li a{margin-left: 0;}

  .info-order {
    flex-direction: column;
    gap:20px;
  }
  
  .info-order > div {
    width: 100%;
  }

  .hide-for-small {
    display: none;
  }
  

  .cart_steps {
    justify-content: unset;
    overflow-x: auto;
    gap:40px;
  }

  .rgpd span {font-size: 14px;}
  .contact-section .triple_input{flex-direction: column; gap:0}

  .bottom200{margin-bottom: 100px;}


  /*about us*/
  .about_us .about_us_first{flex-direction: column;}

  .cart_box .header h1{font-size: 16px;}
  .cart_box .header{font-size: 16px;}
  .cartline{font-size: 14px;}
  .elements_group{padding: 0;}
  .elements_group .elements{grid-template-columns: repeat(1, 1fr);}

  .swiper-team-wrapper .swiper-button-next , .swiper-team-wrapper .swiper-button-prev {display:none}


.product_box .column , .product_box .counter , .product_box .last_column {display: none;}

 .quantity-selector .quantity-value{font-weight: 500;} 

  .mobileonly{display:flex;}
  .desktoponly{display: none;}

  .category-body .order-box{    display: flex;
        flex-direction: column;
        align-items: end;
        gap: 10px;}
 
     .product-info__title{font-size: 20px;}
   .info-tab-link{padding:6px 10px}
   .description-block {display:flex; flex-direction: column !important; }
   .description-image , .description-image-gallery{display:flex; justify-content: center;}
   
   .cookie-inner-wrapper {
     flex-direction: column;
   }
   .cookie-message-wrapper span {
     line-height: 1;
     text-align: center;
   }
   .cookie-inner-wrapper .button {
     margin-top: 10px;
   }
   .cookie-inner-wrapper a {
     padding-top: 10px;
   }
   .btn_cookie_accept {
     width: fit-content;
     margin: 0 auto;
     margin-top: 10px;
   }
   .page-popup.open .page-popup-content {
     margin: 20% auto;
     max-width: 90%;
   }
   .page-popup.open .page-popup-content .page-popup-inner-content img {
     width: 100%;
   }
   /*
   img {
     display: inline-block;
     vertical-align: middle;
     max-width: 100%;
     height: auto;
     -ms-interpolation-mode: bicubic;
   }*/
 
   h1 {font-size: 20px;}
 h2 {font-size: 18px;font-weight: 400;}
 h3 {font-size: 14px;}
 p {font-size: 13px;}
 .top10 {margin-top: 50px;}
 .bottom5 {margin-bottom: 25px;}
 
  /* // Home - Header //----------------------------*/
   .nav-content .nav-actions .menu-toggle {display: flex;}
   .header-center-text {display: none;}
 

   .dropdown {
     width: 100%;
     display: flex;
     position: inherit;
   }
   .dropdown-babcground {
     background: transparent;
     margin-top: 0px;
     box-shadow: none;
   }
 
   .menu-cat {flex-direction: column; padding: 0;}
   #menu-cat1 {border: none;padding: 0;margin: 0;}
 
    /* // Home - Header //----------------------------*/
   .nav-content .nav-actions .search_bar { padding: 0; background-color: transparent; position: relative; display: flex; align-items: center;}
 
   #plk-dnk-search-form {max-width: 100%;width: 100%;}
   .nav-content .search_input input{
     position: fixed;
     top: 138px;
     left: 0;
     width: 100vw;
     padding: 20px 15px;
     background-color: var(--white);
     border-radius: 0;
     display: none; z-index: 9999;}
    
   #plk_search_input-error{display:none !important}  
 
   .nav-content .search_input input.open {display: block; max-width: 100%; padding-left: 20px;}
   .nav-content .nav-actions .search_bar img {cursor: pointer;}
 
   /* // Home - Banner //----------------------------*/
 
   .carousel {height: 340px;}
   .slide {height: 340px;}
   .caption {max-width:275px; width: 100%;  background: rgba(255,255,255,0.85);padding: 15px;border-radius: 6px;text-align: center;  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); margin: 0;}
   .caption h3 {display: none;}
   .caption a {margin: 14px auto 0; width: 100%; max-width: 160px; height: 20px; font-size: 14px;}
   .dots span {width: 14px;height: 14px;}
   
   /* // Home - Category //----------------------------*/
 
   .grid_category{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 10px}
   .card_category {padding: 10px;}
   .card_category .card_category_title { margin-bottom: 10px;}
 
   /* // Home - Product //----------------------------*/
 
      .grid_product {
     display: block; /* Swiper precisa de bloco */
   }
 
   .swiper-wrapper {
     display: flex;
   }
 
   .swiper-slide {
     width: auto;
   }
 
   /*.grid_product {grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));gap: 18px;}*/
 
   /* // Home - Banner 2 //----------------------------*/
 
   .banner2 {height: 250px;padding: 20px;justify-content: center;    align-items: center;text-align: center;}
   .content_banner {max-width: 90%;        background: #ffffffe0;
         padding: 15px;
         border-radius: 10px;
         color: black;}
   .content_banner h1 {font-size: 20px;line-height: 1.3; margin-bottom: 15px;}
   .content_banner a { max-width: 100%; justify-content: center;}
   .content_banner a img {padding-left: 10px; max-height: 14px;}
 
   /* // Home - Features //----------------------------*/
 
   .features {flex-direction: column;gap: 20px;padding: 20px;  }
   .feature-icon {margin-bottom: 8px;}
 
   /* // Home - FAQ //----------------------------*/
   .faq-question h2 {width:93%;font-size: 18px;}
   .faq-question::after {right: 10px;}
   .faq-question{padding: 20px;}
   p.faq-answer {font-size: 14px;}
 
   /* // Home - Footer //----------------------------*/
 
   .footer {background-color: var(--text);color: var(--white-var);padding: 0;}
   .footer-container { text-align: center;padding-top: 30px;gap: 40px;}
   .links{display: none;}
   .footer-bottom{ flex-direction: column-reverse;}
   .payment-methods {flex-direction: column;padding-bottom:30px;}
   .payment-methods p{padding-bottom: 10px;text-align: center;}
   .payment-methods img{max-width: 200px;margin-left: 0px;height: auto;}
   .copy{padding-bottom: 20px;}
   .footer-section li{font-size:14px;}
 
 .cart_page .product_box{display: flex;flex-direction: column;align-items: baseline;padding:20px 0;}
 .product_box .image img {    max-width: 90px;
  height: auto;}
  .faq-question::after {top: 20px;}
  .product-name .text{max-width: 100%;}
  .product_box .text p{font-size: 16px;}
  .product_box .on_mobile {display:flex; gap:20px; font-size: 16px; }
  .product_box .on_desktop {display:none;}
  .cart_page .cart-row{margin-bottom: 0;}
}
 
 @media (max-width: 450px) {


  .plk_record_seemore .seemore_text{display: none;}
  .plk_record_seemore .seemore_symbol{display: block;display: block; font-size: 32px; font-weight: 200;}

  .grid-container{padding:0 15px;}
  .footer-container{padding-top: 30px;}
  }

 /*Tablet*/
 @media (min-width: 651px) and (max-width: 1000px) {
   .cookie-inner-wrapper {
     flex-direction: column;
   }
   .cookie-message-wrapper span {
     line-height: 1;
     text-align: center;
   }
   .cookie-inner-wrapper .button {
     margin-top: 10px;
   }
   .cookie-inner-wrapper a {
     padding-top: 10px;
   }
   .btn_cookie_accept {
     width: fit-content;
     margin: 0 auto;
     margin-top: 10px;
   }
   .page-popup.open .page-popup-content {
     margin: 20% auto;
     max-width: 90%;
   }
   .page-popup.open .page-popup-content .page-popup-inner-content img {
     width: 100%;
   }
   /*
   img {
     display: inline-block;
     vertical-align: middle;
     max-width: 100%;
     height: auto;
     -ms-interpolation-mode: bicubic;
   }*/
 
   .header-center-text p {
     font-size: 13px;
   }
 
  /* // Home - Header //----------------------------*/
   .nav-content .nav-actions .menu-toggle {display: flex;}
   .header-center-text {display: none;}
 

 
   .dropdown {
     width: 100%;
     display: flex;
     position: inherit;
   }
   .dropdown-babcground {
     background: transparent;
     margin-top: 0px;
     box-shadow: none;
   }
 
   .menu-cat {
     flex-direction: column;
     padding: 0;
   }
 
   #menu-cat1 {
     border: none;
     padding: 0;
     margin: 0;
   }
 
   .carousel {
     height: 450px;
   }
   .slide {
     height: 450px;
   }
   .caption {
     max-width: 380px;
     padding: 15px;
   }
   .caption h1 {
     font-size: 24px;
   }
   .caption h3 {
     font-size: 16px;
   }
 
   /* // Home - Banner 2 //----------------------------*/
   .banner2 {
     height: 350px;
     padding: 30px;
   }
   .content_banner {
     max-width: 60%;
   }
   .content_banner h1 {
     font-size: 28px;
   }
   .content_banner a {
     max-width: 160px;
   }
 
 }