#toast[data-v-452f098b]{
		position: fixed;
		left: 50%;
		bottom: 26px;
		transform: translate(-50%, 20px);
		color: #fff;
		box-shadow: 0 12px 30px rgba(0,0,0,.25);
		opacity: 0;
		pointer-events: none;
		transition: all .35s;
		z-index: 60;
}
#toast.show[data-v-452f098b]{ opacity: 1; transform: translate(-50%, 0);
}



.breadcrumb[data-v-4360509e]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-4360509e]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-4360509e]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-4360509e]{ opacity: .5;
}
.crumb-current[data-v-4360509e]{ color: var(--black-color-alt); font-weight: 600;
}
.contact-intro[data-v-4360509e]{ color: #666; line-height: 1.6; max-width: 640px;
}

	/* ===================== Colonne coordonnées ===================== */
.contact-info[data-v-4360509e]{ width: 26vw; flex: none;
}
.info-label[data-v-4360509e]{ display: block; color: var(--black-color-alt); text-transform: uppercase; letter-spacing: .03em; font-size: 11px; margin-bottom: 4px;
}
.info-row .p-alt[data-v-4360509e]{ color: #666; line-height: 1.5;
}
.info-row a[data-v-4360509e]{ color: #666; transition: color .2s;
}
.info-row a[data-v-4360509e]:hover{ color: var(--success-color);
}
.wa-link-btn[data-v-4360509e]{
		background: #25D366;
		color: #fff;
		padding: var(--15px) var(--20px);
		gap: 10px;
		width: fit-content;
		transition: filter .2s;
}
.wa-link-btn[data-v-4360509e]:hover{ filter: brightness(1.05);
}
.wa-link-icon[data-v-4360509e]{ width: 20px; height: 20px;
}

	/* ===================== Formulaire ===================== */
.form-grid[data-v-4360509e]{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--20px);
}
.form-field[data-v-4360509e]{ display: block;
}
.field-label[data-v-4360509e]{ display: block; color: var(--black-color-alt); margin-bottom: 6px;
}
.optional[data-v-4360509e]{ font-weight: 400; color: #999; font-style: normal;
}
.form-field input[data-v-4360509e], .form-field select[data-v-4360509e], .form-field textarea[data-v-4360509e]{
		width: 100%;
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		padding: 0 var(--15px);
		height: 46px;
		font-size: 14px;
		color: var(--black-color-alt);
		border-radius: var(--radius-small);
		outline: none;
		transition: border-color .2s;
}
.form-field textarea[data-v-4360509e]{ height: auto; padding: var(--12px) var(--15px); resize: vertical;
}
.form-field input[data-v-4360509e]:focus, .form-field select[data-v-4360509e]:focus, .form-field textarea[data-v-4360509e]:focus{ border-color: var(--black-color-alt);
}
.submit-btn[data-v-4360509e]{
		height: 48px;
		padding: 0 var(--30px);
		background: var(--black-color-alt);
		color: #fff;
		border: 0;
		font-size: 14px;
		transition: background .2s;
}
.submit-btn[data-v-4360509e]:hover{ background: var(--success-color);
}
.submit-btn[data-v-4360509e]:disabled{ opacity: .6; cursor: not-allowed;
}
.submit-error[data-v-4360509e]{ color: var(--error-color);
}
@media(max-width: 992px){
.contact-layout[data-v-4360509e]{ flex-direction: column;
}
.contact-info[data-v-4360509e]{ width: 100%;
}
}
@media(max-width: 768px){
.form-grid[data-v-4360509e]{ grid-template-columns: 1fr;
}
}



.logo-word span[data-v-5cabc845] { 
		width: 7vw;
    	height: 7vw;
}

	/* ===================== Footer ===================== */
#footer[data-v-5cabc845]{ background: #14213D; color: #C9D3E8;
}
#footer h6[data-v-5cabc845]{ color: #fff; letter-spacing: .03em;
}
#footer a[data-v-5cabc845]{ color: #B4C0DA;
}
#footer a[data-v-5cabc845]:hover{ color: var(--success-color);
}
.footer-grid[data-v-5cabc845]{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.3fr; gap: var(--30px);
}
#footer .social-btn[data-v-5cabc845]{
		width: clamp(30px, 2vw, 38px); height: clamp(30px, 2vw, 38px); border-radius:50%;
		background: rgba(255,255,255,.08);
		display:flex; align-items:center; justify-content:center;
		color: #fff;
		transition: all .2s;
}
#footer .social-btn[data-v-5cabc845]:hover{ background: var(--success-color); color: var(--black-color-alt);
}
@media(max-width: 992px){
.footer-grid[data-v-5cabc845]{ grid-template-columns: 1fr 1fr 1fr;
}
}
@media(max-width: 768px){
.footer-grid[data-v-5cabc845]{ grid-template-columns: repeat(2,1fr);
}
}





		
	/* ===================== Topbar (bandeau promo défilant) ===================== */
#topbar[data-v-4b5f8e09]{
		background: var(--black-color);
		color: #fff;
		font-size: clamp(11px, .8vw, 13px);
		letter-spacing: .02em;
		height: 2.4vw;
		overflow: hidden;
}
.topbar-track[data-v-4b5f8e09] {
		display: inline-flex;
		white-space: nowrap;
		animation: scrollTrack-4b5f8e09 22s linear infinite;
}
.topbar-track span[data-v-4b5f8e09]{ padding: 0 var(--30px);
}
#langToggle[data-v-4b5f8e09]{
		gap: 4px;
		padding-right: var(--content-margin);
}
#langToggle div[data-v-4b5f8e09]{
		letter-spacing: .05em;
		padding: 2px var(--8px);
		border-radius: var(--radius-min);
		border: 1px solid rgba(255,255,255,.4);
}
#langToggle span[data-v-4b5f8e09] {
		font-size: .8vw;
}
#langToggle .transparent[data-v-4b5f8e09]{ opacity: .45;
} /* utilitaire absent d'os-style.css : local au switch de langue */
@keyframes scrollTrack-4b5f8e09{
from{ transform: translateX(0);
}
to{ transform: translateX(-50%);
}
}

	/* ===================== Header principal ===================== */
	/* Regroupe #topbar + #mainHeader : sticky (pas fixed, pour ne laisser
	   aucun trou dans le flux) + translateY pour masquer/réafficher les
	   deux ensemble selon la direction du scroll (voir onScroll()). */
.site-header[data-v-4b5f8e09]{
		position: sticky;
		top: 0;
		z-index: 40;
		transition: transform .35s ease;
}
.site-header.header-hidden[data-v-4b5f8e09]{
		transform: translateY(-100%);
}
#mainHeader[data-v-4b5f8e09]{
		background: #fff;
		border-bottom: 1px solid #eee;
}
.logo-word span[data-v-4b5f8e09] { 
		width: 2vw;
		height: 2vw;
}

	/* Nav principale (desktop) */
.main-nav a[data-v-4b5f8e09],
	.main-nav .link-item[data-v-4b5f8e09] {
		font-size: .91vw;
		/* font-weight: 600; */
		color: var(--black-color-alt);
		white-space: nowrap;
		transition: color .2s;
}
.main-nav a[data-v-4b5f8e09]:hover, .main-nav a.active[data-v-4b5f8e09]{ color: var(--success-color);
}
@media(max-width: 992px){
.main-nav[data-v-4b5f8e09]{ display: none;
}
} /* filet de sécurité : HeaderMobile.vue gère normalement ce cas */

	/* Dropdown "Catégories" — liste simple, pas de méga-menu à colonnes */
.nav-dropdown-panel[data-v-4b5f8e09]{
		position: absolute;
		left: 0; top: 100%;
		box-shadow: 0 20px 40px rgba(0,0,0,.14);
		border-radius: var(--radius-small);
		min-width: 220px;
		gap: 1vw;
		z-index: 30;
}
.nav-dropdown-panel a[data-v-4b5f8e09]{
		padding: var(--8px) var(--18px);
		font-size: 13px;
		color: var(--black-color-alt);
		white-space: nowrap;
}
.nav-dropdown-panel a[data-v-4b5f8e09]:hover{ background: var(--gray-color); color: var(--black-color-alt);
}

	/* Icônes d'action du header (recherche, liste, compte, panier) */
.header-icon-btn[data-v-4b5f8e09]{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
    	height: 30px;
		border-radius: 50%;
		background: none; border: 0;
		color: var(--black-color-alt);
		transition: background .2s;
}
.header-icon-btn[data-v-4b5f8e09]:hover{ background: var(--gray-color);
}
.search-panel[data-v-4b5f8e09]{
		position: absolute;
		top: calc(100% + 10px);
		right: 0;
		background: #fff;
		box-shadow: 0 20px 40px rgba(0,0,0,.14);
		border-radius: var(--radius-small);
		padding: 6px;
		width: 280px;
		z-index: 30;
}
.search-panel input[data-v-4b5f8e09]{
		flex: 1;
		height: 38px;
		border: 0;
		background: var(--gray-color);
		border-radius: var(--radius-min);
		padding: 0 var(--12px);
		font-size: 13px;
		color: var(--black-color-alt);
		outline: none;
}
.search-submit[data-v-4b5f8e09]{
		width: 38px; height: 38px; flex: none;
		background: var(--black-color-alt);
		border-radius: var(--radius-min);
		border: 0;
		margin-left: 6px;
		display: flex; align-items: center; justify-content: center;
}
.search-submit img[data-v-4b5f8e09]{ filter: invert(1);
}
.count-bubble[data-v-4b5f8e09]{
		position: absolute;
		top: -2px; right: -2px;
		min-width: 16px; height: 16px;
		background: var(--error-color);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		border-radius: 50%;
		line-height: 16px;
}




	/* La rotation du chevron (.acc-head svg dans style-secund.css) cible un
	   <svg> — sans effet sur l'<img> de l'icône fichier utilisée ici. */
