Unknown: Creation of dynamic property Request::$request is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/request.php na linha 28Unknown: Creation of dynamic property mysqli::$report_mode is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/db/mysqli.php na linha 18Unknown: Creation of dynamic property Session\DB::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/session/db.php na linha 5Unknown: Creation of dynamic property Session::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/session.php na linha 34Unknown: Creation of dynamic property Session::$request is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/session.php na linha 35Unknown: Creation of dynamic property Proxy::$getTranslations is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__construct is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__get is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__set is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: mysqli::real_escape_string(): Passing null to parameter #1 ($string) of type string is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/db/mysqli.php na linha 61Unknown: Creation of dynamic property Openbay::$logger is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/openbay.php na linha 22Warning: Cannot modify header information - headers already sent by (output started at /home/bikinibrasilcom/public_html/loja/system/framework.php:44) no arquivo /home/bikinibrasilcom/public_html/loja/system/library/session.php na linha 147Unknown: Creation of dynamic property Proxy::$getLanguage is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$getLanguages is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__construct is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__get is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__set is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Warning: Cannot modify header information - headers already sent by (output started at /home/bikinibrasilcom/public_html/loja/system/framework.php:44) no arquivo /home/bikinibrasilcom/storage/modification/catalog/controller/startup/startup.php na linha 136Unknown: Creation of dynamic property Cart\Customer::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/customer.php na linha 14Unknown: Creation of dynamic property Cart\Customer::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/customer.php na linha 15Unknown: Creation of dynamic property Cart\Customer::$request is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/customer.php na linha 16Unknown: Creation of dynamic property Cart\Customer::$session is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/customer.php na linha 17Unknown: Creation of dynamic property Proxy::$getCurrencyByCode is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$getCurrencies is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__construct is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__get is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Unknown: Creation of dynamic property Proxy::$__set is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/engine/proxy.php na linha 30Warning: Cannot modify header information - headers already sent by (output started at /home/bikinibrasilcom/public_html/loja/system/framework.php:44) no arquivo /home/bikinibrasilcom/storage/modification/catalog/controller/startup/startup.php na linha 212Unknown: Creation of dynamic property Cart\Currency::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/currency.php na linha 7Unknown: Creation of dynamic property Cart\Currency::$language is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/currency.php na linha 8Unknown: Creation of dynamic property Cart\Tax::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/tax.php na linha 7Unknown: Creation of dynamic property Cart\Tax::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/tax.php na linha 8Unknown: Creation of dynamic property Cart\Weight::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/weight.php na linha 7Unknown: Creation of dynamic property Cart\Weight::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/weight.php na linha 8Unknown: Creation of dynamic property Cart\Length::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/length.php na linha 7Unknown: Creation of dynamic property Cart\Length::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/length.php na linha 8Unknown: Creation of dynamic property Cart\Cart::$config is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 7Unknown: Creation of dynamic property Cart\Cart::$customer is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 8Unknown: Creation of dynamic property Cart\Cart::$session is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 9Unknown: Creation of dynamic property Cart\Cart::$db is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 10Unknown: Creation of dynamic property Cart\Cart::$tax is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 11Unknown: Creation of dynamic property Cart\Cart::$weight is deprecated no arquivo /home/bikinibrasilcom/public_html/loja/system/library/cart/cart.php na linha 12<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="pt-br" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="pt-br" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="pt-br">
<!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Calças Legging</title>
<base href="https://www.bikinibrasil.com.br/loja/" />
 	
			

 
<meta name="robots" content="index"> 
			
<meta name="description" content="escubra as calças legging fitness da BIQUINI BRASIL - ideais para quem busca conforto e estilo durante atividades físicas. Modelos básicos e estampados de alta qualidade. Compre agora!" />
<meta name="keywords" content="Calça Legging, Calça Academia, Legging, Calça EMANA," />
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

					<script src="catalog/view/javascript/jquery/jquery.mask.min.js" type="text/javascript"></script>
				
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/theme/bikini/stylesheet/stylesheet.css" rel="stylesheet">


<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<link href="https://www.bikinibrasil.com.br/loja/legging/" rel="canonical" />
<link href="https://www.bikinibrasil.com.br/loja/image/catalog/Logotipo-marcas/favicon.png" rel="icon" />

<style>
body{
overflow-x: hidden!important;
}
.list-inline a{
    color:black;
}

/* Estrutura Principal */
#header-main {
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.header-flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Distribui: Esquerda | Centro | Direita */
    gap: 15px;
}

/* 2. Logo */
.header-logo {
    flex: 0 0 auto;
    max-width: 168px;
}

/* 3. Busca (Ocupa o espaço central disponível) */
.header-search {
    flex: 1; 
    max-width: 500px;
    margin: 0 20px;
}

/* 4. Ações (Atendimento, Conta e Carrinho) */
.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 auto;
}

.action-item {
    text-align: center;
}

.action-item a {
    text-decoration: none;
    color: #333;
    display: block;
}

.action-item img {
    width: 32px !important; /* Tamanho otimizado para não pesar visualmente */
    height: auto !important;
    margin: 0 auto 4px;
}

.action-item span {
    font-size: 11px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
}

/* 5. Ajuste Específico do Carrinho (Cart) */
/*.header-cart {
    min-width: 60px;
}*/

/* RESPONSIVIDADE (MOBILE) */
@media (max-width: 767px) {
    .header-flex-row {
        flex-wrap: wrap; /* Permite que os itens quebrem linha no celular */
    }

    .header-logo {
        order: 1;
        max-width: 168px;
    }

    .header-actions {
        order: 2;
        gap: 10px;
    }

    .header-search {
        order: 3;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0; /* Coloca a busca na linha de baixo no mobile */
    }

    .action-item span {
        display: none; /* Esconde o texto no mobile para ganhar espaço */
    }
}



/* Tamanho da Lupa de Gatilho (Desktop e Mobile) */
#toggle-search i, .search-trigger i {
    font-size: 26px !important; /* Ajusta o tamanho da lupa pequena */
    color: #333 !important;
}

/* Container da busca: Garante que ela não suba nos ícones */
.header-search {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center; /* Centraliza para não cobrir a sacola */
    align-items: center;
    margin: 0 20px; 
}

/* Mobile: Ajuste para a lupa não ficar minúscula no topo */
@media (max-width: 767px) {
    #toggle-search i {
        font-size: 24px !important;
        padding: 5px;
    }
}

/* 1. Container da busca: Ocupa o centro */
.header-search {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center; /* Alinha o conteúdo (lupa/campo) ao centro */
    align-items: center;
    min-width: 50px;
    margin: 0 10px; /* Margem para não encostar nos ícones */
}

/* 2. Campo de busca (Ajustado para centralizar) */
#search {
    opacity: 0;
    visibility: hidden;
    width: 0;
    transition: all 0.4s ease-in-out;
    display: flex !important;
    position: absolute;
    /* Centralização horizontal absoluta */
    left: 50%;
    transform: translateX(-50%); 
    background: #fff;
    z-index: 120;
}

/* Quando ativo: expande sem cobrir os ícones laterais */
#search.active {
    opacity: 1;
    visibility: visible;
    width: 100%; 
    max-width: 450px; /* Limite para não bater no logo ou sacola */
}

/* 3. Lupa de Gatilho (Botão inicial) */
.search-trigger {
    cursor: pointer;
    padding: 10px;
    z-index: 110;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}

/* ESCONDE a lupa de gatilho ao abrir para não sobrepor */
#search.active ~ .search-trigger, 
#search.active + .search-trigger {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
}

/* 4. Estilo do Input (Visual Premium) */
#search .form-control {
    border-radius: 25px 0 0 25px !important;
    padding-left: 20px;
    height: 42px !important;
    border: 1px solid #ddd !important;
    font-size: 16px !important; /* Evita zoom no iPhone */
}

#search .input-group-btn .btn {
    border-radius: 0 25px 25px 0 !important;
    height: 42px !important;
    width: 45px !important;
    background: #f8f8f8 !important;
    border: 1px solid #ddd !important;
    border-left: none !important;
}

