.gallery-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.gallery-fade-in{opacity:0;animation:.6s ease-out forwards fadeInUp;transform:translateY(10px)}.gallery-slide{will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.product-card-hover{will-change:transform,box-shadow;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card-hover:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-hover-scale{will-change:transform;transition:transform .7s cubic-bezier(.4,0,.2,1)}.image-hover-scale:hover{transform:scale(1.05)}.button-ripple{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-ripple:before{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-ripple:active:before{width:300px;height:300px}.badge-pulse{animation:2s infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-dot{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.gallery-dot:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-dot:hover:after{width:120%;height:120%}.gallery-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.gallery-arrow:hover{background:#fffffff2;transform:scale(1.1)}.gallery-arrow:active{transform:scale(.95)}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (max-width:768px){.gallery-transition{transition-duration:.3s}.product-card-hover:hover{transform:translateY(-2px)scale(1.01)}.image-hover-scale:hover{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.gallery-transition,.product-card-hover,.image-hover-scale,.button-ripple,.gallery-dot,.gallery-arrow{transition:none;animation:none}}
.color-swatch{border:1px solid #e5e7eb;border-radius:9999px;width:1rem;height:1rem}.color-transparent{background-color:#0000;background-image:linear-gradient(45deg,#f9fafb 25%,#0000 25% 75%,#f9fafb 75%,#f9fafb),linear-gradient(45deg,#f9fafb 25%,#0000 25% 75%,#f9fafb 75%,#f9fafb);background-position:0 0,4px 4px;background-size:8px 8px}.color-multicolore{background-image:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet)}.color-blanc{background-color:#fff}.color-noir{background-color:#000}.color-gris{background-color:gray}.color-bleu{background-color:#00f}.color-rouge{background-color:red}.color-vert{background-color:green}.color-rose{background-color:pink}.color-marron{background-color:brown}.color-argent{background-color:silver}.color-or{background-color:gold}.color-beige{background-color:beige}
.image-dimensions{width:var(--img-width,auto);height:var(--img-height,auto)}.image-dimensions[data-width][data-height]{width:attr(data-width px);height:attr(data-height px)}.base64-image{width:var(--img-width,auto);height:var(--img-height,auto)}.base64-image[data-width][data-height]{width:attr(data-width px);height:attr(data-height px)}.image-error-fallback{color:#6b7280;background-color:#f3f4f6;justify-content:center;align-items:center;font-size:.875rem;display:flex}.image-container{position:relative;overflow:hidden}.image-loading{filter:blur(4px);transform:scale(1.1)}.image-loaded{filter:blur();transform:scale(1)}.image-transition{transition:all .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
:root{--sidebar-width:16rem;--sidebar-width-icon:3rem}
.image-dimensions{width:var(--img-width);height:var(--img-height)}.image-placeholder{background-color:#f3f4f6;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.image-error-fallback{color:#6b7280;background-color:#f9fafb;justify-content:center;align-items:center;font-size:.875rem;display:flex}.base64-image{-o-object-position:center;object-position:center}.custom-image-style{display:block}.object-fit-contain{-o-object-fit:contain;object-fit:contain}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.object-fit-fill{-o-object-fit:fill;object-fit:fill}.object-fit-none{-o-object-fit:none;object-fit:none}.object-fit-scale-down{-o-object-fit:scale-down;object-fit:scale-down}