@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Roboto:wght@400;700&display=swap');



*{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body

{

    background-color: #F9F9F9;

}



h1, h2, h3

{

    margin: 0 0 10px;

}



/* ajax loader e modal box */

.modal-backdrop {

    background-color: #cdcdcd;

    z-index: 999999997;

}



#ajax_loader {

    position: fixed;

    left: 50%;

    top: 50%;

    z-index: 999999999;

    height: 100px;

    width: 200px;

    margin-left: -100px;

    margin-top: -50px;

    text-align: center;

}



.text-loading {

    margin-top: 20px;

    color: #3b3e42;

    font-weight: 500;

}



.modal {

    z-index: 999999998;

}



.modal-open .modal

{

    overflow: hidden;

}



.modal-content

{

    max-height: 97vh;

    border-radius: 10px;

    box-shadow: 0px -1.86667px 11.66666px 0px rgba(0, 0, 0, 0.10);

}



.modal-header

{

    max-height: 17vh;

    

}

.modal-body

{

    max-height: 60vh;

    overflow-y: auto;

}



.modal-footer

{

    max-height: 20vh;

    margin-bottom: 20px;

}





.modal-danger .modal-header {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1;

}



.modal-danger .close {

    color: #a94442;

}



.modal-danger .modal-content {

    border-color: #ebccd1;

}



.modal-danger .modal-footer {

    border-top: 1px solid #ebccd1;

}



.modal-warning .modal-header {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc;

}



.modal-warning .close {

    color: #8a6d3b;

}



.modal-warning .modal-content {

    border-color: #faebcc;

}



.modal-warning .modal-footer {

    border-top: 1px solid #faebcc;

}



.modal-info .modal-header {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1;

}



.modal-info .close {

    color: #31708f;

}



.modal-info .modal-content {

    border-color: #bce8f1;

}



.modal-info .modal-footer {

    border-top: 1px solid #bce8f1;

}



.modal-success .modal-header {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

}



.modal-success .close {

    color: #3c763d;

}



.modal-success .modal-content {

    border-color: #d6e9c6;

}



.modal-success .modal-footer {

    border-top: 1px solid #d6e9c6;

}



.modal-primary .modal-header {

    color: #fff;

    background-color: #428bca;

    border-color: #428bca;

}



.modal-primary .close {

    color: #fff;

}



.modal-primary .modal-content {

    border-color: #428bca;

}



.modal-primary .modal-footer {

    border-top: 1px solid #428bca;

}



.modal-header

{

    border-bottom: none;

}



.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: none;

}



.close

{

    opacity: 1;

}



/* end modal box*/



#subcontent {

    float: left; 

    width: 100%;

    overflow: hidden;

}



.main_parallax_v {

    width:100%;

}



.contents_parallax_v {

    height: 100%;

}



.main_parallax_h {

    width:100%; 

    height:300px;

    position:relative; 

    overflow:hidden;

}



.contents_parallax_h {

    height: 100%;

    position: absolute;

}



.div_parallax_v {

    height: 500px;

    border: 1px solid red;

    margin-bottom: 10px;

    float:left;

}



.div_parallax_h {

    height: 350px;

    border: 1px solid red;

    margin-bottom: 10px;

    float:left;

}



/* font face use */

/*

html,

body {

    font-family:'Conv_GOTHIC',Sans-Serif;

}



@font-face {

    font-family: 'Conv_GOTHIC';

    src: url('/media/fonts/GOTHIC.eot');

    src: local('?'), url('/media/fonts/GOTHIC.woff') format('woff'), url('/media/fonts/GOTHIC.ttf') format('truetype'), url('/media/fonts/GOTHIC.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}*/



/* end font face */





/* links */



a {

    /*font-family: 'Conv_GOTHIC';*/

    font-size: 11px;

}



a:link {

    color: #282828;

    text-decoration: none;

}



a:visited {

    color: #282828;

    text-decoration: none;

}



a:hover {

    color: #F16A22;

    text-decoration: none;

}



a:active {

    color: #F16A22;

    text-decoration: none;

}

/* end links */

.div_block_ele {

    position: relative;

    padding-bottom: 30px;

}

.LV_validation_message {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 10px;

}

.titulo_caracteristica_cor {

    margin-top: 20px;

    font-weight: bold;

    font-size: 16px;

}

.cor {

    padding-right: 20px;

    cursor: pointer;

}

.cor:hover {

    opacity: 0.5;

}

.color_selected {

    border: 2px solid #000;

}







.mobile-menu-wrapper{

  position: fixed;

  top: 0;

  right: -100%;

  height: 100%;

  width: 100%;

  background: #000;

  transition: all 0.6s ease-in-out;

  z-index: 10;

  padding: 100px 0 30px 0;

}

#menu_checkbox:checked ~ .mobile-menu-wrapper{

  right:0;

}

.menu-btn{

  position: relative;

  z-index: 20;

  height: 50px;

  width: 50px;

  text-align: center;

  line-height: 0;

  border-radius: 50%;

  font-size: 20px;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

  margin-bottom: 0;

}

.menu-btn span,

.menu-btn:before,

.menu-btn:after{

	content: "";

	position: absolute;

	top: calc(50% - 1px);

	left: 30%;

	width: 40%;

	border-bottom: 2px solid #000;

	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.menu-btn:before{

  transform: translateY(-8px);

}

.menu-btn:after{

  transform: translateY(8px);

}





/* closing animation */

#menu_checkbox:checked + .menu-btn span {

	transform: scaleX(0);

}

#menu_checkbox:checked + .menu-btn:before {

	transform: rotate(45deg);

  border-color: #fff;

}

#menu_checkbox:checked + .menu-btn:after {

	transform: rotate(-45deg);

  border-color: #fff;

}

.mobile-menu-wrapper .menu-items{

  height: fit-content;

  width: 100%;

  margin-top: 30px;

}

.mobile-menu-wrapper ul

{

  list-style: inside;

}



.mobile-menu-wrapper ul li::marker{

    color: transparent;

}

.mobile-menu-wrapper ul li a{

  text-decoration: none;

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  border-radius: 50px;

  /*position: absolute;*/

  opacity: 0;

  transition: all 0.3s ease;

  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);

}



#menu_checkbox{

  display: none;

}



#menu_checkbox:checked ~ .mobile-menu-wrapper ul li a{

  opacity: 1;

}

.mobile-menu-wrapper ul li a{

  transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  transform: translateX(100px);

}

#menu_checkbox:checked ~ .mobile-menu-wrapper ul li a{

	transform: none;

	transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1); 

   transition-delay: .6s;

}





.navbar

{

   margin-bottom: 0;

   display: flex;

}



.navbar-nav

{

    margin: 0;

    padding: 0;

    padding-inline-start: 0;

    padding-inline-end: 0;

    margin-block-start: 0;

    margin-block-end: 0;

}





.upper-header

{

    padding-left: 60px;

    padding-right: 60px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-top: 20px;

    padding-bottom: 20px;

}







.lower-header

{

    padding-left: 60px;

    padding-right: 60px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #231F20;

    min-height: 65px;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form

{

    border-color: transparent;

}



.navbar-default

{

    background-color: transparent;

    border-color: transparent;

}



.mobile-menu-hamburger .navbar-nav>li

{

    float: initial !important;

}



.mobile-menu-hamburger .nav>li

{

    position: initial;

    display: list-item;

}



.upper-header-actions

{

    display: flex;

    gap: 37px;

    align-items: center;

}



.upper-header-info

{

    display: flex;

    gap: 10px;

    align-items: center;

}



.header-info

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

}



.header-info a.focus, .header-info .focus

