:root {--forest-green:#1B3222;--forest-green-hover:#122216;--forest-green-light:#E8EFEA;--forest-green-glow:rgba(27,50,34,0.15);--travertine:#F7F5F0;--travertine-dark:#ECE8DF;--travertine-light:#FAF9F6;--walnut:#4B3621;--walnut-light:#6E5339;--gold:#C5A059;--gold-text:#86682f;--gold-hover:#B08D47;--gold-light:#FAF4E8;--white:#FFFFFF;--text-main:#2C2520;--text-muted:#736B66;--border-color:#E2DDD5;--border-focus:#1B3222;--error:#A94442;--error-bg:#F2DEDE;--success:#3C763D;--success-bg:#DFF0D8;--glass-bg:rgba(255,255,255,0.85);--glass-blur:blur(12px);--glass-shadow:0 10px 40px 0 rgba(27,50,34,0.04);--card-shadow:0 4px 20px rgba(0,0,0,0.02);--hover-shadow:0 15px 45px rgba(27,50,34,0.08);--font-heading:'Playfair Display',serif;--font-body:'Inter',sans-serif;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--transition-fast:all 0.2s ease;}* {box-sizing:border-box;margin:0;padding:0;}body {font-family:var(--font-body);background-color:var(--travertine);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}h1,h2,h3,h4,h5,h6 {font-family:var(--font-heading);color:var(--forest-green);font-weight:600;}::-webkit-scrollbar {width:8px;height:8px;}::-webkit-scrollbar-track {background:var(--travertine-dark);}::-webkit-scrollbar-thumb {background:var(--walnut-light);border-radius:4px;}::-webkit-scrollbar-thumb:hover {background:var(--walnut);}.container {max-width:1300px;margin:0 auto;padding:0 24px;}.btn {display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;border-radius:0;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;border:none;}.btn-primary {background-color:var(--forest-green);color:var(--white);}.btn-primary:hover {background-color:var(--forest-green-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgba(27,50,34,0.2);}.btn-secondary {background-color:transparent;color:var(--forest-green);border:1px solid var(--forest-green);}.btn-secondary:hover {background-color:var(--forest-green-light);transform:translateY(-2px);}.btn-gold {background-color:var(--gold);color:var(--forest-green);font-weight:600;}.btn-gold:hover {background-color:var(--gold-hover);transform:translateY(-2px);}.badge {display:inline-block;padding:4px 10px;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:0.05em;border-radius:2px;}.badge-rare {background-color:var(--gold-light);color:var(--gold-text);border:1px solid rgba(197,160,89,0.3);}.badge-best {background-color:var(--forest-green-light);color:var(--forest-green);}header {position:sticky;top:0;z-index:100;background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);}header .navbar {display:flex;justify-content:space-between;align-items:center;height:80px;}header .logo {display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--forest-green);text-decoration:none;}header .logo img {height:38px;object-fit:contain;}header nav ul {display:flex;list-style:none;gap:32px;}header nav a {text-decoration:none;color:var(--text-main);font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;position:relative;padding:8px 0;transition:var(--transition-fast);}header nav a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--forest-green);transition:var(--transition-fast);}header nav a:hover::after,header nav li.active a::after {width:100%;}header nav a:hover,header nav li.active a {color:var(--forest-green);}.header-actions {display:flex;align-items:center;gap:24px;}.cart-trigger {position:relative;background:none;border:none;cursor:pointer;font-size:18px;color:var(--forest-green);display:flex;align-items:center;gap:8px;}.cart-count {position:absolute;top:-8px;right:-8px;background-color:var(--gold-text);color:var(--forest-green);font-weight:600;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.page-view {display:none;animation:fadeIn 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}.page-view.active {display:block;}@keyframes fadeIn {from {opacity:0;transform:translateY(15px);}to {opacity:1;transform:translateY(0);}}.hero-carousel {position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;aspect-ratio:1920 / 650;height:auto;overflow:hidden;background-color:var(--forest-green);}.carousel-slide {position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;}.carousel-slide.active {opacity:1;}.carousel-slide img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;}.carousel-content {position:relative;z-index:10;max-width:650px;margin-left:8%;color:var(--white);}.carousel-content h2 {font-size:52px;line-height:1.15;margin-bottom:16px;color:var(--white);}.carousel-content p {font-size:18px;margin-bottom:32px;font-weight:300;color:var(--travertine);}.carousel-nav {position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}.carousel-indicator {width:32px;height:2px;background-color:rgba(255,255,255,0.3);cursor:pointer;transition:var(--transition-fast);}.carousel-indicator.active {background-color:var(--gold-text);}.collection-section {padding:80px 0;background-color:var(--travertine-light);}.section-title {text-align:center;margin-bottom:48px;}.section-title h2 {font-size:38px;margin-bottom:12px;}.section-title p {color:var(--text-muted);font-size:16px;}.collections-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}.collection-card {position:relative;height:380px;overflow:hidden;cursor:pointer;background-color:var(--forest-green);box-shadow:var(--card-shadow);transition:var(--transition-smooth);}.collection-card img {width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);filter:brightness(0.85);}.collection-card-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(27,50,34,0.85) 0%,rgba(27,50,34,0) 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:var(--white);transition:var(--transition-smooth);}.collection-card:hover img {transform:scale(1.06);filter:brightness(0.7);}.collection-card h3 {color:var(--white);font-size:24px;margin-bottom:8px;}.collection-card p {color:var(--travertine);font-size:13px;letter-spacing:0.05em;text-transform:uppercase;}.promise-section {display:flex;align-items:center;padding:80px 0;gap:60px;}.promise-image,.promise-content {flex:1;}.promise-image img {width:100%;border-radius:0;box-shadow:var(--hover-shadow);object-fit:cover;max-height:480px;}.promise-content h3 {font-size:34px;margin-bottom:24px;}.promise-content p {color:var(--text-muted);margin-bottom:20px;}.promise-bullets {list-style:none;margin-top:30px;}.promise-bullets li {position:relative;padding-left:32px;margin-bottom:16px;font-weight:500;color:var(--forest-green);}.promise-bullets li::before {content:'✓';position:absolute;left:0;color:var(--gold-text);font-weight:700;font-size:18px;}.shop-layout {display:grid;grid-template-columns:280px 1fr;gap:40px;padding:50px 0;}.shop-sidebar {background-color:var(--white);padding:30px;border:1px solid var(--border-color);height:fit-content;position:sticky;top:100px;}.filter-group {margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px;}.filter-group:last-child {border-bottom:none;padding-bottom:0;}.filter-group h4 {font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;}.filter-options {display:flex;flex-direction:column;gap:12px;}.filter-option {display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-main);cursor:pointer;}.filter-option input[type="checkbox"] {accent-color:var(--forest-green);width:16px;height:16px;}.price-slider-container {display:flex;flex-direction:column;gap:10px;}.price-slider-container input {accent-color:var(--forest-green);}.price-labels {display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);}.products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}.product-card {background-color:var(--white);border:1px solid var(--border-color);position:relative;display:flex;flex-direction:column;height:100%;transition:var(--transition-smooth);}.product-card:hover {transform:translateY(-5px);box-shadow:var(--hover-shadow);border-color:var(--forest-green);}.product-image-wrap {position:relative;padding-top:100%;overflow:hidden;background-color:var(--travertine-light);}.product-image-wrap img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);}.product-card:hover .product-image-wrap img {transform:scale(1.04);}.product-badges {position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:6px;z-index:10;}.product-info {padding:24px;display:flex;flex-direction:column;flex-grow:1;}.product-type {font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;margin-bottom:6px;}.product-name {font-family:var(--font-heading);font-size:20px;margin-bottom:8px;color:var(--forest-green);text-decoration:none;}.product-meta-row {display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--travertine-dark);}.product-price {font-size:18px;font-weight:600;color:var(--walnut);}.product-rating {font-size:13px;color:var(--gold-text);}.product-detail-layout {display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:50px 0;}.detail-images {display:flex;flex-direction:column;gap:20px;}.main-detail-img {width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border-color);background-color:var(--white);}.detail-info h2 {font-size:42px;margin-bottom:8px;}.detail-botanical {font-style:italic;color:var(--text-muted);font-size:16px;margin-bottom:20px;}.detail-price {font-size:28px;color:var(--walnut);font-weight:700;margin-bottom:24px;}.detail-description {color:var(--text-muted);margin-bottom:30px;font-size:15px;}.attributes-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;background-color:var(--white);padding:24px;border:1px solid var(--border-color);margin-bottom:30px;}.attribute-item {display:flex;flex-direction:column;}.attribute-label {font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;}.attribute-val {font-size:14px;font-weight:500;color:var(--forest-green);}.configurator-section {margin-bottom:30px;}.configurator-title {font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;}.size-chips,.color-chips {display:flex;flex-wrap:wrap;gap:10px;}.size-chip {padding:10px 20px;border:1px solid var(--border-color);background:var(--white);cursor:pointer;font-size:14px;transition:var(--transition-fast);}.size-chip.active {border-color:var(--forest-green);background-color:var(--forest-green-light);color:var(--forest-green);font-weight:600;}.color-chip {width:40px;height:40px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px var(--border-color);cursor:pointer;transition:var(--transition-fast);position:relative;}.color-chip.active {box-shadow:0 0 0 2px var(--forest-green);}.color-chip:hover::after {content:attr(data-name);position:absolute;bottom:45px;left:50%;transform:translateX(-50%);background-color:var(--forest-green);color:var(--white);font-size:10px;padding:4px 8px;white-space:nowrap;pointer-events:none;}.builder-layout {display:grid;grid-template-columns:1fr 380px;gap:40px;padding:40px 0;}.builder-steps-container {background-color:var(--white);padding:40px;border:1px solid var(--border-color);}.builder-nav-timeline {display:flex;justify-content:space-between;margin-bottom:40px;position:relative;}.builder-nav-timeline::before {content:'';position:absolute;top:20px;left:0;right:0;height:2px;background-color:var(--travertine-dark);z-index:1;}.timeline-step {position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;cursor:pointer;}.step-number {width:42px;height:42px;border-radius:50%;background-color:var(--travertine);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-muted);transition:var(--transition-smooth);}.timeline-step.active .step-number {border-color:var(--forest-green);background-color:var(--forest-green);color:var(--white);box-shadow:0 0 0 4px var(--forest-green-light);}.timeline-step.completed .step-number {border-color:var(--forest-green);background-color:var(--white);color:var(--forest-green);}.step-label {font-size:11px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;margin-top:8px;color:var(--text-muted);}.timeline-step.active .step-label {color:var(--forest-green);}.builder-step-content {display:none;}.builder-step-content.active {display:block;animation:fadeIn 0.4s ease-out forwards;}.builder-grid-options {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:24px;}.builder-card-option {border:1px solid var(--border-color);padding:24px;background-color:var(--white);cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;height:100%;}.builder-card-option:hover {border-color:var(--forest-green);background-color:var(--travertine-light);}.builder-card-option.active {border-color:var(--forest-green);background-color:var(--forest-green-light);box-shadow:0 0 0 1px var(--forest-green);}.builder-card-option img {width:100%;aspect-ratio:1.2;object-fit:cover;margin-bottom:16px;}.builder-card-option h4 {font-family:var(--font-body);font-size:16px;font-weight:600;margin-bottom:8px;}.builder-card-option p {font-size:13px;color:var(--text-muted);}.builder-card-option .option-price {font-weight:600;color:var(--walnut);margin-top:auto;padding-top:12px;}.alert-banner {background-color:var(--gold-light);border:1px solid var(--gold);color:var(--walnut);padding:16px;margin-top:24px;display:flex;align-items:flex-start;gap:12px;animation:shake 0.5s ease-in-out;}.alert-banner.error-alert {background-color:var(--error-bg);border-color:var(--error);color:var(--error);}.alert-banner.success-alert {background-color:var(--success-bg);border-color:var(--success);color:var(--success);}.alert-icon {font-size:18px;font-weight:700;}@keyframes shake {0%,100% {transform:translateX(0);}25% {transform:translateX(-6px);}75% {transform:translateX(6px);}}.builder-summary-card {background-color:var(--white);border:1px solid var(--border-color);padding:30px;position:sticky;top:100px;height:fit-content;}.summary-title {font-size:22px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color);}.summary-line-item {display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px;}.summary-line-item .item-lbl {color:var(--text-muted);}.summary-line-item .item-val {font-weight:500;}.summary-total-row {display:flex;justify-content:space-between;font-size:20px;font-weight:700;margin-top:20px;padding-top:16px;border-top:1px dashed var(--border-color);color:var(--forest-green);}.builder-actions-row {display:flex;flex-direction:column;gap:12px;margin-top:24px;}.combo-layout {display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 0;}.combo-configurator {background-color:var(--white);padding:40px;border:1px solid var(--border-color);}.combo-item-row {border-bottom:1px solid var(--border-color);padding:20px 0;}.combo-item-row:last-child {border-bottom:none;}.combo-item-header {display:flex;justify-content:space-between;margin-bottom:12px;}.combo-item-role {font-size:12px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;font-weight:600;}.combo-select-wrap {display:flex;gap:16px;}.combo-select-wrap select {flex-grow:1;padding:10px;border:1px solid var(--border-color);font-family:var(--font-body);}.services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;padding:40px 0;}.service-card {background-color:var(--white);border:1px solid var(--border-color);padding:35px;display:flex;flex-direction:column;transition:var(--transition-smooth);}.service-card:hover {transform:translateY(-5px);box-shadow:var(--hover-shadow);border-color:var(--forest-green);}.service-billing {font-family:var(--font-body);font-size:12px;text-transform:uppercase;color:var(--gold-text);letter-spacing:0.05em;margin-bottom:8px;}.service-card h3 {font-size:26px;margin-bottom:12px;}.service-price {font-size:22px;color:var(--walnut);font-weight:700;margin-bottom:16px;}.service-features-list {list-style:none;margin:20px 0 30px;}.service-features-list li {position:relative;padding-left:24px;margin-bottom:10px;font-size:14px;color:var(--text-muted);}.service-features-list li::before {content:'✓';position:absolute;left:0;color:var(--forest-green);}.service-card .btn {margin-top:auto;}.booking-form-card {max-width:700px;margin:40px auto;background-color:var(--white);padding:40px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);}.form-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;}.form-group {display:flex;flex-direction:column;gap:8px;}.form-group.full-width {grid-column:span 2;}.form-group label {font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-main);}.form-group input,.form-group select,.form-group textarea {width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border-color);font-family:var(--font-body);font-size:14px;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--forest-green);}.slots-container {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}.slot-chip {padding:10px;border:1px solid var(--border-color);text-align:center;font-size:13px;cursor:pointer;background:var(--white);transition:var(--transition-fast);}.slot-chip.active {background-color:var(--forest-green);color:var(--white);border-color:var(--forest-green);}.corporate-header {background:linear-gradient(135deg,var(--forest-green) 0%,#2A4D35 100%);color:var(--white);padding:80px 0;text-align:center;}.corporate-header h2 {color:var(--white);font-size:42px;margin-bottom:16px;}.slabs-container {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:50px 0;}.slab-card {background:var(--white);border:1px solid var(--border-color);padding:30px;text-align:center;box-shadow:var(--card-shadow);position:relative;overflow:hidden;}.slab-card.active {border-color:var(--gold-text);}.slab-qty {font-size:14px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;margin-bottom:8px;}.slab-discount {font-family:var(--font-heading);font-size:34px;color:var(--gold-text);font-weight:700;margin-bottom:12px;}.cart-layout {display:grid;grid-template-columns:1fr 380px;gap:40px;padding:50px 0;}.cart-items-table {background-color:var(--white);border:1px solid var(--border-color);width:100%;border-collapse:collapse;}.cart-items-table th,.cart-items-table td {padding:20px;text-align:left;border-bottom:1px solid var(--border-color);}.cart-items-table th {font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);background-color:var(--travertine-light);}.cart-product-cell {display:flex;align-items:center;gap:16px;}.cart-product-cell img {width:64px;height:64px;object-fit:cover;border:1px solid var(--border-color);}.cart-qty-input {width:60px;padding:8px;border:1px solid var(--border-color);text-align:center;}.remove-btn {background:none;border:none;color:var(--error);cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;}.modal-overlay {position:fixed;inset:0;background-color:rgba(0,0,0,0.6);z-index:200;display:none;align-items:center;justify-content:center;}.modal-overlay.active {display:flex;}.razorpay-sim-box {background-color:#0b1528;width:380px;color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.5);font-family:'Inter',sans-serif;animation:modalSlideUp 0.3s ease-out;}@keyframes modalSlideUp {from {transform:translateY(50px);opacity:0;}to {transform:translateY(0);opacity:1;}}.rzp-header {background-color:#12213a;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.05);}.rzp-amount {font-size:22px;font-weight:700;color:#3bf;}.rzp-body {padding:24px;}.rzp-method {background-color:#1a2a44;padding:16px;margin-bottom:12px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:0.2s;}.rzp-method:hover {background-color:#24385a;}.rzp-footer {padding:20px;text-align:center;background-color:#0d192f;}.admin-layout {display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 80px);}.admin-sidebar {background-color:var(--forest-green);color:var(--white);padding:30px 20px;}.admin-sidebar h3 {color:var(--white);margin-bottom:30px;font-size:18px;text-transform:uppercase;letter-spacing:0.05em;}.admin-menu-list {list-style:none;display:flex;flex-direction:column;gap:16px;}.admin-menu-item {color:rgba(255,255,255,0.7);padding:12px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition-fast);}.admin-menu-item:hover,.admin-menu-item.active {background-color:rgba(255,255,255,0.1);color:var(--white);}.admin-content-pane {background-color:var(--travertine-light);padding:40px;overflow-y:auto;}.kpi-row {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;}.kpi-card {background-color:var(--white);border:1px solid var(--border-color);padding:24px;box-shadow:var(--card-shadow);}.kpi-title {font-size:12px;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em;margin-bottom:8px;}.kpi-value {font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--forest-green);}.charts-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:40px;}.chart-container {background-color:var(--white);border:1px solid var(--border-color);padding:30px;box-shadow:var(--card-shadow);}.chart-title-row {display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}.bar-funnel-row {margin-bottom:16px;}.bar-funnel-lbl {display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;}.bar-funnel-outer {height:24px;background-color:var(--travertine);}.bar-funnel-inner {height:100%;background-color:var(--forest-green);transition:width 1s ease-out;}.terminal-window {background-color:#0E160F;border-radius:4px;padding:20px;font-family:'Courier New',Courier,monospace;color:#55D66E;height:280px;overflow-y:auto;font-size:13px;line-height:1.5;box-shadow:inset 0 0 10px rgba(0,0,0,0.8);}.terminal-line {margin-bottom:8px;animation:termFade 0.2s ease-out;}.terminal-line .timestamp {color:#736B66;}.terminal-line .event-tag {color:var(--gold-text);font-weight:600;}@keyframes termFade {from {opacity:0;transform:translateY(5px);}to {opacity:1;transform:translateY(0);}}.invoice-container {background-color:var(--white);padding:40px;border:1px solid var(--border-color);max-width:800px;margin:30px auto;font-family:var(--font-body);}.invoice-header {display:flex;justify-content:space-between;border-bottom:2px solid var(--forest-green);padding-bottom:20px;margin-bottom:30px;}.invoice-meta {text-align:right;}.toast-container {position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;gap:10px;}.toast-msg {background-color:var(--forest-green);color:var(--white);padding:16px 24px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,0.15);animation:slideInRight 0.3s ease-out forwards;display:flex;align-items:center;gap:12px;}@keyframes slideInRight {from {transform:translateX(100%);opacity:0;}to {transform:translateX(0);opacity:1;}}.menu-toggle {display:none;background:none;border:none;font-size:22px;color:var(--forest-green);cursor:pointer;padding:8px;transition:var(--transition-fast);}.menu-toggle:hover {color:var(--gold-text);}.carousel-arrow {position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.85);border:1px solid var(--border-color);font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:var(--forest-green);transition:var(--transition-fast);}.carousel-arrow:hover {background-color:var(--gold-text);color:var(--forest-green);font-weight:600;border-color:var(--gold-text);}.carousel-arrow.prev {left:20px;}.carousel-arrow.next {right:20px;}.editorial-philosophy {padding:80px 0;background-color:var(--travertine-light);text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:40px;animation:fadeIn 1s ease;}.philosophy-container {max-width:800px;margin:0 auto;}.philosophy-label {text-transform:uppercase;letter-spacing:0.2em;font-size:11px;font-weight:600;color:var(--gold-text);display:block;margin-bottom:18px;}.philosophy-text {font-family:var(--font-heading);font-size:30px;line-height:1.5;color:var(--forest-green);font-weight:400;font-style:italic;}.philosophy-divider {width:60px;height:2px;background-color:var(--gold-text);margin:25px auto;}.philosophy-subtext {font-size:14px;color:var(--text-muted);line-height:1.8;}.press-testimonials {padding:80px 0;background-color:var(--forest-green-light);margin:50px 0;border-radius:4px;}.testimonial-slider-wrap {max-width:800px;margin:0 auto;position:relative;}.testimonial-slide {display:none;text-align:center;padding:0 20px;}.testimonial-slide.active {display:block;animation:fadeIn 0.8s ease;}.testimonial-quote {font-family:var(--font-heading);font-size:22px;line-height:1.6;color:var(--forest-green);margin-bottom:24px;font-style:italic;}.testimonial-author {font-size:12px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);font-weight:600;display:block;}.testimonial-indicators {display:flex;justify-content:center;gap:8px;margin-top:30px;}.t-indicator {width:8px;height:8px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:var(--transition-fast);}.t-indicator.active {background:var(--gold);transform:scale(1.25);}.user-profile-wrap {position:relative;}.user-trigger {background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--forest-green);font-family:var(--font-body);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;padding:8px 0;}.user-trigger i {font-size:18px;}.user-dropdown {position:absolute;top:45px;right:0;background-color:var(--white);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);z-index:10;width:180px;display:none;padding:10px 0;border-radius:4px;}.user-dropdown.show {display:block;animation:fadeIn 0.2s ease-out;}.user-dropdown a {display:block;padding:10px 20px;color:var(--text-main);text-decoration:none;font-size:13px;font-weight:500;transition:var(--transition-fast);}.user-dropdown a:hover {background-color:var(--travertine-dark);color:var(--forest-green);}.auth-modal-box {background:#fff;border-radius:4px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:var(--glass-shadow);animation:modalIn 0.4s cubic-bezier(0.16,1,0.3,1);}.close-auth-btn {position:absolute;top:15px;right:15px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);z-index:5;}.close-auth-btn:hover {color:var(--forest-green);}.auth-tabs {display:flex;border-bottom:1px solid var(--border-color);}.auth-tab-btn {flex:1;padding:15px 0;border:none;background:var(--travertine-light);font-family:var(--font-body);font-size:14px;cursor:pointer;font-weight:500;color:var(--text-muted);transition:var(--transition-fast);}.auth-tab-btn.active {background:#fff;color:var(--forest-green);font-weight:600;border-bottom:2px solid var(--gold);}.auth-body {padding:24px;}.auth-submit-btn {width:100%;margin-top:10px;}.order-history-card {background:#fff;border:1px solid var(--border-color);margin-bottom:25px;box-shadow:var(--card-shadow);border-radius:4px;overflow:hidden;transition:var(--transition-fast);}.order-history-card:hover {box-shadow:var(--hover-shadow);border-color:var(--gold-text);}.order-history-header {display:flex;flex-wrap:wrap;gap:20px;background:var(--travertine-light);padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:13px;}.order-history-body {padding:20px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;}.ccavenue-sim-box {background:#fff;border-radius:4px;width:100%;max-width:480px;box-shadow:var(--glass-shadow);overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.16,1,0.3,1);}@media (max-width:1024px) {.shop-layout,.builder-layout,.combo-layout,.cart-layout,.admin-layout {grid-template-columns:1fr;}.shop-sidebar {position:static;margin-bottom:30px;}.slabs-container {grid-template-columns:repeat(2,1fr);}.builder-summary-card {position:static;width:100%;margin-top:30px;}}@media (max-width:768px) {.menu-toggle {display:block;}header nav {position:fixed;top:80px;left:-100%;width:280px;height:calc(100vh - 80px);background-color:var(--travertine-light);border-right:1px solid var(--border-color);box-shadow:var(--glass-shadow);z-index:99;padding:30px 24px;transition:var(--transition-smooth);}header nav.open {left:0;}header nav ul {flex-direction:column;gap:20px;}header nav a {display:block;width:100%;font-size:15px;padding:8px 0;}.carousel-arrow {width:36px;height:36px;font-size:24px;}.philosophy-text {font-size:22px;}.collections-grid,.services-grid,.products-grid {grid-template-columns:repeat(2,1fr) !important;}.kpi-row {grid-template-columns:repeat(2,1fr);}.form-grid {grid-template-columns:1fr;}.form-group.full-width {grid-column:span 1;}.promise-section {flex-direction:column;}.promise-image,.promise-content {width:100% !important;}.cart-items-table,.cart-items-table thead,.cart-items-table tbody,.cart-items-table th,.cart-items-table td,.cart-items-table tr {display:block;}.cart-items-table thead {display:none;}.cart-items-table tr {border-bottom:1px solid var(--border-color);padding:15px 0;}.cart-items-table td {border:none;padding:5px 0;text-align:left !important;}.cart-items-table td:before {content:attr(data-label);font-weight:700;width:120px;display:inline-block;}.order-history-header {flex-direction:column;gap:10px;}.order-history-header div {text-align:left !important;}}@media (max-width:480px) {.logo span {display:none;}.collections-grid,.services-grid,.products-grid {grid-template-columns:1fr !important;}.slabs-container {grid-template-columns:1fr;}.kpi-row {grid-template-columns:1fr;}.btn {width:100%;padding:12px 16px;}.timeline-step .step-label {display:none;}.builder-nav-timeline {gap:10px;}.hero-carousel {height:350px !important;aspect-ratio:auto !important;}.carousel-slide img {height:350px !important;object-fit:cover !important;}.hero-carousel-cta-bar {position:absolute !important;bottom:20px !important;left:50% !important;transform:translateX(-50%) !important;z-index:12;display:flex !important;flex-direction:column !important;gap:10px !important;background:rgba(27,50,34,0.85) !important;backdrop-filter:blur(10px) !important;padding:12px !important;border-radius:6px !important;border:1px solid rgba(255,255,255,0.2) !important;width:calc(100% - 30px) !important;box-sizing:border-box !important;margin:0 !important;justify-content:center !important;}.hero-carousel-cta-bar .btn {width:100% !important;color:#fff !important;border-color:rgba(255,255,255,0.4) !important;background:rgba(255,255,255,0.05) !important;margin:0 !important;padding:10px 15px !important;font-size:12px !important;}.hero-carousel-cta-bar .btn-gold {background:var(--gold) !important;color:var(--forest-green) !important;border-color:var(--gold) !important;}#ba-slider-container {height:220px !important;}.ba-image {height:220px !important;width:100vw !important;max-width:480px !important;object-fit:cover !important;}#ba-after-overlay img {height:220px !important;width:100vw !important;max-width:480px !important;object-fit:cover !important;}.instagram-grid {grid-template-columns:repeat(3,1fr) !important;}.ai-assistant-drawer {width:calc(100% - 40px) !important;right:20px !important;left:20px !important;bottom:95px !important;height:380px !important;}}.hero-carousel-cta-bar {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:12;display:flex;gap:15px;background:rgba(27,50,34,0.45);backdrop-filter:blur(10px);padding:12px 24px;border-radius:4px;border:1px solid rgba(255,255,255,0.2);justify-content:center;flex-wrap:wrap;}#ba-slider-container {position:relative;max-width:800px;height:400px;margin:0 auto;overflow:hidden;border-radius:8px;box-shadow:var(--card-shadow);user-select:none;}.ba-image {position:absolute;top:0;left:0;width:800px;height:400px;object-fit:cover;}.instagram-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}.premium-hero h1 {animation:fadeUpHero 1s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes fadeUpHero {from {opacity:0;transform:translateY(30px);}to {opacity:1;transform:translateY(0);}}.category-showcase .collection-card:hover img {transform:scale(1.08);}#ba-slider-container {user-select:none;}#ba-range-slider {z-index:10;}#ba-range-slider:focus {outline:none;}.space-tile:hover {border-color:var(--forest-green) !important;background-color:var(--forest-green-light) !important;transform:translateY(-3px);box-shadow:var(--card-shadow);}.floating-widgets-container {position:fixed;bottom:30px;right:30px;z-index:999;display:flex;flex-direction:column;gap:15px;}.floating-widget-btn {width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 4px 15px rgba(0,0,0,0.15);cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);font-size:20px;border:none;position:relative;}.floating-widget-btn:hover {transform:scale(1.1) translateY(-3px);}.floating-widget-btn .tooltip-text {position:absolute;right:65px;background:var(--forest-green);color:var(--white);padding:6px 12px;border-radius:4px;font-size:11px;font-family:var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;box-shadow:var(--card-shadow);}.floating-widget-btn:hover .tooltip-text {opacity:1;}.widget-whatsapp {background-color:#25D366;}.widget-ai-assistant {background-color:var(--forest-green);border:1px solid var(--gold);}.widget-call {background-color:#0078FF;}.widget-track {background-color:var(--walnut);}.ai-assistant-drawer {position:fixed;bottom:95px;right:30px;width:360px;height:480px;background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:1000;display:flex;flex-direction:column;overflow:hidden;transform:scale(0.9) translateY(20px);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.ai-assistant-drawer.active {transform:scale(1) translateY(0);opacity:1;pointer-events:auto;}.ai-drawer-header {background:var(--forest-green);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--gold);}.ai-drawer-body {flex:1;padding:15px;overflow-y:auto;background:var(--travertine-light);display:flex;flex-direction:column;gap:12px;font-size:13px;}.ai-chat-bubble {padding:10px 14px;border-radius:12px;max-width:85%;line-height:1.4;}.ai-bubble-bot {background:#fff;color:var(--text-main);align-self:flex-start;border-bottom-left-radius:2px;border:1px solid var(--border-color);}.ai-bubble-user {background:var(--forest-green);color:#fff;align-self:flex-end;border-bottom-right-radius:2px;}.ai-drawer-footer {padding:12px 15px;background:#fff;border-top:1px solid var(--border-color);display:flex;gap:8px;}.ai-chat-input {flex-grow:1;border:1px solid var(--border-color);padding:8px 12px;font-family:var(--font-body);font-size:13px;border-radius:4px;}.ai-chat-input:focus {outline:none;border-color:var(--forest-green);}.ai-chat-send {background:var(--forest-green);color:#fff;border:none;padding:8px 15px;cursor:pointer;border-radius:4px;transition:background-color 0.2s ease;}.ai-chat-send:hover {background:var(--forest-green-hover);}.himi-fab-container {position:fixed;bottom:30px;right:30px;z-index:1100;display:flex;flex-direction:column;align-items:flex-end;gap:15px;}.himi-fab-trigger {width:56px;height:56px;border-radius:50%;background:var(--forest-green);color:#fff;border:none;box-shadow:0 4px 15px rgba(27,50,34,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),background-color 0.3s ease;}.himi-fab-trigger:hover {background:var(--gold);transform:scale(1.05);}.himi-fab-trigger.open {transform:rotate(135deg);background:#c0392b;}.himi-fab-actions {display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.16,1,0.3,1),visibility 0.3s;}.himi-fab-actions.open {opacity:1;visibility:visible;transform:translateY(0);}.himi-fab-action {display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:0;}.himi-fab-action-label {background:var(--white);color:var(--forest-green);padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid var(--border-color);white-space:nowrap;}.himi-fab-action-btn {width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;border:none;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.2s ease;}.himi-fab-action-btn:hover {transform:scale(1.08);}.himi-fab-btn-ai {background:var(--gold);border:1px solid rgba(255,255,255,0.2);}.himi-fab-btn-wa {background:#25d366;}.himi-fab-btn-call {background:#0078FF;}.mobile-filter-bar {display:none;}.mobile-filter-drawer {position:fixed;bottom:-100%;left:0;width:100%;max-height:75vh;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -10px 30px rgba(0,0,0,0.15);z-index:1050;display:flex;flex-direction:column;transition:bottom 0.4s cubic-bezier(0.16,1,0.3,1);box-sizing:border-box;}.mobile-filter-drawer.open {bottom:0;}.mobile-filter-drawer-header {padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--travertine-light);border-top-left-radius:16px;border-top-right-radius:16px;}.mobile-filter-drawer-header h3 {margin:0;font-family:var(--font-heading);color:var(--forest-green);font-size:16px;}.mobile-filter-drawer-body {padding:20px;overflow-y:auto;flex:1;}.mobile-filter-drawer-body .shop-sidebar {border:none !important;padding:0 !important;background:none !important;box-shadow:none !important;}.mobile-filter-drawer-footer {padding:15px 20px;border-top:1px solid var(--border-color);display:flex;}.mobile-filter-drawer-backdrop {position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1040;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.mobile-filter-drawer-backdrop.active {opacity:1;pointer-events:auto;}@media (max-width:768px) {.mobile-filter-bar {display:flex;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:999;background:var(--forest-green);color:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 4px 20px rgba(27,50,34,0.35);align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.1);transition:transform 0.2s ease;}.mobile-filter-bar:active {transform:translateX(-50%) scale(0.95);}.shop-sidebar {display:none;}.mobile-filter-drawer-body .shop-sidebar {display:block !important;}#view-builder {transform:none !important;animation:none !important;}.builder-layout {grid-template-columns:1fr;padding-bottom:110px !important;}.builder-summary-card {position:fixed !important;bottom:0;left:0;top:auto !important;width:100%;z-index:1005;background:#fff !important;border-top:1px solid var(--border-color);box-shadow:0 -4px 15px rgba(0,0,0,0.1) !important;padding:15px 20px !important;box-sizing:border-box;display:flex !important;justify-content:space-between !important;align-items:center !important;height:auto !important;}.builder-summary-card .summary-title,.builder-summary-card #builder-summary-items {display:none !important;}.builder-summary-card .summary-total-row {margin:0 !important;padding:0 !important;border:none !important;font-size:16px !important;flex-direction:column !important;align-items:flex-start !important;}.builder-summary-card .builder-actions-row {margin:0 !important;width:60% !important;gap:0 !important;}.builder-summary-card .builder-actions-row div {gap:8px !important;}.builder-summary-card .btn {padding:10px 16px !important;font-size:13px !important;}}@media (max-width:480px) {.products-grid {grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}.product-card {padding:10px !important;}.product-card img {height:150px !important;}.product-card h4 {font-size:13px !important;margin:8px 0 2px 0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.product-card .btn {padding:6px 10px !important;font-size:11px !important;}.builder-nav-timeline {overflow-x:auto !important;white-space:nowrap !important;justify-content:flex-start !important;gap:15px !important;padding-bottom:8px !important;-webkit-overflow-scrolling:touch;}.builder-nav-timeline::before {display:none !important;}.timeline-step {flex-shrink:0 !important;}}.responsive-two-column {display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}.responsive-pots-columns {display:grid;grid-template-columns:1fr 1.5fr;gap:35px;align-items:center;}.pots-materials-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px;}@media (max-width:768px) {.responsive-two-column {grid-template-columns:1fr !important;gap:20px !important;text-align:center !important;}.responsive-two-column img {height:280px !important;order:-1 !important;}.responsive-pots-columns {grid-template-columns:1fr !important;gap:25px !important;}.responsive-pots-columns div {text-align:center !important;}.pots-materials-grid {grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}}.corp-match-preview {display:flex;gap:20px;align-items:center;background:#fff;padding:15px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;box-sizing:border-box;width:100%;}.corp-match-images {display:flex;align-items:center;gap:15px;flex-shrink:0;}.corp-match-img-wrap {width:80px;height:80px;border-radius:4px;overflow:hidden;background:var(--travertine-light);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;}.corp-match-img-wrap img {width:100%;height:100%;object-fit:cover;}.corp-match-plus {font-size:24px;color:var(--gold-text);font-weight:300;}.corp-match-details {flex:1;min-width:0;}.corp-match-details h4 {margin:0 0 4px 0;color:var(--forest-green);font-size:14px;font-weight:700;}.corp-match-details p {margin:0;font-size:12px;color:var(--text-muted);line-height:1.4;}@media (max-width:768px) {.corp-match-preview {flex-direction:column !important;align-items:center !important;text-align:center !important;gap:15px !important;}.corp-match-details {width:100% !important;}}.carousel-slide::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,50,34,0.75) 0%,rgba(27,50,34,0.3) 50%,rgba(27,50,34,0.15) 100%);z-index:1;pointer-events:none;}.active-woo-tab {background-color:var(--forest-green) !important;color:var(--white) !important;box-shadow:0 4px 10px rgba(27,50,34,0.15);}@media (max-width:768px) {.carousel-content {margin-left:5% !important;max-width:85% !important;}.carousel-content h2 {font-size:32px !important;}.carousel-content p {font-size:15px !important;margin-bottom:20px !important;}footer .container {grid-template-columns:1fr 1fr !important;gap:30px !important;}}@media (max-width:480px) {.carousel-content {margin-left:20px !important;max-width:90% !important;}.carousel-content h2 {font-size:22px !important;margin-bottom:8px !important;}.carousel-content p {font-size:13px !important;margin-bottom:16px !important;}footer .container {grid-template-columns:1fr !important;gap:30px !important;}footer div[style*="justify-content:space-between"] {flex-direction:column !important;align-items:flex-start !important;text-align:left !important;}}

/* User Journey Enhancements Custom Styles */
.detail-scale-container {
    margin-top: 25px;
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 4px;
}
.detail-scale-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--text-main);
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.detail-scale-graphic {
    position: relative;
    height: 140px;
    border-bottom: 2px solid var(--forest-green);
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    padding-bottom: 4px;
}
.detail-scale-ruler {
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 0;
    width: 20px;
    border-right: 1px dashed var(--text-muted);
    font-size: 9px;
    color: var(--text-muted);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.detail-scale-silhouette {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.detail-scale-silhouette i {
    font-size: 80px;
    color: #dfdbd3;
}
.detail-scale-silhouette.plant-model i {
    color: var(--forest-green);
    transition: var(--transition-smooth);
}
.detail-scale-silhouette span {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-top: 6px;
    font-weight: 600;
}
.detail-scale-height-badge {
    position: absolute;
    top: -20px;
    background: var(--gold);
    color: var(--forest-green);
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 10px;
}
.soil-guide-box {
    margin-top: 25px;
    background: var(--gold-light);
    border: 1px solid rgba(197,160,89,0.3);
    padding: 20px;
    border-radius: 4px;
}
.soil-guide-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gold-text);
    margin-bottom: 8px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 8px;
}
.soil-mix-pill {
    display: inline-block;
    background: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 20px;
    margin: 4px 4px 4px 0;
    border: 1px solid var(--border-color);
    color: var(--text-main);
}
.transit-badge-container {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--forest-green-light);
    border: 1px solid rgba(27,50,34,0.1);
    padding: 15px;
    border-radius: 4px;
    margin-top: 25px;
}
.transit-badge-icon {
    font-size: 28px;
    color: var(--forest-green);
}
.transit-badge-text h5 {
    margin: 0 0 2px 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--forest-green);
}
.transit-badge-text p {
    margin: 0;
    font-size: 11px;
    color: var(--text-muted);
}
.gifting-panel {
    background: var(--travertine-light);
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 4px;
    margin: 20px 0;
}
.gifting-panel-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--forest-green);
    margin-bottom: 12px;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gifting-checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    cursor: pointer;
}
.gifting-checkbox-row input {
    accent-color: var(--forest-green);
    width: 16px;
    height: 16px;
}
.loyalty-banner-small {
    background: linear-gradient(135deg, #112517 0%, #1b3222 100%);
    padding: 20px;
    border-radius: 4px;
    color: #fff;
    margin-top: 25px;
    border-left: 4px solid var(--gold);
}
.loyalty-banner-small h4 {
    color: #fff;
    margin: 0 0 6px 0;
    font-size: 14px;
}
.loyalty-banner-small p {
    color: var(--travertine-dark);
    margin: 0;
    font-size: 11px;
}
.referral-share-box {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.referral-share-input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid var(--border-color);
    font-size: 12px;
    background: var(--travertine-light);
    text-align: center;
    font-weight: 600;
    color: var(--forest-green);
}
.diag-photo-trigger {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--text-muted);
    padding: 8px;
    transition: var(--transition-fast);
}
.diag-photo-trigger:hover {
    color: var(--forest-green);
}

