body{background-color:#eff3f3}.dropdown-menu{z-index:10000}.category-bar{z-index:900 !important}.sticky-top.search-bar{z-index:950 !important}.star-rating .star{font-size:1.5rem;cursor:pointer;transition:transform 0.2s ease, filter 0.2s ease;display:inline-flex;align-items:center;justify-content:center;padding:0.25rem}.star-rating .star:hover{transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(245,197,24,0.5))}.star-rating .star i{transition:all 0.2s ease}.star-rating .star i.bi-star{color:#ccc}.star-rating .star i.bi-star-fill{color:#f5c518}.star-rating input[type="radio"]:checked~label i{color:#f5c518}.image-gallery-wrapper{display:flex;flex-direction:column;gap:1rem;max-width:100%}.product-carousel img,.carousel-item img{border-radius:0.5rem;-o-object-fit:contain;object-fit:contain;max-height:75vh;width:100%}.rounded-shadow{border-radius:0.75rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.25)}.custom-arrow{background-color:rgba(0,0,0,0.6);border-radius:50%;padding:1rem;filter:invert(1);box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.3);transition:background-color 0.2s ease}.custom-arrow:hover{background-color:rgba(0,0,0,0.8)}.thumb-row{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem;overflow-x:auto;padding:0.5rem 0}.thumb-row img,.img-thumbnail,.thumb-row .thumb-img{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:0.25rem;cursor:pointer;transition:transform 0.2s ease, border 0.2s ease;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.2)}.thumb-row img:hover,.img-thumbnail:hover{transform:scale(1.05);border:2px solid #0d6efd}@media (max-width: 767px){.thumb-row{display:none !important}}@media (max-width: 768px){.image-gallery-wrapper{gap:0.75rem}.thumb-row img{width:55px;height:55px}}.thumbnail-scroll{white-space:nowrap;scrollbar-width:thin}.thumbnail-scroll::-webkit-scrollbar{height:8px}.thumbnail-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.active-thumb{border:2px solid #0d6efd;box-shadow:0 0 6px rgba(13,110,253,0.6)}form .form-label{font-size:0.85rem;font-weight:500}form .form-control-sm{font-size:0.85rem;padding:0.4rem 0.6rem}form h2{font-size:1.25rem}#gallery-preview{display:flex;flex-wrap:wrap;gap:1rem}.preview-item img{border-radius:0.5rem;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.2);transition:transform 0.2s ease}.preview-item img:hover{transform:scale(1.05)}.border.p-2{background-color:#531fcc;border-radius:0.5rem}.product-card{transition:transform 0.2s ease, box-shadow 0.2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,0.1)}.product-image-wrapper img{-o-object-fit:cover;object-fit:cover;height:220px}.product-card{transition:transform 0.2s ease, box-shadow 0.2s ease;background:#fff}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}.product-image{height:220px;-o-object-fit:cover;object-fit:cover}.product-info div{margin-bottom:0.25rem}.input-clean{border-radius:6px !important;height:42px !important;font-size:14px !important}.btn-clean{border-radius:6px !important;font-weight:600;font-size:13px !important;padding:6px 10px !important}.btn-call{background-color:#0d6efd;color:white;border:none}.btn-cart{background-color:#28a745;color:white;border:none}.discount-badge{position:absolute;top:-12px;left:12px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#fff !important;font-size:13px;font-weight:700;border-radius:50%;padding:0;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,0.12);z-index:30}.discount-badge.bg-danger{background-color:#dc3545 !important}.position-relative.overflow-hidden,.product-card .ratio.ratio-1x1,.product-hover .ratio.ratio-1x1,.position-relative.bg-light.overflow-hidden.ratio.ratio-1x1,.ratio,.position-relative{overflow:visible !important}.discount-badge.top-right{left:auto;right:12px}.discount-badge.top-left{left:12px;right:auto}@media (max-width: 480px){.btn-clean{font-size:12px !important;padding:5px 8px !important}.input-clean{height:38px !important;font-size:13px !important}}:root{--primary-color: #007bff;--primary-color-dark: #0056b3;--border-color: #e9ecef;--body-bg: #f9fafb;--card-bg: #ffffff;--text-dark: #212529;--text-muted: #6c757d}body{background-color:var(--body-bg);font-family:'Inter', sans-serif}.hover-link{color:var(--text-dark);text-decoration:none;transition:color 0.2s ease}.hover-link:hover{color:var(--primary-color) !important;text-decoration:none}.category-bar{border-bottom:1px solid var(--border-color)}.category-pill{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);font-weight:500;transition:all 0.2s ease}.category-pill:hover,.category-pill.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#ffffff !important;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,123,255,0.2)}.form-control-lg.rounded-pill{border:1px solid var(--border-color);box-shadow:none;transition:border-color 0.2s ease, box-shadow 0.2s ease}.form-control-lg.rounded-pill:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.accordion.rounded-3{border:1px solid var(--border-color);border-radius:0.75rem !important;overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:0}.accordion-button{font-weight:600;color:var(--text-dark);background-color:var(--card-bg)}.accordion-button:not(.collapsed){background-color:#f0f7ff;color:var(--primary-color);box-shadow:none}.accordion-button:focus{box-shadow:none}.accordion-body .link-hover{display:block;padding:0.4rem 1rem 0.4rem 2.5rem;color:var(--text-muted);border-radius:6px}.accordion-body .link-hover:hover{background-color:var(--body-bg);color:var(--primary-color)}.card.hover-zoom{border:1px solid var(--border-color);box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:transform 0.25s ease, box-shadow 0.25s ease;border-radius:0.75rem}.card.hover-zoom:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.card-img-top.rounded-top{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.card-body .fw-semibold.text-truncate{font-size:0.95rem;color:var(--text-dark)}.card-body .small{font-size:0.85rem}.card-body .text-primary.fw-bold{color:var(--primary-color) !important;font-size:0.9rem}.card-body .text-danger.fw-bold{font-size:0.9rem}.card-body .text-decoration-line-through{color:var(--text-muted) !important}.card-body .badge.bg-success{font-weight:600;padding:0.3em 0.5em;font-size:0.75rem}.btn{font-weight:600;transition:all 0.2s ease}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#ffffff}.btn-success{background-color:#198754;border-color:#198754}.btn-success:hover{background-color:#146c43;border-color:#146c43}.variant-option{cursor:pointer;display:inline-block}.variant-thumb{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ddd;transition:border-color 0.2s}.variant-option input:checked+.variant-thumb{border-color:#007bff}.variant-pill{display:inline-block;padding:6px 12px;border:1px solid #ddd;border-radius:20px;background:#f8f9fa;transition:background 0.2s, border-color 0.2s}.variant-option input:checked+.variant-pill{background:#007bff;color:#fff;border-color:#007bff}.hero-section{height:80vh;min-height:500px;background-color:#2c1e16;display:flex;align-items:center}.hero-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.5;mix-blend-mode:multiply}.category-card{height:300px;transition:transform 0.3s ease}.category-card:hover{transform:translateY(-5px)}.category-card img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.5s ease}.category-card:hover img{transform:scale(1.05)}.gradient-overlay{background:linear-gradient(to top, rgba(0,0,0,0.8), transparent)}.product-hover{transition:box-shadow 0.3s ease}.product-hover:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}.btn-primary{background-color:#8B4513;border-color:#8B4513}.btn-primary:hover{background-color:#6F370F;border-color:#6F370F}.text-primary{color:#8B4513 !important}.about-hero{height:60vh;min-height:400px;background-image:url(/assets/about-leather-tools-33e93611fffc366545a7cbaa2ca6127f6d9831bb0db25f3eb23e0661abeb2f14.jpg);background-size:cover;background-position:center;background-attachment:fixed}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}.text-primary{color:#8B4513 !important}.bg-primary{background-color:#8B4513 !important}.ls-1{letter-spacing:2px;font-size:0.85rem}.icon-circle{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.hover-up{transition:transform 0.3s ease, box-shadow 0.3s ease}.hover-up:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.1) !important}.hover-up:hover .icon-circle{background-color:#8B4513 !important;color:#fff !important}.bg-gradient-primary{background:linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important}.bg-gradient-success{background:linear-gradient(135deg, #198754 0%, #146c43 100%) !important}.bg-gradient-info{background:linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%) !important}.bg-gradient-warning{background:linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important}.bg-gradient-danger{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important}.account-form .form-control,.account-form .form-select{border:none !important;background-color:#f8f9fa !important;padding:0.75rem 1rem !important;transition:all 0.3s ease !important}.account-form .form-control:focus,.account-form .form-select:focus{background-color:#fff !important;border:2px solid #007bff !important;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.15) !important}.role-options .form-check{padding:1rem;border:2px solid #e9ecef;border-radius:0.75rem;transition:all 0.3s ease;background-color:#f8f9fa}.role-options .form-check:hover{border-color:#007bff;background-color:#f0f7ff}.role-options .form-check-input{width:1.5rem;height:1.5rem;margin-top:0.25rem;cursor:pointer}.role-options .form-check-input:checked{background-color:#007bff;border-color:#007bff}.role-options .form-check-label{cursor:pointer;margin-left:0.5rem}.card{transition:all 0.3s ease !important}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.12) !important}.btn-lg{padding:0.75rem 1.5rem !important;font-size:0.95rem !important;letter-spacing:0.5px}.form-control-lg,.form-select-lg{font-size:0.95rem !important}.trix-toolbar{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:0.375rem 0.375rem 0 0;padding:0.5rem;display:flex;flex-wrap:wrap;gap:0.25rem}.trix-button-group{display:flex;gap:0.25rem}.trix-button{background-color:white;border:1px solid #dee2e6;color:#495057;font-size:0.875rem;padding:0.375rem 0.5rem;border-radius:0.25rem;cursor:pointer;transition:all 0.2s ease}.trix-button:hover{background-color:#e9ecef;border-color:#adb5bd}.trix-button.trix-active{background-color:#0d6efd;color:white;border-color:#0d6efd}.trix-editor{border:1px solid #dee2e6;border-top:none;border-radius:0 0 0.375rem 0.375rem;padding:0.75rem;min-height:300px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif}.trix-editor:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 0 0.2rem rgba(13,110,253,0.25)}.product-description{color:#212529}.product-description strong,.product-description b{font-weight:600;color:#0d6efd}.product-description ul{margin:1rem 0;padding-left:2rem}.product-description li{margin-bottom:0.5rem;line-height:1.6}.product-description p{margin-bottom:1rem}@media (max-width: 768px){.card{margin-bottom:1rem}.btn-lg{padding:0.65rem 1.25rem !important}.trix-editor{min-height:250px}.trix-toolbar{gap:0.125rem}}