/* PetShop Custom Styles */

/* Global */
* { box-sizing: border-box; }
a { text-decoration: none; transition: all 0.3s; }
a:hover { opacity: 0.85; }
img { max-width: 100%; }

/* Category Nav */
.category-nav a:hover { color: #ff0000 !important; }

/* Category Card Hover */
.category-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }

/* Goods Card Hover */
.goods-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }
.goods-card .btn-add-cart:hover { background: #ff0000 !important; color: #fff !important; }

/* Sort Links */
.sort-active { background: #ff0000 !important; color: #fff !important; }

/* Tab Active */
.tab-active { color: #ff0000 !important; font-weight: 600 !important; border-bottom: 2px solid #ff0000; margin-bottom: -2px; }

/* Cart Badge */
.cart-badge { animation: none; }

/* Responsive */
@media (max-width: 768px) {
    .hero-section h1 { font-size: 28px !important; }
    .hero-section p { font-size: 15px !important; }
}

/* Footer Hover */
.footer-section a:hover { color: #ff0000 !important; }

/* Form Styles */
.form-field input, .form-field select, .form-field textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e9eaf0;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s;
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
    border-color: #ff0000;
}

/* Button Styles */
.button { display: inline-block; border-radius: 6px; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s; }
.button--sm { padding: 6px 16px; font-size: 13px; }
.button--md { padding: 10px 24px; font-size: 14px; }
.button--lg { padding: 14px 36px; font-size: 16px; }
.button-p-s { background: #ff0000; color: #fff; }
.button-p-s:hover { background: #e55a2e; color: #fff; }

/* Dropdown */
.dropdown { position: relative; }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #e9eaf0; border-radius: 6px; padding: 8px 0; min-width: 120px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); z-index: 200; }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-item { display: block; padding: 8px 16px; font-size: 13px; color: #1D2026; }
.dropdown-item:hover { background: #f5f7fa; color: #ff0000; }

/* Breadcrumb */
.breadcrumb-area a:hover { color: #ff0000 !important; }

/* Product Detail Tabs */
.tab-content img { max-width: 100%; height: auto; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }