:root{--color-primary: #000000;--color-secondary: #6c7176;--color-background: #ffffff;--color-border: #e5e7eb}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;color:#333;margin:0;padding:0}.logo-container{max-width:300px;margin-bottom:1.5rem}.logo-container img{width:100%;height:auto;max-height:200px;object-fit:contain}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden}.tab-content{display:none}.tab-content.active{display:block}.tab-trigger.active{background-color:var(--color-primary);color:#fff}.stock-status{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.stock-in{background-color:#10b981}.stock-low{background-color:#f59e0b}.stock-out{background-color:#ef4444}.primary-button{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer}.primary-button:hover{opacity:.9}.secondary-button{background-color:#fff;color:var(--color-secondary);border:1px solid var(--color-secondary);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.secondary-button:hover{background-color:#f8f9fa}.location-badge{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:9999px;margin-right:.75rem}.image-gallery{position:relative;width:100%;margin-bottom:1.5rem;border-radius:.375rem;overflow:hidden}.gallery-container{display:flex;transition:transform .3s ease;height:300px}.gallery-slide{flex:0 0 100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative}.gallery-slide img{max-width:100%;max-height:100%;object-fit:contain}.gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.gallery-placeholder i{font-size:3rem;margin-bottom:1rem}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 1rem;z-index:5}.gallery-nav button{background-color:#00000080;color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.gallery-nav button:hover{background-color:#000000b3}.gallery-dots{display:flex;justify-content:center;margin-top:.5rem;position:absolute;bottom:1rem;width:100%}.gallery-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#ffffff80;margin:0 .25rem;cursor:pointer;transition:background-color .2s}.gallery-dot.active{background-color:#fff}.gallery-thumbnails{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto;padding-bottom:.5rem}.gallery-thumbnail{width:60px;height:60px;border-radius:.25rem;overflow:hidden;cursor:pointer;border:2px solid transparent;background-color:#f0f0f0;flex-shrink:0}.gallery-thumbnail.active{border-color:var(--color-primary)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.button-container{flex-direction:column}.button-container button{width:100%;margin-bottom:.5rem}.gallery-container{height:250px}}@media (min-width: 1024px){.gallery-container{height:400px}.gallery-thumbnails{justify-content:flex-start}.card .flex.flex-col.lg\\:flex-row>div:last-child{min-height:400px}.bg-gray-50.border-t.border-gray-200.flex-1{display:flex;flex-direction:column}}