/* Definindo a fonte */
@font-face {
    font-family: 'SamsungSharpSans-Regular';
    src: url('SamsungSharpSans-Regular.ttf') format('truetype');
    /* Adicione outros formatos de fonte se necessário */
}

@font-face {
    font-family: 'SamsungSharpSans-Bold';
    src: url('SamsungSharpSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'SamsungSharpSans-Medium';
    src: url('SamsungSharpSans-Medium.ttf') format('truetype');
}

:root {
    --bullet-color: #000000;
}

strong {
    font-family: 'SamsungSharpSans-Bold';
}

html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    /* background-image: linear-gradient(#b0adb0, white, #b0adb0); */
    font-family: 'SamsungSharpSans-Regular';
}

img {
    width: 100%;
    height: auto;
}

.container-fluid {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.aba-vertical {
    background-color: #000;
    padding: 10px;
    border-radius: 30px 0px 0px 30px;
    min-height: 1299px;
    min-width: 259px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}

.container-up-down {
    position: relative;
    width: 100%;
    overflow: none;
}

.container-movel {
    position: relative;
    transition: transform 0.5s ease;
}

.aba-vertical .btn {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.aba-vertical {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.aba-vertical .btn {
    flex: 1;
}

.logo {
    width: 385px;
    height: auto;
    padding-bottom: 95px;
}

.pdp .logo {
    width: 595px;
}

.menu-geral {
    padding-left: 150px;
    padding-right: 320px;
}

.box-menor {
    border: solid 1px;
    width: 825px;
    height: 1690px;
}

.box-maior {
    border: solid 1px;
    width: 772px;
    height: 937px;
}

.box-maior,
.box-menor {
    margin-bottom: 80px;
    border-radius: 50px;
    padding: 80px;
}

.col-direita {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}


.bac-showroom {
    background: #5719ae;
    color: #fff;
}

.bac-smartthings {
    background: none;
}

.bac-store {
    background: #000;
    color: #fff;
}

.bac-linha-samsung {
    background: #008df7;
    color: #fff;
}

.box-maior h2 {
    font-family: 'SamsungSharpSans-Bold';
    font-size: 52px;
}

.box-menor h2 {
    font-family: 'SamsungSharpSans-Medium';
    font-size: 62px;
    text-align: center;
}

.box-menor h2 span {
    font-family: 'SamsungSharpSans-Bold';
    font-size: 95px;
}

.logo-store {
    max-width: 380px;
    margin-left: 30px;
}

.carrinho-pb {
    margin-right: 30px;
    width: 57px;
}

.pdb-box-1-left {
    padding-right: 75px;
}

.box-menor .btn,
.box-maior .btn {
    padding: 20px;
    border-radius: 60px;
    width: 100%;
    font-size: 45px;
    padding: 30px;
    margin-top: 140px;
}

.btn-white {
    background: #fff;
    color: #000;
    font-family: 'SamsungSharpSans-Medium'
}

.btn-black {
    background: #000;
    color: #fff;
}

.btn-black:hover {
    background: #000;
    color: #fff;
}

.miolo img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.box-menor .miolo img {
    max-width: 100%;
    width: auto;
    max-height: 350px;
}

.box-maior .miolo img {
    max-width: 100%;
    width: auto;
    max-height: 400px;
    padding-top: 30px;
    margin-top: 20px;
}

.box-maior .miolo {
    height: 460px;
    text-align: center;
}

.box-menor .miolo {
    height: 350px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.miolo.estore {
    font-size: 50px;
    text-align: center;
    margin-left: 30px;
    font-family: 'SamsungSharpSans-Bold';
}

.miolo.estore p {
    margin-bottom: 15px;
    margin-top: 20px;
}

.box-produtos {
    margin-bottom: 80px;
}

.miolo-centered {
    align-items: center;
    display: flex;
    justify-content: center;
}

.logo-store-2 {
    display: block;
    margin: 0 auto;
    width: 820px;
}

.flecha {
    display: block;
    margin: 0 auto;
    width: 286px;
}

.box-menor,
.box-maior,
button {
    cursor: pointer;
    transition: all 0.5s ease;
    /* Transição de 0.5 segundos para todas as propriedades */
}

/* TVS */
.tvs h1 {
    font-size: 100px;
    font-family: 'SamsungSharpSans-Bold';
    color: #276b8b;
}

.tvs h2 {
    font-size: 60px;
    color: #276b8b;
}

.tvs h3 {
    font-size: 45px;
    font-family: 'SamsungSharpSans-Bold';
    margin-bottom: 50px;
    margin-top: 40px;
}

.tvs .color {
    color: #276b8b;
}

.tvs .line {
    width: 100%;
    height: 13px;
    background: #276b8b;
    margin-top: 30px;
    margin-bottom: 80px;
}

.filtros {
    padding-right: 30px;
}

.resultados {
    padding-left: 20px;
}

.resultados div {
    margin-bottom: 50px;
}

.filtros button.selected {
    background: var(--bullet-color);
    color: #fff;
}

.filtros button {
    padding: 20px;
    border-radius: 30px;
    font-size: 40px;
    margin-bottom: 20px;
    border: solid 1px;
    background: none;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 20px;
}

.pdp .container-fluid {
    justify-content: initial;
    padding-top: 80px;
}

.pdp .aba-vertical {
    background-color: #000;
    padding: 10px;
    border-radius: 30px 0px 0px 30px;
    min-height: 260px;
    min-width: 259px;
    position: absolute;
    top: 30%;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}

.pdp h1 {
    font-size: 68px;
    font-family: 'SamsungSharpSans-Bold';
    min-height: 163px;
}

.pdp .line {
    margin-bottom: 50px;
}

.pdp-list {
    margin-top: 30px;
    padding: 0;
    list-style-type: none; /* Remove o marcador padrão */
}

.pdp-list li {
    position: relative;
    padding-left: 25px; /* Espaço para o marcador personalizado */
    margin-bottom: 10px; /* Espaçamento entre os itens da lista */
}

.pdp-list li::before {
    content: '';
    position: absolute;
    left: -2%;
    /* top: 29%; */
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-color: #276b8b;
    /* border-radius: 50%; */
    margin-top: 30px;
}

.pdp-list li.list-bullet {
    float: left;
    position: relative;
    padding-left: 20px;
    width: 33%;
}

.box-out {
    margin-bottom: 30px;
    margin-top: 30px;
}

/*.pdp-list li.list-bullet::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 11%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: var(--bullet-color);
    border-radius: 3px;
}*/

.pdp-list-title {
    font-size: 50px;
    font-family: 'SamsungSharpSans-Bold';
    margin-bottom: 0;
}

.pdp-list-text {
    font-size: 45px;
    font-family: 'SamsungSharpSans-Medium';
    /* min-width: 780px;
    padding-right: 70px; */
}

.slide {
    border-radius: 40px;
}

.slide img {
    display: block;
    margin: 0 auto;
    max-width: 470px;
    padding-bottom: 90px;
    padding-top: 90px;
}

.slide-border-blue {
    border: 2px solid #0097a7;
}

.slide-border-orange {
    border: 2px solid #e64a19;
}

.pdb-box-1-right {
    padding-left: 40px;
}

/* .colors-box {
    margin-left: 42px;
    margin-top: 60px;
} */

.colors-box-left-0 {
    margin-left: 0;
}

.colors-title {
    bottom: -55px;
    font-family: 'SamsungSharpSans-Bold';
    font-size: 38px;
    float: left;
    margin-bottom: 20px;
    margin-right: 25px;
    position: relative;
}

.colors-options {
    float: left;
    margin-top: 15px;
    padding: 0;
}

.colors-options li {
    border-radius: 100%;
    display: inline-block;
    list-style-type: none;
    margin-right: 8px;
}

.colors-options li.active-blue {
    border: 2px solid #0097a7;
}

.colors-options li.active-orange {
    border: 2px solid #e64a19;
}

.colors-options li a {
    border: 2px solid #000;
    border-radius: 100%;
    display: block;
    margin: 14px;
    height: 90px;
    width: 90px;
}

.colors-options li a.double-color {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+50,000000+50 */
    background: linear-gradient(to bottom, #6f6f6f 50%, #000000 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.colors-options li a.black {
    background-color: #000;
}

.colors-options li a.gray {
    background-color: #c0c0c0;
}

.logo-smt-pq {
    margin-top: 43px;
    width: 700px;
}

.description {
    float: left;
    margin: 33px 0 0 0;
    padding: 0;
}

.description li {
    border-radius: 10px;
    color: #000;
    display: inline-block;
    font-family: 'SamsungSharpSans-Medium';
    font-size: 40px;
    list-style: none;
    margin-right: 15px;
    padding: 8px 18px 5px 18px;
}

.description li.orange {
    border: 2px solid #e64a19;
}

.description li.orange-active {
    background-color: #e64a19;
    color: #FFF;
}

.description li.active {
    border: 2px solid #0097a7;
    color: #fff;
}

.description li.blue-active {
    background-color: #0097a7;
    color: #FFF;
}

.pdb-box-2 {
    margin-bottom: 30px;
    margin-top: 70px;
}

.pdb-box-3 {
    background-color: #FFF;
    border-radius: 60px;
    overflow: hidden;
}

.pdb-box-3-left {
    align-items: center;
    display: flex;
    height: 700px;
    padding: 120px;
}

.pdb-box-3-blue {
    border: 2px solid #0097a7;
}

.pdb-box-3-title {
    font-size: 46px;
    font-family: 'SamsungSharpSans-Bold';
    margin-bottom: 30px;
}

.pdb-box-3-title-blue {
    color: #0097a7;
}

.pdb-box-3-subtitle {
    font-size: 36px;
    font-family: 'SamsungSharpSans-Bold';
    margin-bottom: 30px;
}

.pdb-box-3-text {
    font-size: 25px;
    font-family: 'SamsungSharpSans-Medium';
}

.pdb-box-3-right {
    background: url("../../img/gaming.png") center center no-repeat;
    background-size: cover;
}

.pdb-box-4 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.pdb-main-title {
    font-size: 40px;
    font-family: 'SamsungSharpSans-Bold';
}

.qrcode {
    margin-left: 15px;
    width: 80px;
}

.qrcode-novo {
    display: block;
    margin: 0 auto;
    width: 350px;
}

.qrcode-text {
    /* font-family: 'SamsungSharpSans-Medium'; */
    font-size: 33px;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}

.pdb-spf-item {
    align-items: center;
    border: 2px solid #0097a7;
    border-radius: 20px;
    height: 106px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.pdb-spf-title {
    font-size: 21px;
    font-family: 'SamsungSharpSans-Medium';
}

.pdb-spf-text {
    font-size: 27px;
    font-family: 'SamsungSharpSans-Bold';
    margin-bottom: 0;
}

.d-block {
    display: block;
}

.link-tvs {
    color: #000;
    font-size: 30px;
    font-family: 'SamsungSharpSans-Bold';
    text-decoration: none;
}

.link-tvs:hover {
    color: #000;
    text-decoration: none;
}

.link-tvs img {
    margin-bottom: 20px;
}

.botao {
    border-radius: 40px;
    display: inline-block;
    font-family: 'SamsungSharpSans-Medium';
    font-size: 28px;
    height: 90px;
    line-height: 95px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    width: 100%;
}

.botao-black {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
}

.botao-black:hover {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
}

.carrinho {
    margin-right: 15px;
    width: 44px;
}

.box-scroll {
    height: 1100px;
    margin-top: 60px;
    overflow-y: scroll;
}

.mg-bottom {
    margin-bottom: 30px;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    position: relative;
    top: -70px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #858383;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.video-area {
    margin-bottom: 70px;
}

.description-produto {
    margin-top: 50px;
}

.description-produto .pdb-spf-item {
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 30px;
    height: 210px; 
    margin-top: 30px;
}

.description-produto .pdb-spf-title {
    font-size: 41px;
}

.description-produto .pdb-spf-text {
    font-size: 60px;
}

#storeLinkDiv {
    position: relative;
    top: -50px;
}

.qrcode-mini {
    margin-left: 30px;
    width: 90px;
}

.pdb-box-2-store {
    bottom: -30px;
    position: relative;
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 95%;
    }
}

.pdp .container-fluid {
    justify-content: inherit;
    padding-top: 200px;
}

.mtb {
    margin-bottom: 25px;
    margin-top: 25px;
}

.close {
    opacity: 1;
}

.modal-header {
    border-bottom: none;
    padding: 10px;
}

.modal-content {
    background-color: transparent;
    border: none;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF !important;
    font-size: 400px !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    outline: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
}

.owl-carousel .owl-nav button.owl-next {
    right: 80px;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 80px;
}

.hidden {
    display: none;
}

#deviceQrcodeDiv {
    display: flex;
    align-content: center;
    align-items: center;
    margin-top:-12px;
}


/* Personalize a barra de rolagem */
.box-scroll::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
}

/* Personalize o trilho da barra de rolagem */
.box-scroll::-webkit-scrollbar-track {
    background: transparent; /* Cor do trilho */
}

/* Personalize o polegar da barra de rolagem */
.box-scroll::-webkit-scrollbar-thumb {
    background-color: transparent; /* Cor do polegar */
    border-radius: 10px; /* Bordas arredondadas do polegar */
    border: 3px solid transparent; /* Espaço entre o polegar e o trilho */
}


.owl-carousel .owl-item {
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Esconde as partes da imagem que excedem o contêiner */
}

img.img-fluid.deviceVariantImage {
    min-height: 1166px;
}

div#carouselModal img {
    background: #c2185b;
    border-radius: 30px;
}

button.close img {
    border: solid 4px #fff;
    border-radius: 110px;
}

.owl-carousel .owl-item img {
    width: 100%;
    height: auto; /* Mantém a proporção da imagem */
    object-fit: contain; /* Ajusta a imagem para cobrir o contêiner sem esticar */
}


.pdp .menu-geral {
    padding-left: 150px;
    padding-right: 165px;
    background:#fff;
}
.owl-carousel .owl-item img  {width: 99%;}

.owl-carousel.owl-drag .owl-item {
 
    border: solid 1px #4d2b2b;
    border-radius: 40px;
}

.zoom {
    cursor: zoom-in;
}