{

    color: #F16A22;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



img{

    height: fit-content;

}





.mobile-menu-hamburger

{

    display: flex;

}



#menuheader > ul

{

    display: flex;

    margin-bottom: 0;

    gap: 40px;

    align-items: center;

}











#menuheader > ul > li > a

{

    color: #FFF;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: uppercase;

}



#menuheader > ul > li > a:hover

{

    color: #F16A22;

}



#menuheader > ul > li > i

{

    color: #FFF;

}



.desktop-submenu

{

    position: absolute;

    width: 370px;

    height: fit-content;

    z-index: 2;

    top: 43px;

    background-color: white;

    padding: 40px;

    display: grid;

    gap: 20px;

    left: 0;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



#menuheader ul li

{

    list-style: none;

    position: relative;

}



#menuheader > ul > li

{

    /*padding: 0 20px;*/

}





#menuheader .desktop-submenu > li > a

{

    display: grid;

    grid-template-columns: 0.5fr 1fr 1fr;

    gap: 20px;

}



#menuheader .desktop-submenu > li > a

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

}



#menuheader .desktop-submenu > li > a:hover

{

    color: #F16A22;

    text-decoration: none;

}



#menuheader .desktop-submenu > li > a:hover img

{

    filter: invert(55%) sepia(30%) saturate(5437%) hue-rotate(347deg) brightness(97%) contrast(95%);

}







.lower-header-info

{

    display: flex;

    gap: 20px;

}



.lower-header-info-item

{

    display: flex;

    gap: 10px;

    align-items: center;

}



.lower-header-info-title

{

    color: #FFF;

    font-family: Inter;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

}



.lower-header-info-content

{

    color: #FFF;

    font-family: Roboto;

    font-size: 11px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.mobile-menu-hamburger

{

    display: none;

}









.mobile-menu-wrapper .header-info

{

    color: white;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-top: 10px;

}



.mobile-menu-wrapper a

{

    color: #FFF;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: uppercase;

}



.mobile-menu-wrapper .menu-items > ul > li

{

    display: flex;

    padding: 10px 0px;

    align-items: center;

}



.mobile-menu-wrapper .menu-items > ul > li > a

{

    display: flex;

    justify-content: space-between;

    width: 100%;

}



.mobile-menu-wrapper .menu-items .mobile-submenu

{

    display: grid;

    gap: 20px;

    padding-top: 20px;

}



.mobile-menu-wrapper .menu-items .mobile-submenu li

{

    list-style: none;

    position: relative;

}



.mobile-menu-wrapper .menu-items .mobile-submenu li a

{

    display: grid;

    grid-template-columns: 0.3fr 1fr 1fr;

    gap: 20px;

    align-items: center;

}



.mobile-inner-wrapper

{

    padding: 0 30px;

    overflow-y: auto;

    height: 100%;

}



.desktop-submenu, .mobile-menu-wrapper .menu-items .mobile-submenu

{

    display: none;

    

}



.desktop-submenu.active, .mobile-menu-wrapper .menu-items .mobile-submenu.active

{

    display: grid;

}



hr

{

    border-top: 2px solid rgba(255, 255, 255, 0.50);

}



.homepage-search-parent

{

    background-image: url('/media/images/background_homepage_clean.jpg'); 

    background-color: #F9F9F9;

    height: 100%;

    background-size: contain;

    background-repeat: no-repeat;

    display: grid;

    background-size: 100%;

    

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 92px;

    padding-bottom: 50px;

}



    

.homepage-category-options-grid

{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

    gap: 10px;

}



.category_tab

{

    background-color: #e5e5e5;

    border-radius: 10px 10px 0 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding-top: 15px;

    padding-bottom: 15px;

    cursor: pointer;

}



.category_tab:hover img, .category_tab.active img

{

    filter: invert(55%) sepia(30%) saturate(5437%) hue-rotate(347deg) brightness(97%) contrast(95%);

}



.category_tab.active

{

    background-color: #FFF;

    z-index: 2;

    

}

.category_tab:hover .category_title, .category_tab.active .category_title

{

    color: #F16A22;

}



.category_title

{

    color: #231F20;

    color: #888;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    margin-bottom: 0;

}



.category_tab img

{

    filter: invert(51%) sepia(12%) saturate(8%) hue-rotate(326deg) brightness(102%) contrast(83%);

}



.homepage-search-content

{

    padding: 30px;

    background-color: white;

    margin-top: -1px;

    border-radius: 0 10px 10px 10px;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

    

    z-index: 1;

    position: relative;

}



.homepage-search-title

{

    color: #231F20;

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

}



.homepage-search-subtitle

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



.homepage-main-filters-area

{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    gap: 20px;

    margin-top: 20px;

}



.custom-select input

{

    padding: 10px;

}



.custom-select span

{

    top: 0;

    bottom: 0;

    margin: auto 0;

}



.custom-select label

{

    padding-left: 5px;

}



.custom-select .rounded-l-\[0\.25rem\]

{

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.custom-select .rounded-r-\[0\.25rem\]

{

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.homepage-search-optional-area

{

    display: grid;

    grid-template-columns: 3fr 2fr;

    margin-top: 30px;

    gap: 20px;

}



.homepage-search-optional-options

{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 20px;

    margin-top: 20px;

}



.homepage-search-optional-options .i9button

{

    grid-column: span 2;margin-top: 20px;

}



.i9button

{

    background-color: #F16A22;

    color: white;

    border-radius: 10px;

    width: 100%;

    padding: 20px 20px;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    display: flex;

    justify-content: center;

    align-items: center;

}







.i9button_loja_list

{

    background-color: #F16A22;

    color: white;

    border-radius: 10px;

    width: 100%;

    padding: 20px 20px;

    font-family: Roboto;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    display: flex;

    justify-content: center;

    align-items: center;

}



.i9button:hover, .i9button:active, .i9button_loja_list:hover, .i9button_loja_list:active

{

    background-color: #231F20;

}



.i9button:disabled

{

	background-color: gray;

}



.homepage-category-options-mobile

{

    display: none;

    padding-bottom: 20px;

}



.img_caracteristicas_pneus

{

    justify-self: center;

    margin-top: auto;

}



.img_caracteristicas_pneus_2

{

    display: none;

    justify-self: center;

}



.homepage-stats

{

    background-color: #F9F9F9;

    display: grid;

    grid-template-columns: 2.5fr 5fr;

    gap: 20px;

    padding-top: 80px;

}



.i9subtitle

{

    color: #F16A22;

    /* Subtitulos */

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

}



.i9title

{

    color: #231F20;

    /* Titulos */

    font-family: Inter;

    font-size: 40px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



.i9title .focus

{

    color: #F16A22;

}



.i9content

{

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 137.687%; /* 22.03px */

}







.homepage-stats-content

{

    padding-left: 170px;

    padding-right: 220px;

    padding-top: 70px;

    padding-bottom: 70px;

}



.stats-features-area

{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    gap: 10px;

    margin-top: 30px;

}



.stats-feature

{

    background-color: white;

    border-radius: 10px;

    box-shadow: 0px -4px 25px -5px rgba(0, 0, 0, 0.10);

}



.stats-feature

{

    display: grid;

    justify-items: center;

    padding: 20px;

    gap: 20px;

    

}



.stats_title

{

    color: #231F20;

    text-align: center;

    font-family: Inter;

    font-size: 17px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

}



.destaques-title-area

{

    text-align: center;

    background-color: #F9F9F9;

    padding-top: 50px;

    padding-left: 30px;

    padding-right: 30px;

}



.destaques-content-area

{

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 30px;

    padding-bottom: 30px;

    background-color: #F9F9F9;

    background-image: url('/media/images/i9background.jpg'); 

    background-repeat: no-repeat;

    background-size: 100%;

    min-height: 755px;

    background-position: bottom;

    

}



.destaques-options

{

    display: flex;

    gap: 20px;

    justify-content: center;

}



.destaque-button

{

    background-color: transparent;

    color: rgba(69, 69, 69, 0.60);

    border-radius: 5px;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding: 15px 30px;

    border: 1px solid rgba(69, 69, 69, 0.60);

}



.destaque-button.selected

{

    background-color: #F16A22;

    color: white;

    border: 1px solid #F16A22;

    

}



.carousel-cell

{

    padding-left: 10px;

    padding-right: 10px;

    /*counter-increment: carousel-cell;*/

    counter-increment: gallery-cell;



}







.inner_card

{

    background-color: white;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.10);

    width: 318px;

    position: relative;

    

    min-height: 503px;

    display: flex;

    flex-direction: column;

}

.bottom_area

{

    margin-top: auto;

}



.destaque_product_image

{

    margin-left: auto;

    margin-right: auto;

    max-width: 200px;

    max-height: 140px;

    height: 140px;

    object-fit: cover;

	pointer-events: none;

}



.quote_fix

{

    padding-top: 40px;

}





.destaque_product_status_area

{

    display: flex;

    gap: 10px;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

}



.destaque_product_info_area

{

    margin-top: 20px;

}



.item_stock

{

    display: flex;

    gap: 10px;

    align-items: center;

}



.stock_title

{

    color: #231F20;

    font-family: Roboto;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.stock_color

{

    width: 10px;

    height: 10px;

    clip-path: circle(40%);

    background-color: green;

}



.destaque_product_title

{

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 10px;

}



.destaque_product_description

{

    color: #888;

    font-family: Roboto;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.destaque_produto_info_stats_area

{

    display: flex;

    gap: 10px;

}



.destaque_produto_info_stats_item

{

    display: flex;

    gap: 5px;

    align-items: center;

}



.destaque_produto_info_stat_value

{

    color: #231F20;

    font-family: Roboto;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.item_purchase_area

{

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

}



.item_purchase_input_area

{

    display: flex;

    

}



.item_purchase_price

{

    color: #F16A22;

    font-family: Inter;

    font-size: 30px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

    margin-bottom: 0;

}



.list_item_purchase_price

{

    color: #F16A22;

    font-family: Inter;

    font-size: 40px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

    margin-bottom: 0;

}



.product__order-input {

    background-color: white;

    color: #888;

    

    text-align: center;

    border: 1px solid rgba(69, 69, 69, 0.20);

    height: 47px;

    width: 35px;

    

}



.product__order-input.left {

    border-radius: 10px 0px 0px 10px;

    padding: 0px 10px;

    border-right: none;

    font-weight: bold;

}



.product__order-input.middle {

    border-left: none;

    border-right: none;

    color: #231F20;

}



.product__order-input.right {

    border-radius: 0px 10px 10px 0px;

    padding: 0px 10px;

    border-left: none;

    font-weight: bold;

}



.add_to_cart_button

{

    

}



.peer:focus~.peer-focus\:text-primary

{

    color: #F16A22;

}



.group[data-te-input-focused] .group-data-\[te-input-focused\]\:border-primary

{

    border-color: #F16A22;

}



.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\]

{

    --tw-shadow: -1px 0 0 #F16A22, 0 1px 0 0 #F16A22, 0 -1px 0 0 #F16A22 !important;

}



.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[0_1px_0_0_\#3b71ca\]

{

    --tw-shadow: 0 1px 0 0 #F16A22 !important;

}



.group[data-te-input-focused] .group-data-\[te-input-focused\]\:shadow-\[1px_0_0_\#3b71ca\2c _0_-1px_0_0_\#3b71ca\2c _0_1px_0_0_\#3b71ca\]

{

    --tw-shadow: 1px 0 0 #F16A22, 0 -1px 0 0 #F16A22, 0 1px 0 0 #F16A22 !important;

}



.flickity-page-dots .dot

{

    background: #888888 !important;

}



.flickity-page-dots .dot.is-selected

{

    background: #F16A22 !important;

}



.destaques-content-area > button

{

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px;

    padding: 20px 60px;

}



.hoempage-marcas-area

{

    background-color: #F9F9F9;

    text-align: center;

    padding: 60px;

    

}



.marcas-grid

{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    gap: 20px;

    margin-top: 40px;

}



.marca

{

    background-color: white;

    border-radius: 10px;

    box-shadow: 0px -4px 25px -5px rgba(0, 0, 0, 0.10);

    display: grid;

    justify-content: center;

    padding: 30px;

    align-items: center;

    height: 154px;

}



.marca > img

{

    aspect-ratio: 15/4;

    object-fit: contain;

}



.testemunhos_area

{

    background-image: url('/media/images/background_testemunhos.jpg'); 

    min-height: 686px;

    background-size: contain;

    background-repeat: no-repeat;

    width: 100%;

    height: 0;

    padding-bottom: 35.72%;

}



.quote_text

{

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 132.687%; /* 21.23px */

    margin-top: 30px;

    

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.destaques-options-mobile

{

    display: none;

}



.quote_owner

{

    display:flex;

    justify-content: space-between;

}



.quote_name

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

    

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.quote_date

{

    color: #F16A22;

    font-family: Inter;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 0;

}



.quote_icon

{

    position: absolute;

    top: -35px;

    z-index: 999999999999999999999999999999999999999999999999;

}



.testemunhos_division

{

    display: grid;

    grid-template-columns: 1.5fr 1fr;

    gap: 10px;

    padding-top: 125px;

    padding-left: 60px;

    padding-right: 60px;

}



.testemunhos_slider .inner_card

{

    height: 340px;

    display: flex;

    flex-direction: column;

    min-height: auto;

}



.testemunhos_slider .testemunho_bottom

{

    margin-top: auto;

    

}



.quote_text p

{

    margin-bottom: 0;

    

}



.i9titlewhite

{

    color: #FFF;

    /* Titulos */

    font-family: Inter;

    font-size: 40px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.testemunhos_title_area

{

    align-self: center;

    padding-left: 260px;

}



.testemunhos_title_division_area

{

    display: flex;

    gap: 10px;

}



.testemunhos_title_division

{

    width: 4px;

    background: #F16A22;

}



.footer

{

    padding-left: 60px;

    padding-right: 60px;

    background-color: #F9F9F9;

    padding-top: 30px;

    padding-bottom: 30px;

    

}



.footer_upper

{

    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;

    gap: 20px;

    padding: 40px 0;

}



.footer_social_area

{

    display: flex;

    gap: 10px;

    margin-top: 20px;

}



.footer_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 19.907px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



a.footer_link

{

    color: #231F20;

    /* Corpo do texto */

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    display: block;

    padding: 5px 0;

}



span.footer_link

{

    color: #231F20;

    /* Corpo do texto */

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    display: block;

    padding: 5px 0;

}



a.footer_link:hover, a.footer_link:active

{

    color: #F16A22;

}



.footer_links_area

{

    margin-top: 20px;

}



.contacto_item

{

    display: flex;

    gap: 10px;

    align-items: center;

}



.footer_contactos_area

{

    margin-top: 20px;

}



.contactos_body

{

    padding-left: 60px;

    padding-right: 60px;

    display: grid;

    grid-template-columns: 1fr 2fr;

    gap: 20px;

    position: relative;

    width: 100%;

	margin-top: 30px;

    margin-bottom: 30px;

}



.contactos_item

{

    background-color: white;

    border-radius: 20px;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

}



.contactos_anchor

{

    position: relative;

}



.inner_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

}



.contactos_block

{

    margin-top: 30px;

    display: grid;

    gap: 20px;

}



.contactos_bottom

{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

}



.contactos_followus_area

{

    display: flex;

    gap: 10px;

    align-items: flex-end;

}



.contactos_empty_area

{

    min-height: 488px;

}



.footer_marcas

{

    background: radial-gradient(139.21% 139.21% at 50% 6.61%, #231F20 0%, #4A4A4A 50%, #231F20 88.54%);

}



.marcas_slider

{

    padding-top: 30px;

    padding-bottom: 30px;

    padding-left: 100px;

    padding-right: 100px;

}



/* no circle */

.flickity-button {

  background: transparent !important;

}

/* big previous & next buttons */

.flickity-prev-next-button {

  width: 70px!important;

    height: 70px!important;

}

/* icon color */

.flickity-button-icon {

  fill: white!important;

}





/* position outside */

.flickity-prev-next-button.previous {

  left: -57px!important;

}

.flickity-prev-next-button.next {

  right: -57px!important;

}



.form_grid

{

    display: grid; 

    grid-template-columns: 1fr 1fr; 

    gap: 20px;

}



.form_grid > div:has(textarea)

{

    grid-column: span 2;

}



.top_background

{

    background-image: url('/media/images/background_titulo_paginas.jpg'); 

    background-repeat: no-repeat;

    

    min-height: 178px;

    background-position: right;

    background-image: linear-gradient(90deg, rgba(241,106,34,1) 0%, rgba(241,106,34,1) 37%, rgba(255,255,255,0) 54%, rgba(255,255,255,0) 100%), url(/media/images/background_titulo_paginas.jpg);

    

    padding: 20px 60px;

    

    display: flex;

    flex-direction: column;

    justify-content: center;

    max-height: 200px;

}



.page_title

{

    color: #FFF;

    font-family: Inter;

    font-size: 45px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 10px;

}



.breadcrumb_area

{

    display: flex;

    gap: 20px;

}



.i9button_secondary

{

    background-color: transparent;

    color: white;

    border: 1px solid white;

    border-radius: 10px;

    padding: 10px 23px;

    font-family: Roboto;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    display: flex;

    justify-content: center;

    align-items: center;

}



.i9button_secondary:hover, .i9button_secondary:active {

    background-color: #231F20;

    border: 1px solid black;

}



.breadcrumb_links

{

    color: #FFF;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;

    

}



.breadcrumb_links > a

{

    color: #FFF;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.area_loja

{

    display: grid;

    grid-template-columns: 1fr 4fr;

    gap: 20px;

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 30px;

    padding-bottom: 60px;

    background-color: white;

}



.filtro_box

{

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

}



.filtro_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    margin-bottom: 0;

    

}



.i9button_secondary_color

{

    background-color: transparent;

    color: #F16A22;

    border: 1px solid #F16A22;

    border-radius: 10px;

    padding: 10px 23px;

    font-family: Roboto;

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    display: flex;

    justify-content: center;

    align-items: center;

}



.i9button_secondary_color:hover, .i9button_secondary_color:active {

    background-color: #F16A22;

    color: white;

    border: 1px solid #F16A22;

}



.filtro_scroll_area

{

    overflow-y: auto;

    max-height: 252px;

    margin-top: 20px;

}



.custom_checkbox {

    display: flex;

    gap: 10px;

    padding: 10px;

    align-items: center;

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.custom_checkbox.morada_checkbox:has(input[type="checkbox"]:checked)

{

    color: #F16A22;

}







input[type="checkbox"] {



    -webkit-appearance: none;



    appearance: none;



    background-color: transparent;



    margin: 0;

    

    color: rgba(69, 69, 69, 0.40);

    width: 24px;

    height: 24px;

    border: 1px solid currentColor;

    border-radius: 4px;

    

    display: grid;

    place-content: center;

}



input[type="checkbox"]::before {

    content: "";

    width: 13px;

    height: 13px;

    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);

    transform: scale(0);

    transform-origin: bottom left;

    transition: 120ms transform ease-in-out;

    box-shadow: inset 1em 1em var(--form-control-color);

    /* Windows High Contrast Mode */

    background-color: white;

}



input[type="checkbox"]:checked

{

    background-color: #F16A22;

}



input[type="checkbox"]:checked::before {

    transform: scale(1);

}



input[type="checkbox"]:focus {

    outline: max(2px, 0.15em) solid currentColor;

    /*outline-offset: max(2px, 0.15em);*/

    outline: none;

}



input[type="checkbox"]:disabled {

    --form-control-color: var(--form-control-disabled);

    

    color: var(--form-control-disabled);

    cursor: not-allowed;

}



.morada_checkbox

{

    padding: 0;

}



.custom_checkbox.morada_checkbox input[type="checkbox"] 

{

    border-radius: 50px;

    

    border: 2px solid #231F20;

}



.custom_checkbox.morada_checkbox input[type="checkbox"]:checked, .custom_checkbox.morada_checkbox input[type="checkbox"]:focus

{

    background-color: transparent;

    border: 2px solid #F16A22;

}



.custom_checkbox.morada_checkbox input[type="checkbox"]::before {

    background-color: #F16A22;   

}





.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar

{

    width: 0.7rem !important;

}





.filtro_scroll_area::-webkit-scrollbar, .modal-body::-webkit-scrollbar, .parceiros_list_area::-webkit-scrollbar, .i9scroll::-webkit-scrollbar {

    height: 8px;

    width: 8px !important;

    background-color: #D9D9D9;

}



.filtro_scroll_area::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb, .parceiros_list_area::-webkit-scrollbar-thumb, .i9scroll::-webkit-scrollbar-thumb {

    border-radius: 8px;

    background-color: #F16A22;

}



.filtro_scroll_area::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track, .parceiros_list_area::-webkit-scrollbar-track, .i9scroll::-webkit-scrollbar-track {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    

}









.slider {

  height: 5px;

  position: relative;

  background: #ddd;

  border-radius: 5px;

}

.slider .progress {

  height: 100%;

  left: 0%;

  right: 0%;

  position: absolute;

  border-radius: 5px;

  background: #F16A22;

}

.range-input {

  position: relative;

}

.range-input input {

  position: absolute;

  width: 100%;

  height: 5px;

  top: -5px;

  background: none;

  pointer-events: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

input[type="range"]::-webkit-slider-thumb {

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: #F16A22;

  pointer-events: auto;

  -webkit-appearance: none;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}



input[type="range"]:focus::-webkit-slider-thumb {

    background: #F16A22;

}

    

    

input[type="range"]::-moz-range-thumb {

  height: 17px;

  width: 17px;

  border: none;

  border-radius: 50%;

  background: #F16A22;

  pointer-events: auto;

  -moz-appearance: none;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

}



input[type="range"]:focus::-moz-range-thumb {

    background: #F16A22;

}



.filtro_preco_label

{

    display: flex;

    gap: 5px;

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.produtos_inner_filter_area

{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.inner_filtro_text

{

    color: #231F20;

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

    display: flex;

    gap: 5px;

}



.filtro_ordem_area

{

    display: flex;

    align-items: center;

    gap: 10px;

}



.product_list_area

{

    display: grid;

    gap: 20px;

    grid-template-columns: 1fr;

    min-height: 233px;

}



.product_list_item

{

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

    

    display: grid;

    grid-template-columns: 0.8fr 4fr 1.5fr;

    gap: 20px;

    padding: 30px;

}



.cart_list_item

{

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

    padding: 30px;

    

    display: flex;

    justify-content: space-between;

    align-items: center;

    

    display: grid;

    grid-template-columns: 0.8fr 2.5fr 0.8fr 2fr 0.8fr;

    gap: 60px;

    align-items: center;

}



.confirmacao_list_item

{

    display: grid;

    grid-template-columns: 0.5fr 2fr 1fr 1fr 0.8fr;

    gap: 60px;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0;

}



a.cart_remove

{

    color: #F16A22;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.cart_quantity_price

{

    display: flex;

    justify-content: space-between;

    gap: 40px;

    align-items: center;

}



.product_item_image

{

    aspect-ratio: 129/173;

    width: 129px;

    object-fit: contain;

    align-self: center;

    justify-self: center;

	pointer-events: none;

}





.product_item_brand_image

{

    aspect-ratio: 128/27;

    width: 128px;

    object-fit: contain;

}



.product_item_details_top

{

    display: flex;

    gap: 40px;

    align-items: center;

}



.produto_item_title

{

    font-family: Inter;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.product_item_details_description

{

    color: #888;

    font-family: Roboto;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.product_item_details_text_description

{

    color: #888;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 143.687%; /* 22.99px */

    margin-bottom: 0;

}



.product_list_details

{

    display: flex;

    flex-direction: column;

}



.product_item_stats_grid

{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 40px;

    margin-top: auto;

}



.product_list_stats_item

{

    display: flex;

    gap: 10px;

    align-items: center;

}

.product_list_stats_label

{

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.product_list_stats_content

{

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.product_list_actions

{

    display: grid;

}

.item_stock_area

{

    justify-self: end;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.product_list_actions .item_purchase_area

{

    margin-top: 20px;

}



.area_sugeridos

{

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 60px;

    padding-bottom: 60px;

}







.loja_open_filter

{

    width: 20px;

    height: 20px;

    object-fit: contain;

}



.page-container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: flex-start;

    margin-top: 2rem;

    background-color: #fff;

    box-shadow: 0 0 10px #d3d3d3;

    border-radius: 10px;

    padding: 10px 15px;

    justify-content: center;

    min-height: 56px;

}

.page-container i {

    padding: 6px 12px;

    cursor: pointer;

    font-size: 18px;

    color: #F16A22;

    pointer-events: none;

}

.page-container button {

    cursor: pointer;

    background-color: transparent;

    border: none;

}

.page-container button:disabled i {

    color: #aaadc7;

}



.custom-pagination {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.custom-pagination li {

    list-style: none;

    cursor: pointer;

    border-radius: 50px;

    overflow: hidden;

    margin: 0 3px;

}

.custom-pagination li.active {

    background-color: #F16A22;

}

.custom-pagination li.active a {

    color: #fff;

}

.custom-pagination li a {

    text-decoration: none;

    font-weight: 600;

    padding: 8px 13px;

    display: inline-block;

    line-height: 1;

    color: #a9a9a9;

    font-size: 20px;

    pointer-events: none;

}

.custom-pagination li:hover {

    background-color: #F16A22;

}

.custom-pagination li:hover a {

    color: #fff;

}



.showmobile

{

    display: none;

}



.details_area

{

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 30px;

    padding-bottom: 60px;

}



.details_top

{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.product_details_main

{

    display: grid;

    grid-template-columns: 1.5fr 4fr 2fr;

    gap: 40px;

    padding: 30px 0;

}



.product_image_border

{

    border: 1px solid rgba(69, 69, 69, 0.20);

    border-radius: 10px;

    padding: 20px;

    display: flex;

    justify-content: center;

}



.product_detail_price_area

{

    text-align: end;

}



.item_price_label

{

    color: #F16A22;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.details_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 26px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.product_details_inner_area

{

    padding: 20px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 100px;

}



.product_details_inner_title

{

    color: #231F20;

    /* Títulos 2 */

    font-family: Inter;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.i9list

{

    list-style: none;

    list-style-position: inside;

    display: grid;

    gap: 20px;

}



.i9list li

{

    display: grid;

    grid-template-columns: min-content auto;

}

    



.i9list li::before {

    content: "";

    line-height: 1em;

    width: 10px;

    height: 10px;

    background-color: #F16A22;

    float: left;

    border-radius: 50%;

    margin-top: 5px;

    margin-right: 10px;

}







.product_caracteristicas_table

{

    border-radius: 10px;

    border: 1px solid rgba(69, 69, 69, 0.20);

    background: #FFF;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.05);

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 1px;

}



.product_caracteristicas_table > div

{

    padding: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.product_caracteristicas_table > div:nth-child(2n -1)

{

    border-right: 1px solid rgba(69, 69, 69, 0.20);

}



.product_caracteristicas_table > div:nth-child(2n -1):not(:nth-last-child(2))

{

    border-bottom: 1px solid rgba(69, 69, 69, 0.20);

}



.product_caracteristicas_table > div:nth-child(2n):not(:last-child) {

    border-bottom: 1px solid rgba(69, 69, 69, 0.20);

}



.product_table_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.product_table_content

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.area_rede_parceiros

{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 30px;

    padding-bottom: 60px;

    background-color: white;

}



.parceiros_list_area

{

    max-height: 649px;

    overflow-y: auto;

    display: grid;

    margin-top: 40px;

    padding-right: 20px;

}



.parceiros_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

    margin-bottom: 0;

}



.parceiros_contactos_area

{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    margin-top: 20px;

}



.login_area

{

    /*

    background-color: white;

    background-image: url(/media/images/login_background.png);

    background-repeat: no-repeat;

    background-size: 100%;

    height: 100vh;

    background-position: bottom;

    padding: 50px 20px;

    */

    

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    height: 100%;

}



.login_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.login_subtitle

{

    color: #231F20;

    font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.login_subtitle a.focus

{

    color: #F16A22;

    font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}







.carrinho_area

{

    padding: 30px 60px;

    display: grid;

    grid-template-columns: 2fr 1fr;

    gap: 10px;

}



.dashboard_area

{

    padding: 30px 60px;

}



.dashboard_area .dashboard_grid

{

    display: grid;

    grid-template-columns: 1fr 3fr;

    gap: 30px;

}



.carrinho_items

{

    display: grid;

    gap: 10px;

}



.cart_list_actions

{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.i9button_third

{

    border-radius: 10px;

    border: 1px solid #231F20;

    color: #231F20;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 45px;

    text-align: center;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.i9button_third:hover, .i9button_third:active

{

    background: #231F20;

    color: white;

}



.carrinho_list_price

{

    color: #F16A22;

    font-family: Inter;

    font-size: 22px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

    margin-bottom: 0;

}



.space_between_area

{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.carrinho_resumo_preco

{

    color: #231F20;

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 137.687%; /* 24.784px */

}



.carrinho_resumo_total_label

{

    color: #231F20;

    font-family: Inter;

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.carrinho_resumo_total_preco

{

    color: #F16A22;

    text-align: right;

    font-family: Inter;

    font-size: 28px;

    font-style: normal;

    font-weight: 900;

    line-height: normal;

    margin-bottom: 0;

}



.checkou_tob_bar

{

    display: grid;

    grid-template-columns: max-content auto;

    min-height: 178px;

    padding: 20px 60px;

    align-items: center;

}



.cart-step {

    display: flex;

    align-items: center;

    flex-direction: column;

    gap: 10px;

}





.cart-step-number {

    border-radius: 50%;

    width: 40px;

    height: 40px;

    padding: 5px;

    text-align: center;

    background-color: transparent;

    border: 1px solid #FFF;

    color: #FFF;

    font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



.cart-step-name

{

    color: #FFF;

    text-align: center;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.cart-step-list

{

    display: flex;

}



#progress-bar .step-todo

{

    color: #f8b490;

}



 #progress-bar {

	 display: table;

	 width: 100%;

	 margin: 0;

	 table-layout: fixed;

	 width: 100%;

	 counter-reset: step;

}

 #progress-bar li {

	 list-style-type: none;

	 display: table-cell;

	 width: 25%;

	 float: left;

	 font-size: 16px;

	 position: relative;

	 text-align: center;

}

 #progress-bar li:before {

	 width: 50px;

	 height: 50px;

     color: #f8b490;

	 content: counter(step);

	 counter-increment: step;

	 line-height: 50px;

	 font-size: 18px;

	 border: 1px solid #f8b490;

	 display: block;

	 text-align: center;

	 margin: 0 auto 10px auto;

	 border-radius: 50%;

	 background-color: #F16A21;

	 font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    z-index: 1;

    position: relative;

}

 #progress-bar li:after {

	 width: 100%;

	 height: 10px;

	 content: '';

	 position: absolute;

	 /*background-color: #fff;*/

	 top: 25px;

	 left: -50%;

     opacity: 0.5;

     border-top: dotted;

}

 #progress-bar li:first-child:after {

	 content: none;

}

 #progress-bar li.step-done {

	 color: white;

}

 #progress-bar li.step-done:before {

	 border-color: white;

	 background-color: #FFF;

	 color: #F16A22;

	 content: "\f00c";

	 font-family: "FontAwesome";

}

 #progress-bar li.step-done + li:after {

	 /*background-color: #FFF;*/

	 opacity: 1;

     border-top: outset;

}

 #progress-bar li.step-active {

	 color: white;

}

 #progress-bar li.step-active:before {

	 border-color: white;

	 color: white;

	 font-weight: 700;

}







#progress-bar-tracking .step-todo

{

    color: rgba(69, 69, 69, 0.20);

}



 #progress-bar-tracking {

	 display: table;

	 width: 100%;

	 margin: 0;

	 table-layout: fixed;

	 width: 100%;

	 counter-reset: step;

}

 #progress-bar-tracking li {

	 list-style-type: none;

	 display: table-cell;

	 width: 25%;

	 float: left;

	 font-size: 16px;

	 position: relative;

	 text-align: center;

}

 #progress-bar-tracking li:before {

	 width: 40px;

	 height: 40px;

     color: #f8b490;

	 content: "";

	 counter-increment: step;

	 line-height: 50px;

	 font-size: 18px;

	 border: 1px solid rgba(69, 69, 69, 0.20);

	 display: block;

	 text-align: center;

	 margin: 6px auto 10px auto;

	 border-radius: 50%;

	 background-color: white;

	 font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    z-index: 1;

    position: relative;

}

 #progress-bar-tracking li:after {

	 width: 100%;

	 height: 10px;

	 content: '';

	 position: absolute;

	 /*background-color: #fff;*/

	 top: 25px;

	 left: -50%;

     opacity: 0.5;

     border-top: dotted;

}

 #progress-bar-tracking li:first-child:after {

	 content: none;

}

 #progress-bar-tracking li.step-done {

	 color: #231F20;

}

 #progress-bar-tracking li.step-done:before {

	 border-color: white;

     background: rgb(105 199 103);

	 content: "";

}

 #progress-bar-tracking li.step-done + li:after {

	 /*background-color: #FFF;*/

	 opacity: 1;

     /*border-top: outset;*/

     border-color: black;

}

 #progress-bar-tracking li.step-active {

	     color: #231F20;

}

 #progress-bar-tracking li.step-active:before {

	 border-color: white;

     background: rgb(244 143 89);

	 font-weight: 700;

}







 

.moradas_list

{

    display: grid;

    gap: 10px;

    grid-template-columns: 1fr 1fr;

}



.metodos_pagamento_list

{

    display: grid;

    gap: 10px;

    grid-template-columns: 1fr;

}



.resumo_encomenda_list

{

    display: grid;

    gap: 10px;

    grid-template-columns: 1fr 1fr 1fr;

}



.morada_item

{

    border-radius: 20px;

    border: 1px solid #231F20;

    padding: 20px;

    position: relative;

}



.morada_inner_grid

{

    display: grid;

    grid-template-columns: 2fr 1fr;

    gap: 10px;

    height: 100%;

    

}



.morada_item.selected

{

    border: 1px solid #F16A22;

}



.morada_actions_item

{

    display: flex;

    flex-direction: column;

    align-items: end;

    justify-content: space-between;

    gap: 15px;

}



.metodos_pagamento_list .morada_content_item

{

    display: flex;

    gap: 10px;

    align-items: center;

}



.morada_linha

{

    display: flex;

    gap: 10px;

}



.morada_title

{

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.resumo_encomenda_area

{

    margin-top: 20px;

}



.resumo_encomenda_item

{

    display: grid;

    grid-template-columns: 0.8fr 2fr 1fr;

    gap: 20px;

    align-items: center;

    padding: 10px 0;

}



.cart_produto_item_title

{

    font-family: Inter;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 0;

}



.cart_product_item_details_description

{

    color: #888;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 0;

}



.cart_price_area

{

    justify-self: end;

    text-align: end;

    display: grid;

    gap: 10px;

}



.cart_price_area_bottom

{

    display: grid;

    gap: 10px;

}



.svg_white

{

    filter: invert(100%) sepia(4%) saturate(78%) hue-rotate(345deg) brightness(114%) contrast(100%);

}



.svg_orange

{

    filter: invert(55%) sepia(30%) saturate(5437%) hue-rotate(347deg) brightness(97%) contrast(95%);

}



.cart_icon:hover

{

    cursor: pointer;

}

.cart_icon:hover .cart_inner_color

{

    fill: #F16A22;

    

}



.user_icon:hover

{

    filter: invert(55%) sepia(30%) saturate(5437%) hue-rotate(347deg) brightness(97%) contrast(95%);

}





.checkout_inner_title

{

    color: #231F20;

    font-family: Inter;

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

}





.form_label

{

    color: #888;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



.form_line input[type=text], .form_line input[type=password], .form_line input[type=email], .form_line textarea

{

    border: 1px solid rgba(136, 136, 136, 0.50);   

    border-radius: 5px;

    background-color: transparent;

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding: 15px 20px;

    width: 100%;

}



.form_line input[type=text]:focus-visible, .form_line input[type=password]:focus-visible, .form_line input[type=email]:focus-visible, .form_line textarea:focus-visible, .i9select:focus-visible

{

    border: 1px solid #F16A22; 

    outline: #F16A22;

}



.form_line input[type=text]:focus-visible + label, .form_line input[type=password]:focus-visible + label, .form_line input[type=email]:focus-visible + label, .form_line textarea:focus-visible + label, .i9select:focus-visible + label

{

    color: #F16A22;

}



.two_columns

{

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;

    

}



.form_line > textarea, .form_line .group > textarea { grid-area: column-1; }

.form_line > input, .form_line .group > input { grid-area: column-1; }

.form_line > label, .form_line .group > label { grid-area: column-2; }



.form_line, .form_line .group

{

    display: grid;

    grid-template-columns: 1fr;

    grid-template-areas: " column-2 " 

                         " column-1 ";

}



a.link_recuperarpass {

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    color: #F16A22;

    

    

}



.div_errormessage {

    margin-top: 20px;

    margin-bottom: 20px;

    color: red;

}



.div_successmessage {

    margin-top: 20px;

    margin-bottom: 20px;

    color: green;

}



#div_verificacao .form_line

#div_verificacao .form_line > img { grid-area: column-1; }

#div_verificacao .form_line > #refresh_captcha { grid-area: column-2; }

#div_verificacao .form_line > input { grid-area: column-3; }

#div_verificacao .form_line > span { grid-area: column-4;  }

#div_verificacao .form_line > label { grid-area: column-5;     justify-self: start; }



#div_verificacao .form_line

{

    display: grid;

    grid-template-columns: 0.5fr 0.1fr 1fr;

    grid-template-areas: "column-5 column-5 column-5" 

                         "column-1 column-2 column-3"

                         "column-4 column-4 column-4";

    align-items: center;

    justify-items: center;

    gap: 10px;

}



.base_area

{

    padding: 30px 60px;

}



.loja_produtos_area{

    display: flex;

    flex-direction: column;

	min-height: 200px;

}



.secondary_filters_area

{

    min-height: 200px;

}



.counter_aligner

{

    position: absolute;

    right: 1px;

    width: 17px;

    height: 17px;

    top: 2px;

    text-align: center;

}



.carrinho_counter

{

    color: #FFF;

    font-family: Roboto;

    font-size: 11.235px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.carrinho

{

    position: relative;

}



#header

{

    position: sticky;

    top: 0;

    left: 0;

    width: 100%;

    background-color: white;

    z-index: 3;

    box-shadow: 0px -4px 25px 0px rgba(0, 0, 0, 0.10);

}



.login_area .filtro_box {

    max-width: 616px;

    margin-top: 50px;

    text-align: left;

    padding: 40px;

    margin-left: 20px;

    margin-right: 20px;

}



.login_background

{



    

    background: url(/media/images/login_background.png) no-repeat center bottom fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height: 100%;

    background-size: 100%;

}



.login_background body

{

    background-color: transparent;

}



.login_footer {

    margin-top: auto;

}



.footer_text

{

    margin-bottom: 20px;

}



.footer_text, .footer_text a.footer_link {

    color: #FFF;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-align: center;

    

    display: flex;

    align-items: center;

    gap: 5px;

}



.footer_text a.footer_link:hover

{

    color: #FFF;

}



.passwordicon{

    position: absolute;

    top: 70%;

    right: 2%;

    cursor: pointer;

    color: rgba(102, 102, 103, 0.5);

}



.passwordicon.fa-eye 

{

    color: black;

}



.passwordicon.fa-eye-slash

{

    color: rgba(102, 102, 103, 0.5);

}



form .group {

    position: relative;

    margin: 5px 0 0 0;

    width: 100%;

}





.dashboard_tabs

{

    display: grid;

    grid-template-columns: 0.5fr 2fr 1fr;

    gap: 20px;

    padding: 15px 10px;

    align-items: center;

    

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    

}



.dashboard_tabs:hover, .dashboard_tabs.active

{

    color: #F16A22;

}



.dashboard_tabs:hover .tab_icon, .dashboard_tabs.active .tab_icon

{

    filter: invert(55%) sepia(30%) saturate(5437%) hue-rotate(347deg) brightness(97%) contrast(95%);

}





.destaques_tabs

{

    background-color: transparent;

    color: rgba(69, 69, 69, 0.60);

    border-radius: 5px;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding: 15px 30px;

    border: 1px solid rgba(69, 69, 69, 0.60);

    

}



.destaques_tabs:hover, .destaques_tabs.active

{

    background-color: #F16A22;

    color: white;

    border: 1px solid #F16A22;

}



















/* Style the buttons inside the tab */

.tablinks {

    cursor: pointer;

}







/* Style the tab content */

.tabcontent {

    display: none;

}





.encomenda_box

{

    border-radius: 20px;

    border: 1px solid rgba(69, 69, 69, 0.20);

    padding: 24px;

}



.encomenda_cabecalho_grid, .encomenda_bottom_grid

{

    display: flex;

    gap: 20px;

    flex-direction: row;

    justify-content: space-between;

}



.encomenda_estado_tag

{

    border-radius: 10px;

    padding: 10px 20px;

    min-width: 146px;

    

    color: #FFF;



    text-align: center;

    font-family: Roboto;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    

    display: flex;

    align-items: center;

    justify-content: center;

}



.tag_em_processamento

{

    background: rgba(241, 106, 34, 0.75);

}



.tag_entregue

{

    background: rgba(55, 181, 53, 0.75);

}



.tag_cancelada

{

    background: rgba(214, 12, 12, 0.75);

}



.encomenda_top_actions

{

    display: flex;

    justify-content: space-between;

    gap: 20px;

}



.encomenda_item

{

    display: grid;

    grid-template-columns: 0.5fr 2fr 1fr 1fr 0.8fr;

    gap: 60px;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0;

}



.i9select

{

    border: 1px solid rgba(136, 136, 136, 0.50);

    border-radius: 5px;

    background-color: transparent;

    color: #231F20;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding: 10px 20px;

    width: 100%;

}





.pin_detail {

    display: grid;

    grid-template-columns: 1fr 2fr;

    gap: 10px;

}



.pin_detail img {

    border-radius: 10px;

    width: 50px;

    aspect-ratio: 2/2;

}



.pin_info {

    display: grid;

    grid-template-columns: 2fr 1fr;

    gap: 10px;

}



.pin_title {

    color: #1E1E1E;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 15px;

}



.pin_attributes {

    color: #1E1E1E;

    font-size: 13px;

    max-width: 204px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.pin_location {

    color: #B3B3B3;

    font-size: 13px;

    margin-bottom: 0;

}



.registo_parceiro_area

{

    display: grid;

    grid-template-columns: 1fr 2fr;

    gap: 40px;

}



.parceiros_image

{

    border-radius: 20px;

    aspect-ratio: 4/2;

    object-fit: cover;

}



.remove_morada

{

    position: absolute;

    top: 0;

    right: 0;

    margin: 10px;

    width: 27px;

    cursor: pointer;

}





a.tracking_url

{

    color: #F16A22;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.homepage-search-optional-options > p

{

    grid-column: span 3;

}



.i9focusnote

{

    color: #231F20;

    font-family: Roboto;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 137.687%;

    font-weight: bold;

    font-style: italic;

}



.homepage-stats > img

{

height: auto;

}





.grecaptcha-badge

{

	display: none;

}





.i9scroll

{

    overflow-y: auto;

    padding-right: 20px;

}





.form_label 

{

	color: #888;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    width: fit-content;

    transform: translateX(5px) translateY(18px);

    padding-left: 5px;

    padding-right: 5px;

    background-color: white;

	height: fit-content;

}



.form_label > label

{

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

}


.lower-header-info-content.smaller
{
    font-size: 8px;
}

.lower-header-info-content.maxsize
{
    max-width: 200px;
}


@media (min-width: 768px)

{

    #modal_box_adicionar_morada .modal-dialog, #modal_box_editar_morada .modal-dialog

    {

        width: auto;

        margin: 10px;

    }



}



@media (min-width: 1200px)

{

    #modal_box_adicionar_morada .modal-dialog, #modal_box_editar_morada .modal-dialog

    {

        width: 1161px;

        margin: 30px auto;

    }



}





@-webkit-keyframes AnimateBG {

  0% {

    background-position: 0% 50%;

  }

  50% {

    background-position: 100% 50%;

  }

  100% {

    background-position: 0% 50%;

  }

}



@keyframes AnimateBG {

  0% {

    background-position: 0% 50%;

  }

  50% {

    background-position: 100% 50%;

  }

  100% {

    background-position: 0% 50%;

  }

}

    



@media (max-width: 1681px) {

    .lower-header

    {

        display: none;

    }

    .mobile-menu-hamburger

    {

        display: flex;

    }

    .upper-header-info

    {

        display: none;

    }

    

    .upper-header

    {

        padding-left: 30px;

        padding-right: 30px;

    }

    

    .homepage-category-options-mobile

    {

        display: block;

    	padding-bottom: 0;

    }

    .homepage-category-options-grid

    {

        display: none;

    }

    .homepage-search-content

    {

        margin-top: -40px;

        border-radius: 10px;

    }

    .homepage-search-parent

    {

        padding-left: 30px;

        padding-right: 30px;

    }

    

    .homepage-main-filters-area

    {

        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

    }

    

    .homepage-main-filters-area > div

    {

        grid-column: span 2;

    }

    

    .homepage-main-filters-area > div:nth-child(4), .homepage-main-filters-area > div:nth-child(5)

    {

        grid-column: span 3;

    }

    

    

    

    .homepage-search-optional-area

    {

        grid-template-columns: 1fr;

    }

    

    .homepage-search-optional-options

    {

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }

    

    .homepage-search-optional-options > *

    {

        grid-column: span 4;

    }

    

    .homepage-search-optional-options .i9button

    {

        grid-column: span 4;

		margin-top: 0;

    }

    

    .homepage-search-optional-options > div:nth-child(2), .homepage-search-optional-options > div:nth-child(3)

    {

        grid-column: span 2;

    }



	.homepage-search-optional-options > p

    {

		grid-column: span 4;

    }

    

    #homepage_filtro .homepage-search-title

    {

        display: none;

    }

    .img_caracteristicas_pneus

    {

        display: none;

    }

    .img_caracteristicas_pneus_2

    {

        display: block;

    }

    

    

    

    .homepage-stats

    {

        grid-template-columns: 1fr;

        padding-top: 20px;

    }

    

    .stats-features-area

    {

        grid-template-columns: 1fr 1fr;

    }

    

    .homepage-stats-content

    {

        padding-left: 30px;

        padding-right: 30px;

    }

    

    .homepage-stats > img

    {

        padding-right: 100px;

    }

    .destaques-content-area > button

    {

        width: 100%;

    }

    

    .hoempage-marcas-area

    {

        padding: 30px;

    }

    

    .marcas-grid

    {

        grid-template-columns: 1fr 1fr;

    }

    .destaques-options-mobile

    {

        display: block;

    }

    

    .destaques-content-area

    {

        padding-left: 30px;

        padding-right: 30px;

    }

    

    .testemunhos_division

    {

        grid-template-columns: 1fr;

        gap: 80px;

        padding-left: 30px;

        padding-right: 30px;

        padding-top: 95px;

    }

    

    .testemunhos_title_area

    {

        padding-left: 0;

    }

    .testemunhos_area

    {

        background-image: url('/media/images/background_testemunhos_mobile.jpg'); 

        background-size: cover;

        background-repeat: no-repeat;

        width: 100%;

        height: 100%;

        padding-bottom: 0;

    }

    

    .i9titlewhite

    {

        font-size: 22px;



    }

    

    .i9subtitle

    {

       font-size: 16px; 

    }

    

    .i9title

    {

        font-size: 22px;

    }

    .footer_upper

    {

        grid-template-columns: 1fr 1fr;

    }

    

    .marcas_slider

    {

        padding-left: 66px;

        padding-right: 66px;

    }

    

    .page_title

    {

        font-size: 22px;

    }

    .area_loja, .area_rede_parceiros, .carrinho_area

    {

        grid-template-columns: 1fr;

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .produtos_inner_filter_area

    {

        align-items: flex-start;

        flex-direction: column;

    }

    .product_list_item

    {

        grid-template-columns: 1fr 2fr;



    }

    .product_item_details_top

    {

        flex-direction: column;

        align-items: flex-start;

        gap: 10px;

        

    }

    .product_item_stats_grid

    {

        grid-template-columns: 1fr;

        margin-top: 10px;

    }

    



    .hidemobile

    {

        display: none;

    }

    

    .top_background

    {

        padding: 20px 20px;

    }

    

    .product_list_actions

    {

        grid-column: span 2;

    }

    

    .details_area .product_list_actions

    {

        grid-column: auto;

    }

    

    .item_stock_area

    {

        justify-self: self-start;

    }

    

    .list_item_purchase_price

    {

        font-size: 24px;

    }

    .produto_item_title

    {

        font-size: 16px;

    }

    .product_item_details_description

    {

        font-size: 14px;

    }

    .product_list_stats_content

    {

        font-size: 14px;

    }

    .i9button_loja_list

    {

        font-size: 16px;

    }

    

    .produtos_inner_filter_area

    {

        gap: 10px;

    }

    

    .filtro_title

    {

        font-size: 16px;

    }

    .homepage-search-title

    {

        font-size: 16px;

    }

        

    

    .showmobile

    {

        display: block;

    }

    

    .area_sugeridos

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .details_area

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .product_details_main, .registo_parceiro_area

    {

        grid-template-columns: 1fr;

    }

    

    .product_detail_price_area

    {

        text-align: left;

        margin-top: 20px;

    }

    .product_details_inner_area

    {

        grid-template-columns: 1fr;

        gap: 30px;

        padding: 20px 0;

    }

    

    .product_caracteristicas_table > div

    {

        flex-direction: column;

        align-items: flex-start;

    }

    

    .login_area .filtro_box

    {

        padding: 20px;

    }

    

    .login_title

    {

        font-size: 20px;

    }

    .login_subtitle

    {

        font-size: 18px;

    }

    .login_subtitle a.focus

    {

        font-size: 18px;

    }

    

    .checkou_tob_bar

    {

        grid-template-columns: 1fr;

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .footer

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .base_area

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .dashboard_area .dashboard_grid

    {

        grid-template-columns: 1fr;

    }

    

    .dashboard_area, .contactos_body

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    

    .space_between_area

    {

        flex-direction: column;

        align-items: start;

    }

    

    .encomenda_item .space_between_area

    {

        flex-direction: row;

        align-items: center;

    }

	.contactos_body

    {

		grid-template-columns: 1fr;

    }

	.form_grid

	{

		grid-template-columns: 1fr !important;

	}

	.form_grid > div:has(textarea)

	{

		grid-column: span 1;

	}



}



@media (max-width: 1250px) {

    .destaques-content-area

    {

        min-height: 670px;

    }

    

    .encomenda_item

    {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    

    .encomenda_item > *

    {

        grid-column: 1 !important;

    }

}



@media (max-width: 915px) {

    .footer_upper

    {

        grid-template-columns: 1fr;

    }

    .cart_list_item, .confirmacao_list_item

    {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;



		display: grid;

		grid-template-columns: 1fr 2fr;

        

    }

	.cart_list_item .item_stock, .cart_quantity_price

	{

		grid-column: span 2;

	}

    .cart_list_actions

    {

        align-items: initial;

        flex-direction: column;

        gap: 10px;

    }

    .cart_list_actions > button

    {

        padding: 16px 23px;

    }

    

    .moradas_list, .resumo_encomenda_list

    {

        grid-template-columns: 1fr;

    }

    .morada_inner_grid

    {

        grid-template-columns: 1fr;

    }

    .morada_actions_item

    {

        flex-direction: row;

        align-items: center;

    }

    

    .metodos_pagamento_list .morada_content_item

    {

        flex-direction: column;

        align-items: baseline;

    }

    

    .morada_actions_item button

    {

        padding: 10px 24px;

    }

    

    .cart_list_actions button

    {

        width: 100% !important;

    }

    

    .resumo_encomenda_item

    {

        display: flex;

        align-items: flex-start;

        flex-direction: column;

    }

    

    .cart_price_area

    {

        text-align: start;

        width: 100%;

    }

    

    .cart_price_area_bottom

    {

        display: flex;

        justify-content: space-between;

    }

    

    .metodos_pagamento_list .morada_linha

    {

        justify-content: space-between;

    }

    

    .two_columns

    {

        grid-template-columns: 1fr;

        gap: 20px;

    }

}



@media (max-width: 620px) {

    .upper-header

    {

        padding-left: 15px;

        padding-right: 15px;

    }

    .destaques-options

    {

        flex-direction: column;

    }

    

    .encomenda_cabecalho_grid, .encomenda_bottom_grid

    {

        flex-direction: column;

    }

    

    .encomenda_top_actions

    {

        flex-direction: column;

    }



	.homepage-search-parent

    {

        padding-left: 15px;

        padding-right: 15px;

    }

	.marcas-grid

    {

        grid-template-columns: 1fr;

    }









	.div_ele {

        width: 100% !important;

    }



	#produtos_responsive {

        display: block;

    }



    #tabela_loja {

        display: none;

    }

    

    .morada_actions_item

    {

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

    }

    

    .morada_actions_item button

    {

        width: 100%;    

    }

}



@media (max-width: 450px) {

    .upper-header-actions

    {

        gap: 15px;

    }

}







.esconder

{

    display: none;

}



.mostrar

{

    display: block;

}