/** Shopify CDN: Minification failed

Line 1460:8 Unexpected "{"
Line 1461:8 Expected identifier but found "%"
Line 1466:8 Unexpected "{"
Line 1467:8 Expected identifier but found "%"

**/
.shopdev .aqcstone-text-primary {
    color: #101921;
}

.shopdev .aqcstone-text-secondary {
    color: #666666;
}

.shopdev .aqcstone-text-muted {
    color: #ABB7C2;
}

.shopdev .aqcstone-text-gold {
    color: #C7931D;
}

.shopdev .aqcstone-text-brown {
    color: #925100;
}

.shopdev .aqcstone-bg-gold {
    background-color: #C7931D;
}

.shopdev .aqcstone-bg-cream {
    background-color: #F6F1E9;
}

.shopdev .aqcstone-bg-light {
    background-color: #FFFFFF;
}

.shopdev .aqcstone-bg-gray {
    background-color: #D9D9D9;
}

.shopdev .aqcstone-bg-blue {
    background-color: #486284;
}

.shopdev .aqcstone-border-primary {
    border-color: #101921;
}

.shopdev .aqcstone-border-gold {
    border-color: #C7931D;
}

.shopdev .aqcstone-border-gray {
    border-color: #D9D9D9;
}

.vdb-wrapper .breadcrumb {
    font-size: 12px;
}

.shopdev .aqcstone-grade-slider-container {
    position: relative;
    padding-top: 32px;
    margin-bottom: 16px;
}

.shopdev .aqcstone-grade-labels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    /* padding: 0 8px; */
}

.shopdev .aqcstone-grade-label {
    font-size: 12px;
    color: #101921;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.shopdev .aqcstone-grade-label.active {
    color: #C7931D;
    font-weight: 700;
}

.shopdev .aqcstone-grade-track {
    position: relative;
    height: 4px;
    background: #F6F1E9;
    border-radius: 5px;
    width: 90%;
    margin: 8px auto 0;
}

.shopdev .aqcstone-grade-fill {
    position: absolute;
    height: 100%;
    background: #C7931D;
    border-radius: 5px;
}

.shopdev .aqcstone-grade-handle {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #C7931D;
    border: 2px solid #C7931D;
    cursor: pointer;
    top: 50%;
    transform: translate(-50%, -50%);
}

.shopdev .aqcstone-progress-bar {
    height: 8px;
    background-color: #F6F1E9;
    border-radius: 5px;
    overflow: hidden;
}

.shopdev .aqcstone-progress-fill {
    height: 100%;
    background-color: #C7931D;
    border-radius: 5px;
    width: 54.6%;
}

.shopdev .aqcstone-step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopdev .aqcstone-step-active {
    background-color: #C7931D;
    border-color: #FFFFFF;
}

.shopdev .aqcstone-step-inactive {
    border-color: #101921;
}

.shopdev .aqcstone-range-container {
    position: relative;
    width: 100px;
    height: 4px;
    /* background: #F6F1E9; */
    border-radius: 5px;
}

.shopdev .aqcstone-range-track {
    position: absolute;
    height: 100%;
    background: #C7931D;
    border-radius: 5px;
}

.shopdev .aqcstone-range-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    background: transparent;
    outline: none;
    position: absolute;
    top: 0;
    pointer-events: none;
}

.shopdev .aqcstone-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #C7931D;
    border: 2px solid #C7931D;
    cursor: pointer;
    pointer-events: all;
}

.shopdev .aqcstone-range-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #C7931D;
    border: 2px solid #C7931D;
    cursor: pointer;
    pointer-events: all;
}

.shopdev .aqcstone-shape-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}

.shopdev .aqcstone-shape-icon.active {
    border: 2px solid #101921;
}

.shopdev .aqcstone-shape-icon svg {
    height: 100%;
}

.shopdev .aqcstone-shape-icon[data-shape="Radiant"] svg {
    margin-left: 3px;
}

.shopdev .aqcstone-metal-option {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.shopdev .aqcstone-product-card {
    transition: transform 0.3s ease;
}

/* .shopdev .aqcstone-product-card:hover {
    transform: translateY(-1px);
} */

.shopdev .aqcstone-filter-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 500px;
    height: 100vh;
    background: white;
    z-index: 1000;
    transition: right 0.3s ease;
    overflow-y: auto;
}

.shopdev .aqcstone-filter-drawer.active {
    right: 0;
}

.shopdev .aqcstone-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.shopdev .aqcstone-overlay.active {
    display: block;
}

.shopdev .aqcstone-sort-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-top: 8px;
    min-width: 200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 100;
}

.shopdev .aqcstone-sort-dropdown.active {
    display: block;
}

.shopdev .aqcstone-sort-option {
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.shopdev .aqcstone-sort-option:hover {
    background: #F6F1E9;
}



.shopdev .aqcstone-list-view .aqcstone-product-card {
    display: flex;
    gap: 24px;
    align-items: center;
}

.shopdev .aqcstone-list-view .aqcstone-product-card>div:first-child {
    flex-shrink: 0;
    width: 200px;
}

.shopdev .aqcstone-filter-section {
    border-bottom: 1px solid #D9D9D9;
    padding: 16px 0;
}

.shopdev .aqcstone-filter-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
}

