@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.category-list{margin-bottom:1.5rem}.category-title{font-weight:600;margin-bottom:.75rem}.categories-container{display:flex;gap:.75rem;padding:.5rem 0;justify-content:flex-start;max-width:100%;margin:0 auto;box-sizing:border-box}.categories-wrapper{position:relative}.cat-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:#0000000f;color:#7d3cff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .15s ease-in-out}.cat-scroll-btn.visible{opacity:1}.cat-scroll-btn.left{left:6px}.cat-scroll-btn.right{right:6px}.category-item{border:1px solid #7d3cff;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:box-shadow .15s ease-in-out;width:160px;min-height:120px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.category-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.category-image{width:80%;max-width:120px;height:auto;border-radius:50%;margin:0 auto .5rem;-o-object-fit:cover;object-fit:cover}.category-name{text-align:center;color:#7d3cff;font-size:1rem;font-weight:500;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:768px){.categories-container{-webkit-overflow-scrolling:touch;padding-bottom:.75rem}.categories-container::-webkit-scrollbar{display:none}}.categories-container{overflow-x:auto;flex-wrap:nowrap}.categories-container::-webkit-scrollbar{height:8px}.categories-container::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}.item-card{border:1px solid #7d3cff;border-radius:.5rem;padding:1rem;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .15s ease-in-out;max-width:250px;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.item-image{width:100%;max-width:150px;height:auto;-o-object-fit:contain;object-fit:contain;margin:0 auto .5rem;display:block}.item-title{text-align:center;font-size:1rem;color:#7d3cff;font-weight:600;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.item-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;overflow-x:hidden}.scrolling-text{color:#c04000;font-size:2rem;font-weight:700;white-space:nowrap;overflow:hidden;width:100%}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes scroll-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.scrolling-text{font-size:2rem}}.header{width:100%;box-sizing:border-box;padding:1rem;background-color:#7d3cff}.logo{font-size:24px;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;letter-spacing:1px;text-transform:uppercase}.contact{display:flex;align-items:center;font-size:16px;color:#fff;padding-right:1.5rem}.phone-icon{margin-right:.5rem;font-size:18px}.phone-number{font-size:1rem;font-weight:600}.footer{width:100%;box-sizing:border-box;padding:1rem;background-color:#7d3cff}.footer p{margin:0;font-size:18px;color:#fff}.footer .phone{font-size:18px;color:#fff;font-weight:700}#root{margin:0;padding:0}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.app-content{flex:1;max-width:100%;margin:0 auto;padding:1rem;box-sizing:border-box;overflow-x:hidden}.main-heading{text-align:center;font-size:2.5rem;font-weight:700;color:#7d3cff;margin-bottom:.5rem;letter-spacing:1px}.sub-heading{text-align:center;font-size:1.5rem;font-weight:500;color:#7d3cff;margin-bottom:2rem;letter-spacing:.5px}@media(max-width:640px){.app-content{padding:.5rem;max-width:100%}.main-heading{font-size:1.6rem}.sub-heading{font-size:1rem}.item-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.header,.footer{padding:.5rem 1rem}}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.text-center{text-align:center}body{font-family:Roboto,sans-serif}@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}