.acc-head img[data-v-06e88054]{ transition: transform .25s;
}
.acc-item.open .acc-head img[data-v-06e88054]{ transform: rotate(180deg);
}



#cartOverlay[data-v-85baf60e]{
		position: fixed; inset: 0;
		background: rgba(10,20,45,.55);
		z-index: 69;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s;
}
#cartOverlay.show[data-v-85baf60e]{ opacity: 1; pointer-events: auto;
}
#cartDrawer[data-v-85baf60e]{
		position: fixed;
		top: 0; bottom: 0; right: 0;
		width: 92%;
		max-width: 400px;
		background: #fff;
		z-index: 70;
		display: flex;
		flex-direction: column;
		transform: translateX(100%);
		transition: transform .35s ease;
}
#cartDrawer.open[data-v-85baf60e]{ transform: translateX(0);
}
.cp-head[data-v-85baf60e]{
		padding: var(--18px) var(--20px);
		border-bottom: 1px solid #eee;
		flex: none;
}
.cp-head b[data-v-85baf60e]{ font-size: 15px; color: var(--black-color-alt);
}
.cp-close[data-v-85baf60e]{
		width: 30px; height: 30px;
		border-radius: 50%;
		background: var(--gray-color-alt);
		border: 0;
		display: flex; align-items: center; justify-content: center;
		transition: background .2s;
}
.cp-close[data-v-85baf60e]:hover{ background: #e2e2e2;
}
.cp-empty[data-v-85baf60e]{ flex: 1; padding: var(--30px); text-align: center;
}
.cp-empty-icon[data-v-85baf60e]{ width: 36px; height: 36px; opacity: .35;
}
.cp-shop-link[data-v-85baf60e]{ color: var(--success-color);
}
.cp-shop-link[data-v-85baf60e]:hover{ text-decoration: underline;
}
.cp-list[data-v-85baf60e]{ flex: 1; overflow-y: auto; padding: var(--10px) var(--15px);
}
.cp-item[data-v-85baf60e]{
		gap: var(--12px);
		padding: var(--14px) var(--5px);
		border-bottom: 1px solid #f2f2f2;
		align-items: flex-start;
}
.cp-item[data-v-85baf60e]:last-child{ border-bottom: 0;
}
.cp-item-media[data-v-85baf60e]{ width: 60px; height: 60px; border-radius: var(--radius-small); overflow: hidden; background: var(--gray-color-alt); flex: none;
}
.cp-item-media img[data-v-85baf60e]{ width: 100%; height: 100%; object-fit: cover; display: block;
}
.cp-item-info[data-v-85baf60e]{ display: flex; flex-direction: column; min-width: 0;
}
.cp-item-title[data-v-85baf60e]{
		font-size: 13px;
		font-weight: 600;
		color: var(--black-color-alt);
		line-height: 1.3;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
}
.cp-item-title[data-v-85baf60e]:hover{ color: var(--success-color);
}
.cp-item-variant[data-v-85baf60e]{ font-size: 11px; color: #999; margin-top: 2px;
}
.cp-item-price[data-v-85baf60e]{ font-size: 13px; font-weight: 700; color: var(--black-color-alt); flex: none;
}
.cp-qty-stepper[data-v-85baf60e]{
		border: 1px solid #ddd;
		border-radius: var(--radius-small);
		overflow: hidden;
}
.cp-qty-stepper button[data-v-85baf60e]{
		width: 24px; height: 24px;
		background: var(--gray-color-alt);
		border: 0;
		font-size: 14px;
		line-height: 1;
		color: var(--black-color-alt);
		cursor: pointer;
}
.cp-qty-stepper button[data-v-85baf60e]:hover{ background: #e2e2e2;
}
.cp-qty-stepper span[data-v-85baf60e]{ min-width: 24px; text-align: center; font-size: 12px; font-weight: 600;
}
.cp-remove[data-v-85baf60e]{
		width: 26px; height: 26px;
		border-radius: 50%;
		background: none;
		border: 0;
		display: flex; align-items: center; justify-content: center;
		color: #999;
		transition: background .2s, color .2s;
}
.cp-remove[data-v-85baf60e]:hover{ background: var(--gray-color-alt); color: var(--error-color);
}
.cp-footer[data-v-85baf60e]{
		flex: none;
		padding: var(--20px);
		border-top: 1px solid #eee;
}
.cp-subtotal[data-v-85baf60e]{ font-size: 16px; color: var(--black-color-alt);
}
.cp-quote-btn[data-v-85baf60e]{
		display: flex;
    	padding: 1vw;
		background: var(--black-color-alt);
		color: #fff;
		font-size: 14px;
		transition: background .2s;
}
.cp-quote-btn[data-v-85baf60e]:hover{ background: var(--success-color);
}
.cp-note[data-v-85baf60e]{ font-size: 11px; color: #999;
}
.cp-quote-form[data-v-85baf60e]{ display: flex; flex-direction: column; gap: var(--10px);
}
.cp-form-field input[data-v-85baf60e], .cp-form-field textarea[data-v-85baf60e]{
		width: 100%;
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		padding: 0 var(--12px);
		height: 40px;
		font-size: 13px;
		color: var(--black-color-alt);
		border-radius: var(--radius-small);
		outline: none;
		transition: border-color .2s;
}
.cp-form-field textarea[data-v-85baf60e]{ height: auto; padding: var(--10px) var(--12px); resize: vertical;
}
.cp-form-field input[data-v-85baf60e]:focus, .cp-form-field textarea[data-v-85baf60e]:focus{ border-color: var(--black-color-alt);
}
.cp-quote-btn[data-v-85baf60e]:disabled{ opacity: .6; cursor: not-allowed;
}
.cp-quote-error[data-v-85baf60e]{ color: var(--error-color); font-size: 12px;
}
.cp-quote-success[data-v-85baf60e]{ padding: var(--20px) 0; text-align: center;
}
.cp-quote-success .p-alt[data-v-85baf60e]{ color: #666;
}
@media(max-width: 480px){
#cartDrawer[data-v-85baf60e]{ width: 100%; max-width: none;
}
}



.category-sidebar[data-v-1227f010]{
		width: 15vw;
		flex: none;
		align-self: flex-start;
		position: sticky;
		/* top: calc(var(--header-height) + var(--20px)); */
		top: 2vw;
		max-height: calc(100vh - var(--header-height) - var(--40px));
		overflow-y: auto;
}
.sidebar-title[data-v-1227f010]{ margin-bottom: var(--15px); color: var(--black-color-alt);
}
.sidebar-list[data-v-1227f010]{ margin-top: var(--10px); display: flex; flex-direction: column;
}
.quick-filters[data-v-1227f010]{ margin-top: var(--20px); padding-top: var(--15px); border-top: 1px solid var(--gray-color-alt);
}
.sidebar-row[data-v-1227f010] {
		width: 100%;
		background: none;
		border: 0;
		padding: var(--8px) var(--10px);
		border-radius: var(--radius-small);
		gap: 10px;
		font-size: 13px;
		color: var(--black-color-alt);
		text-align: left;
		transition: background .2s, color .2s;
}
.sidebar-row[data-v-1227f010]:hover{ background: var(--gray-color-alt);
}
.sidebar-row.active[data-v-1227f010]{ background: var(--black-color-alt); color: #fff;
}
.sidebar-row .chevron[data-v-1227f010]{ opacity: .5; transform: rotate(-90deg);
}
.sidebar-icon[data-v-1227f010]{ width: 22px; height: 22px; flex: none; border-radius: 50%; object-fit: cover;
}
.all-row[data-v-1227f010]{ font-weight: 700; margin-bottom: var(--6px);
}
.count-pill[data-v-1227f010]{
		background: var(--success-color);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		min-width: 22px;
		text-align: center;
		padding: 2px 6px;
		border-radius: var(--radius-big);
}
.all-row.active .count-pill[data-v-1227f010]{ background: #fff; color: var(--black-color-alt);
}
@media(max-width: 992px){
.category-sidebar[data-v-1227f010]{ display: none;
} /* filtrage passe par les filtres rapides du haut de grille sur mobile — hors périmètre de cette page pour l'instant */
}



		
	/* ===================== Catégories (vignette photo) ===================== */
.cat-tile[data-v-0eaee0c8]{
		overflow: hidden;
		aspect-ratio: 4/5;
		transition: transform .3s;
}
.cat-tile[data-v-0eaee0c8]:hover{ transform: translateY(-6px);
}
.cat-tile-overlay[data-v-0eaee0c8]{
		position: absolute; inset: 0;
		justify-content: flex-end;
		padding: var(--15px);
		background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.75) 100%);
		color: #fff;
}
.cat-tile-overlay b[data-v-0eaee0c8]{ font-size: 14px;
}
.cat-tile-link[data-v-0eaee0c8]{ display: inline-flex; align-items: center; gap: 4px; opacity: .9; transition: all .5s ease-in-out;
}
.cat-tile:hover .cat-tile-link[data-v-0eaee0c8]{ color: var(--success-color); transition: all .5s ease-in-out;
}




.btn-pill[data-v-56c089c3] {
        width: 17.135vw;
        height: 4.1667vw;
        border-radius: 999px;
        padding: 0 .55vw 0 1.5vw;
        text-decoration: none;
        transition: background .3s ease;
}
.btn-pill.bg-black[data-v-56c089c3]:hover {
        background: #1a1a1a;
}
.btn-pill.bg-white[data-v-56c089c3]:hover {
        background: #f0f0f0;
}
.btn-pill-label[data-v-56c089c3] {
        font-size: 0.9375vw;
        letter-spacing: .005vw;
}
.btn-pill-icon[data-v-56c089c3] {
        width: 4.125vw;
        height: 3.125vw;
        transition: transform .3s ease;
}
.btn-pill:hover .btn-pill-icon[data-v-56c089c3] {
        transform: scale(1.1);
}



.custom-select[data-v-32f453fa] {
        position: relative;
        width: 100%;
}
.select-display[data-v-32f453fa] {
        border: 1px solid #ddd;
        padding: .5vw .5vw;
        cursor: pointer;
        border-radius: 6px;
        background: #fff;
        font-size: .78vw;
}
.select-options[data-v-32f453fa] {
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        max-height: 16vw;
        overflow-y: auto;
        z-index: 20;
        font-size: .78vw;
}
.select-options li[data-v-32f453fa] {
        padding: 1vw;
        cursor: pointer;
}
.select-options li[data-v-32f453fa]:hover {
        background: #f3f3f3;
}
.rotate[data-v-32f453fa] {
        transform: rotate(180deg);
}
@media(max-width:768px){
.select-display[data-v-32f453fa] {
            padding: 1.5vw 1.5vw;
            border-radius: 6px;
            font-size: 13px;
}
.select-options[data-v-32f453fa] {
            max-height: 35vw;
}
.select-options li[data-v-32f453fa] {
            padding: 1vw;
            font-size: 13px;
            /* font-size: 2.78vw; */
}
}



.os-file[data-v-7faa3f61]{
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.08), -1px 0px 1px 0px rgba(0,0,0,.03);
  border-radius: 5px 0 0 5px;
  background: rgb(248,248,248);
  height: var(--40px);
  overflow: hidden;
}
.os-file div[data-v-7faa3f61]{margin-bottom: 0px!important}
.os-file span[data-v-7faa3f61], .os-file a[data-v-7faa3f61]{width: 40px; height: var(--40px)}
.os-file input[type='text'][data-v-7faa3f61]{box-shadow: 0px 0px 1px 0 rgba(0,0,0,.1) inset; transition: all .3s; line-height: var(--40px);}
.os-file input[type='text'][data-v-7faa3f61]:focus{box-shadow: 0px 0px 7px 0 rgba(0,0,0,.1) inset}
.os-file .size[data-v-7faa3f61]{width: 100px; padding: 0 10px}
.nomargin[data-v-7faa3f61]{margin: 0}
.noborder[data-v-7faa3f61]{border: 0}
.noradius[data-v-7faa3f61]{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}


.form-row{
&.has-error {
&[data-v-2244451d]{
    --errorColor: #E54242;
}
[data-v-2244451d] {
      color: var(--errorColor);
}
input[data-v-2244451d], select[data-v-2244451d], textarea[data-v-2244451d] {
      border-color: var(--errorColor);
}
[data-v-2244451d]::placeholder {
      color: var(--errorColor);
}
}
}


		
	/* ===================== Hero ===================== */
#hero[data-v-8a5a68bc] {
		height: calc(100vh - (2.4vw + 4.5vw) );
}
.hero-text[data-v-8a5a68bc] {
		padding-top: 11vw;
		width: 44vw;
}
.hero-eyebrow[data-v-8a5a68bc]{
		letter-spacing: .18em;
}
.hero-text h1[data-v-8a5a68bc]{
		letter-spacing: -.01em;
}
.btn-action.bg-success[data-v-8a5a68bc],
	.btn-action.bg-warning[data-v-8a5a68bc] {
		transition: all .5s ease-in-out;
}
.btn-action.bg-success[data-v-8a5a68bc]:hover {
		filter: brightness(0.9);
		transform: translateY(-3px);
		transition: all .5s ease-in-out;
}
.btn-action.bg-warning[data-v-8a5a68bc]:hover {
		filter: brightness(0.9);
		transform: translateY(-3px);
		transition: all .5s ease-in-out;
}
.avatar-stack[data-v-8a5a68bc]{ display: inline-flex;
}
.avatar-stack img[data-v-8a5a68bc]{
		width: 3vw;
    	height: 3vw;
		border-radius: 50%;
		border: 2px solid #fff;
		margin-left: -10px;
		object-fit: cover;
}
.avatar-stack img[data-v-8a5a68bc]:first-child{ margin-left: 0;
}
.hero-photo[data-v-8a5a68bc]{
		aspect-ratio: 4/5;
		object-fit: cover;
		background: var(--gray-color);
}
.floatcard[data-v-8a5a68bc]{
		position: absolute;
		background: #fff;
		border-radius: var(--radius-small);
		box-shadow: -1px -1px 30px 12px rgba(20, 40, 90, .16);
		animation: floaty-8a5a68bc 5s ease-in-out infinite;
		width: 9vw;
}
.floatcard .fc-thumb[data-v-8a5a68bc]{ 
    	height: 7vw; 
		object-fit: cover; 
		flex: none;
}
@keyframes floaty-8a5a68bc{
0%,100%{ transform: translateY(0px);
}
50%{ transform: translateY(-10px);
}
}
.hero-dots[data-v-8a5a68bc]{ position: absolute; left: var(--15px); bottom: var(--15px); gap: 6px;
}
.hero-dot[data-v-8a5a68bc]{ width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255);
}
.hero-dot.active[data-v-8a5a68bc]{ background: var(--success-color);
}
@media(prefers-reduced-motion: reduce){
.floatcard[data-v-8a5a68bc]{ animation: none;
}
.topbar-track[data-v-8a5a68bc]{ animation: none;
}
}



.newsletter-cta[data-v-6abed050]{
		background: var(--black-color-alt);
		padding: var(--30px);
		gap: var(--30px);
}
.nc-heading[data-v-6abed050]{ max-width: 22vw;
}
.nc-heading .h3[data-v-6abed050]{ line-height: 1.25;
}
.nc-form-wrap[data-v-6abed050]{ max-width: 360px; flex: none;
}
.nc-form-wrap .p-alt[data-v-6abed050]{ color: rgba(255,255,255,.7); margin-bottom: var(--12px);
}
.nc-form[data-v-6abed050]{ background: #fff; padding: 4px; gap: 6px;
}
.nc-form input[data-v-6abed050] {
		flex: 1;
		border: 0;
		background: none;
		padding: 0 1vw;
		font-size: 13px;
		outline: none;
		color: var(--black-color-alt);
}
.nc-submit[data-v-6abed050]{
		background: var(--success-color);
		color: #fff;
		border: 0;
		height: 40px;
		padding: .51vw var(--20px);
		font-size: 13px;
		flex: none;
		transition: filter .2s;
}
.nc-submit[data-v-6abed050]:hover{ filter: brightness(1.08);
}
@media(max-width: 768px){
.newsletter-cta[data-v-6abed050]{ flex-direction: column; align-items: flex-start;
}
.nc-form-wrap[data-v-6abed050]{ max-width: 100%; width: 100%;
}
}



.pagination[data-v-27a383f2]{ gap: var(--15px);
}
.page-nav[data-v-27a383f2]{
		background: none;
		border: 0;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 13px;
		font-weight: 600;
		color: var(--black-color-alt);
		padding: var(--8px) var(--10px);
}
.page-nav:first-child svg[data-v-27a383f2]{ transform: rotate(90deg);
}
.page-nav:last-child svg[data-v-27a383f2]{ transform: rotate(-90deg);
}
.page-nav[data-v-27a383f2]:disabled{ opacity: .35;
}
.page-nav[data-v-27a383f2]:not(:disabled):hover{ color: var(--success-color);
}
.page-numbers[data-v-27a383f2]{ gap: 4px;
}
.page-num[data-v-27a383f2]{
		width: 32px; height: 32px;
		border-radius: 50%;
		background: none;
		border: 0;
		font-size: 13px;
		font-weight: 600;
		color: var(--black-color-alt);
		transition: all .2s;
}
.page-num[data-v-27a383f2]:hover{ background: var(--gray-color-alt);
}
.page-num.active[data-v-27a383f2]{ background: var(--black-color-alt); color: #fff;
}
.page-ellipsis[data-v-27a383f2]{ width: 24px; text-align: center; color: #999;
}



.product-accordion[data-v-9d379f2a]{ border-top: 1px solid var(--gray-color-alt);
}
.pa-item[data-v-9d379f2a]{ border-bottom: 1px solid var(--gray-color-alt);
}
.pa-head[data-v-9d379f2a]{
		width: 100%;
		background: none;
		border: 0;
		font-size: 13.5px;
		color: var(--black-color-alt);
		text-align: left;
}
.pa-icon[data-v-9d379f2a]{ width: 20px; height: 20px; flex: none;
}
.pa-chevron[data-v-9d379f2a]{ width: 18px; height: 18px; flex: none; transition: transform .25s;
}
.pa-item.open .pa-chevron[data-v-9d379f2a]{ transform: rotate(180deg);
}
.pa-body .p-alt[data-v-9d379f2a]{ color: #666; line-height: 1.5;
}
.pa-specs[data-v-9d379f2a]{ display: flex; flex-direction: column; gap: 6px;
}
.pa-spec-row dt[data-v-9d379f2a]{ color: #999;
}
.pa-spec-row dd[data-v-9d379f2a]{ color: var(--black-color-alt); margin: 0;
}