/* E-commerce, Service, and Consultant Integration Styles */
.consultants-directory-section {
    margin: 40px auto;
    padding: 30px;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}
.consultants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 24px;
}
.consultant-profile-card {
    background: var(--travertine-light);
    border: 1px solid var(--border-color);
    padding: 24px;
    border-radius: 4px;
    text-align: center;
    transition: var(--transition-smooth);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.consultant-profile-card:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
    box-shadow: var(--hover-shadow);
}
.consultant-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 16px auto;
    border: 3px solid var(--white);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.consultant-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--forest-green);
}
.consultant-role-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    background: var(--forest-green-light);
    color: var(--forest-green);
    border-radius: 20px;
    margin-bottom: 12px;
}
.consultant-rating {
    font-size: 13px;
    color: var(--gold-text);
    margin-bottom: 16px;
}
.consultant-bio {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}
.consultation-timeline-wrapper {
    margin-top: 15px;
    background: var(--travertine-light);
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 4px;
}
.consultation-timeline-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 20px 0;
}
.consultation-timeline-steps::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--border-color);
    z-index: 1;
}
.consultation-timeline-progress-bar {
    position: absolute;
    top: 15px;
    left: 0;
    height: 3px;
    background: var(--gold);
    z-index: 2;
    transition: width 0.5s ease;
}
.consultation-timeline-step {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.consultation-step-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-muted);
    transition: all 0.3s ease;
}
.consultation-timeline-step.active .consultation-step-dot {
    border-color: var(--gold);
    background: var(--gold);
    color: var(--forest-green);
    box-shadow: 0 0 0 4px var(--gold-light);
}
.consultation-timeline-step.completed .consultation-step-dot {
    border-color: var(--forest-green);
    background: var(--forest-green);
    color: var(--white);
}
.consultation-step-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 8px;
    color: var(--text-muted);
    letter-spacing: 0.05em;
}
.consultation-timeline-step.active .consultation-step-label {
    color: var(--gold-text);
}
.consultation-timeline-step.completed .consultation-step-label {
    color: var(--forest-green);
}

