body{background-color:#2d2d39;color:#fff;margin:0;padding:0}.container{width:95%;max-width:none;margin:auto;padding:1rem;position:relative}.grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}@media (min-width: 768px){.grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.content-overlay{background-color:#1a1a1ad9;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem;width:96%;margin-left:auto;margin-right:auto;text-align:center}a{color:#818cf8;transition:color .2s;text-decoration:none}a:hover{color:#a5b4fc}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;margin-bottom:1.5rem}h2{font-size:1.875rem;line-height:2.25rem}.parchment-title{background:linear-gradient(to right,#d4c4a8,#f4e4c8,#d4c4a8);border:2px solid #8b7355;border-radius:10px;padding:15px 30px;position:relative;text-align:center;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;transform:perspective(100px) rotateX(.5deg)}.parchment-title:before,.parchment-title:after{content:"";position:absolute;height:100%;width:20px;top:0;background:linear-gradient(to right,transparent,rgba(139,115,85,.2))}.parchment-title:before{left:0;transform:skew(-15deg)}.parchment-title:after{right:0;transform:skew(15deg)}.parchment-title h3{margin:0;color:#5c4934;text-shadow:1px 1px 1px rgba(255,255,255,.5);font-family:Times New Roman,Book Antiqua,Palatino,serif;font-size:28px}button,.button{background-color:#4f46e5;color:#fff;transition:background-color .2s;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;display:inline-flex;align-items:center;font-size:.875rem;font-weight:500}button:hover,.button:hover{background-color:#4338ca}.button-secondary{background-color:#818cf8;color:#fff;transition:background-color .2s;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;display:inline-flex;align-items:center;font-size:.875rem;font-weight:500}.button-secondary:hover{background-color:#6366f1}.button-danger{background-color:#dc2626;color:#fff;transition:background-color .2s;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;display:inline-flex;align-items:center;font-size:.875rem;font-weight:500}.button-danger:hover{background-color:#b91c1c}.card{position:relative;background:#2d2d39;border-radius:20px;overflow:hidden;z-index:1;display:flex;flex-direction:column;max-width:380px;margin:0 auto;min-height:900px;padding:1rem}.card:before{content:"";position:absolute;width:100%;height:100%;filter:drop-shadow(0 15px 50px #000);border-radius:20px;animation-delay:-1s;top:0;left:0}.card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#2d2d39;border-radius:15px;border:8px solid #25252b;z-index:-1}.card .image-container{position:relative;width:100%;height:300px!important;overflow:hidden;border-radius:15px 15px 0 0}.card img{max-width:calc(100% - 2rem);max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:15px;transform:translate(-10px);position:relative}.card img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 40%,rgba(129,140,248,.2) 45%,rgba(129,140,248,.4) 50%,rgba(129,140,248,.2) 55%,transparent 60%);transform:translate(-100%);transition:transform .5s ease;z-index:2;pointer-events:none;border-radius:15px;mix-blend-mode:overlay}.card:hover img:before{transform:translate(100%)}.card .image-shine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:15px}.card .image-shine:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);transition:transform .5s ease}.card:hover .image-shine:after{animation:shine 1s ease}@keyframes shine{0%{left:-100%}to{left:200%}}.card-content{padding:1.25rem;position:relative;z-index:1;flex-grow:1;display:flex;flex-direction:column;min-height:200px}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff;text-align:center;height:3rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{color:#9ca3af;margin-bottom:1.25rem;line-height:1.5;flex-grow:1;font-size:24px;text-align:center;font-style:italic}.card-price{font-size:1.5rem;font-weight:700;color:#818cf8;margin-bottom:1.25rem;display:block;text-align:center}.card-price:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:4.5rem;width:50%;height:2px;background:linear-gradient(90deg,transparent,#818cf8,transparent)}.card .button{width:85%;margin:auto auto 0;margin-bottom:1.5rem;text-align:center;padding:.75rem .5rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(45deg,#818cf8,#6366f1);color:#fff;border:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.card .button svg{width:16px;height:16px;flex-shrink:0}.header{background-color:#111827e6;box-shadow:0 2px 4px #0000001a;padding:1rem 0;margin-bottom:1rem;width:100%;position:relative;text-align:center}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;padding:1rem 0}.logo{width:200px;height:auto;border-radius:50%}.main-nav ul{display:flex;flex-direction:row;justify-content:center;gap:2rem;padding:0;margin:0;list-style:none}.main-nav a{color:#e5e7eb;text-decoration:none;transition:color .2s}.main-nav a:hover{color:#818cf8}.header-side-image{position:absolute;width:120px;height:120px;top:50%;transform:translateY(-50%);border-radius:50%;-o-object-fit:cover;object-fit:cover}.header-side-image-left{left:20px}.header-side-image-right{right:20px}@media (max-width: 768px){.header-side-image{display:none}.logo{width:150px}.main-nav ul{flex-direction:column;gap:1rem}.logo-container{flex-direction:column;text-align:center}}@media (max-width: 1400px){.header-side-image{display:none}}.view-all-button-container{display:flex;justify-content:center;margin-top:3rem}.view-all-button{position:relative;display:inline-block;padding:1.5rem 3rem;background:linear-gradient(45deg,#6366f1,#4f46e5);border-radius:2rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #6366f180}.view-all-button:hover{transform:translateY(-3px);box-shadow:0 0 30px #6366f1cc}.view-all-button .star-1,.view-all-button .star-2,.view-all-button .star-3{position:absolute;width:15px;height:15px;opacity:0}.view-all-button .star-1{top:20%;left:20%;animation:star-move 3s infinite}.view-all-button .star-2{top:30%;right:20%;animation:star-move 3s infinite .4s}.view-all-button .star-3{bottom:20%;left:40%;animation:star-move 3s infinite .8s}.view-all-button:hover .star-1,.view-all-button:hover .star-2,.view-all-button:hover .star-3{opacity:1}.view-all-button svg{fill:#fff;width:100%;height:100%}@keyframes star-move{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(360deg);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.products-header{background:linear-gradient(135deg,#2d2d39,#1a1a24);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000004d}.category-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative}.category-title h1,.category-title h2{font-size:2.5rem;color:#f0e6d2;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-style:italic;margin:0}.paw-print{width:30px;height:30px;background-image:url(/paw-print.png);background-size:contain;background-repeat:no-repeat;opacity:.8}.category-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.category-button{padding:.75rem 1.5rem;border:2px solid #818cf8;background:transparent;color:#818cf8;border-radius:15px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.category-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.category-button:hover:before{left:100%}.category-button.active{background:linear-gradient(45deg,#818cf8,#6366f1);color:#fff;border-color:transparent;transform:scale(1.05)}.products-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:99%;margin:0 auto;padding:0}.products-grid .card{transform:translateY(20px);opacity:0;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{to{transform:translateY(0);opacity:1}}.products-grid .card:nth-child(1){animation-delay:.1s}.products-grid .card:nth-child(2){animation-delay:.2s}.products-grid .card:nth-child(3){animation-delay:.3s}.products-grid .card:nth-child(4){animation-delay:.4s}.products-grid .card:nth-child(5){animation-delay:.5s}.products-grid .card:nth-child(6){animation-delay:.6s}@media (max-width: 768px){.category-buttons{flex-direction:column}.category-button{width:100%}.products-grid{grid-template-columns:1fr}.card{max-width:100%}}.image-container{position:relative;width:100%;height:300px!important;overflow:hidden;border-radius:15px 15px 0 0}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.image-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff0,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease;pointer-events:none}.image-container:hover .image-shine{opacity:1}.admin-preview-image{width:150px;height:150px;border-radius:.5rem;border:2px solid #e5e7eb}.admin-list-image{width:50px;height:50px;border-radius:.5rem;border:2px solid #e5e7eb}.welcome-section{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.welcome-banner{width:60%;background:linear-gradient(135deg,#8b5cf633,#ec489933);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0}.welcome-logo{position:absolute;top:50%;transform:translateY(-50%);width:200px;height:auto;border-radius:10px}.welcome-logo-left{left:5%}.welcome-logo-right{right:5%}.welcome-text{font-family:Cormorant Garamond,Playfair Display,Palatino Linotype,serif;font-style:italic;line-height:1.5;letter-spacing:.8px;color:#f0e6d2;text-shadow:2px 2px 4px rgba(0,0,0,.4);font-size:2.2rem;text-align:center;max-width:95%;font-weight:500}.welcome-text-container{display:flex;flex-direction:column;align-items:center;padding:1rem}.welcome-text-indent{margin-top:1rem;margin-left:3rem;position:relative}.welcome-text-indent:before{content:"";position:absolute;left:-2rem;top:50%;width:1.5rem;height:2px;background:linear-gradient(to right,transparent,#f0e6d2)}@media (max-width: 1200px){.welcome-text{font-size:2rem}}@media (max-width: 768px){.welcome-text{font-size:1.8rem}.welcome-text-indent{margin-left:2rem}}@media (max-width: 1550px){.welcome-logo{display:none}}footer{background-color:#111827e6;padding:1rem 0;margin-top:2rem;width:100%}footer .container{display:flex;justify-content:center;align-items:center}footer p{margin:0;color:#9ca3af;font-size:.875rem}.footer-container{position:relative;padding:20px;width:100%}.footer-siret{position:absolute;left:20px;font-size:14px;color:#666}.footer-copyright{text-align:center;width:100%;display:block}.story-conclusion{margin:4rem auto;max-width:2000px;padding:0 2rem}.story-banner{position:relative;background:linear-gradient(135deg,#9333ea1a,#ec48991a);border-radius:30px;padding:3rem;display:flex;align-items:center;border:2px solid rgba(147,51,234,.2);box-shadow:0 10px 30px #0000001a;overflow:hidden}.story-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.story-content{position:relative;z-index:1;text-align:center;padding:0 4rem}.story-text{font-family:Cormorant Garamond,serif;font-size:1.8rem;line-height:1.6;color:#4a5568;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.story-highlight{font-family:Playfair Display,serif;font-size:2rem;font-style:italic;color:#9333ea;text-shadow:2px 2px 4px rgba(147,51,234,.2)}.paw-print{position:absolute;width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgba(147, 51, 234, 0.2)' d='M256 224c-79.41 0-192 122.76-192 200.25 0 34.9 26.81 55.75 71.74 55.75 48.84 0 81.09-25.08 120.26-25.08 39.51 0 71.85 25.08 120.26 25.08 44.93 0 71.74-20.85 71.74-55.75C448 346.76 335.41 224 256 224zm-147.28-12.61c-10.4-34.65-42.44-57.09-71.56-50.13-29.12 6.96-44.29 40.69-33.89 75.34 10.4 34.65 42.44 57.09 71.56 50.13 29.12-6.96 44.29-40.69 33.89-75.34zm84.72-20.78c30.94-8.14 46.42-49.94 34.58-93.36s-46.52-72.01-77.46-63.87-46.42 49.94-34.58 93.36c11.84 43.42 46.53 72.02 77.46 63.87zm281.39-29.34c-29.12-6.96-61.15 15.48-71.56 50.13-10.4 34.65 4.77 68.38 33.89 75.34 29.12 6.96 61.15-15.48 71.56-50.13 10.4-34.65-4.77-68.38-33.89-75.34zm-156.27 29.34c30.94 8.14 65.62-20.45 77.46-63.87 11.84-43.42-3.64-85.21-34.58-93.36s-65.62 20.45-77.46 63.87c-11.84 43.42 3.64 85.22 34.58 93.36z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;opacity:.6}.paw-print.left{left:2rem;top:50%;transform:translateY(-50%) rotate(-30deg)}.paw-print.right{right:2rem;top:50%;transform:translateY(-50%) rotate(30deg)}@media (max-width: 768px){.story-content{padding:0 1rem}.story-text{font-size:1.4rem}.story-highlight{font-size:1.6rem}.paw-print{width:40px;height:40px}}.cat-profile{width:100%;height:100%;position:relative}.cat-image-container{width:110%;height:100%;overflow:hidden}.cat-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.cat-image:hover{transform:scale(1.05)}@media (max-width: 768px){.cat-profile{height:250px}}.header{padding:1rem 0;text-align:center}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem}.logo{width:180px;height:auto}.main-nav{width:100%}.main-nav ul{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:0;margin:1rem 0;list-style:none}.header-side-image{position:absolute;width:120px;height:auto;top:50%;transform:translateY(-50%)}.header-side-image-left{left:0}.header-side-image-right{right:0}@media (max-width: 768px){.header-side-image{display:none}.logo{width:150px}}@media (min-width: 768px){.main-nav ul{flex-direction:row;justify-content:center;gap:2rem;margin:0}}.footer-container{position:relative;padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-siret{position:static;font-size:14px;color:#666;order:2}.footer-copyright{text-align:center;width:100%;display:block;order:1}@media (min-width: 768px){.footer-container{flex-direction:row;justify-content:center}.footer-siret{position:absolute;left:20px;order:1}.footer-copyright{order:2}}.card{min-height:auto;margin-bottom:2rem;width:100%}@media (max-width: 640px){.container{width:100%;padding:.5rem}.content-overlay{width:100%;padding:1rem}.grid{grid-template-columns:1fr;gap:1rem}h2{font-size:1.5rem}.parchment-title h3{font-size:24px}}