.product-card[data-v-3831da67]{
		background: #fff;
		border: 1px solid #eee;
		border-radius: var(--radius);
		overflow: hidden;
		transition: box-shadow .25s, transform .25s;
}
.product-card[data-v-3831da67]:hover{ box-shadow: 0 16px 30px rgba(20,40,90,.12); transform: translateY(-4px);
}
.product-media[data-v-3831da67]{ position: relative; aspect-ratio: 1/1; overflow: hidden;
}
.product-media img[data-v-3831da67]{ width: 100%; height: 100%; object-fit: cover;
}
.badge[data-v-3831da67]{
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .03em;
		padding: 4px 8px;
		border-radius: var(--radius-min);
		color: #fff;
}
.product-media .badge[data-v-3831da67]{ position: absolute; top: 10px; left: 10px; z-index: 2;
}
.badge-new[data-v-3831da67]{ background: var(--warning-color-alt);
}
.badge-promo[data-v-3831da67]{ background: var(--error-color);
}
.badge-sample[data-v-3831da67]{ background: var(--black-color-alt);
}
.wish-btn[data-v-3831da67]{
		position: absolute;
		top: 10px; right: 10px;
		width: 30px; height: 30px;
		border-radius: 50%;
		background: #fff;
		display: flex; align-items:center; justify-content:center;
		color: var(--black-color-alt);
		box-shadow: 0 2px 8px rgba(0,0,0,.12);
		transition: all .2s;
		z-index: 2;
}
.wish-btn[data-v-3831da67]:hover, .wish-btn.active[data-v-3831da67]{ color: var(--error-color);
}
.wish-btn.active svg[data-v-3831da67]{ fill: currentColor;
}
.product-info[data-v-3831da67]{ padding: var(--15px);
}
.product-title[data-v-3831da67]{ font-size: 13.5px; font-weight: 600; color: var(--black-color-alt); line-height: 1.3; margin: 0 0 6px; min-height: 34px;
}
.stars[data-v-3831da67]{ display:inline-flex; align-items: center; gap: 2px;
}
.star-icon[data-v-3831da67]{ width: 12px; height: 12px;
}
.stars-track[data-v-3831da67]{ gap: 2px;
}
.stars-fill[data-v-3831da67]{ position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; gap: 2px;
}
.review-count[data-v-3831da67]{ font-size: 11px; color: #999; margin-left: 2px;
}
.price-row[data-v-3831da67]{ margin-top: var(--8px);
}
.price-now[data-v-3831da67]{ font-size: clamp(15px, 1.1vw, 18px); font-weight: 800; color: var(--black-color-alt);
}
.price-now.block[data-v-3831da67]{ display: block; margin-top: var(--6px);
}
.price-old[data-v-3831da67]{ font-size: 12px; color: #aaa; text-decoration: line-through; margin-left: 6px;
}
.add-cart-btn[data-v-3831da67]{
		width: 34px; height: 34px;
		border-radius: 50%;
		background: var(--black-color-alt);
		color: #fff;
		display: flex; align-items:center; justify-content:center;
		transition: all .2s;
		flex: none;
}
.add-cart-btn[data-v-3831da67]:hover{ background: var(--success-color); color: var(--black-color-alt);
}




.product-gallery[data-v-26097e6e]{
		gap: var(--16px);
		    width: 57vw;
	    height: 80vh;
		flex: none;
		align-self: flex-start;
}
.pg-thumbs[data-v-26097e6e]{ gap: var(--12px); flex: none;
}
.pg-thumb[data-v-26097e6e]{
		width: 4.6vw;
		height: 4.6vw;
		min-width: 60px;
		min-height: 60px;
		flex: none;
		padding: 0;
		border: 2px solid transparent;
		overflow: hidden;
		background: var(--gray-color-alt);
		transition: border-color .2s;
}
.pg-thumb img[data-v-26097e6e]{ width: 100%; height: 100%; object-fit: cover; display: block;
}
.pg-thumb.active[data-v-26097e6e]{ border-color: var(--black-color-alt);
}
.pg-thumb[data-v-26097e6e]:hover{ border-color: var(--success-color);
}
.pg-main[data-v-26097e6e]{ 
		
	    height: 80vh;
    	max-height: 80vh;
		overflow: hidden; background: var(--gray-color-alt);
}
.pg-image[data-v-26097e6e]{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.pg-fade-enter-active[data-v-26097e6e], .pg-fade-leave-active[data-v-26097e6e]{ transition: opacity .3s ease;
}
.pg-fade-enter-from[data-v-26097e6e], .pg-fade-leave-to[data-v-26097e6e]{ opacity: 0;
}
.badge[data-v-26097e6e]{
		position: absolute;
		top: 14px; left: 14px;
		z-index: 2;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: .03em;
		padding: 5px 10px;
		border-radius: var(--radius-min);
		color: #fff;
}
.badge-new[data-v-26097e6e]{ background: var(--warning-color-alt);
}
.badge-promo[data-v-26097e6e]{ background: var(--error-color);
}
.badge-sample[data-v-26097e6e]{ background: var(--black-color-alt);
}
@media(max-width: 992px){
.product-gallery[data-v-26097e6e]{ width: 100%;
}
.pg-main[data-v-26097e6e]{ height: 60vw; max-height: none;
}
.pg-thumbs[data-v-26097e6e]{ overflow-x: auto;
}
}



.product-list-card[data-v-a721f1fc]{
		background: var(--gray-color);
		padding: var(--12px);
		gap: var(--15px);
}
.plc-media-wrap[data-v-a721f1fc]{
		width: 38%;
		flex: none;
		aspect-ratio: 1/1;
		overflow: hidden;
}
.plc-media[data-v-a721f1fc]{ object-fit: cover;
}
.badge[data-v-a721f1fc]{
		position: absolute;
		top: 10px; left: 10px;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: .03em;
		padding: 4px 10px;
		border-radius: var(--radius-min);
		color: #fff;
}
.badge-bestseller[data-v-a721f1fc]{ background: var(--success-color);
}
.product-title[data-v-a721f1fc]{ font-size: 14px; font-weight: 600; color: var(--black-color-alt); line-height: 1.3; margin-bottom: 2px;
}
.price-now[data-v-a721f1fc]{ font-size: 16px; font-weight: 800; color: var(--black-color-alt); margin-bottom: 4px;
}
.stars[data-v-a721f1fc]{ display: inline-flex; align-items: center; gap: 2px;
}
.star-icon[data-v-a721f1fc]{ width: 12px; height: 12px;
}
.stars-track[data-v-a721f1fc]{ gap: 2px;
}
.stars-fill[data-v-a721f1fc]{ position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; gap: 2px;
}
.review-count[data-v-a721f1fc]{ font-size: 11px; color: #999; margin-left: 2px;
}
.plc-desc[data-v-a721f1fc]{ color: #777; font-size: 12px; line-height: 1.4; margin-top: var(--6px);
}
.plc-cart-btn[data-v-a721f1fc]{
		width: 40px; height: 40px;
		flex: none;
		border: 1px solid #ddd;
		background: #fff;
		color: var(--black-color-alt);
		transition: all .2s;
}
.plc-cart-btn[data-v-a721f1fc]:hover{ background: var(--success-color); border-color: var(--success-color); color: #fff;
}
.plc-cart-icon[data-v-a721f1fc]{ width: 18px; height: 18px; transition: filter .2s;
}
.plc-cart-btn:hover .plc-cart-icon[data-v-a721f1fc]{ filter: brightness(0) invert(1);
}
@media(max-width: 768px){
.product-list-card[data-v-a721f1fc]{ flex-wrap: wrap;
}
}



.rail-wrap{ 
		display: flex; align-items: center; 
		padding-left: .5vw;
		padding-right: .5vw;
}
.prod-rail{
		display: flex;
		gap: var(--20px);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: var(--10px);
		
		flex: 1;
		-ms-overflow-style: none;
		scrollbar-width: none;
}
.prod-rail::-webkit-scrollbar{ display:none;
}
.prod-rail > *{ scroll-snap-align: start; flex: 0 0 auto; width: 20vw;
}
.rail-nav{
		width:  calc( var(--content-margin) - 1vw ) ; 
		height: calc( var(--content-margin) - 1vw ) ; 
		border-radius: 50%;
		border:1px solid var(--success-color); box-shadow: 0 6px 16px rgba(0,0,0,.08);
		display:flex; align-items:center; justify-content:center; color: var(--black-color);
		flex: none;
}
.rail-nav.rail-prev svg{ transform: rotate(90deg);
}
.rail-nav.rail-next svg{ transform: rotate(-90deg);
}
.rail-nav.rail-prev { margin-right: .5vw ;
}
.rail-nav.rail-next { margin-left: .5vw ;
}
@media(max-width: 768px){
.prod-rail > *{ width: 200px;
}
}



.promo-banner[data-v-3b86a1be]{
		position: relative;
		min-height: 260px;
		padding: var(--30px);
		display: flex;
		align-items: flex-end;
		background-size: cover;
		background-position: center;
		overflow: hidden;
}
.promo-banner.sale[data-v-3b86a1be]{ background: linear-gradient(120deg, var(--error-color) 0%, #A9280F 100%);
}
.promo-banner.dark[data-v-3b86a1be]::after{
		content: "";
		position: absolute; inset: 0;
		background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.15) 70%);
}
.promo-banner-content[data-v-3b86a1be]{ position: relative; z-index: 1; color: #fff;
}
.promo-eyebrow[data-v-3b86a1be]{ font-weight: 700; font-size: 12px; letter-spacing: .16em; opacity: .9;
}
.promo-banner-content .h3[data-v-3b86a1be]{ font-family: 'Montserrat', var(--font-name); font-weight: 800; margin: var(--8px) 0;
}
.promo-banner-content .p-alt[data-v-3b86a1be]{ color: rgba(255,255,255,.85); margin-bottom: 2vw; max-width: 320px;
}





		
	/* ===================== Titres de section ===================== */
.section-head h2[data-v-409e1a29]{
		font-weight: 800;
}
.section-link[data-v-409e1a29]{
		color: #fff;
		/* font-weight: 600; */
		display: inline-flex;
		align-items: center;
		gap: 6px;
		transition: all .5s ease-in-out;
}
.section-link[data-v-409e1a29]:hover{ 
		color: var(--gray-color); 
		transition: all .5s ease-in-out;
}



.shop-filters[data-v-81042468]{
		margin-bottom: var(--20px);
		padding-bottom: var(--20px);
		border-bottom: 1px solid var(--gray-color-alt);
}
.sidebar-title[data-v-81042468]{ margin-bottom: var(--15px); color: var(--black-color-alt);
}
.filter-group[data-v-81042468]{ margin-bottom: var(--15px);
}
.filter-label[data-v-81042468]{ display: block; margin-bottom: var(--8px); font-size: 12px; color: var(--black-color-alt);
}
.price-inputs[data-v-81042468]{ gap: 8px;
}
.price-inputs input[data-v-81042468]{
		width: 0;
		flex: 1;
		height: 36px;
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		border-radius: var(--radius-small);
		padding: 0 var(--10px);
		font-size: 12px;
		color: var(--black-color-alt);
		outline: none;
		transition: border-color .2s;
}
.price-inputs input[data-v-81042468]:focus{ border-color: var(--black-color-alt);
}
.price-sep[data-v-81042468]{ color: #999; flex: none;
}
.filter-group select[data-v-81042468]{
		width: 100%;
		height: 36px;
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		border-radius: var(--radius-small);
		padding: 0 var(--10px);
		font-size: 12px;
		color: var(--black-color-alt);
		outline: none;
}
.filter-checkbox[data-v-81042468]{
		gap: 8px;
		font-size: 12px;
		color: var(--black-color-alt);
		margin-bottom: var(--10px);
		cursor: pointer;
}
.filter-checkbox input[data-v-81042468]{ width: 15px; height: 15px; accent-color: var(--success-color); cursor: pointer;
}
.filter-apply-btn[data-v-81042468]{
		height: 40px;
		background: var(--black-color-alt);
		color: #fff;
		border: 0;
		font-size: 12px;
		margin-top: var(--10px);
		transition: background .2s;
}
.filter-apply-btn[data-v-81042468]:hover{ background: var(--success-color);
}



.shop-hero-media[data-v-c269fbc0]{
		height: 26vw;
		min-height: 320px;
		overflow: hidden;
		background: var(--gray-color-alt);
}
.shop-hero-media img[data-v-c269fbc0]{ object-fit: cover;
}
.shop-hero-title[data-v-c269fbc0]{
		left: 50%;
		bottom: -2vw;
		transform: translateX(-50%);
		font-size: clamp(80px, 13vw, 220px);
		line-height: 1;
		color: rgba(255,255,255,.9);
		letter-spacing: -.03em;
		text-shadow: 0 10px 40px rgba(0,0,0,.25);
		white-space: nowrap;
}
.shop-hero-search[data-v-c269fbc0]{ margin-top: -3.6vw; position: relative; z-index: 2;
}
.search-card[data-v-c269fbc0]{
		background: #fff;
		box-shadow: 0 20px 50px rgba(0,0,0,.14);
		padding: var(--20px) var(--30px);
		gap: var(--20px);
}
.search-card-title[data-v-c269fbc0]{
		font-size: clamp(16px, 1.6vw, 22px);
		color: var(--black-color-alt);
		white-space: nowrap;
}
.search-field[data-v-c269fbc0]{
		background: var(--gray-color-alt);
		padding: 0 var(--15px);
		gap: 8px;
		height: 48px;
		color: var(--black-color-alt);
}
.search-field input[data-v-c269fbc0]{
		flex: 1;
		height: 100%;
		border: 0;
		background: none;
		font-size: 14px;
		color: var(--black-color-alt);
		outline: none;
}
.search-btn[data-v-c269fbc0]{
		background: var(--black-color-alt);
		color: #fff;
		height: 48px;
		padding: 0 var(--30px);
		flex: none;
}
.search-btn[data-v-c269fbc0]:hover{ background: var(--success-color);
}
@media(max-width: 768px){
.shop-hero-title[data-v-c269fbc0]{ font-size: clamp(48px, 20vw, 90px); bottom: -1vw;
}
.search-card[data-v-c269fbc0]{ flex-wrap: wrap;
}
.search-card-title[data-v-c269fbc0]{ width: 100%; white-space: normal;
}
.search-field[data-v-c269fbc0]{ order: 1; width: 100%;
}
.search-btn[data-v-c269fbc0]{ order: 2; width: 100%;
}
}



.shop-product-card[data-v-77795f98]{ background: #fff;
}
.spc-media[data-v-77795f98]{ aspect-ratio: 1/1; overflow: hidden; background: var(--gray-color-alt);
}
.spc-badge[data-v-77795f98]{
		position: absolute;
		top: 10px; right: 10px;
		background: rgba(255,255,255,.92);
		color: var(--black-color-alt);
		font-size: 10px;
		font-weight: 700;
		padding: 3px 10px;
		border-radius: var(--radius-big);
}
.spc-wish-btn[data-v-77795f98]{
		position: absolute;
		top: 10px; left: 10px;
		z-index: 2;
		width: 30px; height: 30px;
		border-radius: 50%;
		background: #fff;
		border: 0;
		display: flex; align-items: center; justify-content: center;
		color: var(--black-color-alt);
		box-shadow: 0 2px 8px rgba(0,0,0,.12);
		transition: all .2s;
}
.spc-wish-btn[data-v-77795f98]:hover, .spc-wish-btn.active[data-v-77795f98]{ color: var(--error-color);
}
.spc-title[data-v-77795f98]{ font-size: 13.5px; font-weight: 600; color: var(--black-color-alt); line-height: 1.3; margin-bottom: var(--8px);
}
.stars[data-v-77795f98]{ display: inline-flex; align-items: center; gap: 2px;
}
.star-icon[data-v-77795f98]{ width: 12px; height: 12px;
}
.review-count[data-v-77795f98]{ font-size: 11px; color: #999; margin-left: 2px;
}
.spc-price[data-v-77795f98]{ font-size: 14px; font-weight: 800; color: var(--black-color-alt);
}
.spc-actions[data-v-77795f98]{ margin-top: var(--12px);
}
.spc-btn[data-v-77795f98]{
		height: 36px;
		font-size: 12px;
		font-weight: 700;
		border: 0;
		transition: all .2s;
}
.spc-btn-outline[data-v-77795f98]{ background: #fff; color: var(--black-color-alt); border: 1px solid var(--black-color-alt);
}
.spc-btn-outline[data-v-77795f98]:hover{ background: var(--gray-color-alt);
}
.spc-btn-solid[data-v-77795f98]{ background: var(--black-color-alt); color: #fff;
}
.spc-btn-solid[data-v-77795f98]:hover{ background: var(--success-color);
}



.sg-track[data-v-1c5230f0]{ height: 4px; background: var(--gray-color-alt); border-radius: 999px;
}
.sg-fill[data-v-1c5230f0]{ top: 0; left: 0; height: 100%; background: var(--success-color); border-radius: 999px; transition: width .3s;
}
.sg-dot[data-v-1c5230f0]{
		top: 50%; transform: translate(-50%, -50%);
		width: 12px; height: 12px;
		border-radius: 50%;
		background: var(--black-color-alt);
		border: 2px solid #fff;
		box-shadow: 0 0 0 1px var(--black-color-alt);
		transition: left .3s;
}
.sg-labels[data-v-1c5230f0]{ margin-top: var(--8px);
}
.sg-labels span[data-v-1c5230f0]{ font-size: 11px; color: #999; transition: color .2s;
}
.sg-labels span.active[data-v-1c5230f0]{ color: var(--black-color-alt); font-weight: 700;
}





	/* ===================== Bandeau de réassurance (TrustBar, x2) ===================== */
.trust-bar[data-v-dc62a968]{ gap: 20px;
}
.trust-item[data-v-dc62a968]{ flex: 1; min-width: 220px;
}
.trust-item .i-wrap[data-v-dc62a968]{
		width: 46px; height: 46px;
		border-radius: 50%;
		background: var(--gray-color-alt);
		color: var(--black-color-alt);
		display: flex; align-items:center; justify-content:center;
}
.trust-item b[data-v-dc62a968]{ display:block; font-size: 13px;
}
.trust-item .p-alt[data-v-dc62a968]{ color: #777; margin-top: 1px;
}