/* 5. Mobile: Mantém ocupando o topo */
@media (max-width: 767px) {
    #search.active {
        position: fixed;
        top: 60px; 
        left: 0;
        transform: none; /* Remove a centralização absoluta no mobile */
        width: 100%;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
}
</style>

                <style>
                    .product-thumb { position: relative; }
                    .badge-escassez {
                        position: absolute; top: 10px; left: 10px;
                        background: rgba(255, 255, 255, 0.9);
                        backdrop-filter: blur(5px);
                        padding: 5px 12px; border-radius: 20px;
                        font-size: 11px; font-weight: 700; color: #333;
                        z-index: 10; border: 1px solid rgba(0,0,0,0.1);
                        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                        pointer-events: none; display: flex;
                        align-items: center; gap: 5px;
                    }
                    .badge-escassez i { color: #ff4500; }
                    
                    
                    
                    /* Badge de Novidade */
                    .badge-novidade {
                        position: absolute; top: 10px; right: 10px;
                        background: rgba(40, 167, 69, 0.9);
                        backdrop-filter: blur(5px);
                        padding: 5px 12px; border-radius: 20px;
                        font-size: 11px; font-weight: 700; color: #fff;
                        z-index: 10; border: 1px solid rgba(0,0,0,0.1);
                        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                        pointer-events: none; display: flex;
                        align-items: center; gap: 5px;
                    }
                    .badge-novidade i { color: #fff; }
          
                </style>
            

            <style>
                .sold-count-wrapper {
                    display: inline-flex;
                    align-items: center;
                    background-color: #f5f5f5;
                    color: #757575;
                    font-size: 11px;
                    padding: 2px 6px;
                    border-radius: 3px;
                    margin-bottom: 6px;
                    font-family: sans-serif;
                    letter-spacing: -0.2px;
                }
                .sold-label {
                    font-weight: 500;
                    white-space: nowrap;
                }
            </style>
            

<script>
//Início direcionar ao carrinho ao clicar em comprar - BestCode
$(document).ready( function() {
	$(document).on('click', 'button[onclick*="cart.add"], button[id="button-cart"]', function() {
		var interval_add_cart = setInterval(function() {
			// Procura pelo alerta de sucesso contendo o link do carrinho (agora compatível com URL amigável ou antiga)
			if ($('.alert-success a[href*="carrinho"], .alert-success a[href*="route=checkout/cart"]').length){
				clearInterval(interval_add_cart);
				// Redireciona para a nova URL amigável do carrinho
				$(location).attr('href', 'carrinho');
			}
			if ($('.has-error .text-danger').length){
				clearInterval(interval_add_cart);
			}
		}, 500);
	});
});
//Fim direcionar ao carrinho ao clicar em comprar - BestCode
</script>
			


<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){
  w[l]=w[l]||[];
  w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
  var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),
      dl=l!='dataLayer'?'&l='+l:'';
  j.async=true;
  j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
  f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-THKPXKDJ');
</script>
<!-- End Google Tag Manager -->

<!-- BB GA4 Ecommerce OCMOD 1.5.0 -->
<script>
(function(w,d){
  'use strict';

  w.dataLayer = w.dataLayer || [];

  /*
   * debug: true ativa o debug permanentemente.
   * Também é possível ativar temporariamente com ?ga_debug=1.
   * Para desativar pela URL, use ?ga_debug=0.
   */
  var queryDebug = null;
  try {
    var query = new URLSearchParams(w.location.search || '');
    if (query.has('ga_debug')) {
      queryDebug = query.get('ga_debug') === '1' || query.get('ga_debug') === 'true';
    }
  } catch (e) {}

  w.BB_GA4_CONFIG = {
    measurement_id: 'G-CQKF68J2ZG',
    currency: 'BRL',
    debug: queryDebug === null ? false : queryDebug,
    log_prefix: '[BB GA4]'
  };

  (function(w,d){
    'use strict';

    var cfg = w.BB_GA4_CONFIG || {};
    var lastPayload = null;
    var ECOM_KEYS = [
      'currency',
      'value',
      'items',
      'transaction_id',
      'tax',
      'shipping',
      'affiliation',
      'item_list_id',
      'item_list_name',
      'coupon'
    ];

    function number(v) {
      if (typeof v === 'number') {
        return isFinite(v) ? v : 0;
      }

      var s = String(v === null || v === undefined ? '' : v)
        .replace(/[^0-9,.-]/g, '');

      /* Converte 1.234,56 para 1234.56. */
      if (s.indexOf(',') > -1) {
        s = s.replace(/\./g, '').replace(',', '.');
      }

      var n = parseFloat(s);
      return isFinite(n) ? n : 0;
    }

    function clean(item) {
      var result = {};

      Object.keys(item || {}).forEach(function(key) {
        if (
          key !== 'item_link' &&
          item[key] !== null &&
          item[key] !== undefined &&
          item[key] !== ''
        ) {
          result[key] = item[key];
        }
      });

      if (!result.quantity) {
        result.quantity = 1;
      } else {
        result.quantity = Number(result.quantity) || 1;
      }

      if (result.price !== undefined) {
        result.price = number(result.price);
      }

      if (result.item_id !== undefined) {
        result.item_id = String(result.item_id);
      }

      return result;
    }

    function cleanItems(items) {
      return (items || []).map(clean);
    }

    function debugLog(label, data) {
      if (!cfg.debug || !w.console) {
        return;
      }

      if (typeof w.console.groupCollapsed === 'function') {
        w.console.groupCollapsed((cfg.log_prefix || '[BB GA4]') + ' ' + label);
        if (typeof w.console.log === 'function') {
          w.console.log(data);
        }
        if (typeof w.console.groupEnd === 'function') {
          w.console.groupEnd();
        }
      } else if (typeof w.console.log === 'function') {
        w.console.log((cfg.log_prefix || '[BB GA4]') + ' ' + label, data);
      }
    }

    /*
     * Envia um evento no formato esperado pelo GTM:
     *
     * {
     *   event: 'add_to_cart',
     *   debug_mode: true,
     *   ecommerce: {...}
     * }
     */
    function send(name, params) {
      params = params || {};

      var ecommerce = {};
      var eventParams = {};

      Object.keys(params).forEach(function(key) {
        if (ECOM_KEYS.indexOf(key) > -1) {
          ecommerce[key] = params[key];
        } else {
          eventParams[key] = params[key];
        }
      });

      if (ecommerce.items) {
        ecommerce.items = cleanItems(ecommerce.items);
      }

      /*
       * Este campo precisa ficar na raiz do evento. No GTM, crie uma
       * Data Layer Variable com o nome debug_mode e passe-a para a tag GA4.
       */
      eventParams.debug_mode = cfg.debug === true;

      var payload = {
        event: String(name),
        debug_mode: eventParams.debug_mode,
        ecommerce: ecommerce
      };

      Object.keys(eventParams).forEach(function(key) {
        if (key !== 'debug_mode') {
          payload[key] = eventParams[key];
        }
      });

      /* Remove dados ecommerce do evento anterior. */
      w.dataLayer.push({ ecommerce: null });
      w.dataLayer.push(payload);

      lastPayload = payload;
      debugLog('evento enviado ao dataLayer', payload);

      return true;
    }

    function once(key) {
      try {
        var storageKey = 'bb_ga4_' + key;
        if (w.sessionStorage.getItem(storageKey)) {
          return false;
        }
        w.sessionStorage.setItem(storageKey, '1');
        return true;
      } catch (e) {
        return true;
      }
    }

    function getLastPayload() {
      return lastPayload;
    }

    function debug() {
      return {
        config: cfg,
        debug_enabled: cfg.debug === true,
        dataLayer: w.dataLayer,
        last_payload: lastPayload
      };
    }

    function test() {
      return send('bb_ga4_debug_test', {
        currency: cfg.currency || 'BRL',
        value: 1,
        items: [{
          item_id: 'bb_debug_test',
          item_name: 'BB GA4 Debug Test',
          price: 1,
          quantity: 1
        }]
      });
    }

    w.BB_GA4 = {
      number: number,
      send: send,
      once: once,
      debug: debug,
      test: test,
      getLastPayload: getLastPayload,

      viewItem: function(item) {
        if (
          !item ||
          (!item.item_id && !item.item_name) ||
          w.BB_GA4_VIEW_ITEM_SENT
        ) {
          return;
        }

        w.BB_GA4_VIEW_ITEM_SENT = true;

        send('view_item', {
          currency: item.currency || cfg.currency,
          value: number(item.price) * Number(item.quantity || 1),
          items: [clean(item)]
        });
      },

      viewItemList: function(items, id, name) {
        if (
          !items ||
          !items.length ||
          w.BB_GA4_VIEW_ITEM_LIST_SENT
        ) {
          return;
        }

        w.BB_GA4_VIEW_ITEM_LIST_SENT = true;

        send('view_item_list', {
          item_list_id: id,
          item_list_name: name,
          items: items
        });
      },

      selectItem: function(item, id, name) {
        if (item) {
          send('select_item', {
            item_list_id: id,
            item_list_name: name,
            items: [clean(item)]
          });
        }
      },

      viewCart: function(cart) {
        if (
          !cart ||
          !cart.items ||
          !cart.items.length ||
          w.BB_GA4_VIEW_CART_SENT
        ) {
          return;
        }

        w.BB_GA4_VIEW_CART_SENT = true;

        send('view_cart', {
          currency: cart.currency || cfg.currency,
          value: number(cart.value),
          items: cart.items
        });
      },

      beginCheckout: function(cart) {
        if (
          w.BB_GA4_BEGIN_CHECKOUT_SENT ||
          !once('begin_checkout')
        ) {
          return;
        }

        w.BB_GA4_BEGIN_CHECKOUT_SENT = true;
        cart = cart || {};

        send('begin_checkout', {
          currency: cart.currency || cfg.currency,
          value: number(cart.value),
          items: cart.items || []
        });
      },

      purchase: function(order) {
        if (
          order &&
          order.transaction_id &&
          once('purchase_' + order.transaction_id)
        ) {
          send('purchase', order);
        }
      },

      updateConsent: function(value) {
        if (typeof w.gtag === 'function') {
          w.gtag('consent', 'update', value || {});
        }
      }
    };

    debugLog('biblioteca inicializada', {
      config: cfg,
      instructions: 'No GTM, use DLV - debug_mode como parâmetro debug_mode da tag GA4.'
    });
  })(w,d);
})(window,document);
</script>


			<link rel="stylesheet" href="catalog/view/javascript/jquery.cluetip.css" type="text/css" />
			<script src="catalog/view/javascript/jquery.cluetip.js" type="text/javascript"></script>
			
			<script type="text/javascript">
				$(document).ready(function() {
				$('a.title').cluetip({splitTitle: '|'});
				  $('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showtitle: false});
				  $('ol.rounded a:eq(1)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'mouse'});
				  $('ol.rounded a:eq(2)').cluetip({cluetipClass: 'rounded', dropShadow: false, showtitle: false, positionBy: 'bottomTop', topOffset: 70});
				  $('ol.rounded a:eq(3)').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true});
				  $('ol.rounded a:eq(4)').cluetip({cluetipClass: 'rounded', dropShadow: false});  
				});
			</script>
			

				 
				
				 
                 <script type="application/ld+json">
				{ "@context" : "http://schema.org",
				  "@type" : "Organization",
				  "name" : "Biquíni Brasil",
				  "url" : "https://www.bikinibrasil.com.br/loja/",
				  "logo" : "https://www.bikinibrasil.com.br/loja/image/catalog/Logotipo-marcas/biquini-brasil-logo-marca-loja-debiquini-moda-praia.jpg",
				  "contactPoint" : [
					{ "@type" : "ContactPoint",
					  "telephone" : "11943547110",
					  "contactType" : "customer service"
					} ] }
				</script>
				 				
			

                <style>
                    /* Garante que o card e a imagem aceitem posicionamento absoluto interno */
                    .product-thumb { 
                        position: relative !important; 
                    }
                    .product-thumb .image,
                    .product-thumb div[class*="image"] {
                        position: relative !important;
                        overflow: hidden !important;
                        display: block !important;
                    }
                    
                    /* Posicionamento fixo na base da imagem em qualquer módulo/página */
                    .product-thumb .hover-sizes-box {
                        display: none !important;
                        position: absolute !important;
                        bottom: 0 !important;
                        left: 0 !important;
                        right: 0 !important;
                        width: 100% !important;
                        background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.5), transparent) !important;
                        padding: 22px 10px 10px 10px !important;
                        z-index: 99 !important;
                        text-align: center !important;
                        box-sizing: border-box !important;
                    }
                    
                    /* Exibe ao passar o mouse em cima do card do produto */
                    .product-thumb:hover .hover-sizes-box {
                        display: block !important;
                    }
                    
                    /* Estilização interna dos textos e tags */
                    .product-thumb .hover-sizes-box .sizes-title-overlay {
                        font-size: 10px !important;
                        font-weight: bold !important;
                        color: #ffffff !important;
                        margin-bottom: 5px !important;
                        text-transform: uppercase !important;
                        text-shadow: 0 1px 2px rgba(0,0,0,0.9) !important;
                        letter-spacing: 0.5px !important;
                    }
                    .product-thumb .hover-sizes-box .sizes-list-overlay {
                        display: flex !important;
                        flex-wrap: wrap !important;
                        justify-content: center !important;
                        gap: 4px !important;
                    }
                    .product-thumb .hover-sizes-box .h-size-tag-overlay {
                        display: inline-block !important;
                        background: #ffffff !important;
                        border: 1px solid #ffffff !important;
                        padding: 2px 7px !important;
                        font-size: 11px !important;
                        font-weight: bold !important;
                        border-radius: 3px !important;
                        color: #222222 !important;
                    }
                    .product-thumb .hover-sizes-box .h-size-tag-overlay.esgotado {
                        opacity: 0.5 !important;
                        background: #cccccc !important;
                        text-decoration: line-through !important;
                        color: #666666 !important;
                    }
                </style>
            
       
			
        <script type="text/javascript">