.shopdev .aqcstone-filter-section-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.shopdev .aqcstone-filter-section.expanded .aqcstone-filter-section-content {
    max-height: 500px;
    padding-top: 16px;
}

.shopdev .aqcstone-filter-section.expanded .aqcstone-chevron {
    transform: rotate(180deg);
}

.shopdev .aqcstone-chevron {
    transition: transform 0.3s ease;
}


.shopdev .aqcstone-compare-section {
    display: none;
}

.shopdev .aqcstone-compare-section.active {
    display: block;
}



@media (min-width: 769px) {
    .shopdev .aqcstone-mobile-filter-btn {
        display: none;
    }
}

.aqcstone-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 24px;
}

@media (max-width: 769px) {
    .aqcstone-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.aqcstone-product-card {
    font-family: inherit;
}

.aqcstone-image-wrapper {
    position: relative;
    margin-bottom: 8px;
}

.aqcstone-bg-gray {
    background-color: #e5e5e5;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
    overflow: hidden;
}

.aqcstone-bg-gray img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aqcstone-compare {
    position: absolute;
    top: 7px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.aqcstone-compare span {
    font-size: 16px;
    text-transform: capitalize;
}

/* .aqcstone-compare-checkbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    cursor: pointer;
    accent-color: black;
} */

.aqcstone-compare-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid black;
  background: transparent;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
}

.aqcstone-compare-checkbox:checked {
  background: black;
}

.aqcstone-compare-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: 2px solid white;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  background-color: transparent !important;
}

.aqcstone-product-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.aqcstone-product-price {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    color: rgba(16, 25, 33, 0.70);
}

.aqcstone-add-btn {
    width: 100%;
    border: 1px solid currentColor;
    padding: 12px 64px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 8px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
        display: block;
    text-align: center;
}

.aqcstone-add-btn:hover {
    background: #000;
    color: #fff;
}

.aqcstone-view-link {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.aqcstone-product-card a.aqcstone-view-link:hover {
    border-color: rgba(199, 147, 29, 1);
}

/* New css */

/* Restoring and extending your classes */
.shopdev .aqcstone-text-primary {
    color: #101921;
}

/* New layout classes to replace inline styles */
.aqcstone-header-wrapper {
    text-align: center;
    margin-bottom: 32px;
}

.aqcstone-header-title {
    margin-bottom: 8px;
    margin-top: 0;
    text-align: center;
    font-family: var(--font-family-the-seasons);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: uppercase;
}

.aqcstone-header-desc {
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
}

/* Responsiveness */
@media (max-width: 768px) {
    .aqcstone-header-title {
        font-size: 24px;
    }

    .aqcstone-header-desc {
        font-size: 14px;
    }
}

/* Container for the relative positioning */
.aqcstone-progress-container {
    position: relative;
    margin-bottom: 8px;
    width: 100%;
}

/* Original Classes preserved and styled */
.shopdev .aqcstone-progress-bar {
    height: 8px;
    background-color: #F6F1E9;
    border-radius: 5px;
    overflow: hidden;
}

.shopdev .aqcstone-progress-fill {
    height: 100%;
    background-color: #C7931D;
    border-radius: 5px;
    width: 54.6%;
    /* This can be dynamic based on the step */
}

/* Absolute Positioning for the Circle Marker */
.aqcstone-step-marker {
    position: absolute;
    top: 50%;
    left: 60px;
    /* Aligns with your original inline style */
    transform: translateY(-50%);
    z-index: 2;
}

/* Marker Circle styling using your existing border class logic */
.shopdev .aqcstone-step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid;
    background-color: #FFFFFF;
    /* Ensures the circle is visible over the bar */
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopdev .aqcstone-border-gold {
    border-color: #C7931D;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aqcstone-step-marker {
        left: 10%;
        /* Adjusts marker position for mobile */
    }

    .shopdev .aqcstone-step-circle {
        width: 32px;
        height: 32px;
    }
}

/* Container for each step's text info */
.aqcstone-step-info {
    flex: 1;
}