.vs-label[data-v-7b9aad40]{ font-size: 13px; color: var(--black-color-alt);
}
.vs-options[data-v-7b9aad40]{ gap: var(--10px); flex-wrap: wrap;
}
.vs-chip[data-v-7b9aad40]{
		border: 1px solid #ddd;
		background: #fff;
		color: var(--black-color-alt);
		transition: all .2s;
}
.vs-chip[data-v-7b9aad40]:hover{ border-color: var(--black-color-alt);
}
.vs-chip.active[data-v-7b9aad40]{ background: var(--black-color-alt); border-color: var(--black-color-alt); color: #fff;
}



.whatsapp-fab[data-v-31ab2b44]{
		position: fixed;
		right: 24px; bottom: 24px;
		z-index: 50;
		gap: 10px;
}
.wa-circle[data-v-31ab2b44]{
		width: 56px; height: 56px;
		flex: none;
		border-radius: 50%;
		background: #25D366;
		box-shadow: 0 8px 24px rgba(0,0,0,.25);
		transition: transform .2s;
}
.whatsapp-fab:hover .wa-circle[data-v-31ab2b44]{ transform: scale(1.06);
}
.wa-icon[data-v-31ab2b44]{ width: 30px; height: 30px;
}
.wa-tooltip[data-v-31ab2b44]{
		padding: 8px 14px;
		white-space: nowrap;
		box-shadow: 0 8px 20px rgba(0,0,0,.18);
		opacity: 0;
		transform: translateX(8px);
		transition: opacity .2s, transform .2s;
		pointer-events: none;
}
.whatsapp-fab:hover .wa-tooltip[data-v-31ab2b44],
	.whatsapp-fab:focus-visible .wa-tooltip[data-v-31ab2b44]{
		opacity: 1;
		transform: translateX(0);
}
@media(max-width: 768px){
.whatsapp-fab[data-v-31ab2b44]{ right: 16px; bottom: 16px;
}
.wa-circle[data-v-31ab2b44]{ width: 48px; height: 48px;
}
.wa-icon[data-v-31ab2b44]{ width: 26px; height: 26px;
}
.wa-tooltip[data-v-31ab2b44]{ display: none;
} /* pas de survol au tactile */
}



#wishlistOverlay[data-v-57361da0]{
		position: fixed; inset: 0;
		background: rgba(10,20,45,.55);
		z-index: 69;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s;
}
#wishlistOverlay.show[data-v-57361da0]{ opacity: 1; pointer-events: auto;
}
#wishlistDrawer[data-v-57361da0]{
		position: fixed;
		top: 0; bottom: 0; right: 0;
		width: 92%;
		max-width: 380px;
		background: #fff;
		z-index: 70;
		display: flex;
		flex-direction: column;
		transform: translateX(100%);
		transition: transform .35s ease;
}
#wishlistDrawer.open[data-v-57361da0]{ transform: translateX(0);
}
.wl-head[data-v-57361da0]{
		padding: var(--18px) var(--20px);
		border-bottom: 1px solid #eee;
		flex: none;
}
.wl-head b[data-v-57361da0]{ font-size: 15px; color: var(--black-color-alt);
}
.wl-close[data-v-57361da0]{
		width: 30px; height: 30px;
		border-radius: 50%;
		background: var(--gray-color-alt);
		border: 0;
		display: flex; align-items: center; justify-content: center;
		transition: background .2s;
}
.wl-close[data-v-57361da0]:hover{ background: #e2e2e2;
}
.wl-empty[data-v-57361da0]{ flex: 1; padding: var(--30px); text-align: center;
}
.wl-empty-icon[data-v-57361da0]{ width: 40px; height: 40px; opacity: .35;
}
.wl-shop-link[data-v-57361da0]{ color: var(--success-color);
}
.wl-shop-link[data-v-57361da0]:hover{ text-decoration: underline;
}
.wl-list[data-v-57361da0]{ flex: 1; overflow-y: auto; padding: var(--10px) var(--15px);
}
.wl-item[data-v-57361da0]{
		gap: var(--12px);
		padding: var(--12px) var(--5px);
		border-bottom: 1px solid #f2f2f2;
}
.wl-item[data-v-57361da0]:last-child{ border-bottom: 0;
}
.wl-item-media[data-v-57361da0]{ width: 60px; height: 60px; border-radius: var(--radius-small); overflow: hidden; background: var(--gray-color-alt);
}
.wl-item-media img[data-v-57361da0]{ width: 100%; height: 100%; object-fit: cover; display: block;
}
.wl-item-info[data-v-57361da0]{ display: flex; flex-direction: column; min-width: 0;
}
.wl-item-title[data-v-57361da0]{
		font-size: 13px;
		font-weight: 600;
		color: var(--black-color-alt);
		line-height: 1.3;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
}
.wl-item-title[data-v-57361da0]:hover{ color: var(--success-color);
}
.wl-item-price[data-v-57361da0]{ font-size: 13px; font-weight: 700; color: var(--black-color-alt); margin-top: 4px;
}
.wl-remove[data-v-57361da0]{
		width: 26px; height: 26px;
		border-radius: 50%;
		background: none;
		border: 0;
		display: flex; align-items: center; justify-content: center;
		color: #999;
		transition: background .2s, color .2s;
}
.wl-remove[data-v-57361da0]:hover{ background: var(--gray-color-alt); color: var(--error-color);
}
@media(max-width: 480px){
#wishlistDrawer[data-v-57361da0]{ width: 100%; max-width: none;
}
}



.breadcrumb[data-v-bc3f42e0]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-bc3f42e0]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-bc3f42e0]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-bc3f42e0]{ opacity: .5;
}
.crumb-current[data-v-bc3f42e0]{ color: var(--black-color-alt); font-weight: 600;
}
.complaint-intro[data-v-bc3f42e0]{ color: #666; line-height: 1.6; max-width: 640px;
}

	/* ===================== Colonne info ===================== */
.complaint-info[data-v-bc3f42e0]{ width: 26vw; flex: none;
}
.info-label[data-v-bc3f42e0]{ display: block; color: var(--black-color-alt); text-transform: uppercase; letter-spacing: .03em; font-size: 11px; margin-bottom: 4px;
}
.info-row .p-alt[data-v-bc3f42e0]{ color: #666; line-height: 1.5;
}
.info-row a[data-v-bc3f42e0]{ color: var(--success-color); font-weight: 600;
}
.info-row a[data-v-bc3f42e0]:hover{ text-decoration: underline;
}
.wa-link-btn[data-v-bc3f42e0]{
		background: #25D366;
		color: #fff;
		padding: var(--15px) var(--20px);
		gap: 10px;
		width: fit-content;
		transition: filter .2s;
}
.wa-link-btn[data-v-bc3f42e0]:hover{ filter: brightness(1.05);
}
.wa-link-icon[data-v-bc3f42e0]{ width: 20px; height: 20px;
}

	/* ===================== Formulaire ===================== */
.form-error[data-v-bc3f42e0]{
		background: #FCEBEA;
		color: #C0392B;
		padding: var(--12px) var(--15px);
		font-size: 13px;
}
.form-grid[data-v-bc3f42e0]{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--20px);
}
.form-field[data-v-bc3f42e0]{ display: block;
}
.field-label[data-v-bc3f42e0]{ display: block; color: var(--black-color-alt); margin-bottom: 6px;
}
.optional[data-v-bc3f42e0]{ font-weight: 400; color: #999; font-style: normal;
}
.field-error[data-v-bc3f42e0]{ display: block; color: #C0392B; font-size: 12px; margin-top: 4px;
}
.form-field input[data-v-bc3f42e0], .form-field select[data-v-bc3f42e0], .form-field textarea[data-v-bc3f42e0]{
		width: 100%;
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		padding: 0 var(--15px);
		height: 46px;
		font-size: 14px;
		color: var(--black-color-alt);
		border-radius: var(--radius-small);
		outline: none;
		transition: border-color .2s;
}
.form-field textarea[data-v-bc3f42e0]{ height: auto; padding: var(--12px) var(--15px); resize: vertical;
}
.form-field input[data-v-bc3f42e0]:focus, .form-field select[data-v-bc3f42e0]:focus, .form-field textarea[data-v-bc3f42e0]:focus{ border-color: var(--black-color-alt);
}
.form-field .field-invalid[data-v-bc3f42e0]{ border-color: #C0392B;
}
.submit-btn[data-v-bc3f42e0]{
		height: 48px;
		padding: 0 var(--30px);
		background: var(--black-color-alt);
		color: #fff;
		border: 0;
		font-size: 14px;
		transition: background .2s;
}
.submit-btn[data-v-bc3f42e0]:hover{ background: var(--success-color);
}
.submit-btn[data-v-bc3f42e0]:disabled{ opacity: .6; cursor: not-allowed;
}
@media(max-width: 992px){
.complaint-layout[data-v-bc3f42e0]{ flex-direction: column;
}
.complaint-info[data-v-bc3f42e0]{ width: 100%;
}
}
@media(max-width: 768px){
.form-grid[data-v-bc3f42e0]{ grid-template-columns: 1fr;
}
}