var startPosition = 0;
var contentMargin =  10;

$(window).scroll(function() {
	if($(window).scrollTop() > startPosition) {
		height = $('#menu').height();
	$('#menu').css('position', 'fixed').css('top',0).css('width', '100%').css('z-index','999');
	
		/*$('#dif').css('position', 'fixed').css('top',20).css('width', '100%').css('z-index','999');  */
		
		$('#container #content').css('margin-top', height + contentMargin);
	} else {
		$('#menu').removeAttr('style');
		$('#container #content').removeAttr('style');
		
	}
}); 

</script> 

<style>
.scroll-top-wrapper {
    background-color: rgba(0,0,0,0.4);
    border-radius: 6px;
    bottom: 2px;
    color: #eeeeee;
    height: 38px;
    line-height: 35px;
    opacity: 0;
    overflow: hidden;
    padding-top: 2px;
    position: fixed;
    right: 30px;
    text-align: center;
    visibility: hidden;
    width: 36px;
    z-index: 99999999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: rgba(0,0,0,0.6);
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}
 
</style>
<script type="text/javascript">
 
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.scroll-top-wrapper').addClass('show');
        } else {
            $('.scroll-top-wrapper').removeClass('show');
        }
    });
 
    $('.scroll-top-wrapper').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
}
</script> 
			
        
<link href="catalog/view/javascript/live_search/live_search.css" rel="stylesheet" type="text/css">
<script src="catalog/view/javascript/live_search/live_search.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var options = {"text_view_all_results":"Ver todos ","text_empty":"N\u00e3o h\u00e1 produtos que correspondam aos crit\u00e9rios da pesquisa.","module_live_search_show_image":"1","module_live_search_show_price":"0","module_live_search_show_description":"0","module_live_search_min_length":"1","module_live_search_show_add_button":"0"};
LiveSearchJs.init(options); 
});
//--></script>
</head>


	 <div class="scroll-top-wrapper "> <span class="scroll-top-inner"> <i class="fa fa-5x fa-arrow-circle-up"></i> </span> </div>
	
<nav id="top" style=" display:none; padding: 8px 0px 0px 12.5%;font-family: monospace;font-weight: bold;">
</nav>
<header id="header-main">
  <div class="container-fluid ">
    <div class="header-flex-row">
      
      <div class="header-logo">
                  <a href="https://www.bikinibrasil.com.br/loja/"><img src="https://www.bikinibrasil.com.br/loja/image/catalog/Logotipo-marcas/biquini-brasil-logo-marca-loja-debiquini-moda-praia.jpg" title="Biquíni Brasil" alt="Biquíni Brasil" class="img-responsive"  width="168" height="44"></a>
              </div>

    <div class="header-search">
        <div id="search" class="input-group">
  <input type="text" name="search" value="" placeholder="Busca" class="form-control input-lg" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default btn-lg" aria-label="Buscar"><i class="fa fa-search"></i></button>
  </span>
</div>
<style>

  /* Tamanho do ícone da lupa dentro do botão de busca real */
  #search .input-group-btn .btn i {
      font-size: 24px !important; /* Aumenta a lupa interna */
      color: #333 !important;
  }

  /* Ajuste do botão para acomodar o ícone maior */
  #search .input-group-btn .btn {
      width: 55px !important; 
      height: 45px !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
  }
  /* 1. Container Principal: Centralização e Margens */
  #search {
    display: flex !important; /* Força o alinhamento horizontal dos itens */
    width: 92% !important;   /* Ocupa a largura da tela com respiro lateral */
    max-width: 550px;        /* Limita no desktop */
    margin: 10px auto !important; /* CENTRALIZA e controla o espaço vertical */
    padding: 0 !important;
    float: none !important;  /* Remove qualquer alinhamento à direita herdado */
    clear: both;             /* Garante que não haja elementos flutuando ao lado */
  }

  /* 2. Campo de Busca: Quadrado e sem margens extras */
  #search .form-control {
    border-radius: 0 !important;
    border: 1px solid #dcdcdc;
    height: 40px !important;
    margin: 0 !important;    /* Remove margens que criam espaços vazios */
    box-shadow: none;
    flex: 1;                 /* Faz o input ocupar todo o espaço restante */
  }

  /* 3. Botão: Alinhado perfeitamente */
  #search .input-group-btn {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  #search .input-group-btn .btn {
    border-radius: 0 !important;
    border: 1px solid #dcdcdc;
    border-left: none;
    background: #f8f8f8;
    color: #333;
    height: 40px !important;
    width: 45px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Ajuste específico para tirar o espaço abaixo no Mobile */
  @media (max-width: 767px) {
    .main-header { /* Ou a classe que envolve sua header */
      padding-bottom: 5px !important;
    }
    #search {
      margin-bottom: 5px !important; /* Reduz espaço entre busca e barra de avisos */
    }
  }
</style>
<script>
$(document).ready(function() {
    // Abrir a busca ao clicar na lupa de gatilho
    $(document).on('click', '#toggle-search', function(e) {
        e.stopPropagation();
        $('#search').addClass('active');
        // O CSS acima cuidará de esconder a lupa automaticamente via classe .active
        
        setTimeout(function() {
            $('#search input').focus(); // Foca no campo para abrir teclado no mobile
        }, 100);
    });

    // Fechar ao clicar fora de qualquer elemento da busca
    $(document).on('click', function(e) {
        if (!$(e.target).closest('.header-search').length) {
            $('#search').removeClass('active');
        }
    });

    // Impede o fechamento ao clicar dentro do próprio campo ou botão de busca real
    $(document).on('click', '#search', function(e) {
        e.stopPropagation();
    });
    // ==========================================
    // NOVA ROTINA: Redirecionar para URL amigável
    // ==========================================
    function dispararBusca() {
        var value = $('#search input[name=\'search\']').val().trim();
        if (value) {
            var base = $('base').attr('href') || '';
            window.location.href = base + 'busca?search=' + encodeURIComponent(value);
        }
    }

    // Ao clicar no botão da lupa real
    $(document).on('click', '#search .input-group-btn button', function() {
        dispararBusca();
    });

    // Ao apertar Enter dentro do input de busca
    $(document).on('keydown', '#search input[name=\'search\']', function(e) {
        if (e.keyCode === 13) {
            e.preventDefault();
            dispararBusca();
        }
    });
});


</script>
        <div class="search-trigger" id="toggle-search">
            <i class="fa fa-search"></i>
        </div>
    </div>

      <div class="header-actions">
        
        <div class="action-item dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <img src="catalog/view/theme/bikini/image/atendimento.webp" alt="Atendimento" width="88" height="88">
            <span>Atendimento</span>
          </a>
          <ul class="dropdown-menu dropdown-menu-right">    
            <li><a href="https://web.whatsapp.com/send?phone=5511943547110" target="_blank"><i class="fa fa-whatsapp"></i> 11943547110</a></li>
          </ul>
        </div>

        <div class="action-item dropdown">
          <a href="https://www.bikinibrasil.com.br/loja/account" class="dropdown-toggle" data-toggle="dropdown">
            <img src="catalog/view/theme/bikini/image/user.webp" alt="Minha Conta" width="88" height="88">
            <span>Minha conta</span>
          </a>
          <ul class="dropdown-menu dropdown-menu-right">
                          <li><a href="https://www.bikinibrasil.com.br/loja/register">Cadastre-se</a></li>
              <li><a href="https://www.bikinibrasil.com.br/loja/login">Acessar</a></li>
                      </ul>
        </div>

        <div class="header-cart">
          <div id="cart" class="btn-group btn-block">
   
 <button type="button" data-toggle="dropdown" data-loading-text="Carregando..." class="btn-link dropdown-toggle" aria-expanded="true" style="color: black;">
    <img src="catalog/view/theme/bikini/image/cart.webp" alt="Sacola de compra" class="img-responsive" width="88" height="88">
    <span class="carrinho-texto">Sacola</span>
    <span class="badge badge-dark" id="cart-total">0</span>
</button>
  
  <ul class="dropdown-menu pull-right">
        <li>
      <p class="text-center">Seu carrinho está vazio.</p>
    </li>
      </ul>
</div>