/* Bold Label (e.g., "Choose Setting") */
.aqcstone-step-label {
    margin-bottom: 4px;
    text-transform: capitalize;
    font-family: var(--font-family-the-seasons);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

/* Light Subtext (e.g., "diamond ring") */
.aqcstone-step-value {
    margin-bottom: 0;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    text-transform: capitalize;
    margin-top: 0;
}

/* Action Links Container */
.aqcstone-step-actions {
    display: flex;
    gap: 8px;
}

/* Individual Link styling */
.aqcstone-action-link {
    border-bottom: 1px solid #222222;
    text-decoration: none;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.aqcstone-step-info.text-right p.aqcstone-text-primary.aqcstone-step-label {
    color: rgba(16, 25, 33, 0.50);
    font-family: var(--font-family-the-seasons);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
}

.aqcstone-action-link:hover {
    opacity: 0.7;
}

/* Responsive adjustment */
@media (max-width: 768px) {
    .aqcstone-step-label {
        font-size: 14px;
    }

    .aqcstone-step-value,
    .aqcstone-action-link {
        font-size: 12px;
    }
}

/* Structural classes (Reused from previous step) */
.aqcstone-step-info {
    flex: 1;
}

.aqcstone-step-label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.aqcstone-step-actions {
    display: flex;
    gap: 8px;
}

.aqcstone-action-link {
    font-size: 14px;
    border-bottom: 1px solid #222222;
    text-transform: capitalize;
    text-decoration: none;
}

/* Alignment Utilities to replace inline styles */
.text-center {
    text-align: center;
}

.justify-center {
    justify-content: center;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .aqcstone-step-actions {
        flex-wrap: wrap;
        /* Allows links to stack if they run out of space on mobile */
        justify-content: flex-start;
    }
}

/* Structural classes (Reused from Step 1 and 2) */
.aqcstone-step-info {
    flex: 1;
}

.aqcstone-step-label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: capitalize;
    /* Added capitalize here to match your inline style */
}

/* Alignment Utilities */
.text-right {
    text-align: right;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .text-right {
        text-align: left;
        /* Optional: Align to left on mobile for better readability in stacked layouts */
    }
}

/* Container for the filter title and mobile button */
.aqcstone-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

/* "Filter By" Typography */
.aqcstone-filter-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    /* Removes default paragraph margins */
}

