@import url("variables.css");@import url("utilities.css");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");:root {--primary: var(--color-primary, #e31e24);--primary-dark: var(--color-primary-dark, #b91c1c);--secondary: var(--color-secondary, #64748b);--accent: var(--color-accent, #0f172a);--background: var(--bg-color, #ffffff);--surface: var(--surface-color, #ffffff);--text: var(--text-main, #334155);--text-light: var(--text-light, #94a3b8);--danger: #ef4444;--success: #10b981;--radius: var(--card-radius, 12px);--shadow: var(--card-shadow, 0 4px 20px rgba(0, 0, 0, 0.05));--font-main: var(--font-main, "Montserrat", sans-serif);}* {box-sizing: border-box;margin: 0;padding: 0;}html {max-width: 100%;}body {overflow-x: hidden;max-width: 100%;}body {font-family: var(--font-main);background-color: #f8fafc;color: var(--text);line-height: 1.6;font-size: clamp(0.9rem, 1.2vw, 1rem);}a {text-decoration: none;color: inherit;transition: all 0.2s ease;}.container {max-width: var(--container-width, 1200px);margin: 0 auto;padding: 0 1rem;}h1,h2,h3,h4,h5,h6 {color: var(--accent);font-weight: 700;line-height: 1.25;}h1 {font-size: clamp(2rem, 5vw, 3rem);margin-bottom: 1rem;font-weight: 800;}h2 {font-size: clamp(1.5rem, 4vw, 2.25rem);margin-bottom: 0.75rem;text-align: center;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: var(--btn-padding);border-radius: var(--btn-radius);font-weight: var(--btn-font-weight);font-size: var(--btn-font-size);text-transform: uppercase;letter-spacing: var(--letter-spacing-wide);cursor: pointer;transition: all var(--anim-duration, 0.3s) var(--anim-easing, cubic-bezier(0.4, 0, 0.2, 1));text-decoration: none;border: 2px solid transparent;gap: var(--space-3);line-height: var(--line-height-tight);position: relative;overflow: hidden;white-space: nowrap;outline: none;}.btn:hover {transform: translateY(-2px);}.btn:active {transform: scale(0.96) translateY(1px);}.btn-primary,.btn-luxe,.btn-checkout {background: var(--color-primary);color: var(--color-white) !important;border: 2px solid var(--color-primary);box-shadow: var(--shadow-primary-sm);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.btn-primary:hover,.btn-luxe:hover,.btn-checkout:hover {transform: translateY(-2px);box-shadow: var(--shadow-primary-lg);background: var(--color-primary-dark);border-color: var(--color-primary-dark);color: var(--color-white) !important;}.btn-secondary,.btn-outline {background: transparent;color: var(--color-primary) !important;border: 2px solid var(--color-primary);box-shadow: var(--shadow-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.btn-secondary:hover,.btn-outline:hover {background: var(--color-primary);border-color: var(--color-primary);color: var(--color-white) !important;transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-outline-white {background: transparent;color: var(--color-white) !important;border: 2px solid var(--color-white);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.btn-outline-white:hover {background: var(--color-white);color: var(--color-primary) !important;border-color: var(--color-white);transform: translateY(-2px);}.btn-danger {background: var(--color-danger);color: var(--color-white) !important;border: 2px solid var(--color-danger);box-shadow: 0 6px 15px rgba(239, 68, 68, 0.15);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.btn-danger:hover {background: var(--color-danger-dark);border-color: var(--color-danger-dark);color: var(--color-white) !important;transform: translateY(-2px);box-shadow: 0 10px 20px rgba(239, 68, 68, 0.25);}.form-group {margin-bottom: 1.5rem;}label {display: block;margin-bottom: 0.5rem;font-weight: 600;color: var(--accent);}input,textarea,select {width: 100%;padding: 1rem;border: 1px solid #e2e8f0;border-radius: var(--input-radius, 8px);font-family: inherit;transition:border-color 0.2s,box-shadow 0.2s;background: #f8fafc;}input:focus,textarea:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 4px rgba(227, 30, 36, 0.1);background: white;}pre.code-view {background: #0f172a10; border: 1px solid #e2e8f0;padding: 1.5rem;border-radius: 12px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New",monospace;white-space: pre-wrap;word-break: break-word;color: #0f172a;font-size: 0.95rem;}.navbar {background: white;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05);padding: 1rem 0;position: sticky;top: 0;z-index: 1000;}.nav-container {display: flex;justify-content: space-between;align-items: center;}.logo {font-size: 1.5rem;font-weight: 800;color: var(--text);display: flex;align-items: center;gap: 0.5rem;flex: 1;}.logo img {height: 60px;width: auto;display: block;object-fit: contain;}.nav-links {display: flex;gap: 2rem;list-style: none;align-items: center;flex: 2;justify-content: center;}.nav-actions {flex: 1;display: flex;justify-content: flex-end;gap: 1.5rem;align-items: center;}.nav-links a {font-weight: 500;color: var(--text);font-size: 0.9rem;text-transform: uppercase;letter-spacing: 0.5px;position: relative;}.nav-links a:hover {color: var(--primary);}.product-card {background: white;border-radius: var(--card-radius, 32px);padding: 1.5rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);border: 1px solid #f1f5f9;transition: all var(--anim-duration, 0.4s) var(--anim-easing, cubic-bezier(0.4, 0, 0.2, 1));position: relative;display: flex;flex-direction: column;height: 100%;text-decoration: none;}.product-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);}.breadcrumb-list {display: flex;flex-wrap: wrap;align-items: center;list-style: none;padding: 0;margin: 0;background: transparent;border-radius: 0;gap: 0.6rem;font-size: 0.85rem;font-weight: 500;color: rgba(255, 255, 255, 0.7);border: none;box-shadow: none;white-space: normal; }.breadcrumb-list li {display: flex;align-items: center;}.breadcrumb-list li a {color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: all 0.3s ease;display: flex;align-items: center;}.breadcrumb-list li a:hover {color: #ffffff;opacity: 1;}.breadcrumb-separator {font-size: 0.65rem;color: rgba(255, 255, 255, 0.4);margin: 0 0.1rem;}.breadcrumb-list li i.fa-house {color: rgba(255, 255, 255, 0.8);font-size: 0.9rem;}.breadcrumb-list li.active {color: #ffffff;font-weight: 700;background: rgba(255, 255, 255, 0.15);padding: 4px 12px;border-radius: 4px;white-space: normal;text-align: left;}@media (max-width: 768px) {.breadcrumb-list {display: flex !important;flex-wrap: wrap !important;width: 100%;gap: 0.5rem !important;font-size: 0.7rem;line-height: 1.4;white-space: normal !important;padding: 4px 0;}.breadcrumb-list li {display: flex !important;align-items: center;background: rgba(255, 255, 255, 0.08); padding: 3px 8px;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.1);}.breadcrumb-list li a {display: inline !important;color: #fff !important;opacity: 0.9;}.breadcrumb-separator {display: flex !important;align-items: center;margin: 0;opacity: 0.5;font-size: 0.6rem;color: #fff;}.breadcrumb-list li.active {background: rgba(255, 255, 255, 0.25) !important;border-color: rgba(255, 255, 255, 0.4);font-weight: 700;}}.product-badge {position: absolute;top: 1.5rem;left: 1.5rem;background: var(--primary);color: white;padding: 0.4rem 1rem;border-radius: 50px;font-size: 0.75rem;font-weight: 800;z-index: 10;text-transform: uppercase;}.wishlist-btn {position: absolute;top: 1.5rem;right: 1.5rem;width: 40px;height: 40px;background: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);z-index: 11;color: var(--accent);cursor: pointer;transition: all 0.3s ease;opacity: 0;transform: translateX(10px);}.product-card:hover .wishlist-btn {opacity: 1;transform: translateX(0);}.wishlist-btn:hover {background: var(--primary);color: white;}.product-image-container {height: 200px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-radius: 20px;margin-bottom: 1rem; }.product-image-container img {max-width: 85%;max-height: 85%;object-fit: contain;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.product-card:hover .product-image-container img {transform: scale(1.1);}span.cart-badge {background: red;position: absolute;top: -5px;width: 16px;height: 16px;border-radius: 30px;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 700;font-size: 10px;left: 14px;}.product-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(4px);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;opacity: 0;transition: all 0.3s ease;padding: 1.5rem;}.product-card:hover .product-overlay {opacity: 1;}.btn-buy,.btn-add-overlay {width: 100%;padding: 0.8rem;border-radius: 12px;font-weight: 700;font-size: 0.9rem;text-align: center;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;}.btn-buy {background: var(--primary);color: white;}.btn-add-overlay {background: white;color: var(--accent);border: 1px solid #e2e8f0;}.btn-buy:hover {background: var(--primary-dark);}.btn-add-overlay:hover {background: #f8fafc;}.product-info {text-align: left;}.product-price-wrapper {display: flex;align-items: baseline;gap: 0.5rem;margin-bottom: 1rem;flex-wrap: wrap;}.product-title {font-size: clamp(1rem, 2vw, 1.25rem);font-weight: 800;color: var(--accent);margin-bottom: 0.75rem; transition: color 0.3s ease;}.product-card:hover .product-title {color: var(--primary);}.product-desc {font-size: clamp(0.85rem, 1.2vw, 0.9rem);color: var(--secondary);margin-bottom: 1.5rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.5;}.product-footer {display: flex;justify-content: flex-end;align-items: center;margin-top: auto;}.product-price {font-size: clamp(1.25rem, 2.5vw, 1.75rem);font-weight: 900;color: #000;}.product-mrp {font-size: clamp(0.8rem, 1.2vw, 0.9rem);color: #64748b;}.product-mrp span {text-decoration: line-through;}.product-discount {font-size: clamp(0.9rem, 1.5vw, 1.1rem);font-weight: 600;color: #000;}.product-add-small {font-size: 0.9rem;font-weight: 700;color: #94a3b8;transition: color 0.3s;}.product-card:hover .product-add-small {color: var(--primary);}.btn-buy-mobile {background: var(--primary);color: white !important;border: 1px solid var(--primary);}.btn-add-mobile {background: white;color: var(--accent) !important;border: 1px solid #e2e8f0;}@media (max-width: 768px) {.mobile-product-actions {display: flex;}.product-overlay {display: none !important; }.product-card {padding: 1rem; }}.text-center {text-align: center;}.mt-1 {margin-top: 1rem;}.mb-1 {margin-bottom: 1rem;}.grid {display: grid;gap: 2rem;}.grid1 {display: grid;gap: 2rem;grid-template-columns: 1fr 0.5fr 1fr 1fr;}.grid-cols-3 {grid-template-columns: repeat(3, 1fr);}.productWrapper {display: grid;grid-template-columns: 1fr 1fr;}.product-gallery-container {width: 100%;max-width: 500px;}.productDetails {width: 100%;}@media (max-width: 992px) {.productWrapper {grid-template-columns: 1fr;gap: 2rem;}.product-gallery-container,.productDetails {width: 100%;max-width: 100%;}}@media (max-width: 1024px) {.grid-cols-3 {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 640px) {.grid-cols-3 {grid-template-columns: 1fr;}}.flex {display: flex;}.justify-between {justify-content: space-between;}.items-center {align-items: center;}.gap-1 {gap: 1rem;}.section-title {text-align: center;margin-bottom: 3rem;}.section-title h2 {color: var(--accent);}.section-title span {color: var(--primary);}.mobile-menu-btn {display: none;background: none;border: none;font-size: 1.5rem;color: var(--accent);cursor: pointer;}.mobile-menu-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;transition: opacity 0.3s;}.mobile-menu-overlay.active {display: block;opacity: 1;}@media (max-width: 768px) {.navbar {padding: 0.75rem 1rem;}.nav-container {display: flex;align-items: center;justify-content: space-between;gap: 1rem;}.mobile-menu-btn {order: 1;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 0;background: transparent;border: none;cursor: pointer;}.logo {order: 2;flex: 1;display: flex;align-items: center;justify-content: center;}.header-logo-img,.logo img {height: 45px !important; width: auto;max-width: none;}.nav-actions {order: 3;display: flex;align-items: center;gap: 0.5rem;}.nav-action-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}.mobile-hidden {display: none !important;}.nav-links {display: none;}.navbar {padding: 0.8rem 0;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);}.mobile-menu-btn {display: block;order: 1;margin-right: 1rem;}.nav-content {position: relative;}.logo {flex: 1;font-size: 1.2rem;order: 2;}.nav-actions {order: 3;gap: 1rem;}.nav-actions a {font-size: 1.2rem;}.nav-links {position: fixed;top: 0;left: -100%;width: 280px;height: 100vh;background: white;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 4rem 2rem;box-shadow: 4px 0 6px rgb(0 0 0 / 0.1);transition: left 0.3s ease;z-index: 999;}.nav-links.active {left: 0;}.nav-links li {width: 100%;margin-bottom: 1.5rem;border-bottom: 1px solid #f1f5f9;padding-bottom: 0.5rem;}.nav-links a {font-size: 1.1rem;display: block;width: 100%;}.container {padding: 0 1.25rem;}.grid {grid-template-columns: 1fr !important;gap: 2rem;}.grid-cols-3 {grid-template-columns: 1fr;}.service-row {grid-template-columns: 1fr !important;gap: 3rem !important;text-align: center;}.service-row > div {order: unset !important;}.service-row ul {align-items: center;}.btn {width: 100%;text-align: center;padding: 1rem;}section {padding: 3rem 0;}.page-hero {padding: 3rem 1rem;}.cta-actions {flex-direction: column;width: 100%;}.cta-actions .btn {width: 100%;}}@media (max-width: 768px) {.mobile-menu-btn {z-index: 1200;position: relative;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;}.nav-links.active {z-index: 1100;}.mobile-menu-overlay {z-index: 1050;}}.page-hero {background: var(--primary);padding: 8px 0;min-height: 40px;display: flex;align-items: center;color: white;}@media (max-width: 768px) {.page-hero {height: auto !important;min-height: 48px;padding: 12px 0;display: block !important; }.page-hero .container {display: block !important;height: auto !important;padding: 0 1rem;}}.page-hero .container {display: flex;align-items: center;height: 100%;width: 100%;}.page-hero-title {font-size: clamp(2rem, 5vw, 3.5rem);margin-top: 1rem;margin-bottom: 1rem;color: white;}.page-hero-text {max-width: 700px;margin: 0 auto;font-size: clamp(0.95rem, 1.5vw, 1.1rem);opacity: 0.9;}.service-list {padding: 6rem 1rem;display: flex;flex-direction: column;gap: 8rem;}.service-row {display: grid;grid-template-columns: 1fr 1fr;gap: 6rem;align-items: center;}.service-content h2 {font-size: clamp(1.75rem, 4vw, 2.5rem);color: var(--accent);margin-bottom: 1.5rem;text-align: left;}.service-feature-list {list-style: none;margin-bottom: 2.5rem;display: flex;flex-direction: column;gap: 1rem;}.service-feature-item {display: flex;align-items: center;gap: 1rem;color: #475569;font-weight: 500;}.service-image-wrapper {background: #f1f5f9;border-radius: 20px;overflow: hidden;box-shadow: var(--shadow);position: relative;}.service-floating-icon {position: absolute;bottom: 2rem;left: 2rem;width: 60px;height: 60px;background: var(--primary);color: white;display: flex;align-items: center;justify-content: center;border-radius: 12px;font-size: 1.5rem;z-index: 2;}.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;}.contact-icon-box {width: 60px;height: 60px;background: #fff0f0;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 1.5rem;}.site-footer {background: #0f172a;color: white;padding: 6rem 0 3rem;margin-top: 0;}.footer-logo-text {color: white;display: flex;align-items: center;gap: 0.8rem;font-size: 1.5rem;font-weight: 800;}.footer-logo-box {background: var(--primary);color: white;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 10px;font-size: 1.2rem;}.site-footer ul li a {transition: all 0.3s ease;display: inline-block;}.site-footer ul li a:hover {color: var(--primary) !important;transform: translateX(5px);}.footer-social-btn {width: 44px;height: 44px;background: rgba(255, 255, 255, 0.05);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: white !important;font-size: 1.2rem;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid rgba(255, 255, 255, 0.1);}.footer-social-btn:hover {transform: translateY(-5px);background: var(--primary);border-color: var(--primary);box-shadow: 0 10px 20px rgba(227, 30, 36, 0.2);}.footer-social-btn.whatsapp:hover {background: #25d366;border-color: #25d366;box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);}.footer-social-btn.facebook:hover {background: #1877f2;border-color: #1877f2;box-shadow: 0 10px 20px rgba(24, 119, 242, 0.2);}.footer-social-btn.instagram:hover {background: #e4405f;border-color: #e4405f;box-shadow: 0 10px 20px rgba(228, 64, 95, 0.2);}.footer-social-btn.twitter:hover {background: #000000;border-color: #333;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}.footer-copyright {margin-top: 5rem;border-top: 1px solid rgba(255, 255, 255, 0.05);padding-top: 2rem;text-align: center;}.section-dark {background: var(--accent);color: white;padding: 6rem 0;}.section-padding {padding: 6rem 1rem;}.section-cta {background: #f8fafc;padding: 6rem 0;text-align: center;}@media (max-width: 768px) {.service-row,.contact-grid,.priority-grid {grid-template-columns: 1fr !important;gap: 3rem;}.hero-title {font-size: 2.5rem;}.service-content h2 {text-align: center;}}.nav-links a.active {color: var(--primary);border-bottom: 2px solid var(--primary);padding-bottom: 4px;}.service-row-reverse > div:first-child {order: 2;}.service-row-reverse > div:last-child {order: 1;}@media (max-width: 768px) {.service-row-reverse > div:first-child {order: unset;}.service-row-reverse > div:last-child {order: unset;}}.nav-action-icon {color: var(--text);font-size: 1.2rem;transition: color 0.3s;}.nav-action-icon:hover {color: var(--primary);}.section-light {background: #f8fafc;padding: 6rem 0;}.service-card {background: white;border-radius: 24px;padding: 2.5rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.02);height: 100%;z-index: 1;}.service-card::before {content: "";position: absolute;top: -50px;right: -50px;width: 150px;height: 150px;background: radial-gradient(circle,rgba(227, 30, 36, 0.05) 0%,rgba(227, 30, 36, 0) 70%);border-radius: 50%;transition: all 0.4s ease;z-index: -1;opacity: 0;}.service-card:hover {transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);}.service-card:hover::before {opacity: 1;transform: scale(1.5);}.service-card .icon-box {width: 60px;height: 60px;background: var(--primary);color: white;border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;font-size: 1.5rem;transition: all 0.3s ease;}.service-card h3 {font-size: 1.5rem;margin-bottom: 1rem;transition: color 0.3s ease;color: var(--accent);text-align: left;}.service-card:hover h3 {color: var(--primary);}.service-card p {color: var(--secondary);line-height: 1.7;font-size: 1rem;}.priority-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.priority-list {list-style: none;margin-top: 2rem;display: flex;flex-direction: column;gap: 1.5rem;}@media (max-width: 768px) {.priority-grid {grid-template-columns: 1fr;}}section.sectionbackgrounddray {background: #f9fafb;}section.wrapperSection {background: #ffffff;}#toast-container {position: fixed;top: 20px;right: 20px;z-index: 9999;display: flex;flex-direction: column;gap: 10px;}.toast {min-width: 300px;padding: 1rem 1.5rem;border-radius: 12px;background: white;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);display: flex;align-items: center;gap: 1rem;transform: translateX(120%);transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);border-left: 5px solid #e2e8f0;}.toast.active {transform: translateX(0);}.toast.success {border-left-color: #10b981;}.toast.error {border-left-color: #ef4444;}.toast.info {border-left-color: #3b82f6;}.toast-icon {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;}.toast.success .toast-icon {color: #10b981;}.toast.error .toast-icon {color: #ef4444;}.toast.info .toast-icon {color: #3b82f6;}.toast-content {flex: 1;}.toast-title {font-weight: 800;color: var(--accent);font-size: 0.9rem;display: block;margin-bottom: 2px;}.toast-message {font-size: 0.85rem;color: var(--secondary);font-weight: 500;}.product-gallery-container {display: flex;flex-direction: column;gap: 1.5rem;}.main-image-wrapper {position: relative;background: #f8fafc;border-radius: 20px;overflow: hidden;height: 500px;cursor: zoom-in;border: 1px solid #f1f5f9;}.main-image {width: 100%;height: 100%;object-fit: contain;transition: transform 0.3s ease-out;}.thumbnail-grid {display: flex;gap: 0.75rem;margin-top: 1.25rem;padding: 2px; }.thumbnail {width: 85px;height: 85px;border-radius: 12px;overflow: hidden;border: 2px solid #f1f5f9;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink: 0;background: #ffffff;padding: 4px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);}.thumbnail img {width: 100%;height: 100%;object-fit: contain;border-radius: 8px;}.thumbnail:hover {border-color: #cbd5e1;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}.thumbnail.active {border-color: var(--primary);background: white;box-shadow:0 0 0 1px var(--primary),0 8px 16px rgba(227, 30, 36, 0.1);}@media (max-width: 768px) {.thumbnail-grid {overflow-x: auto;scroll-snap-type: x mandatory;padding-bottom: 1rem;-webkit-overflow-scrolling: touch;scrollbar-width: none; -ms-overflow-style: none; }.thumbnail-grid::-webkit-scrollbar {display: none; }.thumbnail {scroll-snap-align: start;width: calc((100% - 2rem) / 3.4); aspect-ratio: 1 / 1;height: auto;}}@media (min-width: 769px) {.thumbnail-grid {flex-wrap: wrap;}}.color-swatches {display: flex;gap: 1rem;flex-wrap: wrap;}.swatch-container {position: relative;cursor: pointer;}.swatch-container input {position: absolute;opacity: 0;}.swatch {display: block;width: 36px;height: 36px;border-radius: 50%;border: 2px solid white;box-shadow: 0 0 0 1px #e2e8f0;transition: all 0.2s ease;}.swatch-container input:checked + .swatch {box-shadow: 0 0 0 2px var(--primary);transform: scale(1.1);}.color-tooltip {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background: var(--accent);color: white;padding: 0.4rem 0.8rem;border-radius: 6px;font-size: 0.75rem;white-space: nowrap;opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 10;}.swatch-container:hover .color-tooltip {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-5px);}.Experience {background: var(--cta-bg, var(--color-primary));padding: var(--cta-padding, 4rem 1rem);border-radius: var(--card-radius, 2.5rem);color: var(--cta-text, #ffffff);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;text-align: center;}.Experience i {width: 65px;height: 65px;background: rgba(255, 255, 255, 0.2);display: flex;align-items: center;justify-content: center;border-radius: 14px;font-size: 28px;margin-bottom: 0.5rem;color: var(--cta-text, #ffffff);}.Experience h2 {color: var(--cta-text, #ffffff);}.web-wrapper {padding: 4rem 0;}.limit-text {display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.blog-image-wrapper {border-radius: 30px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);margin: 3rem 0;}.blog-image-wrapper img {width: 100%;height: 500px;object-fit: cover;}.editor-content {font-family: "Inter", sans-serif;font-size: 16px;line-height: 1.75;color: #1f2937;}.editor-content h1 {font-size: 2.2rem;margin: 2rem 0 1rem;font-weight: 700;}.editor-content h2 {font-size: 1.8rem;margin: 1.8rem 0 1rem;}.editor-content h3 {font-size: 1.5rem;margin: 1.5rem 0 0.8rem;}.editor-content p {margin-bottom: 1.2rem;}.editor-content a {color: #2563eb;text-decoration: underline;}.editor-content ul,.editor-content ol {margin: 1rem 0 1rem 1.5rem;}.editor-content li {margin-bottom: 0.5rem;}.editor-content img {max-width: 100%;height: auto;border-radius: 10px;margin: 1.5rem 0;}.editor-content blockquote {border-left: 4px solid #3b82f6;padding-left: 1rem;color: #555;font-style: italic;margin: 1.5rem 0;}.editor-content table {width: 100%;border-collapse: collapse;margin: 1.5rem 0;}.editor-content th,.editor-content td {border: 1px solid #ddd;padding: 10px;}.editor-content th {background: #f3f4f6;}.editor-content pre {background: #0f172a;color: #fff;padding: 15px;overflow-x: auto;border-radius: 8px;}.editor-content code {background: #f1f5f9;padding: 3px 6px;border-radius: 4px;}.editor-content hr {margin: 2rem 0;border: none;border-top: 1px solid #ddd;}#hero-slider {position: relative;width: 100%;overflow: hidden;background: #0f172a;}.hero-slide {position: relative;height: 600px; width: 100%;display: none;align-items: center; justify-content: flex-start; background-size: cover !important;background-position: center top !important; transition: opacity 0.5s ease-in-out;}.hero-slide.active {display: flex;}.hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0.3) 60%,rgba(0, 0, 0, 0) 100%);z-index: 1;}.hero-container {position: relative;z-index: 2;color: white;max-width: 1200px;padding: 0 2rem;width: 100%;}.hero-badge {display: inline-block;background: var(--primary); color: white;padding: 0.4rem 1rem;border-radius: 4px;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1rem;}.hero-title {font-size: 3.5rem;font-weight: 900;line-height: 1.1;margin-bottom: 1rem;color: white;text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);max-width: 800px;}.hero-subtitle {font-size: 1.2rem;color: #f1f5f9;margin-bottom: 2rem;max-width: 600px; line-height: 1.6;font-weight: 500;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}.hero-actions {display: flex;gap: 1rem;flex-wrap: wrap;}.btn-hero-primary {background: var(--primary);color: white !important;padding: 0.8rem 2rem;border-radius: 4px; font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;border: 2px solid var(--primary);transition: all 0.3s ease;}.btn-hero-primary:hover {background: var(--primary-dark, #b91c1c);border-color: var(--primary-dark, #b91c1c);transform: translateY(-2px);}.btn-hero-secondary {background: transparent;color: white !important;padding: 0.8rem 2rem;border-radius: 4px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;border: 2px solid white;transition: all 0.3s ease;}.btn-hero-secondary:hover {background: white;color: var(--accent) !important;border-color: white;transform: translateY(-2px);}.slider-control {position: absolute;top: 50%;transform: translateY(-50%);width: 44px;height: 44px;background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;color: white;font-size: 1rem;cursor: pointer;z-index: 10;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}.slider-control:hover {background: var(--primary);border-color: var(--primary);}.slider-control.prev {left: 20px;}.slider-control.next {right: 20px;}.slider-dots {position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 10;}.dot {width: 10px;height: 10px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;cursor: pointer;transition: all 0.3s ease;}.dot.active {background: var(--primary); transform: scale(1.2);}@media (max-width: 992px) {.hero-slide {height: 500px;}.hero-title {font-size: 2.8rem;}}@media (max-width: 768px) {#hero-slider {margin: 0;padding: 0;width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}.web-wrapper {padding: 1rem 0 !important;}.main-image-wrapper {height: 336px;}.hero-slide {height: 55vh;min-height: 450px;width: 100%;align-items: center;justify-content: center;background-position: center center !important;background-size: cover !important;margin: 0;padding: 0;}.hero-overlay {background: rgba(0,0,0,0.5); margin: 0;padding: 0;}.hero-container {text-align: center;padding: 0 1.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 100%;margin: 0 auto;}.hero-badge {font-size: 0.75rem;margin-bottom: 0.8rem;}.hero-title {font-size: 1.75rem;margin-bottom: 0.8rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);max-width: 90%;}.hero-subtitle {font-size: 0.95rem;margin: 0 auto 1.5rem auto;line-height: 1.5;max-width: 90%;}.hero-actions {justify-content: center;width: 100%;max-width: 90%;gap: 0.8rem;}.btn-hero-primary,.btn-hero-secondary {width: 100%;padding: 0.9rem 1rem;font-size: 0.9rem;}.slider-control {display: none;}.slider-dots {bottom: 15px;}}.mobile-sidebar {position: fixed;top: 0;left: -100%; width: 85%;max-width: 320px;height: 100vh;background: #fff;z-index: 2000;transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);}.mobile-sidebar.active {left: 0;}.mobile-sidebar-header {padding: 1.5rem;display: flex;align-items: flex-start;justify-content: space-between;background: #fff;border-bottom: 1px solid #f1f5f9;}.user-greeting {display: flex;align-items: center;gap: 1rem;}.user-avatar-circle {width: 48px;height: 48px;background: #f1f5f9;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 1.25rem;}.greeting-text {display: flex;flex-direction: column;}.greeting-text span {font-weight: 700;color: var(--accent);font-size: 1.1rem;}.greeting-text small {color: var(--secondary);font-size: 0.8rem;}.close-sidebar-btn {background: none;border: none;font-size: 1.5rem;color: #64748b;cursor: pointer;padding: 0;line-height: 1;}.mobile-sidebar-content {flex: 1;overflow-y: auto;padding: 1.5rem;}.mobile-cta-section {margin-bottom: 1.5rem;}.btn-sidebar-cta {display: flex;align-items: center;justify-content: space-between;background: var(--primary); color: white;padding: 1rem 1.25rem;border-radius: 8px;text-decoration: none;font-weight: 600;transition: transform 0.2s;}.btn-sidebar-cta:hover {transform: translateY(-2px);color: white;}.mobile-contact-strip {display: flex;align-items: center;justify-content: space-between;margin-bottom: 2rem;padding-bottom: 1.5rem;border-bottom: 1px solid #f1f5f9;font-weight: 600;color: var(--secondary);font-size: 0.9rem;}.mobile-contact-strip a {color: var(--accent);text-decoration: none;font-weight: 700;}.mobile-menu-group {display: flex;flex-direction: column;gap: 0.5rem;}.mobile-menu-link {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;color: var(--accent);text-decoration: none;font-weight: 600;border-bottom: 1px solid #f8fafc;}.mobile-menu-link:hover {color: var(--primary);}.mobile-menu-link i {font-size: 0.8rem;color: #cbd5e1;}.mobile-menu-link.log-out {color: #ef4444;}.mobile-menu-expandable {border-bottom: 1px solid #f8fafc;}.menu-heading {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;color: var(--accent);font-weight: 600;cursor: pointer;}.menu-subitems {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;padding-left: 1rem;background: #f8fafc;border-radius: 8px;}.mobile-menu-expandable.open .menu-subitems {max-height: 200px; margin-bottom: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;}.mobile-menu-expandable.open .menu-heading i {transform: rotate(180deg);}.menu-subitems a {display: block;padding: 0.75rem 0;color: var(--secondary);text-decoration: none;font-size: 0.9rem;}.menu-subitems a:hover {color: var(--primary);}.mobile-sidebar-footer {margin-top: 2rem;text-align: center;color: #94a3b8;font-size: 0.75rem;padding-top: 1.5rem;border-top: 1px solid #f1f5f9;}.mobile-menu-overlay {z-index: 1900;}.mobile-menu-overlay.active {opacity: 1;visibility: visible;}@media (max-width: 768px) {.mobile-hidden {display: none !important;}.nav-container {padding: 0.8rem 1rem;display: flex;justify-content: space-between;align-items: center;}.mobile-menu-btn {display: flex !important;order: 1;margin-right: auto;z-index: 1200;border: none;background: none;padding: 0;width: 40px;height: 40px;align-items: center;justify-content: flex-start;color: var(--accent);font-size: 1.5rem;}.logo {order: 2;flex: 0 1 auto;position: absolute;left: 50%;transform: translateX(-50%);margin: 0;width: auto;display: flex;justify-content: center;white-space: nowrap;}.logo img {height: 32px;}.nav-actions {order: 3;flex: 0 0 auto;margin-left: auto;display: flex;justify-content: flex-end;align-items: center;gap: 0.5rem;}}.grid--2cols {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: start;}@media (max-width: 992px) {.grid--2cols {grid-template-columns: 1fr;gap: 2rem;}}.btn-outline {background: transparent;border: 2px solid var(--primary);color: var(--primary);font-weight: 700;border-radius: 8px;padding: 0.8rem 1.5rem;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;text-decoration: none;cursor: pointer;}.btn-outline:hover {background: var(--primary);color: white;}.btn-buy-now {background: var(--accent); color: white;font-weight: 700;border-radius: 8px;padding: 0.8rem 1.5rem;transition: all 0.3s ease;border: none;display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;cursor: pointer;}.btn-buy-now:hover {background: #000;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.action-buttons {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-top: 1.5rem;margin-bottom: 2rem;}@media (max-width: 480px) {.action-buttons {grid-template-columns: 1fr;}}.grid-cols-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;}@media (max-width: 1200px) {.grid-cols-4 {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 992px) {.grid-cols-4 {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 576px) {.grid-cols-4 {grid-template-columns: 1fr;}}.offers-box {transition: all 0.3s ease;}.offers-box:hover {background: #dcfce7 !important;border-color: #22c55e !important;}.spec-item {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.trust-badges i {transition: transform 0.3s ease;}.trust-badges > div:hover i {transform: scale(1.1) rotate(5deg);}.action-buttons-container {padding-top: 1rem;border-top: 1px solid #f1f5f9;}.action-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}.action-grid .btn {width: 100%;justify-content: center;border-radius: 50px !important;padding: 1rem 1.5rem !important;font-size: 0.9rem !important;}.btn-whatsapp {background: transparent !important;color: #25d366 !important;border: 2px solid #25d366 !important;}.btn-whatsapp:hover {background: #25d366 !important;color: white !important;border-color: #25d366 !important;}.btn-add-cart {grid-column: span 2;}@media (max-width: 768px) {.action-grid {grid-template-columns: 1fr;}.btn-add-cart {grid-column: span 1;order: 3;}.btn-buy-now {order: 2;}.btn-whatsapp {order: 1;}}.spec-item {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.trust-badges {display: flex;gap: 1rem;}.trust-badge-item {flex: 1;background: white;border: 1px solid #e2e8f0;border-radius: 12px;padding: 1rem;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;}@media (max-width: 480px) {.trust-badges {flex-direction: column;}}.product-offer-box {border: 1px dashed #4ade80;background: #f0fdf4;padding: 1.25rem;border-radius: 12px;display: flex;align-items: flex-start;gap: 12px;}.product-offer-box i {color: #16a34a;font-size: 1.1rem;margin-top: 3px;}.offer-title {font-weight: 800;font-size: 0.95rem;color: #15803d;margin-bottom: 2px;}.offer-subtitle {font-size: 0.8rem;color: #166534;}.product-info-section {border-top: 1px solid #e2e8f0;padding-top: 1.5rem;}.product-info-header {display: flex;justify-content: space-between;align-items: center;font-weight: 700;font-size: 1rem;color: var(--accent);cursor: pointer;}.feature-list {list-style: none;padding: 0;}.feature-list li {margin-bottom: 0.75rem;display: flex;.top-bar {background: #111827; padding: 8px 0;font-size: 0.75rem;color: #f3f4f6;letter-spacing: 0.3px;}.top-bar .container {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;}.top-links {display: flex;gap: 20px;}.top-links a {color: #d1d5db;text-decoration: none;transition: color 0.2s;font-weight: 400;}.top-links a:hover {color: white;}.top-details {display: flex;align-items: center;gap: 15px;font-weight: 500;}.top-details i {color: var(--primary);}.navbar {background: white;padding: 0;position: sticky;top: 0;z-index: 9999;box-shadow: 0 4px 12px rgba(0,0,0,0.08);height: 80px; display: flex;align-items: center;}.nav-container {display: flex;align-items: center;justify-content: space-between;gap: 2rem;max-width: 1400px;width: 100%;}.logo img {height: 40px;width: auto;}.nav-links {display: flex;gap: 1.5rem;list-style: none;margin: 0;padding: 0;align-items: center;}.nav-links a {font-weight: 700;font-size: 0.85rem;color: #1f2937;text-transform: uppercase;letter-spacing: 0.5px;padding: 10px 0;border-bottom: 2px solid transparent;transition: all 0.2s;}.nav-links a:hover {color: var(--primary);border-bottom-color: var(--primary);}.btn-nav-booking {color: var(--primary) !important;font-weight: 800 !important;}.header-search {flex: 1;max-width: 350px;position: relative;}.header-search input {width: 100%;background: #f3f4f6;border: none;border-radius: 8px;padding: 12px 15px 12px 45px; font-size: 0.95rem;color: #374151;transition: all 0.2s;}.header-search input:focus {background: white;box-shadow: 0 0 0 2px var(--primary);outline: none;}.header-search i {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: #6b7280;font-size: 1.1rem;}.nav-actions {display: flex;align-items: center;gap: 1.5rem;}.nav-action-icon {font-size: 1.25rem;color: #374151;position: relative;transition: transform 0.2s;}.nav-action-icon:hover {color: var(--primary);transform: scale(1.1);}.cart-badge {position: absolute;top: -5px;right: -8px;background: var(--primary);color: white;font-size: 0.7rem;font-weight: bold;height: 18px;width: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid white;}@media (max-width: 1100px) {.nav-links, .header-search, .top-bar {display: none !important;}.navbar {height: 70px;padding: 0 1rem;}.mobile-menu-btn {display: block !important;font-size: 1.5rem;background: none;border: none;color: #1f2937;}}.top-bar {background: #0f172a;padding: 8px 0;font-size: 0.75rem;color: #cbd5e1;font-weight: 500;letter-spacing: 0.3px;position: relative;z-index: 1001;}.top-bar .container {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;}.top-links {display: flex;gap: 20px;}.top-links a {color: #94a3b8;text-decoration: none;transition: color 0.2s;}.top-links a:hover {color: #fff;}.top-details {display: flex;align-items: center;gap: 15px;}.top-details i {color: var(--primary);margin-right: 5px;}.navbar {background: #ffffff;height: 85px; display: flex;align-items: center;position: sticky;top: 0;z-index: 9999;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;border-bottom: 5px solid red !important; }.nav-container {display: flex;align-items: center;justify-content: space-between;gap: 2rem;max-width: 1400px;width: 100%;}.logo img {height: 40px;width: auto;transition: transform 0.2s;}.logo:hover img {transform: scale(1.05);}.nav-links {display: flex;gap: 2rem;list-style: none;margin: 0;padding: 0;align-items: center;}.nav-links a {font-weight: 700;font-size: 0.85rem;color: #1e293b;text-transform: uppercase;letter-spacing: 0.5px;position: relative;padding: 5px 0;text-decoration: none;}.nav-links a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--primary);transition: width 0.3s;}.nav-links a:hover::after {width: 100%;}.nav-links a:hover {color: var(--primary);}.nav-links .btn-nav-booking {display: inline-flex !important; align-items: center;justify-content: center;white-space: nowrap !important; min-width: 140px;padding: 10px 20px !important;background: var(--primary);color: white !important;border-radius: 50px;font-size: 0.75rem !important;font-weight: 700;line-height: 1;box-shadow: 0 4px 10px rgba(227, 30, 36, 0.2);transition: transform 0.2s, box-shadow 0.2s;text-transform: uppercase;}.nav-links .btn-nav-booking:hover {transform: translateY(-2px);box-shadow: 0 6px 15px rgba(227, 30, 36, 0.3);color: white !important;}.nav-links .btn-nav-booking::after {display: none;}.header-search {flex: 1;max-width: 380px;position: relative;display: flex;align-items: center;}.header-search input {width: 100%;background: #f1f5f9;border: 2px solid #e2e8f0;border-radius: 8px;padding: 12px 20px 12px 45px !important; font-size: 0.9rem;color: #334155;transition: all 0.3s;font-family: var(--font-main);}.header-search input:focus {background: #fff;border-color: var(--primary);box-shadow: 0 0 0 4px rgba(227, 30, 36, 0.1);outline: none;}.header-search i {position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #64748b;font-size: 1.1rem;pointer-events: none;z-index: 10;}.nav-actions {display: flex;align-items: center;gap: 1.5rem;}.nav-action-icon {font-size: 1.25rem;color: #334155;transition: color 0.2s;position: relative;padding: 5px;}.nav-action-icon:hover {color: var(--primary);}.cart-badge {position: absolute;top: -2px;right: -2px;background: var(--primary);color: white;font-size: 10px;font-weight: 800;height: 18px;width: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid white;}@media (max-width: 1100px) {.nav-links, .header-search, .top-bar {display: none !important;}.navbar {height: 70px;padding: 0 1rem;}.mobile-menu-btn {display: block !important;font-size: 1.5rem;border: none;background: none;color: #1e293b;cursor: pointer;}}.nav-links .btn-nav-booking {display: inline-flex !important;align-items: center;justify-content: center;white-space: nowrap !important;min-width: 140px;padding: 10px 20px !important;background: var(--primary) !important;color: white !important;border-radius: 50px !important;font-size: 0.75rem !important;font-weight: 700 !important;text-transform: uppercase !important;line-height: 1 !important;box-shadow: 0 4px 6px rgba(227, 30, 36, 0.2);}.nav-links .btn-nav-booking:hover {transform: translateY(-2px);box-shadow: 0 6px 12px rgba(227, 30, 36, 0.3);}.header-search {position: relative !important;display: flex !important;align-items: center !important;max-width: 380px !important;width: 100% !important;}.header-search input {width: 100% !important;padding-left: 45px !important;padding-right: 15px !important;height: 48px !important;border-radius: 8px !important;border: 1px solid #e2e8f0 !important;background: #f8fafc !important;}.header-search i {position: absolute !important;left: 16px !important;top: 50% !important;transform: translateY(-50%) !important;z-index: 10 !important;color: #64748b !important;pointer-events: none !important;display: block !important;}@media (min-width: 1101px) {.nav-links,.header-search {display: flex !important;}.mobile-sidebar {display: none !important;}}.category-scroll {scrollbar-width: none; -ms-overflow-style: none; }.category-scroll::-webkit-scrollbar {display: none; }.category-scroll .btn {border-radius: 50px; padding: 0.5rem 1.5rem;font-size: 0.875rem;font-weight: 600;transition: all 0.2s ease;border: 1px solid var(--gray-200, #e2e8f0);color: var(--text-main);background: white;}.category-scroll .btn:hover {border-color: var(--primary);color: var(--primary);transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0,0,0,0.05);}.category-scroll .btn.btn-primary {background: var(--primary);color: white !important;border-color: var(--primary);box-shadow: 0 4px 6px rgba(var(--primary-rgb), 0.2);}.mobile-filter-modal {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10001; visibility: hidden;opacity: 0;transition: all 0.3s ease;}@media (max-width: 768px) {.mobile-filter-modal {display: block; }}.mobile-filter-modal.active {visibility: visible;opacity: 1;}.mobile-filter-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);transition: all 0.3s ease;}.mobile-filter-content {position: absolute;bottom: 0;left: 0;width: 100%;background: white;border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem;padding: 1.5rem;transform: translateY(100%);transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: 0 -10px 40px rgba(0,0,0,0.1);max-height: 85vh;display: flex;flex-direction: column;}.mobile-filter-modal.active .mobile-filter-content {transform: translateY(0);}.mobile-filter-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--gray-100, #f1f5f9);}.mobile-filter-header h3 {font-size: 1.25rem;font-weight: 800;color: var(--accent);margin: 0;display: flex;align-items: center;gap: 0.75rem;}.mobile-filter-close {width: 32px;height: 32px;border-radius: 50%;background: var(--gray-100, #f1f5f9);border: none;color: var(--text-light);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;}.mobile-filter-close:hover {background: var(--danger-light, #fee2e2);color: var(--danger, #ef4444);}.mobile-filter-body {overflow-y: auto;flex: 1;}.mobile-category-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem;}.mobile-category-item {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1.25rem;background: var(--gray-50, #f8fafc);border: 1px solid var(--gray-200, #e2e8f0);border-radius: 1rem;text-align: center;gap: 0.75rem;color: var(--text-main);font-weight: 600;transition: all 0.2s;}.mobile-category-item i {font-size: 1.5rem;color: var(--primary);opacity: 0.8;}.mobile-category-item:hover, .mobile-category-item.active {background: white;border-color: var(--primary);box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.15);color: var(--primary);}.mobile-category-item.active i {transform: scale(1.1);opacity: 1;}@media (max-width: 768px) {.mobile-snap-slider {display: flex !important;overflow-x: auto;scroll-snap-type: x mandatory;gap: 1rem;padding-bottom: 1rem;-webkit-overflow-scrolling: touch;scrollbar-width: none; -ms-overflow-style: none;}.mobile-snap-slider::-webkit-scrollbar { display: none; }.mobile-snap-slider .slider-item-wrapper {min-width: 85vw; scroll-snap-align: center;flex-shrink: 0;}.dynamic-product-grid-v2 {grid-template-columns: none !important;}}.nav-links li {position: relative;padding: 10px 0; }.nav-links li ul.dropdown-menu {display: none;position: absolute;top: 100%;left: 0;min-width: 220px;background: white;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);border-radius: 8px;padding: 8px 0;z-index: 1001;border: 1px solid #f1f5f9;}.nav-links li:hover > ul.dropdown-menu {display: block;animation: fadeIn 0.2s ease-out;}.nav-links li ul.dropdown-menu li {padding: 0;display: block;}.nav-links li ul.dropdown-menu li a {display: flex;justify-content: space-between;align-items: center;padding: 8px 16px;font-size: 0.9rem;color: var(--text);font-weight: 500;text-transform: none; white-space: nowrap;transition: all 0.2s;}.nav-links li ul.dropdown-menu li a:hover {background-color: #f8fafc;color: var(--primary);padding-left: 20px; }.nav-links li ul.dropdown-menu li ul.dropdown-menu {top: 0;left: 100%; margin-left: 5px; }.nav-links .fa-chevron-right {font-size: 0.7rem;color: #cbd5e1;transition: transform 0.2s;}.nav-links li:hover > a .fa-chevron-right {color: var(--primary);}.dynamic-product-grid-v2 {display: grid;gap: 20px;grid-template-columns: repeat(2, 1fr); padding: 10px 0;}@media (min-width: 768px) {.dynamic-product-grid-v2 {grid-template-columns: repeat(3, 1fr);gap: 24px;}}@media (min-width: 1200px) {.dynamic-product-grid-v2 {grid-template-columns: repeat(4, 1fr);gap: 30px;}}.product-card-premium .card-inner {border: 1px solid #f1f5f9;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);background: #ffffff;}.product-card-premium .card-inner:hover {box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12);}.product-card-premium .card-inner img {filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);}.product-card-premium .card-inner:hover img {transform: scale(1.08) rotate(-2deg);}.product-card-premium .product-brand {font-family: var(--font-main);letter-spacing: -0.01em;}.product-card-premium .discount-tag {color: #10b981; background: rgba(16, 185, 129, 0.1);padding: 2px 8px;border-radius: 4px;}.product-card-premium .btn {border-width: 1.5px !important;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.product-card-premium {animation: fadeInUp 0.6s ease backwards;}.product-card-premium:nth-child(1) { animation-delay: 0.05s; }.product-card-premium:nth-child(2) { animation-delay: 0.1s; }.product-card-premium:nth-child(3) { animation-delay: 0.15s; }.product-card-premium:nth-child(4) { animation-delay: 0.2s; }.product-card-premium:nth-child(5) { animation-delay: 0.25s; }.product-card-premium:nth-child(6) { animation-delay: 0.3s; }.product-card-premium:nth-child(7) { animation-delay: 0.35s; }.product-card-premium:nth-child(8) { animation-delay: 0.4s; }.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }.hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }.active\:scale-95:active { transform: scale(0.95); }.tracking-widest { letter-spacing: 0.1em; }.product-card-premium .btn-primary { background-color: var(--primary) !important; color: white !important; }.product-card-premium .btn-outline { border: 1.5px solid #e2e8f0 !important; color: #475569 !important; background: transparent !important; }@keyframes fadeIn {from { opacity: 0; transform: translateY(5px); }to { opacity: 1; transform: translateY(0); }}