/*!
 * InfinityCod
 * Developer: Derouiche Oussama
 * Copyright: © Derouiche Oussama
 * Website: https://derouicheoussama.com
 * License: GPL-2.0-or-later
 */

/**
 * InfinityCod — Formulaire COD v2 (mobile-first, 5 thèmes, dark mode, RTL).
 * Préfixe isolé .icod- + resets renforcés pour survivre aux styles agressifs
 * des thèmes (Astra, Flatsome, WoodMart, Divi…).
 * Breakpoints : 360 (base) / 480 / 720 / 1024.
 */

/* ===== Tokens (présets surchargés plus bas) ===== */
.icod-root{
	--icod-accent:#0e7a4f;
	--icod-accent-ink:#fff;
	--icod-bg:#ffffff;
	--icod-surface:#f6f8f8;
	--icod-text:#16191d;
	--icod-muted:#5f6670;
	--icod-border:#dfe3e8;
	--icod-danger:#c0392b;
	--icod-success:#0e7a4f;
	--icod-radius:14px;
	--icod-radius-sm:10px;
	--icod-shadow:0 4px 18px rgba(16,24,40,.07);
	--icod-field-h:52px;
	--icod-head-bg:linear-gradient(135deg, color-mix(in srgb, var(--icod-accent) 10%, var(--icod-bg)), color-mix(in srgb, var(--icod-accent) 3%, var(--icod-bg)));
	--icod-head-ink:var(--icod-text);

	font-family:inherit;
	color:var(--icod-text);
	line-height:1.5;
	max-width:680px;
	margin-inline:auto;
}
.icod-root *,.icod-root *::before,.icod-root *::after{box-sizing:border-box}