<style>
  /* Container do Carrinho: Alinhamento vertical mantido */
  #cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
  }

  /* Botão principal: Sem bordas ou fundos */
  #cart .dropdown-toggle {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  /* IMAGEM DA SACOLA: Removido o círculo (border e background) */
  #cart .dropdown-toggle img {
    width: 35px !important;    /* Largura padrão dos ícones */
    height: auto !important;   /* Altura automática para não achatar */
    border: none !important;   /* REMOVE O CÍRCULO OVAL */
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
    margin-bottom: 4px !important;
  }

  /* CONTADOR (Badge): Mantido no canto superior do ícone */
  #cart-total {
    position: absolute !important;
    top: -5px !important;
    right: -2px !important;
    background-color: #0077b6 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
    z-index: 10;
    padding: 0 !important;
  }

  /* Legenda "Sacola" */
  #cart .dropdown-toggle {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-transform: none !important;
    line-height: 1 !important;
  }
  
  
  
  /* AJUSTE DO MENU SUSPENSO (O QUE ABRE AO CLICAR) */
  #cart .dropdown-menu {
    min-width: 320px !important; /* Aumenta a largura mínima no desktop */
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    padding: 15px !important;
    border: 1px solid #eee !important;
  }

  /* Ajuste das tabelas e textos dentro do menu para melhor leitura */
  #cart .dropdown-menu table {
    margin-bottom: 10px !important;
    font-size: 13px !important;
  }

  #cart .dropdown-menu .img-thumbnail {
    width: 50px !important;
    height: auto !important;
  }

  /* ESTILO ESPECÍFICO PARA MOBILE */
  @media (max-width: 767px) {
    #cart .dropdown-menu {
      position: fixed !important; /* Fixa em relação à tela */
      top: 60px !important;      /* Ajuste conforme a altura da sua header */
      left: 5% !important;
      right: 5% !important;
      width: 90% !important;     /* Faz o menu ocupar 90% da largura da tela */
      min-width: 0 !important;
      max-height: 80vh !important; /* Limita a altura para não sumir da tela */
      overflow-y: auto !important; /* Adiciona scroll se tiver muitos itens */
      z-index: 9999 !important;
    }
    
    /* Ajuste dos botões de ação no mobile */
    #cart .dropdown-menu p.text-right {
      display: flex !important;
      flex-direction: column !important;
      gap: 10px !important;
    }
    
    #cart .dropdown-menu p.text-right a {
      display: block !important;
      width: 100% !important;
      text-align: center !important;
      padding: 10px !important;
      background: #f9f9f9 !important;
      border-radius: 4px !important;
      border: 1px solid #ddd !important;
    }
  }
  /* Oculta o texto "Sacola" no mobile */
@media (max-width: 767px) {
    .carrinho-texto {
        display: none !important;
    }
    
    /* Garante que o ícone e o badge fiquem alinhados */
    .header-cart .btn-link {
        display: flex;
        align-items: center;
        padding: 5px;
    }
    
    .header-cart img {
        margin-bottom: 0 !important; /* Remove margens extras no mobile */
    }
}
</style>
        </div>

      </div>
    </div>
  </div>
</header>

<style>
 /* 1. O Container Pai (A moldura onde o texto passa) */
 #dif {
 background: #001f5c; /* ATUALIZADO: Cor da barra para Navy Blue (da image_16.png) */
 color: #fff; /* ATUALIZADO: Cor do texto para branco para melhor contraste */
 font-family: 'Montserrat', sans-serif; /* MANTIDO: Montserrat, sans-serif para estilo moderno (e como sugerido no seu código original) */
 font-weight: bold;
 font-size: 16px; 
 height: 42px;
 overflow: hidden;
 position: relative;
 display: flex;
 align-items: center;
 /* Melhoria de UI: Borda fina para separar as seções */
 border-bottom: 1px solid #102a63; 
 border-top: 1px solid #102a63;
 }

 /* 2. O Container que desliza (O trem que carrega os itens) */
 .marquee-content {
 display: flex;
 white-space: nowrap;
 animation: marquee-animation 30s linear infinite; /* ATUALIZADO: Ligeiramente mais lento para facilitar a leitura */
 }

 /* 3. Estilo de cada item individual */
 .marquee-item {
 padding: 0 4em; /* ATUALIZADO: Maior espaçamento entre os itens */
 display: flex;
 align-items: center;
 }

 /* Opcional: Adicionar micro-ícones para melhor UX (como na image_16.png) */
 /* .marquee-item::before {
 margin-right: 10px;
 color: #87ceeb; (Azul claro para os ícones)
 }
 .marquee-item.frete::before { content: "🚚"; }
 .marquee-item.parcela::before { content: "💳"; }
 */

 /* 4. A mágica da animação infinita */
 @keyframes marquee-animation {
 0% { transform: translateX(0); }
 100% { transform: translateX(-50%); } /* Move até a metade para o loop ser perfeito com conteúdo duplicado */
 }

 /* Pausa ao passar o mouse para facilitar a leitura se o usuário quiser */
 #dif:hover .marquee-content {
 animation-play-state: paused;
 cursor: pointer;
 }
</style>

<div id="dif">
 <div class="marquee-content">
<div class="marquee-item frete">• Frete grátis acima R$ 69,90*</div>
 <div class="marquee-item parcela">• Parcele em até 6x sem juros*</div>
 <div class="marquee-item troca">• 30 Dias para Troca ou devolução</div>

<div class="marquee-item frete">• Frete grátis acima R$ 69,90*</div>
 <div class="marquee-item parcela">• Parcele em até 6x sem juros*</div>
 <div class="marquee-item troca">• 30 Dias para Troca ou devolução</div>
 </div>
</div>

	
           <div class="jumbotron" style="margin:0;padding:0;">		  
	       
  <nav id="menu" class="navbar">
	
            <div class="container-fluid "> 
	       
    <div class="navbar-header"><span id="category" class="visible-xs">Departamentos</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" aria-label="Abrir menu" aria-expanded="false" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
                        <li><a href="https://www.bikinibrasil.com.br/loja/mais-vendidos/">MAIS VENDIDOS</a></li>
                                <li><a href="https://www.bikinibrasil.com.br/loja/marketplace/">NEW COLLECTION</a></li>
                                <li class="dropdown"><a href="https://www.bikinibrasil.com.br/loja/biquinis-lisos/" class="dropdown-toggle" data-toggle="dropdown">BIQUÍNIS LISOS</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">               <ul class="list-unstyled">
                                <li><a href="https://www.bikinibrasil.com.br/loja/biquinis-lisos/top/">Top</a></li>
                                <li><a href="https://www.bikinibrasil.com.br/loja/biquinis-lisos/calcinhas/">Calcinhas</a></li>
                              </ul>
                          </div>
            <a href="https://www.bikinibrasil.com.br/loja/biquinis-lisos/" class="see-all">Todos em BIQUÍNIS LISOS</a>
          </div>
        </li>
                                <li><a href="https://www.bikinibrasil.com.br/loja/maios-de-praia/">MAIÔS</a></li>
                                <li><a href="https://www.bikinibrasil.com.br/loja/casual/">CASUAL</a></li>
                                <li><a href="https://www.bikinibrasil.com.br/loja/moda-praia-infantil/">MODA PRAIA INFANTIL</a></li>
                        <li style="/*background: #000; color: red;*/"><a href="https://www.bikinibrasil.com.br/loja/special"><b><i>OFERTAS</i></b></a></li>
      </ul>
    </div>
	
            </div> 
	       
  </nav>
</div>

<main id="content">
 

<div id="product-category" class="container-fluid ">
  <ul class="breadcrumb">
        <li><a href="https://www.bikinibrasil.com.br/loja/"><i class="fa fa-home"></i></a></li>
        <li><a href="https://www.bikinibrasil.com.br/loja/legging/">LEGGING</a></li>
      </ul>
  <div class="row">
                <div id="content" class="col-sm-12">
      <h1 style="text-align: center;">Legging</h1>
            <div class="row">                 <!--<div class="col-sm-10"><h2>Calça Legging</h2><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">As calças legging fitness são uma das peças mais populares do guarda-roupa de qualquer pessoa que se dedica à prática regular de atividades físicas. Confortáveis, versáteis e elegantes, elas se tornaram uma escolha preferida para a rotina de treinos, caminhadas, corridas e até mesmo para o dia a dia.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Com diversos modelos, cores e estampas, as calças legging fitness são feitas com tecidos de alta qualidade que garantem liberdade de movimento e conforto durante as atividades físicas. Além disso, elas são confeccionadas com materiais que possuem tecnologias de compressão, que ajudam a modelar o corpo e melhoram a circulação sanguínea.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">As calças legging fitness são ideais para quem busca uma peça que pode ser facilmente combinada com outras peças de roupa, como blusas, camisetas, regatas e jaquetas. É possível criar uma infinidade de looks estilosos e confortáveis, para qualquer ocasião.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Na loja Biquini Brasil, você encontrará uma grande variedade de calças legging fitness, desde as mais básicas até as mais coloridas e estampadas. Todos os nossos produtos são de alta qualidade e possuem excelente custo-benefício, garantindo durabilidade e conforto para você durante seus treinos e atividades físicas.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Invista em sua saúde e bem-estar com as calças legging fitness da Biquini Brasil. Compre agora e comece a desfrutar de todos os benefícios que essa peça pode oferecer!</span></font></p></div>-->
              </div>
      <hr>
            <!-- 	  -->
            <div class="row">
        <div class="col-md-2 col-sm-6 hidden-xs">
          <div class="btn-group btn-group-sm">
            <button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="Lista"><i class="fa fa-th-list"></i></button>
            <button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="Grade"><i class="fa fa-th"></i></button>
          </div>
        </div>
        <div class="col-md-3 col-sm-6">
          <div class="form-group"><a href="https://www.bikinibrasil.com.br/loja/index.php?route=product/compare" id="compare-total" class="btn btn-link">Produtos para comparar (0)</a></div>
        </div>
        <div class="col-md-4 col-xs-6">
          <div class="form-group input-group input-group-sm">
            <label class="input-group-addon" for="input-sort">Organizar por:</label>
            <select id="input-sort" class="form-control" onchange="location = this.value;">
                                          <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=p.sort_order&amp;order=ASC" selected="selected">Padrão</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=pd.name&amp;order=ASC">Nome (A - Z)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=pd.name&amp;order=DESC">Nome (Z - A)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=p.price&amp;order=ASC">Preço (menor &gt; maior)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=p.price&amp;order=DESC">Preço (maior &gt; menor)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=rating&amp;order=DESC">Avaliação (maior)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=rating&amp;order=ASC">Avaliação (menor)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=p.model&amp;order=ASC">Modelo (A - Z)</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?sort=p.model&amp;order=DESC">Modelo (Z - A)</option>
                                        </select>
          </div>
        </div>
        <div class="col-md-3 col-xs-6">
          <div class="form-group input-group input-group-sm">
            <label class="input-group-addon" for="input-limit">Exibir:</label>
            <select id="input-limit" class="form-control" onchange="location = this.value;">
                                          <option value="https://www.bikinibrasil.com.br/loja/legging/?limit=25">25</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?limit=50">50</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?limit=75">75</option>
                                                        <option value="https://www.bikinibrasil.com.br/loja/legging/?limit=100" selected="selected">100</option>
                                        </select>
          </div>
        </div>
      </div>
      <div class="row">         <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">

                                <div class="badge-escassez"><i class="fa fa-fire"></i> Últimas Peças</div>
                                
                
                                                                                     
            <div class="image">

                <div class="hover-sizes-box-overlay">
                                            <div class="sizes-title-overlay">DISPONÍVEL EM:</div>
                        <div class="sizes-list-overlay">
                                                            <span class="h-size-tag-overlay esgotado">P</span>
                                                            <span class="h-size-tag-overlay ">M</span>
                                                            <span class="h-size-tag-overlay esgotado">G</span>
                                                            <span class="h-size-tag-overlay esgotado">GG</span>
                                                    </div>
                                    </div>
                <style>
                    .product-thumb .image {
                        position: relative !important;
                        overflow: hidden !important;
                    }
                    .product-thumb .image .hover-sizes-box-overlay {
                        display: none;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), transparent);
                        padding: 20px 10px 8px 10px;
                        z-index: 25;
                        text-align: center;
                    }
                    .product-thumb .image:hover .hover-sizes-box-overlay {
                        display: block !important;
                    }
                    .sizes-title-overlay {
                        font-size: 10px;
                        font-weight: bold;
                        color: #fff;
                        margin-bottom: 4px;
                        text-transform: uppercase;
                        text-shadow: 0 1px 2px rgba(0,0,0,0.8);
                    }
                    .sizes-list-overlay {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        gap: 3px;
                    }
                    .h-size-tag-overlay {
                        display: inline-block;
                        background: #fff;
                        border: 1px solid #fff;
                        padding: 2px 6px;
                        font-size: 11px;
                        font-weight: bold;
                        border-radius: 3px;
                        color: #333;
                    }
                    .h-size-tag-overlay.esgotado {
                        opacity: 0.5;
                        background: #ccc;
                        text-decoration: line-through;
                    }
                </style>
            
                <a href="https://www.bikinibrasil.com.br/loja/legging/calca-legging-com-bolso-preto">