/* Mobile Filter Button Styling */
.shopdev .aqcstone-mobile-filter-btn {
    color: white;
    padding: 6px 24px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    border: none;
    /* Ensures no default button border */
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.shopdev .aqcstone-mobile-filter-btn:hover {
    opacity: 0.9;
}

/* Responsive Hide/Show Logic */
@media (min-width: 769px) {
    .aqcstone-mobile-filter-btn {
        display: none;
    }
}

/* Main Filter Container */
.aqcstone-desktop-filters {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

/* Individual Filter Column */
.aqcstone-filter-item {
    flex: 1;
    min-width: 310px;
    flex: 1 0 auto;
    min-width: inherit;
    border-right: 1px solid rgba(16, 25, 33, 0.50);
}

.aqcstone-filter-item-shape {
    flex: 0.4 0 auto;
}

/* Header row for each filter (Label + Caret) */
.aqcstone-filter-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    color: #101921;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.aqcstone-filter-label-row.clickable {
    cursor: pointer;
}

.aqcstone-filter-label-text {
    margin: 0;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.aqcstone-filter-label-text.bold {
    font-weight: 500;
}

/* Price Range Styling */
.aqcstone-range-wrapper {
    /* margin-bottom: 8px; */
    position: relative;
}

.aqcstone-price-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aqcstone-price-field {
    border: 1px solid rgba(16, 25, 33, 0.40) !important;
    padding: 6px 4px;
    font-size: 12px;
    width: 70px;
    color: #101921;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: inherit;
    text-align: center;
}

.aqcstone-price-field.max {
    width: 70px;
    color: #101921;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.aqcstone-price-field.max:focus-visible,
.aqcstone-price-field:focus-visible {
    outline: inherit;
}

.aqcstone-price-divider {
    width: 8px;
    height: 1px;
}

/* Shape Grid styling */
.aqcstone-shape-grid {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}

.aqcstone-desktop-filters .aqcstone-shape-grid.has-shape-fallback {
    flex-wrap: nowrap;
}

.shopdev .aqcstone-shape-main-overflow-hidden {
    display: none !important;
}

.aqcstone-shape-fallback-slot[aria-hidden="true"]:empty {
    display: none;
}

.aqcstone-shape-fallback-slot:not([aria-hidden="true"]) {
    display: flex;
}

.shopdev .aqcstone-shape-fallback-slot .aqcstone-shape-fallback {
    flex-shrink: 0;
}

/* Advanced Filter Summary Box */
.aqcstone-adv-summary {
    padding: 6px 8px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

/* Caret Icon Sizing */
.aqcstone-filter-item .ph-caret-down {
    font-size: 14px;
}

/* Responsive adjustment */
@media (max-width: 1024px) {
    .aqcstone-desktop-filters {
        gap: 20px;
    }
}

/* Container for the tab buttons */
.aqcstone-tab-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Base Tab Button Styling */
.shopdev .aqcstone-tab-btn {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    text-transform: capitalize;
    transition: opacity 0.2s ease;
}

/* Active Tab Styling */
.shopdev .aqcstone-tab-btn.active {
    font-weight: 500;
    /* text-decoration: underline; */
    /* Optional: adds a visual hint for active state */
}

/* Vertical Separator Styling */
.aqcstone-tab-separator {
    user-select: none;
}

/* Hover effect */
.shopdev .aqcstone-tab-btn:hover {
    opacity: 0.7;
}

.aqcstone-tab-btn.compare-button {
    background: #0d1b24;
    color: #fff;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
    border: 1px solid;
}

.shopdev .aqcstone-tab-btn.compare-button:hover {
    opacity: 1;
    color: #0d1b24;
    background: #fff;
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .aqcstone-tab-wrapper {
        gap: 4px;
    }

}

/* Main wrapper for sort and view buttons */
.aqcstone-controls-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Sort Dropdown Container */
.aqcstone-sort-container {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    justify-content: flex-end;
}

/* Sort Trigger Button */
.aqcstone-sort-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-top: 34px;
}

.aqcstone-sort-label {
    font-size: 14px;
    font-weight: 700;
    font-weight: 400;
    text-transform: uppercase;
    text-transform: capitalize;
    margin: 0;
}

/* Caret Icon inside Sort */
.aqcstone-sort-trigger .ph-caret-down {
    font-size: 20px;
}

/* View Toggles Container */
.aqcstone-view-toggles {
    display: flex;
    gap: 4px;
}

/* Individual View Button (Grid/List) */
.shopdev .aqcstone-view-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.shopdev .aqcstone-view-btn.active {
    opacity: 1;
}

/* Icon sizing inside view buttons */
.aqcstone-view-btn .ph {
    font-size: 24px;
}

/* Hover State */
.aqcstone-view-btn:hover {
    opacity: 0.8;
}

/* Dropdown specific styling (re-verifying your existing CSS) */
.shopdev .aqcstone-sort-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-top: 8px;
    min-width: 200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 100;
}

.shopdev .aqcstone-sort-dropdown.active {
    display: block;
}

/* Container for the empty comparison state */
.aqcstone-empty-compare {
    text-align: center;
    padding: 80px 0;
}

/* Main Heading (No diamonds selected...) */
.aqcstone-empty-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

/* Subtext (Select diamonds from the grid...) */
.aqcstone-empty-subtitle {
    font-size: 16px;
    margin: 0;
}

/* Responsive adjustment for mobile screens */
@media (max-width: 768px) {
    .aqcstone-empty-compare {
        padding: 60px 20px;
    }

    .aqcstone-empty-title {
        font-size: 20px;
    }

    .aqcstone-empty-subtitle {
        font-size: 14px;
    }
}

/* Label styling for Advanced Filter sections */
.aqcstone-adv-label {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

/* Caret/Chevron styling */
.aqcstone-chevron {
    font-size: 14px;
}

/* Wrapper for the range slider to handle spacing */
.aqcstone-carat-range-wrapper {
    position: relative;
    margin-bottom: 18px;
}

/* Input container logic */
.aqcstone-carat-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.shopdev div#advanceFilterDrawer .aqcstone-range-container {
    width: 99%;
    margin: 0 auto;
}


/* Individual Carat text fields */
.aqcstone-carat-field {
    border: 1px solid;
    padding: 6px 4px;
    font-size: 12px;
    flex: 1;
    text-align: center;
    min-width: 95px;
}

/* The gold dash between inputs */
.aqcstone-carat-divider {
    width: 8px;
    height: 1px;
    flex-shrink: 0;
}

/* Hover/Focus states for inputs */
.aqcstone-carat-field:focus {
    outline: none;
    border-color: #C7931D;
    /* Uses your gold theme color */
}

/* Reusing the label and chevron styles from previous sections */
.aqcstone-adv-label {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.aqcstone-chevron {
    font-size: 14px;
}

/* Container for each radio option */
.aqcstone-origin-option, .aqcstone-lab-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer;
}

/* Radio input styling */
.aqcstone-origin-radio, .aqcstone-lab-radio {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0;
    /* Reset default margins */
}

/* Text label styling */
.aqcstone-origin-label, .aqcstone-lab-label {
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    /* Prevents text highlighting on double click */
}

/* Hover effect for better UX */
.aqcstone-origin-option:hover .aqcstone-origin-label, .aqcstone-lab-option:hover .aqcstone-lab-label {
    /* color: #C7931D; */
    /* Uses your gold theme color */
}

/* Drawer Internal Spacing */
.aqcstone-drawer-inner {
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Header within drawer */
.aqcstone-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.aqcstone-drawer-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.aqcstone-close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
}

/* Sections List */
.aqcstone-drawer-sections {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
}

/* Footer Button Row */
.aqcstone-drawer-footer {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    padding-top: 0px;
    padding-bottom: 24px;
    padding-bottom: 48px;
    border-top: 0px solid;
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #fff;
}

.aqcstone-footer-btn {
    flex: 1;
    /* padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid transparent; */
}

.aqcstone-footer-btn.button:hover {
    box-shadow: inset 0 0 0 var(--button-border-width) var(--button-color);
}

.aqcstone-footer-btn.reset {
    font-weight: 500;
}

.aqcstone-footer-btn.apply {
    color: white;
    font-weight: 700;
}

/* Label & Chevron Re-use */
.aqcstone-adv-label {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.aqcstone-chevron {
    font-size: 14px;
}

/* Drawer Internal Spacing */
.aqcstone-drawer-inner {
    padding: 24px;
}

/* Drawer Header Layout */
.aqcstone-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.aqcstone-drawer-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.aqcstone-close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
}

/* Spacing between filter groups */
.aqcstone-drawer-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.aqcstone-drawer-label {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* Range slider adjustments */
.aqcstone-mobile-range {
    width: 100%;
    margin-bottom: 8px;
}

/* Inputs layout inside drawer */
.aqcstone-drawer-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aqcstone-drawer-field {
    border: 1px solid;
    padding: 6px 4px;
    font-size: 12px;
    flex: 1;
    text-align: center;
}

.aqcstone-drawer-divider {
    width: 8px;
    height: 1px;
}

/* Shape selection grid */
.aqcstone-shape-grid {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Apply button at bottom of drawer */
.shopdev .aqcstone-apply-btn {
    width: 100%;
    color: white;
    padding: 12px;
    border-radius: 8px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-top: 8px;
}

.aqcstone-filter-label-row-flex {
    display: flex;
    align-items: center;
    gap: 26px;
}

.aqcstone-border-gray {
    border-bottom: 1px solid #D9D9D9 !important;
}

.border-none {
    border-right: 0;
}

.aqcstone-desktop-filters .aqcstone-filter-item:last-child {
    flex-grow: 2;
}

.view-as button#view {
    margin: 0;
}

span.right-arrow {
    background: #f6f1e9;
    padding: 0;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.right-arrow.left-margin {
    margin-right: 51px;
}

.shopdev .aqcstone-view-btn.active svg path {
    fill: #000;
}

/*** List view css ****/
* {
    box-sizing: border-box;
}

.diamond-table {
    width: 100%;
    border: 1px solid #e5e5e5;
    font-family: Arial, sans-serif;
}

/* Header */
.table-header,
.table-row {
    display: flex;

        {
        % comment %
    }

    grid-template-columns: repeat(6, 1fr) 40px 60px;

        {
        % endcomment %
    }

    align-items: center;
}

.price-value {
    background: #f6f1e9;
}

.table-header {
    background: #0d1b24;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    padding: 12px;
}

/* Row */
.table-row {
    border-top: 1px solid #e5e5e5;
    cursor: pointer;
}

.table-row.active {
    background: #c9971a;
    color: #fff;
}

.chevron {
    text-align: center;
}

.table-row.active .chevron svg {
    transform: rotate(180deg);
}

/* Details */
.row-details {
    display: none;
    background: #f8f4ec;
    padding: 20px;
}

.row-details.active {
    display: block;
}

.details-grid {
    display: flex;
    gap: 20px;
}

.details-grid img {
    width: 160px;
    border-radius: 6px;
}

.details-info h3 {
    margin: 0 0 8px;
}

.details-info .price {
    font-size: 18px;
    margin-bottom: 10px;
}

.actions {
    margin-top: 15px;
}

.actions button {
    background: #0d1b24;
    color: #fff;
    padding: 10px 16px;
    border: none;
    cursor: pointer;
}

.actions a {
    margin-left: 12px;
    color: #0d1b24;
    text-decoration: underline;
}

.diamond-details {
    background: #f8f4ec;
    padding: 0px;
    border-top: 0px solid #e5e5e5;
}

.table-header span,
.table-row div {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    flex: 1;
    flex-basis: 240px;
    flex-shrink: 1;
    flex-grow: 1;
}

.table-row div {
    padding: 12px;
}

span.width-100,
.chevron {
    flex-shrink: 4 !important;
}

.table-header:not(.table-mobile) span:last-child,
.table-row div:last-child {
    flex-shrink: 3;
}

.table-header svg path {
    stroke: #fff;
}

.diamond-details-inner {
    display: grid;
    grid-template-columns: 255px 1fr 260px;
    gap: 35px;
    align-items: start;
}

/* IMAGE */
.diamond-image img {
    width: 100%;
    border-radius: 4px;
}

/* INFO */
.diamond-info h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.diamond-price {
    font-size: 18px;
    margin-bottom: 20px;
}

/* SPEC ROWS */
.spec-row {
    display: grid;
    grid-template-columns: 100px 1fr;
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

/* ACTIONS */
.diamond-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    justify-content: center;
    text-align: center;
}

.add-setting-btn {
    background: #0d1b24;
    color: #fff;
    border: none;
    padding: 12px 46px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid;
}

.add-setting-btn:hover {
    background: #fff;
    color: #000;

}

.view-details-link {
    font-size: 16px;
    color: rgba(16, 25, 33, 1);
    text-decoration: underline;
    font-weight: 400;
}

.table-row.active .price-value {
    background: transparent;
}

.chevron {
    text-align: center;
}

.table-header span svg {
    margin-top: 5px;
}

/* .table-row.active .chevron svg path {
    fill: #fff;
} */

.custom-checkbox {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-checkbox .checkmark {
    width: 18px;
    height: 18px;
    border: 0px solid #cfcfcf;
    background: rgba(217, 217, 217, 1);
    display: inline-block;
}

/* Checked state */
.custom-checkbox input:checked+.checkmark {
    background: rgba(217, 217, 217, 1);
    border-color: #f2f2f2;
}

/* Optional check icon */
.custom-checkbox input:checked+.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #828181;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.aqcstone-tab-content {
    display: none;
}

.aqcstone-tab-content.active {
    display: block;
}

#productList {
    overflow: auto;
    min-height: 975px; /*1015px;*/
    max-height: 975px; /*1015px;*/
}

#productGrid {
    overflow: auto;
    min-height: 2700px;
    max-height: 2700px;
}

.table-row.active {
    background: #c9971a;
    color: #fff;
}

.table-header .active svg path {
    stroke: rgba(199, 147, 29, 1);
}

.table-header .active svg {
    transform: rotate(180deg);
    position: relative;
    top: -2px;
}

.table-header .active {
    color: rgba(199, 147, 29, 1);
}

/* accordion */
.accordion-item.open {
    background: #faf6ef;
    border-left: 6px solid #c9972b;
    border-bottom: 0;
}

.accordion-item {
    background: #fff;
    border-left: 6px solid #faf6ef;
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 18px;
    border-bottom: 1px solid #c6c6c6;
}

.faq .accordion-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: none;
    border: none;
    width: 100%;
    font-size: 18px;
    cursor: pointer;
    gap: 15px;
    font-family: 'inter';
    margin-bottom: 24px;
}

.faq button.accordion-header span {
    color: rgba(16, 25, 33, 1);
    font-weight: 500;
    text-transform: capitalize;
}

.faq .accordion-body p {
    color: rgba(16, 25, 33, 0.7);
    font-size: 16px;
    line-height: 24px;
}

.faq .accordion-body {
    display: none;
    margin-top: 12px;
}

.faq .accordion-item.open .accordion-body {
    display: block;
}

.faq .chevron {
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.faq .open .chevron {
    transform: rotate(0deg);
}

.faq .accordion-item.left-border {
    border-color: rgba(246, 241, 233, 1);
    border-radius: 0;
}

.faq .accordion-item.left-border.open {
    border-color: rgba(199, 147, 29, 1);
}

.header-content h1 {
    font-size: 32px;
    letter-spacing: 2px;
    margin: 0;
    font-family: 'FONTSPRING DEMO - The Seasons';
    font-weight: 700;
}

.header-content p {
    margin-top: 8px;
    font-size: 16px;
    color: rgba(16, 25, 33, 1);
}

.header-content {
    text-align: center;
    margin: 80px 0 20px;
}

.breadcrumb-sec {
    margin-bottom: 40px;
    display: block;
}

.vdb-wrapper {
    width: 100%;
    padding: 32px 40px;
    background: #fbf9f6;
}

.vdb-wrapper > * {
    margin: 0 auto;
    max-width: 1440px;
}

.view-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
}

.accordion-item span.chevron svg path {
    stroke: #000;
}

.accordion-item.open span.chevron svg path {
    stroke: rgb(199, 147, 29);
}

.product-card product-price.h6>*:after {
    display: none;
}

/* RESPONSIVE */

@media screen and (min-width: 768px) {

    .aqcstone-sort-container.mob-view {
        display: none;
    }

}

@media (max-width: 1024px) {
    .diamond-details-inner {
        grid-template-columns: 160px 1fr;
    }

    .diamond-actions {
        grid-column: span 2;
        align-items: flex-start;
        margin-top: 16px;
    }

    .aqcstone-desktop-filters .aqcstone-filter-item:nth-child(2) {
        border: 0;
    }

    .aqcstone-desktop-filters .aqcstone-filter-item {
        flex: 1;
        min-width: 310px;
    }

    span.right-arrow.left-margin {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .aqcstone-sort-container.mob-view div#sortDropdown2 {
        left: 0;
    }

    .aqcstone-product-grid {
        gap: 40px 15px;
    }

    button.aqcstone-text-primary.aqcstone-tab-btn.active {
        color: rgba(16, 25, 33, 0.6);
    }

    .aqcstone-bg-gray {
        aspect-ratio: auto;
    }

    .aqcstone-add-btn {
        padding: 12px 5px;
    }

    .aqcstone-tab-flex .aqcstone-tab-wrapper {
        order: 2;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .aqcstone-sort-trigger {
        margin-top: 0;
    }

    .aqcstone-tab-flex .aqcstone-controls-wrapper {
        order: 1;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    span.aqcstone-text-secondary.aqcstone-tab-separator {
        display: none;
    }

    .aqcstone-tab-flex {
        flex-flow: column;
    }

    .aqcstone-controls-wrapper {
        margin-bottom: 10px;
    }

    .aqcstone-desktop-filters .aqcstone-filter-item:nth-child(2) {
        border-bottom: 1px solid rgba(217, 217, 217, 1);
    }

    .aqcstone-border-gray {
        margin-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .aqcstone-filter-label-row-flex {
        flex-direction: column;
        justify-content: space-between;
    }

    .shopdev .aqcstone-range-container {
        width: 135px;
    }

    .aqcstone-filter-item.border-none.desk-view {
        display: none;
        border: 0;
    }

    .vdb-wrapper {
        padding: 15px 15px;
    }

    .breadcrumb-sec {
        margin-bottom: 30px;
    }

    .aqcstone-step-label,
    p.aqcstone-text-primary.aqcstone-step-label {
        font-size: 14px !important;
    }

    .aqcstone-step-info.text-right {
        text-align: right;
    }

    .aqcstone-filter-item {
        border: 0;
    }

    .aqcstone-filter-item {
        border-bottom: 1px solid rgba(217, 217, 217, 1);
        padding-bottom: 17px;
    }

    .table-header span,
    .table-row div {
        gap: 1px;
        font-size: 11px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 0;
    }

    .table-row div {
        min-width: 45px;
    }

    #productList {
        margin-left: -10px;
        margin-right: -10px;
    }

    .table-row .chevron {
        padding: 0 !important;
        min-width: 25px;
    }

    .table-header {
        padding: 12px 8px;
        padding: 12px 6px;
        padding: 12px 0px;
    }

    .table-row div {
        padding: 12px 6px;
    }

    .price-value {
        padding: 19px 2px !important;
    }

    .diamond-details-inner {
        display: flex;
        flex-flow: column;
        gap: 20px;
    }

    .diamond-info,
    .diamond-actions {
        width: 100%;
    }

    .table-header span svg {
        margin-top: 4px;
        /* width: 10px; */
    }

    .faq {
        background: #fff;
        margin-left: -15px;
        margin-right: -15px;
        padding: 55px 15px 15px;
    }

    .header-content {
        margin: 0 0 20px;
    }

    .diamond-actions {
        margin-top: 0;
    }

    .faq .chevron {
        flex-shrink: 0 !important;
    }

    .faq button.accordion-header span {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .diamond-actions {
        align-items: stretch;
    }

    .add-setting-btn {
        width: 100%;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .table-row {
        grid-template-columns: 1fr 1fr;
        row-gap: 6px;
    }

    .details-grid {
        flex-direction: column;
    }
}

/* Sorting arrow rotation For Up and Down */
.table-header span.list-sorting-th.list-sorting_asc.active svg {
    transform: rotate(181deg) !important;
}
.table-header span.list-sorting-th.list-sorting_desc.active svg {
    transform: rotate(360deg) !important;
}
/* input#custom-filter-slider-max-price-range {
    width: 100%;
    position: absolute;
    z-index: 1;
    right:0;
} */
/* input#custom-filter-slider-min-price-range {
    width: 100%;
} */
.aqcstone-price-inputs label.range-label input {
    border: 1px solid rgb(var(--color-input-text-rgb) / var(--opacity-40));
    width: 79px;
    width: 82px;
    font-size: 12px;
    padding: 6px 4px;
    font-weight: 400;
    color: var(--color-input-text);
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.aqcstone-price-inputs label.range-label input:focus {
    outline: none;
}
.shopdev .aqcstone-filter-item .aqcstone-range-container {
    width: 100%;
}
.aqcstone-range-wrapper {
    max-width: 135px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .aqcstone-range-wrapper {
        max-width: 100%;
    }
}



/* base range */
.shopdev input[type="range"] {
  /* position: absolute;
  width: 100%;
  height: 4px;
  margin: 0;
  background: transparent;
  pointer-events: none;
  -webkit-appearance: none; */

    position: relative;
    width: 100%;
    height: 4px;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    pointer-events: none;
    position: absolute;
}

/* track */
/* .shopdev input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  background: #f1efe9;
  border-radius: 4px;
} */

/* .shopdev input[type="range"]::-moz-range-track {
  height: 4px;
  background: #d39a1e;
  border-radius: 4px;
} */

/* thumb */
.shopdev input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #d39a1e; /* orange */
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  /* margin-top: -7px; */
  position: relative;
  z-index: 1;
}

.shopdev input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #d39a1e;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}

/* filled range */
.range-track-fill {
  position: absolute;
  height: 4px;
  background: #d39a1e; /* orange fill */
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}


.range-slider-wrapper.aqcstone-grade-labels .range-track {
    width: 100%;
}
.from-slider-label {
    width: 100%;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    margin-top: 23px;
    color: rgba(16, 25, 33, 1);
    font-weight: 400;
}
.from-slider-label .vdb-grid-pol:first-child {
    display: none;
}
.from-slider-label .vdb-grid-pol:first-child + .vdb-grid-slider-label {
    margin-left: 0 !important;
}
.shopdev .aqcstone-filter-section-content {
    position: relative;
}
/* input#custom-filter-slider-max-cut-range, input#custom-filter-slider-max-color-range, input#custom-filter-slider-max-carat-range, input#custom-filter-slider-max-clarity-range, 
.aqcstone-filter-section.expanded input#custom-filter-slider-max-price-range {
    width: 58%;
    right: 0;
}
input#custom-filter-slider-min-cut-range, input#custom-filter-slider-min-color-range, input#custom-filter-slider-min-carat-range, input#custom-filter-slider-min-clarity-range, 
.aqcstone-filter-section.expanded input#custom-filter-slider-min-price-range {
    width: 40%;
    left: 0;
} */
.aqcstone-filter-section-content .aqcstone-grade-track.range-inputs {
    height: auto;
    background: #fff;
    display: flex;
    justify-content: space-between;
}
.aqcstone-filter-section-content .aqcstone-grade-track.range-inputs input {
    border: 1px solid rgba(217, 217, 217, 1);
    width: 121px;
    font-size: 12px;
    padding: 6px 4px;
    font-weight: 400;
    color: var(--color-input-text);
    height: 35px;
}
.aqcstone-filter-section-content .aqcstone-grade-track.range-inputs input:focus {
    outline: none;
}
.shopdev .aqcstone-filter-section-content .aqcstone-grade-track {
    width: 97%;
    margin-top: 30px;
}
.aqcstone-filter-section.expanded .aqcstone-grade-slider-container {
    padding: 0;
}
.aqcstone-filter-section.expanded .range-slider-wrapper.aqcstone-grade-labels {
    position: relative;
    height: auto;
}
img.help_icon {
    max-width: 18px;
}
.aqcstone-filter-section-header p.aqcstone-text-primary.aqcstone-adv-label {
    display: flex;
    gap: 6px;
}
.load-more-div svg {
    display: inline;
}
.aqcstone-product-card a.aqcstone-view-link {
    display: inline-block;
    width: 29%;
    width: auto;
    text-align: left;
    margin-top: 8px;
}
@media (max-width: 769px) {
    .aqcstone-product-card a.aqcstone-view-link {
        width: auto;
    }
}
.aqcstone-price-inputs input {
    border-radius: 0;
}
.aqcstone-filter-section .aqcstone-origin-option, .aqcstone-filter-section .aqcstone-lab-option {
    border: 1px solid #D9D9D9;
    background: #F8F8F8;
    padding: 15px;
    width: 50%;
    justify-content: center;
}

.aqcstone-filter-section .aqcstone-origin-option.origin-active, .aqcstone-filter-section .aqcstone-lab-option.lab-active {
    border: 1px solid rgba(16, 25, 33, 1);
    background: transparent;
}

/* Lab filter: horizontal row (3 equal chips) */
.aqcstone-filter-section-header[data-filter-type="lab"] + .aqcstone-filter-section-content {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.aqcstone-filter-section-header[data-filter-type="lab"] + .aqcstone-filter-section-content .aqcstone-lab-option {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    position: relative;
    justify-content: center;
    text-align: center;
}

.aqcstone-filter-section-header[data-filter-type="lab"] + .aqcstone-filter-section-content .aqcstone-lab-radio {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.aqcstone-filter-section-header[data-filter-type="lab"] + .aqcstone-filter-section-content label.aqcstone-lab-label {
    left: 0;
    flex: 1;
    width: 100%;
    text-align: center;
}

.aqcstone-drawer-sections .aqcstone-filter-section:first-child .aqcstone-filter-section-content {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.aqcstone-origin-option input, .aqcstone-lab-option input {
    visibility: hidden;
}
label.aqcstone-origin-label, label.aqcstone-lab-label {
    font-weight: 700;
    position: relative;
    left: -9px;
}
.table-wrapper {
    min-height: 200px;
}

@media (min-width: 768px) {
    .aqcstone-price-inputs .range-label span {
        display: none;
    }
}

@media (max-width: 767px) {
    .aqcstone-price-inputs {
        gap: 21px;
        width: 100%;
    }
    .aqcstone-price-inputs .range-label {
        width: 50%;
        gap: 4px;
        display: flex;
        flex-direction: column;
        padding: 6px 10px;
        border: 1px solid rgba(16, 25, 33, 0.40);
    }
    .aqcstone-price-inputs .range-label span {
        color: rgba(16, 25, 33, 0.40);
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }
    .aqcstone-price-inputs label.range-label input {
        width: 100%;
        border: 0;
        padding: 0;
        color: #101921;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}



/*********media css ********/
@media screen and (min-width: 1024px) {
    .aqcstone-desktop-filters .aqcstone-filter-item:first-child {
        min-width: 367px;
    }
}

.visibility-hidden {
    visibility: hidden;
}

.table-header.table-desktop {
    display: flex !important;
}
.table-header.table-mobile {
    display: none !important;
}
.table-row .chevron svg.arrow-icon {
    display: flex !important;
}
.table-row .chevron svg.eye-icon {
    display: none !important;
}
button.aqcstone-text-primary.aqcstone-tab-btn.compare-mobile {
    display: none !important;
}
button.aqcstone-text-primary.aqcstone-tab-btn.compare-desktop {
    display: flex !important;
}

@media (max-width: 769px) {
    .table-header.table-desktop {
        display: none !important;
    }
    .table-header.table-mobile {
        display: flex !important;
    }
    .table-row .chevron svg.arrow-icon {
        display: none !important;
    }
    .table-row .chevron svg.eye-icon {
        display: flex !important;
    }
    button.aqcstone-text-primary.aqcstone-tab-btn.compare-mobile {
        display: flex !important;
    }
    button.aqcstone-text-primary.aqcstone-tab-btn.compare-desktop {
        display: none !important;
    }
    /* .aqcstone-sort-container.mob-view.visibility-hidden {
        visibility: visible !important;
    } */
}

.aqcstone-shape-grid.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}