.breadcrumb[data-v-7667a35d]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-7667a35d]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-7667a35d]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-7667a35d]{ opacity: .5;
}
.crumb-current[data-v-7667a35d]{ color: var(--black-color-alt); font-weight: 600;
}
.faq-intro[data-v-7667a35d]{ color: #666; line-height: 1.6; max-width: 640px;
}
.faq-body[data-v-7667a35d]{ max-width: 860px;
}
.faq-category[data-v-7667a35d]:first-child{ margin-top: 0;
}
.faq-category h2[data-v-7667a35d]{ padding-bottom: var(--12px); border-bottom: 1px solid var(--gray-color-alt);
}
.faq-cta[data-v-7667a35d]{
		background: var(--black-color-alt);
		padding: var(--30px);
		gap: var(--20px);
}
.faq-cta-heading .h3[data-v-7667a35d]{ line-height: 1.3;
}
.faq-cta-heading .p-alt[data-v-7667a35d]{ color: rgba(255,255,255,.7); margin-top: 4px;
}
.faq-cta-btn[data-v-7667a35d]{
		background: var(--success-color);
		padding: .51vw var(--20px);
		color: #fff;
		white-space: nowrap;
		flex: none;
		transition: filter .2s;
}
.faq-cta-btn[data-v-7667a35d]:hover{ filter: brightness(1.08);
}
@media(max-width: 768px){
.faq-cta[data-v-7667a35d]{ flex-direction: column; align-items: flex-start;
}
}




	/* ===================== Grilles de section ===================== */
.cat-grid[data-v-7114a1c7]{ display:grid; grid-template-columns: repeat(6,1fr); gap: var(--20px);
}
.best-sellers-grid[data-v-7114a1c7]{ display:grid; grid-template-columns: repeat(3,1fr); gap: 4vw;
}
.promo-banners-grid[data-v-7114a1c7]{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--20px);
}

	/* ===================== COUNTDOWN ===================== */
.promo-banner-content .countdown[data-v-7114a1c7]{ margin-bottom: 3vw;
}
.countdown[data-v-7114a1c7]{ gap: var(--10px);
}
.countdown .box[data-v-7114a1c7]{
		background: rgba(255,255,255,.15);
		border: 1px solid rgba(255,255,255,.3);
		border-radius: var(--radius-small);
		width: clamp(48px, 4vw, 60px);
		padding: var(--8px) 0;
		text-align: center;
}
.countdown .box b[data-v-7114a1c7]{ 
		font-size: clamp(16px, 1.4vw, 20px); 
		display:block;
}
.countdown .box small[data-v-7114a1c7]{ font-size: 10px; letter-spacing: .05em; opacity: .8;
}
@media(max-width: 992px){
.cat-grid[data-v-7114a1c7]{ grid-template-columns: repeat(3,1fr);
}
.best-sellers-grid[data-v-7114a1c7]{ grid-template-columns: repeat(2,1fr);
}
.promo-banners-grid[data-v-7114a1c7]{ grid-template-columns: 1fr;
}
}
@media(max-width: 768px){
.cat-grid[data-v-7114a1c7]{ grid-template-columns: repeat(2,1fr); gap: var(--15px);
}
.best-sellers-grid[data-v-7114a1c7]{ grid-template-columns: 1fr;
}
}



.breadcrumb[data-v-59d80c89]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-59d80c89]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-59d80c89]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-59d80c89]{ opacity: .5;
}
.crumb-current[data-v-59d80c89]{ color: var(--black-color-alt); font-weight: 600;
}
.ot-intro[data-v-59d80c89]{ color: #666; line-height: 1.6; max-width: 640px;
}
.ot-form[data-v-59d80c89]{ flex-wrap: wrap; align-items: flex-end;
}
.form-field[data-v-59d80c89]{ display: block;
}
.field-label[data-v-59d80c89]{ display: block; color: var(--black-color-alt); margin-bottom: 6px;
}
.form-field input[data-v-59d80c89]{
		background: var(--gray-color-alt);
		border: 1px solid transparent;
		padding: 0 var(--15px);
		height: 46px;
		font-size: 14px;
		color: var(--black-color-alt);
		border-radius: var(--radius-small);
		outline: none;
		transition: border-color .2s;
		min-width: 240px;
}
.form-field input[data-v-59d80c89]:focus{ border-color: var(--black-color-alt);
}
.submit-btn[data-v-59d80c89]{
		height: 46px;
		padding: 0 var(--30px);
		background: var(--black-color-alt);
		color: #fff;
		border: 0;
		font-size: 14px;
		transition: background .2s;
}
.submit-btn[data-v-59d80c89]:hover{ background: var(--success-color);
}
.submit-btn[data-v-59d80c89]:disabled{ opacity: .6; cursor: not-allowed;
}
.submit-error[data-v-59d80c89]{ color: var(--error-color);
}
.ot-cancelled[data-v-59d80c89]{ background: #fdecec; border: 1px solid var(--error-color); padding: var(--20px); color: var(--error-color);
}
.ot-summary > div[data-v-59d80c89]{ display: flex; flex-direction: column; gap: 4px;
}
.ot-current-status[data-v-59d80c89]{ color: var(--success-color);
}
.ot-timeline[data-v-59d80c89]{ position: relative;
}
.ot-step[data-v-59d80c89]{
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
}
.ot-step[data-v-59d80c89]:not(:last-child)::after{
		content: '';
		position: absolute;
		top: 8px;
		left: 50%;
		width: 100%;
		height: 2px;
		background: #ddd;
		z-index: 0;
}
.ot-step.reached[data-v-59d80c89]:not(:last-child)::after{ background: var(--success-color);
}
.ot-dot[data-v-59d80c89]{
		width: 18px; height: 18px;
		border-radius: 50%;
		background: #ddd;
		border: 3px solid #fff;
		z-index: 1;
		margin-bottom: 10px;
}
.ot-step.reached .ot-dot[data-v-59d80c89]{ background: var(--success-color);
}
.ot-step.current .ot-dot[data-v-59d80c89]{ box-shadow: 0 0 0 4px rgba(20,132,73,.15);
}
.ot-step-label[data-v-59d80c89]{ font-size: 12px; max-width: 110px;
}
.ot-step.reached .ot-step-label[data-v-59d80c89]{ color: var(--black-color-alt); font-weight: 600;
}
.ot-payment[data-v-59d80c89]{ background: var(--gray-color-alt); padding: var(--20px); max-width: 420px;
}
.ot-amount[data-v-59d80c89]{ font-size: 18px; color: var(--black-color-alt);
}
.ot-paid-badge[data-v-59d80c89]{
		display: inline-block;
		margin-top: var(--12px);
		padding: 4px 10px;
		border-radius: var(--radius-min);
		font-size: 11px;
		font-weight: 700;
		background: #fdecec;
		color: var(--error-color);
}
.ot-paid-badge.paid[data-v-59d80c89]{ background: #e6f6ec; color: var(--success-color);
}
.ot-items[data-v-59d80c89]{ display: flex; flex-direction: column; gap: var(--12px);
}
.ot-items li[data-v-59d80c89]{ gap: var(--12px); padding: var(--10px) 0; border-bottom: 1px solid #f2f2f2;
}
.ot-item-img[data-v-59d80c89]{ width: 50px; height: 50px; border-radius: var(--radius-small); object-fit: cover; flex: none;
}
.ot-history[data-v-59d80c89]{ display: flex; flex-direction: column; gap: var(--8px);
}
.ot-history li[data-v-59d80c89]{ padding: var(--8px) 0; border-bottom: 1px solid #f2f2f2; font-size: 13px;
}
@media(max-width: 768px){
.ot-timeline[data-v-59d80c89]{ flex-direction: column; align-items: flex-start; gap: var(--20px);
}
.ot-step[data-v-59d80c89]:not(:last-child)::after{ display: none;
}
.ot-step[data-v-59d80c89]{ flex-direction: row; text-align: left;
}
.ot-dot[data-v-59d80c89]{ margin-bottom: 0; margin-right: 10px;
}
}



.breadcrumb[data-v-30c1de4f]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-30c1de4f]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-30c1de4f]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-30c1de4f]{ opacity: .5;
}
.crumb-current[data-v-30c1de4f]{ color: var(--black-color-alt); font-weight: 600;
}
.policy-content[data-v-30c1de4f]{ max-width: 820px; color: #444; line-height: 1.7;
}
.policy-content[data-v-30c1de4f] h3{ margin-top: var(--30px); margin-bottom: var(--10px); font-weight: 700; color: var(--black-color-alt);
}
.policy-content[data-v-30c1de4f] h3:first-child{ margin-top: 0;
}
.policy-content[data-v-30c1de4f] p{ margin-bottom: var(--12px);
}
.policy-content[data-v-30c1de4f] a{ color: var(--success-color);
}
.policy-content[data-v-30c1de4f] a:hover{ text-decoration: underline;
}
.policy-content[data-v-30c1de4f] ul, .policy-content[data-v-30c1de4f] ol{ margin: var(--10px) 0 var(--12px) var(--20px);
}




	/* ===================== Fil d'Ariane ===================== */