/* Premium Consultants Directory Styles */
.consultants-directory-section {
    padding: 40px 0;
    margin-top: 30px;
}
.consultants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 30px;
    margin-top: 30px;
}
.consultant-profile-card {
    background: var(--white);
    border: 1px solid var(--border-color);
    padding: 24px;
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    display: flex;
    gap: 24px;
    align-items: center;
    text-align: left;
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
}
.consultant-profile-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--hover-shadow);
    border-color: var(--gold);
}
.consultant-avatar-wrap {
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}
.consultant-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition-smooth);
}
.consultant-profile-card:hover .consultant-avatar {
    transform: scale(1.06);
}
.consultant-info-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.consultant-name {
    font-family: var(--font-heading);
    font-size: 20px;
    color: var(--forest-green);
    margin: 0;
    font-weight: 600;
}
.consultant-role-badge {
    display: inline-block;
    font-size: 11px;
    color: var(--gold-text);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--gold-light);
    width: fit-content;
    padding-bottom: 2px;
    margin-bottom: 4px;
}
.consultant-rating {
    font-size: 12px;
    color: var(--gold-text);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
}
.consultant-bio {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 4px 0 12px 0;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.consultant-profile-card .btn {
    width: fit-content;
    padding: 8px 20px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: none;
}
@media (max-width: 580px) {
    .consultants-grid {
        grid-template-columns: 1fr;
    }
    .consultant-profile-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 20px;
    }
    .consultant-avatar-wrap {
        width: 120px;
        height: 120px;
    }
    .consultant-role-badge {
        margin: 0 auto 4px auto;
    }
    .consultant-rating {
        justify-content: center;
    }
    .consultant-profile-card .btn {
        width: 100%;
        margin-top: 10px;
    }
}

