:root {
  --font_family:'Open Sans', sans-serif;
  --font_family2:'Roboto Slab', serif;
  --font_icon:'Font Awesome 5 Pro';
  --background:#fff;
  --foreground:#000;
  --anchor:#000;
  --anchorHover:#648596;
  --primary:#000;
  --primaryForeground:#fff;
  --secondary:#222;
  --secondaryForeground:#ccc;
  --tertiary:#d2dadc;
  --tertiaryForeground:#000;
  --callToAction:#648596;
  --callToActionForeground:#fff;
  --buyAction:#000;
  --buyActionForeground:#fff;
  --priceList:#999;
  --priceOur:#000;
  --priceOr:#000;
  --priceSave:#999;
  --highlight1:#000;
  --highlight1Foreground:#fff;
  --highlight2:#fff;
  --highlight2Foreground:#000;
  --highlight3:#d2dadc;
  --highlight3Foreground:#000;
  --border:#ddd;
  --swiper-theme-color:#999;
  --swiper-navigation-size:22px;
}

 html { font-size: 14px; } @media screen and (min-width: 480px) { html { font-size: calc(14px + 2 * ((100vw - 480px) / 920)); } } @media screen and (min-width: 1400px) { html { font-size: 16px; } } body { background: var(--background); text-align: center; font-family: var(--font_family); font-size: 1rem; color: var(--foreground); scroll-behavior: smooth; } body * { scroll-margin-top: 2rem; } h1, h2, h3, h4, h5 { display: block; margin: 0.5rem 0; font-weight: 600; } h1 { font-size: 1.6em; font-weight: 400; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } @media only screen and (min-width: 481px) { h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } } a { font-weight: 600; color: var(--anchor); text-decoration: none; } a:hover { color: var(--anchorHover); } b, strong { font-weight: 600; } table { width: 100%; } td { padding: 2px; } input, select { height: 40px; padding: 0 10px; background: #fff; border: 1px solid var(--border); border-radius: 2px; line-height: 40px; font-size: 16px; color: #000; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } button, .button { display: inline-block; padding: 0 1rem; background: var(--callToAction); border: none; outline: none; border-radius: 3px; line-height: 40px; font-size: 1em; font-weight: 400; color: var(--callToActionForeground); cursor: pointer; -webkit-appearance: none; transition: all 0.3s ease-in-out; } button:hover, .button:hover { filter: brightness(1.2); color: var(--callToActionForeground); } ul { margin: 0; padding: 0; list-style: none; } .icon-toggle { display: flex; justify-content: center; align-items: center; } .icon-toggle:before { font-family: var(--font_icon); font-weight: 300; text-rendering: auto; -webkit-font-smoothing: antialiased; } input, select { border-radius: 5px; } header { background: var(--primary); border-top: 40px solid var(--secondary); color: var(--primaryForeground); } header .fluid-wrapper { position: relative; display: flex; align-items: center; } header a { display: block; color: inherit; } header a:hover { color: anchor_hover; } header img { display: block; } #logo { padding: 10px 0; } #logo img { width: auto; max-height: 70px; } #menu0, #h-redes { position: absolute; top: -40px; line-height: 40px; font-size: 0.8em; color: var(--secondaryForeground); text-transform: uppercase; } #menu0 { left: 0; } #menu0 ul { display: flex; } #menu0 li { margin-right: 15px; } #menu0 li:nth-of-type(1) { display: none; } #menu0 li:nth-of-type(2) a:before { content: 'SAC - Televendas '; } #h-redes { display: flex; right: 0; } #h-redes a { margin-left: 10px; font-size: 1.5em; font-weight: 400; } #menuU label, #h-atendimento label, #nav_cart_header a { display: flex; justify-content: center; align-items: center; width: 50px; height: 60px; color: var(--primaryForeground); cursor: pointer; } #menuU label:before, #h-atendimento label:before, #nav_cart_header a:before { font-family: var(--font_icon); font-weight: 300; font-size: 2em; } #menuU label:hover, #h-atendimento label:hover, #nav_cart_header a:hover { color: var(--anchorHover); } #menuU, #h-atendimento { position: relative; z-index: 2010; } #menuU input, #h-atendimento input { display: none; } #menuU ul, #h-atendimento ul { position: absolute; top: 60px; left: -50px; width: 150px; padding: 5px 15px; background: var(--background); border: 1px solid var(--border); border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: scaleY(0); transform-origin: top center; transition: transform 0.3s ease-in-out; } #menuU ul:before, #h-atendimento ul:before { content: ''; position: absolute; left: 70px; margin: -10px 0 0 0; border-bottom: 5px solid var(--secondaryForeground); border-right: 5px solid transparent; border-left: 5px solid transparent; } #menuU li, #h-atendimento li { border-top: 1px solid var(--border); line-height: 40px; font-size: 0.75em; text-align: center; font-weight: 600; color: var(--anchor); text-transform: uppercase; } #menuU li:nth-of-type(1), #h-atendimento li:nth-of-type(1) { border: none; } #menuU input:checked ~ label:before, #h-atendimento input:checked ~ label:before { content: '\F00D'; } #menuU:hover label ~ ul, #h-atendimento:hover label ~ ul, #menuU input:checked ~ ul, #h-atendimento input:checked ~ ul { transform: scaleY(1); } #h-atendimento, #menuU, #nav_cart { flex: 0 0 50px; margin-left: 10px; } #h-atendimento { order: 8; } #menuU { order: 9; } #menuU a { display: inline-block; } #nav_cart { order: 10; } #menuU label:before { content: '\F2BD'; } #menuU #mnU_2_parent { display: none; } #h-atendimento label span { display: none; } #h-atendimento label:before { content: '\F54E'; } #nav_cart { position: relative; } #nav_cart a span { display: none; } #nav_cart_total_items { position: absolute; top: 0; right: 0; width: 20px; background: var(--primaryForeground); border-radius: 50%; text-align: center; line-height: 20px; font-size: 0.8em; font-weight: 600; color: var(--primary); } #quicksearch-container { position: relative; } #quicksearch-container input { width: 100%; height: 50px; padding: 0 10px; border: none; outline: none; box-shadow: none; line-height: 50px; font-size: 1.1em; } #quicksearch-button { position: absolute; top: 5px; right: 5px; padding: 0 15px; line-height: 40px; font-size: 0.9em; text-transform: uppercase; } .autoComplete_wrapper h3 { display: none; } .autoComplete_wrapper > ul { z-index: 10000; margin-top: 10px; background: #f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: scaleY(1); } .autoComplete_wrapper .product_suggestion { padding: 5px 10px; border-bottom: 1px solid var(--border); } .autoComplete_wrapper .product_suggestion + .term_suggestion { margin-top: 1rem; } .autoComplete_wrapper .product_suggestion a { display: flex; align-items: center; } .autoComplete_wrapper .product_suggestion img { flex: 0 0 70px; width: 100%; margin-right: 15px; } .autoComplete_wrapper .quickSearch_product_price { display: block; color: var(--priceOur); } .autoComplete_wrapper .term_suggestion p { margin: 0; } #shop_nav a { display: block; } .nav-lvl-0 > ul > li > a { font-family: var(--font_family2); font-size: 1.2em; font-weight: 400; text-transform: uppercase; } @media only screen and (max-width: 1080px) { header { padding: 0 20px; } header .fluid-wrapper { flex-wrap: wrap; } #logo { flex: 1 1 auto; text-align: left; } #logo a { display: inline-block; } #quicksearch-form { order: 20; flex: 0 0 100vw; position: relative; right: -20px; left: -20px; padding: 10px 20px 10px 80px; background: var(--tertiary); } label[for="nav_toggle"] { position: absolute; left: 10px; display: block; width: 50px; height: 70px; margin-top: -70px; padding: 10px 0; text-align: center; cursor: pointer; } label[for="nav_toggle"]:before { content: '\F0C9'; line-height: 35px; font-family: 'Font Awesome 5 Pro'; font-size: 2.5em; font-weight: 300; } label[for="nav_toggle"]:after { content: 'MENU'; display: block; line-height: 15px; font-size: 0.7em; font-weight: 600; } #shop_nav label[for="nav_toggle"]:before { content: '\F0C9'; font-family: var(--font_icon); } #shop_nav li { position: relative; line-height: 50px; } #shop_nav .nav-lvl-0 { position: fixed; top: 0; right: 60px; bottom: 0; left: 0; z-index: 100000; padding: 1rem 1.5rem; background: #fff; text-align: left; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease-in-out; } #shop_nav .nav-lvl-0 > ul > li > a { position: relative; padding-left: 20px; } #shop_nav .nav-lvl-0 > ul > li > a:before { content: ''; position: absolute; top: 5px; left: 0; width: 5px; height: 40px; background: var(--tertiary); } #shop_nav .nav-lvl-1 { margin-left: 2px; border-left: 1px solid var(--tertiary); } #shop_nav .nav-lvl-1 > ul > li { padding-left: 1.5rem; } #shop_nav .nav-lvl-1 > ul > li > a { text-transform: uppercase; } #shop_nav .nav-lvl-2 { padding-left: 15px; background: var(--tertiary); filter: brightness(1.1); } #shop_nav .nav-lvl-2 a:before { content: '- '; } #shop_nav .parent > label { position: absolute; right: 0; z-index: 100; width: 50px; height: 50px; text-align: center; transition: transform 0.3s ease-in-out; } #shop_nav .parent > label:before { content: '\F054'; font-family: var(--font_icon); } #shop_nav .parent > input ~ .wrapper { height: 0; overflow: hidden; } #shop_nav .parent > input:checked ~ label { transform: rotateZ(180deg); } #shop_nav .parent > input:checked ~ label:before { content: '\F00D'; } #shop_nav .parent > input:checked ~ .wrapper { height: auto; padding-bottom: 5px; } #shop_nav #nav_toggle:checked ~ label[for="nav_toggle"]:after { content: '\F00D'; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2100; width: 100vw; height: 100%; padding: 10px 20px; background: rgba(0,0,0,0.8); text-align: right; font-family: var(--font_icon); line-height: 50px; font-size: 1.75em; font-weight: 300; color: rgba(255,255,255,0.75); } #shop_nav #nav_toggle:checked ~ .nav-lvl-0 { transform: translateX(0); } } @media only screen and (max-width: 480px) { header { max-width: 100vw; padding: 0 15px; border-top-width: 30px; border-top: 0; overflow: hidden; } #logo { height: 60px; margin-left: 40px; text-align: center; } #logo img { height: 40px; } #menu0, #h-atendimento, #h-redes { display: none !important; } #menuU, #nav_cart { flex: 0 0 40px; margin-left: 5px; } #menuU label, #nav_cart_header a { width: 40px; } #menuU label:before, #nav_cart_header a:before { font-size: 1.7em; } #nav_cart_total_items { top: 5px; width: 15px; line-height: 15px; font-size: 0.7em; } #quicksearch-form { right: -15px; left: -15px; padding: 10px; } #quicksearch-form input { height: 45px; line-height: 45px; } #quicksearch-button { padding: 0 10px; line-height: 35px; font-size: 0.8em; font-weight: 600; } label[for="nav_toggle"] { top: 10px; left: 15px; display: block; width: 40px; height: 40px; background: var(--secondary); margin-top: 0; padding: 0; color: var(--secondaryForeground); } label[for="nav_toggle"]:before { line-height: 40px; font-size: 1.75em; } label[for="nav_toggle"]:after { display: none; } #nav_toggle:checked ~ label[for="nav_toggle"]:after { display: block; } } @media only screen and (min-width: 1081px) { header { height: 130px; padding: 0 20px; border-top-width: 40px; } header .fluid-wrapper { width: 100%; max-width: 1920px; margin: 0 auto; } #quicksearch-form { flex: 1 1 auto; margin: 0 60px; } #shop_nav { position: relative; z-index: 2000; min-height: 60px; padding: 0 20px; background: var(--tertiary); } #shop_nav .fluid-wrapper { width: 100%; max-width: 1920px; margin: 0 auto; font-size: 0.9em; } #shop_nav .icon-toggle { display: none; } .nav-lvl-0 > ul { display: flex; flex-wrap: wrap; justify-content: space-around; } .nav-lvl-0 > ul > li { position: relative; } .nav-lvl-0 > ul > li > a { padding: 0 20px; line-height: 60px; } .nav-lvl-1 { position: absolute; left: 0; width: 800px; height: 480px; padding: 25px; background-color: #fff; background-position: right center; background-repeat: no-repeat; border-bottom: 5px solid var(--tertiary); box-shadow: 0 6px 5px rgba(0,0,0,0.25); text-align: left; transform: scaleY(0); transform-origin: top center; transition: transform 0.3s ease-in-out; } .nav-lvl-1 li { max-width: 280px; } .nav-lvl-1 li a { padding: 0 15px; line-height: 35px; } #mn_2 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_cama.jpg"); } #mn_7 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_banho.jpg"); } #mn_8 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_mesa.jpg"); } #mn_9 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_kids.jpg"); } #mn_10 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_tapetes.jpg"); } #mn_11 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_cortinas.jpg"); } #mn_12 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_decor.jpg"); } #mn_14 .nav-lvl-1 { background-image: url("https://www.romanceenxovais.com.br/octopus/design/images/92/misc/ddm_outlet.jpg"); } .nav-lvl-2 { position: absolute; left: 300px; top: 0; display: none; width: 500px; height: 475px; padding: 25px; background: rgba(255,255,255,0.95); border-left: 1px solid var(--tertiary); } .nav-lvl-2 ul { column-count: 2; } .nav-lvl-0 > ul > li:hover > a { background: var(--tertiary); filter: brightness(1.1); } .nav-lvl-0 > ul > li:hover .nav-lvl-1 { transform: scaleY(1); } .nav-lvl-0 > ul > li:nth-last-of-type(1) .nav-lvl-1, .nav-lvl-0 > ul > li:nth-last-of-type(2) .nav-lvl-1, .nav-lvl-0 > ul > li:nth-last-of-type(3) .nav-lvl-1, .nav-lvl-0 > ul > li:nth-last-of-type(4) .nav-lvl-1 { left: auto; right: 0; } .nav-lvl-1 > ul > li > a { display: block; text-transform: uppercase; } .nav-lvl-1 > ul > li:hover > a { background: var(--tertiary); } .nav-lvl-1 > ul > li:hover .nav-lvl-2 { display: block; } } .breadcrumb { font-size: 0.8em; color: var(--anchor); } .breadcrumb a { font-weight: 400; } .breadcrumb a:first-child { text-transform: capitalize; } .breadcrumb-div:before { content: '>'; padding: 0 10px; } .paginator { font-size: 0.9em; } .paginator li { display: inline-block; margin-right: 5px; padding: 0 8px; line-height: 25px; } .paginator li a { display: block; font-weight: 400; } .paginator .paginator-index { width: 25px; padding: 0; text-align: center; } .paginator .selected, .paginator .selected:hover { background: var(--callToAction); font-weight: 600; color: var(--callToActionForeground); } .paginator .paginator-view-all { display: none; } .paginator .paginator-previous a:before { content: '\F100'; margin-right: 5px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } .paginator .paginator-next a:after { content: '\F101'; margin-left: 5px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } @media only screen and (max-width: 480px) { .paginator { font-size: 0.85em; } .paginator .paginator-previous a span, .paginator .paginator-next a span { display: none; } } #product_tags { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.5rem; } #product_tags > div { margin: 0.5rem 0.5rem 0 0; padding: 0 10px; line-height: 20px; font-size: 0.7em; font-weight: 600; text-transform: uppercase; } #product_tags .product-status-1, #product_tags .product-status-4 { display: none; } #product_tags .product-status-2 { background: var(--highlight1); color: var(--highlight1Foreground); } #product_tags .product-status-3 { background: var(--highlight2); color: var(--highlight2Foreground); } #product_tags #product_promotion { display: flex; align-items: center; padding: 0; } #product_tags #product_promotion img { width: auto; max-height: 30px; } #product_tags .promotion-name { margin: 0 5px; } #product_tags #product_availability_shipping { background: var(--highlight3); color: var(--highlight3Foreground); } #product_tags #product_availability_shipping_restricted { display: none; } #product_tags #free-shipping-restricted { display: flex; padding-left: 0 !important; } #product_tags #free-shipping-restricted ul { display: flex; } #product_tags #free-shipping-restricted li { margin-left: 3px; padding: 0 5px; background: var(--highlight3); color: var(--highlight3Foreground); } #product_dynamics h1 { line-height: 1.5; } #product_gallery_big .swiper-container { max-width: 600px; margin: 0 auto; } #product_gallery_thumbs { margin-top: 10px; } #product_texts > * { margin-top: 10px; } #product_review { font-size: 0.9em; } #product_review a { display: flex; } #product_review .rating-stars { margin-right: 0.5rem; } #product_description { line-height: 2em; font-size: 0.9em; } #product_description > div { display: none; } #product_availability { margin-top: 0; } #product_availability> span { display: none; } #product_buy_form { display: flex; padding: 2rem 0; } #product_buy_form label { font-size: 0.85em; } #product_buy_form select { display: block; width: 80px; margin-top: 5px; } #product_buy_form button { margin-left: 1rem; } #product_extra_grid_link { padding: 1rem 0; } #product_extra_grid_link a, #product_extra_grid_link button { display: block; width: 100%; text-align: center; line-height: 50px; } #product_internal_links > a { display: flex; line-height: 2em; font-size: 0.8em; font-weight: 400; } #product_internal_links > a:before { width: 25px; font-family: var(--font_icon); font-size: 1.1em; } #product_internal_links #wishlist_link:before { content: '\F004'; } #product_internal_links #shippingSimulator_link:before { content: '\F0D1'; } #product_internal_links #review_link:before { content: '\F005'; } #product_internal_links #asq_link:before { content: '\F059'; } #product_internal_links #foundCheaper_link:before { content: '\F4D3'; } .product-extra-grid #product_selects, .product-extra-grid #product_availability { display: none; } #product_details h2, .details-content { text-align: left; } .items_container { display: flex; max-width: 100%; overflow-x: auto; } .items_container li { flex: 0 0 45%; margin: 1rem 0; padding: 1rem; text-align: center; } @media only screen and (max-width: 480px) { main { padding: 15px; } #product_gallery_thumbs { display: none; } #product_tags, #product_review a, .price-exception, #product_buy_form, #product_internal_links a { justify-content: center; } } @media only screen and (min-width: 481px) { main { padding: 20px; text-align: left; } main .fluid-wrapper { max-width: 1600px; margin: 0 auto; } #product_description > div { display: block; } } @media only screen and (min-width: 801px) { #product_dynamics > .fluid-wrapper { display: grid; grid-template-columns: 50% auto; grid-template-rows: auto; grid-template-areas: "breadcrumb breadcrumb" "h1 h1" "gallery texts" "together together"; grid-gap: 1rem; } .breadcrumb { grid-area: breadcrumb; } #product_dynamics h1 { grid-area: h1; margin: 0; } #product_gallery { grid-area: gallery; } #product_texts { grid-area: texts; padding-left: 1rem; } #product_buy_together { grid-area: together; } .items_container { flex-wrap: wrap; } .items_container li { flex: 0 0 auto; width: 33.333%; } } @media only screen and (min-width: 1025px) { #product_gallery_big .swiper-pagination { display: none; } #product_tags { margin-top: 0; } .items_container li { width: 25%; } } @media only screen and (min-width: 1401px) { #product_dynamics > .fluid-wrapper { grid-template-columns: 600px auto; } .items_container li { width: 20%; } } #product_prices { position: relative; padding: 1.5rem; border: 1px solid var(--border); } #product_prices:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--border); opacity: 0.15; } #product_prices .label { font-size: 1em; margin-right: 5px; } .product-price-list { margin: 25px 0 10px; font-size: 0.9em; color: var(--priceList); text-transform: capitalize; } .product-price-list acronym { display: none; } .product-price-our { color: var(--priceOur); } .product-price-our .value { font-weight: 600; font-size: 2em; } .product-price-save, .product-price-discount { position: absolute; top: 0; line-height: 30px; } .product-price-save { left: 40px; right: 0; padding-left: 10px; background: rgba(0,0,0,0.05); color: var(--priceSave); font-size: 0.9em; text-transform: capitalize; } .product-price-discount { left: 0; width: 40px; text-align: center; background: var(--highlight1); font-size: 0.8em; font-weight: 600; color: var(--highlight1Foreground); } .product-price-discount .label { display: none; } .product-price-discount:before { content: '-'; } .product-price-or, .price-exception { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border); } .product-price-or:before, .price-exception:before { display: inline-block; width: 20px; margin-right: 10px; text-align: center; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; font-weight: 300; vertical-align: middle; } .product-price-or { display: block; margin-top: 1rem; font-size: 0.9em; color: var(--priceOr); } .product-price-or:before { content: '\F09D'; } .product-price-or .value { font-size: 1.1em; font-weight: 600; } .price-exception { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: 10px; } .price-exception:before { content: '\F02A'; } .price-exception .label { display: none; } .price-exception .value { margin-right: 5px; } .price-exception .value:after { content: ' \E0   vista'; font-size: 0.9em; font-weight: 400; } .price-exception .payment { flex: 0 0 100%; margin-top: 5px; padding-left: 30px; font-size: 0.9em; opacity: 0.5; } .price-exception .payment:before { content: 'V\E1lido para '; } .price-exception .percent { font-size: 0.9em; opacity: 0.5; } .price-exception .percent:before { content: '('; } .price-exception .percent:after { content: ')'; } #product_selects, #inStockNotification { position: relative; margin-top: -1px; border: 1px solid var(--border); } #product_selects:after, #inStockNotification:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--border); opacity: 0.5; } #product_selects { padding: 1.5rem; } #product_selects .product-select + .product-select { margin-top: 1rem; } #product_selects h2 { margin: 0 0 5px; font-size: 1em; font-weight: 600; } #product_selects select { width: 100%; } #inStockNotification { margin-bottom: 2rem; padding-bottom: 1.5rem; text-align: center; } #inStockNotification fieldset { margin: 0; padding: 0; border: none; font-size: 0.95em; } #inStockNotification legend { width: 100%; background: rgba(0,0,0,0.1); line-height: 40px; font-weight: 600; } #inStockNotification p { padding: 0 1rem; line-height: 1.75em; } #inStockNotification table { padding: 0 1rem; text-align: left; } #inStockNotification table td:nth-of-type(1) { width: 70px; } #inStockNotification input, #inStockNotification button { width: 100%; } #product_buy_together ul { display: flex; justify-content: flex-start; max-width: 100%; overflow-x: auto; } #product_buy_together li { position: relative; display: flex; flex: 0 0 230px; margin: 1rem 0; padding: 1rem 0; } #product_buy_together li:after { content: '\F055'; order: -1; align-self: center; flex: 0 0 30px; margin: 0 1rem; font-family: var(--font_icon); font-size: 2em; opacity: 0.25; } #product_buy_together li:nth-of-type(1) { flex: 0 0 200px; padding: 1rem; background: #f5f5f5; } #product_buy_together li:nth-of-type(1) label { display: none; } #product_buy_together li:nth-of-type(1):after { display: none; } #product_buy_together li label { position: absolute; top: 5px; right: -10px; z-index: 100; width: 25px; height: 25px; background: #fff; border: 2px solid #ccc; border-radius: 3px; text-align: center; line-height: 21px; font-family: var(--font_icon); font-size: 1.1em; color: var(--callToAction); cursor: pointer; } #product_buy_together li a { opacity: 0.5; } #product_buy_together li img { display: block; padding: 0.5rem; background: #fff; border: 1px solid var(--border); } #product_buy_together .product-description { margin: 10px 0; line-height: 20px; font-size: 0.8em; } #product_buy_together .product-prices { color: var(--priceOur); } #product_buy_together .product-prices .label { display: none; } #product_buy_together input:checked ~ label { border-color: var(--callToAction); } #product_buy_together input:checked ~ label:before { content: '\F00C'; } #product_buy_together input:checked ~ a { opacity: 1; } #buy_together_totals { margin: 1rem; } #buy_together_price_our { font-weight: 600; color: var(--priceOur); } #buy_together_price_our .value { margin-left: 5px; font-size: 1.5em; } #buy_together_buy { margin-top: 20px; } #buy_together_buy button { max-width: 350px; margin: auto; } @media only screen and (max-width: 1024px) { #product_buy_together li { flex: 0 0 170px !important; } #product_buy_together li:after { flex: 0 0 18px; margin: 0 0.5rem; font-size: 1.2em; } } #product_extra_grid ul { display: flex; flex-wrap: wrap; margin: 10px 0; } #product_extra_grid li { position: relative; width: 50%; margin: -1px 0 0 -1px; padding: 15px; border: 1px solid var(--border); text-align: center; } #product_grid_buy_top, #product_grid_buy_bottom { padding: 10px 0; text-align: right; } .grid-image { padding-bottom: 10px; } .grid-image img { display: block; margin: auto; } .grid_text { line-height: 1.5em; font-size: 0.8em; font-weight: 600; } .grid_availability .label { display: none; } .grid_availability label { display: flex; justify-content: center; align-items: center; font-size: 0; } .grid_availability label:before { content: 'Qtd'; margin-right: 10px; font-size: 0.9rem; opacity: 0.5; } .grid_availability select { width: 70px; } .grid-instocknotification:before { content: 'Esgotado'; display: block; margin-bottom: 5px; color: var(--foreground); opacity: 0.5; } .grid-name { font-size: 1em; } .grid-price { color: var(--priceOur); } @media only screen and (min-width: 768px) { #product_extra_grid li { width: 33.333%; } } @media only screen and (min-width: 1025px) { #product_extra_grid li { width: 25%; } } @media only screen and (min-width: 1201px) { #product_extra_grid li { width: 20%; } } @media only screen and (min-width: 1401px) { #product_extra_grid li { width: 16.666%; } } #product_buy_together, #product_dynamics ~ div { position: relative; margin-top: 4rem; } #product_buy_together:after, #product_dynamics ~ div:after { content: ''; position: absolute; top: 1rem; right: 0; left: 0; z-index: -1; display: block; height: 1px; background: var(--foreground); } #product_buy_together .section-title, #product_dynamics ~ div .section-title { display: block; margin: 0; line-height: 2rem; font-size: 1.4rem; font-weight: 600; padding: 0 2rem; text-align: center; } #product_buy_together .section-title span, #product_dynamics ~ div .section-title span { padding: 0 1rem; background: var(--background); } #product_buy_together .product-name, #product_dynamics ~ div .product-name { display: block; padding: 0 !important; opacity: 0.5; line-height: 2em; font-size: 1rem; font-weight: 400; } #product_buy_together { margin-top: 0; } #product_buy_together:after { top: 5rem; } #product_buy_together .section-title { margin-top: 4rem; } #product_details .fluid-wrapper > div { margin-top: 3rem; } #product_details h2 { font-size: 1.2em; margin: 2rem 0 1rem; } #product_details .details-title { display: flex; align-items: center; text-transform: uppercase; } #product_details .details-title:before { content: '\F324'; width: 20px; font-family: var(--font_icon); font-size: 0.9em; font-weight: 300; } #product_details .product-name { margin-top: 5px; font-style: oblique; } #product_details .details-content { line-height: 2em; } #product_details .youtube-container { max-width: 750px; } #review_invitation, #asq_invitation { margin: 5px 0; text-align: center; } @media only screen and (max-width: 800px) { #product_buy_together:after { top: 1rem; } } #review_invitation a { margin: 0.5rem 5px; line-height: 35px; font-size: 0.9em; font-weight: 600; } #GR_dynamic_index_top { display: none; } #GR_dynamic_index_bottom { padding: 30px 0; text-align: right; } .GR_dynamic_node { position: relative; padding: 15px 0; text-align: left; } .GR_dynamic_node_header { padding-left: 150px; } .GR_dynamic_node_header > * { display: inline; margin: 0 5px 0 0; line-height: 30px; } .GR_dynamic_node_header p { font-size: 0.9em; color: #666; vertical-align: middle; } .GR_dynamic_node_header b { font-size: 1.1em; color: var(--foreground); text-transform: capitalize; } .GR_dynamic_node_header_author { position: absolute; top: 50px; left: 0; width: 140px; text-align: center; } .GR_dynamic_node_header_author span { display: inline-block; line-height: 20px; } .GR_dynamic_node_header_author > span:first-child { display: none; } .GR_dynamic_node_header_author b { display: block; } .GR_dynamic_node_header_author b:before { content: '\F2BD'; margin-right: 10px; font-family: 'Font Awesome 5 Pro'; font-size: 1.7em; font-weight: 300; vertical-align: top; } .GR_dynamic_node_header_status { position: absolute; right: 250px; bottom: 15px; margin: 0; } .GR_dynamic_node_body { position: relative; margin: 5px 0 5px 150px; padding: 20px; border: 1px solid var(--border); border-radius: 5px; line-height: 1.75em; } .GR_dynamic_node_body:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--border); border-radius: 5px; opacity: 0.15; } .GR_dynamic_node_footer { text-align: right; } .GR_dynamic_node_footer span { display: inline-block; line-height: 30px; font-size: 0.9em; color: #666; vertical-align: middle; } .GR_dynamic_node_footer a { margin-left: 10px; font-weight: 400; opacity: 0.5; } .GR_dynamic_node_footer a svg { width: 18px; } .GR_dynamic_node_footer .vote-no { position: relative; top: 5px; } @media only screen and (max-width: 800px) { .GR_dynamic_node_header_status { right: 0; } .GR_dynamic_node_footer { height: 60px; } } @media only screen and (max-width: 640px) { .GR_dynamic_node_header { padding-left: 0; } .GR_dynamic_node_header .GR_dynamic_node_header_author { position: relative; top: 0; display: block; width: auto; text-align: left; } .GR_dynamic_node_header .GR_dynamic_node_header_author b { display: inline; margin: 0 5px 0 0; } .GR_dynamic_node_body { margin-left: 0; } } @media only screen and (min-width: 801px) { .GR_dynamic_node { font-size: 0.9em; } } #asq_invitation a { margin: 10px 5px; line-height: 35px; font-size: 0.9em; font-weight: 600; } #ASQ_dynamic_index_top { display: none; } #ASQ_dynamic_index_bottom { padding: 30px 0; text-align: right; } .ASQ_dynamic_node { position: relative; margin-top: 10px; padding: 1px 20px 20px; border: 1px solid var(--border); text-align: left; line-height: 1.75em; } .ASQ_dynamic_node:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--border); opacity: 0.15; } .ASQ_dynamic_node_answer { position: relative; margin-left: 5%; padding: 1px 20px; border-left: 3px solid var(--border); } .ASQ_dynamic_node_answer:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--border); opacity: 0.3; } .ASQ_dynamic_node_question_signature, .ASQ_dynamic_node_answer_signature { margin-top: 0; font-size: 0.9em; opacity: 0.5; } .ASQ_dynamic_node_question_signature b, .ASQ_dynamic_node_answer_signature b { font-size: 1.1em; } .ASQ_dynamic_node_question_content, .ASQ_dynamic_node_answer_content { margin-bottom: 10px; } @media only screen and (min-width: 801px) { .ASQ_dynamic_node { font-size: 0.9em; } } .btn-buy { height: 60px; padding-left: 0; background: var(--buyAction); line-height: 60px; font-size: 1.5em; font-weight: 400; color: var(--buyActionForeground); text-transform: capitalize; } .btn-buy:before { display: inline-block; width: 60px; margin-right: 1rem; background-color: rgba(0,0,0,0.15); font-size: 1.2em; } #item_added_actions .btn-buy { line-height: 50px; text-transform: none; } #item_added_actions .btn-buy:before { display: none; } #nav_cart a:before, .btn-buy:before { content: '\F291'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } .item_box { position: relative; display: flex; flex-direction: column; height: 100%; } .item_box .item_img { order: -2; overflow: hidden; } .item_box .item_img img { display: block; width: 100%; transition: transform 0.3s ease-in-out; } .item_box .item_img:hover .item_img img { transform: scale(1.05); } .item_box .item_txt { text-align: left; } .item_box .item_txt > * { display: none; } .item_box .item_name { display: block; margin-top: 10px; line-height: 1.5; } .item_box .item_name strong { font-weight: 400; } .item_box .item_prices { display: block; margin-top: 10px; } .item_box .item_listPrice { display: block; margin-bottom: 10px; font-size: 0.9em; color: var(--priceList); } .item_box .item_listPrice:after { content: 'por:'; padding-left: 10px; } .item_box .item_discount { position: absolute; top: -7px; right: -7px; width: 40px; background: var(--highlight1); border-radius: 50%; text-align: center; line-height: 40px; color: var(--highlight1Foreground); } .item_box .item_discount_percentage:before { content: '-'; } .item_box .item_save, .item_box .item_discount_label { display: none; } .item_box .item_ourPrice { margin-right: 5px; font-family: var(--font_family2); font-size: 1.1em; font-weight: 600; color: var(--priceOur); } .item_box .item_ourPrice label { display: none; } .item_box .item_or label { display: none; } .item_box .item_or span { font-family: var(--font_family2); font-size: 1.1em; font-weight: 600; color: var(--priceOr); } .item_box .item_or:before { content: 'em at\E9'; margin-right: 5px; font-size: 0.95em; opacity: 0.5; } .item_box .item_aggregateRating { margin-top: 10px; text-align: left; } .item_box .item_availability_2, .item_box .item_availability_3 { display: block; margin-top: 10px; font-weight: 600; text-transform: capitalize; } .item_box .item_availability_2 label, .item_box .item_availability_3 label, .item_box .item_availability_2 a, .item_box .item_availability_3 a { display: none; } @media only screen and (max-width: 480px) { #custom_CST_products_img { padding: 0; } .item_or span { display: block; margin-top: 10px; } } #frmNewsletter { margin-top: 40px; padding: 20px; background: var(--primary); color: var(--primaryForeground); } #newsletter { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 1400px; margin: 0 auto; text-align: center; } #newsletter h5 { flex: 0 0 100%; line-height: 20px; font-size: 1.2em; font-family: var(--font_family2); font-weight: 400; } #newsletter ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 5px; } #newsletter li { margin: 5px; } #newsletter li#newsletter_i2 { text-align: right; } #newsletter label { margin-right: 5px; font-family: var(--font_family2); text-transform: capitalize; opacity: 0.5; } #newsletter input { width: 250px; outline: none; border-radius: 2px; border: 1px solid #fff; } #newsletter p { font-size: 1.5em; font-weight: 600; } #newsletter button { padding: 0 10px; border-radius: 2px; line-height: 38px; font-size: 0.85em; } footer { line-height: 1.75; font-size: 0.9em; } #f-redes { display: flex; } #f-redes a { margin: 0 10px 5px 0 !important; width: 40px; background: var(--callToAction); border-radius: 50%; text-align: center; line-height: 40px; font-size: 1.2em; font-weight: 300; color: var(--callToActionForeground); } #f-redes a span { display: none; } #f-infos { margin-top: 15px; text-align: center; overflow: hidden; line-height: 1.75; font-size: 0.85em; opacity: 0.5; } #f-infos p { max-width: 1600px; margin: 15px auto; } #f-sec { display: flex; justify-content: center; align-items: center; } #f-sec > div { margin: 10px; } #shop_footer_mobile #f-foot { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; padding: 20px 2%; background: var(--tertiary); color: var(--tertiaryForeground); } #shop_footer_mobile #f-foot a { display: block; background: #648596; line-height: 50px; color: #fff; } #shop_footer_mobile #f-foot > a { flex: 1 0 48%; margin: 1%; line-height: 30px; font-size: 0.9em; opacity: 0.7; } #shop_footer_mobile #f-foot p { flex: 0 0 98%; margin: 0 1% 1%; } #shop_footer_mobile #f-redes { margin-top: 20px; justify-content: center; } #shop_footer_mobile #f-redes a { line-height: 40px; } #shop_footer_mobile #f-sec { justify-content: space-between; padding: 10px; } #shop_footer_mobile #f-sec > * { flex: 0 0 30%; text-align: center; } #shop_footer_mobile #f-sec img { display: block; max-height: 25px; width: auto; margin: 0 auto; } #shop_footer_desktop #f-foot { background: var(--tertiary); overflow: hidden; } #shop_footer_desktop #f-foot > div { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); max-width: 1600px; margin: 0 auto; } #shop_footer_desktop #f-foot > div > div { flex: 0 0 25%; padding: 20px; text-align: left; } #shop_footer_desktop #f-foot .f-title { font-family: var(--font_family2); font-size: 1.4em; font-weight: 400; color: var(--callToAction); } #shop_footer_desktop #f-foot .f-subtitle { display: flex; align-items: center; } #shop_footer_desktop #f-foot .f-subtitle i { width: 30px; line-height: 30px; margin-right: 5px; background: rgba(0,0,0,0.1); border-radius: 50%; font-size: 1.2em; } #shop_footer_desktop #f-foot a { display: block; margin: 5px 0; font-weight: 400; } #shop_footer_desktop #f-foot p { margin: 10px 0; } #shop_footer_desktop #f-foot p a { display: inline-block; margin: 0; } #shop_footer_desktop .hr-atendimento { font-size: 0.9em; } @media only screen and (max-width: 640px) { #newsletter h5 { margin-top: 0; } #newsletter #newsletter_i0 { flex: 0 0 100%; } #newsletter #newsletter_i1 { flex: 1 0 auto; margin-left: 0; } #newsletter #newsletter_i2 { flex: 0 0 60px; } #newsletter label { display: none; } #newsletter button, #newsletter input { width: 100%; } } .btn-buy::before { background-color: rgba(255,255,255,0.2); } #product_description { display: none; } #product_prices { margin-top: 20px; } #product_buy_together .section-title span, #product_dynamics ~ div .section-title span { font-family: var(--font_family2); font-weight: 400; } #product_buy_together .section-title span.product-name, #product_dynamics ~ div .section-title span.product-name { font-family: var(--font_family); }