<img fetchpriority="high" decoding="sync" loading="eager"
             itemprop="image" src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/fitness-colecao-2024/legging-com-bolso-10470/calca-legging-bolso-preta-10470-a-615x886.jpg" img-aux-src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/fitness-colecao-2024/legging-com-bolso-10470/calca-legging-bolso-preta-10470-c-615x886.jpg" alt="Calça legging com bolso preto" title="Calça legging com bolso preto" onmouseover="productListImageChangeHover($(this))" onmouseout="productListImageChangeHover($(this))" class="img-responsive"  width="615" height="886">
              
                </a>
                </div>
                
           
              <div class="caption">
                <h4><a href="https://www.bikinibrasil.com.br/loja/legging/calca-legging-com-bolso-preto">Calça legging com bolso preto</a></h4>
               <!-- <p>A Calça Legging com Bolso na clássica cor preta é um item essencial para mulheres que desejam combi..</p>-->
               <div class="oc-963">

                                <div class="sold-count-wrapper" style="color: #757575; font-size: 11px; margin-bottom: 4px; font-family: sans-serif;">
                    <span class="sold-label">9 + vendido</span>
                </div>
                            
                                <p class="price">                    
<style>

.price-new {
float: left;
margin-right: 5px;
font-size: 14px;
font-weight: bold
}
</style>
R$99,90
<p style="font-size: 16px;">1x R$99,90</strong> S/ juros </p>

                                                    </p>
                                
                              </div>
              </div>
              											 					  							<style>.oc-963{display:block;}</style>
						 					 							     	       
              
              <div class="button-group">
               <!-- <button type="button" onclick="cart.add('963', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Comprar</span></button>
                <button type="button" data-toggle="tooltip" title="Lista de desejos" onclick="wishlist.add('963');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" title="Comparar" onclick="compare.add('963');"><i class="fa fa-exchange"></i></button>
              -->
			  </div>
            
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">

                                
                
                                                                                     
            <div class="image">

                <div class="hover-sizes-box-overlay">
                                            <div class="sizes-title-overlay">DISPONÍVEL EM:</div>
                        <div class="sizes-list-overlay">
                                                            <span class="h-size-tag-overlay ">P</span>
                                                            <span class="h-size-tag-overlay esgotado">M</span>
                                                            <span class="h-size-tag-overlay esgotado">G</span>
                                                            <span class="h-size-tag-overlay esgotado">GG</span>
                                                    </div>
                                    </div>
                <style>
                    .product-thumb .image {
                        position: relative !important;
                        overflow: hidden !important;
                    }
                    .product-thumb .image .hover-sizes-box-overlay {
                        display: none;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), transparent);
                        padding: 20px 10px 8px 10px;
                        z-index: 25;
                        text-align: center;
                    }
                    .product-thumb .image:hover .hover-sizes-box-overlay {
                        display: block !important;
                    }
                    .sizes-title-overlay {
                        font-size: 10px;
                        font-weight: bold;
                        color: #fff;
                        margin-bottom: 4px;
                        text-transform: uppercase;
                        text-shadow: 0 1px 2px rgba(0,0,0,0.8);
                    }
                    .sizes-list-overlay {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        gap: 3px;
                    }
                    .h-size-tag-overlay {
                        display: inline-block;
                        background: #fff;
                        border: 1px solid #fff;
                        padding: 2px 6px;
                        font-size: 11px;
                        font-weight: bold;
                        border-radius: 3px;
                        color: #333;
                    }
                    .h-size-tag-overlay.esgotado {
                        opacity: 0.5;
                        background: #ccc;
                        text-decoration: line-through;
                    }
                </style>
            
                <a href="https://www.bikinibrasil.com.br/loja/legging/legging-fitness-3-4-preto">
<img fetchpriority="high" decoding="sync" loading="eager"
             itemprop="image" src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/deeply/legging/10334/legging-fitness-3-4-cinza-10307-a-615x886.jpg" img-aux-src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/deeply/legging/10334/legging-fitness-3-4-cinza-10307-b-615x886.jpg" alt="Legging Fitness 3/4 Preto" title="Legging Fitness 3/4 Preto" onmouseover="productListImageChangeHover($(this))" onmouseout="productListImageChangeHover($(this))" class="img-responsive"  width="615" height="886">
              
                </a>
                </div>
                
           
              <div class="caption">
                <h4><a href="https://www.bikinibrasil.com.br/loja/legging/legging-fitness-3-4-preto">Legging Fitness 3/4 Preto</a></h4>
               <!-- <p>&nbsp;Descrição:Para você obter os melhores resultados com a sua calça legging cintura alta preta, a..</p>-->
               <div class="oc-405">

                                <div class="sold-count-wrapper" style="color: #757575; font-size: 11px; margin-bottom: 4px; font-family: sans-serif;">
                    <span class="sold-label">56 + vendido</span>
                </div>
                            
                                <p class="price">                    
<style>

.price-new {
float: left;
margin-right: 5px;
font-size: 14px;
font-weight: bold
}
</style>
R$99,90
<p style="font-size: 16px;">1x R$99,90</strong> S/ juros </p>

                                                    </p>
                                
                              </div>
              </div>
              											 					  							<style>.oc-405{display:block;}</style>
						 					 							     	       
              
              <div class="button-group">
               <!-- <button type="button" onclick="cart.add('405', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Comprar</span></button>
                <button type="button" data-toggle="tooltip" title="Lista de desejos" onclick="wishlist.add('405');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" title="Comparar" onclick="compare.add('405');"><i class="fa fa-exchange"></i></button>
              -->
			  </div>
            
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">

                                <div class="badge-escassez"><i class="fa fa-fire"></i> Últimas Peças</div>
                                
                
                                                                                     
            <div class="image">

                <div class="hover-sizes-box-overlay">
                                            <div class="sizes-title-overlay">DISPONÍVEL EM:</div>
                        <div class="sizes-list-overlay">
                                                            <span class="h-size-tag-overlay ">P</span>
                                                            <span class="h-size-tag-overlay esgotado">M</span>
                                                            <span class="h-size-tag-overlay esgotado">G</span>
                                                            <span class="h-size-tag-overlay esgotado">GG</span>
                                                    </div>
                                    </div>
                <style>
                    .product-thumb .image {
                        position: relative !important;
                        overflow: hidden !important;
                    }
                    .product-thumb .image .hover-sizes-box-overlay {
                        display: none;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), transparent);
                        padding: 20px 10px 8px 10px;
                        z-index: 25;
                        text-align: center;
                    }
                    .product-thumb .image:hover .hover-sizes-box-overlay {
                        display: block !important;
                    }
                    .sizes-title-overlay {
                        font-size: 10px;
                        font-weight: bold;
                        color: #fff;
                        margin-bottom: 4px;
                        text-transform: uppercase;
                        text-shadow: 0 1px 2px rgba(0,0,0,0.8);
                    }
                    .sizes-list-overlay {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        gap: 3px;
                    }
                    .h-size-tag-overlay {
                        display: inline-block;
                        background: #fff;
                        border: 1px solid #fff;
                        padding: 2px 6px;
                        font-size: 11px;
                        font-weight: bold;
                        border-radius: 3px;
                        color: #333;
                    }
                    .h-size-tag-overlay.esgotado {
                        opacity: 0.5;
                        background: #ccc;
                        text-decoration: line-through;
                    }
                </style>
            
                <a href="https://www.bikinibrasil.com.br/loja/legging/legging-emana-basica">
<img loading="lazy" fetchpriority="low" decoding="async"
             itemprop="image" src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/fitness-2021/legging-emana-basica-10318/calca-legging-fitness-emana-10318-a-615x886.jpg" img-aux-src="https://www.bikinibrasil.com.br/loja/image/cache/catalog/fitness-2021/legging-emana-basica-10318/calca-legging-fitness-emana-10318-c-615x886.jpg" alt="Legging EMANA básica" title="Legging EMANA básica" onmouseover="productListImageChangeHover($(this))" onmouseout="productListImageChangeHover($(this))" class="img-responsive"  width="615" height="886">
              
                </a>
                </div>
                
           
              <div class="caption">
                <h4><a href="https://www.bikinibrasil.com.br/loja/legging/legging-emana-basica">Legging EMANA básica</a></h4>
               <!-- <p>Descrição:Para você obter os melhores resultados com a sua calça legging