/* ===== Thèmes (présets) ===== */
/* Élégant — bleu nuit, angles droits */
.icod-root[data-preset="elegant"]{
	--icod-accent:#1d3557;
	--icod-radius:8px;
	--icod-radius-sm:5px;
	--icod-shadow:0 2px 8px rgba(13,27,62,.14);
	--icod-surface:#f4f6fa;
	--icod-border:#d3dae6;
	--icod-head-bg:linear-gradient(135deg,#1d3557,#3c5a80);
	--icod-head-ink:#ffffff;
}
/* Sunset — orange chaud, angles généreux */
.icod-root[data-preset="sunset"]{
	--icod-accent:#e8590c;
	--icod-radius:18px;
	--icod-radius-sm:12px;
	--icod-shadow:0 6px 22px rgba(232,89,12,.14);
	--icod-surface:#fff6f1;
	--icod-border:#f2ddd0;
	--icod-head-bg:linear-gradient(135deg,#e8590c,#f08c3f);
	--icod-head-ink:#ffffff;
}
/* Océan — bleu clair */
.icod-root[data-preset="ocean"]{
	--icod-accent:#1971c2;
	--icod-radius:16px;
	--icod-radius-sm:11px;
	--icod-shadow:0 5px 20px rgba(25,113,194,.13);
	--icod-surface:#f1f6fc;
	--icod-border:#d2e0ef;
	--icod-head-bg:linear-gradient(135deg,#1971c2,#4dabdb);
	--icod-head-ink:#ffffff;
}
/* Minimal — noir & blanc, ultra sobre */
.icod-root[data-preset="minimal"]{
	--icod-accent:#1a1d21;
	--icod-radius:4px;
	--icod-radius-sm:3px;
	--icod-shadow:none;
	--icod-surface:#fafafa;
	--icod-border:#d8dadd;
	--icod-head-bg:transparent;
	--icod-head-ink:var(--icod-text);
}

/* Thème sombre forcé */
.icod-root.icod-theme-dark{
	--icod-bg:#17191d;
	--icod-surface:#1f2329;
	--icod-text:#e8eaed;
	--icod-muted:#9aa1ab;
	--icod-border:#32363d;
	--icod-shadow:0 4px 18px rgba(0,0,0,.4);
}
.icod-root.icod-theme-dark[data-preset="elegant"]{--icod-head-bg:linear-gradient(135deg,#10213a,#1d3557)}
.icod-root.icod-theme-dark[data-preset="sunset"]{--icod-head-bg:linear-gradient(135deg,#a34408,#c25a12)}
.icod-root.icod-theme-dark[data-preset="ocean"]{--icod-head-bg:linear-gradient(135deg,#0f4c86,#1971c2)}
.icod-root.icod-theme-dark[data-preset="minimal"]{--icod-head-bg:transparent;--icod-head-ink:var(--icod-text)}

/* Thème auto : suit la préférence du visiteur */
@media (prefers-color-scheme:dark){
	.icod-root.icod-theme-auto{
		--icod-bg:#17191d;
		--icod-surface:#1f2329;
		--icod-text:#e8eaed;
		--icod-muted:#9aa1ab;
		--icod-border:#32363d;
		--icod-shadow:0 4px 18px rgba(0,0,0,.4);
	}
	.icod-root.icod-theme-auto[data-preset="elegant"]{--icod-head-bg:linear-gradient(135deg,#10213a,#1d3557)}
	.icod-root.icod-theme-auto[data-preset="sunset"]{--icod-head-bg:linear-gradient(135deg,#a34408,#c25a12)}
	.icod-root.icod-theme-auto[data-preset="ocean"]{--icod-head-bg:linear-gradient(135deg,#0f4c86,#1971c2)}
	.icod-root.icod-theme-auto[data-preset="minimal"]{--icod-head-bg:transparent;--icod-head-ink:var(--icod-text)}
}

/* ===== Carte ===== */
.icod-card{
	position:relative;
	background:var(--icod-bg);
	border:1px solid var(--icod-border);
	border-radius:var(--icod-radius);
	box-shadow:var(--icod-shadow);
	overflow:hidden;
}
.icod-card::before{
	content:"";
	display:block;
	height:4px;
	background:linear-gradient(90deg, var(--icod-accent), color-mix(in srgb, var(--icod-accent) 55%, #ffffff));
}

/* ===== En-tête ===== */
.icod-head{
	display:flex;align-items:center;gap:14px;
	padding:18px 20px;
	background:var(--icod-head-bg);
	color:var(--icod-head-ink);
}
.icod-head-icon{
	display:flex;align-items:center;justify-content:center;
	width:46px;height:46px;flex:none;
	font-size:1.35rem;
	background:color-mix(in srgb, var(--icod-accent) 18%, transparent);
	border:1.5px solid color-mix(in srgb, var(--icod-accent) 40%, transparent);
	border-radius:12px;
}
.icod-form-title{
	margin:0;
	font-size:1.12rem;
	font-weight:800;
	line-height:1.3;
	color:inherit;
}
.icod-form-subtitle{
	margin:2px 0 0;
	font-size:.82rem;
	opacity:.8;
}

/* ===== Layout : champs à gauche, récap à droite dès 720px ===== */
.icod-form{padding:18px 16px 20px}
.icod-layout{display:grid;grid-template-columns:1fr;gap:4px}
@media (min-width:720px){
	.icod-layout{grid-template-columns:1.35fr .95fr;gap:0 22px}
	.icod-form{padding:20px}
}

/* ===== Champs ===== */
.icod-field{margin-bottom:13px}
.icod-field > label{
	display:block;
	font-weight:600;
	font-size:.84rem;
	margin-bottom:6px;
	color:var(--icod-text);
}
.icod-input{
	display:block;
	width:100%;
	height:var(--icod-field-h);
	padding:0 14px;
	font-size:16px;              /* évite le zoom auto iOS */
	font-weight:500;
	line-height:var(--icod-field-h);
	color:var(--icod-text)!important;
	background-color:var(--icod-surface)!important;
	border:1.5px solid var(--icod-border)!important;
	border-radius:var(--icod-radius-sm)!important;
	appearance:none!important;
	-webkit-appearance:none!important;
	box-shadow:none!important;
	outline:none;
	text-transform:none!important;
	transition:border-color .15s, box-shadow .15s;
}
textarea.icod-input{height:auto;min-height:76px;padding:12px 14px;line-height:1.5;resize:vertical}
/* Icônes intégrées (nom / téléphone) */
.icod-input-name,.icod-input-phone{padding-inline-start:44px!important;background-repeat:no-repeat!important;background-size:19px 19px!important}
.icod-input-name{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23767d87' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5'/%3E%3C/svg%3E")!important;background-position:left 13px center!important}
.icod-input-phone{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23767d87' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.13.96.36 1.9.7 2.8a2 2 0 0 1-.45 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.27a2 2 0 0 1 2.1-.45c.9.34 1.84.57 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")!important;background-position:left 13px center!important}
.icod-root[dir="rtl"] .icod-input-name,.icod-root[dir="rtl"] .icod-input-phone{background-position:right 13px center!important;padding-inline-start:14px!important;padding-inline-end:44px!important}

select.icod-input{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888f98' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;
	background-repeat:no-repeat!important;
	background-position:right 14px center!important;
	padding-inline-end:40px!important;
}
.icod-root[dir="rtl"] select.icod-input{background-position:left 14px center!important;padding-inline-end:14px!important;padding-inline-start:40px!important}

.icod-input:focus{
	border-color:var(--icod-accent)!important;
	box-shadow:0 0 0 3px color-mix(in srgb, var(--icod-accent) 20%, transparent)!important;
}
.icod-input:disabled{opacity:.55;cursor:not-allowed}
.icod-input.icod-invalid{border-color:var(--icod-danger)!important}

/* Deux colonnes dès 480px (wilaya + commune) */
.icod-row{display:grid;grid-template-columns:1fr}
@media (min-width:480px){.icod-row{grid-template-columns:1fr 1fr;gap:0 12px}}

/* Honeypot : invisible pour les humains, présent pour les bots. */
.icod-hp{position:absolute!important;inset-inline-start:-9999px!important;height:0!important;width:0!important;opacity:0!important}

/* ===== Mode de livraison (cartes) ===== */
.icod-mode{border:0!important;margin:2px 0 14px;padding:0!important;min-inline-size:0}
.icod-mode legend{font-weight:600;font-size:.84rem;margin-bottom:8px;padding:0!important;color:var(--icod-text)}
.icod-mode-grid{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:480px){.icod-mode-grid{grid-template-columns:1fr 1fr}}
.icod-mode-option{display:block;position:relative;cursor:pointer;margin:0!important}
.icod-mode-radio{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.icod-mode-box{
	display:flex;flex-direction:column;gap:4px;
	padding:12px 14px;
	border:1.5px solid var(--icod-border)!important;
	border-radius:var(--icod-radius-sm)!important;
	background:var(--icod-surface)!important;
	transition:border-color .15s, background .15s;
	box-shadow:none!important;
}
.icod-mode-title{font-weight:700;font-size:.9rem;color:var(--icod-text)}
.icod-mode-price{font-weight:800;color:var(--icod-accent);font-size:.95rem;white-space:nowrap}
.icod-mode-radio:checked + .icod-mode-box{
	border-color:var(--icod-accent)!important;
	background:color-mix(in srgb, var(--icod-accent) 9%, var(--icod-bg))!important;
	box-shadow:0 0 0 1px var(--icod-accent) inset!important;
}
.icod-mode-radio:focus-visible + .icod-mode-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--icod-accent) 30%, transparent)!important}

/* ===== Quantité ===== */
.icod-qty{
	display:inline-flex;align-items:center;
	border:1.5px solid var(--icod-border)!important;
	border-radius:var(--icod-radius-sm)!important;
	overflow:hidden;background:var(--icod-surface)!important;
}
.icod-qty-btn{
	width:48px;height:var(--icod-field-h);
	font-size:1.35rem;line-height:1;
	background:transparent!important;border:0!important;
	color:var(--icod-text)!important;
	cursor:pointer;touch-action:manipulation;
	box-shadow:none!important;
}
.icod-qty-btn:active{background:color-mix(in srgb, var(--icod-accent) 12%, transparent)!important}
.icod-qty-input{
	width:64px;height:var(--icod-field-h);
	text-align:center;font-size:1rem;font-weight:700;
	border:0!important;background:transparent!important;color:var(--icod-text)!important;
	box-shadow:none!important;
	-moz-appearance:textfield;appearance:textfield!important;
	padding:0!important;
}
.icod-qty-input::-webkit-outer-spin-button,.icod-qty-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}

/* ===== Offres ===== */
.icod-offers{
	list-style:none!important;
	margin:0 0 14px!important;
	padding:11px 14px!important;
	background:color-mix(in srgb, var(--icod-accent) 9%, var(--icod-bg))!important;
	border-radius:var(--icod-radius-sm)!important;
	font-size:.85rem;color:var(--icod-text)!important;
	border:0!important;
}
.icod-offers li{margin:3px 0!important;list-style:none!important}

/* ===== Colonne récap ===== */
.icod-aside{margin-top:4px}
@media (min-width:720px){
	.icod-aside{
		position:sticky;top:20px;align-self:start;
		border-inline-start:1.5px dashed var(--icod-border);
		padding-inline-start:22px;
	}
}
.icod-summary{
	border:1.5px solid var(--icod-border);
	border-radius:var(--icod-radius-sm);
	background:var(--icod-surface);
	padding:14px 16px;
	margin-bottom:14px;
	font-size:.92rem;
}
.icod-summary-line{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--icod-muted)}
.icod-summary-line [data-summary-discount]{color:var(--icod-success);font-weight:700}
.icod-summary-total{
	display:flex;justify-content:space-between;gap:10px;align-items:baseline;
	margin-top:8px;padding-top:10px;
	border-top:1.5px solid var(--icod-border);
	font-weight:800;font-size:.95rem;color:var(--icod-text);
}
.icod-summary-total [data-summary-total]{color:var(--icod-accent);font-size:1.25rem;white-space:nowrap}

/* ===== Messages ===== */
.icod-msg{
	margin:0 0 14px;padding:11px 14px;
	border-radius:var(--icod-radius-sm);
	font-size:.88rem;font-weight:600;
	animation:icod-shake .35s ease;
}
.icod-msg.is-error{background:color-mix(in srgb, var(--icod-danger) 10%, var(--icod-bg))!important;color:var(--icod-danger)!important;border:1px solid color-mix(in srgb, var(--icod-danger) 35%, transparent)!important}
.icod-msg.is-info{background:color-mix(in srgb, var(--icod-accent) 10%, var(--icod-bg))!important;color:var(--icod-accent)!important}
@keyframes icod-shake{
	0%,100%{transform:translateX(0)}
	25%{transform:translateX(-5px)}
	75%{transform:translateX(5px)}
}

/* ===== Bouton ===== */
.icod-submit{
	display:block;width:100%;
	min-height:56px;
	padding:15px 20px;
	font-size:1.02rem;font-weight:800;
	font-family:inherit;
	letter-spacing:.2px;
	text-transform:none!important;
	color:var(--icod-accent-ink)!important;
	background:var(--icod-accent)!important;
	background-image:linear-gradient(180deg, color-mix(in srgb, var(--icod-accent) 88%, #ffffff), var(--icod-accent))!important;
	border:0!important;
	border-radius:var(--icod-radius-sm)!important;
	cursor:pointer;touch-action:manipulation;
	box-shadow:0 5px 16px color-mix(in srgb, var(--icod-accent) 32%, transparent)!important;
	transition:transform .12s, filter .15s;
}
.icod-submit:hover{filter:brightness(1.06)}
.icod-submit:active{transform:translateY(1px)}
.icod-submit:focus-visible{outline:3px solid color-mix(in srgb, var(--icod-accent) 45%, transparent)!important;outline-offset:2px}
.icod-submit[disabled]{opacity:.65;cursor:wait}

/* ===== Réassurance ===== */
.icod-reassurance{
	display:flex;flex-direction:column;gap:6px;
	margin:14px 0 0!important;
	padding:0!important;
	font-size:.8rem;color:var(--icod-muted)!important;
	text-align:center;
	border:0!important;
}
@media (min-width:480px){
	.icod-reassurance{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 14px}
}

/* ===== Succès ===== */
.icod-success{
	text-align:center;padding:36px 18px;
	background:var(--icod-bg);
	border:1px solid var(--icod-border);
	border-radius:var(--icod-radius);
	box-shadow:var(--icod-shadow);
}
.icod-success h3{margin:0 0 10px;font-size:1.3rem;color:var(--icod-success)}
.icod-success p{margin:0 0 18px;color:var(--icod-muted)}
.icod-new-order{
	display:inline-block;padding:11px 24px;
	border:1.5px solid var(--icod-accent)!important;border-radius:var(--icod-radius-sm)!important;
	color:var(--icod-accent)!important;font-weight:700;text-decoration:none!important;
}

/* ===== Barre collante mobile ===== */
.icod-sticky{
	position:fixed;inset-inline:0;bottom:0;z-index:9990;
	display:none;align-items:center;justify-content:space-between;gap:12px;
	padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
	background:var(--icod-bg);
	border-top:1.5px solid var(--icod-border);
	box-shadow:0 -4px 16px rgba(16,24,40,.10);
	max-width:680px;margin-inline:auto;
}
.icod-sticky-total{font-size:.8rem;color:var(--icod-muted);line-height:1.25}
.icod-sticky-total strong{display:block;font-size:1.12rem;color:var(--icod-accent)}
.icod-sticky .icod-submit{
	width:auto;min-height:46px;padding:11px 22px;font-size:.92rem;
	box-shadow:none!important;
}
@media (max-width:767px){
	.icod-sticky.is-visible{display:flex}
	.icod-root.has-sticky .icod-reassurance{margin-bottom:86px}
}
@media (max-width:360px){
	.icod-sticky{flex-direction:column;align-items:stretch;text-align:center}
	.icod-sticky .icod-submit{width:100%}
}

/* Utilitaires */
.icod-hidden{display:none!important}

/* Préférence de mouvement réduit */
@media (prefers-reduced-motion:reduce){
	.icod-root *{transition:none!important;animation:none!important}
}

/* ===== Succès v1.5 : montant, upsell, redirection ===== */
.icod-success-meta{margin:0 0 14px;font-weight:800;color:var(--icod-text)}
.icod-upsell{
	margin:4px 0 16px;padding:14px;
	border:1.5px dashed var(--icod-accent);
	border-radius:var(--icod-radius-sm);
	background:color-mix(in srgb, var(--icod-accent) 6%, var(--icod-bg));
	text-align:start;
}
.icod-upsell-title{margin:0 0 10px;font-weight:700;font-size:.92rem}
.icod-upsell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.icod-upsell-item{
	display:flex;flex-direction:column;gap:6px;padding:10px;
	background:var(--icod-bg);
	border:1px solid var(--icod-border)!important;
	border-radius:var(--icod-radius-sm)!important;
	color:var(--icod-text)!important;
	text-decoration:none!important;text-align:center;
	transition:transform .12s, box-shadow .12s;
}
.icod-upsell-item:hover{transform:translateY(-2px);box-shadow:var(--icod-shadow)}
.icod-upsell-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.icod-upsell-name{font-weight:600;font-size:.84rem;line-height:1.3}
.icod-upsell-price{color:var(--icod-accent);font-weight:800}
.icod-upsell-cta{font-size:.78rem;font-weight:700;color:var(--icod-accent)}
.icod-redirect-note{font-size:.8rem;color:var(--icod-muted);margin:12px 0 0}

/* Bouton commande via WhatsApp */
.icod-wa-btn{
	margin-top:10px;
	background:#25d366!important;
	background-image:linear-gradient(180deg,#2fe06f,#1faf55)!important;
	box-shadow:0 4px 14px rgba(37,211,102,.35)!important;
}

/* Barre livraison gratuite intelligente */
.icod-freebar{padding:10px 12px;margin-bottom:10px;background:color-mix(in srgb, var(--icod-accent) 8%, var(--icod-bg));border:1px dashed var(--icod-accent);border-radius:var(--icod-radius-sm);font-size:.84rem;font-weight:600;color:var(--icod-text)}
.icod-freebar-track{height:6px;margin-top:8px;background:color-mix(in srgb, var(--icod-accent) 18%, var(--icod-bg));border-radius:99px;overflow:hidden}
.icod-freebar-fill{height:100%;background:var(--icod-accent);border-radius:99px;transition:width .4s ease}

/* ===== Thèmes supplémentaires (v2.4) ===== */
.icod-root[data-preset="rose"]{
	--icod-accent:#d6336c;
	--icod-radius:18px;
	--icod-radius-sm:12px;
	--icod-shadow:0 5px 20px rgba(214,51,108,.13);
	--icod-surface:#fdf3f7;
	--icod-border:#f0d3e0;
	--icod-head-bg:linear-gradient(135deg,#d6336c,#f06595);
	--icod-head-ink:#ffffff;
}
.icod-root[data-preset="royal"]{
	--icod-accent:#6d28d9;
	--icod-radius:14px;
	--icod-radius-sm:10px;
	--icod-shadow:0 5px 20px rgba(109,40,217,.13);
	--icod-surface:#f5f2fc;
	--icod-border:#ddd2f2;
	--icod-head-bg:linear-gradient(135deg,#6d28d9,#8b5cf6);
	--icod-head-ink:#ffffff;
}
.icod-root[data-preset="cafe"]{
	--icod-accent:#7c4a21;
	--icod-radius:10px;
	--icod-radius-sm:8px;
	--icod-shadow:0 4px 16px rgba(111,78,55,.13);
	--icod-surface:#faf6f1;
	--icod-border:#e6d7c6;
	--icod-head-bg:linear-gradient(135deg,#6f4e37,#96694a);
	--icod-head-ink:#ffffff;
}
.icod-root.icod-theme-dark[data-preset="rose"]{--icod-head-bg:linear-gradient(135deg,#a02b52,#c73f6f)}
.icod-root.icod-theme-dark[data-preset="royal"]{--icod-head-bg:linear-gradient(135deg,#4c1d95,#6d28d9)}
.icod-root.icod-theme-dark[data-preset="cafe"]{--icod-head-bg:linear-gradient(135deg,#4d3322,#6f4e37)}
.icod-root.icod-theme-auto[data-preset="rose"]{--icod-head-bg:linear-gradient(135deg,#a02b52,#c73f6f)}
.icod-root.icod-theme-auto[data-preset="royal"]{--icod-head-bg:linear-gradient(135deg,#4c1d95,#6d28d9)}
.icod-root.icod-theme-auto[data-preset="cafe"]{--icod-head-bg:linear-gradient(135deg,#4d3322,#6f4e37)}

/* ===== En-tête : miniature produit (v2.5) ===== */
.icod-head-thumb{
	width:56px;height:56px;flex:none;
	object-fit:cover;border-radius:12px;
	border:1.5px solid color-mix(in srgb, var(--icod-accent) 30%, transparent);
	box-shadow:0 2px 8px rgba(16,24,40,.12);
}

/* Prix live dans l en-tête (desktop, côté droit) */
.icod-head-price{
	margin-inline-start:auto;
	font-weight:800;font-size:1.1rem;
	color:var(--icod-accent);white-space:nowrap;
}

/* Barre livraison gratuite : respiration */
.icod-freebar{margin-bottom:12px}