@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-y) var(--btn-padding-x);border-radius: var(--btn-radius);font-weight: var(--btn-font-weight);font-size: var(--font-size-sm);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: inline-flex;align-items: center;list-style: none;padding: 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;}.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;}.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;}.grid-cols-3 {grid-template-columns: repeat(3, 1fr);}.productWrapper {display: grid;grid-template-columns: 1.2fr 1fr;gap: 3rem;align-items: start;}.product-gallery-container {width: 100%;max-width: 600px;}.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: linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding: 0;height: 40px;display: flex;align-items: center;color: white;}.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;}.label-pill {display: inline-block;padding: 0.5rem 1rem;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50px;font-size: 0.75rem;font-weight: 700;letter-spacing: 1.5px;color: white;text-transform: uppercase;}.priority-list {list-style: none;margin-top: 2rem;display: flex;flex-direction: column;gap: 1rem;}.priority-list li {display: flex;align-items: center;gap: 0.75rem;}.priority-content {text-align: left;}.priority-content h2,.priority-content p,.priority-content ul {text-align: left;}@media (max-width: 768px) {.priority-grid {grid-template-columns: 1fr;}}.image-hero {width: 100%;height: 450px;border-radius: 24px;position: relative;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}.rating-badge {position: absolute;bottom: 30px;left: 30px;background: white;padding: 1.25rem 1.75rem;border-radius: 16px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);z-index: 10;display: flex;align-items: center;gap: 1rem;}.rating-score {font-size: 2.5rem;font-weight: 800;color: var(--primary);line-height: 1;}.rating-max {font-size: 1.2rem;color: var(--primary);font-weight: 700;}.rating-text-wrapper {display: flex;flex-direction: column;gap: 0;line-height: 1.2;}.rating-text {font-size: 1rem;color: var(--accent);font-weight: 600;text-transform: capitalize;letter-spacing: 0;}.animate-pulse-subtle {animation: pulse-subtle 2s ease-in-out infinite;}@keyframes pulse-subtle {0%, 100% {transform: scale(1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}50% {transform: scale(1.08);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);}}@media (max-width: 768px) {.image-hero {height: 350px;}.rating-badge {bottom: 20px;left: 20px;padding: 1rem 1.5rem;}.rating-score {font-size: 2rem;}}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: rgba(227, 30, 36, 0.9); 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;}.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;}}