cintura alta preta, aquela..</p>-->
               <div class="oc-398">

                                <div class="sold-count-wrapper" style="color: #757575; font-size: 11px; margin-bottom: 4px; font-family: sans-serif;">
                    <span class="sold-label">78 + vendido</span>
                </div>
                            
                                <p class="price">                    
<style>

.price-new {
float: left;
margin-right: 5px;
font-size: 14px;
font-weight: bold
}
</style>
R$139,90
<p style="font-size: 16px;">2x R$69,95 S/ juros </p>

                                                    </p>
                                
                                <div class="rating">                    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>                                     <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>                                     <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>                                     <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>                                     <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>                                  </div>
                              </div>
              </div>
              											 					  							<style>.oc-398{display:block;}</style>
						 					 							     	       
              
              <div class="button-group">
               <!-- <button type="button" onclick="cart.add('398', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Comprar</span></button>
                <button type="button" data-toggle="tooltip" title="Lista de desejos" onclick="wishlist.add('398');"><i class="fa fa-heart"></i></button>
                <button type="button" data-toggle="tooltip" title="Comparar" onclick="compare.add('398');"><i class="fa fa-exchange"></i></button>
              -->
			  </div>
            
          </div>
        </div>
              </div>
         
      <div class="row">
        <div class="col-sm-6 text-left"></div>
        <div class="col-sm-6 text-right">Exibindo de 1 a 3 do total de 3 (1 páginas)</div>
      </div>
                  
      
             <div class="row">         <hr>
                <div class="col-sm-12"><h2>Calça Legging</h2><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">As calças legging fitness são uma das peças mais populares do guarda-roupa de qualquer pessoa que se dedica à prática regular de atividades físicas. Confortáveis, versáteis e elegantes, elas se tornaram uma escolha preferida para a rotina de treinos, caminhadas, corridas e até mesmo para o dia a dia.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Com diversos modelos, cores e estampas, as calças legging fitness são feitas com tecidos de alta qualidade que garantem liberdade de movimento e conforto durante as atividades físicas. Além disso, elas são confeccionadas com materiais que possuem tecnologias de compressão, que ajudam a modelar o corpo e melhoram a circulação sanguínea.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">As calças legging fitness são ideais para quem busca uma peça que pode ser facilmente combinada com outras peças de roupa, como blusas, camisetas, regatas e jaquetas. É possível criar uma infinidade de looks estilosos e confortáveis, para qualquer ocasião.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Na loja Biquini Brasil, você encontrará uma grande variedade de calças legging fitness, desde as mais básicas até as mais coloridas e estampadas. Todos os nossos produtos são de alta qualidade e possuem excelente custo-benefício, garantindo durabilidade e conforto para você durante seus treinos e atividades físicas.</span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;"><br></span></font></p><p style="padding: 0px; margin-bottom: 10px; vertical-align: baseline;"><font color="#666666"><span style="font-size: 12px;">Invista em sua saúde e bem-estar com as calças legging fitness da Biquini Brasil. Compre agora e comece a desfrutar de todos os benefícios que essa peça pode oferecer!</span></font></p></div>
              </div>
      
            
      
      
    </div>
    
  </div>
</div>
<hr>
 <style>
    .image {
        position: relative;
        display: inline-block;
        margin-bottom: 20px; /* Adiciona espaço entre a imagem e os círculos */
    }

    .circle-container {
        position: absolute;
        bottom: 20px; /* Posiciona o contêiner de círculos a 20px da parte inferior da imagem */
        right: 20px;
        background-color: #6563638c; /* Define o fundo branco para os círculos */
        padding: 5px; /* Adiciona preenchimento interno para os círculos */
        border-radius: 15px; /* Torna as bordas superiores e inferiores arredondadas */
    }

    .circle {
        width: 11px;
        height: 11px;
        border-radius: 50%;
        margin-bottom: 3px;
        background-color: white; /* Define o fundo branco para os círculos */
    }
    
    .tcolor{
        color:#FFFF;
        margin: -6px 0 -8px;
    }
</style>
</main>
<footer>
    <style>
   
    #atendimento{
      margin-right: 47px!important;
    }
    @media only screen and (max-width: 767px) {
        #atendimento{
            margin-right:49px!important;
        }
        #cont{
            margin-left: 0!important;
        }
        #cartdiv{
            left: -48px!important;
        }
    }
    </style>
  <div class="container-fluid ">
<div class="row">
       <div class="col-sm-12">
        <!--<h5>Informações</h5>-->
        <ul class="list-unstyled" style="text-align: center;">
                     <li style="padding: 2px 10px; display: inline-block;font-size: 14px;text-transform: uppercase;"><a href="https://www.bikinibrasil.com.br/loja/quem-somos">Quem somos</a></li>
                    <li style="padding: 2px 10px; display: inline-block;font-size: 14px;text-transform: uppercase;"><a href="https://www.bikinibrasil.com.br/loja/atendimento-e-ajuda">ATENDIMENTO E AJUDA</a></li>
                    <li style="padding: 2px 10px; display: inline-block;font-size: 14px;text-transform: uppercase;"><a href="https://www.bikinibrasil.com.br/loja/nossas-lojas">Nossas Lojas </a></li>
                    <li style="padding: 2px 10px; display: inline-block;font-size: 14px;text-transform: uppercase;"><a href="https://www.bikinibrasil.com.br/loja/account">Minha conta</a></li>
          <li style="padding: 2px 10px; display: inline-block;font-size: 14px;text-transform: uppercase;"><a href="https://api.whatsapp.com/send?phone=5511943547110" style="display: flex;">Entre em contato</a></li>
        </ul>
      </div>
      </div>
</br></br>


    <div class="row">
      <!--      <div class="col-sm-12">
        <h5>Informações</h5>
        <ul class="list-unstyled">
                   <li><a href="https://www.bikinibrasil.com.br/loja/quem-somos">Quem somos</a></li>
                    <li><a href="https://www.bikinibrasil.com.br/loja/atendimento-e-ajuda">ATENDIMENTO E AJUDA</a></li>
                    <li><a href="https://www.bikinibrasil.com.br/loja/nossas-lojas">Nossas Lojas </a></li>
                    <li><a href="https://www.bikinibrasil.com.br/loja/account">Minha conta</a></li>
          <li><a href="https://www.bikinibrasil.com.br/loja/contact">Entre em contato</a></li>
        </ul>
      </div>
                
          
          </div>-->
          <div class="col-sm-2"></div>
      <div class="col-sm-2">
        <h5 style="text-align: center;">Forma de Pagamento </h5>
            <div class="credit">
                
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                   <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.1 231.3s7.6 37.2 9.3 45H446c3.3-8.9 16-43.5 16-43.5-.2 .3 3.3-9.1 5.3-14.9l2.8 13.4zM576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zM152.5 331.2L215.7 176h-42.5l-39.3 106-4.3-21.5-14-71.4c-2.3-9.9-9.4-12.7-18.2-13.1H32.7l-.7 3.1c15.8 4 29.9 9.8 42.2 17.1l35.8 135h42.5zm94.4 .2L272.1 176h-40.2l-25.1 155.4h40.1zm139.9-50.8c.2-17.7-10.6-31.2-33.7-42.3-14.1-7.1-22.7-11.9-22.7-19.2 .2-6.6 7.3-13.4 23.1-13.4 13.1-.3 22.7 2.8 29.9 5.9l3.6 1.7 5.5-33.6c-7.9-3.1-20.5-6.6-36-6.6-39.7 0-67.6 21.2-67.8 51.4-.3 22.3 20 34.7 35.2 42.2 15.5 7.6 20.8 12.6 20.8 19.3-.2 10.4-12.6 15.2-24.1 15.2-16 0-24.6-2.5-37.7-8.3l-5.3-2.5-5.6 34.9c9.4 4.3 26.8 8.1 44.8 8.3 42.2 .1 69.7-20.8 70-53zM528 331.4L495.6 176h-31.1c-9.6 0-16.9 2.8-21 12.9l-59.7 142.5H426s6.9-19.2 8.4-23.3H486c1.2 5.5 4.8 23.3 4.8 23.3H528z"></path>
                 </svg>    
            
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                 <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M482.9 410.3c0 6.8-4.6 11.7-11.2 11.7-6.8 0-11.2-5.2-11.2-11.7 0-6.5 4.4-11.7 11.2-11.7 6.6 0 11.2 5.2 11.2 11.7zm-310.8-11.7c-7.1 0-11.2 5.2-11.2 11.7 0 6.5 4.1 11.7 11.2 11.7 6.5 0 10.9-4.9 10.9-11.7-.1-6.5-4.4-11.7-10.9-11.7zm117.5-.3c-5.4 0-8.7 3.5-9.5 8.7h19.1c-.9-5.7-4.4-8.7-9.6-8.7zm107.8 .3c-6.8 0-10.9 5.2-10.9 11.7 0 6.5 4.1 11.7 10.9 11.7 6.8 0 11.2-4.9 11.2-11.7 0-6.5-4.4-11.7-11.2-11.7zm105.9 26.1c0 .3 .3 .5 .3 1.1 0 .3-.3 .5-.3 1.1-.3 .3-.3 .5-.5 .8-.3 .3-.5 .5-1.1 .5-.3 .3-.5 .3-1.1 .3-.3 0-.5 0-1.1-.3-.3 0-.5-.3-.8-.5-.3-.3-.5-.5-.5-.8-.3-.5-.3-.8-.3-1.1 0-.5 0-.8 .3-1.1 0-.5 .3-.8 .5-1.1 .3-.3 .5-.3 .8-.5 .5-.3 .8-.3 1.1-.3 .5 0 .8 0 1.1 .3 .5 .3 .8 .3 1.1 .5s.2 .6 .5 1.1zm-2.2 1.4c.5 0 .5-.3 .8-.3 .3-.3 .3-.5 .3-.8 0-.3 0-.5-.3-.8-.3 0-.5-.3-1.1-.3h-1.6v3.5h.8V426h.3l1.1 1.4h.8l-1.1-1.3zM576 81v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V81c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zM64 220.6c0 76.5 62.1 138.5 138.5 138.5 27.2 0 53.9-8.2 76.5-23.1-72.9-59.3-72.4-171.2 0-230.5-22.6-15-49.3-23.1-76.5-23.1-76.4-.1-138.5 62-138.5 138.2zm224 108.8c70.5-55 70.2-162.2 0-217.5-70.2 55.3-70.5 162.6 0 217.5zm-142.3 76.3c0-8.7-5.7-14.4-14.7-14.7-4.6 0-9.5 1.4-12.8 6.5-2.4-4.1-6.5-6.5-12.2-6.5-3.8 0-7.6 1.4-10.6 5.4V392h-8.2v36.7h8.2c0-18.9-2.5-30.2 9-30.2 10.2 0 8.2 10.2 8.2 30.2h7.9c0-18.3-2.5-30.2 9-30.2 10.2 0 8.2 10 8.2 30.2h8.2v-23zm44.9-13.7h-7.9v4.4c-2.7-3.3-6.5-5.4-11.7-5.4-10.3 0-18.2 8.2-18.2 19.3 0 11.2 7.9 19.3 18.2 19.3 5.2 0 9-1.9 11.7-5.4v4.6h7.9V392zm40.5 25.6c0-15-22.9-8.2-22.9-15.2 0-5.7 11.9-4.8 18.5-1.1l3.3-6.5c-9.4-6.1-30.2-6-30.2 8.2 0 14.3 22.9 8.3 22.9 15 0 6.3-13.5 5.8-20.7 .8l-3.5 6.3c11.2 7.6 32.6 6 32.6-7.5zm35.4 9.3l-2.2-6.8c-3.8 2.1-12.2 4.4-12.2-4.1v-16.6h13.1V392h-13.1v-11.2h-8.2V392h-7.6v7.3h7.6V416c0 17.6 17.3 14.4 22.6 10.9zm13.3-13.4h27.5c0-16.2-7.4-22.6-17.4-22.6-10.6 0-18.2 7.9-18.2 19.3 0 20.5 22.6 23.9 33.8 14.2l-3.8-6c-7.8 6.4-19.6 5.8-21.9-4.9zm59.1-21.5c-4.6-2-11.6-1.8-15.2 4.4V392h-8.2v36.7h8.2V408c0-11.6 9.5-10.1 12.8-8.4l2.4-7.6zm10.6 18.3c0-11.4 11.6-15.1 20.7-8.4l3.8-6.5c-11.6-9.1-32.7-4.1-32.7 15 0 19.8 22.4 23.8 32.7 15l-3.8-6.5c-9.2 6.5-20.7 2.6-20.7-8.6zm66.7-18.3H408v4.4c-8.3-11-29.9-4.8-29.9 13.9 0 19.2 22.4 24.7 29.9 13.9v4.6h8.2V392zm33.7 0c-2.4-1.2-11-2.9-15.2 4.4V392h-7.9v36.7h7.9V408c0-11 9-10.3 12.8-8.4l2.4-7.6zm40.3-14.9h-7.9v19.3c-8.2-10.9-29.9-5.1-29.9 13.9 0 19.4 22.5 24.6 29.9 13.9v4.6h7.9v-51.7zm7.6-75.1v4.6h.8V302h1.9v-.8h-4.6v.8h1.9zm6.6 123.8c0-.5 0-1.1-.3-1.6-.3-.3-.5-.8-.8-1.1-.3-.3-.8-.5-1.1-.8-.5 0-1.1-.3-1.6-.3-.3 0-.8 .3-1.4 .3-.5 .3-.8 .5-1.1 .8-.5 .3-.8 .8-.8 1.1-.3 .5-.3 1.1-.3 1.6 0 .3 0 .8 .3 1.4 0 .3 .3 .8 .8 1.1 .3 .3 .5 .5 1.1 .8 .5 .3 1.1 .3 1.4 .3 .5 0 1.1 0 1.6-.3 .3-.3 .8-.5 1.1-.8 .3-.3 .5-.8 .8-1.1 .3-.6 .3-1.1 .3-1.4zm3.2-124.7h-1.4l-1.6 3.5-1.6-3.5h-1.4v5.4h.8v-4.1l1.6 3.5h1.1l1.4-3.5v4.1h1.1v-5.4zm4.4-80.5c0-76.2-62.1-138.3-138.5-138.3-27.2 0-53.9 8.2-76.5 23.1 72.1 59.3 73.2 171.5 0 230.5 22.6 15 49.5 23.1 76.5 23.1 76.4 .1 138.5-61.9 138.5-138.4z"></path>
               </svg>
            
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                 <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96v32H576V96c0-35.3-28.7-64-64-64H64zM576 224H0V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V224zM112 352h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm112 16c0-8.8 7.2-16 16-16H368c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-8.8 0-16-7.2-16-16z"></path>
              </svg>
            
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                  <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M242.4 292.5C247.8 287.1 257.1 287.1 262.5 292.5L339.5 369.5C353.7 383.7 372.6 391.5 392.6 391.5H407.7L310.6 488.6C280.3 518.1 231.1 518.1 200.8 488.6L103.3 391.2H112.6C132.6 391.2 151.5 383.4 165.7 369.2L242.4 292.5zM262.5 218.9C256.1 224.4 247.9 224.5 242.4 218.9L165.7 142.2C151.5 127.1 132.6 120.2 112.6 120.2H103.3L200.7 22.8C231.1-7.6 280.3-7.6 310.6 22.8L407.8 119.9H392.6C372.6 119.9 353.7 127.7 339.5 141.9L262.5 218.9zM112.6 142.7C126.4 142.7 139.1 148.3 149.7 158.1L226.4 234.8C233.6 241.1 243 245.6 252.5 245.6C261.9 245.6 271.3 241.1 278.5 234.8L355.5 157.8C365.3 148.1 378.8 142.5 392.6 142.5H430.3L488.6 200.8C518.9 231.1 518.9 280.3 488.6 310.6L430.3 368.9H392.6C378.8 368.9 365.3 363.3 355.5 353.5L278.5 276.5C264.6 262.6 240.3 262.6 226.4 276.6L149.7 353.2C139.1 363 126.4 368.6 112.6 368.6H80.8L22.8 310.6C-7.6 280.3-7.6 231.1 22.8 200.8L80.8 142.7H112.6z"></path>
               </svg>
              </div>
      </div>
	 <!-- <div class="col-sm-3">
        <h5>Horários de Atendimento</h5>
      <p>Segunda-Feira à Quinta-Feira 7:10hs às 16:45hs<br />
Sexta-Feira  7:10hs às 15:45hs<br />
Sábado Sem atendimento</p>
      </div>-->
	  
	  <br>
     <div class="col-sm-3">
    <!--<h5><h3 style="color:#FFF">Conecte-se via <strong>Whatsapp</strong> loja online.</h3></h5>-->
    <ul class="list-unstyled">
        <li style="align-items: center;">
            <a href="https://api.whatsapp.com/send?phone=5511943547110" style="display: flex;">
                <i class="fa fa-whatsapp" style="font-size:2vw; float:left; margin-right: 5px;"></i>
                <p style="font-size:17px; margin-top: 10px;">Conecte-se via <strong>Whatsapp</strong> loja online.</p>
            </a>
        </li>
    </ul>
</div>
      <!--<div class="col-sm-2">
        <h5>Minha conta</h5>
        <ul class="list-unstyled">
          <li><a href="https://www.bikinibrasil.com.br/loja/account">Minha conta</a></li>
          <li><a href="https://www.bikinibrasil.com.br/loja/index.php?route=account/order">Histórico de pedidos</a></li>
          <li><a href="https://www.bikinibrasil.com.br/loja/wishlist">Lista de desejos</a></li>
          <li><a href="">Informativo</a></li>
        </ul>
      </div>-->	    
	    <div class="col-sm-3">
	        <h5 style="text-align: center;">Siga nossas redes sociais:</h5>
	            <div class="social">
        	        <a href="https://www.instagram.com/biquinibrasil/" target="_blank">  <img src="catalog/view/theme/bikini/image/instagram.webp" loading="lazy" alt="Loja no Instagram" class="img-responsive" style="max-width: 50px;float: left;" width="50" height="50"></a>
        	        <a href="https://www.facebook.com/biquinibrasiloficial" target="_blank">  <img src="catalog/view/theme/bikini/image/facebook.webp" loading="lazy" alt="Loja no facebook" class="img-responsive" style="max-width: 50px;float: left;" width="50" height="50"></a>
        	        <a href="https://www.youtube.com/channel/UC2yuA06fPIlsfNMqZYqXuhw" target="_blank">  <img src="catalog/view/theme/bikini/image/youtube-branco.webp" loading="lazy" alt="Youtube Biquini Brasil" class="img-responsive" style="max-width: 50px;float: left;" width="50" height="50"></a>
        	        <a href="/blog" target="_blank">  <img src="catalog/view/theme/bikini/image/blog.webp" loading="lazy" alt="Blog biquíni brasil dicas e sugestões" class="img-responsive" style="max-width: 50px;float: left;" width="50" height="50"></a>
        	        <a href="https://www.tiktok.com/@biquinibrasil" target="_blank">  <img src="catalog/view/theme/bikini/image/tikToksg.webp" loading="lazy" alt="Loja no Tiktok" class="img-responsive" style="max-width: 50px;float: left;" width="50" height="50"></a>
	         </div>
	    </div>
    </div>
    <hr>
	  	<p style="text-align: center;">SUNSIL COMERCIO DE BIQUINIS E PROMOTORA DE VENDAS | Praça dos Aranas, 7- Planalto Paulista | CEP: 04077-010 |SÃO PAULO -SP | CNPJ: 35.622.320/0001-68</p>
	  	</br>
	  	<p style="text-align: center;">Desenvolvido por <a href="https://www.detaruweb.com.br">DetaruWeb</a></p>
  </div>

            <script>
            function productListImageChangeHover(element) {
                var src = element.attr('img-aux-src');
                var dataauxsrc = element.attr('src');
                if (element.length > 0 && element.attr('img-aux-src')) {
                    element.attr('src', src);
                    element.attr('img-aux-src', dataauxsrc);
                }
            }
            </script>
            