/* =========================================================
   HIMI MOBILE-FIRST UI/UX OVERHAUL & Z-INDEX SYSTEM
   ========================================================= */

/* Mobile Bottom Navigation Bar Styles - HIDDEN BY DEFAULT ON DESKTOP */
#mobile-bottom-nav {
  display: none !important;
}

.menu-toggle {
  display: none !important;
}

@media (max-width: 768px) {
  /* Hide Top Header Nav & Drawer on Mobile View (<768px) */
  header nav {
    display: none !important;
  }

  .menu-toggle {
    display: none !important;
  }

  /* Show ONLY Bottom Nav on Mobile (<768px) */
  #mobile-bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 58px !important;
    z-index: 99999 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    border-top: 1px solid var(--border-color) !important;
    align-items: center !important;
    justify-content: space-around !important;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.08) !important;
    pointer-events: auto !important;
  }

  .mobile-bottom-nav-item {
    background: none !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: var(--text-muted) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    cursor: pointer !important;
    position: relative !important;
    padding: 6px 4px !important;
    flex: 1 !important;
    transition: var(--transition-fast) !important;
    pointer-events: auto !important;
  }

  .mobile-bottom-nav-item i,
  .mobile-bottom-nav-item span {
    pointer-events: none !important;
  }

  .mobile-bottom-nav-item i {
    font-size: 18px;
    color: var(--text-muted);
    transition: var(--transition-fast);
  }

  .mobile-bottom-nav-item.active,
  .mobile-bottom-nav-item.active i {
    color: var(--forest-green);
    font-weight: 700;
  }

  .mobile-bottom-nav-item .m-cart-count {
    position: absolute;
    top: 2px;
    right: 20%;
    background-color: var(--gold-text);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Anchor Product Detail Sticky Action Bar above Mobile Nav */
  #mobile-sticky-action-bar {
    position: fixed !important;
    bottom: 56px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1900 !important;
    background: rgba(27, 50, 34, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    padding: 10px 16px !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.15) !important;
  }

  /* Anchor Custom Builder Summary Card above Mobile Nav */
  .builder-summary-card {
    position: fixed !important;
    bottom: 56px !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    z-index: 1900 !important;
    background: #fff !important;
    border-top: 1px solid var(--border-color) !important;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 16px !important;
  }

  /* Position Floating Sprout / FAB Above Bottom Nav */
  .floating-widgets-container,
  .himi-fab-container {
    bottom: 72px !important;
    right: 16px !important;
    z-index: 1850 !important;
  }

  /* Position Mobile Filter Bar Above Bottom Nav */
  .mobile-filter-bar {
    position: fixed !important;
    bottom: 72px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1800 !important;
  }

  /* Move Toast Container to TOP of screen on Mobile */
  .toast-container {
    top: 15px !important;
    bottom: auto !important;
    right: 15px !important;
    left: 15px !important;
    width: auto !important;
    max-width: calc(100% - 30px) !important;
    z-index: 10000 !important;
  }

  /* Mobile More Navigation Slide-Up Drawer System */
  .mobile-more-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 100000 !important;
    display: none;
  }

  .mobile-more-backdrop.active {
    display: block !important;
  }

  .mobile-more-drawer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 20px 16px 40px 16px !important;
    z-index: 100001 !important;
    display: none;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2) !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
  }

  .mobile-more-drawer.active {
    display: block !important;
  }

  .mobile-more-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border-color) !important;
    margin-bottom: 16px !important;
  }

  .close-more-btn {
    background: none !important;
    border: none !important;
    font-size: 20px !important;
    color: var(--text-muted) !important;
    cursor: pointer !important;
  }

  .more-menu-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .more-menu-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 12px 8px !important;
    background: var(--travertine-light) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    color: var(--text-main) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: center !important;
  }

  .more-menu-item i {
    font-size: 18px !important;
    color: var(--forest-green) !important;
  }

  /* Inline Shop Pagination (Non-overlapping) */
  #shop-pagination-bottom {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 30px auto 40px auto !important;
    z-index: 10 !important;
    width: fit-content !important;
  }

  /* Collection Cards Formatting on Mobile */
  .collections-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .collection-card {
    height: 200px !important;
    border-radius: 10px !important;
  }

  .collection-card-overlay {
    padding: 15px !important;
    background: linear-gradient(to top, rgba(15, 28, 19, 0.9) 0%, rgba(15, 28, 19, 0.2) 60%, rgba(0, 0, 0, 0) 100%) !important;
  }

  .collection-card h3 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
  }

  .collection-card p {
    font-size: 10px !important;
  }

  /* Product Cards 2-Column Responsive Mobile Grid */
  .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .product-card {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid var(--border-color) !important;
    padding: 0 !important;
    background: #fff !important;
  }

  .product-info {
    padding: 12px !important;
  }

  .product-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  /* Bottom sheet styling for modals on mobile */
  .modal-overlay {
    align-items: flex-end !important;
    padding: 0 !important;
    z-index: 1000000 !important;
  }

  .auth-modal-box,
  .razorpay-sim-box,
  .ccavenue-sim-box,
  .admin-auth-box {
    max-width: 100% !important;
    border-radius: 20px 20px 0 0 !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding-bottom: 70px !important;
  }

  body {
    padding-bottom: 85px !important;
  }
}

/* Quick Filter Chips Styling */
.filter-chip {
  background: var(--travertine-light);
  border: 1px solid var(--border-color);
  color: var(--text-main);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: var(--transition-fast);
}

.filter-chip:hover,
.filter-chip.active {
  background: var(--forest-green);
  color: #fff;
  border-color: var(--forest-green);
  font-weight: 600;
}

/* More Drawer Styles */
.mobile-more-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99990;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.mobile-more-backdrop.active {
  opacity: 1;
  pointer-events: auto;
}

.mobile-more-drawer {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.15);
  z-index: 100000;
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  transition: bottom 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

.mobile-more-drawer.open {
  bottom: 0;
}

.mobile-more-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--travertine-light);
  border-radius: 20px 20px 0 0;
}

.close-more-btn {
  background: none;
  border: none;
  font-size: 20px;
  color: var(--text-muted);
  cursor: pointer;
}

.mobile-more-body {
  padding: 20px;
  overflow-y: auto;
}

.more-menu-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.more-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--travertine-light);
  border: 1px solid var(--border-color);
  padding: 14px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--text-main);
  text-align: center;
  transition: var(--transition-fast);
}

.more-menu-item i {
  font-size: 20px;
  color: var(--forest-green);
}

.more-menu-item span {
  font-size: 11px;
  font-weight: 600;
}

.more-menu-item:hover {
  background: var(--forest-green-light);
  border-color: var(--forest-green);
}

body.drawer-open {
  overflow: hidden !important;
}

/* ==========================================================================
   EXACT 100% MATCH VISUAL OVERHAUL FOR ALL SHOP PAGES (BASED ON IMAGE_6.PNG)
   ========================================================================== */

@media (max-width: 768px) {
  /* 1. Global Viewport & Background */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    background-color: #F9F9F8 !important;
  }

  body {
    padding-bottom: 130px !important;
  }

  /* Mobile Header Alignment (Matching image_6.png) */
  header .navbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 60px !important;
    padding: 0 12px !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #EAEAEA !important;
  }

  .mobile-nav-toggle-btn {
    display: block !important;
  }

  .mobile-search-btn {
    display: block !important;
  }

  header nav {
    display: none !important;
  }

  .user-trigger span {
    display: none !important;
  }

  .container {
    max-width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* 2. Shop Hero Spacing & Title Optimization */
  #view-shop .section-title {
    display: none !important; /* Compact clean layout matching Panel 1 of image_6.png */
  }

  /* 3. Sticky Search & Filter Panel (Panel 1) */
  .shop-sticky-control-bar {
    position: sticky !important;
    top: 60px !important;
    z-index: 9000 !important;
    background: #F9F9F8 !important;
    border: none !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #shop-product-search {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;
    height: 42px !important;
    padding: 0 40px 0 14px !important;
    font-size: 13px !important;
    color: #333333 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
  }

  .shop-filter-chips-bar {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    align-items: center !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .shop-filter-chips-bar::-webkit-scrollbar {
    display: none !important;
  }

  .filter-chip {
    background: #F0F0EE !important;
    border: 1px solid #E5E5E5 !important;
    color: #444444 !important;
    padding: 7px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .filter-chip.active {
    background: #1B3222 !important;
    color: #FFFFFF !important;
    border-color: #1B3222 !important;
  }

  .filter-icon-chip {
    background: #F0F0EE !important;
    color: #1B3222 !important;
    padding: 7px 12px !important;
    border-radius: 20px !important;
  }

  /* 4. Product Cards Grid (Panel 1) */
  .shop-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 0 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .product-card {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .product-card .product-image-wrap {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;
    background: #F4F4F2 !important;
  }

  .product-card .product-image-wrap img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .wishlist-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
  }

  .product-info {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
  }

  .product-type {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888888 !important;
    margin-bottom: 4px !important;
    display: block !important;
  }

  .product-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1B3222 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }

  .product-meta-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: auto !important;
    padding-top: 8px !important;
    border-top: 1px solid #F0F0EE !important;
  }

  .product-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1B3222 !important;
  }

  .shop-add-bag-btn,
  .product-meta-row .btn {
    background: #1B3222 !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    border: none !important;
  }

  /* 5. Floating Leaf Button & Persistent Bottom Nav */
  .himi-fab-container {
    position: fixed !important;
    bottom: 75px !important;
    right: 16px !important;
    z-index: 990 !important;
  }

  .himi-fab-trigger {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: #1B3222 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(27, 50, 34, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
  }

  #mobile-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #EAEAEA !important;
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    z-index: 99999 !important;
  }

  .mobile-bottom-nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #888888 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: none !important;
    background: transparent !important;
  }

  .mobile-bottom-nav-item.active {
    color: #1B3222 !important;
  }

  .mobile-bottom-nav-item.active i {
    color: #1B3222 !important;
  }

  /* 6. Sticky Bottom Action Bar (Hidden by default on non-detail/cart views) */
  #mobile-sticky-action-bar {
    position: fixed !important;
    bottom: 60px !important;
    left: 0 !important;
    right: 0 !important;
    background: #1B3222 !important;
    color: #FFFFFF !important;
    padding: 12px 16px !important;
    z-index: 1000 !important;
    display: none !important;
    justify-content: space-between !important;
    align-items: center !important;
    box-sizing: border-box !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.15) !important;
  }

  /* 7. Product Detail Stack (Panel 2) */
  #view-detail {
    padding: 0 12px !important;
  }

  .product-detail-layout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 10px 0 !important;
  }

  .main-detail-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 380px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }
}

/* STRICT DESKTOP RULE: HIDE ALL MOBILE BOTTOM NAVS & STICKY ACTION BARS ON DESKTOP */
@media (min-width: 769px) {
  #mobile-bottom-nav,
  #mobile-sticky-action-bar,
  .mobile-filter-bar {
    display: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}

/* Container & Viewport Overflow Safety Fix */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
}

/* Shop Layout Container Containment Fix */
.shop-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 30px !important;
  padding: 30px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.shop-layout > div {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.products-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.product-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.product-card .product-image-wrap {
  width: 100% !important;
  position: relative !important;
  padding-top: 100% !important;
  overflow: hidden !important;
}

.product-card .product-image-wrap img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 1024px) {
  .shop-layout {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }
}