.breadcrumb[data-v-0c582285]{ gap: 8px; color: #999;
}
.breadcrumb a[data-v-0c582285]{ color: #999; transition: color .2s;
}
.breadcrumb a[data-v-0c582285]:hover{ color: var(--black-color-alt);
}
.crumb-sep[data-v-0c582285]{ opacity: .5;
}
.crumb-current[data-v-0c582285]{ color: var(--black-color-alt); font-weight: 600;
}

	/* ===================== Galerie épinglée ===================== */
	/* .gallery-track : hauteur définie inline (nb images × 100vh), sert de
	   piste de scroll. .pd-main : fond plein pour ne rien laisser
	   transparaître derrière une fois épinglé (position: fixed via
	   ScrollTrigger). */
	/* margin-top plutôt que top : .pd-main n'est plus en position sticky,
	   c'est ScrollTrigger qui le fige (cf. script) en figeant la position
	   qu'il a juste avant l'épinglage — ce décalage devient donc l'offset
	   visible une fois épinglé. */
.pd-main[data-v-0c582285]{ background: #fff; top: 3vw !important;
}

	/* .pd-info peut devenir plus haute qu'un écran (plusieurs accordéons
	   ouverts, description longue…). Comme .pd-main est figé en position
	   fixed pendant la piste de scroll, tout ce qui dépasse la hauteur de
	   l'écran serait sinon invisible/inaccessible (le scroll de la page
	   fait défiler les images, pas ce panneau) — on lui donne donc son
	   propre scroll interne, borné à la hauteur visible.
	   data-lenis-prevent (sur l'élément, dans le template) : sans ça, Lenis
	   intercepte la molette même au-dessus de .pd-info et continue de
	   piloter le scroll de la page (donc la piste d'images) au lieu de
	   laisser le navigateur défiler ce panneau nativement.
	   overscroll-behavior: contain empêche qu'une fois arrivé en bas/haut
	   de .pd-info, le scroll ne "déborde" sur la page en dessous. */
@media(min-width: 993px){
.pd-info[data-v-0c582285]{
			max-height: 92vh;
			overflow-y: auto;
			overscroll-behavior: contain;
			padding-right: var(--10px);
			scrollbar-width: thin;
			scrollbar-color: #ccc transparent;
}
.pd-info[data-v-0c582285]::-webkit-scrollbar{ width: 6px;
}
.pd-info[data-v-0c582285]::-webkit-scrollbar-track{ background: transparent;
}
.pd-info[data-v-0c582285]::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 999px;
}
.pd-info[data-v-0c582285]::-webkit-scrollbar-thumb:hover{ background: var(--black-color-alt);
}
}

	/* ===================== Panneau produit ===================== */
.pd-category[data-v-0c582285]{ color: var(--success-color); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; font-size: 12px;
}
.pd-title[data-v-0c582285]{ line-height: 1.25;
}
.pd-rating[data-v-0c582285]{ gap: 8px; width: fit-content;
}
.stars[data-v-0c582285]{ display: inline-flex; align-items: center; gap: 2px;
}
.star-icon[data-v-0c582285]{ width: 14px; height: 14px;
}
.review-count[data-v-0c582285]{ font-size: 12px; color: #999;
}
.pd-rating-chevron[data-v-0c582285]{ width: 14px; height: 14px; transform: rotate(180deg); opacity: .6;
}
.pd-price[data-v-0c582285]{ gap: 10px;
}
.price-now[data-v-0c582285]{ font-size: 28px; font-weight: 800; color: var(--black-color-alt);
}
.price-old[data-v-0c582285]{ font-size: 15px; color: #aaa; text-decoration: line-through;
}
.pd-discount[data-v-0c582285]{ font-size: 11px; font-weight: 800; color: #fff; background: var(--error-color); padding: 3px 8px; border-radius: var(--radius-min);
}
.pd-description[data-v-0c582285]{ color: #666; line-height: 1.6; max-width: 34vw;
}

	/* ===================== Quantité + actions ===================== */
.qty-stepper[data-v-0c582285]{ border: 1px solid #ddd; height: 48px; flex: none;
}
.qty-stepper button[data-v-0c582285]{ width: 40px; height: 100%; background: none; border: 0; font-size: 16px; color: var(--black-color-alt);
}
.qty-stepper button[data-v-0c582285]:hover{ background: var(--gray-color-alt);
}
.qty-stepper span[data-v-0c582285]{ width: 32px; text-align: center; font-weight: 700; font-size: 14px;
}
.pd-add-btn[data-v-0c582285]{ height: 48px; background: var(--black-color-alt); color: #fff; border: 0; font-size: 14px; transition: background .2s;
}
.pd-add-btn[data-v-0c582285]:hover{ background: var(--success-color);
}
.pd-wish-btn[data-v-0c582285]{
		width: 48px; height: 48px; flex: none;
		border: 1px solid #ddd; background: #fff;
		display: flex; align-items: center; justify-content: center;
		transition: border-color .2s;
}
.pd-wish-btn[data-v-0c582285]:hover, .pd-wish-btn.active[data-v-0c582285]{ border-color: var(--error-color);
}
.wish-icon[data-v-0c582285]{ width: 20px; height: 20px;
}

	/* ===================== Avis clients ===================== */
.reviews-grid[data-v-0c582285]{ display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--20px);
}
.review-card[data-v-0c582285]{ background: var(--gray-color-alt);
}
.review-card .p-alt[data-v-0c582285]{ color: #666; line-height: 1.5;
}

	/* ===================== Produit introuvable ===================== */
.not-found[data-v-0c582285]{ text-align: center;
}
.pd-back-link[data-v-0c582285]{ display: inline-block; margin-top: var(--15px); color: var(--success-color);
}
@media(max-width: 992px){
.gallery-track[data-v-0c582285]{ height: auto !important;
} /* pas d'épinglage sous ce breakpoint (cf. script) : la hauteur inline (nb images × 100vh) ne s'applique pas */
.pd-main[data-v-0c582285]{ flex-direction: column;
}
.pd-description[data-v-0c582285]{ max-width: 100%;
}
.reviews-grid[data-v-0c582285]{ grid-template-columns: 1fr;
}
}



.shop-sidebar-col[data-v-faa80956]{ flex: none; width: 15vw;
}
.shop-grid[data-v-faa80956]{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 3vw var(--25px);
}
.no-results[data-v-faa80956]{ padding: var(--40px) 0; text-align: center;
}
@media(max-width: 992px){
.shop-sidebar-col[data-v-faa80956]{ display: none;
} /* même repli que CategorySidebar.vue — filtres avancés hors périmètre mobile pour l'instant */
.shop-grid[data-v-faa80956]{ grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 768px){
.shop-grid[data-v-faa80956]{ grid-template-columns: 1fr;
}
}


/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: 0px;
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-40 {
    top: calc(var(--spacing) * 40);
  }
  .right-0 {
    right: 0px;
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-20 {
    right: calc(var(--spacing) * 20);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .left-0 {
    left: 0px;
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-15 {
    left: calc(var(--spacing) * 15);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-40 {
    left: calc(var(--spacing) * 40);
  }
  .left-50 {
    left: calc(var(--spacing) * 50);
  }
  .isolate {
    isolation: isolate;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .mr-\[--10px\] {
    margin-right: --10px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-\[75vh\] {
    height: 75vh;
  }
  .h-\[90\%\] {
    height: 90%;
  }
  .h-\[95\%\] {
    height: 95%;
  }
  .h-\[100vh\] {
    height: 100vh;
  }
  .h-full {
    height: 100%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-\[0-9a-fA-F\] {
    width: 0-9a-fA-F;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[98\%\] {
    width: 98%;
  }
  .w-\[100vw\] {
    width: 100vw;
  }
  .w-full {
    width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .-translate-x-\[5vw\] {
    --tw-translate-x: calc(5vw * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[5vw\] {
    --tw-translate-x: 5vw;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[\.9\] {
    scale: .9;
  }
  .scale-\[1\] {
    scale: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-\[0-9a-fA-F\] {
    padding: 0-9a-fA-F;
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[--10px\] {
    padding-inline: --10px;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pt-\[--10px\] {
    padding-top: --10px;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .break-all {
    word-break: break-all;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow\! {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition\! {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-\[2s\] {
    --tw-duration: 2s;
    transition-duration: 2s;
  }
  .duration-\[10s\] {
    --tw-duration: 10s;
    transition-duration: 10s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .transform-3d {
    transform-style: preserve-3d;
  }
  @media (hover: hover) {
    .hover\:bg-blue-200:hover {
      background-color: var(--color-blue-200);
    }
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
    .hover\:bg-green-200:hover {
      background-color: var(--color-green-200);
    }
    .hover\:bg-red-200:hover {
      background-color: var(--color-red-200);
    }
    .hover\:bg-yellow-200:hover {
      background-color: var(--color-yellow-200);
    }
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-blue-400:focus {
    --tw-ring-color: var(--color-blue-400);
  }
  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }
  @media (width >= 48rem) {
    .md\:inset-0 {
      inset: 0px;
    }
  }
  @media (width >= 64rem) {
    .lg\:ms-3 {
      margin-inline-start: calc(var(--spacing) * 3);
    }
    .lg\:h-\[100\%\] {
      height: 100%;
    }
    .lg\:w-\[70\%\] {
      width: 70%;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:object-contain {
      object-fit: contain;
    }
    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .lg\:px-\[--20px\] {
      padding-inline: --20px;
    }
    .lg\:py-\[--10px\] {
      padding-block: --10px;
    }
    .lg\:py-\[--15px\] {
      padding-block: --15px;
    }
    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
}
body {
  background-color: #fff;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}