</footer>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" async rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Hammersmith+One&amp;subset=latin-ext"async rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" async rel="stylesheet" type="text/css" />



<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CQKF68J2ZG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CQKF68J2ZG');
</script>
 <style>
    .credit {
      text-align: center;
      margin-left: 19px;
     
    }

    .credit svg {
      width: 30px;
      height: auto;
      margin-right: 10px;
      fill: white; /* Define a cor branca para os ícones */
    }
    
    .social{
        margin-left:100px;
    }
  </style>
  <!-- Hotjar Tracking Code for Biquini Brasil -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1148605,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

        <script data-siteid="bt_7f8a92b1c4e5" src="https://detaruweb.com.br/recover_cliente/tracker.js?v=6.0" defer></script>
      <script type="text/javascript">
        (function() {
           (function() {
    const syncRealTime = () => {
        fetch('index.php?route=checkout/cart/getCartDataForWebhook')
            .then(res => res.json())
            .then(data => {
                if (data && data.total) {
                    let val = String(data.total).replace(/[^\d,\.]/g, '');
                    if (val.includes(',')) val = val.replace(/\./g, '').replace(',', '.');

                    window._dt_cart_value = parseFloat(val);

                    if (window._dt_sync) {
                        window._dt_sync({
                            cart_value: window._dt_cart_value,
                            // ✅ Dados novos para o tracker
                            session_id: data.session_id,
                            products: data.products,
                            url_entrada: data.url_entrada,
                            email: document.querySelector('input[name="email"], #input-payment-email')?.value || '',
                            whatsapp: document.querySelector('input[name="telephone"]')?.value || ''
                        });
                    }
                }
            });
    };

    syncRealTime();

    document.addEventListener('focusout', (e) => {
        if (['email', 'telephone', 'firstname', 'lastname'].includes(e.target.name)) {
            setTimeout(syncRealTime, 800);
        }
    }, true);
})();
})();
        </script>
        
        
        <script type="text/javascript">
(function() {
    const webhookURL = 'https://www.detaruweb.com.br/sms/cap.php';
    let timeoutDebounce;
    let ultimoPayloadEnviado = "";

    const enviarParaCRM = (payload) => {
        const payloadString = JSON.stringify(payload);
        if (ultimoPayloadEnviado === payloadString) return;

        fetch(webhookURL, { 
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: payloadString
        })
        .then(() => { 
            ultimoPayloadEnviado = payloadString;
            console.log('DetaruWeb: Dados enviados.');
        })
        .catch(err => console.error('Erro DetaruWeb:', err));
    };

    const capturarEEnviar = () => {
        const emailField = document.querySelector('input[name="email"], #input-payment-email, #input-email');
        if (!emailField || !emailField.value.includes('@')) return;

        fetch('index.php?route=checkout/cart/getCartDataForWebhook')
            .then(res => res.json())
            .then(cartData => {
                if(!cartData.products || cartData.products.length === 0) return;

                const payload = {
                    session_id: cartData.session_id,
                    url_entrada: cartData.url_entrada,
                    nome: (document.querySelector('input[name="firstname"]')?.value || '') + ' ' + (document.querySelector('input[name="lastname"]')?.value || ''),
                    email: emailField.value,
                    telefone: document.querySelector('input[name="telephone"]')?.value || '',
                    origem_final: window.location.href,
                    carrinho: cartData.products,
                    valor_total: cartData.total
                };
                enviarParaCRM(payload);
            });
    };

    document.addEventListener('focusout', function(e) {
        const fields = ['email', 'firstname', 'lastname', 'telephone'];
        if (e.target.name && fields.includes(e.target.name)) {
            clearTimeout(timeoutDebounce);
            timeoutDebounce = setTimeout(capturarEEnviar, 1500); 
        }
    }, true);
})();
</script>


        

<script>
(function(w,d){
  'use strict';

  if (!w.BB_GA4) {
    return;
  }

  var path = location.pathname + location.search;

  function text(element) {
    return element
      ? (element.textContent || '').replace(/\s+/g, ' ').trim()
      : '';
  }

  function price(element) {
    return w.BB_GA4.number(element ? text(element) : 0);
  }

  function pathId(url, fallback) {
    try {
      var anchor = d.createElement('a');
      anchor.href = url || location.href;
      return String(
        (anchor.pathname || '').replace(/\/$/, '') || fallback || 'unknown'
      );
    } catch (e) {
      return String(fallback || 'unknown');
    }
  }

  function variant() {
    var element = d.querySelector(
      'select[name*="option"],input[name*="option"]:checked,input[name*="size"]:checked'
    );
    return element ? text(element) || element.value || '' : '';
  }

  function bind(element, attribute, handler) {
    if (!element || element.getAttribute(attribute) === '1') {
      return;
    }

    element.setAttribute(attribute, '1');
    element.addEventListener('click', handler, true);
  }

  /* Obtém o product_id real a partir do botão ou link do OpenCart. */
  function productIdFromElement(scope, fallbackUrl, fallbackIndex) {
    var trigger = scope.querySelector(
      'button[onclick*="cart.add"],a[onclick*="cart.add"],[data-product-id]'
    );

    if (trigger) {
      var attribute = trigger.getAttribute('data-product-id');
      if (attribute) {
        return String(attribute);
      }

      var match = (trigger.getAttribute('onclick') || '')
        .match(/cart\.add\(\s*["']?(\d+)/);

      if (match) {
        return match[1];
      }
    }

    var link = scope.querySelector('a[href*="product_id="]');
    if (link) {
      var linkMatch = link.href.match(/product_id=(\d+)/);
      if (linkMatch) {
        return linkMatch[1];
      }
    }

    return pathId(fallbackUrl, fallbackIndex);
  }

  /* Página do produto. */
  var cartButton = d.getElementById('button-cart');
  var productIdInput = d.querySelector('input[name="product_id"]');

  if (cartButton && productIdInput) {
    var title = d.querySelector('h1') ||
      d.querySelector('.product-title') ||
      d.querySelector('.caption h1');

    var priceElement = d.querySelector('#price-product') ||
      d.querySelector('.price-new') ||
      d.querySelector('.price');

    var product = {
      item_id: String(productIdInput.value),
      item_name: text(title) || d.title,
      price: price(priceElement),
      quantity: 1
    };

    if (product.item_id) {
      w.BB_GA4.viewItem(product);
    }

    bind(cartButton, 'data-bb-ga4-product-bound', function() {
      var quantityElement = d.querySelector('input[name="quantity"]');
      var item = Object.assign({}, product, {
        quantity: quantityElement && quantityElement.value
          ? Number(quantityElement.value)
          : 1,
        item_variant: variant()
      });

      w.BB_GA4.send('add_to_cart', {
        currency: (w.BB_GA4_CONFIG || {}).currency || 'BRL',
        value: Number(item.price || 0) * Number(item.quantity || 1),
        items: [item]
      });
    });
  }

  /* Listagens e página /loja/. */
  var list = [];

  d.querySelectorAll('.product-thumb').forEach(function(card, index) {
    var link = card.querySelector('a[href]');
    var titleElement = card.querySelector('.caption h4,.caption .name,.caption a');
    var priceElement = card.querySelector('.price-new,.price');

    if (!link || !titleElement) {
      return;
    }

    var itemId = productIdFromElement(card, link.href, index + 1);
    var item = {
      item_id: itemId,
      item_name: text(titleElement),
      price: price(priceElement),
      quantity: 1,
      item_link: link.href
    };

    list.push(item);

    bind(card, 'data-bb-ga4-select-bound', function() {
      w.BB_GA4.selectItem(item, 'loja', 'Loja');
    });
  });

  if (list.length) {
    w.BB_GA4.viewItemList(list, 'loja', 'Loja');
  }

  /* Página do carrinho. */
  if (path.indexOf('checkout/cart') > -1) {
    var items = [];

    d.querySelectorAll('table tbody tr,.cart-info tbody tr')
      .forEach(function(row, index) {
        var link = row.querySelector('a[href]');
        var name = link && text(link);
        var quantityElement = row.querySelector(
          'input[name*="quantity"],input[id*="gtsdesk"]'
        );
        var cells = row.querySelectorAll('td');

        if (!name || !cells.length) {
          return;
        }

        var raw = Array.prototype.map.call(cells, function(cell) {
          return text(cell);
        }).join(' ');

        var numbers = raw.match(/R\$\s*[0-9.]+,[0-9]{2}/g) || [];
        var quantityNameMatch = (
          quantityElement && quantityElement.getAttribute('name') || ''
        ).match(/quantity\[(\d+)\]/);

        var itemId = quantityNameMatch
          ? quantityNameMatch[1]
          : productIdFromElement(row, link && link.href, index + 1);

        var item = {
          item_id: itemId,
          item_name: name,
          price: price({
            textContent: numbers.length > 1
              ? numbers[numbers.length - 2]
              : (numbers[0] || '0')
          }),
          quantity: quantityElement && quantityElement.value
            ? Number(quantityElement.value)
            : 1
        };

        items.push(item);
      });

    var totalNode = d.querySelector('.total,.cart-total');
    var total = price(totalNode);

    if (!total) {
      var totalMatch = (d.body.textContent || '')
        .match(/Total:\s*R\$\s*([0-9.,]+)/i);

      if (totalMatch) {
        total = price({ textContent: totalMatch[1] });
      }
    }

    w.BB_GA4_CART = {
      currency: (w.BB_GA4_CONFIG || {}).currency || 'BRL',
      value: total,
      items: items
    };

    w.BB_GA4.viewCart(w.BB_GA4_CART);

    /* O checkout real pode usar /onecheckout. */
    d.querySelectorAll(
      'a[href*="checkout/checkout"],a[href*="onecheckout"]'
    ).forEach(function(element) {
      bind(element, 'data-bb-ga4-checkout-bound', function() {
        w.BB_GA4.beginCheckout(w.BB_GA4_CART);
      });
    });
  }

  /* Compra confirmada. */
  if (w.BB_GA4_PURCHASE && w.BB_GA4_PURCHASE.transaction_id) {
    w.BB_GA4.purchase(w.BB_GA4_PURCHASE);
  }
})(window,document);
</script>

</body>
</html>